.time-range-basic[data-v-f4e5c65c]{grid-template-columns:minmax(240px,1fr) minmax(240px,280px);align-items:center;gap:24px;min-height:340px;display:grid}.time-range-basic__copy[data-v-f4e5c65c]{gap:12px;display:grid}.time-range-basic__copy h3[data-v-f4e5c65c]{margin:0;font-size:1.35rem}.time-range-basic__copy p[data-v-f4e5c65c]{max-width:56ch;margin:0}.time-range-basic__summary[data-v-f4e5c65c]{overflow:hidden}.time-range-basic__scroller[data-v-f4e5c65c]{width:100%;height:260px}@media (max-width:740px){.time-range-basic[data-v-f4e5c65c]{grid-template-columns:1fr}}.color-grid[data-v-8702ad62]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.color-example[data-v-8702ad62]{border:1px solid #a04f17b3;border-radius:6px;gap:12px;padding:16px;display:grid}.color-example__copy h4[data-v-8702ad62]{margin:0 0 8px;font-size:1.1rem}.color-example__copy p[data-v-8702ad62]{margin:0;line-height:1.45}.example-scroller[data-v-8702ad62]{width:100%;height:280px}.themed-scroller[data-v-8702ad62]{--example-scroller-header:#134e4a;--example-scroller-header-text:#ccfbf1;--example-scroller-surface:#ecfdf5;--example-scroller-surface-text:#115e59;--example-scroller-border:#14b8a6;--example-scroller-bar:#0f766e}.comparison-examples[data-v-a7080557]{flex-direction:column;gap:16px;display:flex}.comparison-example[data-v-a7080557]{border:1px solid #a04f17b3;border-radius:6px;grid-template-columns:minmax(220px,320px) minmax(300px,420px);align-items:start;gap:20px;padding:16px;display:grid}.comparison-example__copy h4[data-v-a7080557]{margin:0 0 12px;font-size:1.25rem}.comparison-example__copy p[data-v-a7080557]{margin:0 0 16px;line-height:1.5}.model-preview[data-v-a7080557]{border:1px solid #a04f1773;border-radius:4px;gap:4px;padding:10px 12px;display:grid}.model-preview span[data-v-a7080557]{opacity:.75;font-size:11px}.comparison-example__scroller[data-v-a7080557]{width:100%;height:280px}@media (max-width:760px){.comparison-example[data-v-a7080557]{grid-template-columns:1fr}}.interval-examples[data-v-cf8d5e06]{flex-direction:column;gap:16px;display:flex}.interval-example[data-v-cf8d5e06]{border:1px solid #a04f17b3;border-radius:6px;grid-template-columns:minmax(220px,320px) minmax(300px,420px);align-items:start;gap:20px;padding:16px;display:grid}.interval-example__copy h4[data-v-cf8d5e06]{margin:0 0 12px;font-size:1.25rem}.interval-example__copy p[data-v-cf8d5e06]{margin:0 0 16px;line-height:1.5}.model-preview[data-v-cf8d5e06]{border:1px solid #a04f1773;border-radius:4px;gap:4px;padding:10px 12px;display:grid}.model-preview span[data-v-cf8d5e06]{opacity:.75;font-size:11px}.interval-example__scroller[data-v-cf8d5e06]{width:100%;height:280px}@media (max-width:760px){.interval-example[data-v-cf8d5e06]{grid-template-columns:1fr}}.example-frame[data-v-0c34b996]{min-height:140px}.example-input[data-v-0c34b996]{max-width:340px}.popup-scroller[data-v-0c34b996]{width:min(320px,90vw);height:280px}.example-frame[data-v-605e3829]{min-height:360px}.example-scroller[data-v-605e3829]{max-width:360px;height:320px}.comparison-examples[data-v-f769427b]{flex-direction:column;gap:16px;display:flex}.comparison-example[data-v-f769427b]{border:1px solid #a04f17b3;border-radius:6px;grid-template-columns:minmax(220px,320px) minmax(300px,420px);align-items:start;gap:20px;padding:16px;display:grid}.comparison-example__copy h4[data-v-f769427b]{margin:0 0 12px;font-size:1.25rem}.comparison-example__copy p[data-v-f769427b]{margin:0 0 16px;line-height:1.5}.model-preview[data-v-f769427b]{border:1px solid #a04f1773;border-radius:4px;gap:4px;padding:10px 12px;display:grid}.model-preview span[data-v-f769427b]{opacity:.75;font-size:11px}.comparison-example__scroller[data-v-f769427b]{width:100%;height:280px}@media (max-width:760px){.comparison-example[data-v-f769427b]{grid-template-columns:1fr}}.value-types[data-v-4851da8c]{flex-direction:column;gap:16px;display:flex}.value-type[data-v-4851da8c]{border:1px solid #a04f17b3;border-radius:6px;grid-template-columns:minmax(220px,320px) minmax(300px,420px);align-items:start;gap:20px;padding:16px;display:grid}.value-type__copy h4[data-v-4851da8c]{margin:0 0 12px;font-size:1.25rem}.value-type__copy p[data-v-4851da8c]{margin:0 0 16px;line-height:1.5}.value-type__copy pre[data-v-4851da8c]{white-space:pre-wrap;border:1px solid #a04f1773;border-radius:4px;min-height:96px;margin:0;padding:12px;font-size:12px;line-height:1.35;overflow:auto}.value-type__scroller[data-v-4851da8c]{width:100%;height:280px}@media (max-width:760px){.value-type[data-v-4851da8c]{grid-template-columns:1fr}}