.catalog-page{padding:32px 40px}.catalog-page h2{margin-bottom:24px}.stream-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.stream-card{background:var(--color-surface);border:1px solid var(--color-border);padding:10px;border-radius:8px;flex-flow:column;place-content:stretch start;align-items:center;row-gap:10px;width:250px;height:250px;padding-inline:10px;transition:border-color .15s,box-shadow .15s,transform .1s;display:flex}.stream-card:hover{border-color:var(--color-primary)}.stream-card .stream-top{flex-direction:column;align-content:stretch;align-items:center;row-gap:10px;padding-inline:10px;display:flex}.stream-card .stream-bottom{width:auto;height:auto;background:var(--color-surface);border-radius:8px;flex-flow:row;place-content:stretch start;align-self:start;align-items:center;column-gap:6px;min-block-size:26px;min-inline-size:48px;margin-inline:10px;padding-block:5px;padding-inline:5px;display:flex}.stream-card .stream-dummy-thumbnail{background-color:#000;border-radius:6px;width:231px;height:133px}.stream-card .stream-tags{flex-flow:row;place-content:stretch start;align-items:center;column-gap:6px;padding-block:5px;padding-inline:5px;display:flex}.stream-card .stream-id{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:.72rem}.stream-card .stream-label{color:var(--color-primary-pale);align-self:start;margin-bottom:4px;font-size:1rem;font-weight:600}.stream-card .stream-user{color:var(--color-text-muted);align-self:start;margin-block:-10px;font-size:.85rem}.stream-card .watch-link{background:var(--color-primary-deep);color:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:6px;padding:5px 14px;font-size:.82rem;font-weight:600;transition:background .15s,color .15s;display:inline-block}.stream-card .watch-link:hover{background:var(--color-primary);color:var(--base07)}.empty{color:var(--color-text-muted);text-align:center;padding:40px 0;font-style:italic}