.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--dropdown .header-search__overlay{top:var(--header-group-bottom, var(--header-height, 0px))}.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)}.header-search__content:focus,.header-search__content:focus-visible{outline:none}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{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-regular);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-regular);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-regular);line-height:1.3;padding:var(--space-sm)}.predictive-search__resource-card--text .predictive-search__resource-title{padding:0}.predictive-search__suggested-queries{display:flex;flex-direction:column;gap:var(--space-md);list-style:none;margin:0 0 var(--space-lg);padding-inline:var(--space-fixed-20)}.predictive-search__suggested-query-link{color:var(--color-text);display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-light);line-height:var(--line-height-normal);overflow-wrap:anywhere;text-decoration:none}.predictive-search__suggested-query-link .highlight,.predictive-search__suggested-query-link mark{background-color:transparent;color:inherit;font-weight:var(--font-weight-regular);text-decoration:none}.predictive-search__suggested-queries--no-highlight .predictive-search__suggested-query-link .highlight,.predictive-search__suggested-queries--no-highlight .predictive-search__suggested-query-link mark{font-weight:inherit}.predictive-search__suggested-query-link:hover,.predictive-search__suggested-query[aria-selected=true] .predictive-search__suggested-query-link{text-decoration:underline}.header-search--modal .predictive-search__suggested-queries{margin-bottom:var(--space-2xl);margin-inline:auto;margin-top:calc(var(--space-lg) - var(--space-2xl));max-width:600px;width:100%}.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-regular);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}.predictive-search__loading .icon .spinner{height:2.4rem;width:2.4rem}.predictive-search__recently-viewed,.predictive-search__default-collection{display:flex;flex-direction:column;gap:var(--space-md)}.predictive-search__empty-state{padding:var(--space-md) 0}body.overflow-hidden{overflow:hidden}.header-search--modal .header-search__overlay{display:none}.header-search--modal .header-search__modal{background-color:var(--color-background);border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100vh;height:100dvh;right:0;bottom:0;left:0;overflow-y:auto;padding:var(--space-xl);position:fixed;top:0;transform:none;width:100vw}@media screen and (min-width:1024px){.header-search--modal .header-search__modal{padding:var(--space-xl) var(--space-4xl)}}.header-search--modal .header-search__header{align-items:center;display:flex;height:24px;justify-content:space-between}.header-search--modal .header-search__logo{align-items:center;color:var(--color-text-brand);display:flex}.header-search--modal .header-search__logo img{display:block;height:auto;width:171px}.header-search--modal .header-search__close{align-items:center;color:var(--color-text);display:flex;height:2.4rem;justify-content:center;width:2.4rem}.header-search--modal .header-search__close svg{height:var(--icon-size-md);width:var(--icon-size-md)}.header-search--modal .header-search__content{background-color:transparent;border-bottom:none;display:flex;flex:1;flex-direction:column;gap:var(--space-2xl);padding:0;transform:none}.header-search--modal .header-search__form-wrapper{display:flex;flex-direction:column;gap:var(--space-2xl)}.header-search--modal .header-search__form{border-bottom:none;margin-inline:auto;max-width:600px;padding:0;width:100%}.search-field{align-items:center;background-color:transparent;border:var(--border-width) solid var(--color-border-subtle);border-radius:0;display:flex;gap:var(--space-fixed-10);padding:var(--space-fixed-20);position:relative;transition:border-color var(--duration-medium) var(--easing-default)}.search-field:focus-within{border-color:var(--color-text-brand)}.search-field__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);font-weight:var(--font-weight-light);line-height:var(--line-height-normal);min-width:0;outline:none;padding:0}.search-field__input::placeholder{color:var(--color-text-tertiary)}.search-field__input::-webkit-search-cancel-button{display:none}.header-search--modal .header-search__shortcut{display:none}@media screen and (min-width:1024px)and (hover:hover)and (pointer:fine){.header-search--modal .header-search__shortcut{display:flex}.search-field:focus-within .header-search__shortcut{display:none}}.search-field__clear{align-items:center;-webkit-appearance:none;appearance:none;background:none;border:none;color:var(--color-text);cursor:pointer;display:none;flex-shrink:0;height:2.4rem;justify-content:center;padding:0;width:2.4rem}.search-field__input:not(:placeholder-shown)~.search-field__clear{display:flex}.search-field__clear svg{height:var(--icon-size-md);width:var(--icon-size-md)}.header-search--modal .predictive-search__no-results{color:var(--color-text);font-size:var(--font-size-base);line-height:var(--line-height-normal);margin-bottom:var(--space-2xl);margin-inline:auto;max-width:600px;padding:0;text-align:center}.header-search--modal .predictive-search{max-height:none;overflow:visible;padding:0}.header-search--modal .predictive-search__empty-state{padding-top:0}.header-search--modal .predictive-search__inner,.header-search--modal .predictive-search__group{gap:var(--space-2xl)}.header-search--modal .predictive-search__heading{color:var(--color-text);font-family:var(--font-family-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-extralight);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-tight);margin:0;text-align:center;text-transform:none;width:100%}.header-search--modal .predictive-search__products-grid{gap:var(--space-fixed-20) var(--space-xs);grid-template-columns:repeat(2,1fr);margin-inline:calc(-1 * var(--space-xl));padding-inline:var(--space-sm)}@media screen and (min-width:1024px){.header-search--modal .predictive-search__products-grid{gap:var(--grid-gutter-desktop-vertical) var(--grid-gutter-desktop-horizontal);grid-template-columns:repeat(4,1fr);margin-inline:0;padding-inline:0}}.header-search--modal .predictive-search__product-card[aria-selected=true]{background-color:transparent}.header-search--modal .predictive-search__recent-searches{text-align:center}.header-search--modal .predictive-search__recent-searches[hidden]{display:none}.header-search--modal .predictive-search__recent-chips{margin-inline:calc(-1 * var(--space-xl))}.header-search--modal .predictive-search__recent-chips .theme-drag-scroll__list{gap:var(--space-sm);padding-inline:var(--space-xl)}@media screen and (min-width:1024px){.header-search--modal .predictive-search__recent-chips{margin-inline:calc(-1 * var(--space-4xl))}}.header-search--modal .predictive-search__recent-chip{align-items:center;background-color:var(--color-brand-secondary);border-radius:var(--border-radius-none);display:inline-flex;flex-shrink:0;gap:var(--space-fixed-20);justify-content:center;padding:var(--space-fixed-12) var(--space-md);position:relative}.header-search--modal .predictive-search__recent-chip-label{color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-light);letter-spacing:var(--letter-spacing-wide);line-height:var(--line-height-snug);text-decoration:none;text-transform:uppercase;white-space:nowrap}.header-search--modal .predictive-search__recent-chip-label:after{content:"";top:0;right:0;bottom:0;left:0;position:absolute}.header-search--modal .header-search__recent-remove{align-items:center;-webkit-appearance:none;appearance:none;background:none;border:none;color:inherit;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:0;position:relative;transition:opacity var(--duration-fast) var(--easing-default);z-index:1}.header-search--modal .header-search__recent-remove:hover{opacity:.7}.header-search--modal .predictive-search__suggested-searches{text-align:center}predictive-search:has(#predictive-search-results:not(.predictive-search__empty-state)) .predictive-search__suggested-searches{display:none}.header-search--modal .predictive-search__suggested-tags{margin-inline:calc(-1 * var(--space-xl))}.header-search--modal .predictive-search__suggested-tags .theme-drag-scroll__list{gap:var(--space-md);padding-inline:var(--space-xl)}@media screen and (min-width:1024px){.header-search--modal .predictive-search__suggested-tags{margin-inline:calc(-1 * var(--space-4xl))}}.header-search--modal .predictive-search__suggested-tag{color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-light);letter-spacing:var(--letter-spacing-wide);line-height:var(--line-height-snug);text-decoration:none;text-transform:uppercase;white-space:nowrap}.header-search--modal .predictive-search__view-all{margin-top:0;padding-top:var(--space-2xl)}.header-search--modal .predictive-search__view-all-button{background-color:var(--color-primary-button);border-radius:0;color:var(--color-primary-button-label);font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-ultra);line-height:var(--line-height-snug);padding:var(--space-lg) var(--space-2xl);text-transform:uppercase}.header-search--modal .predictive-search__view-all-button:hover{background-color:var(--color-primary-button-hover);transform:none}
/*# sourceMappingURL=/cdn/shop/t/111/assets/header-search.css.map */