.style__switcher{background-color:var(--container-color);z-index:9999;border:1px solid var(--border-color);border-right:0;border-radius:5px 0 0 5px;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}.tt-icon{width:22px;height:22px;display:block;overflow:visible}.tt-icon__sun,.tt-icon__moon{transform-origin:50%;transition:transform .52s cubic-bezier(.34,1.56,.64,1),opacity .32s}.tt-icon__sun{opacity:1;transform:rotate(0)scale(1)}.tt-icon__moon{opacity:0;transform:rotate(-110deg)scale(.35)}.tt-icon--to-moon .tt-icon__sun{opacity:0;transform:rotate(140deg)scale(.35)}.tt-icon--to-moon .tt-icon__moon,.tt-icon--to-sun .tt-icon__sun{opacity:1;transform:rotate(0)scale(1)}.tt-icon--to-sun .tt-icon__moon{opacity:0;transform:rotate(-110deg)scale(.35)}.tt-icon__sun-core{fill:none;stroke:currentColor;stroke-width:1.8px}.tt-icon__ray{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;transform-origin:50%;transition:transform .42s cubic-bezier(.34,1.56,.64,1)}.theme__toggler:hover .tt-icon__rays{transform-origin:50%;transform:scale(1.14)}.tt-icon__rays{transition:transform .42s cubic-bezier(.34,1.56,.64,1)}.tt-icon__moon-body{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round}.tt-icon__star{fill:currentColor;opacity:.9;animation:2.4s ease-in-out infinite mx-tt-twinkle}.tt-icon__star--2{animation-delay:1.1s}@keyframes mx-tt-twinkle{0%,to{opacity:.25;transform-origin:50%;transform:scale(.7)}50%{opacity:1;transform-origin:50%;transform:scale(1.15)}}.theme__toggler:active{transform:scale(.92)}.theme__toggler:focus-visible{outline:2px solid var(--first-color);outline-offset:2px}.show-switcher .theme__item-color{animation:.42s cubic-bezier(.34,1.56,.64,1) backwards mx-theme-swatch-in}.show-switcher .theme__item-color:first-child{animation-delay:0s}.show-switcher .theme__item-color:nth-child(2){animation-delay:35ms}.show-switcher .theme__item-color:nth-child(3){animation-delay:70ms}.show-switcher .theme__item-color:nth-child(4){animation-delay:.105s}.show-switcher .theme__item-color:nth-child(5){animation-delay:.14s}.show-switcher .theme__item-color:nth-child(6){animation-delay:.175s}.show-switcher .theme__item-color:nth-child(7){animation-delay:.21s}.show-switcher .theme__item-color:nth-child(8){animation-delay:.245s}.show-switcher .theme__item-color:nth-child(9){animation-delay:.28s}.show-switcher .theme__item-color:nth-child(10){animation-delay:.315s}@keyframes mx-theme-swatch-in{0%{opacity:0;transform:rotate(-45deg)scale(.2)}to{opacity:1;transform:rotate(-45deg)scale(1)}}@media (prefers-reduced-motion:reduce){.tt-icon__sun,.tt-icon__moon,.tt-icon__ray,.tt-icon__rays{transition:none}.tt-icon__star,.show-switcher .theme__item-color{animation:none}}
