.search__input.field__input{padding-right:4.4rem;padding-left:1.2rem}.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:2rem;width:2rem}.reset__button .icon.icon-close{height:1.8rem;width:1.8rem;stroke-width:.1rem}input::-webkit-search-decoration{-webkit-appearance:none}.template-search__results,.search__form-wrap{position:relative}.search__form-wrap.has-secondary-link{display:flex;align-items:center;justify-content:space-between;border:.1rem solid #DCDAD7}.search__form-wrap .secondary_link{flex-shrink:0}.search__form-wrap .secondary_link a{color:rgb(var(--color-foreground));border-left:1px solid #DCDAD7;padding:0 1.2rem;display:block;font-size:1.6rem}.search__form-wrap.has-secondary-link .field:before,.search__form-wrap.has-secondary-link .field:after{display:none}.search__form-wrap.has-secondary-link .field .field__input:focus{box-shadow:none}.search__form-wrap.has-secondary-link .search__form{flex-basis:100%}@media screen and (max-width: 749px){.search-modal__form{margin-bottom:-1px}.search-modal__form .field:before,.search-modal__form .field:after{content:unset}.search-modal__form .search__input{margin:0;border-top:#DCDAD7 solid 1px;border-bottom:#DCDAD7 solid 1px;transition:border-color var(--duration-short) ease}.search-modal__form .search__input:focus{box-shadow:none;border-color:#000}}@media screen and (max-width: 989px){.search-modal__form{margin-bottom:-1px}.search-modal__form .field:before,.search-modal__form .field:after{content:unset}.search-modal__form .search__input{margin:0;border:#DCDAD7 solid 1px;transition:border-color var(--duration-short) ease}.search-modal__form .search__input:focus{box-shadow:none;border-color:#000}}body .search__form-wrap{max-height:unset;overflow:unset}.tablet-search,.search__button-close,.open-search .search__button-open{display:none}.search__button-open,.search__button-close{position:absolute;top:.2rem;right:0;z-index:3}.search__button-open svg,.search__button-close svg{width:2rem;height:2rem}.open-search .search__button-close{display:flex}.open-search .search__button{display:none}@media screen and (max-width: 750px){.header-search-wrap{width:100%}}.header__icons .field__input~.field__label{left:1.2rem}@media screen and (min-width: 750px) and (max-width: 1023px){.tablet-search{display:flex}form.search-modal__form{transform:translate(100%);transition:all .25s ease-in-out;position:relative;z-index:0}form.search-modal__form .search__button{display:none}.open-search form.search-modal__form{transform:translate(0)}.header-search-wrap{opacity:0;position:absolute;right:0;top:0;transition:all .25s ease-in-out}.open-search .header-search-wrap{opacity:1}.header-predictive-search{overflow:hidden;transition:all .25s ease-in-out}.open-search .header-predictive-search{width:calc(100vw - 34rem);opacity:1;overflow:unset}.open-search form.search-modal__form{position:relative;z-index:2}.open-search .header-predictive-search:after{content:"";position:absolute;top:-1.4rem;left:-1.6rem;right:0;bottom:-1.4rem;z-index:0}.open-search-2 .header-predictive-search{position:absolute;right:0}.header__icons .search-modal__content{height:4.7rem;transform:translate(1rem)}.header__icons .search-modal__content .field__input{width:0}.open-search .header__icons .search-modal__content .field__input{width:100%}.header__icons .field__input~.field__label{white-space:nowrap;overflow:hidden;width:0}.open-search .header__icons .field__input~.field__label{min-width:28rem;width:auto;white-space:nowrap}.header__icons .field__input:focus~.field__label,.header__icons .field__input:not(:placeholder-shown)~.field__label,.header__icons .field__input:-webkit-autofill~.field__label{left:calc(var(--inputs-border-width) + 1.2rem)}}@media screen and (min-width: 750px) and (max-width: 1112px) and (orientation: portrait){.tablet-search{display:flex}form.search-modal__form{transform:translate(100%);transition:all .25s ease-in-out;position:relative;z-index:0}form.search-modal__form.search__button{display:none}.open-search form.search-modal__form{transform:translate(0)}.header-search-wrap{opacity:0;position:absolute;right:0;top:0;transition:all .25s ease-in-out}.open-search .header-search-wrap{opacity:1}.header-predictive-search{overflow:hidden;transition:all .25s ease-in-out}.open-search .header-predictive-search{width:calc(100vw - 35rem);opacity:1;overflow:unset}.open-search form.search-modal__form{position:relative;z-index:2}.open-search .header-predictive-search:after{content:"";position:absolute;top:-1.4rem;left:-1.6rem;right:0;bottom:-1.4rem;z-index:0}.open-search-2 .header-predictive-search{position:absolute;right:0}.header__icons .search-modal__content{height:4.7rem;transform:translate(1rem)}.header__icons .field__input~.field__label{white-space:nowrap;width:0;overflow:hidden}.open-search .header__icons .field__input~.field__label{min-width:28rem;width:auto;white-space:nowrap}.header__icons .field__input:focus~.field__label,.header__icons .field__input:not(:placeholder-shown)~.field__label,.header__icons .field__input:-webkit-autofill~.field__label{left:calc(var(--inputs-border-width) + 1.2rem)}}@media screen and (min-width: 750px) and (max-width: 989px){.open-search .header-predictive-search{width:calc(100vw - 32rem)}}@media screen and (max-width: 749px){.header-search-wrap .field__label{left:1.8rem}.header-search-wrap .field__input:focus~.field__label,.header-search-wrap .field__input:not(:placeholder-shown)~.field__label,.header-search-wrap .field__input:-webkit-autofill~.field__label{left:1.8rem}.search__input.field__input{padding-left:1.8rem}.header-search-wrap .search__button{right:1rem}}
/*# sourceMappingURL=/cdn/shop/t/521/assets/component-search.css.map */