.search__input.field__input{padding-right:9.8rem}.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}.header{display:flex;align-items:center;justify-content:space-between;position:relative;flex-wrap:wrap}.header__left-section{display:flex;align-items:center;gap:1rem;order:1}.header__center-section{display:flex;justify-content:center;flex:1;order:2}.header__icons{display:flex;align-items:center;gap:1rem;order:3}.header__mobile-search{display:none;width:100%;order:4;background-color:#f2ad59;padding:1.5rem;margin-top:1rem}@media screen and (min-width: 750px){.header{flex-wrap:nowrap}.header__mobile-search{display:none!important}.header__search--desktop{display:block;width:100%;max-width:800px}.header__search--mobile{display:none!important}.header__search--desktop .search-form-wrapper,.header__search--desktop .search{position:relative;width:100%}.header__search--desktop .field{margin:0;position:relative;width:100%}.header__search--desktop .search__input{width:100%;height:4.4rem;padding:.8rem 4.4rem .8rem 1.6rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--border-radius);background-color:rgba(var(--color-background),.95);font-size:1.4rem;line-height:1.4;transition:all .2s ease-in-out}.header__search--desktop .search__input:focus{border-color:rgba(var(--color-foreground),.55);outline:0;box-shadow:0 0 0 .3rem rgba(var(--color-foreground),.12)}.header__search--desktop .field__label{position:absolute;left:1.6rem;top:50%;transform:translateY(-50%);color:rgba(var(--color-foreground),.6);font-size:1.4rem;pointer-events:none;transition:all .15s ease-in-out;z-index:2}.header__search--desktop .search__input:focus~.field__label,.header__search--desktop .search__input:not(:placeholder-shown)~.field__label{opacity:0;transform:translateY(-50%) scale(.9)}.header__search--desktop .search__button{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:3.4rem;height:3.4rem;background:none;border:none;padding:.8rem;cursor:pointer;color:rgba(var(--color-foreground),.7);transition:all .15s ease-in-out;border-radius:calc(var(--border-radius) - .2rem);display:flex;align-items:center;justify-content:center;z-index:3}.header__search--desktop .reset__button{position:absolute;right:3.9rem;top:50%;transform:translateY(-50%);width:2.4rem;height:2.4rem;background:none;border:none;padding:.4rem;cursor:pointer;color:rgba(var(--color-foreground),.6);transition:all .15s ease-in-out;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:3}.header__search--desktop .reset__button.hidden{display:none}}@media screen and (max-width: 749px){.header{flex-wrap:wrap}.header__left-section,.header__center-section,.header__icons{margin-bottom:0}.header__center-section .header__search--desktop{display:none!important}.header__mobile-search{display:block!important;background-color:#f2ad59;padding:1.5rem 2rem;margin:0;width:calc(100% + 6rem);margin-left:-3rem;margin-right:-3rem}.header__search--mobile{display:block;width:100%}.header__search--mobile .search-form-wrapper,.header__search--mobile .search{position:relative;width:100%}.header__search--mobile .field{margin:0;position:relative;width:100%}.header__search--mobile .search__input{width:100%;height:4.4rem;padding:1rem 4.4rem 1rem 1.6rem;border:.1rem solid rgba(255,255,255,.3);border-radius:var(--border-radius);background-color:#ffffffe6;font-size:1.4rem;line-height:1.4;transition:all .2s ease-in-out;color:#333}.header__search--mobile .search__input:focus{border-color:#fffc;outline:0;box-shadow:0 0 0 .3rem #ffffff4d;background-color:#fff}.header__search--mobile .search__input::placeholder{color:#3339}.header__search--mobile .field__label{position:absolute;left:1.6rem;top:50%;transform:translateY(-50%);color:#3339;font-size:1.4rem;pointer-events:none;transition:all .15s ease-in-out;z-index:2}.header__search--mobile .search__input:focus~.field__label,.header__search--mobile .search__input:not(:placeholder-shown)~.field__label{opacity:0;transform:translateY(-50%) scale(.9)}.header__search--mobile .search__button{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:3.4rem;height:3.4rem;background:none;border:none;padding:.8rem;cursor:pointer;color:#333;transition:all .15s ease-in-out;border-radius:calc(var(--border-radius) - .2rem);display:flex;align-items:center;justify-content:center;z-index:3}.header__search--mobile .search__button:hover{background-color:#ffffff80}.header__search--mobile .reset__button{position:absolute;right:3.9rem;top:50%;transform:translateY(-50%);width:2.4rem;height:2.4rem;background:none;border:none;padding:.4rem;cursor:pointer;color:#333;transition:all .15s ease-in-out;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:3}.header__search--mobile .reset__button:hover{background-color:#ffffff4d}.header__search--mobile .reset__button.hidden{display:none}.header__search--mobile .predictive-search{position:absolute;top:calc(100% + .8rem);left:0;right:0;z-index:1000;background:#fff;border:.1rem solid rgba(0,0,0,.15);border-radius:var(--border-radius);box-shadow:0 8px 32px #0000001f;max-height:400px;overflow-y:auto}}@media screen and (max-width: 990px) and (min-width: 750px){.header__search--desktop{max-width:700px}}@media screen and (max-width: 480px){.header__mobile-search{padding:1.2rem 1.5rem}.header__search--mobile .search__input{height:4rem;padding:.8rem 4rem .8rem 1.4rem;font-size:1.3rem}.header__search--mobile .field__label{font-size:1.3rem;left:1.4rem}.header__search--mobile .search__button,.header__search--mobile .reset__button{width:3.2rem;height:3.2rem}.header__search--mobile .reset__button{right:3.7rem}}.header__search--desktop .search__input,.header__search--mobile .search__input{transition:all .2s cubic-bezier(.4,0,.2,1)}.header__search--desktop .icon,.header__search--mobile .icon{transition:transform .2s ease-in-out}.header__search--desktop .search__button:hover .icon,.header__search--desktop .reset__button:hover .icon,.header__search--mobile .search__button:hover .icon,.header__search--mobile .reset__button:hover .icon{transform:scale(1.1)}@media (prefers-contrast: high){.header__search--desktop .search__input,.header__search--mobile .search__input{border-color:#00000080}.header__search--desktop .field__label,.header__search--mobile .field__label{color:#000c}}@media (prefers-reduced-motion: reduce){.header__search--desktop .search__input,.header__search--desktop .icon,.header__search--desktop .search__button,.header__search--desktop .reset__button,.header__search--mobile .search__input,.header__search--mobile .icon,.header__search--mobile .search__button,.header__search--mobile .reset__button{animation:none;transition:none}}@media screen and (max-width: 749px){.header__search--desktop{display:none!important}.header__search--mobile{display:block!important}.header-wrapper{padding-bottom:0}.header .header__center-section{display:none}}@media screen and (min-width: 750px){.header__mobile-search,.header__search--mobile{display:none!important}.header__search--desktop{display:flex!important;justify-content:center;align-items:center}}.header__left-section{display:flex;align-items:center;gap:1rem;flex-shrink:0}.header__left-section header-drawer{margin-left:0}.header__icons{display:flex;align-items:center;gap:1rem;flex-shrink:0}.header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;position:relative}@media screen and (min-width: 750px){.header{display:grid;grid-template-columns:auto 3fr auto;align-items:center;gap:2rem;flex-wrap:nowrap}.header__left-section{grid-column:1;justify-self:start}.header__center-section{grid-column:2;justify-self:center;display:flex;justify-content:center;align-items:center;width:100%;max-width:800px}.header__icons{grid-column:3;justify-self:end}.header__mobile-search{display:none}}@media screen and (max-width: 749px){.header{display:flex;flex-wrap:wrap;align-items:center}.header__left-section{order:1;flex:0 0 auto}.header__center-section{display:none}.header__icons{order:2;margin-left:auto;flex:0 0 auto}.header__mobile-search{order:3;width:100%;margin-top:0;background-color:#f2ad59;padding:1.5rem 2rem;margin-left:-2rem;margin-right:-2rem;width:calc(100% + 4rem)}}@media screen and (max-width: 480px){.header__mobile-search{padding:1.2rem 1.5rem;margin-left:-1.5rem;margin-right:-1.5rem;width:calc(100% + 3rem)}}.header__mobile-search{background-color:#f2ad59!important}.header__mobile-search .header__search--mobile{width:100%}.header__heading{margin:0;line-height:1}.header__heading-link{display:inline-flex;align-items:center}.menu-drawer-container{display:flex}.header__search--desktop .header__search,.header__search--mobile .header__search{position:relative;width:100%}@media screen and (min-width: 750px) and (max-width: 990px){.header__center-section{max-width:700px}}@media screen and (min-width: 991px){.header__center-section{max-width:800px}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/component-search.css.map */