.it-sgm-control{
	background-color:var(--main-surface-secondary);
	border-radius:var(--radius-i-md);
	display:inline-flex;
	padding:2px
}
.it-sgm-control .button{
	cursor:pointer;
	margin:2px;
	position:relative;
	text-align:center
}
.it-sgm-control input{
	opacity:0;
	position:absolute
}
.it-sgm-control input+label{
	--icon-size:24px;
	--mask-color:var(--main-neutral-secondary);
	align-items:center;
	border-radius:var(--radius-i-sm);
	color:var(--main-neutral-secondary);
	cursor:pointer;
	display:flex;
	height:100%;
	justify-content:center;
	padding:8px;
	position:relative;
	transition:var(--transition-color)
}
.it-sgm-control input+label span{
	flex:1 1 auto;
	font:var(--text-btn-lg);
	overflow:hidden;
	padding:0 6px;
	position:relative;
	text-overflow:ellipsis
}
.it-sgm-control input+label i{
	position:relative;
	transition:var(--transition-color)
}
.it-sgm-control input+label:before{
	background:var(--main-surface-primary);
	border-radius:inherit;
	content:"";
	height:100%;
	left:50%;
	opacity:0;
	position:absolute;
	top:0;
	transform:translateX(-50%);
	transition:var(--transition-opacity), var(--transition-shadow), var(--transition-width);
	width:0
}
.it-sgm-control.f-w{
	width:100%
}
.it-sgm-control.f-w .button{
	flex:1
}
.it-sgm-control.lg-size input+label{
	padding:12px
}
.it-sgm-control.lg-size input+label span{
	padding:0
}
.it-sgm-control.lg-size input+label i~span,.it-sgm-control.lg-size input+label span~i{
	margin-inline-start:12px
}
.it-sgm-control.sm-size input+label{
	padding:4px
}
.it-sgm-control.sm-size input+label span{
	font:var(--text-btn-md);
	padding:4px 3px
}
.it-sgm-control input:checked+label{
	--mask-color:var(--main-neutral-primary);
	color:var(--main-neutral-primary)
}
.it-sgm-control input:checked+label:before{
	box-shadow:var(--shadow-sm-narrow);
	opacity:1;
	transition-delay:.05s;
	width:100%
}
.it-sgm-control .button.primary input:checked+label{
	--mask-color:var(--main-forced-white);
	color:var(--main-forced-white)
}
.it-sgm-control .button.primary input+label:before{
	background:var(--main-primary)
}
