/**
 * Sumoshop List tabs variable v1.01
 * Copyright 2024 Sumoshop https://www.sumoshop.dk
 * All rights reserved
 */
.tabsvariable {
	position: relative;
	margin: 10px;
	margin: var(--basic-margin);
}

.tabsvariable-header>li {
	float: left;
}

.tabsvariable-header>li>a {
	height: calc(10px + 0px);
	height: calc(var(--basic-margin) + var(--basic-padding));
	padding: calc(10px + 0px);
	padding: calc(var(--basic-margin) + var(--basic-padding));
	opacity: 0.3;
}

.tabsvariable-header>li.selected a {
	opacity: 1;
}

.tabsvariable-header>li>a, .tabsvariable-content>li {
	background-color: #eeeeee;
}

.tabsvariable-content {
	clear: both;
}

.tabsvariable-content>li {
	display: none;
	width: calc(100% - 10px * 2);
	width: calc(100% - var(--basic-margin) * 2);
	padding: calc(10px + 0px);
	padding: calc(var(--basic-margin) + var(--basic-padding));
}

.tabsvariable-content>li.selected {
	display: block;
}

.tabsvariable-content>li::after {
	content: "";
	display: block;
	clear: both;
}