:root {
	/*--color-primary: #185ee0;*/
	/*--color-secondary: #e6eef9;*/
}
.tab_s {

}
.tab_s .tabs-header {
	display: flex;
	position: relative;
	background-color: var(--color-grayLight);
	padding: 4px;
	border-radius: 5px;
}
.tab_s .tabs-header * {
	z-index: 2;
}

.tab_s input[type=radio] {
	display: none;
}

.tab_s .tab {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 28px;
	width: auto;
	font-size: 0.9rem;
	border-radius: 5px;
	cursor: pointer;
	color:var(--color-dark);
	background-color: transparent;
	transition: all 0.15s ease-in;
	padding: 0 10px;
}
.tab_s.tab-w-50 .tab {
	width:50%;
}
.tab_s .tab img {
    height: 90%;
    padding: 2px;
}
.tab_s .tab .tab-counter,
.tab_s .tab .counter {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 18px;
	height: 18px;
	margin-left: 0.75rem;
	font-size:0.8rem;
	border-radius: 50%;
	background-color: var(--color-secondary);
	transition: 0.15s ease-in;
}

.tab_s input[type=radio]:checked + .tab {
	color: var(--color-black);
	background-color: var(--color-white);
	box-shadow: 1px 1px 3px #aaa;
    border: none;
}
.tab_s.tabs-primary input[type=radio]:checked + .tab {
	color: var(--color-light);
	background-color: var(--color-primary);
    border: none;
}
.tab_s.tabs-success input[type=radio]:checked + .tab {
	color: var(--color-light);
	background-color: var(--color-success);
    border: none;
}

.tab_s.tabs-active-bordered input[type=radio]:checked + .tab {
	color: var(--color-black);
	background-color: var(--color-whiteAlpha);
    border: 1px solid var(--color-whiteAlpha);
}
.tab_s.tabs-primary.tabs-active-bordered input[type=radio]:checked + .tab {
	color: var(--color-light);
	background-color: var(--color-primaryAlpha);
    border: 1px solid var(--color-primaryAlpha);
}
.tab_s.tabs-success.tabs-active-bordered input[type=radio]:checked + .tab {
	color: var(--color-light);
	background-color: var(--color-successAlpha);
    border: 1px solid var(--color-successAlpha);
}

.tab_s input[type=radio]:checked + .tab > .tab-counter,
.tab_s input[type=radio]:checked + .tab > .counter {
	background-color: var(--color-primary);
	color: #fff;
}

.tab_s .tab-glider,
.tab_s .glider {
	position: absolute;
	display: flex;
	display: none;
	height: 54px;
	width: 200px;
	background-color: var(--color-secondary);
	z-index: 1;
	border-radius: 99px;
	transition: 0.25s ease-out;
}

.tab_s input[type=radio]:nth-of-type(1):checked ~ .tab-glider,
.tab_s input[type=radio]:nth-of-type(1):checked ~ .glider {
	transform: translateX(0);
}

.tab_s input[type=radio]:nth-of-type(2):checked ~ .tab-glider,
.tab_s input[type=radio]:nth-of-type(2):checked ~ .glider {
	transform: translateX(100%);
}

.tab_s input[type=radio]:nth-of-type(3):checked ~ .tab-glider,
.tab_s input[type=radio]:nth-of-type(3):checked ~ .glider {
	transform: translateX(200%);
}

@media (max-width: 700px) {
	.tab_s {
		/*transform: scale(0.6);*/
	}
}