.date__button{border:1px solid color-mix(in oklab, var(--text) 12%, transparent);background:var(--surface);width:100%;color:var(--text);border:1px solid var(--field-border);text-align:left;border-radius:10px;padding:10px 36px 10px 12px;display:block;position:relative}.date__button:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab, var(--primary) 30%, transparent);border-color:color-mix(in oklab, var(--primary) 40%, var(--text) 10%);outline:none}.date__button--suppress-ring:focus-visible{box-shadow:none;border-color:var(--field-border);outline:none}.date__icon{opacity:.7;pointer-events:none;background:currentColor;block-size:16px;inline-size:16px;position:absolute;top:50%;transform:translateY(-50%);-webkit-mask:url("data:image/svg+xml;utf8,          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">            <path d=\"M5 2v1h6V2h2v1h1c.55 0 1 .45 1 1v9c0 .55-.45 1-1 1H2c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h1V2h2zm9 4H2v7h12V6z\"/>          </svg>") 50%/16px 16px no-repeat;mask:url("data:image/svg+xml;utf8,          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">            <path d=\"M5 2v1h6V2h2v1h1c.55 0 1 .45 1 1v9c0 .55-.45 1-1 1H2c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h1V2h2zm9 4H2v7h12V6z\"/>          </svg>") 50%/16px 16px no-repeat}.date__icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:10px}.date__icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:10px}.date__icon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:10px}.date__icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:10px}.date__popup{z-index:25;background:var(--surface);width:280px;color:var(--text);border:1px solid color-mix(in oklab, var(--text) 12%, transparent);box-shadow:var(--shadow);transform:translateX(var(--date-popup-offset-x,0px));border-radius:10px;margin-top:6px;padding:8px;position:absolute;top:100%;left:0}.date__caption{font-size:14px;font-weight:700;line-height:1.5;font-family:var(--font-sans);color:var(--muted);margin:2px 0 6px}.date__head{grid-template-columns:32px 1fr 32px;align-items:center;gap:6px;margin-bottom:6px;display:grid}.date__nav{border:1px solid color-mix(in oklab, var(--text) 12%, transparent);background:color-mix(in oklab, var(--surface) 96%, transparent);cursor:pointer;border-radius:8px;place-items:center;height:32px;display:inline-grid}.date__nav:hover{background:color-mix(in oklab, var(--primary) 10%, transparent)}.date__month{text-align:center}.date__crumb{border:1px solid color-mix(in oklab, var(--text) 12%, transparent);background:color-mix(in oklab, var(--surface) 90%, transparent);cursor:pointer;font-size:14px;font-weight:700;line-height:1.5;font-family:var(--font-sans);color:var(--text);box-shadow:0 1px 0 color-mix(in oklab, var(--text) 10%, transparent);border-radius:8px;height:32px;padding:0 10px}.date__crumb:hover{background:color-mix(in oklab, var(--primary) 12%, transparent)}.date__crumb:focus-visible{box-shadow:0 1px 0 color-mix(in oklab, var(--text) 10%, transparent), 0 0 0 3px color-mix(in oklab, var(--primary) 30%, transparent);border-color:color-mix(in oklab, var(--primary) 35%, var(--text) 15%);outline:none}.date__range{font-size:14px;font-weight:700;line-height:1.5;font-family:var(--font-sans)}.date__grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.date__grid--months{grid-template-columns:repeat(3,1fr)}.date__grid--years{grid-template-columns:repeat(4,1fr)}.date__week{margin-bottom:4px}.date__wk{text-align:center;color:var(--muted);font-size:.85em}.date__cell{border:1px solid color-mix(in oklab, var(--text) 10%, transparent);background:color-mix(in oklab, var(--surface) 96%, transparent);cursor:pointer;border-radius:8px;place-items:center;height:32px;display:inline-grid}.date__cell:hover{background:color-mix(in oklab, var(--primary) 12%, transparent)}.date__cell--sel{background:color-mix(in oklab, var(--primary) 20%, transparent);border-color:color-mix(in oklab, var(--primary) 40%, var(--text) 10%);font-size:14px;font-weight:700;line-height:1.5;font-family:var(--font-sans)}.date__cell--dis{opacity:.35;cursor:not-allowed}.date__cell--empty{cursor:default;background:0 0;border:none}.date__footer{justify-content:flex-end;margin-top:6px;display:flex}.date__aux{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 8px}.date__aux:hover{background:color-mix(in oklab, var(--text) 8%, transparent)}.field,.field__control-row{position:relative}.field__tooltip-anchor{margin-bottom:6px;display:inline-block;position:relative}.field__tooltip-anchor--has-tooltip{cursor:help}.field__label{color:var(--muted);display:block}.field__label--tooltip{text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:color-mix(in oklab, var(--muted) 55%, transparent);text-decoration-color:color-mix(in oklab, var(--muted) 55%, transparent);cursor:help}.field__tooltip-bubble{font-size:12px;font-weight:500;line-height:1.5;font-family:var(--font-sans);background:var(--surface);min-width:200px;max-width:360px;color:var(--text);border:1px solid color-mix(in oklab, var(--text) 10%, transparent);box-shadow:var(--shadow-soft), var(--shadow);opacity:0;pointer-events:none;transform-origin:0 100%;transform:translate(var(--tooltip-offset-x,0px), 4px) scale(.97);z-index:5;border-radius:10px;padding:10px 12px;transition:opacity .15s,transform .15s;position:absolute;bottom:120%;left:0}.field__tooltip-bubble--visible{opacity:1;pointer-events:auto;transform:translate(var(--tooltip-offset-x,0px), 0) scale(1)}@media (prefers-reduced-motion:reduce){.field__tooltip-bubble{transform:translate(var(--tooltip-offset-x,0px), 0);transition:opacity .15s}.field__tooltip-bubble--visible{transform:translate(var(--tooltip-offset-x,0px), 0)}}