.style-switcher{border:1px solid var(--bg-black-50);background-color:var(--bg-black-100);z-index:101;border-radius:5px;width:200px;padding:15px;transition:all .3s;position:fixed;top:15%;right:0;transform:translate(100%)}.style-switcher.open{transform:translate(-25px)}.style-switcher .s-icon{text-align:center;background:var(--bg-black-100);width:40px;height:40px;color:var(--text-black-900);border:1px solid var(--bg-black-50);cursor:pointer;border-radius:50%;margin-right:25px;font-size:20px;transition:all .3s;position:absolute;right:100%}.style-switcher .s-icon i{line-height:40px}.style-switcher .style-switcher-toggler{top:0}.style-switcher .day-night{top:55px}.style-switcher h4{color:var(--text-black-700);text-transform:capitalize;margin:0 0 10px;font-size:16px;font-weight:600}.style-switcher .color{flex-wrap:wrap;justify-content:space-between;display:flex}.style-switcher .colors span{border:1px solid var(--bg-black-50);border-radius:50%;width:30px;height:30px;display:inline-block}.style-switcher .color-1{background:#734928}.style-switcher .color-2{background:#fa5b0f}.style-switcher .color-3{background:#37b182}.style-switcher .color-4{background:#1854b4}.style-switcher .color-5{background:#f021b2}
/*# sourceMappingURL=index.07849af8.css.map */