.wheel{position:relative}.wheel--view{scroll-behavior:smooth;scrollbar-width:none;overflow:scroll hidden}.wheel--view::-webkit-scrollbar{display:none}.wheel--scroll{z-index:1;align-items:center;width:60px;transition:all .1s ease-out;display:flex;position:absolute;top:0;bottom:0}.wheel--scroll button{color:#3f3f3f;background-color:#fff;border:1px solid #d7d7d7;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.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[data-scroll-hidden=true]{opacity:0;pointer-events:none}.wheel--scroll-left{background:linear-gradient(90deg,#fff,#fff 75%,#fff0);justify-content:flex-start;left:0}.wheel--scroll-right{background:linear-gradient(270deg,#fff,#fff 75%,#fff0);justify-content:flex-end;right:0}