custom-header {
	width: 100%;
	border-bottom: 1px solid var(--gray-200);
}

custom-header .container {
	height: 3rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 0;
	padding-bottom: 0;
}

custom-header .logo-small {
	width: auto;
	height: 35px;
	display: none;
}

custom-header .logo-large {
	width: auto;
	height: 25px;
}

custom-header button {
	margin: 0;
	background-color: transparent;
}

custom-header svg {
	width: 1rem;
	height: 1rem;
}

custom-header svg * {
	fill: var(--gray-400);
}

@media (min-width: 720px) {
	custom-header .logo-small {
		display: block;
	}

	custom-header button {
		display: none;
	}
}