.loader-data{position:relative;width:90px;height:93px;left:50%;top:50%}.loader-back{width:100%;height:100%;backdrop-filter:blur(4px)}.loader-rect{height:100%;width:100%;background:rgba(80,207,201,.5);border-radius:4px;transform:rotate(-20deg);animation:rotate-back 3s linear infinite}@keyframes rotate-back{50%{transform:rotate(-10deg)}to{transform:rotate(-20deg)}}.loader-lines-hor{width:100%;height:100%;display:flex;flex-flow:wrap}.loader-lines-hor>div{border-bottom:2px solid hsla(0,0%,100%,.7);width:100%}.loader-lines-hor>div:last-child{position:relative;border-bottom:none;width:100%}.loader-lines-ver{width:100%;height:100%;display:flex;position:absolute;top:0}.loader-lines-ver>div{position:relative;border-right:2px solid hsla(0,0%,100%,.7);width:100%}.loader-lines-ver>div:last-child{position:relative;border-right:none;width:100%}.loader-white{position:absolute;width:70px;height:100px;left:15px;top:0;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.2);border-radius:4px;padding:2px 13px 40px}.loader-white-lines{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-evenly}.loader-white-lines>div:first-of-type{width:0;height:3px;background-color:#ededed;animation:width-line ease-in infinite;animation-delay:2s;animation-duration:4s}.loader-white-lines>div:nth-of-type(2){width:0;height:3px;background-color:#ededed;animation:width-line ease-in infinite;animation-delay:1s;animation-duration:4s}.loader-white-lines>div:nth-of-type(3){width:0;height:3px;background-color:#ededed;animation:width-line ease-in infinite;animation-delay:2s;animation-duration:4s}.loader-white-lines>div:nth-of-type(4){width:0;height:3px;background-color:#ededed;animation:width-line ease-in infinite;animation-delay:2s;animation-duration:3s}.loader-white-lines>div:nth-of-type(5){width:0;height:3px;background-color:#ededed;animation:width-line ease-in infinite;animation-delay:1s;animation-duration:3s}@keyframes width-line{to{width:100%}}.loader-svg{position:absolute;top:25px;left:25px;width:60px;transform:rotate(0deg) translate(40px) rotate(-105deg);animation:circle 4.5s linear infinite}@keyframes circle{to{transform:rotate(1turn) translate(40px) rotate(-465deg)}}.local-loading{border:16px solid #d3d3d3;border-radius:50%;border-top:16px solid var(--black-text-color);border-bottom:16px solid var(--black-text-color);width:220px;height:220px;-webkit-animation:spin 2.5s linear infinite;animation:spin 2.5s linear infinite;position:relative;margin-bottom:16px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}