.loadding{display: none;}.loadding.active{display: block;position: fixed;margin: 0 auto;width: 100%;height: 100%;top: 0;left: 0;background: rgb(0 0 0 / 0.2);z-index: 1234;}.lds-roller {display: inline-block;position: relative;width: 80px;height: 80px;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}.lds-roller div {animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;transform-origin: 40px 40px;}.lds-roller div:after {content: " ";display: block;position: absolute;width: 7px;height: 7px;border-radius: 50%;background: #28303d;margin: -4px 0 0 -4px;}.lds-roller div:nth-child(1) {animation-delay: -0.036s;}.lds-roller div:nth-child(1):after {top: 63px;left: 63px;}.lds-roller div:nth-child(2) {animation-delay: -0.072s;}.lds-roller div:nth-child(2):after {top: 68px;left: 56px;}.lds-roller div:nth-child(3) {animation-delay: -0.108s;}.lds-roller div:nth-child(3):after {top: 71px;left: 48px;}.lds-roller div:nth-child(4) {animation-delay: -0.144s;}.lds-roller div:nth-child(4):after {top: 72px;left: 40px;}.lds-roller div:nth-child(5) {animation-delay: -0.18s;}.lds-roller div:nth-child(5):after {top: 71px;left: 32px;}.lds-roller div:nth-child(6) {animation-delay: -0.216s;}.lds-roller div:nth-child(6):after {top: 68px;left: 24px;}.lds-roller div:nth-child(7) {animation-delay: -0.252s;}.lds-roller div:nth-child(7):after {top: 63px;left: 17px;}.lds-roller div:nth-child(8) {animation-delay: -0.288s;}.lds-roller div:nth-child(8):after {top: 56px;left: 12px;}@keyframes lds-roller {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}