.lock{user-select:none;box-sizing:border-box;display:inline-flex;position:relative;justify-content:space-between;font-family:"Times New Roman",Times,serif;margin:0 0 30px;--rotationSpeed:.5s;--wheelColor:#BBB}.lock .wheel{perspective:200px;width:25px;margin-right:15px;transform-style:preserve-3d}.lock .wheel:after,.lock .wheel:before{position:absolute;width:100%;left:0;height:50%;right:0;backdrop-filter:blur(0.8px);z-index:10}.lock .wheel:before{top:calc(var(--elementHeight) * -0.6);background:linear-gradient(to bottom,#000A,transparent)}.lock .wheel:after{bottom:calc(var(--elementHeight) * -0.6);background:linear-gradient(to top,#000A,transparent)}.lock .wheel .wheel__inner{position:relative;margin:0 auto;transform-style:preserve-3d;transition:transform var(--rotationSpeed) cubic-bezier(1,0,0.44,0.99);border-right:10px solid transparent}.lock .wheel .wheel__inner .wheel__segment{display:flex;justify-content:center;align-items:center;position:absolute;top:50%;background-color:var(--wheelColor);border-top:0 solid #000;border-left:5px solid #0008;border-right:5px solid #0008;width:26px}.lock .wheel .wheel__inner .wheel__segment span{padding-top:3px;text-shadow:rgba(245,245,245,.5) 1px 1px 1px;background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;font-weight:bold;border-bottom:1px solid #0005;background-color:#000;color:#0005;font-size:calc(var(--elementHeight) * .6);width:100%}.lock .wheel:last-child{width:46px}