:root{
	--anm-trn-sp: 1s; /* { min: 0, max: 1, step: 0.05, friendly: 'Animation Transition Speed', group: 'Animations' } */
	--anm-trn-tf: ease; /* { friendly: 'Animation Transition Timing Function', group: 'Animations' } */		
	--anm-trn-dly: 0s; /* { min: 0, max: 1, step: 0.05, friendly: 'Animation Start Delay', group: 'Animations' } */
	--anm-trn-seq-dly: 0.2s; /* { min: 0, max: 1, step: 0.05, friendly: 'Delay for Sequential Animations', group: 'Animations' } */
	--anm-trn-lst-dly: 0.1s; /* { min: 0, max: 1, step: 0.05, friendly: 'Delay for List Animations', group: 'Animations' } */
}

.loading.ui-repeater {
	position: relative;
}

.loading.ui-repeater > fieldset,
.loading.ui-repeater > div {
	opacity: .5;
	transition: opacity .25s ease 0s;
}

.loading.ui-repeater::before,
.loading.ui-repeater::after {
	content: ' ';
	position: absolute;
	top: calc(50% - 30px);
	left: calc(50% - 30px);
	width: 60px;
	height: 60px;
	z-index: 50;
	opacity: .6;
	background-color: var(--buttons);
	
}

.loading.ui-repeater::before {
	animation: rotate-left 1s ease infinite;
}
 
.loading.ui-repeater::after {
	animation: rotate-right 1s ease infinite;
}

@keyframes rotate-left {
	0% {
		transform: rotate(0deg)
	}
	100% {
		transform: rotate(-90deg)
	}
}

@keyframes rotate-right {
	0% {
		transform: rotate(0deg)
	}
	100% {
		transform: rotate(90deg)
	}
}


@media screen and (min-width:1280px) {
	
	.anm_fl,
	.anm_hlf-l,
	.anm_hlf-r,
	.anm_seq-itm > *,
	.anm_seq-lst > li,
	.anm_seq-itm-sp > * {
		opacity: 0;
		transition: opacity var(--anm-trn-sp) var(--anm-trn-tf) var(--anm-trn-dly), transform var(--anm-trn-sp) var(--anm-trn-tf) var(--anm-trn-dly);
	}
	
	.anm_fl,
	.anm_seq-itm > * {
		transform: translateY(2rem);
	}	
	
	.anm_hlf-l,
	.anm_seq-itm-sp > *,
	.f_rev > .anm_hlf-r {
		transform: translateX(-2rem);
	}
	
	.anm_hlf-r,
	.anm_seq-lst > li,
	.f_rev > .anm_hlf-l {
		transform: translateX(2rem);
	}
	
	.anm .anm_fl,
	.anm .anm_hlf-l,
	.anm .anm_hlf-r,
	.anm .anm_seq-itm > *,
	.anm .anm_seq-itm-sp > *,
	.anm .anm_seq-lst > li {
		opacity: 1;
		transform: none;
	}
	
	.anm_hlf-r {
		transition-delay: calc(var(--anm-trn-dly) + var(--anm-trn-seq-dly));
	}
	
	[class*="anm_seq-itm"] > *:first-child {
		transition-delay: calc(var(--anm-trn-dly) + var(--anm-trn-seq-dly));
	}
	
	[class*="anm_seq-itm"] > *:nth-child(2) {
		transition-delay: calc(var(--anm-trn-dly) + (var(--anm-trn-seq-dly) * 2));
	}
	
	[class*="anm_seq-itm"] > *:nth-child(3) {
		transition-delay: calc(var(--anm-trn-dly) + (var(--anm-trn-seq-dly) * 3));
	}
	
	[class*="anm_seq-itm"] > *:nth-child(4) {
		transition-delay: calc(var(--anm-trn-dly) + (var(--anm-trn-seq-dly) * 4));
	}
	
	[class*="anm_seq-itm"] > *:nth-child(5) {
		transition-delay: calc(var(--anm-trn-dly) + (var(--anm-trn-seq-dly) * 5));
	}
	
	.anm_seq-lst > li:first-child {
		transition-delay: calc(var(--anm-trn-dly) + var(--anm-trn-lst-dly));
	}
	
	.anm_seq-lst > li:nth-child(2) {
		transition-delay: calc(var(--anm-trn-dly) + (var(--anm-trn-lst-dly) * 2));
	}
	
	.anm_seq-lst > li:nth-child(3) {
		transition-delay: calc(var(--anm-trn-dly) + (var(--anm-trn-lst-dly) * 3));
	}
	
	.anm_seq-lst > li:nth-child(4) {
		transition-delay: calc(var(--anm-trn-dly) + (var(--anm-trn-lst-dly) * 4));
	}
	
	.anm_seq-lst > li:nth-child(5) {
		transition-delay: calc(var(--anm-trn-dly) + (var(--anm-trn-lst-dly) * 5));
	}
	
	.anm_seq-lst > li:nth-child(6) {
		transition-delay: calc(var(--anm-trn-dly) + (var(--anm-trn-lst-dly) * 6));
	}
	
	.anm_seq-lst > li:nth-child(7) {
		transition-delay: calc(var(--anm-trn-dly) + (var(--anm-trn-lst-dly) * 7));
	}
	
	.anm_seq-lst > li:nth-child(8) {
		transition-delay: calc(var(--anm-trn-dly) + (var(--anm-trn-lst-dly) * 8));
	}
	
	.anm_seq-lst > li:nth-child(9) {
		transition-delay: calc(var(--anm-trn-dly) + (var(--anm-trn-lst-dly) * 9));
	}
	
	.anm_seq-lst > li:nth-child(10) {
		transition-delay: calc(var(--anm-trn-dly) + (var(--anm-trn-lst-dly) * 10));
	}
	
	.anm_seq-lst > li:nth-child(11) {
		transition-delay: calc(var(--anm-trn-dly) + (var(--anm-trn-lst-dly) * 11));
	}
	
	.anm_seq-lst > li:nth-child(12) {
		transition-delay: calc(var(--anm-trn-dly) + (var(--anm-trn-lst-dly) * 12));
	}
	
	.anm_seq-lst > li:nth-child(13) {
		transition-delay: calc(var(--anm-trn-dly) + (var(--anm-trn-lst-dly) * 13));
	}
	
	.anm_seq-lst > li:nth-child(14) {
		transition-delay: calc(var(--anm-trn-dly) + (var(--anm-trn-lst-dly) * 14));
	}
	
	.anm_seq-lst > li:nth-child(15) {
		transition-delay: calc(var(--anm-trn-dly) + (var(--anm-trn-lst-dly) * 15));
	}
	
	.anm_seq-lst > li:nth-child(16) {
		transition-delay: calc(var(--anm-trn-dly) + (var(--anm-trn-lst-dly) * 16));
	}
	
	.anm_seq-lst > li:nth-child(17) {
		transition-delay: calc(var(--anm-trn-dly) + (var(--anm-trn-lst-dly) * 17));
	}
	
	.anm_seq-lst > li:nth-child(18) {
		transition-delay: calc(var(--anm-trn-dly) + (var(--anm-trn-lst-dly) * 18));
	}
	
	.anm_seq-lst > li:nth-child(19) {
		transition-delay: calc(var(--anm-trn-dly) + (var(--anm-trn-lst-dly) * 19));
	}
	
	.anm_seq-lst > li:nth-child(20) {
		transition-delay: calc(var(--anm-trn-dly) + (var(--anm-trn-lst-dly) * 20));
	}
	
	.anm_seq-lst > li:nth-child(21) {
		transition-delay: calc(var(--anm-trn-dly) + (var(--anm-trn-lst-dly) * 21));
	}
	
	.anm_seq-lst > li:nth-child(22) {
		transition-delay: calc(var(--anm-trn-dly) + (var(--anm-trn-lst-dly) * 22));
	}
	
	.anm_seq-lst > li:nth-child(23) {
		transition-delay: calc(var(--anm-trn-dly) + (var(--anm-trn-lst-dly) * 23));
	}
	
	.anm_seq-lst > li:nth-child(24) {
		transition-delay: calc(var(--anm-trn-dly) + (var(--anm-trn-lst-dly) * 24));
	}
	
	.anm_seq-lst > li:nth-child(25) {
		transition-delay: calc(var(--anm-trn-dly) + (var(--anm-trn-lst-dly) * 25));
	}
	
	.anm_seq-lst > li:nth-child(26) {
		transition-delay: calc(var(--anm-trn-dly) + (var(--anm-trn-lst-dly) * 26));
	}
	
	.anm_seq-lst > li:nth-child(27) {
		transition-delay: calc(var(--anm-trn-dly) + (var(--anm-trn-lst-dly) * 27));
	}
	
	.anm_seq-lst > li:nth-child(28) {
		transition-delay: calc(var(--anm-trn-dly) + (var(--anm-trn-lst-dly) * 28));
	}
	
	.anm_seq-lst > li:nth-child(29) {
		transition-delay: calc(var(--anm-trn-dly) + (var(--anm-trn-lst-dly) * 29));
	}
	
	.anm_seq-lst > li:nth-child(30) {
		transition-delay: calc(var(--anm-trn-dly) + (var(--anm-trn-lst-dly) * 30));
	}
	
}