.predictive-search__header{display:flex;width:100%;min-width:0}.predictive-search__form{width:100%;min-width:0;flex:1}.predictive-search__submit,.predictive-search__close{position:absolute;inset-block:0;right:.4rem;display:grid;place-items:center;width:4.4rem;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.predictive-search__submit .icon,.predictive-search__close .icon{width:2rem;height:2rem}.predictive-search__reset{right:4.8rem;width:auto;height:auto;padding:0;border-radius:0;font:inherit;font-size:1.2rem;line-height:1.92rem;text-decoration:underline;transition:opacity .2s}.predictive-search__input{-webkit-appearance:none;appearance:none;transition:padding .35s cubic-bezier(.3,1,.3,1),box-shadow .35s cubic-bezier(.3,1,.3,1)}.predictive-search__input::placeholder{color:rgb(var(--color-foreground) / .7);opacity:1}.predictive-search__input::-webkit-search-cancel-button{display:none}.predictive-search__input:focus-visible{outline:none;box-shadow:inset 0 0 0 1px rgb(var(--color-foreground))}.predictive-search__submit[hidden],.predictive-search__close[hidden]{display:none}.header .predictive-search[data-context=header] .predictive-search__input{padding:.8rem 4.4rem .8rem 1.6rem;border:0;border-radius:6rem}.header .predictive-search[data-context=header]:has([aria-expanded=true]) .predictive-search__input{box-shadow:inset 0 0 0 1px rgb(var(--color-foreground))}.header .predictive-search[data-context=header][data-has-query] .predictive-search__input{padding-right:7.8rem}.header .predictive-search[data-context=header] .predictive-search__reset{right:4.8rem}.header .predictive-search[data-context=header] .predictive-search__spinner{right:8.6rem}.header .predictive-search[data-context=header] .predictive-search__panel{padding:0;max-width:90vw;max-height:75vh;overflow:visible;box-shadow:inset 0 1px rgb(var(--color-border) / var(--color-border-alpha)),inset -1px 0 rgb(var(--color-border) / var(--color-border-alpha))}.predictive-search__panel-inner{display:flex;flex-direction:column;gap:2.4rem;padding:3rem;max-height:inherit;overflow:hidden auto}.predictive-search__panel[data-predictive-state=closing][hidden]{display:block!important;pointer-events:none}.predictive-search__group,.predictive-search__results{display:flex;flex-direction:column;gap:2.4rem}.predictive-search__group{gap:1.2rem}.predictive-search__group+.predictive-search__group,.predictive-search__featured{margin-top:0}.predictive-search__default-heading{margin:0;font-family:var(--font-heading--family);font-size:var(--font-size--h6);line-height:var(--font-h6--line-height);font-weight:var(--font-h6--weight);text-transform:capitalize}.predictive-search__tags{gap:.8rem}.predictive-search .predictive-search__tag{min-height:0;height:3.6rem;padding:.6rem 1.2rem;border:1px solid color-mix(in srgb,rgb(var(--color-foreground)) 8%,rgb(var(--color-background)));border-radius:6rem;background:color-mix(in srgb,rgb(var(--color-foreground)) 8%,rgb(var(--color-background)));color:rgb(var(--color-foreground) / .7);font-size:1.5rem;line-height:2.4rem;font-weight:500}.predictive-search .predictive-search__tag:focus-visible{outline:2px solid currentColor;outline-offset:2px}.predictive-search .predictive-search__tag{--btn-hover-fg: rgb(var(--color-white))}.predictive-search__carousel{position:relative;min-width:0}.predictive-search__featured-grid{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.predictive-search__featured-grid::-webkit-scrollbar{display:none}.predictive-search__product{min-width:0;flex:0 0 var(--predictive-card-width, calc((100% - 2rem) / 3));scroll-snap-align:start}.predictive-search .product-card{gap:1.6rem}.predictive-search .product-card__media{border-radius:2rem}.predictive-search .product-card__body{gap:.4rem}.predictive-search .product-card__title{font-size:var(--font-pcard-title--size);line-height:2.4rem}.predictive-search .price__current{order:-1}.predictive-search .price{font-size:1.5rem;line-height:2.4rem;gap:.4rem .36875rem;flex-wrap:wrap}.predictive-search .product-card__badges{top:1rem;left:1rem}.predictive-search .product-card__quick-add{left:auto;right:1rem;bottom:1rem}.predictive-search .product-card__quick-add-button{width:3.8rem;height:3.8rem;min-height:3.8rem;padding:0;border-radius:50%;justify-content:center}.predictive-search .product-card__quick-add-button .btn__text,.predictive-search .product-card__quick-add-button .btn__icon{display:none}.predictive-search .product-card__quick-add-button .btn__mobile-icon{display:grid;place-items:center}.predictive-search .product-card__quick-add-button .btn__mobile-icon .icon,.predictive-search .product-card__quick-view .icon{width:1.6rem;height:1.6rem}.predictive-search .product-card__quick-view{top:auto;bottom:5.2rem;right:1rem;width:3.8rem;height:3.8rem}.predictive-search__carousel-controls{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.predictive-search__carousel-controls[hidden]{display:none}.predictive-search__carousel-controls button.btn{position:absolute;top:var(--predictive-media-midpoint, 40%);width:3.8rem;height:3.8rem;min-height:0;padding:0;border-radius:50%;pointer-events:auto;opacity:0;background:rgb(var(--color-background));transition:opacity .3s,transform .3s,border-color .3s}.predictive-search__carousel-controls button.btn:before{z-index:0}.predictive-search__carousel-controls button.btn>svg{position:relative;z-index:1}.predictive-search__carousel-controls button.btn:disabled{opacity:0}.predictive-search__carousel-controls .icon{width:1.6rem;height:1.6rem}.predictive-search__carousel-prev{left:0;transform:translate(-100%,-50%)}.predictive-search__carousel-next{right:0;transform:translate(100%,-50%)}.predictive-search__carousel:focus-within .predictive-search__carousel-prev{opacity:1;transform:translate(1rem,-50%)}.predictive-search__carousel:focus-within .predictive-search__carousel-next{opacity:1;transform:translate(-1rem,-50%)}.predictive-search__carousel:focus-within button:disabled{opacity:.5}.predictive-search__list{gap:.8rem}.predictive-search__item--text{padding:0;border-radius:0;font-weight:500}.predictive-search__item--text .predictive-search__title{font-weight:500}.predictive-search__view-all{margin:0;align-self:flex-start}.predictive-search__empty{display:flex;flex-direction:column;gap:1.2rem;margin:0}.predictive-search__empty .predictive-search__default-heading{text-transform:none}.predictive-search__empty p{margin:0;color:rgb(var(--color-foreground) / .7)}.predictive-search__separator{width:100%;height:1px;margin:0;border:0;background:rgb(var(--color-border) / var(--color-border-alpha));flex:none}search-drawer-motion{display:contents}.dialog.dialog--search-drawer{width:min(50rem,100vw);height:100dvh;inset:0 0 0 auto;border-radius:0;overflow:hidden}.dialog--search-drawer[open]{animation:search-drawer-enter .5s cubic-bezier(.7,0,.2,1)}.dialog.dialog--search-drawer[open]::backdrop{animation:search-backdrop-in .7s cubic-bezier(.7,0,.2,1)}.dialog--search-drawer[data-search-closing]{animation:none}.dialog.dialog--search-drawer[data-search-closing]::backdrop{animation:search-backdrop-out .7s cubic-bezier(.7,0,.2,1) both}.search-drawer .predictive-search{display:flex;flex-direction:column;height:100%}.search-drawer .predictive-search__header{position:sticky;top:0;z-index:2;flex:none;height:6rem;background:rgb(var(--color-background));box-shadow:inset 0 -1px rgb(var(--color-border) / var(--color-border-alpha))}.search-drawer .predictive-search__input{height:6rem;padding:.8rem 1.6rem .8rem 4.4rem;border:0;border-radius:0;outline-offset:-2px}.search-drawer .predictive-search__input:focus{outline:none}.search-drawer .predictive-search[data-keyboard-focus] .predictive-search__input:focus-visible{outline:3px solid currentColor;outline-offset:-3px}.search-drawer .predictive-search[data-has-query] .predictive-search__input{padding:.8rem 5rem .8rem 1.6rem}.search-drawer .predictive-search__submit{right:auto;left:0}.search-drawer .predictive-search__reset{right:1.2rem}.search-drawer .predictive-search__spinner{right:5rem}.search-drawer .predictive-search__drawer-close{width:6rem;height:6rem;padding:0;flex:none;border:0;border-left:1px solid rgb(var(--color-border) / var(--color-border-alpha));border-radius:0;background:transparent}.search-drawer .predictive-search__drawer-close .icon{width:2rem;height:2rem}.search-drawer .predictive-search__panel{position:static;min-height:0;max-height:none;padding:0;border:0;border-radius:0;box-shadow:none;overflow:hidden auto}.search-drawer .predictive-search__panel-inner{padding:2.4rem 1.6rem;overflow:visible}@media(max-width:767px){.predictive-search__featured-grid{gap:.8rem;margin-inline:-1.6rem;padding-inline:1.6rem;scroll-padding-inline:1.6rem}.predictive-search__product{flex-basis:38vw}.predictive-search__carousel-controls,.predictive-search .product-card__quick-view{display:none}}@media(hover:hover)and (pointer:fine){.predictive-search .predictive-search__tag:hover{border-color:rgb(var(--color-foreground))}.predictive-search__carousel:hover .predictive-search__carousel-prev{opacity:1;transform:translate(1rem,-50%)}.predictive-search__carousel:hover .predictive-search__carousel-next{opacity:1;transform:translate(-1rem,-50%)}.predictive-search__carousel:hover button:disabled{opacity:.5}}@keyframes search-drawer-enter{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes search-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes search-backdrop-out{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.predictive-search__input,.predictive-search__reset,.predictive-search__carousel-controls button.btn{transition:none}.predictive-search__carousel-controls button.btn:before{transition:none}.dialog.dialog--search-drawer[open],.dialog.dialog--search-drawer[open]::backdrop{animation:none}}.predictive-search .product-card__quick-add-button{position:relative;isolation:isolate;overflow:hidden}.predictive-search .product-card__quick-add-button:before{content:"";position:absolute;z-index:-1;inset-block:-1px;left:-1px;width:0;background:var(--btn-fg);border-radius:inherit;pointer-events:none;transition:width .3s ease}.predictive-search .product-card__quick-add-button:not(:disabled):hover:before,.predictive-search .product-card__quick-add-button:not(:disabled):focus-visible:before{width:calc(100% + 2px)}.predictive-search .product-card__quick-add-button:not(:disabled):hover,.predictive-search .product-card__quick-add-button:not(:disabled):focus-visible{color:var(--btn-bg)}
/*# sourceMappingURL=/cdn/shop/t/8/assets/predictive-search.css.map */