﻿.ºloader .icon{
	width: var(--control-height);
	height: var(--control-height);
	background: transparent;
    border-top: 4px solid var(--color-5);
    border-right: 3px solid transparent;
    border-radius: 100%;
    animation: 1s spin linear infinite;	
}

.ºloader.container{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	/*flex-direction: column;*/
	left: 0; right: 0;
	top: 0; bottom: 0;
	background: rgba(255, 255, 255, .5);
	z-index: 1;
}
	.ºloader.container .icon{
		width: calc(var(--control-height)*2);
		height: calc(var(--control-height)*2);
		border-top-width: 6px;
		border-right-width: 4px;
		margin: var(--size-5);
	}

.loading > :not(.ºloader){
	filter: blur(1px);
	pointer-events: none;
}

.fullscreen-loader{
	width: 100%;
	height: 100%;
}
	.fullscreen-loader .ºloader{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: 100%;
	}
		.fullscreen-loader .ºloader .icon{
			width: calc(var(--control-height)*2);
			height: calc(var(--control-height)*2);
			margin: var(--size-5);
		}
		.fullscreen-loader .ºloader .label{
			padding-top: var(--size-2);
			color: var(--color-12);
		}
