:where(.multiselect-footer){border:0;border-top:1px solid var(--multiselect-border,#e6e6e6);background:var(--multiselect-surface,#fff);gap:8px;min-inline-size:0;margin:0;padding:8px 12px;display:flex}:where(.multiselect-footer button){border:1px solid var(--multiselect-border,#ccc);background:var(--multiselect-surface,#fff);min-height:32px;color:var(--multiselect-text,#333);font:inherit;cursor:pointer;border-radius:4px;flex:1;padding:4px 12px}:where(.multiselect-footer button:hover:not(:disabled)){background:var(--multiselect-hover,#deebff)}:where(.multiselect-footer .multiselect-confirm){border-color:var(--multiselect-primary,#2684ff);background:var(--multiselect-primary,#2684ff);color:var(--multiselect-on-primary,#fff)}:where(.multiselect-footer .multiselect-confirm:hover:not(:disabled)){border-color:var(--multiselect-primary-hover,#0065ff);background:var(--multiselect-primary-hover,#0065ff)}:where(.multiselect-footer button:focus-visible){outline:2px solid var(--multiselect-primary,#2684ff);outline-offset:2px}:where(.multiselect-footer button:disabled){border-color:var(--multiselect-border,#e6e6e6);background:var(--multiselect-disabled-surface,#f2f2f2);color:var(--multiselect-disabled-text,#757575);cursor:default}:where(.multiselect-checkbox){box-sizing:border-box;border:1px solid var(--multiselect-checkbox-border,#757575);background:var(--multiselect-surface,#fff);vertical-align:-3px;border-radius:3px;block-size:16px;inline-size:16px;margin-inline-end:8px;display:inline-block}:where(.multiselect-checkbox--checked){border-color:var(--multiselect-primary,#2684ff);background:var(--multiselect-primary,#2684ff);position:relative}:where(.multiselect-checkbox--checked):after{content:"";box-sizing:border-box;border:solid var(--multiselect-on-primary,#fff);border-width:0 2px 2px 0;block-size:9px;inline-size:5px;position:absolute;inset-block-start:45%;inset-inline-start:50%;transform:translate(-50%,-50%)rotate(45deg)}:where(.multiselect-checkbox--disabled){border-color:var(--multiselect-border,#e6e6e6);background:var(--multiselect-disabled-surface,#f2f2f2)}:where(.multiselect-more){background:var(--multiselect-tag-surface,#e6e6e6);color:var(--multiselect-text,#333);white-space:nowrap;border-radius:2px;flex-shrink:0;margin:2px;padding:3px 6px;font-size:85%}:where(.multiselect-tooltip){z-index:1;border:1px solid var(--multiselect-tooltip-border,transparent);background:var(--multiselect-tooltip-surface,#333);max-block-size:min(16rem,100vh - 16px);max-inline-size:min(20rem,100vw - 16px);color:var(--multiselect-tooltip-text,#fff);border-radius:4px;margin:0;padding:6px 10px;font-size:85%;line-height:1.5;position:fixed;inset:auto;overflow:auto;box-shadow:0 4px 11px #0003}:where(.multiselect-tooltip ul){margin:0;padding:0;list-style:none}:where(.multiselect-tooltip li){overflow-wrap:anywhere}:where(.multiselect-measure){padding:inherit;visibility:hidden;pointer-events:none;display:flex;position:absolute;inset-block-start:0;inset-inline:0;overflow:hidden}:where(.multiselect-measure>*){flex-shrink:0}:where(.multiselect-visually-hidden){clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (forced-colors:active){:where(.multiselect-footer button:focus-visible){outline-color:highlight}:where(.multiselect-checkbox){forced-color-adjust:none;background:canvas;border-color:canvastext}:where(.multiselect-checkbox--checked){background:highlight;border-color:highlight}:where(.multiselect-checkbox--checked):after{border-color:highlighttext}:where(.multiselect-checkbox--disabled){border-color:graytext}:where(.multiselect-tooltip){border-color:canvastext}}*,:before,:after{box-sizing:border-box}body{color:#1f2933;background:#f4f5f7;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}h1,h2{margin:0;line-height:1.2}h1{font-size:1.75rem}h2{margin-bottom:1rem;font-size:1.125rem}p{margin:0}.demo{gap:2.5rem;max-width:40rem;margin:0 auto;padding:3rem 1rem;display:grid}.demo-header{gap:.5rem;display:grid}.demo-header p{color:#4a5562;max-width:34rem}.demo-header .demo-eyebrow{color:#4a5562;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:600}a{color:#0052cc;text-underline-offset:.15em}a:focus-visible,.demo-toggle input:focus-visible{outline-offset:2px;outline:2px solid #0052cc}.demo-card{background:#fff;border:1px solid #d9dde3;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 2px #29303d0f}.demo-summary{background:#f6f7f9;border-radius:.375rem;flex-wrap:wrap;gap:.25rem 1.5rem;margin:0 0 1.25rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.demo-summary>div{gap:.375rem;min-width:0;display:flex}.demo-summary>div:first-child{flex:14rem}.demo-summary dt{color:#4a5562}.demo-summary dt:after{content:":"}.demo-summary dd{overflow-wrap:break-word;margin:0;font-weight:600}.demo-label{margin-bottom:.5rem;font-weight:600;display:block}.demo-help{color:#4a5562;margin-top:.5rem;font-size:.875rem}.demo-toggle{align-items:center;gap:.5rem;margin-top:1.25rem;font-size:.875rem;display:inline-flex}.demo-header .demo-links{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.demo-github{align-items:center;gap:.375rem;display:inline-flex}.demo-github svg{flex-shrink:0;width:1rem;height:1rem}.demo-results-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;margin-bottom:1rem;display:flex}.demo-results-header h2{margin:0}.demo-results-status{color:#4a5562;font-size:.875rem}.demo-results{margin:0;padding:0;font-size:.875rem;list-style:none;transition:opacity .15s}.demo-results[data-loading]{opacity:.5}.demo-results li{border-top:1px solid #eceef1;flex-wrap:wrap;justify-content:space-between;gap:0 1rem;padding:.5rem 0;display:flex}.demo-results li:first-child{border-top:0}.demo-results-team{color:#4a5562}@media (prefers-reduced-motion:reduce){.demo-results{transition:none}}@media (width<=30rem){.demo{padding-block:1.5rem}.demo-card{padding:1rem}}
