@layer theme,base;@layer components{.finder{position:relative}.finder__bar{min-height:var(--finder-h,auto);border-radius:var(--radius-panel);box-shadow:var(--shadow-float);transition:box-shadow var(--dur-ui) var(--ease);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"field submit""cycles cycles";align-content:center;gap:.625rem .5rem;padding:.75rem;display:grid}.finder:focus-within .finder__bar{box-shadow:var(--shadow-float), 0 0 0 2px var(--brand-text)}.finder__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.finder__field{border-bottom:var(--rule-w) solid var(--rule);min-width:0;transition:box-shadow var(--dur-ui) var(--ease), border-color var(--dur-ui) var(--ease);grid-area:field;align-items:center;gap:.625rem;display:flex}.finder__field:focus-within{border-color:var(--brand-text);box-shadow:0 1.5px 0 0 var(--brand-text)}.finder__icon{flex:none}.finder__input{min-width:0;height:3.25rem;color:var(--fg);font-family:var(--font-story);letter-spacing:-.012em;text-overflow:ellipsis;background:0 0;border:0;flex:auto;padding:0;font-size:1.125rem;font-weight:450;line-height:1.2}.finder__input::placeholder{color:var(--fg-muted)}.finder__input:focus-visible{outline:none}.finder__cycles{overscroll-behavior-x:contain;scrollbar-width:none;grid-area:cycles;gap:.375rem;min-width:0;margin-block:-.25rem;margin-inline:-.75rem;padding-block:.25rem;padding-inline:.75rem;display:flex;overflow-x:auto}.finder__cycles::-webkit-scrollbar{display:none}.finder__cycles>.chip{flex:none}@media (max-width:47.99rem){.finder__cycles{--finder-fade:2.75rem;-webkit-mask-image:linear-gradient(90deg, black calc(100% - var(--finder-fade)), transparent);mask-image:linear-gradient(90deg, black calc(100% - var(--finder-fade)), transparent)}@supports (animation-timeline:scroll()){.finder__cycles{--finder-fade:0px;animation:linear both finder-fade;animation-timeline:scroll(self inline)}}}@keyframes finder-fade{0%,70%{--finder-fade:2.75rem}to{--finder-fade:0px}}.finder__submit{grid-area:submit;width:3.25rem;min-height:3.25rem;padding:0}.finder__submit-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (min-width:48rem){.finder__bar{grid-template-areas:"label label""field submit""cycles cycles";gap:.5rem .75rem;padding:1rem 1.25rem 1.125rem}.finder__label{clip-path:none;grid-area:label;width:auto;height:auto;position:static;overflow:visible}.finder__input{height:3.5rem;font-size:clamp(1.25rem,.9rem + .75vw,1.625rem)}.finder__cycles{padding-inline:0;margin-inline:0;padding-top:.5rem;overflow:visible}.finder__submit{width:auto;min-height:3.5rem;padding-inline:1.5rem}.finder__submit-text{clip-path:none;width:auto;height:auto;position:static;overflow:visible}}@media (min-width:75rem){.finder__bar{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"label label label""field cycles submit";align-items:center;column-gap:1.25rem;padding:.875rem 1.25rem 1.125rem 1.5rem}.finder__cycles{padding-top:0}.finder__cycles>.chip{padding-inline:.8rem}.finder__input{font-size:clamp(1.125rem,.3rem + 1.1vw,1.5rem)}}.finder__panel{z-index:2;overscroll-behavior:contain;border-radius:var(--radius-panel);max-height:min(20rem,44svh);box-shadow:var(--shadow-float), 0 0 0 1.5px var(--rule-soft);position:absolute;inset-inline:0;overflow-y:auto}.finder--hero .finder__panel{transform-origin:bottom;bottom:calc(100% + .5rem)}.finder--inline .finder__panel,.finder[data-drop=down] .finder__panel{transform-origin:top;top:calc(100% + .5rem);bottom:auto}@media (min-width:48rem){.finder__panel{max-height:min(29rem,60svh)}}html.js:not([data-motion=off]):not([data-motion-paused]) .finder__panel:not([hidden]){animation:finder-panel .24s var(--ease) both}@keyframes finder-panel{0%{opacity:0;transform:scaleY(.96)}to{opacity:1;transform:scaleY(1)}}.finder__status{z-index:1;background:var(--bg);color:var(--fg-muted);font-variant-numeric:tabular-nums lining-nums;padding:.8rem 1rem .7rem;position:sticky;top:0}.finder__option{border-top:var(--rule-w) solid var(--rule-soft);cursor:pointer;grid-template-columns:.75rem minmax(0,1fr) 1.25rem;grid-template-areas:"marker title go"".meta go";align-items:center;gap:.15rem .75rem;min-height:3.5rem;padding:.6rem 1rem;display:grid}html.js:not([data-motion=off]):not([data-motion-paused]) .finder__option{animation:fade-up .36s var(--ease) both;animation-delay:calc(var(--i,0) * 26ms)}.finder__marker{background:var(--fac-fill,var(--brand));grid-area:marker;width:.75rem;height:.75rem}.finder__title{font-family:var(--font-story);font-size:1.125rem;font-weight:var(--story-weight);letter-spacing:var(--story-tracking);grid-area:title;line-height:1.22}.finder__meta{color:var(--fg-muted);font-variant-numeric:tabular-nums lining-nums;flex-wrap:wrap;grid-area:meta;column-gap:1.1em;font-size:.875rem;line-height:1.35;display:flex;overflow-x:clip}.finder__meta>*+*{position:relative}.finder__meta>*+:before{content:"·";font-weight:700;position:absolute;left:-.55em;transform:translate(-50%)}.finder__go{transition:transform var(--dur-ui) var(--ease);grid-area:go}.finder__option[aria-selected=true]{background:var(--brand);color:var(--on-brand)}.finder__option[aria-selected=true] .finder__meta{color:var(--on-brand-muted)}.finder__option[aria-selected=true] .finder__marker{box-shadow:0 0 0 1.5px var(--on-brand)}.finder__option[aria-selected=true] .finder__go{transform:translate(4px)}@media (min-width:48rem){.finder__option{grid-template-columns:.75rem minmax(0,1fr) auto 1.25rem;grid-template-areas:"marker title meta go";column-gap:1rem;padding-inline:1.25rem}.finder__status{padding-inline:1.25rem}.finder__title{font-size:1.25rem}.finder__meta{white-space:nowrap;flex-wrap:nowrap;font-size:.9375rem}}.finder__empty{padding:1.125rem 1rem 1.25rem}.finder__foot{border-top:var(--rule-w) solid var(--rule);background:var(--bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 1.5rem;padding:.25rem 1rem;display:flex;position:sticky;bottom:0}.finder__keys{color:var(--fg-muted);display:none}.finder__keys kbd{border:var(--rule-w) solid var(--rule-soft);border-radius:calc(var(--radius) * .75);min-width:1.5em;font-family:var(--font-ui);text-align:center;padding:.05em .35em;font-size:.8125rem;font-weight:600;display:inline-block}@media (min-width:48rem){.finder__empty,.finder__foot{padding-inline:1.25rem}}@media (min-width:64rem) and (hover:hover){.finder__keys{display:block}}}@layer utilities;@property --finder-fade{syntax:"<length>";inherits:false;initial-value:0}