.date-wheel{--date-wheel-row:36px;box-sizing:border-box;height:calc(var(--date-wheel-row) * 3 + 2px);background:#fff;border:1px solid #dcdce2;border-radius:12px;grid-template-columns:.8fr 1.6fr 1.1fr;gap:4px;width:100%;padding:0 8px;display:grid;position:relative;overflow:hidden}.date-wheel.is-invalid{border-color:#d93025}.date-wheel-band{height:var(--date-wheel-row);pointer-events:none;left:6px;right:6px;top:var(--date-wheel-row);background:#7676801f;border-radius:10px;position:absolute}.date-wheel-column{overscroll-behavior:contain;height:100%;padding:var(--date-wheel-row) 0;scroll-snap-type:y mandatory;scrollbar-width:none;z-index:1;outline:none;position:relative;overflow-y:auto;-webkit-mask-image:linear-gradient(#00000040,#000 40% 60%,#00000040);mask-image:linear-gradient(#00000040,#000 40% 60%,#00000040)}.date-wheel-column::-webkit-scrollbar{display:none}.date-wheel-column:focus-visible{box-shadow:inset 0 0 0 2px var(--kio,#627ff7);border-radius:10px}.date-wheel-row{color:#6b6b76;cursor:pointer;font-variant-numeric:tabular-nums;height:var(--date-wheel-row);scroll-snap-align:center;-webkit-user-select:none;user-select:none;white-space:nowrap;justify-content:center;align-items:center;font-size:16px;display:flex}.date-wheel-row.is-selected{color:#111118;font-size:17px;font-weight:500}.date-wheel.is-untouched .date-wheel-row.is-selected{color:#8a8a94;font-weight:400}