$loading-background-color: rgba(255, 255, 255, 0.5) !default

.b-loading-overlay
	@include overlay
	align-items: center
	display: none
	justify-content: center
	overflow: hidden
	&.is-active
		display: flex
	&.is-fullscreen
		z-index: 999
		position: fixed
		.loading-icon
			&:after
				top: calc(50% - 2.5em)
				left: calc(50% - 2.5em)
				width: 5em
				height: 5em
	.loading-background
		@include overlay
		background: $loading-background-color
	.loading-icon
		position: relative
		&:after
			@include loader
			position: absolute
			top: calc(50% - 1.5em)
			left: calc(50% - 1.5em)
			width: 3em
			height: 3em
			border-width: 0.25em
