/* kit/range.css — the one range picker and calendar date field (kit/range.js). Hoisted from the Analytics dropdown; kit tokens only. */
.rng{position:fixed;z-index:60;min-width:200px;padding:5px;border-radius:12px;corner-shape:var(--corner-shape);background:var(--surface,#fff);box-shadow:var(--sh-float);opacity:0;transform:translateY(-4px) scale(.98);transform-origin:top right;transition:opacity 140ms ease,transform 180ms cubic-bezier(.23,1,.32,1)}
.rng.on{opacity:1;transform:none}
.rng.wide{width:296px;padding:12px}
.rng-l{display:grid}
.rng-l button{display:flex;align-items:center;justify-content:space-between;gap:16px;height:32px;padding:0 10px;border:0;border-radius:7px;background:none;font:500 13px/1 var(--font-ui);color:var(--ink-1);text-align:left;cursor:pointer}
.rng-l button:hover,.rng-l button:focus-visible{background:var(--accent-wash);outline:0}
.rng-l i{font-style:normal;color:var(--accent);visibility:hidden}
.rng-l [aria-checked=true] i{visibility:visible}
.rng-l hr{border:0;height:1px;margin:4px 6px;background:var(--hair-2)}
.rng-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.rng-h b{font:600 13px/1 var(--font-ui)}
.rng-h .ic{width:28px;height:28px;padding:0;justify-content:center}
.rng-h svg{width:14px;height:14px}
.rng-w,.rng-g{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}
.rng-w span{font:500 11px/24px var(--font-ui);color:var(--ink-2)}
.rng-g button{height:32px;border:0;background:none;font:500 12.5px/1 var(--font-ui);font-variant-numeric:tabular-nums;color:var(--ink-1);border-radius:0;position:relative;cursor:pointer}
.rng-g button:disabled{color:var(--ink-2);opacity:.45;cursor:default}
.rng-g button:not(:disabled):hover{background:var(--accent-wash);border-radius:7px}
.rng-g button.in{background:color-mix(in srgb,var(--accent) 12%,transparent)}
.rng-g button.s,.rng-g button.e,.rng-g button.s:hover,.rng-g button.e:hover{background:var(--accent);color:#fff;border-radius:7px}
.rng-g button.t::after{content:"";position:absolute;left:50%;bottom:4px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:currentColor;opacity:.6}
.rng-f{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.rng-f label{display:grid;gap:5px;font:500 12px/1.3 var(--font-ui);color:var(--ink-2)}
.rng-f input{height:32px;padding:0 8px;border:0;border-radius:8px;box-shadow:var(--sh-ctl);background:var(--surface,#fff);font:500 12.5px/1 var(--font-ui);color:var(--ink-1)}
.rng-err{margin:8px 0 0;font:400 12px/1.4 var(--font-ui);color:var(--crt-ink)}
.rng-c footer{display:flex;gap:8px;margin-top:12px}
.rng-sp{flex:1}
.rng-b{gap:7px;display:inline-flex;flex-direction:row;flex:none;align-items:center;white-space:nowrap;width:auto;max-width:none}
.btn.rng-b{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;white-space:nowrap;writing-mode:horizontal-tb}
.rng-b>*{flex:none}
.btn.rng-b>svg{display:block;position:static;margin:0}
.rng-b .lbl{white-space:nowrap}
.rng-l small{margin-left:auto;font:500 12px/1 var(--font-ui);color:var(--ink-2);font-variant-numeric:tabular-nums}
.rng-l button:has(small){gap:10px}
.rng-l button:has(small) i{margin-left:0}
.rng-cal{display:block}
.rng-date{min-width:0}
.df{display:flex;align-items:center;gap:2px;width:100%}
.df input{flex:1 1 auto;width:100%;min-width:0}
.df .df-cal{margin-right:-6px}
@media (prefers-reduced-motion:reduce){.rng{transition:none}}