@use "_theme" as *

@use "general"
@use "servers"
@use "nav"
@use "challenge"
@use "submissions"

#content, dialog
	background: var(--bg)
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.125)
	border: none
	border-radius: 4px

#content
	width: 100%
	height: 100%
	display: grid
	grid-template-areas: "nav nav" "challenge submissions"
	grid-template-columns: 30em auto
	grid-template-rows: min-content auto
	overflow: hidden

#nav
	grid-area: nav

#challenge
	grid-area: challenge

#submissions
	grid-area: submissions	

#challenge, #submissions
	overflow: scroll
	display: flex
	flex-direction: column
	gap: 1em

	footer
		margin-top: auto
		text-align: center