.wheel{position:relative}.wheel--view{overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none}.wheel--view::-webkit-scrollbar{display:none}.wheel--scroll{position:absolute;z-index:1;top:0;bottom:0;display:flex;align-items:center;width:60px;transition:all .1s ease-out}.wheel--scroll button{width:30px;height:30px;border-radius:50%;background-color:#fff;border:1px solid #d7d7d7;color:#3f3f3f;display:flex;align-items:center;justify-content:center}.wheel--scroll button svg{width:6px;height:11px}@media(hover:hover){.wheel--scroll button:hover{box-shadow:0 0 1px 1px #0000000a}.wheel--scroll button:hover svg{transform:scale(1.2)}}@media(hover:none){.wheel--scroll button:active{box-shadow:0 0 1px 1px #0000000a}.wheel--scroll button:active svg{transform:scale(1.2)}}.wheel--scroll-left{left:0;background:linear-gradient(90deg,#fff,#fff 75%,#fff0);justify-content:flex-start}.wheel--scroll-right{right:0;background:linear-gradient(270deg,#fff,#fff 75%,#fff0);justify-content:flex-end}.wheel--scroll-hidden{opacity:0;pointer-events:none}