.style-switcher{background:var(--bg-black-100);border:1px solid var(--bg-black-50);border-radius:5px;padding:15px;position:fixed;right:0;top:60px;transform:translateX(100%);transition:all .3s ease;width:200px;z-index:101}.style-switcher.open{transform:translateX(-25px)}.style-switcher .s-icon{background:var(--bg-black-100);border:1px solid var(--bg-black-50);border-radius:50%;color:var(--text-black-900);cursor:pointer;font-size:20px;height:40px;margin-right:25px;position:absolute;right:100%;text-align:center;transition:all .3s ease;width:40px}.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);font-family:Poppins;font-family:600;font-size:16px;margin:0 0 10px;text-transform:capitalize}.style-switcher .colors{display:flex;flex-wrap:wrap;justify-content:space-between}.style-switcher .colors span{border-radius:50%;display:inline-block;height:30px;width:30px}.style-switcher .color-1{background:#ec1839}.style-switcher .color-2{background:#fa5b0f}.style-switcher .color-3{background:#37b182}.style-switcher .color-4{background:#1854b4}.style-switcher .color-5{background:#f021b2}