.toggle-switch{--bg-toggle: hsl(0, 0%, 96%);--bg-circle: hsl(96, 85%, 34%);width:120px;height:60px;background-color:var(--bg-toggle);box-shadow:0 .3rem 5rem #7d7d7d40;border-radius:4rem;display:flex;align-items:center;padding:0 .3rem;transition:background-color .4s;cursor:pointer;position:relative;border:none;outline:none}.toggle-switch__circle{width:50px;height:50px;cursor:pointer;background-color:var(--bg-circle);border-radius:50%;position:relative;transition:margin .4s ease-in-out,background-color 1s}.toggle-switch__circle:after,.toggle-switch__circle:before{content:"";position:absolute;background-color:var(--bg-toggle);bottom:118%;transform-origin:bottom left}.toggle-switch__circle:before{width:15px;height:25px;left:32%;border-radius:0% 100%/0% 27% 73% 100%;transform:translate(-70%) rotate(-2deg)}.toggle-switch__circle:after{width:25px;height:30px;left:48%;border-radius:100% 0%;transform:rotate(-20deg)}.toggle-switch.active .toggle-switch__circle{margin-left:calc(70px - .6rem)}.toggle-switch.active{--bg-toggle: hsl(96, 85%, 34%);--bg-circle: hsl(0, 0%, 96%)}.color-scheme-1 .toggle-switch,.color-scheme-2 .toggle-switch{--bg-toggle: hsl(0, 0%, 20%);--bg-circle: hsl(96, 85%, 60%)}.color-scheme-1 .toggle-switch.active,.color-scheme-2 .toggle-switch.active{--bg-toggle: hsl(96, 85%, 60%);--bg-circle: hsl(0, 0%, 20%)}@media screen and (max-width: 768px){.toggle-switch{width:100px;height:50px}.toggle-switch__circle{width:40px;height:40px}.toggle-switch.active .toggle-switch__circle{margin-left:calc(60px - .6rem)}}.toggle-switch--language{--bg-toggle: hsl(220, 50%, 95%);--bg-circle: hsl(220, 70%, 50%)}.toggle-switch--language.active{--bg-toggle: hsl(220, 70%, 50%);--bg-circle: hsl(220, 50%, 95%)}.toggle-switch--newsletter{--bg-toggle: hsl(0, 0%, 90%);--bg-circle: hsl(120, 60%, 45%)}.toggle-switch--newsletter.active{--bg-toggle: hsl(120, 60%, 45%);--bg-circle: hsl(0, 0%, 90%)}
/*# sourceMappingURL=/cdn/shop/t/16/assets/toggle-switch.css.map */