.search-panel{display:block}.search-panel__form{display:flex;align-items:center;gap:1.2rem}.search-panel__field{position:relative;display:flex;align-items:center;flex:1 1 auto;min-width:0;height:4.4rem;background-color:rgb(var(--color-background-secondary));border:.1rem solid transparent;border-radius:var(--radius-pill);transition:border-color var(--duration-default),background-color var(--duration-default)}@media screen and (hover:hover)and (pointer:fine){.search-panel__field:hover{border-color:rgb(var(--color-border))}}.search-panel__field:focus-within{background-color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.search-panel__icon{position:absolute;top:50%;left:1.6rem;display:flex;width:2rem;height:2rem;color:rgb(var(--color-foreground-secondary));transform:translateY(-50%);pointer-events:none}.search-panel__icon svg{width:100%;height:100%}.search-panel__input{width:100%;height:100%;padding:0 4.8rem 0 4.6rem;font-family:var(--font-body-family);font-size:1.6rem;color:rgb(var(--color-foreground));background:transparent;border:none;border-radius:var(--radius-pill);outline:none;box-shadow:none}@media screen and (min-width:990px){.search-panel__input{font-size:1.4rem}}.search-panel__input:placeholder-shown{padding-right:1.6rem;text-overflow:ellipsis}.search-panel__input::placeholder{color:rgb(var(--color-foreground-secondary));opacity:1}.search-panel__input::-webkit-search-cancel-button,.search-panel__input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.search-panel__clear{position:absolute;top:50%;right:.4rem;display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;color:rgb(var(--color-foreground));background:none;border:none;border-radius:50%;transform:translateY(-50%);cursor:pointer}.search-panel__clear[hidden]{display:none}.search-panel__clear svg{width:1.6rem;height:1.6rem}.search-panel__cancel{display:none;flex-shrink:0;min-height:4.4rem;padding:0;font-size:1.3rem;font-weight:500;color:rgb(var(--color-foreground));background:none;border:none;cursor:pointer}@media screen and (max-width:989px){.search-panel.is-open .search-panel__cancel{display:inline-flex;align-items:center}}.search-panel__dropdown{position:absolute;top:100%;right:0;left:0;z-index:8;display:none;max-height:var(--search-panel-height, calc(100dvh - 12rem) );overflow-y:auto;overscroll-behavior:contain;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));border-top:.1rem solid rgb(var(--color-border));box-shadow:0 0 0 100vmax rgba(var(--color-modal-overlay),.25);clip-path:inset(0 -100vmax -100vmax -100vmax)}.search-panel.is-open .search-panel__dropdown{display:block}.search-panel__inner{position:relative;padding-block:2.4rem 3.2rem}.search-panel__view[hidden]{display:none}.search-panel__view--default,.search-panel__results{display:grid;grid-template-columns:minmax(0,1fr);gap:3.2rem}@media screen and (min-width:990px){.search-panel__inner.container{max-width:150rem}.search-panel__view--default,.search-panel__results{grid-template-columns:minmax(20rem,1fr) minmax(0,3fr);gap:4.8rem}.search-panel__view--default:not(:has(.search-panel__main)),.search-panel__view--default:not(:has(.search-panel__group:not([hidden]))),.search-panel__results:not(:has(.search-panel__group:not([hidden]))){grid-template-columns:minmax(0,1fr)}.search-panel__results:not(:has(.search-panel__group:not([hidden]))) .search-panel__main{justify-self:center;width:100%;max-width:106.4rem}}.search-panel__aside:not(:has(.search-panel__group:not([hidden]))){display:none}.search-panel__group+.search-panel__group{margin-top:2.8rem}.search-panel__group[hidden]+.search-panel__group{margin-top:0}.search-panel__group[hidden]{display:none}.search-panel__group-head{display:flex;align-items:baseline;justify-content:space-between;gap:1.2rem;margin-bottom:1.2rem}.search-panel__title{margin:0 0 1.2rem;font-size:1.2rem;font-weight:500;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--color-foreground-secondary))}.search-panel__group-head .search-panel__title{margin:0}.search-panel__text-button{display:inline-flex;align-items:center;min-height:2.4rem;padding:0;font-size:1.3rem;font-weight:500;color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:.3rem;background:none;border:none;cursor:pointer}.search-panel__chips,.search-panel__links,.search-panel__products{margin:0;padding:0;list-style:none}.search-panel__chips{display:flex;flex-wrap:wrap;gap:.8rem}.search-panel__chip{display:inline-flex;align-items:center;gap:.8rem;min-height:var(--chip-height);padding:0 1.4rem;font-size:1.3rem;line-height:1.2;color:rgb(var(--color-foreground));text-decoration:none;background-color:rgb(var(--color-background-secondary));border:.1rem solid transparent;border-radius:var(--radius-pill);transition:border-color var(--duration-default)}.search-panel__chip svg{flex-shrink:0;width:1.4rem;height:1.4rem;color:rgb(var(--color-foreground-secondary))}.search-panel__chip:focus-visible,.search-panel__link:focus-visible{border-color:rgb(var(--color-foreground))}@media screen and (hover:hover)and (pointer:fine){.search-panel__chip:hover{border-color:rgb(var(--color-foreground))}}.search-panel__link{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;min-height:4.4rem;padding:0 .4rem;font-size:1.5rem;line-height:1.3;color:rgb(var(--color-foreground));text-decoration:none;border:.1rem solid transparent;border-bottom-color:rgb(var(--color-border))}.search-panel__link--query{justify-content:flex-start}.search-panel__link svg{flex-shrink:0;width:1.6rem;height:1.6rem;color:rgb(var(--color-foreground-secondary))}.search-panel__link .icon-caret{transform:rotate(-90deg)}.search-panel__link mark{font-weight:600;color:inherit;background:none}@media screen and (hover:hover)and (pointer:fine){.search-panel__link:hover span{text-decoration:underline;text-underline-offset:.3rem}}.search-panel__products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4rem 1.2rem}@media screen and (min-width:576px){.search-panel__products{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (min-width:990px){.search-panel__products{grid-template-columns:repeat(5,minmax(0,1fr));gap:3.2rem 1.6rem}}.search-panel__product{display:flex;flex-direction:column;gap:1rem;color:rgb(var(--color-foreground));text-decoration:none}.search-panel__product-media{position:relative;display:block;aspect-ratio:1;background-color:var(--packshot-bg);outline:.1rem solid transparent;outline-offset:-.1rem;isolation:isolate;transition:outline-color var(--duration-default)}.search-panel__product-media img,.search-panel__product-media .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:6%;object-fit:contain;mix-blend-mode:multiply}.search-panel__product:focus-visible .search-panel__product-media{outline-color:rgb(var(--color-foreground))}@media screen and (hover:hover)and (pointer:fine){.search-panel__product:hover .search-panel__product-media{outline-color:rgb(var(--color-foreground))}}.search-panel__product-info{display:flex;flex-direction:column;gap:.3rem}.search-panel__product-vendor{font-size:1.1rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--color-foreground-secondary))}.search-panel__product-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:1.3rem;line-height:1.35}.search-panel__product-price{display:flex;flex-wrap:wrap;gap:0 .6rem;font-size:1.3rem;font-weight:500}.search-panel__product-price--sale{color:rgb(var(--color-card-price-sale))}.search-panel__product-compare{font-weight:400;color:rgb(var(--color-card-price-old))}.search-panel__all{width:100%;margin-top:2.4rem}@media screen and (min-width:990px){.search-panel__all{width:auto;min-width:32rem}}.search-panel__all:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.search-panel__empty{padding-block:1.6rem 2.4rem}.search-panel__empty-title{margin:0 0 .8rem;font-size:1.8rem;font-weight:500}.search-panel__empty-text{margin:0;font-size:1.4rem;color:rgb(var(--color-foreground-secondary))}.search-panel__loading{position:absolute;top:2.4rem;right:0;display:none;width:2rem;height:2rem;margin-inline-end:var(--gutter)}.search-panel[loading] .search-panel__loading{display:flex}.search-panel__loading svg{width:100%;height:100%}@media screen and (max-width:989px){html.search-panel-open,html.search-panel-open body{overflow:hidden}.search-panel__dropdown{height:var(--search-panel-height, calc(100dvh - 12rem) )}.search-panel__inner{padding-block:2rem 6.4rem}}@media screen and (max-width:989px){.search-panel__results>.search-panel__aside{display:contents}.search-panel__results>.search-panel__aside>.search-panel__group{order:3;margin-top:0}.search-panel__results>.search-panel__aside>.search-panel__group--queries{order:1}.search-panel__results>.search-panel__main{order:2}}.search-panel__product:focus-visible{outline:none}.search-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;align-items:center;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background))}.search-layer[hidden]{display:none}.search-layer__bar{width:100%}.search-layer .search-panel__form{max-width:88rem;margin-inline:auto}.search-layer .search-panel__cancel{display:inline-flex;align-items:center;min-width:4.4rem;justify-content:center;font-size:1.2rem;letter-spacing:.06em;text-transform:uppercase}@media screen and (min-width:990px){.search-layer .search-panel__input{font-size:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/component-search-panel.css.map */