
.group {
	display: flex;

	&-list {
		list-style: none;
		padding: 0;
	}

	> .btn,
	> label,
	&-list > li {
		margin-left: -1px;
		&:first-child { margin-left: 0;}
	}

	> .btn,
	&-list > li > .btn {
		z-index: 1;
		&:focus-visible  { z-index: 10;}
	}

	.input:focus { z-index: 10;}

	&-floating {
		.btn { height: auto; max-height: none;}
	}

	@if $useBorderRadius {
		> .btn:first-child,
		> label:first-child .input,
		&-list > li:first-child > .btn {
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;
		}

		> .btn:not(:first-child):not(:last-child),
		> label:not(:first-child):not(:last-child) .input,
		&-list > li:not(:first-child):not(:last-child) > .btn {
			border-radius: 0;
		}

		> .btn:last-child,
		> label:last-child .input,
		&-list > li:last-child > .btn {
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;
		}
	}
}
