.hb-search-page{--hb-search-ring: #3f3520;--hb-search-hair: #221d12;--hb-search-count: #cfa23c;--hb-search-slab: #f7f3e8;--hb-search-panel: linear-gradient(171deg, #16120c 0%, #0d0d0d 70%);--hb-search-max: 1440px;background:var(--hb-night);color:var(--hb-on-ink);font-family:var(--hb-font-ui)}body:has(.hb-search-page){background:var(--hb-night)}.hb-search-page .page-width{max-width:calc(var(--hb-search-max) + var(--hb-gutter) + var(--hb-gutter));margin-inline:auto;padding-inline:var(--hb-gutter)}.hb-search-page .page-content{padding-top:28px;padding-bottom:46px}.hb-search-page .breadcrumb{margin-bottom:18px;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--hb-ink-soft)}.hb-search-page .breadcrumb a{color:var(--hb-ink-dim);text-decoration:none}.hb-search-page .breadcrumb a:hover{color:var(--hb-gold)}.hb-search-page .section-header{margin:0 0 16px;text-align:left}.hb-search-page .section-header__title{margin:0;font-family:var(--hb-font-title);font-size:clamp(24px,3.4vw,36px);font-weight:var(--hb-title-weight);letter-spacing:.01em;line-height:1.05;text-transform:uppercase;color:var(--hb-on-ink)}.hb-search-page predictive-search{display:block;width:100%;max-width:640px;margin:0 0 22px}.hb-search-page predictive-search form{display:flex;align-items:center;gap:4px;width:100%;min-width:0;margin:0}.hb-search-page .search__input-wrap{display:flex;align-items:center;flex:1 1 auto;min-width:0;background:#f0d07f0d;box-shadow:inset 0 0 0 1.5px var(--hb-search-ring)}.hb-search-page .search__input,.hb-search-page input.search__input{flex:1 1 auto;width:100%;min-width:0;min-height:48px;padding:0 14px;border:0;background:none;box-shadow:none;color:var(--hb-on-ink)!important;font-family:var(--hb-font-ui);font-size:14px}.hb-search-page .search__input::placeholder{color:var(--hb-ink-soft)}.hb-search-page .btn--search,.hb-search-page .btn--close-search{display:grid;place-items:center;flex:0 0 auto;width:var(--hb-tap);height:var(--hb-tap);min-height:var(--hb-tap);padding:0;border:0;border-radius:0;background:none;color:var(--hb-paper-deep)}.hb-search-page .btn--search:hover,.hb-search-page .btn--close-search:hover{background:none;color:var(--hb-gold)}.hb-search-page .btn--search svg,.hb-search-page .btn--close-search svg{width:18px;height:18px}.hb-search-page .hr--medium{margin:0 0 18px;border:0;border-top:1px solid var(--hb-search-hair)}.hb-search-page .grid--uniform{display:grid;grid-template-columns:216px minmax(0,1fr);align-items:start;gap:20px;margin:0}.hb-search-page .grid--uniform>.grid__item{width:100%;max-width:none;margin:0;padding:0;float:none}.hb-search-page .collection-sidebar{padding:2px 14px 12px;background:var(--hb-search-panel);box-shadow:inset 0 0 0 1.5px #f0d07f2e;scrollbar-width:thin;scrollbar-color:rgb(240 208 127 / .32) transparent}.hb-search-page .collection-sidebar__group{border:0;border-bottom:1px solid var(--hb-search-hair)!important}.hb-search-page .collection-sidebar__group .collapsible-trigger,.hb-search-page .tag-list__header{width:100%;min-height:42px;padding:0!important;border:0;background:none;color:var(--hb-on-ink);font-family:var(--hb-font-title)!important;font-size:13px!important;font-weight:var(--hb-title-weight);letter-spacing:.04em;text-align:left;text-transform:uppercase}.hb-search-page .collection-sidebar__group .collapsible-trigger:hover{color:var(--hb-gold)}.hb-search-page .collapsible-trigger__icon{color:var(--hb-ink-dim)}.hb-search-page .collapsible-trigger__icon svg{fill:currentColor}.hb-search-page .tag-list{margin:0;padding:0 0 10px;list-style:none}.hb-search-page .tag{margin:0}.hb-search-page .tag label,.hb-search-page .tag__text{display:flex;align-items:center;gap:9px;min-height:34px;font-family:var(--hb-font-ui)!important;font-size:12px!important;font-weight:500;letter-spacing:0;text-transform:none;color:var(--hb-paper-deep);cursor:pointer}.hb-search-page .tag--active .tag__text{color:var(--hb-gold)!important}.hb-search-page .collection-filter{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:0;border:0;background:none}.hb-search-page .collection-filter__count-badge{padding:0;background:none;border:0;font-family:var(--hb-font-serif);font-size:16px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--hb-search-count)}.hb-search-page .collection-filter__item--sort{margin-left:auto}.hb-search-page .collection-filter__sort-container{position:relative;background:none;border:0;box-shadow:none}.hb-search-page .collection-filter__sort-container:after{content:"";position:absolute;right:14px;top:50%;width:9px;height:9px;border-right:1.6px solid var(--hb-ink-dim);border-bottom:1.6px solid var(--hb-ink-dim);transform:translateY(-70%) rotate(45deg);pointer-events:none}.hb-search-page .collection-filter select option{background:var(--hb-night);color:var(--hb-on-ink)}.hb-search-page .collection-filter select,.hb-search-page #SortBy{appearance:none;-webkit-appearance:none;min-height:40px;padding:0 34px 0 14px;border:0!important;border-radius:0;background:none!important;box-shadow:inset 0 0 0 1.5px var(--hb-search-ring);color:var(--hb-paper-deep)!important;font-family:var(--hb-font-ui);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hb-search-page .collection-filter select:hover{box-shadow:inset 0 0 0 1.5px var(--hb-gold);color:var(--hb-on-ink)}.hb-search-page .js-drawer-open-collection-filters{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:0;border-radius:0;background:none;box-shadow:inset 0 0 0 1.5px var(--hb-search-ring);color:var(--hb-paper-deep);font-family:var(--hb-font-ui);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hb-search-page .js-drawer-open-collection-filters:hover{box-shadow:inset 0 0 0 1.5px var(--hb-gold);color:var(--hb-on-ink)}.hb-search-page .js-drawer-open-collection-filters svg{width:15px;height:15px;fill:currentColor}body:has(.hb-search-page) .drawer--collection-filters{background:var(--hb-night);color:var(--hb-on-ink)}body:has(.hb-search-page) .drawer--collection-filters .drawer__title,body:has(.hb-search-page) .drawer--collection-filters .collapsible-trigger{color:var(--hb-on-ink)}.hb-search-page .collection-grid__wrapper{display:flex;flex-direction:column}.hb-search-page .hb-comic-grid{display:grid;grid-template-columns:repeat(var(--hb-search-per-row, 4),minmax(0,1fr));gap:12px;margin:0;padding:18px 20px 22px;background:var(--hb-search-slab)}.hb-search-page .hb-comic-grid>.grid__item{display:flex;width:100%;max-width:none;margin:0;padding:0;float:none}.hb-search-page .hb-comic-grid>.grid__item>*{width:100%;min-width:0}.hb-search-page .pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;margin:0;padding:18px 20px 22px;background:var(--hb-search-slab);border:0;font-family:var(--hb-font-serif)}.hb-search-page .pagination .page,.hb-search-page .pagination .prev,.hb-search-page .pagination .next{display:grid;place-items:center;width:var(--hb-tap);height:var(--hb-tap);margin:0;padding:0;background:#fff;color:var(--hb-ink);font-size:17px;font-weight:600;transition:background-color var(--hb-dur-micro) var(--hb-ease)}.hb-search-page .pagination a{display:grid;place-items:center;width:100%;height:100%;color:inherit;text-decoration:none}.hb-search-page .pagination .page:hover{background:var(--hb-champagne)}.hb-search-page .pagination .page.current{background:var(--hb-gold);color:var(--hb-on-gold)}.hb-search-page .pagination .page.deco{background:none;color:#0505058c}.hb-search-page .pagination svg{width:16px;height:16px;fill:currentColor}.hb-search-page .section-header p{margin:0;padding:24px 0;font-family:var(--hb-font-serif);font-size:18px;color:var(--hb-ink-dim)}@media screen and (max-width:900px){.hb-search-page .grid--uniform{grid-template-columns:minmax(0,1fr)}.hb-search-page .hb-comic-grid{grid-template-columns:repeat(var(--hb-search-per-row-mobile, 2),minmax(0,1fr))}}@media screen and (max-width:560px){.hb-search-page .page-width{padding-inline:var(--hb-gutter-mobile)}.hb-search-page .hb-comic-grid,.hb-search-page .pagination{padding:12px 12px 16px}.hb-search-page .collection-filter{flex-wrap:wrap}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/hb-search-page.css.map */