@layer components{.dark-wheel-scale{transform:scale(.8);transform-origin:center}.dark-wheel{position:relative;width:50px;height:30px;perspective:300px}.dark-wheel-outer{left:-3.7px;top:-.6px;width:57px;box-shadow:0 .6px 1.4px #c3c3b8}.dark-wheel-clip,.dark-wheel-outer{position:absolute;height:32px;border-radius:3px;background:linear-gradient(180deg,#ffffff 0,#dedede)}.dark-wheel-clip{width:3px;z-index:2}.dark-wheel-clip-l{left:-2.8px;box-shadow:1.4px 0 .3px -1px black}.dark-wheel-clip-r{right:-2.8px;box-shadow:-1.4px 0 .3px -1px black}.dark-wheel-clip-h{position:absolute;height:2.5px;width:55px;left:-1.1px;border-radius:3px;z-index:2}.dark-wheel-clip-t{top:0;background:#fefefe}.dark-wheel-clip-b{bottom:-2.1px;background:#e0e0e0}.dark-wheel-inner-shadow{position:absolute;pointer-events:none;left:-.9px;top:1.5px;width:51px;height:29px;border-radius:3px;border:.8px solid white;z-index:4;box-shadow:inset 0 -.6px .6px rgba(2,2,2,.17),0 0 0 .28px #f1f1f1,inset 0 -20px 17px -12.8px rgba(255,255,255,.6),inset 0 9.4px 3.1px -5.7px rgba(2,2,2,.82)}.dark-wheel-elip{position:absolute;height:26px;width:4px;border-radius:24%;z-index:4}.dark-wheel-elip-l{left:0;top:3.3px;box-shadow:-2.2px 0 2.8px -1.4px black}.dark-wheel-elip-r{left:45px;top:3.3px;box-shadow:2.2px 0 2.8px -1.4px black}.dark-wheel-inner{inset:0;height:32px;cursor:pointer;transform-origin:50% 50% 12.75px}.dark-wheel-button,.dark-wheel-inner{position:absolute;transform-style:preserve-3d}.dark-wheel-button{top:6px;width:50px;height:18px;transform-origin:10px 10px 10px;box-shadow:inset 0 .28px 0 rgba(255,255,255,.28),inset 0 .57px 0 rgba(0,0,0,.44);background:linear-gradient(180deg,rgba(30,30,30,1) 0,rgba(79,79,79,1));backface-visibility:hidden}.dark-wheel-button-1{transform:rotateX(0deg)}.dark-wheel-button-2{transform:rotateX(60deg)}.dark-wheel-button-3{transform:rotateX(120deg)}.dark-wheel-button-4{transform:rotateX(180deg)}.dark-wheel-button-5{transform:rotateX(240deg)}.dark-wheel-button-6{transform:rotateX(300deg)}.dark-wheel-men-1{background:linear-gradient(180deg,#0A0C1A 0,#0F1223 30%,#162035 70%,#1B2745)}.dark-wheel-men-2{background:linear-gradient(180deg,#1B2745 0,#22345A 35%,#274870 75%,#452e85)}.dark-wheel-men-3{background:linear-gradient(180deg,#452e85 0,#a166bd)}.dark-wheel-men-4{background:linear-gradient(180deg,#a166bd 0,#ffb81f)}.dark-wheel-men-5{background:linear-gradient(180deg,#ffb81f 0,#ffbc47 30%,#ff944d 70%,#ff4209)}.dark-wheel-men-6{background:linear-gradient(180deg,#1F1F38 0,#141728 30%,#0D1020 70%,#0A0C1A)}.dark-wheel-face{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;transform:rotate(180deg) rotateY(180deg) translateY(0) translateZ(1.5px)}}