.ui-forum-panel {
	padding: calc(var(--spacing) * 7);
	gap: calc(var(--spacing) * 8);
}

@media (width >= 40rem) {
	.ui-forum-panel {
		padding: calc(var(--spacing) * 8);
	}
}

.ui-forum-section {
	gap: calc(var(--spacing) * 4);
}

.actions .ui-action-button__icon > svg {
	width: 100%;
	height: 100%;
}

.ui-heading-actions-break {
	flex-basis: 100%;
	height: 0;
}

.ui-forum-row {
	column-gap: calc(var(--spacing) * 6);
	padding-inline: calc(var(--spacing) * 4);
	padding-block: calc(var(--spacing) * 3);
}

@media (width >= 40rem) {
	.ui-forum-row {
		grid-template-columns: 2.75rem minmax(0, 1fr) minmax(18rem, .74fr);
	}

	.ui-forum-row--subforum {
		grid-template-columns: 2.75rem minmax(0, .62fr) minmax(22rem, .9fr);
	}
}

.ui-forum-row__main,
.ui-forum-topic-row__main {
	display: grid;
	gap: calc(var(--spacing) * .5);
}

.ui-forum-row__title,
.ui-forum-row__description,
.ui-forum-topic-row__title,
.ui-forum-topic-row__description {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ui-forum-row--no-description .ui-forum-row__main,
.ui-forum-topic-row--no-description .ui-forum-topic-row__main {
	align-self: center;
}

.ui-forum-row__last {
	justify-self: end;
	width: min(100%, 24rem);
	text-align: left;
}

.ui-forum-row__icon--game {
	background: transparent;
}

.ui-forum-row__game-icon {
	width: calc(var(--spacing) * 8);
	height: calc(var(--spacing) * 8);
	object-fit: contain;
	opacity: .88;
}

.ui-forum-topic-row {
	column-gap: calc(var(--spacing) * 5);
	padding-inline: calc(var(--spacing) * 4);
	padding-block: calc(var(--spacing) * 1.5);
}

@media (width >= 48rem) {
	.ui-forum-topic-row {
		grid-template-columns: 2rem minmax(0, 1fr) minmax(12rem, .34fr) 2rem;
		align-items: center;
	}
}

.ui-forum-topic-row__main {
	padding-left: calc(var(--spacing) * 2);
	align-self: center;
}

.ui-forum-topic-row__heading {
	gap: calc(var(--spacing) * 2);
	line-height: calc(var(--spacing) * 5);
}

.ui-forum-topic-row__description {
	margin-top: 0;
	line-height: calc(var(--spacing) * 4.5);
}

.ui-forum-topic-row__last {
	padding-left: calc(var(--spacing) * 3);
	gap: calc(var(--spacing) * .5);
	line-height: calc(var(--spacing) * 4.5);
	align-self: center;
}

.ui-forum-topic-row__go {
	align-self: center;
}

.ui-forum-pagination-wrap {
	margin-top: calc(var(--spacing) * 3);
	margin-bottom: calc(var(--spacing) * 2);
}

.ui-forum-status {
	background-color: #ffffff0a;
}

@supports (color: color-mix(in lab, red, red)) {
	.ui-forum-status {
		background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
	}
}

.ui-forum-status--pinned {
	background-color: #ffcc330f;
}

@supports (color: color-mix(in lab, red, red)) {
	.ui-forum-status--pinned {
		background-color: color-mix(in oklab, var(--color-primary-300) 6%, transparent);
	}
}

.ui-forum-status--closed {
	background-color: #fe6e000f;
}

@supports (color: color-mix(in lab, red, red)) {
	.ui-forum-status--closed {
		background-color: color-mix(in oklab, var(--color-orange-500) 6%, transparent);
	}
}

.ui-forum-post {
	padding: calc(var(--spacing) * 5) calc(var(--spacing) * 6);
}

.ui-forum-post__header {
	margin-bottom: calc(var(--spacing) * 2);
	gap: calc(var(--spacing) * 3);
	font-size: var(--text-base);
	line-height: calc(var(--spacing) * 6);
}

@media (width >= 40rem) {
	.ui-forum-post__header {
		grid-template-columns: auto auto minmax(0, 1fr) auto;
		align-items: center;
	}
}

.ui-forum-post__num,
.ui-forum-post__player,
.ui-forum-post__date {
	font-size: var(--text-base);
	line-height: calc(var(--spacing) * 6);
}

.ui-forum-post__num,
.ui-forum-post__date {
	font-size: var(--text-sm);
	color: var(--color-slate-500);
}

.ui-forum-post__date {
	font-size: .8125rem;
}

.ui-forum-post__num {
	justify-self: end;
}

.ui-forum-post__num,
.ui-forum-post__date {
	font-family: var(--font-ui);
}

.ui-forum-post-menu {
	right: calc(var(--spacing) * 4);
	bottom: calc(var(--spacing) * 4);
	position: absolute;
	z-index: 10;
}

@media (width >= 40rem) {
	.ui-forum-post__player {
		grid-column: 1;
		grid-row: 1;
	}

	.ui-forum-post__date {
		grid-column: 2;
		grid-row: 1;
	}

	.ui-forum-post__num {
		grid-column: 4;
		grid-row: 1;
	}
}

.ui-forum-post__content {
	line-height: calc(var(--spacing) * 5.5);
}

.ui-forum-reply,
.ui-forum-reply-state {
	margin-top: calc(var(--spacing) * 10);
}

.ui-forum-reply h2 {
	margin-bottom: calc(var(--spacing) * 4);
}

.ui-forum-form {
	margin-top: calc(var(--spacing) * 4);
	padding: calc(var(--spacing) * 7);
}

@media (width >= 40rem) {
	.ui-forum-form {
		padding: calc(var(--spacing) * 8);
	}
}

.ui-forum-form .ui-form-actions {
	margin-top: calc(var(--spacing) * 4);
}

.ui-forum-topic-state {
	margin-top: 0;
}

.ui-forum-reply-state .ui-forum-topic-state {
	width: max-content;
	max-width: 100%;
	margin-inline: auto;
	padding-inline: calc(var(--spacing) * 7);
}

.ui-forum-topic-state--closed {
	background-color: #fe6e0014;
}

@supports (color: color-mix(in lab, red, red)) {
	.ui-forum-topic-state--closed {
		background-color: color-mix(in oklab, var(--color-orange-500) 8%, transparent);
	}
}

.ui-button:focus,
button.ui-button:focus,
input.ui-button[type="submit"]:focus,
input.ui-button[type="button"]:focus,
.ui-button:focus-visible,
button.ui-button:focus-visible,
input.ui-button[type="submit"]:focus-visible,
input.ui-button[type="button"]:focus-visible,
.ui-action-button:focus,
.ui-action-button:focus-visible {
	--tw-ring-shadow: 0 0 #0000;
	box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
	outline: none;
}