@layer components{.block-header-search__wrapper{position:relative}.header-search-block{position:relative;border-radius:50%;border:none;background:transparent;cursor:pointer;color:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.header-search-block:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:currentColor;opacity:0;transform:scale(.8);transition:all .4s cubic-bezier(.4,0,.2,1)}.header-search-block:hover:before{opacity:.08;transform:scale(1)}.header-search-block:active:before{opacity:.12;transform:scale(.95)}.header-search-block svg{position:relative;z-index:1;transition:transform .3s cubic-bezier(.4,0,.2,1)}.header-search-block:hover svg{transform:scale(1.1) rotate(-5deg)}.header-search-block:focus-visible{outline:2px solid currentColor;outline-offset:2px}.theme-dialog.header-search-dialog{width:min(94vw,56rem);min-width:min(94vw,50rem);max-height:85vh;padding:0;border:none;border-radius:1.25rem;background:var(--color-background, #fff);color:var(--color-foreground, #111);box-shadow:0 0 0 1px #0000000d,0 8px 16px #0000000f,0 24px 56px #0000001f;opacity:0;transition:opacity var(--overlay-duration) var(--overlay-ease-enter),overlay var(--overlay-duration) var(--overlay-ease-enter) allow-discrete,display var(--overlay-duration) var(--overlay-ease-enter) allow-discrete}.theme-dialog.header-search-dialog[open]{opacity:1}@starting-style{.theme-dialog.header-search-dialog[open]{opacity:0}}.theme-dialog.header-search-dialog.showing,.theme-dialog.header-search-dialog.hiding,.theme-dialog.header-search-dialog.showing::backdrop,.theme-dialog.header-search-dialog.hiding::backdrop{animation:none}.theme-dialog.header-search-dialog::backdrop{background:var(--modal-backdrop-background);opacity:0;transition:opacity var(--overlay-duration) var(--overlay-ease-enter),overlay var(--overlay-duration) var(--overlay-ease-enter) allow-discrete,display var(--overlay-duration) var(--overlay-ease-enter) allow-discrete}.theme-dialog.header-search-dialog[open]::backdrop{opacity:1}@starting-style{.theme-dialog.header-search-dialog[open]::backdrop{opacity:0}}.header-search-modal__inner{position:relative;z-index:2;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;max-height:85vh;overflow:auto;transform:scale(.95) translateY(-10px);transition:transform var(--overlay-duration) var(--overlay-ease-enter)}.theme-dialog.header-search-dialog[open] .header-search-modal__inner{transform:scale(1) translateY(0)}@starting-style{.theme-dialog.header-search-dialog[open] .header-search-modal__inner{transform:scale(.95) translateY(-10px)}}@media screen and (min-width:640px){.header-search-modal__inner{padding:2rem}}.header-search-modal__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;animation:slideDown .5s cubic-bezier(.34,1.56,.64,1)}.header-search-modal__title{margin:0;font-size:1.125rem;text-transform:none}.header-search-modal__close{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:none;border-radius:50%;background:transparent;cursor:pointer;color:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.header-search-modal__close:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:currentColor;opacity:0;transform:scale(.8);transition:all .3s cubic-bezier(.4,0,.2,1)}.header-search-modal__close:hover:before{opacity:.1;transform:scale(1)}.header-search-modal__close:active:before{opacity:.15;transform:scale(.9)}.header-search-modal__close svg{position:relative;z-index:1;transition:transform .3s cubic-bezier(.4,0,.2,1)}.header-search-modal__close:hover svg{transform:rotate(90deg)}.header-search-modal__close:focus-visible{outline:2px solid currentColor;outline-offset:2px}.predictive-search__form{position:relative;animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) .1s both}.predictive-search__label{display:block;margin-bottom:.75rem;font-weight:var(--paragraph-font-weight)}.predictive-search__field{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.875rem 1.125rem;border:2px solid transparent;border-radius:999px;background:#00000008;transition:all .4s cubic-bezier(.4,0,.2,1)}.predictive-search__field:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:999px;background:linear-gradient(135deg,currentColor,transparent);opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1);pointer-events:none}.predictive-search__field:focus-within{background:#00000005;border-color:currentColor;box-shadow:0 0 0 4px #0000000a,0 8px 24px #00000014,0 0 32px #0000000f;transform:translateY(-1px)}@media(hover:hover){.predictive-search__field:hover{background:#0000000a;border-color:#00000026}}.predictive-search__field:focus-within:before{opacity:.08}.predictive-search__icon{position:relative;z-index:1;width:1.25rem;height:1.25rem;opacity:.6;transition:all .3s cubic-bezier(.4,0,.2,1)}.predictive-search__field:focus-within .predictive-search__icon{opacity:1;transform:scale(1.1)}.predictive-search__input{position:relative;z-index:1;width:100%;border:none;background:transparent;font:inherit;color:inherit;outline:none;font-size:1rem}.predictive-search__input::placeholder{color:currentColor;opacity:.5;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.predictive-search__input:focus::placeholder{opacity:.35}.predictive-search__input::-webkit-search-cancel-button{display:none}.predictive-search__submit{position:relative;z-index:1;white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.predictive-search__field .predictive-search__submit{border-radius:999px;transform-origin:center}.predictive-search__submit:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.predictive-search__submit:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0003}.predictive-search__submit:hover:before{opacity:1}.predictive-search__submit:active{transform:translateY(0);box-shadow:0 2px 8px #00000026}.predictive-search__submit:focus-visible{outline:2px solid currentColor;outline-offset:2px}.theme-dialog.header-search-dialog .predictive-search__results,.theme-dialog.header-search-dialog .predictive-search__empty-state{position:static;max-height:min(50vh,28rem);overflow:auto;margin-top:.75rem}.predictive-search__empty-state{position:absolute;top:calc(100% + .5rem);left:0;right:0;z-index:5;max-height:24rem;overflow:auto;border:1px solid rgba(0,0,0,.08);border-radius:1.25rem;background:var(--color-background, #fff);box-shadow:0 0 0 1px #0000000a,0 16px 32px #0000001f,0 4px 8px #0000000a;opacity:0;transform:translateY(-8px);animation:fadeInDown .3s cubic-bezier(.4,0,.2,1) forwards}.predictive-search__empty-state[hidden]{display:none}.predictive-search__results{position:absolute;top:calc(100% + .5rem);left:0;right:0;z-index:5;max-height:24rem;overflow:auto;border:1px solid rgba(0,0,0,.08);border-radius:1.25rem;background:var(--color-background, #fff);box-shadow:0 0 0 1px #0000000a,0 16px 32px #0000001f,0 4px 8px #0000000a;opacity:0;transform:translateY(-8px);animation:fadeInDown .3s cubic-bezier(.4,0,.2,1) forwards}.predictive-search__results[hidden]{display:none}.search-page .predictive-search__results{position:static;max-height:none;margin-top:1rem}.predictive-search-results{padding:.875rem}.predictive-search-results__group{animation:staggerIn .4s cubic-bezier(.4,0,.2,1) backwards}.predictive-search-results__group:nth-child(2){animation-delay:.05s}.predictive-search-results__group:nth-child(3){animation-delay:.1s}.predictive-search-results__group:nth-child(4){animation-delay:.15s}.predictive-search-results__group+.predictive-search-results__group{margin-top:1.125rem;padding-top:1.125rem;border-top:1px solid var(--color-separator)}.predictive-search-results__heading{margin:0 0 .625rem;font-size:.6875rem;font-weight:var(--subheading-font-weight);letter-spacing:.08em;text-transform:uppercase;opacity:.65}.predictive-search-results__list{list-style:none;margin:0;padding:0}.predictive-search-results__item{animation:fadeInUp .3s cubic-bezier(.4,0,.2,1) backwards}.predictive-search-results__item:nth-child(1){animation-delay:.03s}.predictive-search-results__item:nth-child(2){animation-delay:.06s}.predictive-search-results__item:nth-child(3){animation-delay:.09s}.predictive-search-results__item:nth-child(4){animation-delay:.12s}.predictive-search-results__item:nth-child(5){animation-delay:.15s}.predictive-search-results__item:nth-child(6){animation-delay:.18s}.predictive-search-results__item+.predictive-search-results__item{margin-top:.375rem}.predictive-search-results__link,.predictive-search-results__product{position:relative;display:block;padding:.625rem .875rem;border-radius:.875rem;text-decoration:none;color:inherit;transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.predictive-search-results__link:before,.predictive-search-results__product:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:currentColor;opacity:0;transition:opacity .25s cubic-bezier(.4,0,.2,1)}.predictive-search-results__link:after,.predictive-search-results__product:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,currentColor 0%,transparent 70%);opacity:0;transform:scale(0);transition:all .5s cubic-bezier(.4,0,.2,1)}.predictive-search-results__link:hover:before,.predictive-search-results__product:hover:before{opacity:.06}.predictive-search-results__link:hover,.predictive-search-results__product:hover{transform:translate(2px)}.predictive-search-results__link.is-active:before,.predictive-search-results__product.is-active:before{opacity:.08}.predictive-search-results__link.is-active,.predictive-search-results__product.is-active{transform:translate(2px)}.predictive-search-results__link:active:before,.predictive-search-results__product:active:before{opacity:.1}.predictive-search-results__link:active:after,.predictive-search-results__product:active:after{opacity:.15;transform:scale(1);transition:all 0s}.predictive-search-results__product{display:flex;align-items:center;gap:.875rem}.predictive-search-results__product-image{position:relative;width:3.25rem;height:3.25rem;object-fit:cover;border-radius:.625rem;flex-shrink:0;box-shadow:0 2px 8px #00000014;transition:transform .3s cubic-bezier(.4,0,.2,1);animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1) backwards}.predictive-search-results__item:nth-child(1) .predictive-search-results__product-image{animation-delay:.08s}.predictive-search-results__item:nth-child(2) .predictive-search-results__product-image{animation-delay:.12s}.predictive-search-results__item:nth-child(3) .predictive-search-results__product-image{animation-delay:.16s}.predictive-search-results__item:nth-child(4) .predictive-search-results__product-image{animation-delay:.2s}.predictive-search-results__item:nth-child(5) .predictive-search-results__product-image{animation-delay:.24s}.predictive-search-results__item:nth-child(6) .predictive-search-results__product-image{animation-delay:.28s}.predictive-search-results__product:hover .predictive-search-results__product-image{transform:scale(1.05) rotate(-2deg);box-shadow:0 4px 16px #0000001f}.predictive-search-results__product-info{position:relative;display:flex;flex-direction:column;gap:.25rem;min-width:0}.predictive-search-results__product-title{font-weight:var(--font-product-card-title-font-weight);line-height:1.3}.predictive-search-results__product-price{font-size:.875rem;opacity:.7;font-weight:var(--font-product-card-price-font-weight)}.predictive-search-results__footer{margin-top:.875rem;padding-top:.875rem;border-top:1px solid var(--color-separator);animation:fadeInUp .4s cubic-bezier(.4,0,.2,1) .3s backwards}.predictive-search-results__view-all{position:relative;display:block;padding:.875rem 1rem;border-radius:.875rem;text-align:center;text-decoration:none;font-weight:var(--paragraph-font-weight);color:inherit;background:#00000008;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.predictive-search-results__view-all:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:currentColor;opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.predictive-search-results__view-all:after{content:"\2192";position:relative;margin-left:.5rem;display:inline-block;transition:transform .3s cubic-bezier(.4,0,.2,1)}.predictive-search-results__view-all:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.predictive-search-results__view-all:hover:before{opacity:.08}.predictive-search-results__view-all:hover:after{transform:translate(4px)}.predictive-search-results__view-all:active{transform:translateY(0)}.predictive-search-results__view-all:focus-visible{outline:2px solid currentColor;outline-offset:2px}.predictive-search.is-loading .predictive-search__field{opacity:.8}.predictive-search.is-loading .predictive-search__icon{animation:pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}.predictive-search-results__empty{padding:3rem 1.5rem;text-align:center;animation:fadeInUp .4s cubic-bezier(.4,0,.2,1)}.predictive-search-results__empty-icon{width:3.5rem;height:3.5rem;margin:0 auto 1rem;opacity:.3;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.predictive-search-results__empty-text{font-size:.9375rem;opacity:.7;margin:0}.header-search-empty-state__categories{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.header-search-empty-state__category-item{margin:0}.header-search-empty-state__category{display:inline-flex;align-items:center;padding:.5rem .875rem;border:1px solid color-mix(in srgb,var(--color-foreground) 12%,transparent);border-radius:999px;color:var(--color-foreground);font-size:var(--paragraph-size-mobile);line-height:var(--paragraph-line-height);text-decoration:none;transition:background-color .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1)}@media(min-width:640px)and (max-width:879px){.header-search-empty-state__category{font-size:var(--paragraph-size-tablet)}}@media(min-width:880px){.header-search-empty-state__category{font-size:var(--paragraph-size-desktop)}}@media(hover:hover){.header-search-empty-state__category:hover{background-color:color-mix(in srgb,var(--color-foreground) 6%,transparent);border-color:color-mix(in srgb,var(--color-foreground) 20%,transparent);transform:translateY(-1px)}}.header-search-empty-state__category:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.header-search-empty-state__category.is-active{background-color:color-mix(in srgb,var(--color-foreground) 8%,transparent);border-color:color-mix(in srgb,var(--color-foreground) 24%,transparent)}.header-search-empty-state__products{display:grid;grid-template-columns:1fr;gap:.75rem;list-style:none;margin:0;padding:0}@media(min-width:640px)and (max-width:879px){.header-search-empty-state__products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:880px){.header-search-empty-state__products{grid-template-columns:repeat(3,minmax(0,1fr))}}.header-search-empty-state__product-item{margin:0;min-width:0}.header-search-empty-state__product-card.product-card{height:100%}.js-enabled .header-search-empty-state .product-card{opacity:1;transform:none}.header-search-empty-state__product-card .product-card__wrapper{aspect-ratio:1 / 1}.header-search-empty-state__product-card .product-card__details{padding-block:.5rem}.header-search-empty-state__product-card .product-card-title{font-size:var(--paragraph-size-mobile);line-height:var(--paragraph-line-height)}@media(min-width:640px)and (max-width:879px){.header-search-empty-state__product-card .product-card-title{font-size:var(--paragraph-size-tablet)}}@media(min-width:880px){.header-search-empty-state__product-card .product-card-title{font-size:var(--paragraph-size-desktop)}}@media(hover:hover){.predictive-search-results__link:hover .predictive-search-results__product-title,.predictive-search-results__product:hover .predictive-search-results__product-title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes staggerIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.predictive-search__results:before,.predictive-search__results:after{content:"";position:sticky;left:0;right:0;height:2rem;pointer-events:none;z-index:1;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.predictive-search__results:before{top:0;background:linear-gradient(to bottom,var(--color-background, #fff) 0%,rgba(255,255,255,0) 100%)}.predictive-search__results:after{bottom:0;background:linear-gradient(to top,var(--color-background, #fff) 0%,rgba(255,255,255,0) 100%)}.predictive-search-results__product-image[style*="animation: pulse"],.predictive-search-results__product-info>div[style*="animation: pulse"]{background:linear-gradient(90deg,#0000000a,#00000014,#0000000a)!important;background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite!important}@media(prefers-reduced-motion:reduce){html[data-respect-reduced-motion=true] .header-search-block,html[data-respect-reduced-motion=true] .header-search-block:before,html[data-respect-reduced-motion=true] .header-search-block svg,html[data-respect-reduced-motion=true] .theme-dialog.header-search-dialog,html[data-respect-reduced-motion=true] .theme-dialog.header-search-dialog::backdrop,html[data-respect-reduced-motion=true] .header-search-modal__inner,html[data-respect-reduced-motion=true] .header-search-modal__close,html[data-respect-reduced-motion=true] .header-search-modal__close:before,html[data-respect-reduced-motion=true] .header-search-modal__close svg,html[data-respect-reduced-motion=true] .predictive-search__field,html[data-respect-reduced-motion=true] .predictive-search__field:before,html[data-respect-reduced-motion=true] .predictive-search__icon,html[data-respect-reduced-motion=true] .predictive-search__submit,html[data-respect-reduced-motion=true] .predictive-search__results,html[data-respect-reduced-motion=true] .predictive-search__empty-state,html[data-respect-reduced-motion=true] .header-search-empty-state__category,html[data-respect-reduced-motion=true] .predictive-search-results__link,html[data-respect-reduced-motion=true] .predictive-search-results__product,html[data-respect-reduced-motion=true] .predictive-search-results__link:before,html[data-respect-reduced-motion=true] .predictive-search-results__product:before,html[data-respect-reduced-motion=true] .predictive-search-results__product-image,html[data-respect-reduced-motion=true] .predictive-search-results__view-all{animation:none!important;transition:none!important}}}.theme-dialog.header-search-dialog{inset:1rem 0 auto;margin-inline:auto;margin-block:0}@media(min-width:640px)and (max-width:879px){.theme-dialog.header-search-dialog{inset-block-start:1.5rem}}@media(min-width:880px){.theme-dialog.header-search-dialog{inset-block-start:2rem}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/block-header-search-styles.css.map */