.search-modal{box-sizing:border-box;opacity:0;height:100%;display:none;padding:.1875rem var(--site-side-spacing)}@media screen and (min-width:768px){.search-modal{padding:.0625rem var(--site-side-spacing-md)}}@media screen and (min-width:1200px){.search-modal{padding:.1875rem 0}}.search-modal__form{position:relative;margin:0 auto;width:100%}@media screen and (min-width:1200px){.search-modal__form{max-width:var(--site-center-narrow)}}.search-modal__form .field{margin:0;padding:0;flex:1}.search-modal__form .field:focus,.search-modal__form .field:focus-within{color:var(--color-white)}.search-modal__form .field__input{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:var(--color-white);font-size:1rem;line-height:1.75rem}.search-modal__form .field__input::placeholder{opacity:1}.search-modal__form .field__input:focus,.search-modal__form .field__input:focus-visible,.search-modal__form .field__input:focus-within{border-color:rgba(0,0,0,0);outline:none}.search-modal__button,.search-modal__close-button{appearance:none;background-color:rgba(0,0,0,0);border:0;color:var(--color-white);cursor:pointer;display:block;padding:.875rem 0;flex:0 0 2.25rem;transition:all var(--duration-default) ease}.search-modal__button:active,.search-modal__button:focus,.search-modal__button:hover,.search-modal__close-button:active,.search-modal__close-button:focus,.search-modal__close-button:hover{color:var(--color-brand-primary)}@media screen and (min-width:1200px){.search-modal__button,.search-modal__close-button{padding:1.125rem 0}}.search-modal__button{padding-right:1rem}.search-modal__close-button{padding-left:1rem}.no-js .search-modal__close-button{display:none}.header__search--is-active .search-modal{display:block;opacity:1}input::-webkit-search-decoration{-webkit-appearance:none}.modal__toggle{cursor:pointer}