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[results] .predictive-search-sidebar{display:block!important}.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}}@media (min-width: 990px){.predictive-search--sidebar{position:unset}.predictive-search--sidebar [data-predictive-search]{max-width:none;left:50vw;width:calc(100vw - 4rem);transform:translate(-50%);padding-left:2rem;margin-top:2rem;top:auto!important}}@media (min-width: 600px){.predictive-search-sidebar{max-width:340px}}@media (min-width: 1400px){.predictive-search-sidebar{max-width:500px}}.predictive-search-sidebar{padding:2.5rem}.predictive-search-sidebar__title{margin-bottom:1.5rem;padding-top:1.75rem;font-size:1.6rem;font-weight:700}.predictive-search-sidebar__products{display:flex;flex-wrap:wrap;margin-left:-1rem;margin-right:-1rem}.predictive-search-sidebar__product,.predictive-search-sidebar__collection{width:50%;padding-left:1rem;padding-right:1rem;padding-bottom:1rem}@media (min-width: 600px){.predictive-search-sidebar__product,.predictive-search-sidebar__collection{width:100%}}@media (min-width: 990px){.predictive-search-sidebar__product,.predictive-search-sidebar__collection{width:50%}}@media (min-width: 1400px){.predictive-search-sidebar__product,.predictive-search-sidebar__collection{width:33.3333%}}.predictive-search-sidebar__product,.predictive-search-sidebar__collection{text-align:center}.predictive-search-sidebar__product-link,.predictive-search-sidebar__collection-link{display:block;text-decoration:none;color:inherit;transition:opacity .3s ease}.predictive-search-sidebar__product-link:hover,.predictive-search-sidebar__collection-link:hover{opacity:.8}.predictive-search-sidebar__product-image,.predictive-search-sidebar__collection-image{position:relative;width:100%;height:0;padding-bottom:100%;overflow:hidden;--border-radius: 15px;border-radius:var(--border-radius);background:#f5f5f5;margin-bottom:.5rem}.predictive-search-sidebar__product-image img,.predictive-search-sidebar__collection-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:var(--border-radius)}.predictive-search-sidebar__product-title,.predictive-search-sidebar__collection-title{font-size:1.4rem;font-weight:700;line-height:1.3;color:rgb(var(--color-foreground))}.predictive-search-sidebar-wrapper{display:flex;flex-direction:column}@media (min-width: 600px){.predictive-search-sidebar-wrapper{flex-direction:row;justify-content:flex-end;align-items:stretch}.predictive-search-sidebar-wrapper-results{flex:1 1 0%;min-width:0}.predictive-search-sidebar{width:200px;max-width:200px;flex-shrink:0}}@media (min-width: 990px){.predictive-search-sidebar{width:340px;max-width:340px}}@media (min-width: 1400px){.predictive-search-sidebar{width:500px;max-width:500px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-predictive-search.css.map */