.hb-search [hidden]{display:none!important}.hb-dialog.hb-search::backdrop{background:#0b0b0b4d;backdrop-filter:blur(16px) saturate(1.15);-webkit-backdrop-filter:blur(16px) saturate(1.15)}.hb-search__frame{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.hb-search__panel{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;background:#fff;overflow:hidden}.hb-search__form{position:relative;display:flex;align-items:center;gap:4px;flex:none;padding:calc(8px + env(safe-area-inset-top)) 4px 8px 12px;border-bottom:1px solid var(--hb-line)}.hb-search__field{position:relative;display:flex;align-items:center;flex:1;min-width:0;height:44px;padding:0 4px 0 12px;border-radius:var(--hb-radius);background:var(--hb-panel)}.hb-search__icon{width:20px;height:20px;color:var(--hb-muted)}.hb-search__input{flex:1;min-width:0;height:100%;margin:0;padding:0 6px 0 8px;border:0;border-radius:0;background:transparent;color:var(--hb-ink);font:400 16px / 1.2 var(--hb-sans);letter-spacing:-.01em;caret-color:var(--hb-ink);-webkit-appearance:none;appearance:none}.hb-search__input::placeholder{color:var(--hb-muted);opacity:1}.hb-search .hb-search__input:focus,.hb-search .hb-search__input:focus-visible{outline:none;box-shadow:none}.hb-search__input::-webkit-search-cancel-button,.hb-search__input::-webkit-search-decoration{-webkit-appearance:none;display:none}.hb-search__clear{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:var(--hb-radius-sm);color:var(--hb-muted);transition:color .15s}@media(hover:hover){.hb-search__clear:hover{color:var(--hb-ink)}}.hb-search__close{display:inline-flex;align-items:center;flex:none;min-height:44px;padding:0 10px;border-radius:var(--hb-radius);color:var(--hb-ink);font:500 15px / 1 var(--hb-sans)}.hb-search__kbd{display:none!important}.hb-search__progress{position:absolute;left:0;right:0;bottom:-1px;height:1px;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .15s}.hb-search__progress:after{content:"";position:absolute;top:0;bottom:0;left:0;width:32%;background:var(--hb-ink);transform:translate(-100%)}.hb-search__panel.is-busy .hb-search__progress{opacity:1;transition-delay:.18s}@media(prefers-reduced-motion:no-preference){.hb-search__panel.is-busy .hb-search__progress:after{animation:hb-search-progress 1.1s var(--hb-ease) infinite}}@media(prefers-reduced-motion:reduce){.hb-search__progress:after{width:100%;transform:none;opacity:.35}}@keyframes hb-search-progress{0%{transform:translate(-100%)}to{transform:translate(320%)}}.hb-search__body{flex:1 1 auto;min-height:0;padding:8px 8px calc(20px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--hb-line-strong) transparent;-webkit-overflow-scrolling:touch}.hb-search__body.is-morphing{overflow:hidden}.hb-search__heading{display:block;margin:0;padding:10px 10px 6px;color:var(--hb-muted);font:500 11px / 1.3 var(--hb-mono);letter-spacing:.06em;text-transform:uppercase}.hb-search__popular{padding-bottom:4px}.hb-search__pills{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:2px 10px 8px;list-style:none}.hb-search__pills .hb-pill{min-height:34px;padding:0 14px;font-size:13px;text-decoration:none}.hb-search__message{padding:18px 10px 10px}.hb-search__message-title{margin:0;font:600 17px / 1.3 var(--hb-sans);letter-spacing:-.01em;overflow-wrap:anywhere}.hb-search__message-hint{margin:4px 0 0;color:var(--hb-muted);font:400 14px / 1.45 var(--hb-sans)}.hb-search__lists{position:relative}.hb-search__recent-clear{position:absolute;top:2px;right:4px;z-index:1;min-height:32px;padding:0 8px;border-radius:var(--hb-radius-sm);color:var(--hb-muted);font:500 11px / 1 var(--hb-mono);letter-spacing:.06em;text-transform:uppercase;transition:color .15s}@media(hover:hover){.hb-search__recent-clear:hover{color:var(--hb-ink)}}.hb-search__group+.hb-search__group{margin-top:6px}.hb-search__group--all{padding-top:6px;border-top:1px solid var(--hb-line)}.hb-search__option{position:relative;display:flex;align-items:center;gap:14px;min-height:64px;padding:8px 10px 8px 8px;border-radius:var(--hb-radius);color:var(--hb-ink);text-decoration:none;cursor:pointer;scroll-margin-block:34px 8px;-webkit-tap-highlight-color:transparent}.hb-search__option.is-active{background:var(--hb-panel)}@media(hover:none){.hb-search__option:active{background:var(--hb-panel)}}.hb-search__panel[data-nav=keyboard] .hb-search__option.is-active:before{content:"";position:absolute;top:12px;bottom:12px;left:0;width:2px;border-radius:0 2px 2px 0;background:var(--hb-ink)}.hb-search__option:focus-visible{outline-offset:-2px}.hb-search__media{flex:none;width:48px;height:48px}.hb-search__media img{opacity:0;transition:opacity .3s ease}.hb-search__media img.is-loaded{opacity:1}.hb-search__glyph{display:grid;place-items:center;flex:none;width:48px;height:32px;color:var(--hb-muted)}.hb-search__glyph svg{width:20px;height:20px}.hb-search__glyph--tile{height:48px;border-radius:var(--hb-radius);background:var(--hb-stage);color:var(--hb-ink-2)}.hb-search__option--query,.hb-search__option--recent,.hb-search__option--all{min-height:48px}.hb-search__option--all .hb-search__glyph{color:var(--hb-ink)}.hb-search__main{display:grid;gap:6px;flex:1;min-width:0}.hb-search__title{overflow:hidden;color:var(--hb-ink-2);font:500 15px / 1.3 var(--hb-sans);letter-spacing:-.005em;white-space:nowrap;text-overflow:ellipsis}.hb-search__title mark{background:none;color:var(--hb-ink);font-weight:700}.hb-search__option--all .hb-search__title{color:var(--hb-ink);font-weight:600}.hb-search__trail,.hb-search__meta{display:flex;align-items:center;gap:10px;flex:none;min-width:0}.hb-search__price{flex-wrap:nowrap;gap:6px;font-size:14px;line-height:1.2;white-space:nowrap}.hb-search__price .hb-price__compare{font-size:13px}.hb-search__kind{color:var(--hb-muted);font:500 10px / 1 var(--hb-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.hb-search__option--top{gap:16px;min-height:88px;padding:8px}.hb-search__option--top .hb-search__media{width:72px;height:72px}.hb-search__option--top .hb-search__title{display:-webkit-box;color:var(--hb-ink);font:600 17px / 1.25 var(--hb-sans);letter-spacing:-.015em;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical}.hb-search__option--top .hb-search__price{font-size:15px}.hb-search__go{display:none}.hb-search__skel{display:flex;align-items:center;gap:14px;min-height:64px;padding:8px 10px 8px 8px}.hb-search__skel--top{gap:16px;min-height:88px;padding:8px}.hb-search__skel .hb-search__skel-media{flex:none;width:48px;height:48px;border-radius:var(--hb-radius)}.hb-search__skel--top .hb-search__skel-media{width:72px;height:72px}.hb-search__skel-copy{display:grid;gap:12px;flex:1}.hb-search__skel>.hb-search__bone:last-child{margin-left:auto}.hb-search__bone{display:block;height:12px;border-radius:var(--hb-radius-sm);background:var(--hb-panel)}@media(prefers-reduced-motion:no-preference){.hb-search__bone{animation:hb-search-pulse 1s ease-in-out infinite alternate}}@keyframes hb-search-pulse{to{opacity:.45}}.hb-search__footer{display:none}.hb-search kbd{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border:1px solid var(--hb-line);border-radius:var(--hb-radius-sm);background:#fff;color:var(--hb-ink-2);font:500 11px / 1 var(--hb-mono);letter-spacing:.02em;text-transform:lowercase}.hb-search__dot{width:3px;height:3px;flex:none;border-radius:50%;background:var(--hb-line-strong)}@media(min-width:700px){.hb-search__frame{align-items:center;padding:max(56px,13vh) 24px 24px}.hb-search__panel{flex:0 1 auto;width:min(680px,100%);max-height:min(640px,100%);border-radius:12px;box-shadow:0 0 0 1px #0b0b0b0f,0 30px 80px -20px #0b0b0b61,0 12px 28px -14px #0b0b0b33}.hb-search__form{gap:6px;min-height:68px;padding:0 12px 0 22px}.hb-search__panel:has(>.hb-search__body[hidden]) .hb-search__form{border-bottom-color:transparent}.hb-search__field{height:68px;padding:0;background:transparent}.hb-search__icon{width:22px;height:22px;color:var(--hb-ink)}.hb-search__input{padding:0 12px 0 14px;font-size:22px;letter-spacing:-.02em}.hb-search__close{padding:0 6px}.hb-search__close-text{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.hb-search__kbd{display:inline-grid!important;height:24px;color:var(--hb-muted);transition:color .15s,border-color .15s}.hb-search__close:hover .hb-search__kbd{border-color:var(--hb-line-strong);color:var(--hb-ink)}.hb-search__body{flex:0 1 auto;padding:6px 8px 8px}.hb-search__option--top{min-height:104px}.hb-search__option--top .hb-search__media,.hb-search__skel--top .hb-search__skel-media{width:88px;height:88px}.hb-search__skel--top{min-height:104px}.hb-search__option--top .hb-search__title{font-size:18px}}@media(min-width:700px)and (hover:hover)and (pointer:fine){.hb-search__go{display:grid;place-items:center;flex:none;width:24px;height:24px;margin-left:-4px;border:1px solid var(--hb-line);border-radius:var(--hb-radius-sm);background:#fff;color:var(--hb-ink);opacity:0;transform:translate(-4px);transition:opacity .15s,transform .2s var(--hb-ease)}.hb-search__go svg{width:14px;height:14px}.hb-search__option.is-active>.hb-search__go{opacity:1;transform:none}.hb-search__footer{display:flex;align-items:center;gap:12px;flex:none;min-height:42px;padding:0 18px;border-top:1px solid var(--hb-line);color:var(--hb-muted);font:500 11px / 1 var(--hb-mono);letter-spacing:.04em}.hb-search__footer>span:not(.hb-search__dot){display:inline-flex;align-items:center;gap:4px}.hb-search__footer kbd+kbd{margin-left:-1px}}
/*# sourceMappingURL=/cdn/shop/t/104/assets/humbler-search.css.map */