.header-search{display:flex}.header-search details{position:static}.header-search__toggle{cursor:pointer;list-style:none}.header-search__toggle::-webkit-details-marker{display:none}.header-search__icons{display:flex;align-items:center;justify-content:center}.header-search__icons .icon-close{display:none}.header-search__modal{background-color:var(--color-background);inset-inline:0;opacity:0;pointer-events:none;position:absolute;top:100%;transform:translateY(-1rem);transition:opacity var(--transition-base) var(--easing-default),transform var(--transition-base) var(--easing-default),visibility 0s linear var(--transition-base);visibility:hidden;z-index:var(--z-index-modal)}details[open] .header-search__modal{opacity:1;pointer-events:auto;transform:translateY(0);transition:opacity var(--transition-base) var(--easing-default),transform var(--transition-base) var(--easing-default),visibility 0s linear 0s;visibility:visible}details[open].is-closing .header-search__modal{opacity:0;transform:translateY(-1rem)}details[open].is-closing .header-search__overlay{opacity:0}details[open].is-closing .header-search__content{transform:translateY(-.5rem)}.header-search__overlay{background-color:var(--color-overlay);top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;transition:opacity var(--transition-base) var(--easing-default);z-index:-1}details[open] .header-search__overlay{opacity:1;pointer-events:auto}.header-search__content{background-color:var(--color-background);border-bottom:var(--border-width) solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);position:relative;transform:translateY(-.5rem);transition:transform var(--transition-base) var(--easing-default)}details[open] .header-search__content{transform:translateY(0)}@media screen and (min-width:750px){.header-search__content{padding:var(--space-lg) var(--space-xl)}}.header-search__close{align-items:center;-webkit-appearance:none;appearance:none;background:none;border:none;color:var(--color-text);cursor:pointer;display:flex;height:2.4rem;justify-content:center;padding:0;position:absolute;right:var(--space-md);top:var(--space-md);width:2.4rem}@media screen and (min-width:750px){.header-search__close{right:var(--space-sm);top:var(--space-sm)}}.header-search__close:hover{opacity:.7}.header-search__close svg{height:1.6rem;width:1.6rem}.header-search__form-wrapper{display:flex;flex-direction:column;width:100%}.header-search__form{width:100%}.header-search__field{align-items:center;background-color:var(--color-background-secondary);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-md);display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);transition:border-color var(--transition-base) var(--easing-default)}.header-search__field:focus-within{border-color:var(--color-brand-primary)}.header-search__input{-webkit-appearance:none;appearance:none;background:none;border:none;color:var(--color-text);flex:1;font-family:inherit;font-size:var(--font-size-base);min-width:0;outline:none;padding:var(--space-xs) 0}.header-search__input::placeholder{color:var(--color-text-secondary)}.header-search__input::-webkit-search-cancel-button{display:none}.header-search__reset,.header-search__submit{align-items:center;-webkit-appearance:none;appearance:none;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:2rem;justify-content:center;padding:0;transition:color var(--transition-base) var(--easing-default);width:2rem}.header-search__reset:hover,.header-search__submit:hover{color:var(--color-text)}.header-search__reset svg,.header-search__submit svg{height:1.6rem;width:1.6rem}.header-search__reset.hidden,.header-search__clear-text.hidden,.header-search--dropdown .header-search__field .header-search__clear-text,.header-search--modal .header-search__field .header-search__reset{display:none}.header-search--modal .header-search__actions .header-search__clear-text{display:inline-flex}.header-search__icon{align-items:center;color:var(--color-text-secondary);display:flex;flex-shrink:0}.header-search__icon svg{height:1.6rem;width:1.6rem}.header-search__shortcut{align-items:center;display:none;gap:.25rem}@media screen and (min-width:750px){.header-search__shortcut{display:flex}}.header-search__field:focus-within .header-search__shortcut{display:none}.header-search__kbd,.predictive-search__kbd{align-items:center;background-color:var(--color-background);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-text-secondary);display:inline-flex;font-family:inherit;font-size:var(--font-size-xs);height:1.5rem;justify-content:center;min-width:1.5rem;padding:0 .25rem}.predictive-search{display:none;max-height:60vh;overflow-y:auto}predictive-search[open] .predictive-search{display:block}.predictive-search__loading{align-items:center;display:none;justify-content:center;padding:var(--space-lg)}predictive-search[loading] .predictive-search__loading{display:flex}predictive-search[loading] .predictive-search__results{opacity:.5}.predictive-search__results{transition:opacity var(--transition-base) var(--easing-default)}.predictive-search__inner{display:flex;flex-direction:column;gap:var(--space-lg)}.predictive-search__group{display:flex;flex-direction:column;gap:var(--space-sm)}.predictive-search__heading{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.1em;margin:0;text-transform:uppercase}.predictive-search__queries{display:flex;flex-wrap:wrap;gap:var(--space-xs);list-style:none;margin:0;padding:0}.predictive-search__query-item{display:inline-flex}.predictive-search__query-item[aria-selected=true] .predictive-search__pill{background-color:var(--color-text);color:var(--color-background)}.predictive-search__pill{background-color:var(--color-background-secondary);border:var(--border-width) solid var(--color-border);border-radius:9999px;color:var(--color-text);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-md);text-decoration:none;transition:background-color var(--transition-base) var(--easing-default),border-color var(--transition-base) var(--easing-default),transform var(--transition-base) var(--easing-default);white-space:nowrap}.predictive-search__pill:hover{background-color:var(--color-text);border-color:var(--color-text);color:var(--color-background);transform:scale(1.02)}.predictive-search__pill mark{background:none;color:inherit;font-weight:var(--font-weight-normal);opacity:.7}.predictive-search__products-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(2,1fr);list-style:none;margin:0;padding:0}@media screen and (max-width:749px){.predictive-search__products-grid{gap:var(--space-sm)}}@media screen and (min-width:750px){.predictive-search__products-grid{grid-template-columns:repeat(4,1fr)}}.predictive-search__product-card{border-radius:var(--border-radius-sm);transition:background-color var(--transition-base) var(--easing-default)}.predictive-search__product-card[aria-selected=true]{background-color:var(--color-background-secondary)}.predictive-search__product-link{color:var(--color-text);display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm);text-align:center;text-decoration:none}.predictive-search__product-link:hover .predictive-search__product-title{text-decoration:underline}.predictive-search__product-image{aspect-ratio:3 / 4;border-radius:var(--product-radius, var(--border-radius-sm));overflow:hidden;width:100%}.predictive-search__product-image img{display:block;height:100%;object-fit:cover;width:100%}.predictive-search__product-info{align-items:center;display:flex;flex-direction:column;gap:var(--space-2xs)}.predictive-search__product-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.3}.predictive-search__product-price{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.predictive-search__price--sale{color:var(--color-sale)}.predictive-search__price--compare{margin-left:var(--space-xs);text-decoration:line-through}.predictive-search__product-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-xs);justify-content:center}.predictive-search__product-colors{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.predictive-search__group--carousel{overflow:hidden}.predictive-search__carousel{display:flex;gap:var(--space-md);list-style:none;margin:0;overflow-x:auto;padding:var(--space-xs) 0;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.predictive-search__carousel::-webkit-scrollbar{display:none}.predictive-search__carousel{cursor:grab;touch-action:pan-y}.predictive-search__carousel.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.predictive-search__carousel.is-dragging *{pointer-events:none}.predictive-search__carousel-item{flex:0 0 auto;scroll-snap-align:start;width:45%}@media screen and (min-width:750px){.predictive-search__carousel-item{width:25%}}.predictive-search__carousel-item[aria-selected=true] .predictive-search__resource-card{border-color:var(--color-brand-primary)}.predictive-search__resource-card{background-color:var(--color-background);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text);display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:border-color var(--transition-base) var(--easing-default),transform var(--transition-base) var(--easing-default),box-shadow var(--transition-base) var(--easing-default)}.predictive-search__resource-card:hover{border-color:var(--color-text);box-shadow:var(--shadow-md);transform:translateY(-2px)}.predictive-search__resource-card--text{padding:var(--space-md)}.predictive-search__resource-image{aspect-ratio:4 / 3;overflow:hidden}.predictive-search__resource-image img{display:block;height:100%;object-fit:cover;width:100%}.predictive-search__resource-image--placeholder{align-items:center;background-color:var(--color-background-secondary);display:flex;justify-content:center}.predictive-search__resource-image--placeholder svg{height:3rem;opacity:.3;width:3rem}.predictive-search__resource-title{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.3;padding:var(--space-sm)}.predictive-search__resource-card--text .predictive-search__resource-title{padding:0}.predictive-search__view-all{display:flex;justify-content:center;margin-top:var(--space-lg);padding-top:var(--space-md)}.predictive-search__view-all-button{align-items:center;background-color:var(--color-text);border:none;border-radius:9999px;color:var(--color-background);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-xs);justify-content:center;padding:var(--space-sm) var(--space-xl);text-decoration:none;transition:background-color var(--transition-base) var(--easing-default),transform var(--transition-base) var(--easing-default)}.predictive-search__view-all-button:hover{background-color:var(--color-text-secondary);transform:scale(1.02)}.predictive-search__no-results{color:var(--color-text-secondary);padding:var(--space-lg);text-align:center}.predictive-search__no-results p{margin:0}.loading-spinner{display:inline-flex}.loading-spinner__icon{animation:spin 1s linear infinite;height:2rem;width:2rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.predictive-search__recently-viewed,.predictive-search__default-collection{display:flex;flex-direction:column;gap:var(--space-md)}.predictive-search__group-header{align-items:center;display:flex;gap:var(--space-md);justify-content:space-between}.predictive-search__clear-button{-webkit-appearance:none;appearance:none;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);padding:0;text-decoration:underline;transition:color var(--transition-base) var(--easing-default)}.predictive-search__clear-button:hover{color:var(--color-text)}.predictive-search__recently-viewed.is-removing{animation:fade-out-up .3s ease-out forwards}@keyframes fade-out-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-1rem)}}.predictive-search__hint{align-items:center;border-top:var(--border-width) solid var(--color-border);color:var(--color-text-secondary);display:none;font-size:var(--font-size-sm);gap:var(--space-xs);justify-content:center;margin-top:var(--space-lg);padding-top:var(--space-md)}@media screen and (min-width:750px){.predictive-search__hint{display:flex}}.predictive-search__hint-text{margin-right:var(--space-xs)}.predictive-search__empty-state{padding:var(--space-md) 0}body.overflow-hidden,html:has(body.overflow-hidden){overflow:hidden}.header-search--modal .header-search__modal{align-items:center;background-color:transparent;display:flex;right:0;bottom:0;left:0;justify-content:center;position:fixed;top:0}.header-search--modal .header-search__content{background-color:var(--color-background);border:none;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-height:calc(100vh - var(--space-xl) * 2);max-width:600px;overflow:hidden;padding:0;transform:scale(.95) translateY(-1rem);width:calc(100% - var(--space-md) * 2)}@media screen and (min-width:750px){.header-search--modal .header-search__content{max-height:calc(100vh - var(--space-2xl) * 2);width:100%}}.header-search--modal details[open] .header-search__content{transform:scale(1) translateY(0)}.header-search--modal details[open].is-closing .header-search__content{transform:scale(.95) translateY(-1rem)}.header-search--modal .header-search__form-wrapper{display:flex;flex-direction:column}.header-search--modal .header-search__form{border-bottom:var(--border-width) solid var(--color-border);padding:var(--space-md)}@media screen and (min-width:750px){.header-search--modal .header-search__form{padding:var(--space-md) var(--space-lg)}}.header-search--modal .header-search__field{background-color:transparent;border:none;border-radius:0;padding:0}.header-search--modal .header-search__field:focus-within{border-color:transparent}.header-search--modal .header-search__input{font-size:var(--font-size-md);padding:var(--space-xs) 0}.header-search--modal .header-search__close{position:absolute;right:var(--space-md);top:var(--space-md)}@media screen and (min-width:750px){.header-search--modal .header-search__close{right:var(--space-lg)}}.header-search--modal .predictive-search{max-height:calc(100vh - 200px);overflow-y:auto;padding:var(--space-md)}@media screen and (min-width:750px){.header-search--modal .predictive-search{max-height:calc(100vh - 250px);padding:var(--space-md) var(--space-lg) var(--space-lg)}}.header-search--modal .predictive-search__view-all{background:linear-gradient(to top,var(--color-background) 80%,transparent);bottom:0;padding-bottom:var(--space-md);position:sticky}.header-search__actions{align-items:center;display:flex;gap:var(--space-sm);margin-left:var(--space-sm)}.header-search__clear-text{-webkit-appearance:none;appearance:none;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);padding:0;text-decoration:none;transition:color var(--transition-base) var(--easing-default);white-space:nowrap}.header-search__clear-text:hover{color:var(--color-text)}.header-search__divider{background-color:var(--color-border);height:1.5rem;width:1px}.header-search__clear-text.hidden+.header-search__divider{display:none}.header-search__close-inline{align-items:center;-webkit-appearance:none;appearance:none;background:none;border:none;color:var(--color-text);cursor:pointer;display:flex;height:2rem;justify-content:center;padding:0;width:2rem}.header-search__close-inline:hover{opacity:.7}.header-search__close-inline svg{height:1.25rem;width:1.25rem}.header-search--modal .header-search__close,.header-search--panel .header-search__icons .icon-close{display:none}.header-search--panel details[open] .header-search__icons .icon-close{display:none}.header-search--panel details[open] .header-search__icons .icon-search{display:block}.header-search--panel .header-search__modal{background-color:transparent;inset-inline:0}.header-search--panel .header-search__content{border-bottom:var(--border-width) solid var(--color-border);max-height:calc(100svh - var(--panel-top, 6rem));overflow-y:auto;padding:var(--space-xl) var(--space-lg) 5rem;transform:translateY(-.5rem)}@media screen and (min-width:750px){.header-search--panel .header-search__content{padding:var(--space-xl) var(--space-2xl) 5rem}}@media screen and (min-width:990px){.header-search--panel .header-search__content{max-height:calc(100svh - var(--panel-top, 6rem));overflow-y:auto;padding:var(--space-2xl) var(--space-3xl) 5rem}}.header-search--panel details[open] .header-search__content{transform:translateY(0)}.header-search--panel .header-search__close{position:absolute;right:var(--space-lg);top:var(--space-md)}@media screen and (min-width:990px){.header-search--panel .header-search__close{right:var(--space-2xl);top:var(--space-2xl)}}.header-search__panel-heading{margin:0}.header-search--panel .header-search__form-wrapper{display:flex;flex-direction:column;gap:var(--space-lg)}@media screen and (min-width:990px){.header-search--panel .header-search__form-wrapper{display:grid;gap:0 var(--space-3xl);grid-template-columns:30rem 1fr}.header-search__panel-top{grid-column:1;grid-row:1}.header-search__panel-right{grid-column:2;grid-row:1}.header-search--panel .predictive-search{grid-column:1 / -1;grid-row:2}}.header-search__panel-top{display:flex;flex-direction:column;gap:var(--space-lg)}.header-search__panel-search-bar{align-items:center;display:flex;gap:var(--space-xl)}.header-search__panel-search-bar .header-search__form{flex:1}.header-search__panel-right{min-width:0;padding-top:3rem;width:100%}@media screen and (min-width:990px){.header-search__panel-right{padding-top:8rem}}.header-search__panel-heading{font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);letter-spacing:.05em;line-height:1.1;margin:0;text-transform:uppercase}@media screen and (min-width:990px){.header-search__panel-heading{font-size:var(--font-size-3xl)}}.header-search__results-count{color:var(--color-text-secondary);display:none;flex-shrink:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.header-search--panel .header-search__field{background-color:transparent;border:none;border-bottom:2px solid rgb(var(--color-foreground-rgb));border-radius:0;flex-direction:row-reverse;gap:var(--space-sm);padding:0}.header-search--panel .header-search__field:focus-within{border-color:rgb(var(--color-foreground-rgb))}.header-search--panel .header-search__input{font-size:var(--font-size-md);order:1}.header-search--panel .header-search__input::placeholder{color:var(--color-text-secondary)}.header-search--panel .header-search__submit{-webkit-appearance:none;appearance:none;background:none;border:none;color:rgb(var(--color-foreground-rgb));cursor:pointer;display:flex;flex-shrink:0;order:0;padding:0}.header-search--panel .header-search__submit svg{height:1.6rem;width:1.6rem}.header-search--panel .header-search__reset{order:2}.header-search__quicklinks{display:flex;flex-direction:column;gap:var(--space-sm)}.header-search__quicklinks-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.1em;margin:0;text-transform:uppercase}.header-search__quicklinks-list{display:flex;flex-direction:column;gap:var(--space-xs);list-style:none;margin:0;padding:0}.header-search__quicklinks-link{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-light);letter-spacing:.05em;text-decoration:none;text-transform:uppercase;transition:color var(--transition-base) var(--easing-default)}.header-search__quicklinks-link:hover{color:var(--color-text-secondary)}predictive-search.is-searching .header-search__quicklinks{display:none}predictive-search.is-searching .header-search__panel-right{display:none}predictive-search.is-searching .header-search__results-count{display:block}@media screen and (min-width:990px){predictive-search.is-searching .header-search__panel-top{grid-column:1 / -1}predictive-search.is-searching .header-search__panel-search-bar .header-search__form{max-width:50%}.header-search--panel predictive-search.is-searching{row-gap:var(--space-2xl)}}predictive-search.is-searching[open] .predictive-search,predictive-search.is-searching[loading] .predictive-search{display:block}.header-search--panel .predictive-search{display:none;max-height:none;overflow-y:visible}.predictive-search__queries--panel-hidden,.predictive-search__group--panel-hidden,.predictive-search__view-all--panel-hidden,.predictive-search__panel-results-count{display:none}.header-search--panel .predictive-search__product-link{text-align:left}.header-search--panel .predictive-search__product-info{align-items:flex-start}.header-search--panel .predictive-search__product-meta{justify-content:flex-start}.header-search--panel .predictive-search__products-grid{grid-template-columns:repeat(2,1fr);width:100%}.header-search--panel .predictive-search__product-card{min-width:0;overflow:hidden}@media screen and (min-width:990px){.header-search--panel .predictive-search__products-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1400px){.header-search--panel .predictive-search__products-grid{grid-template-columns:repeat(4,1fr)}}.header-search--panel .header-search__panel-right,.header-search--panel .header-search__quicklinks{transition:opacity .15s ease}predictive-search.is-panel-fade-out-empty .header-search__panel-right,predictive-search.is-panel-fade-out-empty .header-search__quicklinks{opacity:0}predictive-search.is-panel-fade-in-empty .header-search__panel-right,predictive-search.is-panel-fade-in-empty .header-search__quicklinks{animation:panel-state-fade-in .15s ease both}predictive-search.is-results-appearing .predictive-search{animation:panel-state-fade-in .15s ease both}@keyframes panel-state-fade-in{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/275/assets/header-search.css.map */