.wheel{perspective:1000px;border:1px solid #333;margin:50px}.wheel .wheel__inner{position:relative;height:100%;margin:0 auto;overflow:visible!important;transform-style:preserve-3d;transition:all 10s linear!important;transform:rotateX(0deg)!important}.wheel .filter-menu-wrapper:hover .wheel__inner{transform:rotateX(1turn)!important}.wheel .filter-menu-wrapper:hover .wheel__inner.up{transform:rotateX(0deg)!important}.wheel .filter-menu-wrapper:hover .wheel__inner.down{transform:rotateX(1turn)!important}.wheel .wheel__inner .wheel__segment{display:flex;justify-content:center;align-items:center;width:100%;position:absolute;top:50%;background-color:#000}@keyframes spin{0%{transform:rotateX(1turn)}50%{transform:rotateX(180deg)}to{transform:rotateX(0deg)}}@media screen and (max-width:580px){.wheel .wheel__inner{overflow:auto!important}.filter-menu-wrapper{margin-bottom:0}.wheel .wheel__inner .wheel__segment{position:unset}}