.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__modal{background-color:var(--color-background);inset-inline:0;opacity:0;pointer-events:none;position:absolute;top:100%;transform:translateY(-1rem);transition:opacity var(--duration-medium) var(--easing-default),transform var(--duration-medium) var(--easing-default),visibility 0s linear var(--duration-medium);visibility:hidden;z-index:var(--z-index-modal)}details[open] .header-search__modal{opacity:1;pointer-events:auto;transform:translateY(0);transition:opacity var(--duration-medium) var(--easing-default),transform var(--duration-medium) 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(--duration-medium) var(--easing-default);z-index:-1}details[open] .header-search__overlay{opacity:1;pointer-events:auto;width:var(--overlay-viewport-width, 100vw)}.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(--duration-medium) 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__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-contrast);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(--duration-medium) 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__close{align-items:center;-webkit-appearance:none;appearance:none;background:none;border:none;color:var(--color-text);cursor:pointer;display:flex;flex-shrink:0;height:2rem;justify-content:center;padding:0;transition:color var(--duration-medium) var(--easing-default);width:2rem}.header-search__close:hover{color:var(--color-text-secondary)}.header-search__close svg{height:1.6rem;width:1.6rem}.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(--duration-medium) 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__products-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(2,1fr);list-style:none;margin:0;padding:0}@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(--duration-medium) var(--easing-default)}.predictive-search__product-card[aria-selected=true]{background-color:var(--color-background-contrast)}.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:4 / 5;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__group--carousel{overflow:hidden}.predictive-search__group--carousel .theme-slider{--grid-gutter-horizontal: var(--space-md)}.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(--duration-medium) var(--easing-default),transform var(--duration-medium) var(--easing-default),box-shadow var(--duration-medium) 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-contrast);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(--duration-medium) var(--easing-default),transform var(--duration-medium) 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(--duration-medium) 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{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}details[open] .header-search--modal .header-search__modal{width:var(--overlay-viewport-width, 100vw)}.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-base);padding:var(--space-xs) 0}.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}
/*# sourceMappingURL=/cdn/shop/t/482/assets/header-search.css.map */