.browse-bar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px .6rem;margin:0 0 6.8px;padding-bottom:8px;font-size:.95rem;display:flex}.browse-bar .shelf-controls{display:contents}.browse-bar .modes-row{flex:1 0 100%;gap:.4rem;min-width:0;display:flex}.browse-bar .modes{flex:auto;gap:.4rem;min-width:0;display:flex}.browse-bar .modes-row>:not(.modes,.modes-open,.modes-chip){box-sizing:border-box;white-space:nowrap;flex:none;align-items:center;height:2.25rem;display:inline-flex}.browse-bar .modes a{flex:1 var(--mode-shrink,1) calc(var(--mode-basis,0) * 1em + 10px);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border:0;justify-content:center;padding:0 5px;font-size:1.35rem;font-weight:400;line-height:1}.browse-bar .modes a[aria-current=page]{background:var(--off-black);color:var(--bg-0)}.browse-bar .filters-open,.browse-bar .modes-open{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.browse-bar .filters-btn{user-select:none;align-items:center;gap:.35rem;margin-left:-.25rem;display:inline-flex}.browse-bar .filters-open:focus-visible+.filters-btn{outline:2px solid var(--off-black);outline-offset:2px}.browse-bar:has(.filters-open:checked) .filters-btn{background:var(--off-black);color:var(--bg-0)}.browse-bar .filters-btn .chev{font-size:.7em;transition:rotate .15s;display:inline-block}.browse-bar:has(.filters-open:checked) .filters-btn .chev{rotate:90deg}.browse-bar .shelf-actions{display:contents}.browse-bar .filters-body{display:none}.browse-bar:has(.filters-open:checked) .filters-body{border-top:1px solid var(--bg-3);flex-wrap:wrap;flex:1 0 100%;align-items:center;gap:8px .6rem;padding-top:8px;display:flex}.browse-bar .modes a,.browse-bar .modes-chip,.browse-bar .filters-btn,.browse-bar .genre-tray,.browse-bar .reset-filters{box-sizing:border-box;border-radius:.4rem;align-items:center;height:2.25rem;display:inline-flex}.browse-bar .modes a{border-radius:0}.browse-bar .reset-filters{color:var(--notification-red);white-space:nowrap;background:#f6ecea;border:1px solid #8a2b1f59;padding:.3rem .7rem;text-decoration:none}.browse-bar .reset-filters:hover{background:#efdcd8}.browse-bar .shelf-controls label{cursor:pointer;align-items:center;gap:.4rem;display:inline-flex}.browse-bar .genre-tray{background:var(--bg-0);flex-wrap:nowrap;gap:.5rem;padding:.35rem .75rem}.browse-bar .shelf-controls select{appearance:none;box-sizing:border-box;cursor:pointer;background:linear-gradient(45deg, transparent 50%, var(--off-black) 50%) right .95rem center / .3rem .3rem no-repeat, linear-gradient(-45deg, transparent 50%, var(--off-black) 50%) right .65rem center / .3rem .3rem no-repeat, var(--bg-0);height:2.25rem;color:var(--off-black);font:inherit;border:1px solid #999;border-radius:.4rem;outline:none;padding:.3rem 1.8rem .3rem .6rem;font-size:1rem}.browse-bar .shelf-controls input[type=checkbox]{width:1.05rem;height:1.05rem;accent-color:var(--off-black);margin:0}@media (width<40.625rem){.browse-bar .modes{container-type:inline-size}.browse-bar .modes a{font-size:min(1.35rem, (100cqi - var(--modes-px,0px)) / var(--modes-em,1))}}@media (width>=40.625rem){.browse-bar .modes-row,.browse-bar .modes{flex:none;gap:.25rem}.browse-bar .modes a{font-size:1rem;line-height:inherit;flex:none;padding:calc(.3rem - 1px) calc(.9rem - 5px)}.browse-bar .shelf-actions{align-items:center;gap:.6rem;margin-left:auto;display:flex}}.browse-bar .modes-chip{display:none}@media (width<40.625rem){.browse-bar[data-fold-modes] .modes-row{flex:none;position:relative}.browse-bar[data-fold-modes] .filters-btn{margin-left:auto}.browse-bar[data-fold-modes] .modes-chip{cursor:pointer;background:var(--off-black);color:var(--bg-0);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;user-select:none;border:0;border-radius:0;justify-content:center;gap:.5rem;padding:0 .7rem;font-size:1rem;line-height:1;display:inline-flex}.browse-bar[data-fold-modes] .modes-chip:hover{background:var(--bg-3);color:var(--bg-0)}.browse-bar[data-fold-modes] .modes-open:focus-visible+.modes-chip{outline:2px solid var(--off-black);outline-offset:2px}.browse-bar[data-fold-modes] .modes-chip-glyph{letter-spacing:0}.browse-bar[data-fold-modes] .modes{z-index:50;border:1px solid var(--bg-3);background:var(--bg-0);border-radius:.5rem;flex-direction:column;align-items:stretch;gap:.3rem;width:max-content;margin-top:.25rem;padding:.5rem;display:none;position:absolute;top:100%;left:calc(-.5rem - 1px);box-shadow:0 10px 24px #0000002e;container-type:normal}.browse-bar[data-fold-modes] .modes-open:checked~.modes{display:flex}.browse-bar[data-fold-modes] .modes a{flex:none;justify-content:flex-start;width:auto;padding:0 .7rem;font-size:1rem}.browse-bar[data-fold-modes] .shelf-controls select{field-sizing:content}}@media (33.125rem<=width<40.625rem){.browse-bar[data-fold-modes] .shelf-actions>.sort{white-space:nowrap;flex:1 1 0;justify-content:flex-end;min-width:0}.browse-bar[data-fold-modes] .filters-btn{margin-left:-.25rem}.browse-bar[data-fold-modes] .shelf-actions>.sort select{text-overflow:ellipsis;min-width:0}}@media (width<33.125rem){.browse-bar[data-fold-modes] .filters-btn{order:1}.browse-bar[data-fold-modes] .shelf-actions>.sort{order:3;display:none}.browse-bar[data-fold-modes]:has(.filters-open:checked) .shelf-actions>.sort{display:inline-flex}.browse-bar[data-fold-modes]:has(.filters-open:checked) .filters-body{display:contents}.browse-bar[data-fold-modes] .filters-body>*{order:3}.browse-bar[data-fold-modes]:has(.filters-open:checked) .shelf-controls:before{background:var(--bg-3);content:"";flex:1 0 100%;order:2;height:1px}}.browse-results{position:relative}.browse-results:last-child{padding-bottom:1rem}.browse-results .browse-loading{display:none}.browse-results[data-loading] .browse-loading{z-index:1;justify-content:center;padding-top:4rem;display:flex;position:absolute;top:0;left:0;right:0}.browse-results[data-loading]>:not(.browse-loading),.browse-results[data-loading]~.pager{visibility:hidden}.browse-results .visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}