@layer components{.search-modal__dialog.is-open{background-color:#00000061}.search-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:-webkit-backdrop-filter .5s var(--ease),backdrop-filter .5s var(--ease)}.is-open>.search-modal__overlay{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.search-modal__inner{--color-fg-muted: color-mix(in srgb, var(--color-fg) 62%, var(--color-bg));--color-bg-subtle: color-mix(in srgb, var(--color-fg) 5%, var(--color-bg));--color-border-strong: color-mix(in srgb, var(--color-fg) 22%, var(--color-bg));--search-panel: color-mix(in srgb, var(--color-fg) 5%, var(--color-bg));--search-radius: 1.875rem;--search-card-radius: .75rem;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;height:100%;padding-inline:var(--space-4);color:var(--color-fg);pointer-events:none;opacity:0;transition:opacity .35s var(--ease)}.is-open>.search-modal__inner{opacity:1}.search-modal__inner>*{pointer-events:auto}.search-modal__bar{display:flex;align-items:center;gap:var(--space-3);width:min(100%,40rem);padding-block:var(--space-4)}.search-modal__form{position:relative;flex:1;min-width:0;border-radius:999px}.search-modal__form:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;z-index:-1;background:linear-gradient(115deg,#4fcf70,#fad648,#a767e5,#12bcfe,#44ce7b);background-size:600% 600%;border-radius:inherit;opacity:0}.search-modal__field{position:relative;display:flex;align-items:center;height:3rem;background-color:var(--color-bg);border-radius:999px;box-shadow:0 10px 30px #0000001f}.search-modal__icon{--icon-size: 1.25rem;position:absolute;inset-inline-start:1.125rem;pointer-events:none}.search-modal__input{width:100%;height:100%;padding-inline:3.125rem 5.5rem;font-size:1rem;color:inherit;background:transparent;border:0;border-radius:inherit;-webkit-appearance:none;appearance:none}.search-modal__input::-webkit-search-cancel-button{display:none}.search-modal__input:focus-visible{outline:none}.search-modal__input::placeholder{color:var(--color-fg-muted)}.search-modal__clear{position:absolute;inset-inline-end:1.25rem;padding:var(--space-1);font-size:.8125rem;color:var(--color-fg-muted);background:none;border:0;cursor:pointer}.search-modal__clear:hover{color:var(--color-fg)}.search-modal__spinner{position:absolute;inset-inline-end:1.25rem;width:1.125rem;height:1.125rem;opacity:0;pointer-events:none}ts-predictive-search[aria-busy=true] .search-modal__spinner{opacity:1}ts-predictive-search[aria-busy=true] .search-modal__clear{opacity:0}.search-modal__close{--icon-size: 1.125rem;display:grid;flex-shrink:0;place-items:center;width:2.75rem;height:2.75rem;padding:0;color:#fff;background-color:#ffffff38;border:0;border-radius:50%;cursor:pointer;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:background-color var(--duration-fast),rotate var(--duration) var(--ease)}.search-modal__close:hover{background-color:#ffffff5c;rotate:90deg}.search-modal__recent{width:min(100%,40rem);padding-block-end:var(--space-3)}.search-modal__recent-list{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.search-modal__recent-item{min-width:3.75rem;padding:.1875rem .875rem;font-size:.8125rem;color:#fff;text-align:center;text-decoration:none;border:1px solid rgb(255 255 255 / .55);border-radius:999px;transition:background-color var(--duration-fast)}.search-modal__recent-item:hover{background-color:#ffffff29}.search-modal__body{display:flex;flex:1;flex-direction:column;width:min(100%,37.5rem);min-height:0;overflow:hidden;background-color:var(--search-panel);border-radius:var(--search-radius) var(--search-radius) 0 0;translate:0 100%;transition:translate .6s cubic-bezier(.7,0,.2,1)}.is-open .search-modal__body{translate:none}.search-modal__content{flex:1;min-height:0;padding:1.25rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.search-modal__content--results{display:flex;flex-direction:column;padding-block-end:0}ts-predictive-search[aria-busy=true] .search-modal__content{opacity:.55;transition:opacity var(--duration)}.search-modal__group+.search-modal__group,.search-coupon+.search-modal__group,.search-modal__group+.search-coupon{margin-block-start:var(--space-5)}.search-modal__heading{margin:0 0 var(--space-3);font-family:var(--font-body-family);font-size:.75rem;font-style:normal;font-weight:var(--font-body-weight);letter-spacing:.04em;text-transform:uppercase;color:var(--color-fg-muted)}.search-modal__grid{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.search-modal__chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.search-modal__chip{display:inline-flex;padding:.375rem .875rem;font-size:.8125rem;text-decoration:none;background-color:var(--color-bg);border-radius:999px;transition:background-color var(--duration-fast),color var(--duration-fast)}.search-modal__chip:hover,.search-modal__chip:focus-visible{color:var(--color-bg);background-color:var(--color-fg)}.search-modal__chip mark{color:inherit;font-weight:var(--font-body-weight-bold);background:none}.search-category{display:grid;grid-template-columns:3.5rem minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:.5rem;text-decoration:none;background-color:var(--color-bg);border-radius:var(--search-card-radius);transition:box-shadow var(--duration) var(--ease)}.search-category__media{--ratio: 1;border-radius:calc(var(--search-card-radius) - .25rem)}.search-category__title{font-size:.9375rem;line-height:1.3}.search-category__arrow{--icon-size: .875rem;display:grid;place-items:center;width:2rem;height:2rem;margin-inline-end:.25rem;background-color:var(--search-panel);border-radius:50%;transition:background-color var(--duration-fast),color var(--duration-fast),rotate var(--duration) var(--ease)}.search-category:hover,.search-category:focus-visible{box-shadow:0 8px 24px #00000014}.search-category:hover .search-category__arrow,.search-category:focus-visible .search-category__arrow{color:var(--color-bg);background-color:var(--color-fg);rotate:45deg}.search-coupon{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-1) var(--space-3);padding:.625rem 1rem;font-size:.875rem;background:linear-gradient(90deg,#fff6e6,#fff);border:1px solid rgb(255 160 60);border-radius:.75rem}.search-coupon__text{color:#222}.search-coupon__code{--icon-size: .9375rem;display:inline-flex;align-items:center;gap:.375rem;padding:0;font-size:.875rem;font-weight:var(--font-body-weight-bold);letter-spacing:.02em;color:#f0781e;background:none;border:0;cursor:pointer}.search-coupon__code.is-copied{color:#1e9650}.search-card{position:relative;display:flex;align-items:center;gap:var(--space-2);height:100%;padding:.5rem;background-color:var(--color-bg);border-radius:var(--search-card-radius);transition:box-shadow var(--duration) var(--ease)}.search-card:hover{box-shadow:0 8px 24px #00000014}.search-card__link{display:flex;flex:1;align-items:center;gap:var(--space-3);min-width:0;text-decoration:none}.search-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.search-card__media{--ratio: .8;flex:0 0 4.25rem;border-radius:calc(var(--search-card-radius) - .25rem)}.search-card__media img{transition:scale .6s var(--ease)}.search-card:hover .search-card__media img{scale:1.06}.search-card__info{display:grid;gap:.25rem;min-width:0}.search-card__vendor{font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-fg-muted)}.search-card__title{display:-webkit-box;overflow:hidden;font-size:.875rem;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical}.search-card .price{font-size:.875rem;font-weight:var(--font-body-weight-bold)}.search-card__form,.search-card__form form{display:contents}.search-card__add{--icon-size: 1rem;position:relative;z-index:1;display:grid;flex-shrink:0;place-items:center;width:2.25rem;height:2.25rem;padding:0;color:inherit;background-color:var(--search-panel);border:0;border-radius:50%;cursor:pointer;transition:background-color var(--duration-fast),color var(--duration-fast),scale var(--duration-fast)}.search-card__add:hover{color:var(--color-bg);background-color:var(--color-fg)}.search-card__add:active{scale:.92}.search-card__add[aria-busy=true],.search-card__add[disabled]{opacity:.6}.predictive{display:flex;flex:1;flex-direction:column;gap:var(--space-4);min-height:100%}.predictive__tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.predictive__tab{display:inline-flex;align-items:center;gap:.375rem;min-height:2.375rem;padding:0 1.125rem;font-size:.875rem;color:inherit;background-color:var(--color-bg);border:0;border-radius:999px;cursor:pointer;transition:background-color var(--duration-fast),color var(--duration-fast)}.predictive__tab span{font-size:.75rem;opacity:.6}.predictive__tab[aria-selected=true]{color:var(--color-bg);background-color:var(--color-fg)}.predictive__panels{flex:1}.predictive__list{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.predictive__row{--icon-size: .875rem;display:flex;align-items:center;gap:var(--space-3);min-height:3.5rem;padding:.625rem 1rem .625rem 1.25rem;text-decoration:none;background-color:var(--color-bg);border-radius:var(--search-card-radius)}.predictive__row>span:not(.predictive__thumb){flex:1}.predictive__thumb{--ratio: 1;flex:0 0 3rem}.predictive__empty{padding-block:var(--space-6);text-align:center;color:var(--color-fg-muted)}.predictive__empty-title{margin-block-end:var(--space-1);font-size:1rem;color:var(--color-fg)}.predictive__footer{position:sticky;bottom:0;padding-block:var(--space-4) var(--space-3);margin-inline:-1.25rem;text-align:center;background:linear-gradient(to bottom,transparent,var(--search-panel) 35%)}.predictive__all{font-size:.875rem;text-decoration:underline;text-underline-offset:.25em}.search-modal--intro .search-modal__dialog.is-open .search-modal__form{animation:search-intro 1.1s cubic-bezier(.7,0,.2,1) both}.search-modal--intro .search-modal__dialog.is-open .search-modal__form:before{animation:search-ring 1.1s linear both,search-ring-flow 3s ease infinite}.search-modal--intro .search-modal__dialog.is-open .search-modal__body{transition-delay:.65s}.search-modal--intro .search-modal__dialog.is-open .search-modal__recent{animation:search-fade .5s .8s var(--ease) both}.search-modal__dialog.is-open .search-modal__item{animation:search-rise .6s cubic-bezier(.52,0,.17,.74) both;animation-delay:calc(var(--search-stagger-start, 0s) + var(--i, 0) * 60ms)}.search-modal--intro .search-modal__content:not(.search-modal__content--results){--search-stagger-start: .85s}.search-modal__dialog:not(.is-open) .search-modal__body{transition-duration:.35s;transition-delay:0s}@keyframes search-intro{0%{transform:translateY(var(--search-intro-y, 42vh)) scale(0)}45%{transform:translateY(var(--search-intro-y, 42vh)) scale(1.25)}55%{transform:translateY(var(--search-intro-y, 42vh)) scale(1.25)}to{transform:none}}@keyframes search-ring{0%,60%{opacity:1}to{opacity:0}}@keyframes search-ring-flow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes search-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes search-fade{0%{opacity:0}to{opacity:1}}@media(min-width:750px){.search-modal__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:749px){.search-modal__inner{--search-intro-y: 60vh;padding-inline:0}.search-modal__bar{padding:var(--space-3) var(--space-4)}.search-modal__recent{padding-inline:var(--space-4)}.search-modal__body{width:100%;margin-block-start:var(--space-6)}.search-modal__content{padding:1rem}.predictive__footer{margin-inline:-1rem}.search-coupon{justify-content:center;text-align:center}}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-search.css.map */