@layer quartz-base{.search{min-width:fit-content;max-width:14rem}@media (max-width:800px){.search{flex-grow:.3}}.search>.search-button{border:1px var(--lightgray) solid;font-family:inherit;font-size:inherit;height:2rem;text-align:inherit;cursor:pointer;white-space:nowrap;background-color:#0000;border-radius:4px;align-items:center;width:100%;padding:0 1rem 0 0;display:flex}.search>.search-button>p{color:var(--gray);text-wrap:unset;display:inline}.search>.search-button svg{cursor:pointer;width:18px;min-width:18px;margin:0 .5rem}.search>.search-button svg .search-path{stroke:var(--darkgray);stroke-width:1.5px;transition:stroke .5s}.search>.search-container{contain:layout;z-index:var(--search-z-index,999);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:100vw;height:100vh;display:none;position:fixed;top:0;left:0;overflow-y:auto}.search>.search-container.active{display:inline-block}.search>.search-container>.search-space{width:65%;margin-top:12vh;margin-left:auto;margin-right:auto}@media not (min-width:1200px){.search>.search-container>.search-space{width:90%}}.search>.search-container>.search-space>:not(.ghost-text):not(.tag-suggestions){background:var(--light);border-radius:7px;width:100%;margin-bottom:2em;box-shadow:0 14px 50px #1b21301f,0 10px 30px #1b213029}.search>.search-container>.search-space>input{box-sizing:border-box;font-family:var(--bodyFont);color:var(--dark);border:1px solid var(--lightgray);padding:.5em 1em;font-size:1.1em}.search>.search-container>.search-space>input:focus{outline:none}.search>.search-container>.search-space>.search-layout{border:1px solid var(--lightgray);box-sizing:border-box;flex-direction:row;flex:0 0 100%;display:none}.search>.search-container>.search-space>.search-layout.display-results{display:flex}.search>.search-container>.search-space>.search-layout[data-preview]>.results-container{flex:0 0 min(30%,450px)}@media not (max-width:800px){.search>.search-container>.search-space>.search-layout[data-preview] .result-card>p.card-description{display:none}.search>.search-container>.search-space>.search-layout[data-preview]>div:first-child{border-right:1px solid var(--lightgray);border-top-right-radius:unset;border-bottom-right-radius:unset}.search>.search-container>.search-space>.search-layout[data-preview]>div:last-child{border-top-left-radius:unset;border-bottom-left-radius:unset}}.search>.search-container>.search-space>.search-layout>div{border-radius:5px;height:63vh}@media (max-width:800px){.search>.search-container>.search-space>.search-layout{flex-direction:column}.search>.search-container>.search-space>.search-layout>.preview-container{display:none!important}.search>.search-container>.search-space>.search-layout[data-preview]>.results-container{flex:0 0 100%;width:100%;height:auto;max-height:60vh}}.search>.search-container>.search-space>.search-layout .highlight{background:color-mix(in srgb, var(--tertiary) 60%, #fff0);border-radius:5px;scroll-margin-top:2rem}.search>.search-container>.search-space>.search-layout>.preview-container{color:var(--dark);flex-grow:1;padding:0 2rem;font-family:inherit;font-weight:400;line-height:1.5em;display:block;overflow:hidden auto}.search>.search-container>.search-space>.search-layout>.preview-container .preview-inner{width:100%;margin:0 auto}.search>.search-container>.search-space>.search-layout>.preview-container a[role=anchor]{background-color:#0000}.search>.search-container>.search-space>.search-layout>.results-container{overflow-y:auto}.search>.search-container>.search-space>.search-layout>.results-container .result-card{cursor:pointer;border-bottom:1px solid var(--lightgray);box-sizing:border-box;text-transform:none;text-align:left;width:100%;font-family:inherit;font-size:100%;line-height:1.15;font-weight:inherit;color:var(--dark);outline:none;margin:0;padding:1em;text-decoration:none;transition:background .2s;display:block;overflow:hidden}.search>.search-container>.search-space>.search-layout>.results-container .result-card:hover,.search>.search-container>.search-space>.search-layout>.results-container .result-card:focus,.search>.search-container>.search-space>.search-layout>.results-container .result-card.focus{background:var(--lightgray)}.search>.search-container>.search-space>.search-layout>.results-container .result-card>h3{color:var(--secondary);margin:0}.search>.search-container>.search-space>.search-layout>.results-container .result-card>ul.tags{margin-top:.45rem;margin-bottom:0;padding:0;list-style:none}.search>.search-container>.search-space>.search-layout>.results-container .result-card>ul.tags>li{margin-right:.3rem;display:inline-block}.search>.search-container>.search-space>.search-layout>.results-container .result-card>ul>li>p{background-color:var(--highlight);color:var(--secondary);border-radius:8px;margin:0;padding:.2rem .4rem;font-size:.85rem;font-weight:700;line-height:1.4rem}.search>.search-container>.search-space>.search-layout>.results-container .result-card>ul>li>p.match-tag{color:var(--tertiary)}.search>.search-container>.search-space>.search-layout>.results-container .result-card>p{color:var(--gray);margin-top:.5em;margin-bottom:0;font-size:.9em}.search>.search-container>.search-space>.search-layout>.results-container .result-card.no-match{cursor:default}.search>.search-container>.search-space{position:relative}.search>.search-container>.search-space>.ghost-text{pointer-events:none;box-sizing:border-box;font-family:var(--bodyFont);color:var(--gray);opacity:.6;white-space:pre;border:1px solid #0000;height:auto;padding:.5em 1em;font-size:1.1em;line-height:normal;position:absolute;top:0;left:0;right:0;overflow:hidden}.search>.search-container>.search-space>.tag-suggestions{z-index:calc(var(--search-z-index,999) + 1);background:var(--light);border:1px solid var(--lightgray);border-radius:5px;max-height:240px;position:absolute;top:calc(3.1em + 2px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #1b21301a,0 2px 6px #1b213014}.search>.search-container>.search-space>.tag-suggestions>.tag-suggestion-item{cursor:pointer;font-family:var(--bodyFont);color:var(--dark);padding:.4em 1em;font-size:.95em;transition:background .15s}.search>.search-container>.search-space>.tag-suggestions>.tag-suggestion-item:hover,.search>.search-container>.search-space>.tag-suggestions>.tag-suggestion-item.active{background:var(--lightgray)}.search>.search-container>.search-space>.tag-suggestions>.tag-suggestion-item.active{color:var(--secondary);font-weight:600}.search-scroll-target{background:color-mix(in srgb, var(--tertiary) 40%, #fff0);border-radius:3px;padding:.1em 0;transition:background 1s}.search-scroll-target.fade-out{background:0 0}}