.ht-search-shell{display:block;position:relative;grid-column:1;grid-row:1;width:100%;max-width:350px;min-width:0}.ht-search-shell [hidden]{display:none!important}.ht-search-shell .ht-header-search{max-width:none}.ht-search-shell .ht-header-search:focus-within{border-color:var(--ht-muted);box-shadow:0 0 0 1px var(--ht-muted)}.ht-search-shell .ht-header-search input:focus-visible{outline:none;box-shadow:none}.ht-search-shell input::-webkit-search-cancel-button{display:none}.ht-header-search .ht-search-clear{flex-basis:44px;width:44px;font:400 24px/1 var(--font-body-family);color:#655f57}.ht-search-panel{position:absolute;top:calc(100% + 8px);left:0;width:min(500px,calc(100vw - 48px));z-index:50;background:var(--ht-cream);color:var(--ht-ink);border:1px solid var(--ht-line);border-radius:2px;box-shadow:0 16px 36px #1c1b1920;max-height:min(640px,var(--ht-search-height,70dvh));overflow-y:auto;overscroll-behavior:contain}.ht-search-panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:8px 12px 8px 20px;border-bottom:1px solid var(--ht-line);font:500 14px/1.5 var(--font-body-family);letter-spacing:.025em}.ht-search-panel-head button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border:0;background:transparent;color:inherit;font:400 26px/1 var(--font-body-family);cursor:pointer}.ht-search-list{list-style:none;padding:0;margin:0}.ht-search-option{margin:0}.ht-search-option+.ht-search-option{border-top:1px solid var(--ht-line)}.ht-search-product{display:grid;grid-template-columns:64px minmax(0,1fr) 18px;gap:16px;align-items:center;padding:14px 20px;text-decoration:none;color:inherit}.ht-search-photo{display:block;width:64px;height:80px;object-fit:contain;background:#fff}.ht-search-product-info{display:flex;flex-direction:column;gap:4px;min-width:0}.ht-search-vendor{font:500 12px/1.4 var(--font-body-family);color:#655f57;letter-spacing:.06em;text-transform:uppercase}.ht-search-title{font:400 17px/1.35 var(--font-heading-family);overflow-wrap:anywhere}.ht-search-product-meta{display:flex;gap:8px 12px;flex-wrap:wrap;align-items:center;font:400 14px/1.5 var(--font-body-family)}.ht-search-price{font-weight:500;white-space:nowrap}.ht-search-stock{color:#655f57}.ht-search-arrow{align-self:center;font-size:18px}.ht-search-option[aria-selected=true],.ht-search-option:hover{background:var(--ht-surface)}.ht-search-all{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:14px 20px;color:inherit;text-decoration:none;font:500 15px/1.5 var(--font-body-family)}.ht-search-all-option{position:sticky;bottom:0;background:var(--ht-cream);box-shadow:0 -4px 10px #1c1b1908}.ht-search-message{margin:0;padding:20px;font:400 15px/1.6 var(--font-body-family)}.ht-search-loading{display:flex;align-items:center;gap:12px}.ht-search-loading:before{content:"";width:16px;height:16px;border:1px solid var(--ht-line);border-top-color:var(--ht-ink);border-radius:50%;animation:ht-search-spin .65s linear infinite}@keyframes ht-search-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ht-search-loading:before{animation:none}}@media(max-width:749px){.ht-search-shell{grid-column:1 / -1;grid-row:2;max-width:none}.ht-search-panel{width:100%;max-height:min(560px,var(--ht-search-height,65dvh))}.ht-search-panel-head{padding-left:14px}.ht-search-product{grid-template-columns:56px minmax(0,1fr) 14px;gap:10px;padding:12px 14px}.ht-search-photo{width:56px;height:72px}.ht-search-title{font-size:17px}.ht-search-all,.ht-search-message{padding-inline:14px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hair-temple-search.css.map */