.search-modal{background-color:rgb(var(--color-background));border-bottom:.1rem solid rgba(var(--color-foreground),.12)}.search-modal__content{padding:1.8rem 5rem 1.8rem 1.6rem}@media screen and (min-width:750px){.search-modal__content{padding:1.8rem 6rem 1.8rem 3.2rem}}@media screen and (min-width:990px){.search-modal__content{padding:2rem 3.2rem}}.search-modal .field{position:relative}.search-modal .field:before,.search-modal .field:after{content:none;display:none}.search-modal .field__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.search-modal .search__input.field__input{border:.1rem solid rgba(var(--color-foreground),.2);border-radius:999px;box-shadow:none;background:rgb(var(--color-background));font-size:1.6rem;font-weight:400;letter-spacing:0;height:5.2rem;padding:0 9.6rem 0 1.8rem;line-height:1.4;color:rgb(var(--color-foreground));transition:border-color .15s ease,box-shadow .15s ease}.search-modal .search__input.field__input::placeholder{color:rgba(var(--color-foreground),.55);font-weight:400;opacity:1}.search-modal .search__input.field__input:focus{border-color:rgba(var(--color-foreground),.65);outline:none;box-shadow:0 0 0 .2rem rgba(var(--color-foreground),.08)}.search-modal .search__button{right:var(--inputs-border-width, 0);top:50%;transform:translateY(-50%)}.search-modal .reset__button{right:4.4rem;top:50%;transform:translateY(-50%)}.search__button{right:var(--inputs-border-width);top:var(--inputs-border-width)}.reset__button{right:calc(var(--inputs-border-width) + 4.4rem);top:var(--inputs-border-width)}.reset__button:not(:focus-visible):after{border-right:.1rem solid rgba(var(--color-foreground),.08);display:block;height:calc(100% - 1.6rem);content:"";position:absolute;right:0}.reset__button:not(:focus):after{border-right:.1rem solid rgba(var(--color-foreground),.08);display:block;height:calc(100% - 1.8rem);content:"";position:absolute;right:0}.search__button:focus-visible,.reset__button:focus-visible{background-color:rgb(var(--color-background));z-index:4}.search__button:focus,.reset__button:focus{background-color:rgb(var(--color-background));z-index:4}.search__button:not(:focus-visible):not(.focused),.reset__button:not(:focus-visible):not(.focused){box-shadow:inherit;background-color:inherit}.search__button:hover .icon,.reset__button:hover .icon{transform:scale(1.07)}.search__button .icon{height:1.8rem;width:1.8rem}.reset__button .icon.icon-close{height:1.8rem;width:1.8rem;stroke-width:.1rem}input::-webkit-search-decoration{-webkit-appearance:none}.template-search__results{position:relative}.template-search__header{padding-top:clamp(2.4rem,5vw,5.6rem);padding-bottom:clamp(1.8rem,3vw,3.2rem)}.template-search__header .template-search__search{width:min(100%,74rem);margin:2rem auto 0}.template-search__search .field{position:relative}.template-search__search .field:before,.template-search__search .field:after{content:none;display:none}.template-search__search .search__input.field__input{min-height:5rem;padding:1.2rem 9.6rem 1.2rem 1.6rem;border:.1rem solid rgba(var(--color-foreground),.22);border-radius:.4rem;background:rgb(var(--color-background));box-shadow:none;font-size:1.5rem;letter-spacing:0}.template-search__search .search__input.field__input:focus{border-color:rgba(var(--color-foreground),.65);box-shadow:0 0 0 .2rem rgba(var(--color-foreground),.08)}.template-search__search .search__input.field__input::placeholder{color:rgba(var(--color-foreground),.55)}.template-search__header [role=status]{margin:1.6rem auto 0;max-width:74rem;color:rgba(var(--color-foreground),.72)}.search-modal__close-button .icon{width:1.6rem;height:1.6rem}.search-modal .predictive-search{border-top:.1rem solid rgba(var(--color-foreground),.08);background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.12);border-radius:.6rem;box-shadow:0 1.2rem 3.2rem rgba(var(--color-shadow),.14);max-height:min(68vh,54rem)}.template-search__search .predictive-search{border-radius:0 0 .4rem .4rem}@media screen and (max-width:749px){.search-modal__content{padding-top:1.2rem;padding-bottom:1.2rem}.search-modal .search__input.field__input{height:4.8rem;font-size:1.5rem;padding-left:1.5rem}.template-search__header{padding-top:2.8rem;padding-bottom:1.6rem}.template-search__header .template-search__search{margin-top:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-search.css.map */