.header-search{flex-shrink:0}.header-search-trigger{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:var(--btn-height-micro);height:var(--btn-height-micro);padding:0;border:none;border-radius:.5rem;background:transparent;cursor:pointer;transition:background-color .2s}.header-search-trigger .icon.search{background-color:var(--color-white);width:2rem;height:2rem;-webkit-mask-image:url(icon-search.svg);mask-image:url(icon-search.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.header-search-trigger:hover,.header-search-trigger:focus-visible{outline:none;background-color:var(--color-blue-1200)}.header-search-palette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:flex-start;justify-content:center;padding:var(--space-4) var(--space-2);pointer-events:none}.header-search-palette[hidden]{display:none}.header-search-palette.is-open{pointer-events:auto}.header-search-palette.is-open .header-search-backdrop{opacity:1}.header-search-palette.is-open .header-search-panel{opacity:1;transform:translateY(0) scale(1)}.header-search-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a122a8c;opacity:0;transition:opacity var(--duration-normal) ease;cursor:pointer}.header-search-panel{position:relative;z-index:1;width:100%;max-width:56rem;margin-top:min(12vh,var(--space-8));background:var(--color-white);border-radius:var(--radius-s);box-shadow:var(--shadow-3);overflow:hidden;opacity:0;transform:translateY(-1rem) scale(.98);transition:opacity var(--duration-normal) ease,transform var(--duration-normal) ease;display:flex;flex-direction:column;max-height:min(80vh,52rem)}.header-search-panel-header{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-2-5);border-bottom:1px solid var(--color-border);flex-shrink:0;min-height:calc(var(--btn-height) + var(--space-2))}.header-search-form{display:flex;flex:1;min-width:0;margin:0}.header-search-field{display:flex;align-items:center;gap:var(--space-1-5);width:100%;min-height:var(--btn-height);padding-inline:var(--space-2);padding-block:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-xs);background-color:var(--color-grey-100);transition:border-color .2s,background-color .2s}.header-search-field:focus-within{border-color:var(--color-blue-1000);background-color:var(--color-white)}.header-search-field .icon.search{flex-shrink:0;width:2rem;height:2rem;background-color:var(--color-grey-500);-webkit-mask-image:url(icon-search.svg);mask-image:url(icon-search.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.header-search-input{flex:1;min-width:0;width:100%;height:auto;min-height:2.8rem;padding:0;margin:0;border:none;background:transparent;font-family:var(--font-heading);font-size:var(--text-body-2);font-weight:var(--weight-regular);line-height:var(--leading-body);color:var(--color-grey-1000);-webkit-appearance:none;appearance:none}.header-search-input::placeholder{color:var(--color-text-muted)}.header-search-input:focus{outline:none;box-shadow:none}.header-search-input::-webkit-search-decoration,.header-search-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.header-search-close{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;align-self:center;width:var(--btn-height);height:var(--btn-height);padding:0;border:none;border-radius:var(--radius-xs);background:transparent;cursor:pointer}.header-search-close .icon.close{width:2rem;height:2rem;background-color:var(--color-grey-800);-webkit-mask-image:url(icon-close.svg);mask-image:url(icon-close.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.header-search-close:hover,.header-search-close:focus-visible{outline:none;background:var(--color-grey-100)}.header-search-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.header-search-scroll{flex:1;min-height:0;overflow-y:auto;padding-inline:var(--space-2)}.header-search-footer{flex-shrink:0;background:var(--color-white);border-top:1px solid var(--color-border)}.header-search-footer[hidden]{display:none}.header-search-footer .header-search-view-all{display:flex;align-items:center;justify-content:center;min-height:var(--btn-height);padding:var(--space-1-5) var(--space-2);text-align:center;font-size:var(--text-body-3);font-weight:var(--weight-bold);color:var(--color-blue-1000);text-decoration:none;transition:background-color .2s}.header-search-footer .header-search-view-all:hover{background:var(--color-blue-100)}.header-search-results[hidden]{display:none}.header-search-results:not([hidden]):empty{display:none}.header-search-results .header-search-results-group{padding-block:var(--space-1-5);padding-inline:0}.header-search-results .header-search-results-group:not(:last-child){border-bottom:1px solid var(--color-border)}.header-search-results .header-search-results-group h3{padding-inline:var(--space-1);font-size:var(--text-overline);font-weight:var(--weight-extra-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-text-muted);margin:0 0 var(--space-1)}.header-search-results .header-search-result{display:flex;align-items:center;gap:var(--space-1-5);min-height:var(--space-5);padding-block:var(--space-0-5);padding-inline:var(--space-1);text-decoration:none;color:var(--color-grey-1000);border-radius:var(--radius-xs)}.header-search-results .header-search-result:hover,.header-search-results .header-search-result:focus-visible{outline:none;background:var(--color-blue-100)}:is(.header-search-results .header-search-result:hover,.header-search-results .header-search-result:focus-visible) .header-search-result-title{color:var(--color-blue-1000)}.header-search-results .header-search-result img{width:4.8rem;height:4.8rem;object-fit:contain;flex-shrink:0;border-radius:var(--radius-xs);background:var(--color-grey-100)}.header-search-results .header-search-result .header-search-result-body{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-width:0;flex:1}.header-search-results .header-search-result .header-search-result-title{flex:1;min-width:0;font-size:var(--text-body-3);font-weight:var(--weight-medium);line-height:var(--leading-snug);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-search-results .header-search-result .header-search-result-meta{flex-shrink:0;font-size:var(--text-body-4);font-weight:var(--weight-medium);color:var(--color-text-muted);line-height:var(--leading-snug);white-space:nowrap;text-align:end}.header-search-results .header-search-empty{padding:var(--space-3) var(--space-1);font-size:var(--text-body-3);color:var(--color-text-muted);text-align:center}@media(min-width:770px){.header-search-palette{padding:min(10vh,var(--space-6)) var(--space-4)}.header-search-panel{margin-top:0}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/header-search.css.map */