:is(.value-hero,.hero-filters,.hero-dock,.hero-panel,.hero-bar){--hero-bar:var(--value-bar-night);--hero-bar-dim:var(--landing-lip);--hero-lift:var(--value-lift-night);--hero-lift-shadow:inset 0 1px 0 rgb(var(--landing-white-rgb) / .08), 0 10px 24px -10px rgb(var(--landing-black-rgb) / .9);--hero-hover:rgb(var(--landing-white-rgb) / .05);--hero-rule:rgb(var(--landing-white-rgb) / .1)}:is(.value-hero,.hero-filters,.hero-dock,.hero-panel,.hero-bar):not(.dark *){--hero-bar:#fff;--hero-bar-dim:var(--value-bar-dim);--hero-lift:#fff;--hero-lift-shadow:0 1px 2px rgb(var(--landing-ink-rgb) / .08), 0 10px 26px -8px rgb(var(--landing-ink-rgb) / .22);--hero-hover:rgb(var(--landing-ink-rgb) / .05);--hero-rule:var(--value-rim)}.hero-field{--input-height:1.75rem;--hit-min:1.75rem}.hero-field [data-slot=button]:after{width:max(100%,3rem);height:max(100%,3rem)}.hero-field [data-slot=input-group]{padding-inline-start:0}.hero-go{background:var(--browse-tile-on-fill);width:2.5rem;height:2.5rem;box-shadow:inset 0 1px 0 rgb(var(--landing-white-rgb) / .22), 0 2px 0 color-mix(in oklab, var(--brand-ink) 45%, black)}.hero-badge{background:var(--brand-ink)}.hero-dock{inset-inline:0;z-index:40;padding:calc(env(safe-area-inset-top,0px) + .25rem) .75rem .25rem;pointer-events:none;justify-content:center;display:flex;position:fixed;top:0}.hero-dock[data-shown]{background:var(--background);box-shadow:0 1px 0 var(--hero-rule);pointer-events:auto}.hero-dock-bar{width:100%;max-width:46rem}.hero-bar-dense{--bar-fill:var(--search-fill);--bar-rim:var(--search-rim);background:var(--bar-fill) padding-box, var(--bar-rim) border-box;box-shadow:var(--search-shadow);border-color:#0000}.hero-bar-dense:hover{--bar-fill:var(--search-fill-hover);--bar-rim:var(--search-rim-hover)}.hero-bar-dense:has(input:focus-visible){--bar-rim:var(--search-rim-focus);box-shadow:var(--search-halo), var(--search-shadow)}@media not (min-width:40rem){.hero-bar-dense.finder-apart,.hero-bar-dense.finder-apart:hover{box-shadow:none;background:0 0;border-width:0;gap:.5rem;padding:0}.hero-bar-dense.finder-apart:has(input:focus-visible){box-shadow:none;background:0 0;border-width:0;gap:.5rem;padding:0}.finder-apart>:is(.finder-field,.finder-filters){--bar-fill:var(--search-fill);--bar-rim:var(--search-rim);border-radius:var(--input-radius);background:var(--bar-fill) padding-box, var(--bar-rim) border-box;box-shadow:var(--search-shadow);border:1px solid #0000}.finder-apart>:is(.finder-field,.finder-filters):hover{--bar-fill:var(--search-fill-hover);--bar-rim:var(--search-rim-hover)}.finder-apart>.finder-filters:focus-visible{--bar-rim:var(--search-rim-focus);box-shadow:var(--search-halo), var(--search-shadow)}.finder-apart>.finder-field:has(input:focus-visible){--bar-rim:var(--search-rim-focus);box-shadow:var(--search-halo), var(--search-shadow)}}@media (min-width:48rem){.hero-dock{transform:translateY(var(--bar-offset));padding-top:.75rem;transition:transform .3s cubic-bezier(.2,0,0,1)}.hero-dock[data-shown]{box-shadow:none;pointer-events:none;background:0 0}.hero-dock-bar{pointer-events:auto}}@media (max-height:30rem){.hero-dock{display:none}}@media (prefers-reduced-motion:reduce){.hero-dock{transition:none}}@media (min-width:64rem){.hero-bar{--bar-fill:var(--search-fill);--bar-rim:var(--search-rim);background:var(--bar-fill) padding-box, var(--bar-rim) border-box;box-shadow:var(--search-shadow);border-color:#0000}.hero-bar:hover{--bar-fill:var(--search-fill-hover);--bar-rim:var(--search-rim-hover)}.hero-bar:has(input:focus-visible){--bar-rim:var(--search-rim-focus);box-shadow:var(--search-halo), var(--search-shadow)}.hero-bar[data-active]{--bar-fill:var(--search-fill-muted)}.hero-bar:not(.hero-bar-dense) .hero-field [data-slot=input-group]>svg{display:none}.hero-lift{background:var(--hero-lift);box-shadow:var(--hero-lift-shadow)}.hero-segment+.hero-segment:before{background:var(--hero-rule);content:"";width:1px;position:absolute;inset-block:.75rem;inset-inline-start:0}.hero-segment:is([data-on],:hover):before,.hero-segment:is([data-on],:hover)+.hero-segment:before{opacity:0}.hero-segment:not([data-on]):hover{background-color:var(--hero-hover)}}@media (prefers-reduced-motion:no-preference){.hero-bar,.hero-segment{transition:background-color .2s ease-out,border-color .2s ease-out,color .2s ease-out}}