.browse{padding-block:var(--space-6) var(--space-8)}.browse-hero{position:relative;background:var(--bg-surface);border-bottom:var(--stroke) solid var(--yellow);overflow:hidden}.browse-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--rays);pointer-events:none}.browse-hero__inner{position:relative;z-index:1;padding-block:var(--space-7) var(--space-6);text-align:center}.browse-hero__title{font-family:var(--font-display);font-size:var(--text-h1);letter-spacing:var(--tracking-display);line-height:var(--leading-tight);color:var(--yellow);text-shadow:var(--outline-display)}.browse__toolbar{display:grid;gap:var(--space-3);margin-bottom:var(--space-5)}.browse__toolbar-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.browse__count{display:inline-flex;align-items:center;font-family:var(--font-display);letter-spacing:var(--tracking-wide);font-size:var(--text-small);color:var(--text-on-dark);background:var(--bg-surface);border:var(--stroke-hair) solid var(--yellow);border-radius:var(--radius-pill);padding:.4rem 1rem;box-shadow:var(--pop-dark-sm)}.browse__sort{display:flex;align-items:center;gap:var(--space-2)}.browse__sort-select{width:100%;min-height:2.75rem;font-family:var(--font-display);text-transform:uppercase;letter-spacing:var(--tracking-display);font-size:1.1rem;color:var(--dark);background-color:var(--paper);border:var(--stroke) solid var(--dark);border-radius:var(--radius-sm);box-shadow:var(--pop-dark);padding:var(--space-2) var(--space-7) var(--space-2) var(--space-3);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--yellow) 50%),linear-gradient(135deg,var(--yellow) 50%,transparent 50%),linear-gradient(var(--dark),var(--dark));background-position:calc(100% - var(--space-5)) center,calc(100% - var(--space-4)) center,right center;background-size:var(--space-2) var(--space-2),var(--space-2) var(--space-2),var(--space-6) 100%;background-repeat:no-repeat;transition:transform var(--speed-tap) var(--ease-out)}.browse__sort-select:hover{transform:translate(-2px,-2px)}.browse__sort-select:active{transform:translate(2px,2px)}.browse__sort-select option{background:var(--paper);color:var(--dark)}.browse__sort-select:focus-visible{outline:var(--stroke-thin) solid var(--yellow);outline-offset:2px}.browse__chips[hidden]{display:none}.browse__chips{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-size:var(--text-small);color:var(--yellow);background:var(--dark);border:var(--stroke-hair) solid var(--yellow);border-radius:var(--radius-pill);padding:.25rem .3rem .25rem .9rem}.chip__remove{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;line-height:1;font-weight:700;background:var(--yellow);color:var(--dark);border-radius:50%;text-decoration:none;transition:transform var(--speed-tap) var(--ease-out)}.chip__remove:hover{transform:scale(1.12)}.browse__layout{display:grid;gap:var(--space-6);grid-template-columns:1fr;align-items:start}.browse__results{display:grid;gap:var(--space-6);min-width:0}.browse__filters{min-width:0}.browse__filters-summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:1.1rem;letter-spacing:.06em;color:var(--text-on-page);background:var(--paper);border:var(--stroke) solid var(--dark);border-radius:var(--radius);box-shadow:var(--pop-dark-sm);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}.browse__filters-summary::-webkit-details-marker{display:none}.browse__filters-summary::marker{content:""}.browse__filters-summary:after{content:"\25be";margin-left:auto;transition:transform var(--speed-tap) var(--ease-out)}.browse__filters[open]>.browse__filters-summary:after{transform:rotate(180deg)}.browse .filter-panel__heading{display:inline-block;font-size:var(--text-small);letter-spacing:var(--tracking-wide);padding-bottom:var(--space-2);border-bottom:var(--stroke-hair) solid var(--red)}.browse__empty{display:grid;gap:var(--space-4);justify-items:center}.browse__empty[hidden]{display:none}@media(min-width:900px){.browse__layout{grid-template-columns:280px 1fr}.browse__filters-summary{display:none}.browse__filters-body{margin:0}.browse__filters::details-content{content-visibility:visible}.browse__filters>.browse__filters-body{display:block}}.browse__layout--full{grid-template-columns:1fr}.browse__search{margin-inline:0;flex:1 1 260px;max-width:420px}body[data-page=comics] .container{max-width:1800px}
/*# sourceMappingURL=/cdn/shop/t/111/assets/browse.css.map */