hw-search-panel{display:block;position:fixed;top:var(--hw-search-panel-top, calc(var(--header-group-height, 0px) - var(--header-height, 0px)));left:0;right:0;z-index:var(--layer-header-menu, 12)}hw-search-panel[hidden]{display:none}.hw-search-panel__backdrop{position:fixed;top:var(--hw-search-backdrop-top, var(--header-group-height, 0px));left:0;right:0;bottom:0;background-color:rgba(0,0,0,calc(var(--hw-search-backdrop-opacity, 40) / 100));z-index:calc(var(--layer-header-menu, 12) - 1);pointer-events:auto;cursor:default}.hw-search-panel__backdrop[hidden]{display:none}.hw-search-panel__surface{background-color:rgb(var(--color-background-rgb));border-bottom:1px solid var(--color-border);box-shadow:0 10px 28px #0000000f}.hw-search-panel__search-row{display:flex;align-items:center;gap:14px;height:var(--header-height, 60px);border-bottom:1px solid var(--color-border)}.hw-search-panel__search-row.page-width{max-width:var(--page-width, 1440px);margin-inline:auto;padding-inline:var(--page-width-margin, 40px);width:100%}.hw-search-panel__search-row.hw-search-panel__search-row--full{padding-inline:40px}.hw-search-panel__input-wrapper{flex:1;min-width:200px;display:flex;align-items:center;gap:10px;background-color:#0000000d;border:none;border-radius:6px;padding-inline:12px;height:42px;transition:box-shadow var(--animation-speed, .15s) ease}.hw-search-panel__input-wrapper:focus-within{box-shadow:0 0 0 1.5px rgb(var(--color-foreground-rgb) / .3)}.hw-search-panel__search-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:rgb(var(--color-foreground-rgb) / .5);pointer-events:none}.hw-search-panel__search-icon svg{width:100%;height:100%;display:block}.hw-search-panel__input-wrapper .hw-search-panel__input{flex:1;min-width:0;background:transparent!important;border:none;outline:none;font:inherit;font-size:var(--font-size-base, 16px);color:rgb(var(--color-foreground-rgb));padding:0;appearance:none;-webkit-appearance:none}.hw-search-panel__input::placeholder{color:rgb(var(--color-foreground-rgb) / .5)}.hw-search-panel__input::-webkit-search-decoration,.hw-search-panel__input::-webkit-search-cancel-button{-webkit-appearance:none}.hw-search-panel__clear-btn{flex-shrink:0;background:none;border:none;padding:0;cursor:pointer;font:inherit;font-size:13px;font-weight:500;color:var(--hw-search-clear-btn-color, rgb(var(--color-foreground-rgb) / .55));white-space:nowrap;transition:color var(--animation-speed, .15s) ease;text-decoration:underline}.hw-search-panel__clear-btn:hover,.hw-search-panel__clear-btn:focus-visible{color:var(--hw-search-clear-btn-hover-color, rgb(var(--color-foreground-rgb)));outline:none}.hw-search-panel__clear-btn[hidden]{display:none}.hw-search-panel__close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;padding:0;background:transparent;border:1px solid rgba(0,0,0,.08);border-radius:9999px;color:rgb(var(--color-foreground-rgb));cursor:pointer;transition:background-color var(--animation-speed, .15s) ease}.hw-search-panel__close-btn:hover{background-color:#0000000d}.hw-search-panel__close-btn svg,.hw-search-panel__close-btn img{width:14px;height:14px;display:block}.hw-search-panel__logo{display:inline-flex;align-items:center;flex-shrink:0;text-decoration:none;color:inherit;flex-basis:var(--hw-search-logo-area-width, auto);min-width:var(--hw-search-logo-area-width, 0px)}.hw-search-panel__logo-img{display:block;height:34px;width:auto;max-width:200px}.hw-search-panel__logo-text{font-weight:700;white-space:nowrap}.hw-search-panel__inner{padding-block:var(--hw-search-panel-padding-top, 32px) var(--hw-search-panel-padding-bottom, 48px)}.hw-search-panel__inner.page-width{max-width:var(--page-width, 1440px);margin-inline:auto;padding-inline:var(--page-width-margin, 40px);width:100%}.hw-search-panel__inner.hw-search-panel__inner--full{padding-inline:40px}.hw-search-panel__state-default,.hw-search-panel__state-results,.hw-search-panel__state-no-results{display:none}hw-search-panel[data-state=default] .hw-search-panel__state-default{display:flex;align-items:flex-start;gap:0}hw-search-panel[data-state=results] .hw-search-panel__state-results{display:flex;flex-direction:column;gap:16px}hw-search-panel[data-state=no-results] .hw-search-panel__state-no-results{display:flex;align-items:center;justify-content:flex-start}.hw-search-panel__sidebar{display:flex;flex-direction:column;gap:16px;flex-shrink:0;width:var(--hw-search-sidebar-width, 306px);min-width:0}.hw-search-panel__popular-label{display:block;font-family:var(--hw-search-popular-label-font-family, inherit);font-size:var(--hw-search-popular-label-font-size, 14px);font-weight:var(--hw-search-popular-label-font-weight, 600);line-height:var(--hw-search-popular-label-line-height, inherit);letter-spacing:var(--hw-search-popular-label-letter-spacing, .05em);text-transform:var(--hw-search-popular-label-text-transform, uppercase);color:rgb(var(--color-foreground-rgb) / .6)}@media screen and (min-width:750px){.hw-search-panel__popular-label{font-size:var(--hw-search-popular-label-font-size-desktop, var(--hw-search-popular-label-font-size, 14px))}}.hw-search-panel__divider{width:1px;align-self:stretch;background-color:var(--color-border);flex-shrink:0;margin-inline:20px}.hw-search-panel__pills{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.hw-search-panel__pill{display:inline-flex;align-items:center;justify-content:center;min-height:var(--hw-search-pill-height, 42px);padding-block:0;padding-inline:var(--hw-search-pill-padding-inline, 14px);background-color:var(--hw-search-pill-bg, transparent);border:var(--hw-search-pill-border-width, 1px) solid var(--hw-search-pill-border-color, var(--color-border));border-radius:var(--style-border-radius-buttons-primary, 100px);color:var(--hw-search-pill-text, rgb(var(--color-foreground-rgb)));font:inherit;font-family:var(--hw-search-pill-font-family, inherit);font-size:var(--hw-search-pill-font-size, 14px);font-weight:var(--hw-search-pill-font-weight, inherit);line-height:var(--hw-search-pill-line-height, inherit);letter-spacing:var(--hw-search-pill-letter-spacing, inherit);text-transform:var(--hw-search-pill-text-transform, inherit);cursor:pointer;transition:background-color var(--animation-speed, .15s) ease,border-color var(--animation-speed, .15s) ease,color var(--animation-speed, .15s) ease,opacity var(--animation-speed, .15s) ease;white-space:nowrap}.hw-search-panel__pill:hover{background-color:rgb(var(--color-foreground-rgb) / .06)}.hw-search-panel__pill:not(.hw-search-panel__pill--active){opacity:var(--hw-search-pill-inactive-opacity, 1)}.hw-search-panel__pill--active{background-color:var(--hw-search-pill-active-bg, rgb(var(--color-foreground-rgb)));border-color:var(--hw-search-pill-active-border, var(--hw-search-pill-active-bg, rgb(var(--color-foreground-rgb))));color:var(--hw-search-pill-active-text, rgb(var(--color-background-rgb)));opacity:1}.hw-search-panel__pill--active:hover{background-color:var(--hw-search-pill-active-bg, rgb(var(--color-foreground-rgb) / .85));opacity:.85}.hw-search-panel__cards{flex:1;min-width:0;display:grid;grid-template-columns:repeat(var(--hw-search-max-cards, 5),1fr);gap:var(--hw-search-card-gap, 14px);align-items:start;width:100%}.hw-search-panel__cards--results{grid-template-columns:repeat(var(--hw-search-max-cards, 5),minmax(0,1fr))}.hw-search-panel__card-wrap{min-width:0}.hw-search-panel__results-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.hw-search-panel__results-label{font-family:var(--hw-search-results-label-font-family, inherit);font-size:var(--hw-search-results-label-font-size, 14px);font-weight:var(--hw-search-results-label-font-weight, 600);line-height:var(--hw-search-results-label-line-height, inherit);letter-spacing:var(--hw-search-results-label-letter-spacing, .05em);text-transform:var(--hw-search-results-label-text-transform, uppercase);color:rgb(var(--color-foreground-rgb))}@media screen and (min-width:750px){.hw-search-panel__results-label{font-size:var(--hw-search-results-label-font-size-desktop, var(--hw-search-results-label-font-size, 14px))}}.hw-search-panel__results-count{font-family:var(--hw-search-results-count-font-family, inherit);font-size:var(--hw-search-results-count-font-size, 13px);font-weight:var(--hw-search-results-count-font-weight, inherit);line-height:var(--hw-search-results-count-line-height, inherit);letter-spacing:var(--hw-search-results-count-letter-spacing, inherit);text-transform:var(--hw-search-results-count-text-transform, none);color:rgb(var(--color-foreground-rgb) / .55);white-space:nowrap}@media screen and (min-width:750px){.hw-search-panel__results-count{font-size:var(--hw-search-results-count-font-size-desktop, var(--hw-search-results-count-font-size, 13px))}}.hw-search-panel__no-results-text{font-size:15px;color:rgb(var(--color-foreground-rgb) / .65);margin:0}.hw-search-card__badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:100px;background-color:rgb(var(--color-foreground-rgb));color:rgb(var(--color-background-rgb));font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;line-height:1.4;white-space:nowrap;flex-shrink:0}hw-search-panel:not([data-show-badge]) .hw-search-card__badge{display:none}@media screen and (min-width:750px){#header-component.hw-header--search-open .header-menu{opacity:0;pointer-events:none;transition:opacity var(--animation-speed, .15s) ease}}@media(prefers-reduced-motion:no-preference){hw-search-panel{transition:none}hw-search-panel[data-state]:not([hidden]){animation:hw-search-panel-slide-in var(--animation-speed, .2s) ease both}@keyframes hw-search-panel-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}}@media screen and (max-width:989px){#header-component.hw-header--search-open .header__columns{visibility:hidden;pointer-events:none}hw-search-panel:not([hidden]){z-index:calc(var(--layer-header-menu, 12) + 1);top:calc(var(--header-group-height, 0px) - var(--header-height, 0px));bottom:0;height:auto;max-height:none;overflow:hidden}.hw-search-panel__surface{height:100%;min-height:100%;display:flex;flex-direction:column;overflow:hidden}.hw-search-panel__backdrop:not([hidden]){top:calc(var(--header-group-height, 0px) - var(--header-height, 0px))}.hw-search-panel__search-row{flex-shrink:0;flex-wrap:wrap;height:auto;padding-block:20px;padding-inline:20px!important;border-bottom:none}.hw-search-panel__inner{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-top:14px!important;padding-bottom:24px!important;padding-inline:20px!important}.hw-search-panel__logo{flex:1}.hw-search-panel__close-btn{order:2;position:absolute;top:20px;right:20px}.hw-search-panel__input-wrapper{order:3;flex:0 0 100%;height:44px}hw-search-panel[data-state=default] .hw-search-panel__state-default{flex-direction:column;gap:16px}.hw-search-panel__sidebar{width:100%;max-height:none;overflow-y:visible}.hw-search-panel__pills{--hw-search-pill-bleed: 20px;gap:8px;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;inline-size:calc(100% + 2 * var(--hw-search-pill-bleed));margin-inline:calc(-1 * var(--hw-search-pill-bleed));padding-inline:var(--hw-search-pill-bleed);scroll-padding-inline:var(--hw-search-pill-bleed)}.hw-search-panel__pills::-webkit-scrollbar{display:none}.hw-search-panel__pills>li{flex:0 0 auto;scroll-snap-align:start}.hw-search-panel__pill{min-height:36px;padding-inline:12px}.hw-search-panel__divider{display:none}.hw-search-panel__cards,.hw-search-panel__cards--results{grid-template-columns:repeat(3,1fr);gap:17px}}@media screen and (min-width:750px){.hw-search-panel__pill{min-height:var(--hw-search-pill-height-desktop, var(--hw-search-pill-height, 42px));font-size:var(--hw-search-pill-font-size-desktop, var(--hw-search-pill-font-size, 14px))}}@media screen and (max-width:749px){.hw-search-panel__cards,.hw-search-panel__cards--results{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:990px){.hw-search-panel__sidebar{overflow-y:auto;max-height:calc(100vh - var(--header-group-height, 0px) - 80px)}}.hw-search-panel__card-wrap[hidden],.hw-search-panel__cards[hidden]{display:none}
/*# sourceMappingURL=/cdn/shop/t/17/assets/hw-search.css.map */