.toggle-switch{transition:all .2s ease-in;display:flex;width:65px;height:34px;padding:5px;align-items:center;justify-content:center;gap:7px;flex-shrink:0;border:var(--wp--preset--color--white-85) 1px solid;border-radius:8px;cursor:pointer;transition:all .3s}.toggle-switch:hover{background-color:var(--wp--preset--color--white-95)}.toggle-switch{display:flex}.toggle-switch .icon-container{width:24px;height:24px;flex:1;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center}.toggle-switch .icon-container svg{height:13px;width:auto}.toggle-switch:not(.active) .light{background-color:var(--wp--preset--color--white-95)}.toggle-switch:not(.active) .dark{background-color:transparent}.toggle-switch.active .light{background-color:transparent}.toggle-switch.active .dark{background-color:var(--wp--preset--color--white-95)}@media screen and (max-width: 1023px){.toggle-switch{background-color:var(--wp--preset--color--white-95);border:0;border-radius:6px;padding:9px;position:relative;height:40px;width:40px}.toggle-switch .icon-container{background-color:transparent;position:relative;width:100%;height:100%}.toggle-switch .icon-container svg{height:22px;width:auto}.toggle-switch .icon-container.dark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s}.toggle-switch:not(.active) .dark{visibility:invisible;pointer-events:none;opacity:0;transition:all .3s}.toggle-switch:not(.active) .light{visibility:visible;pointer-events:auto;opacity:1;transition:all .3s}.toggle-switch.active .dark{visibility:visible;pointer-events:auto;opacity:1;transition:all .3s}.toggle-switch.active .light{visibility:invisible;pointer-events:none;opacity:0;transition:all .3s}}
/*# sourceMappingURL=style.css.map */