predictive-search:not([loading]) .predictive-search__loading-state{display:none}predictive-search[loading] .predictive-search__loading-state{display:block}predictive-search[loading] .predictive-search__results{display:none}predictive-search:not(.run-top) .predictive-search{opacity:0}.predictive-search{transition:opacity .3s ease .5s}[data-predictive-search]{position:absolute;top:calc(100% + 3rem);width:calc(100vw - 3rem);padding:2.5rem 0;box-shadow:0 0 4rem rgba(var(--color-overlay),.1);background:rgb(var(--color-background));border-radius:.8rem;transition:top .3s ease,opacity .3s ease;opacity:0;visibility:hidden;max-height:60vh;overflow-y:auto}@media screen and (min-width:475px){[data-predictive-search]{inset-inline-end:0;width:100%}}predictive-search[open].run-top [data-predictive-search]{top:calc(100% + 1rem);opacity:1;visibility:visible}predictive-search[open] .search__input{background:rgb(var(--color-background))}.search__input{transition:background .3s ease}.predictive-search__notification,.predictive-search__search-url{padding:0 2.5rem}.predictive-search__header{margin:-2.5rem 0;padding:2.5rem}.predictive-search__header:hover{background:rgb(var(--color-foreground),.05)}.predictive-search__group{border-top:1px dashed var(--color-line);padding:1.5rem 2.5rem}.predictive-search__group:last-of-type{border-bottom:1px dashed var(--color-line)}.predictive-search__query-list{gap:1rem;padding-top:1rem}.predictive-search__item-query{--outline-focus-offset: -.3rem;white-space:nowrap;border-radius:.8rem;padding:.1rem 1rem;background:rgb(var(--color-foreground),.05);transition:background .3s ease}.predictive-search__item-query:hover{background:rgb(var(--color-foreground),.1)}.predictive-search__item-query-result{color:rgb(var(--color-highlight));margin:.7rem 0}.predictive-search__item-query-result mark{color:rgb(var(--color-foreground));background:none}.predictive-search__group--with-media{padding-inline:0;padding-bottom:0}.predictive-search__item{display:grid;grid-template-columns:7rem 1fr;column-gap:1.5rem;padding:1.5rem 2.5rem}a.predictive-search__item{--outline-focus-offset: -.5rem}.predictive-search__item--empty{grid-template-columns:auto}.predictive-search__item+.predictive-search__item{border-top:1px solid rgb(var(--color-foreground),.1)}.predictive-search__item:hover{background:rgb(var(--color-foreground),.05)}.predictive-search__item__title.card__heading{margin-top:0}.predictive-search__item__title .link{z-index:1}.predictive-search__button{padding:1rem 2rem;background:rgb(var(--color-foreground),.05);color:rgb(var(--color-foreground));border-radius:.5rem;text-decoration:none;font-size:1.2rem;text-transform:uppercase;font-family:var(--font-button-family);font-style:var(--font-button-style);font-weight:var(--font-button-weight-bold);transition:background .5s ease}.predictive-search__button:hover{background:rgb(var(--color-foreground),.1)}.predictive-search[open]>form,.predictive-search[open]>[data-predictive-search],.header__search--has-predictive>details[open] .search--header{z-index:4}.predictive-search[open] .predictive-search__overlay,.header__search--has-predictive>details[open] .predictive-search__overlay{position:fixed;inset-inline-start:0;top:0;width:100vw;height:100vh;z-index:1;cursor:pointer;display:block;opacity:0;transition:opacity .3s ease;background:rgb(var(--color-overlay),.1)}.predictive-search.run-top .predictive-search__overlay,.header__search--has-predictive>details[open] .predictive-search__overlay{opacity:1}.predictive-search__padding{padding:0 2.5rem}@media(min-width:990px){[data-predictive-search]:not(.predictive-search__full){min-width:40rem;max-width:50rem}}.predictive-search__default{display:none;padding:0 2.5rem}predictive-search.showing-default .predictive-search__default{display:block}predictive-search.showing-default [data-predictive-search]{max-height:85vh}predictive-search.showing-default .predictive-search__results,predictive-search.showing-default .predictive-search__loading-state{display:none!important}.predictive-search__default-section+.predictive-search__default-section{margin-top:2rem}.predictive-search__default-heading{font-size:1.2rem;letter-spacing:.1rem;text-transform:uppercase;color:rgb(var(--color-foreground),.55);font-weight:700;margin:0 0 1.2rem}.predictive-search__default-head{margin-bottom:1.4rem}.predictive-search__default-viewall{font-size:1.1rem;text-transform:uppercase;letter-spacing:.05rem;color:rgb(var(--color-highlight));text-decoration:none;font-weight:700;white-space:nowrap}.predictive-search__default-viewall:hover{text-decoration:underline}.predictive-search__chips{gap:.9rem}.predictive-search__chip{display:inline-flex;align-items:center;padding:.6rem 1.4rem;border-radius:3rem;background:rgb(var(--color-foreground),.05);border:1px solid rgb(var(--color-foreground),.08);font-size:1.3rem;line-height:1.4;color:rgb(var(--color-foreground));text-decoration:none;transition:background .3s ease}.predictive-search__chip:hover{background:rgb(var(--color-foreground),.1)}.psd-row{display:flex;gap:1.6rem;overflow-x:auto;overflow-y:hidden;padding-bottom:1rem;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.psd-row::-webkit-scrollbar{height:4px}.psd-row::-webkit-scrollbar-thumb{background:rgb(var(--color-foreground),.2);border-radius:4px}.psd-row::-webkit-scrollbar-track{background:transparent}.psd-card{flex:1 0 16rem;max-width:26rem;scroll-snap-align:start;display:flex;flex-direction:column;min-width:0}.psd-card__media{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;padding:1.5rem;margin-bottom:1rem;border-radius:1rem;background:var(--tz-image-bg, radial-gradient(circle at top left, rgba(214, 180, 96, .18) 0%, transparent 38%), linear-gradient(180deg, #ffffff, #f7f6f2, #ece9e2));overflow:hidden}.psd-card__img{width:100%;height:100%;object-fit:contain}.psd-card__badge{position:absolute;top:.8rem;left:.8rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1rem;font-weight:700;letter-spacing:.05rem;text-transform:uppercase;padding:.3rem .7rem;border-radius:.4rem}.psd-swatches{gap:.5rem;margin-bottom:.8rem;min-height:2rem}.psd-sw{width:2rem;height:2rem;border-radius:.5rem;flex:0 0 auto;border:1px solid rgb(var(--color-foreground),.15);background-size:cover;background-position:center}.psd-sw--empty{background:rgb(var(--color-foreground),.08)}.psd-sw-more{font-size:1.1rem;color:rgb(var(--color-foreground),.55);align-self:center}.psd-card__title-row{flex-direction:column;align-items:flex-start;gap:.4rem;margin-bottom:.6rem}.psd-card__title{font-size:1.4rem;font-weight:600;line-height:1.3;color:rgb(var(--color-foreground));text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.psd-card__title:hover{text-decoration:underline}.psd-card__rating{gap:.4rem;flex:0 0 auto}.psd-card__rating-count{font-size:1.1rem;color:rgb(var(--color-foreground),.55);white-space:nowrap}.psd-card__price{gap:.6rem;margin-bottom:1rem}.psd-price{font-size:1.5rem;font-weight:800;color:rgb(var(--color-foreground))}.psd-compare{font-size:1.2rem;color:rgb(var(--color-foreground),.45);text-decoration:line-through}.psd-save{font-size:1rem;font-weight:700;letter-spacing:.02rem;color:#d14343;background:#d143431a;padding:.2rem .7rem;border-radius:.5rem}.predictive-search__buy{display:flex;align-items:center;justify-content:center;width:100%;margin-top:auto;padding:.9rem 1.2rem;border-radius:3rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-family:var(--font-button-family);font-weight:var(--font-button-weight-bold, 700);font-size:1.3rem;letter-spacing:.03rem;text-decoration:none;text-align:center;transition:opacity .3s ease}.predictive-search__buy:hover{opacity:.85}.predictive-search__buy--sold{background:rgb(var(--color-foreground),.2);color:rgb(var(--color-foreground),.6);cursor:not-allowed}.predictive-search__default-footer{margin-top:2rem}.predictive-search__default-footer-link{font-size:1.3rem;font-weight:700;color:rgb(var(--color-foreground));text-decoration:none;border-bottom:2px solid rgb(var(--color-highlight));padding-bottom:.4rem}@media(max-width:749px){.predictive-search__default{padding:0 1.6rem}.psd-card{flex-basis:14rem;max-width:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-predictive-search.css.map */