/* label skin styles */
.tab-selector--skin-label {
	color: var(--color-main-040);
	flex-basis: 50%;
	font-size: var(--font-size-label-m);
	line-height: var(--line-height-label-m);
	letter-spacing: var(--letter-spacing-label-m);
	text-transform: uppercase;
	font-stretch: var(--font-stretch-condensed);
	font-weight: var(--font-weight-condensed);
}
[dir] .tab-selector--skin-label {
	border-bottom: 1px solid var(--color-main-020);
	cursor: pointer;
	padding: var(--spacing-03);
}

.tab-selector--skin-label:hover {
	color: var(--color-main-060);
}

.tab-selector--skin-label.tab-selector--disabled {
	color: var(--color-main-020);
}

[dir] .tab-selector--skin-label.tab-selector--disabled {
	cursor: not-allowed;
}

.tab-selector--skin-label.tab-selector--disabled:hover {
	color: var(--color-main-020);
}

.tab-selector--skin-label.tab-selector--selected {
	color: var(--color-main);
}

[dir] .tab-selector--skin-label.tab-selector--selected {
	border-bottom: 1px solid var(--color-main);
}

.tab-selector--skin-label.tab-selector--selected:hover {
	color: var(--color-main);
}

/* button skin styles */
.tab-selector--skin-button {
	box-sizing: border-box;
	color: var(--color-main-080);
	display: inline-block;
	font-size: var(--font-size-label-m);
	text-transform: uppercase;
	width: 100%;
	line-height: var(--line-height-label-m);
	letter-spacing: var(--letter-spacing-label-m);
	text-transform: uppercase;
	font-stretch: var(--font-stretch-condensed);
	font-weight: var(--font-weight-condensed);
}
[dir] .tab-selector--skin-button {
	background: var(--color-main-000);
	border: 1px solid var(--color-main-040);
	cursor: pointer;
	padding: 10px var(--spacing-03);
	text-align: center;
}

.tab-selector--skin-button:not(.tab-selector--disabled,.tab-selector--selected):hover {
	color: var(--color-main);
}

[dir] .tab-selector--skin-button:not(.tab-selector--disabled, [dir] .tab-selector--selected):hover {
	border-color: var(--color-main-060);
}

.tab-selector--skin-button.tab-selector--selected {
	color: var(--color-main);
}

[dir] .tab-selector--skin-button.tab-selector--selected {
	border-color: var(--color-main);
}

.tab-selector--skin-button.tab-selector--disabled {
	color: var(--color-main-020);
}

[dir] .tab-selector--skin-button.tab-selector--disabled {
	border-color: var(--color-main-020);
	cursor: not-allowed;
}

@media screen and (min-width: 1024px) {
	.tab-selector--skin-button.button {
		font-size: var(--font-size-label-s);
		line-height: var(--line-height-label-s);
		letter-spacing: var(--letter-spacing-label-s);
		text-transform: uppercase;
		font-stretch: var(--font-stretch-condensed);
		font-weight: var(--font-weight-condensed);
	}
}

[dir] .tab-panel {
	padding: var(--spacing-03) 0;
}

.tabs__list {
	display: flex;
}[dir] .tabs__list {
	background: var(--color-main-000);
	margin-top: var(--spacing-02);
}

.tabs--skin-buttons .tabs__list {
	gap: var(--spacing-03);
}