/* The browser belongs to the operating system, not the sample site's palette. */
.specimen-board.specimen-website-board[data-demo-example="website"][data-demo-style] .website-frame{
  border:1px solid #d2d2d5;
  background:#ffffff;
  box-shadow:0 8px 24px #15151b14;
}

.specimen-board.specimen-website-board[data-demo-example="website"][data-demo-style] .website-frame .website-browser{
  box-sizing:border-box;
  height:32px;
  min-height:32px;
  flex:0 0 32px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 11px;
  border:0;
  border-bottom:1px solid #d0d0d3;
  border-radius:0;
  background:linear-gradient(#efeff0,#e7e7e9);
  color:#606064!important;
  font:400 11px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:0;
  text-transform:none;
  text-shadow:none;
  box-shadow:none;
  filter:none;
  backdrop-filter:none;
  opacity:1;
}

.specimen-board.specimen-website-board[data-demo-example="website"][data-demo-style] .website-frame .website-address{
  flex:1;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:center;
  color:#606064;
  font:inherit;
  letter-spacing:0;
  text-shadow:none;
}

.specimen-board.specimen-website-board[data-demo-example="website"][data-demo-style] .website-frame .website-browser-dots{
  display:flex;
  align-items:center;
  flex-shrink:0;
  gap:5px;
}

.specimen-board.specimen-website-board[data-demo-example="website"][data-demo-style] .website-frame .website-browser-dots>i{
  box-sizing:border-box;
  width:9px;
  height:9px;
  flex:0 0 9px;
  border:1px solid #00000012;
  border-radius:50%;
  box-shadow:none;
  filter:none;
  opacity:1;
}

.specimen-board.specimen-website-board[data-demo-example="website"][data-demo-style] .website-frame .website-browser-dots>i:nth-child(1){background:#ff5f57}
.specimen-board.specimen-website-board[data-demo-example="website"][data-demo-style] .website-frame .website-browser-dots>i:nth-child(2){background:#febc2e}
.specimen-board.specimen-website-board[data-demo-example="website"][data-demo-style] .website-frame .website-browser-dots>i:nth-child(3){background:#28c840}

.specimen-board.specimen-website-board[data-demo-example="website"][data-demo-style] .website-frame .website-browser-mark{
  margin-left:0;
  color:#76767b;
  font:400 14px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  text-shadow:none;
}