.is-sm {
	&.bit,
	&.btn {
		@include bitSize('bit', 'sm');
		border-radius: 2.1rem;
	}
	&.input {
		@include bitSize('bit', 'sm', true);
		border-radius: 2.1rem;
	}
}

// for regular sizes
// .is-md { @include bitSize('bit', 'md'); }

.is-lg {
	&.bit,
	&.btn {
		@include bitSize('bit', 'lg');
		border-radius: 2.8rem;
	}
	&.input {
		@include bitSize('bit', 'lg', true);
		border-radius: 2.8rem;
	}
}

.is-ico {
	&.bit,
	&.btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		@include bitSize('ico');
		&.is-sm { @include bitSize('ico', 'sm'); }
		&.is-lg { @include bitSize('ico', 'lg');}
	}
}

.is-ico-toggle {
	[aria-expanded="false"] > &:nth-last-of-type(1) { display: none; }
	[aria-expanded="true"] > &:nth-last-of-type(2)  { display: none; }
}

.is-disabled,
[disabled] {
	pointer-events: none;
	opacity: 0.5;
	~ .input-title {
		pointer-events: none;
		opacity: 0.5;
	}
}

.sr-only,
.is-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}


.has-outline {
	&.bit,
	&.btn {
		color: inherit;
		border-color: inherit;
		background-color: transparent;
		border: 1px solid;
	}
}

.is-header-sticky-space {
	position: sticky;
	z-index: 1;
	border-width: 2px;
	top: headerVisibleHeight();
}

.is-counter {
	position: absolute;
	top: -.4rem;
	right: -.4rem;
	padding: .3rem .5rem;
	min-width: 1.8rem;
	line-height: 1;
	font-size: $font-size-xsmall;
	text-align: center;
	border-radius: 2rem;
	pointer-events: none;
}

body.is-request-running main {
	pointer-events: none;
	opacity: .8;
}