.style__switcher{background-color:var(--container-color);z-index:9999;width:220px;padding:15px;transition:all .3s;position:fixed;top:160px;right:0;transform:translate(100%);box-shadow:0 6px 20px #0206170f}.show-switcher{transform:translate(0)}.style__switcher,.style__switcher-toggler,.theme__toggler{border-radius:5px 0 0 5px}.style__switcher-items{-moz-column-gap:4px;grid-template-columns:repeat(5,1fr);gap:8px 4px;display:grid}.style__switcher-title,.style__switcher-toggler,.them__toggler,.style__switcher-close{color:var(--title-color)}.style__switcher-title{font-size:var(--small-font-size);font-weight:var(--weight-600);border-bottom:1px solid var(--border-color);margin-bottom:15px;padding-bottom:5px;padding-left:70px}.theme__item-color{cursor:pointer;border-radius:50% 50% 50% 0;width:25px;height:25px;margin:5px;transition:transform .2s,box-shadow .2s;transform:rotate(-45deg)}.theme__item-color:hover{box-shadow:0 6px 18px var(--glass-shadow);transform:rotate(-45deg)scale(1.2)}.theme__img{cursor:pointer;width:30px}.style__switcher-toggler,.theme__toggler{background-color:var(--container-color);width:50px;height:50px;font-size:var(--large-font-size);cursor:pointer;place-items:center;transition:all .3s;display:grid;position:absolute;right:100%;box-shadow:0 6px 18px #0206170f}.show-switcher .style__switcher-toggler,.show-switcher .theme__toggler{left:100%}.style__switcher-toggler{top:10%}.theme__toggler{bottom:10%}.style__switcher-close{cursor:pointer;font-size:var(--h2-font-size);position:absolute;top:2%;left:15px}