.fields-container{flex-direction:column;width:100%;height:auto;margin:0;padding:0;display:flex}.fields-container__label{padding:0 0 var(--text-size-p2) 0;color:var(--label-tertiary);margin:0}.fields-container__fields{background:var(--fields-container-bg);border-radius:var(--fields-container-radius);width:100%;height:auto;margin:0;padding:0;overflow:hidden}.fields-container__footer{padding:var(--text-size-p2) 0 0 0;margin:0}
.wheel{--wheel-angle:20deg;--wheel-quarter-turn-items:4.5;--wheel-tan-reciprocal:5.67128;--wheel-radius:calc(var(--wheel-item-height) / 2 * var(--wheel-tan-reciprocal));--wheel-font:var(--field-font-size);--wheel-line:25px;--wheel-tracking:-.45px;--wheel-density:.85;--wheel-item-height:calc(100cqw / 7 * .833 * var(--wheel-density));--wheel-visible-rows:5;--wheel-label-max:calc(5.2 * var(--wheel-font) + 9 * var(--wheel-tracking));--wheel-label-clearance:1px;--wheel-inset:max(0px, calc(50cqw - var(--date-time-field-gap) / 2 - var(--wheel-label-max) - var(--wheel-label-clearance)));height:calc(var(--wheel-visible-rows) * var(--wheel-item-height));position:relative;overflow:clip;-webkit-mask-image:linear-gradient(#0000 0%,#000 30% 70%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 30% 70%,#0000 100%)}.wheel__scroller{overscroll-behavior:contain;scroll-snap-type:y proximity;scrollbar-width:none;height:100%;overflow:hidden scroll}.wheel__scroller::-webkit-scrollbar{display:none}.wheel__scroller:focus-visible{outline-offset:2px;border-radius:8px;outline:2px solid}.wheel__track{--k:0;width:max-content}.wheel[data-side=start] .wheel__track{margin-inline-end:auto}.wheel[data-side=end] .wheel__track{margin-inline-start:auto}.wheel[data-side=start] .wheel__item{justify-content:flex-start}.wheel[data-side=end] .wheel__item{justify-content:flex-end}.wheel[data-side=start] .wheel__scroller{padding-inline-start:var(--wheel-inset)}.wheel[data-side=end] .wheel__scroller{padding-inline-end:var(--wheel-inset)}.wheel__spacer{height:calc((var(--wheel-visible-rows) - 1) / 2 * var(--wheel-item-height))}.wheel__item{--d:calc(var(--i) - var(--k));width:100%;height:var(--wheel-item-height);scroll-snap-align:center;font-size:var(--wheel-font);font-weight:400;line-height:var(--wheel-line);letter-spacing:var(--wheel-tracking);color:var(--label-secondary);white-space:nowrap;--wheel-item-angle:calc(var(--d) * var(--wheel-angle));--wheel-item-cos:max(0, cos(var(--wheel-item-angle)));--wheel-item-abs-d:max(var(--d), calc(-1 * var(--d)));--wheel-item-gate:clamp(0, calc((var(--wheel-quarter-turn-items) - var(--wheel-item-abs-d)) * 1000), 1);transform:translateY(calc(( var(--wheel-radius) * sin(var(--wheel-item-angle)) - var(--d) * var(--wheel-item-height) ) * var(--wheel-item-gate))) scale(calc(.86 + .14 * var(--wheel-item-cos))) scaleY(var(--wheel-item-cos));opacity:calc(var(--wheel-item-cos) * var(--wheel-item-gate));justify-content:center;align-items:center;display:flex}.wheel__digit{text-align:center;letter-spacing:normal;width:.585em;display:inline-block}.wheel__digit[data-digit="1"]{translate:.0205em}.wheel__item[aria-selected=true]{color:var(--label-primary)}
.wheel-group{--wheel-item-height:calc(100cqw / 7 * .833);align-items:center;gap:var(--date-time-field-gap);display:flex;position:relative}.wheel-group>.wheel{z-index:1;flex:1;position:relative}.wheel-group__band{z-index:0;width:100%;height:var(--wheel-item-height);border-radius:calc(var(--wheel-item-height) / 2);background:var(--fill-tertiary);pointer-events:none;position:absolute;top:50%;left:0;translate:0 -50%}