.switch {
	> ul {
		background-color: var(--bg-color-dark);
		display: flex;
		padding: calc(1 * var(--spacing));
		border-radius: var(--rounded-lg);
		margin-bottom: calc(4 * var(--spacing));
	}

	li {
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: calc(2 * var(--spacing));
		padding: calc(2 * var(--spacing)) 0;
		border-radius: var(--rounded-lg);

		svg {
			width: calc(4 * var(--spacing));
			height: calc(4 * var(--spacing));
		}

		&.current {
			background-color: white;
		}
	}
}