html {
	margin-top: 0 !important;
}

#wpadminbar {
	background: linear-gradient(to bottom, black, transparent);

	& {
		translate: 0 -100%;
		transition: translate 0.5s var(--ease-in-out, ease-in-out);
	}
	&:hover {
		translate: 0 0;
		transition-timing-function: var(--ease-out, ease-out);
	}

	&::before {
		content: '';
		position: absolute;
		left: 50%;
		bottom: -4px;
		translate: -50% 100%;

		width: 32px;
		height: 4px;
		background: #fff4;
		border-radius: 9999px;
	}

	&::after {
		content: '';
		position: absolute;
		inset-inline: 0;
		bottom: 0;
		translate: 0 100%;

		height: 16px;
	}
}