.loot-mode-toggle{width:5.6rem;height:3.2rem;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;margin:0 .25rem;padding:0;border:0;border-radius:999px;background:transparent;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.loot-mode-toggle__track{position:relative;width:5.2rem;height:2.8rem;display:block;overflow:hidden;border:1px solid color-mix(in srgb,var(--lp-accent) 34%,var(--lp-text) 10%);border-radius:999px;background:color-mix(in srgb,var(--lp-surface-2) 88%,transparent);box-shadow:inset 0 1px #ffffff14,0 .6rem 1.8rem color-mix(in srgb,var(--lp-accent) 13%,transparent);transition:background .24s ease,border-color .24s ease,box-shadow .24s ease}.loot-mode-toggle__sun,.loot-mode-toggle__moon{position:absolute;top:50%;z-index:2;width:1.65rem;height:1.65rem;transform:translateY(-50%);display:grid;place-items:center;transition:opacity .22s ease,transform .22s ease,color .22s ease}.loot-mode-toggle__sun{left:.55rem;color:#d18a00}.loot-mode-toggle__moon{right:.55rem;color:#ffe3d8}.loot-mode-toggle svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.loot-mode-toggle__thumb{position:absolute;top:.3rem;left:.3rem;z-index:1;width:2.2rem;height:2.2rem;border-radius:50%;background:linear-gradient(135deg,var(--lp-accent),var(--lp-accent-2));box-shadow:0 .35rem 1rem #00000040,inset 0 1px #ffffff6b;transform:translate(2.35rem);transition:transform .28s cubic-bezier(.2,.8,.2,1),background .24s ease}body[data-loot-mode=light] .loot-mode-toggle__thumb{transform:translate(0)}body[data-loot-mode=dark] .loot-mode-toggle__sun{opacity:.52;transform:translateY(-50%) scale(.9)}body[data-loot-mode=light] .loot-mode-toggle__moon{opacity:.42;transform:translateY(-50%) scale(.9)}body[data-loot-mode=light] .loot-mode-toggle__sun,body[data-loot-mode=dark] .loot-mode-toggle__moon{opacity:1;transform:translateY(-50%) scale(1)}.loot-mode-toggle:hover .loot-mode-toggle__track{border-color:color-mix(in srgb,var(--lp-accent) 58%,var(--lp-text) 10%);box-shadow:0 0 1.8rem color-mix(in srgb,var(--lp-accent) 20%,transparent)}.loot-mode-toggle:focus-visible{outline:.2rem solid var(--lp-accent);outline-offset:.25rem}body.loot-mode-switching,body.loot-mode-switching .header-wrapper,body.loot-mode-switching #MainContent,body.loot-mode-switching .loot-home,body.loot-mode-switching .loot-card,body.loot-mode-switching .loot-product,body.loot-mode-switching .loot-drop-stage,body.loot-mode-switching .footer,body.loot-mode-switching .footer__content-bottom,body.loot-mode-switching .menu-drawer,body.loot-mode-switching .card,body.loot-mode-switching .gradient{transition:background-color .26s ease,background .26s ease,color .2s ease,border-color .24s ease,box-shadow .24s ease!important}@media screen and (max-width:749px){.loot-mode-toggle{width:4.8rem;height:3rem;margin-inline:0}.loot-mode-toggle__track{width:4.5rem;height:2.6rem}.loot-mode-toggle__thumb{width:2rem;height:2rem;top:.25rem;left:.25rem;transform:translate(2rem)}body[data-loot-mode=light] .loot-mode-toggle__thumb{transform:translate(0)}.loot-mode-toggle__sun,.loot-mode-toggle__moon{width:1.45rem;height:1.45rem}.loot-mode-toggle__sun{left:.45rem}.loot-mode-toggle__moon{right:.45rem}}@media(prefers-reduced-motion:reduce){.loot-mode-toggle *,body.loot-mode-switching,body.loot-mode-switching *{transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/lootsepeti-mode-toggle.css.map */