.theme-wrapper{width:180px;position:fixed;top:22%;right:-180px;z-index:10;background-color:#222;transition:all .5s ease}.theme-wrapper.active{right:0}.theme-wrapper__toggle-icon{position:absolute;left:-40px;height:40px;width:40px;background:#222;cursor:pointer}.theme-wrapper__toggle-icon svg{margin-top:5px;margin-left:5px;border-radius:5px;animation-name:spin;animation-duration:1.5s;animation-iteration-count:infinite;animation-timing-function:linear;color:var(--selected-theme-main-color)}.theme-wrapper__menu{text-align:center;padding:20px 10px}.theme-wrapper__menu h4{font-size:14px;font-weight:600;text-transform:uppercase;color:#fff;margin-bottom:16px;font-family:Roboto,sans-serif}.theme-wrapper__menu ul{display:grid;grid-template-columns:repeat(4,1fr);justify-content:space-evenly;gap:4px}.theme-wrapper__menu ul li{list-style-type:none;width:30px;height:30px;border-radius:50%;cursor:pointer}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}