.q-scroller{--q-scroller-item-height:26px;--q-scroller-item-bar-top:calc(50% - 13px);--q-scroller-selected-font-size:14px;--q-scroller-font-size:14px;--q-scroller-header-font-size:22px;--q-scroller-footer-font-size:14px;--q-scroller-header-height:50px;--q-scroller-footer-height:50px;--q-scroller-item-height-dense:24px;--q-scroller-item-bar-top-dense:calc(50% - 12px);--q-scroller-selected-font-size-dense:16px;--q-scroller-font-size-dense:12px;--q-scroller-header-font-size-dense:16px;--q-scroller-footer-font-size-dense:12px;--q-scroller-header-height-dense:30px;--q-scroller-footer-height-dense:30px;width:100%;height:100%;color:var(--q-scroller-color,inherit);background:var(--q-scroller-background,transparent);flex-direction:column;transition:all .15s cubic-bezier(.23,1,.32,1);display:flex;position:relative}.q-scroller__content{width:100%;height:100%;margin:0;padding:0;position:relative}.q-scroller__body{color:var(--q-scroller-inner-color,inherit);background:var(--q-scroller-inner-background,transparent);margin:0;padding:0;position:relative}.q-scroller__overflow-hidden{overflow:hidden}.q-scroller__disabled{cursor:not-allowed;opacity:.75}.q-scroller__border{border:1px solid var(--q-scroller-border-color,#ccc)}.q-scroller__header{z-index:1;min-height:var(--q-scroller-header-height);max-height:var(--q-scroller-header-height);font-weight:700;font-size:var(--q-scroller-header-font-size);flex:10000;margin:0;padding:0;display:flex}.q-scroller__header--dense{z-index:1;min-height:var(--q-scroller-header-height-dense);max-height:var(--q-scroller-header-height-dense);font-weight:700;font-size:var(--q-scroller-header-font-size-dense);flex:10000;margin:0;padding:0;display:flex}.q-scroller__footer{z-index:1;min-height:var(--q-scroller-footer-height);max-height:var(--q-scroller-footer-height);font-weight:700;font-size:var(--q-scroller-footer-font-size);flex:10000;margin:0;padding:0;display:flex}.q-scroller__footer--dense{z-index:1;min-height:var(--q-scroller-footer-height-dense);max-height:var(--q-scroller-footer-height-dense);font-weight:700;font-size:var(--q-scroller-footer-font-size-dense);flex:10000;margin:0;padding:0;display:flex}.q-scroller__padding{pointer-events:none;width:100%;margin:0;padding:0}.q-scroller__horizontal-bar{margin:0;padding:0;position:relative}.q-scroller__horizontal-bar:before{content:"";top:var(--q-scroller-item-bar-top);height:var(--q-scroller-item-height);line-height:var(--q-scroller-item-height);box-sizing:border-box;text-align:left;border-top:1px solid var(--q-scroller-bar-color,#ccc);border-bottom:1px solid var(--q-scroller-bar-color,#ccc);width:90%;margin:0 auto;position:absolute;left:0;right:0}.q-scroller__horizontal-bar--dense{margin:0;padding:0;position:relative}.q-scroller__horizontal-bar--dense:before{content:"";top:var(--q-scroller-item-bar-top-dense);height:var(--q-scroller-item-height-dense);line-height:var(--q-scroller-item-height-dense);box-sizing:border-box;text-align:left;border-top:1px solid var(--q-scroller-bar-color,#ccc);border-bottom:1px solid var(--q-scroller-bar-color,#ccc);width:90%;margin:0 auto;position:absolute;left:0;right:0}.q-scroller__vertical-bar{border-right:1px solid var(--q-scroller-bar-color,#ccc)}.q-scroller__cancel-btn{font-size:inherit}.q-scroller__item{height:var(--q-scroller-item-height);min-height:var(--q-scroller-item-height);max-height:var(--q-scroller-item-height);opacity:.8;width:100%;font-size:var(--q-scroller-font-size);line-height:var(--q-scroller-font-size);margin:0;padding:0}.q-scroller__item--selected{opacity:1;font-size:var(--q-scroller-selected-font-size);background-color:#0000;border-radius:4px;margin:0;padding:0;font-weight:800!important}.q-scroller__item--disabled{pointer-events:none;opacity:.3;color:var(--q-scroller-disabled-color,inherit);margin:0;padding:0;font-weight:300}.q-scroller__item--dense{height:var(--q-scroller-item-height-dense);min-height:var(--q-scroller-item-height-dense);max-height:var(--q-scroller-item-height-dense);opacity:.8;width:100%;font-size:var(--q-scroller-font-size-dense);line-height:var(--q-scroller-font-size-dense);margin:0;padding:0}.q-scroller__item--selected--dense{opacity:1;font-size:var(--q-scroller-selected-font-size-dense);background-color:#0000;border-radius:4px;margin:0;padding:0;font-weight:800!important}.q-scroller__item--disabled--dense{pointer-events:none;opacity:.2;color:var(--q-scroller-disabled-color,inherit);margin:0;padding:0;font-weight:300}.date-range-basic[data-v-564b6f12]{grid-template-columns:minmax(240px,1fr) minmax(360px,640px);align-items:center;gap:24px;min-height:360px;display:grid}.date-range-basic__copy[data-v-564b6f12]{gap:12px;display:grid}.date-range-basic__copy h3[data-v-564b6f12]{margin:0;font-size:1.35rem}.date-range-basic__copy p[data-v-564b6f12]{max-width:56ch;margin:0}.date-range-basic__summary[data-v-564b6f12]{overflow:hidden}.date-range-basic__scroller[data-v-564b6f12]{width:100%;height:280px}@media (max-width:860px){.date-range-basic[data-v-564b6f12]{grid-template-columns:1fr}}.color-grid[data-v-aa14c75b]{grid-template-columns:repeat(auto-fit,minmax(440px,1fr));gap:16px;display:grid}.color-example[data-v-aa14c75b]{border:1px solid #a04f17b3;border-radius:6px;gap:12px;padding:16px;display:grid}.color-example__copy h4[data-v-aa14c75b]{margin:0 0 8px;font-size:1.1rem}.color-example__copy p[data-v-aa14c75b]{margin:0;line-height:1.45}.example-scroller[data-v-aa14c75b]{width:100%;height:300px}.themed-scroller[data-v-aa14c75b]{--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-eb5ef7f5]{flex-direction:column;gap:16px;display:flex}.comparison-example[data-v-eb5ef7f5]{border:1px solid #a04f17b3;border-radius:6px;grid-template-columns:minmax(220px,320px) minmax(420px,660px);align-items:start;gap:20px;padding:16px;display:grid}.comparison-example__copy h4[data-v-eb5ef7f5]{margin:0 0 12px;font-size:1.25rem}.comparison-example__copy p[data-v-eb5ef7f5]{margin:0 0 16px;line-height:1.5}.model-preview[data-v-eb5ef7f5]{border:1px solid #a04f1773;border-radius:4px;gap:4px;padding:10px 12px;display:grid}.model-preview span[data-v-eb5ef7f5]{opacity:.75;font-size:11px}.comparison-example__scroller[data-v-eb5ef7f5]{width:100%;height:300px}@media (max-width:860px){.comparison-example[data-v-eb5ef7f5]{grid-template-columns:1fr}}.example-frame[data-v-267c784e]{min-height:400px}.example-select[data-v-267c784e]{max-width:280px}.example-scroller[data-v-267c784e]{max-width:720px;height:300px}.comparison-examples[data-v-67625689]{flex-direction:column;gap:16px;display:flex}.comparison-example[data-v-67625689]{border:1px solid #a04f17b3;border-radius:6px;grid-template-columns:minmax(220px,320px) minmax(420px,620px);align-items:start;gap:20px;padding:16px;display:grid}.comparison-example__copy h4[data-v-67625689]{margin:0 0 12px;font-size:1.25rem}.comparison-example__copy p[data-v-67625689]{margin:0 0 16px;line-height:1.5}.model-preview[data-v-67625689]{border:1px solid #a04f1773;border-radius:4px;gap:4px;padding:10px 12px;display:grid}.model-preview span[data-v-67625689]{opacity:.75;font-size:11px}.comparison-example__scroller[data-v-67625689]{width:100%;height:300px}@media (max-width:820px){.comparison-example[data-v-67625689]{grid-template-columns:1fr}}.example-frame[data-v-77a2bc25]{min-height:140px}.example-input[data-v-77a2bc25]{max-width:380px}.popup-scroller[data-v-77a2bc25]{width:min(680px,90vw);height:300px}.example-frame[data-v-346c802f]{min-height:380px}.example-scroller[data-v-346c802f]{max-width:680px;height:340px}.value-types[data-v-4d131483]{flex-direction:column;gap:16px;display:flex}.value-type[data-v-4d131483]{border:1px solid #a04f17b3;border-radius:6px;grid-template-columns:minmax(220px,320px) minmax(420px,620px);align-items:start;gap:20px;padding:16px;display:grid}.value-type__copy h4[data-v-4d131483]{margin:0 0 12px;font-size:1.25rem}.value-type__copy p[data-v-4d131483]{margin:0 0 16px;line-height:1.5}.value-type__copy pre[data-v-4d131483]{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-4d131483]{width:100%;height:300px}@media (max-width:820px){.value-type[data-v-4d131483]{grid-template-columns:1fr}}