.root {
	position: relative;
	overflow: hidden;

	.content {
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 8px;
		z-index: 3;

		padding: var(--spacing-sm, 8px);
		border-radius: var(--dropdown-radius, 0px);

		background: var(--dropdown-menu-background, #fff);

		border: 1px solid var(--dropdown-menu-border-primary, #005bcb);

		max-height: 0;
		opacity: 0;
		transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;

		position: absolute;
		top: 100%;
		left: 0;
		transform: translateY(8px);
	}

	&.open {
		overflow: visible;
		.content {
			max-height: 500px;
			opacity: 1;
		}
	}
}