.search-modal{opacity:0;border-bottom:1px solid var(--color-border);height:100%}details[open]>.search-modal{opacity:1;animation:animateMenuOpen .25s ease-out}.search-modal-content{display:flex;align-items:center;justify-content:center;width:100%;position:relative;margin:0 auto;width:55vw}@media(max-width:1139px){.search-modal-content{width:calc(100% - 3rem);margin:0 auto 0 0;padding:0 0 0 var(--container-padding)}}.search-modal-form{width:100%}.search-modal-form .field{margin-bottom:0}.template-search-search .field-with-icon,.search-modal .field-with-icon{padding-top:0}.template-search-search .field-with-icon .search-input,.search-modal .field-with-icon .search-input{margin-bottom:0;padding-right:1rem 4rem 1rem .75rem;height:3.25rem}.template-search-search .field-with-icon .field-button.search-button,.template-search-search .field-with-icon .field-button.reset-button,.search-modal .field-with-icon .field-button.search-button,.search-modal .field-with-icon .field-button.reset-button{width:2.125rem;transition:color .25s ease-out;padding:0 .5rem;cursor:pointer;right:.5rem;color:var(--text-primary)}.template-search-search .field-with-icon .field-button.search-button:focus,.template-search-search .field-with-icon .field-button.search-button:hover,.template-search-search .field-with-icon .field-button.reset-button:focus,.template-search-search .field-with-icon .field-button.reset-button:hover,.search-modal .field-with-icon .field-button.search-button:focus,.search-modal .field-with-icon .field-button.search-button:hover,.search-modal .field-with-icon .field-button.reset-button:focus,.search-modal .field-with-icon .field-button.reset-button:hover{color:var(--color-primary);z-index:2}@media(max-width:1139px){.template-search-search .field-with-icon .field-button.search-button,.template-search-search .field-with-icon .field-button.reset-button,.search-modal .field-with-icon .field-button.search-button,.search-modal .field-with-icon .field-button.reset-button{height:3.5rem}}.template-search-search .field-with-icon .field-button.reset-button,.search-modal .field-with-icon .field-button.reset-button{right:2.625rem;height:1.25rem;width:1.25rem;background-color:var(--color-neutral-300);border-radius:50%}.template-search-search .field-with-icon .field-button.reset-button svg,.search-modal .field-with-icon .field-button.reset-button svg{background-color:var(--color-neutral-300);color:var(--color-neutral-900);height:.75rem;width:.75rem;top:1px;right:4px}.template-search-search .field-outline,.search-modal-form .field-outline{padding-left:0}.template-search-search .search-input,.search-modal-form .search-input{padding-left:.75rem}.search-modal-close-button{position:absolute;right:-1rem;transform:translate(100%);transition:color .25s ease-out;color:var(--text-primary)}.search-modal-close-button:hover{color:var(--color-primary)}.search-modal-close-button .icon{width:1rem;height:1rem}@media(min-width:820px){.search-modal-close-button .icon{width:1.25rem;height:1.25rem}}input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.template-search-header{padding-top:var(--container-padding);padding-bottom:var(--container-padding)}.template-search-search{max-width:45rem}.template-search-search .field{margin-bottom:0}.template-search-search+p{margin-top:var(--text-spacing-sm)}@media(min-width:820px){.template-search-search{margin:0 auto}}
/*# sourceMappingURL=/cdn/shop/t/345/assets/component-search.css.map */