body.cs2day-v2 .cs2-content-directory-tabs {
	align-items: center;
	background: var(--cs2-card);
	border: 1px solid var(--cs2-border);
	border-radius: 6px;
	display: inline-flex;
	gap: 4px;
	margin: 0 0 20px;
	padding: 4px;
}
body.cs2day-v2 .cs2-content-directory-tabs a { border-radius: 4px; color: var(--cs2-text-muted); font-size: .76rem; font-weight: 750; padding: 10px 16px; }
body.cs2day-v2 .cs2-content-directory-tabs a:hover { color: var(--cs2-text); }
body.cs2day-v2 .cs2-content-directory-tabs a.is-active { background: var(--cs2-card-elevated); color: var(--cs2-text); box-shadow: inset 0 -2px var(--cs2-accent); }

body.cs2day-v2 .cs2-twitch-media-grid { display: grid; gap: 18px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
body.cs2day-v2 .cs2-twitch-media-card { background: var(--cs2-card); border: 1px solid var(--cs2-border); border-radius: 6px; min-width: 0; overflow: hidden; }
body.cs2day-v2 .cs2-twitch-media-card__media { aspect-ratio: 16 / 9; background: var(--cs2-bg); border: 0; cursor: pointer; display: block; overflow: hidden; padding: 0; position: relative; width: 100%; }
body.cs2day-v2 .cs2-twitch-media-card__media img { height: 100%; object-fit: cover; transition: transform .2s ease; width: 100%; }
body.cs2day-v2 .cs2-twitch-media-card:hover .cs2-twitch-media-card__media img { transform: scale(1.025); }
body.cs2day-v2 .cs2-twitch-media-card__duration { background: rgb(3 8 12 / 88%); bottom: 8px; color: #fff; font-size: .64rem; font-weight: 800; padding: 4px 6px; position: absolute; right: 8px; }
body.cs2day-v2 .cs2-twitch-media-card__play { align-items: center; background: rgb(0 0 0 / 64%); border-radius: 50%; color: #fff; display: flex; font-size: .8rem; height: 38px; justify-content: center; left: 50%; padding-left: 2px; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 38px; }
body.cs2day-v2 .cs2-twitch-media-card__body { display: grid; gap: 9px; padding: 13px; }
body.cs2day-v2 .cs2-twitch-media-card__body > div { align-items: center; display: flex; gap: 7px; }
body.cs2day-v2 .cs2-twitch-media-card__body > div strong { font-size: .7rem; }
body.cs2day-v2 .cs2-twitch-media-card__body > button { background: none; border: 0; color: var(--cs2-text); cursor: pointer; display: -webkit-box; font: 800 .84rem/1.4 var(--cs2-font-body); min-height: 2.8em; overflow: hidden; padding: 0; text-align: left; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
body.cs2day-v2 .cs2-twitch-media-card__body footer { color: var(--cs2-text-muted); display: flex; font-size: .65rem; justify-content: space-between; }
body.cs2day-v2 .cs2-twitch-media-dialog__footer { align-items: center; display: flex; justify-content: space-between; padding: 14px 18px; }
body.cs2day-v2 .cs2-twitch-media-dialog__footer a { color: var(--cs2-accent); font-size: .72rem; font-weight: 750; }

body.cs2day-v2 .cs2-twitch-media-admin { background: var(--cs2-card); border: 1px solid var(--cs2-border); border-radius: 6px; margin-top: 20px; padding: 18px; }
body.cs2day-v2 .cs2-twitch-media-admin > header { align-items: center; display: flex; gap: 16px; justify-content: space-between; }
body.cs2day-v2 .cs2-twitch-media-admin > header h3,
body.cs2day-v2 .cs2-twitch-media-admin > header p { margin: 0; }
body.cs2day-v2 .cs2-twitch-media-admin > header p { color: var(--cs2-text-muted); font-size: .72rem; margin-top: 4px; }
body.cs2day-v2 .cs2-twitch-media-admin__state { display: grid; gap: 8px; grid-template-columns: repeat(4, 1fr); margin: 16px 0; }
body.cs2day-v2 .cs2-twitch-media-admin__state span { background: var(--cs2-card-elevated); display: grid; gap: 4px; padding: 12px; }
body.cs2day-v2 .cs2-twitch-media-admin__state small { color: var(--cs2-text-muted); }
body.cs2day-v2 .cs2-twitch-media-admin__list { border: 1px solid var(--cs2-border); max-height: 360px; overflow: auto; }
body.cs2day-v2 .cs2-twitch-media-admin__list label { align-items: center; border-bottom: 1px solid var(--cs2-border); display: grid; gap: 10px; grid-template-columns: auto 1fr auto; padding: 10px 12px; }
body.cs2day-v2 .cs2-twitch-media-admin__list label:last-child { border-bottom: 0; }
body.cs2day-v2 .cs2-twitch-media-admin__list span { display: grid; }
body.cs2day-v2 .cs2-twitch-media-admin__list small { color: var(--cs2-text-muted); }
body.cs2day-v2 .cs2-twitch-media-admin__list i { color: var(--cs2-text-muted); font-size: .64rem; font-style: normal; text-transform: uppercase; }
body.cs2day-v2 .cs2-twitch-media-admin form > footer { display: flex; gap: 10px; justify-content: flex-end; padding-top: 12px; }

@media (max-width: 1100px) { body.cs2day-v2 .cs2-twitch-media-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) {
	body.cs2day-v2 .cs2-content-directory-tabs { display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; }
	body.cs2day-v2 .cs2-content-directory-tabs a { padding-inline: 8px; text-align: center; }
	body.cs2day-v2 .cs2-twitch-media-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	body.cs2day-v2 .cs2-twitch-media-admin__state { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
	body.cs2day-v2 .cs2-twitch-media-grid { grid-template-columns: 1fr; }
	body.cs2day-v2 .cs2-twitch-media-admin > header { align-items: stretch; flex-direction: column; }
	body.cs2day-v2 .cs2-twitch-media-admin__list label { grid-template-columns: auto 1fr; }
	body.cs2day-v2 .cs2-twitch-media-admin__list i { grid-column: 2; }
}