.fillOrange{fill:rgba(var(--orange),1)}.fillWhite{fill:rgba(var(--white),1);transition:fill .3s ease-in-out}header[data-search-open=true]{.fillWhite{fill:rgba(var(--charcoal),1)}}.search-bar{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:50;pointer-events:none;.section-wrapper{gap:0}}.search-bar-container{position:relative;width:100vw;padding:140px 0 var(--padding-xxl) 0;font-size:30px;font-family:var(--font-medium);font-weight:500;line-height:1.5;text-align:center;display:flex;align-items:center;justify-content:center;background:rgba(var(--white),1);z-index:50;transform:translateY(-100%);transition:transform .3s ease-in-out;border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:0 0 10px 0 rgba(var(--charcoal),.1);pointer-events:auto;input{border:none;border-bottom:1px solid rgba(var(--charcoal),.1);outline:none;background:none;font-size:clamp(24px,4vw,48px);font-family:var(--font-medium);font-weight:500;line-height:1.5;width:100%;text-align:left;&::placeholder{color:rgba(var(--charcoal),.2)}}}.results{position:absolute;top:0;left:0;width:100vw;color:rgba(var(--white),1);transform:translateY(calc(-100% - 239px));transition:transform .3s ease-in-out,opacity .3s ease-in-out;opacity:0;top:239px;pointer-events:auto;.no-results,.search-loading{width:100%;display:flex;flex-direction:column;padding:var(--padding-xl) var(--padding-sectionX);font-family:var(--font-medium);font-size:var(--heading-3-fluid)}.search-results{width:100%;max-height:calc(100vh - 239px);overflow-y:auto;display:flex;flex-direction:column;padding:var(--padding-xl) var(--padding-sectionX);font-family:var(--font-medium);font-size:var(--heading-3-fluid);&::-webkit-scrollbar{width:8px}&::-webkit-scrollbar-track{background:rgba(var(--white),.1)}&::-webkit-scrollbar-thumb{background:rgba(var(--orange),.6);border-radius:4px}&::-webkit-scrollbar-thumb:hover{background:rgba(var(--orange),.8)}}.search-result-item{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--padding-sectionY);border-bottom:1px solid rgba(var(--white),.2);padding:var(--padding-xl) 0;font-family:var(--font-medium);text-decoration:none;.result-title{font-size:var(--heading-3-fluid);width:70%}.result-type{font-size:var(--text-body-sm);color:rgba(var(--orange),1);text-transform:uppercase;font-family:var(--font-mono);font-size:var(--text-body-xs);border:1px solid rgba(var(--orange),1);padding:var(--padding-sm) var(--padding-md);border-radius:var(--radius-xl)}}}.tint{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(var(--charcoal),.95);opacity:0;z-index:40;transition:opacity .3s ease-in-out;pointer-events:none;&[data-search-open=true]{opacity:1}}.search-bar.active{.results,.search-bar-container{transform:translateY(0);opacity:1}}