.lz-time-wheel { --lz-time-row:44px; position:relative; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); height:calc(var(--lz-time-row)*5); margin:var(--space-300) 0 var(--space-500); isolation:isolate; }
.lz-time-wheel-band { position:absolute; inset-inline:0; top:calc(var(--lz-time-row)*2); height:var(--lz-time-row); border-radius:var(--radius-lg); background:var(--bbr-bg-sunken); pointer-events:none; z-index:-1; }
.lz-time-wheel-column { height:100%; min-width:0; padding-block:calc(var(--lz-time-row)*2); overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; scroll-snap-type:y mandatory; scrollbar-width:none; cursor:grab; touch-action:pan-y; mask-image:linear-gradient(transparent,black 30%,black 70%,transparent); outline-offset:calc(-1 * var(--space-100)); }
.lz-time-wheel-column::-webkit-scrollbar { display:none; }
.lz-time-wheel-column.is-dragging { cursor:grabbing; scroll-snap-type:none; user-select:none; }
.lz-time-wheel-column:focus-visible { outline:var(--space-050) solid var(--bbr-bd-focus); border-radius:var(--radius-md); }
.lz-time-wheel-value { display:grid; place-items:center; height:var(--lz-time-row); scroll-snap-align:center; font-family:var(--bbr-font-sans); font-size:var(--text-2xl); font-weight:400; font-variant-numeric:tabular-nums; line-height:1; color:var(--bbr-fg-primary); user-select:none; opacity:.3; }
.lz-time-wheel-digit { transform:scale(.8); }
.lz-time-wheel-value[data-distance="0"] { opacity:1; font-weight:600; }
.lz-time-wheel-value[data-distance="0"] .lz-time-wheel-digit { transform:scale(1); }
.lz-time-wheel-value[data-distance="1"] { opacity:.65; }
.lz-time-wheel-value[data-distance="1"] .lz-time-wheel-digit { transform:scale(.92); }
.lz-time-wheel-value[data-distance="2"] { opacity:.4; }
.lz-time-wheel-value[data-distance="2"] .lz-time-wheel-digit { transform:scale(.84); }
.lz-time-confirm.btn { width:100%; min-height:44px; }