.loading{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.loading__content{display:grid;height:100px;place-items:center;position:absolute;width:100px}.loading__line{width:100%}.loading__line,.loading__line:before{position:absolute}.loading__line:before{animation-duration:1s;animation-iteration-count:infinite;animation-name:loading-line;animation-timing-function:linear;border-style:solid;border-width:1px;content:var(--tw-content);display:block;transition-timing-function:linear}.loading__line--left{bottom:0;left:0;transform-origin:left;--tw-rotate:-90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.loading__line--top{left:0;top:0}.loading__line--right{top:100%;transform-origin:right;--tw-rotate:-90deg}.loading__line--bottom,.loading__line--right{right:0;--tw-scale-x:-1;--tw-scale-y:-1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.loading__line--bottom{bottom:0}.loading__line--bottom:before,.loading__line--top:before{animation-delay:.5s}@keyframes loading-line{0%{left:0;width:0}50%{left:0;width:100%}to{left:100%;width:0}}