.c-code-switcher {
	padding: var(--spacing-2);
	background-color: var(--color-gray-200);
	border: 1px solid var(--color-gray-500);
	border-radius: var(--radius-1);
	overflow: hidden;

	&:not(:last-child) {
		margin: var(--spacing-7) 0;
	}

	.c-tabs {
		margin: 0;
	}

	.c-code-block {
		padding: var(--spacing-4) var(--spacing-2);
		margin: 0;
		border-radius: 0;

		&__skeleton,
		&__pre {
			padding: 0;
		}

		&:not(.c-code-block--has-vertical-scroll) .c-code-block__copy-button {
			right: var(--spacing-1);
		}

		&--has-vertical-scroll {
			.c-code-block__copy-button {
				right: var(--spacing-5);
			}

			.c-code-block__skeleton,
			.c-code-block__pre {
				padding-bottom: var(--spacing-4);
			}
		}
	}
}
