.search-container{flex-direction:column;align-items:center;gap:12px;width:580px;max-width:100%;display:flex;position:relative}@media (min-width:768px){.search-container{flex-direction:row;gap:16px}}.search-container>*{position:relative}.search-container:before{content:"";opacity:0;pointer-events:none;background-color:#0009;width:100%;height:100vh;transition:opacity .4s;position:fixed;top:0;left:0}.search-container.search-container-focused{z-index:109}.search-container.search-container-focused:before{pointer-events:unset;opacity:1}.search-container button{width:100%}@media (min-width:768px){.search-container button{width:auto}}.search-input{color:#222;background-color:#fff;border:1px solid #d1d5dc;border-radius:6px;outline:none;flex-grow:1;width:100%;height:50px;padding:0 16px;transition:border-color .4s}@media (min-width:768px){.search-input{width:auto}}.search-input:focus{border:2px solid #e3001b;padding:0 15px}.search-input::placeholder{color:#9ea5b3}.search-results-container{color:#222;text-align:left;background-color:#fff;border-radius:6px;width:100%;margin-top:8px;padding:4px;position:absolute;top:50px;left:0}@media (min-width:1024px){.search-results-container{width:950px;transform:translate(-185px)}}.search-results-header{padding:12px 12px 6px;font-size:12px}.search-results-link{color:#e3001b;border-radius:4px;justify-content:space-between;align-items:center;padding:12px;transition:background-color .2s;display:flex}.search-results-link:hover{background-color:#f2f2f2}