.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}@media screen and (min-width:0px){.header__search{position:relative}.header__search .search-modal{position:absolute;top:50%;right:0;left:auto;bottom:auto;transform:translateY(-50%);width:0;height:auto;min-height:0;background:transparent;border-bottom:0;opacity:0;overflow:visible;pointer-events:none;animation:none;transition:width .55s cubic-bezier(.22,1,.36,1),opacity .4s ease}.header__search details[open] .search-modal{width:19rem;opacity:1;pointer-events:auto;animation:none;transform:translateY(-50%)}.header__search .modal-overlay,.header__search details[open] .modal-overlay{display:none}.header__search .search-modal__content{display:block;width:100%;height:auto;padding:0;top:auto;bottom:auto}.header__search .search-modal__form{width:100%;max-width:none}.header__search .field{width:100%;border-bottom:.1rem solid rgba(var(--color-foreground),.22);transition:border-color var(--duration-short) ease}.header__search .field:before,.header__search .field:after{display:none}.header__search .field:focus-within{border-bottom-color:rgba(var(--color-foreground),.45)}.header__search .search__input.field__input,.header__search .search__input.field__input:focus,.header__search .search__input.field__input:focus-visible,.header__search .search__input.field__input:not(:placeholder-shown){height:4rem;margin:0;padding:0 4rem 0 3.2rem;background:transparent;border:0;box-shadow:none;font-size:1.4rem;letter-spacing:.02em}.header__search .field__label,.header__search .field__input:focus~.field__label,.header__search .field__input:not(:placeholder-shown)~.field__label,.header__search .field__input:-webkit-autofill~.field__label{left:3.2rem;top:50%;transform:translateY(-50%);margin:0;font-size:1.15rem;font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:rgba(var(--color-foreground),.45);transition:opacity .22s ease}.header__search .field__input:not(:placeholder-shown)~.field__label{opacity:0}.header__search .search__button.field__button{left:0;right:auto;top:50%;transform:translateY(-50%);height:4rem;width:3.2rem}.header__search .search__button .icon{width:1.6rem;height:1.6rem;stroke-width:1.1;color:rgba(var(--color-foreground),.7)}.header__search .reset__button,.header__search .search-modal__close-button{display:none}.header__search details[open] .header__icon--summary{position:relative;z-index:5}.header__search details[open] .header__icon--summary>span>.svg-wrapper:first-child{display:none}.header__search details[open] .header__icon--summary .header__icon-close{display:flex;align-items:center;justify-content:center}.header__search details[open] .header__icon--summary .header__icon-close .icon{width:1.1rem;height:1.1rem;color:rgba(var(--color-foreground),.55)}.header__search .predictive-search{left:auto;right:-.1rem;width:40rem;top:calc(100% + .6rem);background-color:rgba(var(--color-background),.85);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(var(--color-foreground),.08);border-radius:.6rem;box-shadow:0 1.4rem 3rem -1rem rgba(var(--color-foreground),.18);max-height:min(58vh,46rem)!important;overflow-y:auto}.header__search .predictive-search__results-groups-wrapper{flex-direction:column}.header__search .predictive-search__result-group:first-child{flex:0 0 auto}.header__search .predictive-search__result-group:has(#predictive-search-queries),.header__search .predictive-search__pages-wrapper{display:none}.header__search .predictive-search__heading{font-size:1rem;color:rgba(var(--color-foreground),.5);margin:0 1.6rem;padding:1.4rem 0 .8rem}.header__search .predictive-search__item--link-with-thumbnail{grid-template-columns:5rem 1fr;grid-column-gap:1.6rem;align-items:center;padding:.9rem 1.6rem}.header__search .predictive-search__image{width:5rem;height:auto;border-radius:.8rem;background-color:rgba(var(--color-foreground),.04)}.header__search .predictive-search__item-vendor{font-size:1rem;letter-spacing:.1em;color:rgba(var(--color-foreground),.55);margin-bottom:.3rem}.header__search .predictive-search__item-heading{font-size:calc(var(--font-heading-scale) * 1.3rem);font-weight:400;letter-spacing:0;line-height:1.3;color:rgb(var(--color-foreground))}.header__search .predictive-search__item .price{font-size:1.2rem;margin-top:.4rem;color:rgba(var(--color-foreground),.7)}.header__search .predictive-search__show-all{display:block;text-align:center;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:1.1rem;font-weight:600;color:rgb(var(--color-foreground));padding:1.4rem 1.6rem;border-top:1px solid rgba(var(--color-foreground),.1);transition:background-color var(--duration-short) ease}.header__search .predictive-search__show-all:hover{background-color:rgba(var(--color-foreground),.04)}.header__search .predictive-search__no-results{padding:1.6rem;font-size:1.3rem;color:rgba(var(--color-foreground),.6)}@media(prefers-reduced-motion:reduce){.header__search .search-modal,.header__search .search__button.field__button{transition:none}}}@media screen and (max-width:989px){.header__search{position:static}.header__search .search-modal{position:absolute;top:50%;left:50%;right:auto;bottom:auto;width:min(calc(100vw - 9rem),38rem);min-height:0;height:auto;background:rgba(var(--color-background),.94);-webkit-backdrop-filter:blur(14px) saturate(110%);backdrop-filter:blur(14px) saturate(110%);border:1px solid rgba(var(--color-foreground),.1);border-radius:.7rem;box-shadow:0 1rem 2rem -1rem rgba(var(--color-foreground),.22);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-50%) scale(.98);transform-origin:center;transition:opacity .22s ease,transform .32s cubic-bezier(.22,1,.36,1),visibility 0s linear .32s;z-index:4}.header__search details[open] .search-modal{width:min(calc(100vw - 9rem),38rem);left:50%;right:auto;opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%) scale(1);transition:opacity .22s ease,transform .32s cubic-bezier(.22,1,.36,1),visibility 0s}.header:has(.header__search details[open]) .header__heading,.header:has(.header__search details[open]) .header__heading-link{opacity:0;pointer-events:none;transition:opacity .18s ease}.header:has(.header__search details[open]) .header__icon--menu,.header:has(.header__search details[open]) .header__icon--cart,.header:has(.header__search details[open]) .header-drawer summary,.header:has(.header__search details[open]) #cart-icon-bubble{display:none}.header__search .search-modal__form{width:100%;max-width:100%}.header__search .field{width:100%;border-bottom:0;padding:0}.header__search .search__input.field__input,.header__search .search__input.field__input:focus,.header__search .search__input.field__input:focus-visible,.header__search .search__input.field__input:not(:placeholder-shown){height:3.6rem;padding:0 1rem 0 3rem;font-size:1.6rem}.header__search .search__button.field__button{left:.5rem;height:3.6rem;width:2.4rem}.header__search .search__button .icon{width:1.4rem;height:1.4rem}.header__search .field__label,.header__search .field__input:focus~.field__label,.header__search .field__input:not(:placeholder-shown)~.field__label,.header__search .field__input:-webkit-autofill~.field__label{left:3rem;font-size:1.05rem}.header__search .predictive-search{position:absolute;top:calc(100% + .6rem);left:0;right:0;width:auto;max-width:100%;border:1px solid rgba(var(--color-foreground),.1);border-radius:.7rem;border-top:1px solid rgba(var(--color-foreground),.1);box-shadow:0 1.2rem 2.4rem -1rem rgba(var(--color-foreground),.22);background-color:rgba(var(--color-background),.96);-webkit-backdrop-filter:blur(14px) saturate(110%);backdrop-filter:blur(14px) saturate(110%);max-height:min(38vh,30rem)!important;max-height:min(38dvh,30rem)!important;overflow-y:auto}}.predictive-search mark{background-color:rgba(var(--color-foreground),.1);color:rgb(var(--color-foreground));font-weight:600;border-radius:.2rem;padding:0 .15em}.oa-search-dim{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1001;opacity:0;visibility:hidden;clip-path:inset(var(--oa-search-dim-top, 0px) 0 0 0);-webkit-clip-path:inset(var(--oa-search-dim-top, 0px) 0 0 0)}.oa-search-dim.is-ready{transition:opacity .32s cubic-bezier(.33,0,.2,1),visibility 0s linear .32s}body.oa-search-open .oa-search-dim{opacity:1;visibility:visible}body.oa-search-open .oa-search-dim.is-ready{transition:opacity .32s cubic-bezier(.33,0,.2,1),visibility 0s}.oa-search-dim__hole{display:block!important;position:absolute;top:var(--oa-search-hole-top, 0px);left:var(--oa-search-hole-left, 0px);width:var(--oa-search-hole-w, 0px);height:var(--oa-search-hole-h, 0px);border-radius:var(--oa-search-hole-r, .6rem);box-shadow:0 0 0 100vmax #00000059}@media screen and (max-width:989px){.oa-search-dim{display:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/component-search.css.map */