.modal__close-button .icon,.search .reset__button svg{--size: 1rem}.search .reset__button{z-index:2;margin-right:-5.2rem}.search__button{color:rgb(var(--color-button));left:0;right:auto}.search__input.field__input::placeholder{opacity:1}.search__input.field__input+.field__label{padding-left:3rem}.search__button{width:auto;justify-content:center;height:100%;width:4rem}.search .field__button{background:transparent}.search__button .icon{--size: 1.6rem}.search .field__button[type=reset]{--size: 1.4rem;height:2.4rem;align-items:center;justify-content:flex-end;padding-top:.5rem}input::-webkit-search-decoration{-webkit-appearance:none}.modal__content.search-modal,.search-modal__content{background:transparent}.search-modal__content-inner{flex:1}button.search-modal__close-button.link{align-self:center;justify-content:flex-end;padding:0 1rem;height:2.4rem;color:rgb(var(--color-card-foreground))}@media screen and (max-width:749px){button.search-modal__close-button.link{justify-content:center;width:4rem}}.search-modal__form .search__input{box-shadow:none;border:none;padding:0 0 0 4rem;font-size:1.2rem;letter-spacing:-.03rem}@media screen and (max-width:749px){.search .reset__button{margin-right:-1.5rem;padding-top:.1rem}.search button[type=reset]{height:100%}.search .icon-close{--size: 1.4rem}}@media screen and (max-width:749px){.search-modal__content{width:100%}.search-modal form,.search-modal .field,.search-modal__content-inner{height:100%}.search__input.field__input{height:3.6rem;border-bottom:none;padding-top:0;padding-left:4.5rem;padding-bottom:0}}.search-modal{width:100%}.header__search details[open] .modal-overlay:after{top:calc(var(--header-bottom-position) * -1);height:calc(100vh + var(--header-bottom-position));pointer-events:none;background:rgba(var(--color-base-foreground),.25)}@media screen and (min-width:750px){.search-modal__content{width:42.8rem;padding:1.4rem;background:rgb(var(--color-background));position:relative;border-radius:1rem;margin-top:1rem}}@media screen and (max-width:749px){.modal__content.search-modal{top:100%;background:rgb(var(--color-background))}.header__search details[open] .modal-overlay:after{top:100%}.search-modal__content-wrapper{flex:1;padding-left:var(--outer-margin);padding-right:var(--outer-margin)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-search.css.map */
