.search-popup{--search-sidebar-width: 280px;--search-product-columns: 2}@media(min-width:768px){.search-popup{--search-product-columns: 3}}@media(min-width:1024px){.search-popup{--search-sidebar-width: 300px;--search-product-columns: 4}}.search-popup__checkbox{position:absolute;opacity:0;pointer-events:none}.search-popup__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;top:var(--header-banner-height, 0px);z-index:calc(var(--z-modal) - 1);background-color:var(--color-overlay);-webkit-backdrop-filter:var(--overlay-blur);backdrop-filter:var(--overlay-blur);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-base),visibility var(--transition-base);cursor:pointer}.search-popup__checkbox:checked~.search-popup__backdrop{opacity:1;visibility:visible;pointer-events:auto;touch-action:none;overscroll-behavior:contain}body:has(.search-popup__checkbox:checked){overflow:hidden}body:has(.search-popup__checkbox:checked) .header{position:fixed;top:0;left:0;right:0}body:has(.search-popup__checkbox:checked) main{padding-top:var(--header-height)}.search-popup{position:fixed;top:0;right:0;bottom:0;left:0;top:var(--header-banner-height, 0px);z-index:var(--z-modal);display:flex;flex-direction:column;background-color:var(--color-white);visibility:hidden;pointer-events:none}.search-popup .search-popup__header{clip-path:inset(0 100% 0 0);transition:clip-path .25s cubic-bezier(.4,0,.2,1)}.search-popup__checkbox:checked~.search-popup .search-popup__header{clip-path:inset(0 0 0 0);transition:clip-path .3s cubic-bezier(.4,0,.2,1)}.search-popup .search-popup__content{transform:translateY(-20px);opacity:0;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.search-popup__checkbox:checked~.search-popup .search-popup__content{transform:translateY(0);opacity:1;transition:transform .35s cubic-bezier(.4,0,.2,1) .15s,opacity .35s cubic-bezier(.4,0,.2,1) .15s}.search-popup__checkbox:checked~.search-popup{visibility:visible;pointer-events:auto}.search-popup__header{display:flex;align-items:center;flex-shrink:0;height:var(--header-nav-height);padding-inline:var(--space-m);border-bottom:var(--border-weight) solid var(--color-light-grey);background-color:var(--color-white)}.search-popup__form{position:relative;display:flex;align-items:center;flex:1;height:100%;min-width:0;overflow:hidden}.search-popup__search-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--icon-size);height:var(--icon-size);color:var(--color-black)}.search-popup__search-icon svg{width:var(--icon-size);height:var(--icon-size)}.search-popup__field{position:relative;flex:1;min-width:0;display:flex;align-items:center;align-self:stretch;height:100%}.search-popup__input,.search-popup__autocomplete{font-family:var(--font-body);font-size:var(--Body-1, 11px);font-weight:var(--font-weight-light);line-height:var(--leading-body);letter-spacing:var(--tracking-body)}.search-popup__input{flex:1;min-width:0;height:100%;padding-inline:var(--space-s);border:none;background:transparent;color:var(--color-black)}@media(max-width:1023px){.search-popup__field{transform-origin:left center;transform:scale(.6875);width:calc(100% * 16 / 11)}.search-popup__input,.search-popup__autocomplete{font-size:16px}}@media(min-width:768px)and (max-width:1023px){.search-popup__field{transform:scale(.75);width:calc(100% * 16 / 12)}}.search-popup__input::placeholder{color:var(--color-middle-grey)}.search-popup__input:focus{outline:none}.search-popup__input::-webkit-search-cancel-button,.search-popup__input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.search-popup__autocomplete{position:absolute;left:var(--space-s);right:0;overflow:hidden;pointer-events:none;color:var(--color-light-grey);white-space:nowrap}.search-popup__close{display:flex;align-items:center;justify-content:center;flex-shrink:0;align-self:stretch;margin-right:calc(var(--space-m) * -1);padding:var(--space-m);background:none;border:none;border-left:var(--border-weight) solid var(--color-light-grey);cursor:pointer;color:var(--color-black);transition:opacity var(--transition-fast)}.search-popup__close:hover{opacity:.7}.search-popup__close svg{width:var(--icon-size);height:var(--icon-size)}.search-popup__content{display:flex;flex-direction:column;flex:1;overflow-y:auto}@media(min-width:768px){.search-popup__content{flex-direction:row;overflow:hidden}}.search-popup__sidebar{flex-shrink:0;padding:var(--space-m);border-bottom:var(--border-weight) solid var(--color-light-grey)}@media(min-width:768px){.search-popup__sidebar{width:var(--search-sidebar-width);border-bottom:none;border-right:var(--border-weight) solid var(--color-light-grey);overflow-y:auto}}.search-sidebar__section{padding-bottom:var(--space-l);margin-bottom:var(--space-l);margin-left:calc(var(--space-m) * -1);margin-right:calc(var(--space-m) * -1);padding-left:var(--space-m);padding-right:var(--space-m);border-bottom:var(--border-weight) solid var(--color-light-grey)}.search-sidebar__section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.search-sidebar__title{margin-bottom:var(--space-s);font-family:var(--font-display);font-size:var(--text-header-3);font-weight:var(--font-weight-black);letter-spacing:var(--tracking-display);color:var(--color-black)}.search-sidebar__list{list-style:none;padding:0;margin:0}.search-sidebar__item{margin-bottom:var(--space-xs)}.search-sidebar__link{display:block;font-family:var(--font-body);font-size:var(--text-body-1);font-weight:var(--font-weight-light);letter-spacing:var(--tracking-body);color:var(--color-black);text-decoration:none;transition:color var(--transition-fast)}.search-sidebar__link:hover{color:var(--color-koi)}.search-sidebar__chips{display:flex;flex-wrap:wrap;gap:var(--space-s)}.search-sidebar__chip{display:inline-flex;align-items:center;gap:var(--space-xs);padding:0;background:none;border:none;font-family:var(--font-body);font-size:var(--text-body-1);font-weight:var(--font-weight-light);letter-spacing:var(--tracking-body);color:var(--color-black);text-decoration:none;transition:color var(--transition-fast)}.search-sidebar__chip:hover{color:var(--color-koi)}.search-sidebar__chip-icon{width:var(--icon-size);height:var(--icon-size)}.search-popup__results{flex:1;padding:0;background-color:var(--color-off-white)}@media(min-width:768px){.search-popup__results{overflow-y:auto;scrollbar-width:none}.search-popup__results::-webkit-scrollbar{display:none}}.search-product-grid{min-height:200px}.search-product-grid__initial,.search-product-grid__loading,.search-product-grid__results,.search-product-grid__empty,.search-product-grid__error{display:none}.search-product-grid[data-state=initial]>.search-product-grid__initial{display:flex}.search-product-grid[data-state=loading]>.search-product-grid__loading{display:grid}.search-product-grid[data-state=results]>.search-product-grid__results{display:grid}.search-product-grid[data-state=empty]>.search-product-grid__empty{display:flex}.search-product-grid[data-state=error]>.search-product-grid__error{display:flex}.search-product-grid__empty,.search-product-grid__error{flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);text-align:center}.search-product-grid__initial{flex-direction:column}.search-product-grid__message{font-family:var(--font-body);font-size:var(--text-body-1);font-weight:var(--font-weight-light);letter-spacing:var(--tracking-body);color:var(--color-middle-grey)}.search-product-grid__submessage{margin-top:var(--space-xs);font-family:var(--font-body);font-size:var(--text-body-2);font-weight:var(--font-weight-light);letter-spacing:var(--tracking-body);color:var(--color-light-grey)}.search-product-grid__retry{margin-top:var(--space-m);padding:var(--space-xs) var(--space-m);background-color:var(--color-black);border:none;font-family:var(--font-body);font-size:var(--text-body-2);font-weight:var(--font-weight-regular);color:var(--color-white);cursor:pointer;transition:background-color var(--transition-fast)}.search-product-grid__retry:hover{background-color:var(--color-dark-grey)}.search-product-grid__loading,.search-product-grid__results{grid-template-columns:repeat(var(--search-product-columns),minmax(0,1fr));border-top:var(--border)}.search-product-grid__loading>*,.search-product-grid__results>.product-card{border-right:var(--border);border-bottom:var(--border)}.search-initial__section{padding-bottom:var(--space-l);margin-bottom:var(--space-l);border-bottom:var(--border-weight) solid var(--color-light-grey)}.search-initial__popular{text-align:left}.search-initial__title{padding:var(--space-m) var(--space-m) 0;margin-bottom:var(--space-m);font-family:var(--font-display);font-size:var(--text-header-3);font-weight:var(--font-weight-black);letter-spacing:var(--tracking-display);color:var(--color-black);text-transform:uppercase}.search-initial__products{display:grid;grid-template-columns:repeat(var(--search-product-columns),minmax(0,1fr));border-top:var(--border)}.search-initial__products>.product-card{border-bottom:var(--border);border-right:var(--border)}.search-initial__info-boxes{display:grid;grid-template-columns:1fr;gap:var(--space-m);padding:var(--space-m)}@media(min-width:768px){.search-initial__info-boxes{grid-template-columns:repeat(2,1fr)}}.search-initial__info-box{display:flex;flex-direction:column;padding:var(--space-l);background-color:var(--color-white);border-radius:var(--radius-s)}.search-initial__info-icon{display:flex;align-items:center;justify-content:flex-start;width:calc(var(--icon-size) * 2);height:calc(var(--icon-size) * 2);margin-bottom:var(--space-s);color:var(--color-black)}.search-initial__info-icon img{width:calc(var(--icon-size) * 2);height:calc(var(--icon-size) * 2);object-fit:contain}.search-initial__info-content{display:flex;flex-direction:column;gap:var(--space-xs)}.search-initial__info-title{font-family:var(--font-display);font-size:var(--text-header-3);font-weight:var(--font-weight-black);letter-spacing:var(--tracking-display);color:var(--color-black);margin:0}.search-initial__info-text{font-family:var(--font-body);font-size:var(--text-body-2);font-weight:var(--font-weight-light);letter-spacing:var(--tracking-body);color:var(--color-dark-grey);margin:0;line-height:var(--leading-header)}.search-initial__info-link{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);margin-top:var(--space-s);padding:var(--space-xs) var(--space-m);font-family:var(--font-body);font-size:var(--text-body-1);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-body);text-transform:uppercase;color:var(--color-black);text-decoration:none;background-color:var(--color-white);border:var(--border-weight) solid var(--color-black);cursor:pointer;transition:background-color var(--transition-fast)}.search-initial__info-link:hover{background-color:var(--color-hover-bg, var(--color-off-white))}.search-initial__info-link:focus-visible{outline:var(--focus-ring-width) solid var(--color-koi);outline-offset:var(--focus-ring-offset)}.search-initial__info-link svg{display:none}@media(prefers-reduced-motion:reduce){.search-popup,.search-popup__header,.search-popup__content,.search-popup__backdrop,.search-popup__close,.search-sidebar__link,.search-sidebar__chip,.search-initial__info-link{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-search.css.map */