#search{--_height:80vh;--_margin:var(--space-very-large);--_input-height:4rem;--_border-size:4px;width:min(100%, var(--content-max-width));height:var(--_height);margin-inline:auto;position:fixed;top:10vh;overflow-y:auto;&:has(input:placeholder-shown){height:calc(var(--_input-height) + 2 * var(--_border-size));overflow-y:none}color:currentColor;border:var(--_border-size) var(--color-accent) solid;border-radius:var(--space-small);background:var(--color-canvas);transition:height var(--transition-duration-bounce);transition-timing-function:var(--transition-timing-bounce);padding:0;overflow:hidden;&::backdrop{backdrop-filter:blur(var(--blur)) brightness(50%) grayscale(60%)}& .pagefind-ui{& .pagefind-ui__search-input{width:100%;height:var(--_input-height);border-width:0 0 1px;margin:1px 0 0;padding:0;&:focus{outline:none}}& .pagefind-ui__search-clear{display:none}& .pagefind-ui__results-area{padding:var(--space);height:calc(var(--_height) - var(--_input-height));overflow:auto;& .pagefind-ui__message{color:var(--color-light-darker)}& .pagefind-ui__results{margin:0;padding:0;list-style:none;&~.pagefind-ui__button{width:100%;margin-block-start:var(--space-large)}& .pagefind-ui__result{&+&{border-top:var(--border-width) var(--border-color-lighter) solid;margin-block-start:calc(var(--space-very-large) / 2);padding-block-start:calc(var(--space-very-large) / 2)}& .pagefind-ui__result-title{font-weight:700}& .pagefind-ui__result-nested{margin-block-start:var(--space);margin-inline-start:var(--space-large);position:relative;&:before{content:"↳";color:var(--color-accent);font-size:1em;position:absolute;top:0;left:-1.4rem}}}}}}}