.predictive-search-bar{display:none}.predictive-search-bar.active{background-color:var(--background-color-light-1);border-bottom:1px solid var(--mono-color-200);display:block;left:0;padding-left:var(--section-space-horizontal-default);padding-right:var(--section-space-horizontal-default);position:absolute;width:100%}.predictive-search-bar .search-input-label{align-items:center;color:var(--mono-color-200);display:flex;gap:var(--space-2)}.predictive-search-bar .search-input-label input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.predictive-search-bar .search-input-label input{border:none;max-width:calc(var(--section-wrapper-max-width) - var(--space-8));width:calc(100% - var(--space-8))}@media(min-width:1025px){.predictive-search-bar .search-input-label input{width:calc(100% - var(--space-8) - var(--space-8))}}.predictive-search-bar .search-input-label input:focus{outline:none}.predictive-search-bar .search-input-label input::-moz-placeholder{color:var(--mono-color-200)}.predictive-search-bar .search-input-label input::placeholder{color:var(--mono-color-200)}.predictive-search-bar .search-input-inner{background-color:var(--header-background-color);max-width:calc(var(--section-wrapper-max-width) - var(--section-space-horizontal-default)*2);padding-block:var(--space-3)}@media(max-width:1024px){body:not(.predictive-search-open) [data-close-search-bar]{display:none}}body.predictive-search-bar-open{overflow-y:hidden}body.predictive-search-bar-open .content-for-layout:after{background-color:rgba(0,0,0,.6);content:"";inset:0;pointer-events:none;position:fixed}