.product__media-item--first{position:relative}lamp-switch.lamp-switch{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:block;pointer-events:none}.lamp-switch__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(var(--color-background, 0, 0, 0));opacity:0}lamp-switch.is-on .lamp-switch__backdrop{opacity:1}.lamp-switch__glow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.lamp-switch__glow-image{width:100%;height:100%;object-fit:contain;object-position:50% 50%;display:block}lamp-switch.is-on .lamp-switch__glow{opacity:1}.lamp-switch__btn{all:unset;position:absolute;top:1.6rem;left:1.6rem;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}.lamp-switch__pill{position:relative;display:block;width:6.6rem;height:3.4rem;border-radius:999px;background:#f5f4f1;box-shadow:0 .5rem 1.2rem #00000040,inset 0 0 0 1px #0000000d;transition:background .38s ease,box-shadow .38s ease}.lamp-switch__icon{position:absolute;top:50%;width:1.7rem;height:1.7rem;display:flex;align-items:center;justify-content:center;transform:translateY(-50%);transition:opacity .26s ease}.lamp-switch__icon svg{width:100%;height:100%}.lamp-switch__icon--off{left:.8rem;color:#2b2b28;opacity:1}.lamp-switch__icon--on{right:.8rem;color:#fff;opacity:0}.lamp-switch__knob{position:absolute;top:.3rem;left:.3rem;width:2.8rem;height:2.8rem;border-radius:50%;background:linear-gradient(160deg,#4a4a47,#1c1c1a);box-shadow:0 .2rem .5rem #0000004d;transform:translate(3.2rem);transition:transform .42s cubic-bezier(.34,1.56,.64,1),background .42s ease,box-shadow .42s ease}.lamp-switch__btn:hover .lamp-switch__pill{box-shadow:0 .7rem 1.6rem #0000004d,inset 0 0 0 1px #0000000d}.lamp-switch__btn[aria-pressed=true] .lamp-switch__pill{background:#171715;box-shadow:0 .5rem 1.4rem #00000073,inset 0 0 0 1px #ffffff0f}.lamp-switch__btn[aria-pressed=true] .lamp-switch__knob{transform:translate(0);background:linear-gradient(160deg,#fff,#e4e4e0);box-shadow:0 .2rem .6rem #0000004d}.lamp-switch__btn[aria-pressed=true] .lamp-switch__icon--off{opacity:0}.lamp-switch__btn[aria-pressed=true] .lamp-switch__icon--on{opacity:1}.lamp-dark-mode{--color-background: 10, 10, 10;--color-secondary-background: 26, 26, 26;--color-foreground: 245, 245, 245;--color-text-heading: 245, 245, 245;--color-border: 58, 58, 58;--color-button: 245, 245, 245;--color-button-text: 10, 10, 10;--color-secondary-button: 26, 26, 26;--color-secondary-button-border: 90, 90, 90;--color-secondary-button-text: 245, 245, 245;--color-button-hover-background: 214, 214, 214;--color-button-hover-text: 10, 10, 10;--color-field: 26, 26, 26;--color-field-text: 245, 245, 245;--color-link: 245, 245, 245;--color-link-hover: 245, 245, 245;--color-foreground-lighten-60: #9a9a9a;--color-foreground-lighten-19: #cfcfcf;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.lamp-dark-mode .header__logo img,.lamp-dark-mode .product-brand-logo{filter:invert(1)}@media(prefers-reduced-motion:reduce){.lamp-switch__knob,.lamp-dark-mode{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-lamp-switch.css.map */