.range-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--md);width:100%;min-height:var(--tap);padding:var(--md);background:var(--bg);border:var(--border) solid var(--field-line);border-radius:var(--radius);text-align:left;cursor:pointer;font-variant-numeric:tabular-nums}.range-trigger svg{flex-shrink:0}.field-row[hidden]{display:none}.range-dialog{margin:auto;padding:var(--xl);width:min(28rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);overflow:auto;color:var(--ink);background:var(--surface);border:var(--rule);border-radius:var(--round)}.range-dialog::backdrop{background:#0000008c}html:has(.range-dialog[open]){overflow:hidden;scrollbar-gutter:stable}.range-heading,.range-month,.range-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--sm)}.range-heading h2{font-size:var(--text-xl)}.range-dialog button{cursor:pointer}.range-close,.range-month button{display:grid;place-items:center;min-width:var(--tap);min-height:var(--tap);border:0;background:transparent;font-size:var(--text-xl)}.range-help{font-size:var(--small);color:var(--muted);margin-block:var(--md)}.range-value{font-variant-numeric:tabular-nums;font-weight:600;padding-bottom:var(--lg);border-bottom:var(--rule)}.range-month{margin-block:var(--md)}.range-month h3{font-family:var(--sans);font-size:var(--text)}.range-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.range-weekdays{font-size:var(--text-xs);color:var(--muted);text-align:center;padding-bottom:var(--sm)}.range-row [role=gridcell]{margin-block:2px}.range-row button{display:block;width:100%;min-height:40px;padding:0;border:var(--border) solid transparent;background:transparent;font-size:var(--small);font-variant-numeric:tabular-nums}.range-row button[aria-current=date]{border-color:var(--field-line);border-radius:var(--radius)}.range-row .in-range{background:color-mix(in srgb,var(--accent) 18%,var(--surface))}.range-row .range-endpoint{color:var(--on-accent);background:var(--accent);border-radius:var(--radius)}.range-footer{border-top:var(--rule);margin-top:var(--lg);padding-top:var(--lg)}.range-footer button{min-height:var(--tap);padding:var(--sm) var(--lg);border-radius:var(--radius);border:var(--rule)}.range-clear{background:transparent}.range-apply{color:var(--on-accent);background:var(--accent);border-color:var(--accent);min-width:7rem}@media(width<=25rem){.range-dialog{padding:var(--lg)}}.range-dialog button:disabled{opacity:.35;cursor:default}.range-row button:hover:not(:disabled),.range-clear:hover{box-shadow:inset 0 0 0 1px var(--accent)}
