/*
 * Copyright (c) 2022. LeanSoft.ro
 * All Rights Reserved.
 */

.locker { position: absolute; left: 0; top: 0; z-index: 1031; width: 100%; height: 100%; }
.locker > .mask { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #000000; transition: opacity .5s; }
.locker > .mask.hide2 { opacity: 0; }
.locker > .mask.show2 { opacity: .3; }
.locker > .dots { position: absolute; left: 50%; top: 50%; width: 80px; height: 36px; transform: translate( -50%, -50% ); padding: 8px; background-color: #ffffff; border-radius: var(--lockerBorderRadius); text-align: center; transition: opacity 0.5s; }
.locker > .dots.hide2 { opacity: 0; }
.locker > .dots.show2 { opacity: .7; }
.locker > .dots > .dot { width: 18px; height: 18px; background-color: var(--lockerGroundColor); border-radius: 100%; display: inline-block; animation: lockerFrames 1.4s infinite ease-in-out both; }
.locker > .dots > .dot.a { animation-delay: -.32s; }
.locker > .dots > .dot.b { animation-delay: -.16s; }

@keyframes lockerFrames {
	0%, 80%, 100% { transform: scale(0); }
	40% { transform: scale(1); }
}