@layer mdl,base,demo;:root{--shadow-color: 220 3% 15%;--shadow-strength: 1%;--grape-3: #eebefa;--grape-7: #ae3ec9}@media(prefers-color-scheme:dark){:root{--shadow-color: 220 40% 2%;--shadow-strength: 25%}}@layer base{*,*:after,*:before{box-sizing:border-box}body{display:grid;place-items:center;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif,system-ui;position:relative;overflow:hidden}}@layer demo{:root{--spotlight-bg: hsl(0 0% 90% / .9);--spotlight-hover: #a5d8ff;--spotlight-edge: hsl(var(--shadow-color) / 12%)}@media(prefers-color-scheme:dark){:root{--spotlight-bg: hsl(0 0% 10% / .9);--spotlight-hover: #1971c2;--spotlight-edge: hsl(0 0% 100% / 14%)}}*,*:after,*:before{box-sizing:border-box}body{min-height:100vh;display:grid;place-items:center;align-content:center;gap:3rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif,system-ui}:where([popover]){margin:auto}h1{display:flex;max-inline-size:100%;flex-wrap:wrap;gap:1ch;align-items:center;justify-content:center;color:var(--text-2);line-height:.8}kbd{color:#228be6;background:var(--surface-1)}#spotlight,#spotlight-options{border:0;padding:0;width:60ch;max-width:calc(100% - 2.5rem);background:var(--spotlight-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden;opacity:0;scale:.96;transition:opacity .15s ease,scale .15s ease,display .15s allow-discrete,overlay .15s allow-discrete}#spotlight:popover-open,#spotlight-options:popover-open{opacity:1;scale:1}@starting-style{#spotlight:popover-open,#spotlight-options:popover-open{opacity:0;scale:.96}}#spotlight{anchor-name:--palette;top:25%;margin:0;left:0;right:0;margin-inline:auto;border-radius:1rem;box-shadow:0 20px 40px -8px hsl(var(--shadow-color) / 35%);outline:1px solid var(--spotlight-edge);outline-offset:-1px}#spotlight-search::-moz-placeholder{color:var(--text-2)}#spotlight-search::placeholder{color:var(--text-2)}#spotlight:has(#spotlight-options:popover-open){border-bottom-left-radius:0;border-bottom-right-radius:0}#spotlight-options{box-shadow:0 20px 40px -8px hsl(var(--shadow-color) / 35%);border-top:1px solid var(--spotlight-edge);outline:1px solid var(--spotlight-edge);outline-offset:-1px;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}[data-theme=dark]{color-scheme:dark;--brand: #f783ac;--link: #91a7ff;--link-visited: var(--grape-3);--text-1: #f1f3f5;--text-2: #e9ecef;--surface-1: #212529;--surface-2: #343a40;--surface-3: #495057;--surface-4: #868e96;--nav-icon: #adb5bd;--nav-icon-hover: #e9ecef;--shadow-strength: 10%;--shadow-color: 220 40% 2%;--spotlight-bg: hsl(0 0% 10% / .9);--spotlight-hover: #1971c2;--spotlight-edge: hsl(0 0% 100% / 14%)}[data-theme=light]{color-scheme:light;--brand: #e64980;--link: #4263eb;--link-visited: var(--grape-7);--text-1: #212529;--text-2: #495057;--surface-1: #f8f9fa;--surface-2: #e9ecef;--surface-3: #dee2e6;--surface-4: #ced4da;--nav-icon: #495057;--nav-icon-hover: #212529;--shadow-color: 220 3% 15%;--shadow-strength: 1%;--spotlight-bg: hsl(0 0% 90% / .9);--spotlight-hover: #a5d8ff;--spotlight-edge: hsl(var(--shadow-color) / 12%)}[data-option]{background:transparent;padding:.875rem 1.25rem;height:100%;width:100%;display:flex;justify-content:flex-start;text-align:left;align-items:center;gap:1ch;cursor:pointer;color:var(--text-1)}[data-option][aria-selected=true]{background:var(--spotlight-hover)}[data-option] .option-icon{inline-size:1.25rem;block-size:1.25rem;flex:0 0 auto;color:inherit;pointer-events:none}#spotlight-search,[readonly]{padding:.875rem 1.25rem;width:100%;background:transparent;border:0;outline:transparent;color:var(--text-1)}[readonly]{position:absolute;inset:0;z-index:-1}#spotlight-options{margin:0;position-anchor:--palette;position:fixed;top:anchor(--palette bottom);left:anchor(--palette left);width:anchor-size(--palette width)}}