/* The same touch wheel interaction is used for birthday and measurements. */
.wheel-picker{--wheel-row:44px;width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 24px);overflow:auto;border:1px solid #eadfe6;border-radius:27px;padding:16px 26px 20px;background:#fffafc;color:#412d3d;box-shadow:0 20px 80px #412d3d30;margin:auto;font-family:Tajawal,Arial,sans-serif;overscroll-behavior:contain}.wheel-picker::backdrop{background:#412d3d55;backdrop-filter:blur(3px)}.wheel-picker button{font:inherit;touch-action:manipulation}.wheel-handle{height:4px;width:42px;border-radius:5px;background:#e4d2de;margin:0 auto 17px}.wheel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.wheel-heading h2{font-size:23px;line-height:1.6;margin:0}.wheel-dismiss{width:37px;height:37px;flex:none;border:1px solid #eadfe6;border-radius:50%;background:#fff;color:#776371;font-size:24px!important;line-height:1}.wheel-hint{font-size:13px;line-height:1.7;color:#776371;margin:9px 0 14px}.wheel-preview{min-height:54px;display:flex;align-items:baseline;justify-content:center;gap:9px;direction:ltr;color:#9a4268;font-size:29px;font-weight:700;line-height:1.7;margin:0 0 12px}.wheel-preview strong{font-size:39px;line-height:1.4}.wheel-preview>span{font-size:15px;font-weight:400;color:#776371}.wheel-grid{display:grid;gap:12px;align-items:end;margin:0 0 15px}.wheel-grid--date{grid-template-columns:1fr 1.2fr 1fr;direction:rtl}.wheel-grid--measurement{grid-template-columns:1fr auto 1fr;direction:ltr}.wheel-column{min-width:0}.wheel-label{font-size:13px;line-height:22px;font-weight:700;text-align:center;margin:0 0 8px;color:#776371}.wheel-frame{height:calc(var(--wheel-row) * 5);position:relative;isolation:isolate;border-radius:17px;overflow:hidden;background:#fcf6fa;border:1px solid #f0e3eb}.wheel-band{position:absolute;z-index:0;left:0;right:0;top:calc(var(--wheel-row) * 2 - 1px);height:var(--wheel-row);background:#f3e3ed;border-top:1px solid #d4a8bf;border-bottom:1px solid #d4a8bf;pointer-events:none}.wheel-frame:before,.wheel-frame:after{content:'';position:absolute;z-index:3;left:0;right:0;height:calc(var(--wheel-row) * 1.5);pointer-events:none}.wheel-frame:before{top:0;background:linear-gradient(#fffafcf5,#fffafc00)}.wheel-frame:after{bottom:0;background:linear-gradient(#fffafc00,#fffafcf5)}.wheel-scroller{position:relative;z-index:1;height:100%;overflow-y:auto;overflow-x:hidden;padding:calc(var(--wheel-row) * 2) 0;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;outline:none;direction:ltr;scroll-behavior:auto}.wheel-scroller::-webkit-scrollbar{display:none}.wheel-scroller:focus-visible{outline:2px solid #9a4268;outline-offset:-3px;border-radius:16px}.wheel-option{height:var(--wheel-row);min-height:var(--wheel-row);width:100%;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;color:#95808e;font-size:23px;font-weight:400;line-height:1;cursor:pointer;user-select:none;-webkit-user-select:none;transform:scale(calc(1 - var(--distance,0) * .04));transition:color .08s,transform .08s;direction:rtl}.wheel-option.is-selected{color:#9a4268;font-weight:700;transform:scale(1)}#wheel-month .wheel-option{font-size:18px}.wheel-decimal{align-self:center;font-size:32px;color:#9a4268;line-height:1;padding-top:30px}.wheel-actions{display:flex;flex-direction:column;align-items:center;margin-top:19px;gap:4px}.wheel-confirm{border:0;border-radius:16px;background:#9a4268;color:#fff;width:100%;min-height:55px;padding:13px 20px;font-size:17px!important;font-weight:700!important;box-shadow:0 7px 18px #9a42681b}.wheel-confirm:hover{background:#88355b}.wheel-cancel{min-height:42px;padding:9px 20px;border:0;background:none;color:#9a4268;font-size:14px!important;font-weight:700!important}.wheel-error{font-size:13px;color:#9d244a;background:#fff1f5;border-radius:12px;padding:10px 13px;margin:12px 0 0;line-height:1.7}.wheel-error:empty{display:none}@media(max-width:600px){.wheel-picker{width:100%;max-width:none;margin:auto 0 0;border-radius:27px 27px 0 0;border-bottom:0;padding:15px 22px calc(16px + env(safe-area-inset-bottom));max-height:calc(100dvh - 18px)}.wheel-heading h2{font-size:22px}.wheel-grid{gap:10px}.wheel-preview{font-size:27px;margin-bottom:8px}.wheel-preview strong{font-size:36px}.wheel-hint{font-size:12px}.wheel-actions{margin-top:14px}}@media(max-width:350px){.wheel-picker{padding-left:16px;padding-right:16px}.wheel-grid{gap:7px}.wheel-preview{font-size:24px}.wheel-option{font-size:21px}#wheel-month .wheel-option{font-size:16px}}@media(prefers-reduced-motion:reduce){.wheel-option{transition:none}.wheel-scroller{scroll-behavior:auto}}