.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)}:is(.predictive-search-bar .search-input-label) input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}:is(.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){:is(.predictive-search-bar .search-input-label) input{width:calc(100% - var(--space-8) - var(--space-8))}}:is(:is(.predictive-search-bar .search-input-label) input):focus{outline:none}:is(.predictive-search-bar .search-input-label) input::-moz-placeholder{color:var(--mono-color-200)}:is(.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)}body.template-search .search-input-label [data-close-search-bar]{display:none}body.template-search .search-input-label input:not(:-moz-placeholder)~[data-close-search-bar]{display:block}body.template-search .search-input-label input:not(:placeholder-shown)~[data-close-search-bar]{display:block}@media (max-width:1024px){body:not(.predictive-search-open) [data-close-search-bar]{display:none}}body.predictive-search-bar-open{overflow-y:hidden}:is(body.predictive-search-bar-open .content-for-layout):after{background-color:rgba(0,0,0,.6);content:"";inset:0;pointer-events:none;position:fixed}