.theme-1,:root{--main-color:#e94250;--second-color:#06294e}.theme-2{--main-color:#18c29c;--second-color:#1c8f75}.theme-3{--main-color:#e76711;--second-color:#263248}.theme-4{--main-color:#00ad5e;--second-color:#173134}.theme-5{--main-color:#faaf00;--second-color:#3b2621}.theme-6{--main-color:#1b9fc6;--second-color:#333e60}.color-switcher{transform:translateX(-100%);transition:transform .3s ease;position:fixed;will-change:transform;top:30%;left:0;z-index:100}.color-switcher.open{transform:translateX(0)}.color-switcher__open{height:60px;transform:translateX(100%);justify-content:center;border:0;right:0;position:absolute;top:0;background-color:var(--second-color);align-items:center;border-radius:0 3px 3px 0;cursor:pointer;width:60px;display:flex}.color-switcher__row{flex-direction:column;width:60px;display:flex}.color-switcher__btn{height:60px;padding:0;border:2px solid transparent;transition:border-color .3s ease;will-change:border-color;margin:0;cursor:pointer;width:60px}.color-switcher__btn.active,.color-switcher__btn:focus{border-color:#fff}.color-switcher__btn:hover{border-color:hsla(0,0%,100%,.5)}.color-switcher__btn:first-child{background-color:#e94250}.color-switcher__btn:nth-child(2){background-color:#18c29c}.color-switcher__btn:nth-child(3){background-color:#e76711}.color-switcher__btn:nth-child(4){background-color:#00ad5e}.color-switcher__btn:nth-child(5){background-color:#faaf00}.color-switcher__btn:nth-child(6){background-color:#1b9fc6}@media(max-width:575px){.color-switcher{bottom:25px;top:auto}.color-switcher__open{bottom:0;top:auto}}