.group {
	display: flex;

	> .btn {
		border-radius: $border-radius-1;
	}

	&-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,
		.btn.is-ico {
			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;
		}

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

			>.btn:first-child,
			> input:first-child {
				border-top-right-radius: 0;
				border-bottom-right-radius: 0;
			}

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