.decks{background-color:var(--color-bg-base);color:var(--color-text-primary);flex-direction:column;width:100%;min-height:100vh;display:flex}.decks__hero{padding:var(--hero-padding-sm) var(--content-padding-inline)}.decks__hero-inner{max-width:var(--max-width);text-align:center;z-index:1;margin-inline:auto;position:relative}.decks__content{gap:var(--space-8);max-width:var(--max-width);padding:0 var(--content-padding-inline) var(--content-padding-block);flex-direction:column;width:100%;margin:0 auto;display:flex}.decks__tabs-list{max-width:560px;margin:0 auto}.decks__panel{gap:var(--space-8);flex-direction:column;display:flex}.decks__toolbar{gap:var(--space-3);display:grid}.decks__toolbar .tag-group__list{grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.decks__toolbar .tag-group__tag{padding:0 var(--space-4);justify-content:center}.decks__search{flex:14rem}.decks__toolbar .decks__format{height:var(--space-11)}.decks__grid[aria-busy=true]{opacity:.6;transition:opacity .2s}.decks-skeleton__select{border-radius:var(--radius-sm);height:var(--space-11)}.decks-skeleton__search{height:var(--space-11)}.decks__grid{gap:var(--space-8);grid-template-columns:1fr;justify-items:center;display:grid}.decks__card-link{border-radius:var(--radius-xl);color:inherit;width:100%;text-decoration:none;display:block}.decks__card-link>.deck-card{margin-inline:auto}.decks__card-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.decks__sample{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-top:var(--space-3)}.decks__empty{padding:var(--space-16) 0}.decks__error{align-items:center;gap:var(--space-4);padding-bottom:var(--space-16);flex-direction:column;display:flex}.decks__error .decks__empty{padding-bottom:0}@media (min-width:768px){.decks__toolbar{align-items:center;gap:var(--space-4) var(--space-5);flex-wrap:wrap;display:flex}.decks__toolbar .tag-group__list{display:flex}.decks__toolbar .tag-group__tag{padding:0 var(--space-6)}.decks__toolbar .decks__format,.decks-skeleton__select{flex:0 0 11rem;width:11rem}.decks__search{flex-basis:100%}.decks__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.decks__search{flex-basis:14rem}.decks__grid{grid-template-columns:repeat(4,1fr)}}