@charset "UTF-8";

header>nav#menu {
	container-type: inline-size;
	container-name: menu;
	margin-bottom: 1rem;
	width: var(--width);
	min-height: 3rem;
	display: flex;
	flex-flow: row wrap;
	gap: 1rem;
	border-radius: 1.375rem;
	overflow: hidden;
}

header>nav#menu>a[type="button"] {
	height: 3rem;
	padding: unset;
	border-radius: 1.375rem;
	color: var(--tg-theme-button-text-color);
	background-color: var(--tg-theme-button-color);
}

header>nav#menu>a[type=button]>:first-child {
	margin-left: 1rem;
}

header>nav#menu>a[type="button"]>* {
	margin-right: 1rem;
}

@container header (max-width: 450px) {
	header>nav#menu>a[type="button"]:nth-child(1)>i.icon+span {
		display: none;
	}
}

@container header (max-width: 350px) {
	header>nav#menu>a[type="button"]:nth-child(2)>i.icon+span {
		display: none;
	}
}

@container header (max-width: 250px) {
	header>nav#menu>a[type="button"]:nth-child(3)>i.icon+span {
		display: none;
	}
}

@container header (max-width: 150px) {
	header>nav#menu>a[type="button"]>i.icon+span {
		display: none;
	}
}
