/* A copper frame for the homepage example; its content and geometry stay intact. */
body[data-home] .lens-example {
  position: relative;
  border-color: #bc8b59;
  box-shadow: inset 0 1px 0 #f2d3a51f, inset 0 -1px 0 #041c1759,
    0 3px 0 #071d164d, 0 16px 32px #041a1638;
}
body[data-home] .lens-example::before {
  content: '';
  position: absolute;
  inset: 5px;
  border: 1px solid #d4a47236;
  border-radius: 2px;
  pointer-events: none;
}
body[data-home] .lens-example-visual {
  position: relative;
  border-color: #d8a56d;
  background: linear-gradient(138deg, #b77a49 0%, #e5b97d 33%,
    #d5a16a 55%, #bd824e 78%, #a9693e 100%);
  box-shadow: inset 0 1px 0 #ffebc1a6, inset 0 -1px 0 #633d26b3,
    0 2px 0 #071d1666, 0 5px 12px #061c1640;
}
body[data-home] .lens-example-visual::after {
  content: '';
  position: absolute;
  inset: 4px;
  z-index: 1;
  border: 1px solid #f4d3a2a6;
  box-shadow: 0 0 0 1px #583b2538;
  pointer-events: none;
}
body[data-home] .lens-overview-mark {
  text-shadow: 0 1px 0 #fce6be85;
}