.dn-night{opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:1}.dn-night .dn-night__img{display:block;width:100%;height:100%;object-fit:var(--dn-fit,cover);object-position:var(--dn-pos,center)}html.dn-is-night .dn-night{opacity:1}.dn-item{position:relative}.dn-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.8rem;border:0;cursor:pointer;font:inherit;font-size:1.4rem;letter-spacing:.03em;-webkit-tap-highlight-color:transparent;transition:background-color .5s ease,color .5s ease,border-color .5s ease}.dn-btn:focus-visible{outline:2px solid #e8792b;outline-offset:3px}.dn-btn.dn-btn--media{position:absolute!important;top:calc(var(--dn-top,0px) + 1.2rem)!important;right:calc(var(--dn-right,0px) + 1.2rem)!important;left:auto!important;bottom:auto!important;margin:0!important;z-index:4;width:4.4rem;height:4.4rem;padding:0;border-radius:50%;background:#ffffffe6;color:#1d1d1d;box-shadow:0 2px 10px #0000002e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dn-btn__icon{display:inline-flex;line-height:0}.dn-btn__icon--moon{display:none}html.dn-is-night .dn-btn--media{background:#14100cd9;color:#ffcf8a}html.dn-is-night .dn-btn__icon--sun{display:none}html.dn-is-night .dn-btn__icon--moon{display:inline-flex}.dn-bar{display:flex;justify-content:flex-end;margin:0 0 1.4rem}.dn-btn.dn-btn--bar{height:4.8rem;padding:0 1.8rem 0 1.4rem;font-size:1.5rem;font-weight:600;border-radius:999px;background:#fff;color:#1d1d1d;border:1px solid rgba(0,0,0,.14);box-shadow:0 1px 4px #0000000f}.dn-btn--bar:hover{border-color:#b6501a}.dn-switch{display:inline-flex;align-items:center;gap:.6rem}.dn-switch__icon{display:inline-flex;line-height:0;opacity:.45;transition:opacity .4s ease,color .4s ease}.dn-switch__icon--sun{opacity:1;color:#d0711f}.dn-switch__track{position:relative;width:3.8rem;height:2.2rem;border-radius:999px;background:#e9e2da;transition:background-color .5s ease}.dn-switch__knob{position:absolute;top:.3rem;left:.3rem;width:1.6rem;height:1.6rem;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .45s cubic-bezier(.4,0,.2,1)}html.dn-is-night .dn-btn--bar{background:#17130f;color:#ffdca8;border-color:#17130f}html.dn-is-night .dn-switch__track{background:#b6501a}html.dn-is-night .dn-switch__knob{transform:translate(1.6rem);background:#ffe3b8}html.dn-is-night .dn-switch__icon--sun{opacity:.45;color:inherit}html.dn-is-night .dn-switch__icon--moon{opacity:1;color:#ffcf8a}.dn-hint{position:absolute;top:50%;right:calc(100% + 1rem);transform:translate(.6rem,-50%);white-space:nowrap;pointer-events:none;padding:.7rem 1.2rem;border-radius:.8rem;background:#17130f;color:#fff;font-size:1.3rem;line-height:1.2;letter-spacing:.02em;box-shadow:0 4px 14px #00000038;opacity:0;visibility:hidden;transition:opacity .3s ease,transform .3s ease,visibility 0s linear .3s;z-index:5}.dn-hint:after{content:"";position:absolute;top:50%;left:100%;margin-top:-.6rem;border:.6rem solid transparent;border-left-color:#17130f}html.dn-is-night .dn-hint{background:#ffe3b8;color:#17130f}html.dn-is-night .dn-hint:after{border-left-color:#ffe3b8}.dn-btn.dn-hint-show .dn-hint{opacity:1;visibility:visible;transform:translateY(-50%);transition:opacity .3s ease,transform .3s ease}@media(hover:hover){.dn-btn:hover .dn-hint{opacity:1;visibility:visible;transform:translateY(-50%);transition:opacity .3s ease,transform .3s ease}}.dn-btn:focus-visible .dn-hint{opacity:1;visibility:visible;transform:translateY(-50%)}@media(prefers-reduced-motion:reduce){.dn-night,.dn-btn,.dn-hint,.dn-switch__knob{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/day-night-toggle.css.map */