.collection-hint{border:var(--border-width-1) dashed var(--color-border-subtle);border-radius:var(--radius-3);color:var(--color-text-subtle);font-size:var(--font-size-2);line-height:var(--line-height-2);padding:var(--space-4)}.collection-controls[hidden],.collection-empty[hidden]{display:none}.collection-controls{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-5)}.collection-controls__group{flex:1 1 auto;min-width:0}.collection-controls__group+.collection-controls__group{flex-basis:100%}.collection-controls__group-label{color:var(--color-text-subtle);display:block;font-size:var(--font-size-1);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-1);margin-block-end:var(--space-1);text-transform:uppercase}.collection-controls__group:has(.collection-controls__group-label){flex-basis:100%}.collection-controls__tags{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-1);list-style:none;margin:0;padding:0}.collection-chip{align-items:center;background:transparent;border:none;border-radius:var(--radius-full);color:var(--color-text-subtle);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--font-size-2);font-weight:var(--font-weight-medium);gap:var(--space-2);line-height:var(--line-height-2);padding:var(--space-1) var(--space-3);transition:color var(--dur-1),background-color var(--dur-1)}.collection-chip:hover{background:var(--color-surface);color:var(--color-text)}.collection-chip:focus-visible{outline:var(--border-width-2) solid var(--color-focus);outline-offset:var(--border-width-1)}.collection-chip[aria-pressed=true]{background:var(--accent-a3);color:var(--accent-11)}.collection-chip[aria-pressed=true]:hover{background:var(--accent-a4)}.collection-chip--all[aria-pressed=true]{background:var(--color-surface-active);color:var(--color-text)}.collection-chip__count{color:var(--color-text-subtle);font-size:var(--font-size-1);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-normal)}.collection-chip[aria-pressed=true] .collection-chip__count{color:inherit}.collection-controls__searchbox{align-items:center;display:flex;flex:1 1 15rem;max-inline-size:22rem;position:relative}.collection-controls__searchbox>.icon{color:var(--color-text-subtle);inset-inline-start:var(--space-3);pointer-events:none;position:absolute}.collection-controls__search{background:var(--color-bg);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-full);color:var(--color-text);font:inherit;font-size:var(--font-size-2);inline-size:100%;line-height:var(--line-height-2);padding-block:var(--space-2);padding-inline:calc(var(--space-3) + 1em + var(--space-2)) var(--space-3);transition:border-color var(--dur-1)}.collection-controls__search::placeholder{color:var(--color-text-subtle)}.collection-controls__search:hover{border-color:var(--color-border)}.collection-controls__search:focus-visible{border-color:var(--color-border);outline:var(--border-width-2) solid var(--color-focus);outline-offset:var(--border-width-1)}.collection-controls__sort{align-items:center;color:var(--color-text-subtle);display:inline-flex;font-size:var(--font-size-2);gap:var(--space-2);line-height:var(--line-height-2)}.collection-controls__sort select{background:var(--color-bg);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-2);color:var(--color-text);font:inherit;padding:var(--space-1) var(--space-2)}.collection-controls__sort select:focus-visible{outline:var(--border-width-2) solid var(--color-focus);outline-offset:var(--border-width-1)}.collection-controls__views{display:inline-flex;gap:var(--space-1)}.collection-controls__status{color:var(--color-text-subtle);flex-basis:100%;font-size:var(--font-size-2);font-variant-numeric:tabular-nums;line-height:var(--line-height-2);margin:0;min-block-size:var(--line-height-2)}@media (max-width:47.99rem){.collection-controls__searchbox{flex-basis:100%;max-inline-size:none;order:-1}.collection-controls__tags{flex-wrap:nowrap;max-inline-size:100%;overflow-x:auto;scrollbar-width:none}.collection-controls__tags::-webkit-scrollbar{display:none}.collection-controls__tags .collection-chip{white-space:nowrap}}.collection-empty{color:var(--color-text-subtle);display:grid;gap:var(--space-3);justify-items:center;padding-block:var(--space-8);text-align:center}.collection-empty__icon{color:var(--color-border-strong);display:inline-flex;font-size:var(--font-size-6)}.collection-empty p{margin:0}