::-webkit-scrollbar {
	display: none;
}

:root {
	--video-player-height: 0px;
}

@font-face {
	font-family: Inter;
	src: url('/static/inter.ttf');
}

article {
	box-shadow: none !important;
}

.primary-border {
	border: 0.5px solid var(--primary);
}

button,
.button {
	border-radius: 0.5rem !important;
}

.thumbnail-corner {
	padding: 0.1em 0.4em;
}

.infinite-status-prompt {
	display: none !important;
}

#dialog-settings form {
	margin: 1em 0;
}

.video-actions button {
	margin: 0.3em;
}

nav.top {
	padding-top: calc(var(--safe-area-inset-top) + 1rem) !important;
	padding-bottom: 1em;
}

nav.bottom {
	padding-bottom: var(--safe-area-inset-bottom) !important;
}

main.root {
	max-height: 100vh;
	overflow-y: auto;
}

dialog {
	padding-top: calc(var(--safe-area-inset-top) + 1rem) !important;
}

.row {
	padding: 1em !important;
}

.video-placeholder {
	height: 30vh;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

menu {
	left: auto;
	right: 0;
}

@media screen and (max-width: 1000px) {
	menu.mobile {
		position: fixed !important;
		top: 10% !important;
		width: 100% !important;
		z-index: 99999;
	}

	main.root {
		scrollbar-width: none !important;
	}

	main.root::-webkit-scrollbar {
		display: none !important;
	}

	main.root {
		padding-left: 0.1em !important;
		padding-right: 0.1em !important;
	}

	dialog.right {
		width: 100% !important;
		border-radius: 0 !important;
	}
}
