header-search-panel{display:block;left:0;position:absolute;right:0;top:100%}header-search-panel .header-search__overlay{background:#0000008c;display:block;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:-1}header-search-panel.is-open .header-search__overlay{opacity:1;pointer-events:auto}.header-search__shell{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}header-search-panel.is-open .header-search__shell{grid-template-rows:1fr}.header-search__clip{min-height:0;overflow:hidden;scrollbar-width:none;transition:visibility 0s linear .3s;visibility:hidden}.header-search__clip::-webkit-scrollbar{display:none}header-search-panel.is-open .header-search__clip{max-height:var(--panel-max-height, calc(100dvh - 160px) );overflow-y:auto;transition-delay:0s;visibility:visible}.header-search__inner{border-top:1px solid rgba(var(--color-foreground),.15);padding-bottom:28px;padding-top:20px}.header-search__top{align-items:center;display:flex;flex-wrap:wrap;gap:16px 20px}.header-search__suggestions{align-items:center;display:flex;flex:1 1 100%;flex-wrap:wrap;gap:8px 18px;min-width:0;order:3}.header-search__label,.header-search__heading{color:rgba(var(--color-foreground),.55);font-family:var(--font-heading-family);font-size:13.65px;font-weight:700;letter-spacing:.42px;margin:0;text-transform:uppercase}.header-search__suggestion{color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}.header-search__suggestion span{background-image:linear-gradient(#fa3939,#fa3939);background-position:left bottom;background-repeat:no-repeat;background-size:0 2px;padding-bottom:4px;transition:background-size .25s ease}.header-search__suggestion:hover span,.header-search__suggestion:focus-visible span{background-size:100% 2px}.header-search__form{border-radius:8px;box-shadow:0 0 0 1.3px rgb(var(--color-foreground));display:flex;flex:1 1 0;height:46px;min-width:0;overflow:hidden;transition:box-shadow .1s ease}.header-search__form:hover,.header-search__form:focus-within{box-shadow:0 0 0 2.3px rgb(var(--color-foreground))}.header-search__input{-webkit-appearance:none;appearance:none;background:none;border:0;color:rgb(var(--color-foreground));flex:1 1 0;font-family:var(--font-heading-family);font-size:16px;font-weight:700;min-width:0;outline:none;padding:0 14px}.header-search__input:focus,.header-search__input:focus-visible{box-shadow:none;outline:none}.header-search__input::placeholder{color:rgba(var(--color-foreground),.55);opacity:1}.header-search__input::-webkit-search-cancel-button{display:none}.header-search__submit,.header-search__close{align-items:center;background:none;border:0;color:rgb(var(--color-foreground));cursor:pointer;display:flex;flex:0 0 46px;height:46px;justify-content:center;padding:0;transition:background-color .15s ease;width:46px}.header-search__submit:hover,.header-search__close:hover{background-color:rgba(var(--color-foreground),.15)}.header-search__close{border-radius:8px}.header-search__submit svg{height:20px;overflow:visible;stroke:currentColor;stroke-width:.7;width:20px}.header-search__close svg{height:22px;width:22px}.header-search__results-header{align-items:center;display:flex;height:24px;justify-content:space-between;margin:22px 0 12px}.header-search__results-header>*{line-height:24px}.header-search__view-all{color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-size:13.65px;font-weight:700;text-decoration:none}.header-search__view-all:hover{text-decoration:underline;text-decoration-color:#fa3939;text-decoration-thickness:2px;text-underline-offset:4px}.header-search__status{color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-size:15px;font-weight:700;margin:0}.header-search__products{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0;padding:0}.header-search__products[hidden]{display:none}.header-search__product{background:#fff;border-radius:8px;box-shadow:0 0 0 1.3px transparent;color:#000;display:flex;flex-direction:column;height:100%;padding:10px;text-decoration:none;transition:box-shadow .1s ease}.header-search__product:hover{box-shadow:0 0 0 2.3px #fa3939}.header-search__product img{aspect-ratio:1;display:block;height:auto;margin-bottom:8px;object-fit:contain;width:100%}.header-search__product-title{font-family:var(--font-heading-family);font-size:13px;font-weight:700;line-height:1.3;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.header-search__product-price{font-family:var(--font-heading-family);font-size:14px;font-weight:700;margin-top:4px}@media screen and (min-width:750px){.header-search__products{grid-template-columns:repeat(3,minmax(0,1fr))}.header-search__inner{padding-bottom:32px}}@media screen and (min-width:990px){.header-search__products{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.header-search__shell,.header-search__overlay,.header-search__clip{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/component-header-search.css.map */
