@property --search-t{syntax:"<number>";inherits:true;initial-value:0}.search{--search-cell:2.5rem;--search-row:2.6rem;--search-shape:2.25rem;--search-pad:0.3rem;--search-line:1.5px;--search-stroke:var(--c--gray-700);--search-step:0.9s;--search-enter:0.92;--search-ease:cubic-bezier(0.23,1,0.32,1)}.search *{margin:0}.search,.search--box,.search--play,.search--side,.search--target,.search--timeline,.search--tree,.searchShape{position:relative}.search--boxLabel,.search--current,.search--currentShape,.search--edge,.search--edge:after,.search--edge:before,.search--node,.search--node:before,.search--note,.search--playhead,.search--replay,.search--restart,.search--score,.search--scrubber,.search--toggle,.search--track,.search--track:before{position:absolute}.search--body{display:grid;grid-template-columns:1fr auto;grid-gap:var(--l--space-s);align-items:start;gap:var(--l--space-s)}.search--body,.search--timeline{animation:search-run-a calc(var(--frames)*var(--search-step)) steps(var(--frames)) infinite paused}.search--toggle:checked~.search--body,.search--toggle:checked~.search--body .search--timeline{animation-play-state:running}.search--restart:checked~.search--body,.search--restart:checked~.search--body .search--timeline{animation-name:search-run-b}@keyframes search-run-a{0%{--search-t:0}to{--search-t:var(--frames)}}@keyframes search-run-b{0%{--search-t:0}to{--search-t:var(--frames)}}.search--restart,.search--toggle{height:1px;opacity:0;width:1px}.search--controls{align-items:center;display:flex;gap:var(--l--space-s);grid-column:1/-1;padding-top:1.5em}.search--play,.search--replay,.search--speed{align-items:center;display:inline-flex;gap:.5em;justify-content:center}.search--play,.search--speed{border-radius:2em;cursor:pointer;flex:none;line-height:1.4;padding:.4em 1em;transition:scale .16s var(--search-ease);-webkit-user-select:none;-moz-user-select:none;user-select:none}.search--play:active,.search--speed:active{scale:.97}.search--speed{background:none;border:0;color:inherit;font:inherit;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding:.4em .2em}.search--play{box-sizing:border-box;width:6.2em}.search--replay{background:inherit;border-radius:inherit;inset:0;opacity:clamp(0,var(--search-t) - var(--steps) + 1,1)}.search--play:before{background:currentcolor;clip-path:polygon(0 0,100% 50%,0 100%);content:"";flex:none;height:.8em;width:.7em}.search--play:after{content:"Play"}.search--toggle:checked~.search--body .search--play:before{clip-path:polygon(0 0,35% 0,35% 100%,65% 100%,65% 0,100% 0,100% 100%,0 100%)}.search--toggle:checked~.search--body .search--play:after{content:"Pause"}@media (hover:hover) and (pointer:fine){.search--play:hover{background:var(--c--gray-150)}.search--speed:hover{color:var(--c--theme-text-primary)}}.search--speed:focus-visible,.search--timeline:has(.search--scrubber:focus-visible),.search--toggle:focus-visible~.search--body .search--play{outline:2px solid var(--c--theme-primary);outline-offset:2px}.search--timeline{--played:calc(min(var(--search-t), var(--steps))/var(--steps));--track-radius:4px;--track-overhang:7px;animation-timing-function:linear;border-radius:var(--l--border-radius-s);container-type:inline-size;flex:1;height:1.25rem}.search--currentShape,.search--note{--in:clamp(0,(var(--search-t) - var(--from)) * var(--snap,4) + 1,1);--out:clamp(0,(var(--search-t) - var(--to)) * var(--snap,4) + 1,1);opacity:calc(var(--in)*(1 - var(--out)))}.search--boxLabel,.search--current,.search--note{left:50%;translate:-50% 0}.search--note{--snap:8;bottom:calc(100% + .25rem);line-height:1.4;max-width:100cqw;text-align:center;width:-moz-max-content;width:max-content}.search--track{--dot:var(--c--gray-300);background:var(--c--gray-100);border-radius:var(--track-radius);height:calc(var(--track-radius)*2);top:50%;inset-inline:calc(var(--track-overhang)*-1);translate:0 -50%}.search--track:before{background:radial-gradient(circle,var(--dot) 1.5px,transparent 2px) 0 0 /calc(100cqw/var(--steps)) 100% repeat-x;content:"";height:100%;left:calc(var(--track-overhang) - 50cqw/var(--steps));top:0;width:calc(100cqw + 100cqw/var(--steps))}.search--track-played{--dot:var(--c--gray-400);background:var(--search-stroke);clip-path:inset(0 calc((1 - var(--played))*100cqw + var(--track-overhang)) 0 0)}.search--playhead{background:var(--c--theme-bg);border:2px solid var(--search-stroke);border-radius:50%;box-sizing:border-box;height:1rem;left:0;top:50%;transition:scale .16s var(--search-ease);translate:calc(var(--played)*100cqw - 50%) -50%;width:1rem}.search--timeline:has(.search--scrubber:active) .search--playhead{scale:1.15}.search--scrubber{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;cursor:pointer;height:100%;inset:0;opacity:0;padding:0;width:100%;z-index:1}.search--scrubber-onHandle{cursor:grab}.search--scrubber:active{cursor:grabbing}.search--scrubber::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:100%;width:1px}.search--scrubber::-moz-range-thumb{border:0;height:100%;width:1px}.search--side{margin-top:calc(var(--l--space-xs) + var(--start)*var(--search-row) + var(--search-cell)/2 - var(--search-shape)/2 - var(--search-pad) - var(--search-line))}.search--current{bottom:calc(100% + var(--l--space-xs))}.search--box{border:var(--search-line) solid var(--c--gray-200);border-radius:var(--l--border-radius);box-sizing:content-box;display:block;height:var(--search-shape);padding:var(--search-pad);width:var(--search-shape)}.search--target .search--box{border-color:var(--c--gray-300);border-style:dashed}.search--currentShape{filter:drop-shadow(1.5px 0 0 var(--c--theme-bg)) drop-shadow(-1.5px 0 0 var(--c--theme-bg)) drop-shadow(0 1.5px 0 var(--c--theme-bg)) drop-shadow(0 -1.5px 0 var(--c--theme-bg));left:var(--search-pad);scale:calc(1 - (var(--stack) - 1)*.125);top:var(--search-pad);translate:calc(var(--slot)*.28rem) calc(var(--slot)*.28rem)}.search--boxLabel{top:calc(100% + .25rem)}.search--tree{--search-column:calc((100% - var(--search-cell)*2)/(var(--columns) - 1));height:calc((var(--rows) - 1)*var(--search-row) + var(--search-cell));max-width:calc(var(--columns)*7rem);padding:0}.search .search--tree,.search .search--tree ul{font-family:inherit}.search--tree li,.search--tree ul{display:contents}.search--tree li{--is-shown:clamp(0,var(--search-t) - var(--shown) + 1,1);--is-visited:clamp(0,var(--search-t) - var(--visited) + 1,1);--is-dropped:clamp(0,var(--search-t) - var(--dropped) + 1,1);--is-left:clamp(0,var(--search-t) - var(--left) + 1,1);--is-done:clamp(0,var(--search-t) - var(--steps) + 1,1);--strength:calc(var(--is-shown)*(0.4 + var(--is-visited)*0.6)*(1 - var(--is-dropped)*0.72)*(1 - var(--off-path)*0.6*var(--is-done)))}.search--currentShape,.search--edge:after,.search--edge:before,.search--node,.search--node:before{transition:.24s var(--search-ease);transition-property:opacity,scale,border-color}.search--node{display:grid;height:var(--search-cell);left:calc(var(--d)*var(--search-column));opacity:var(--strength);place-items:center;scale:calc(var(--search-enter) + (1 - var(--search-enter))*var(--is-shown));top:calc(var(--y)*var(--search-row));width:var(--search-cell);z-index:101}.search--node:before{background:var(--c--yellow-50);border:2px solid var(--c--yellow-200);border-radius:50%;content:"";inset:0;opacity:calc(var(--is-visited)*(1 - var(--is-left)));scale:calc(var(--search-enter) + (1 - var(--search-enter))*var(--is-visited))}.search--score{bottom:76%;left:88%;line-height:1;white-space:nowrap}.search--edge{--edge-color:color-mix(in srgb,var(--search-stroke) calc(var(--strength)*100%),var(--c--theme-bg));height:calc(max(var(--y) - var(--py), var(--py) - var(--y))*var(--search-row) + var(--search-line));left:calc((var(--d) - 1)*var(--search-column) + var(--search-cell));top:calc(min(var(--y), var(--py))*var(--search-row) + var(--search-cell)/2 - var(--search-line)/2);width:calc(var(--search-column) - var(--search-cell));z-index:calc(var(--strength)*100)}.search--edge-up{scale:1 -1}.search--edge:after,.search--edge:before{border:0 solid var(--edge-color);box-sizing:border-box;content:"";height:50%;width:50%}.search--edge:before{border-top-right-radius:var(--l--border-radius);border-width:var(--search-line) var(--search-line) 0 0;left:0;top:0}.search--edge:after{border-bottom-left-radius:var(--l--border-radius);border-width:0 0 var(--search-line) var(--search-line);bottom:0;left:calc(50% - var(--search-line));width:calc(50% + var(--search-line))}.searchShape{--tint:color-mix(in srgb,var(--stroke) 18%,var(--c--theme-bg));display:block;fill:var(--tint);height:var(--search-shape);overflow:visible;stroke:var(--stroke);stroke-linejoin:round;stroke-width:1.75;width:var(--search-shape)}.searchCube{height:auto;max-width:100%}.searchCube--edges{stroke:var(--c--gray-700)}.searchCube--labels{fill:var(--c--theme-text-secondary)}.searchCube--halo{fill:var(--c--yellow-50);stroke:var(--c--yellow-200)}.searchCube--tall{display:none;margin-inline:auto}@media (max-width:800px){.search{--search-cell:1.75rem;--search-row:2.05rem;--search-shape:1.5rem}.search--body{grid-template-columns:1fr}.search--side{--search-shape:2.25rem;display:flex;gap:var(--l--space-s);justify-content:center;margin-top:0;order:-1;padding-bottom:1.5rem}.search--current{inset:auto;position:relative;translate:none}.search--controls{flex-wrap:wrap;justify-content:space-between;padding-top:3em;row-gap:.25rem}.search--timeline{flex-basis:100%;margin-inline:var(--track-overhang);order:-1}.search--speed{margin-right:-.8em;padding:.6em .8em}.search--score{bottom:82%}.searchCube--wide{display:none}.searchCube--tall{display:block}}@media not all and (max-width:800px){.search--current .search--boxLabel{bottom:calc(100% + .25rem);top:auto}}@media (prefers-reduced-motion:reduce){.search{--search-enter:1}}@media print{.search--body,.search--timeline{--search-t:var(--steps);animation:none}.search--controls{display:none}}