.viewModeSwitcher {
	&__list {
		list-style: none;
		margin: 0 0 $spacing-sm;
		padding: 0;
		display: flex;
		gap: $spacing-xs;
	}

	a {
		color: $grey;
	}

	.icon {
		@include typescale('2xl');
	}

	label {
		cursor: pointer;
	}

	input[type='radio'] {
		@include visually-hidden;

		&:focus,
		&:hover {
			+ label {
				.icon {
					svg {
						fill: rgba($tertiary, 0.5);
					}
				}
			}
		}

		&:checked {
			+ label {
				.icon {
					svg {
						fill: $tertiary;
					}
				}
			}
		}
	}
}