:host,:root{--van-loading-text-color:var(--van-text-color-2);--van-loading-text-font-size:var(--van-font-size-md);--van-loading-spinner-color:var(--van-gray-5);--van-loading-spinner-size:8vw;--van-loading-spinner-duration:.8s}.van-loading{color:var(--van-loading-spinner-color);font-size:0}.van-loading,.van-loading__spinner{position:relative;vertical-align:middle}.van-loading__spinner{animation:van-rotate var(--van-loading-spinner-duration) linear infinite;display:inline-block;height:var(--van-loading-spinner-size);max-height:100%;max-width:100%;width:var(--van-loading-spinner-size)}.van-loading__spinner--spinner{animation-timing-function:steps(12)}.van-loading__spinner--circular{animation-duration:2s}.van-loading__line{height:100%;position:absolute;top:0;width:100%}[dir=ltr] .van-loading__line{left:0}[dir=rtl] .van-loading__line{right:0}.van-loading__line:before{background-color:currentColor;border-radius:40%;content:" ";display:block;height:25%;margin:0 auto;width:.53333vw}.van-loading__circular{display:block;height:100%;width:100%}.van-loading__circular circle{animation:van-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}.van-loading__text{color:var(--van-loading-text-color);display:inline-block;font-size:var(--van-loading-text-font-size);vertical-align:middle}[dir=ltr] .van-loading__text{margin-left:var(--van-padding-xs)}[dir=rtl] .van-loading__text{margin-right:var(--van-padding-xs)}.van-loading--vertical{align-items:center;display:flex;flex-direction:column}.van-loading--vertical .van-loading__text{margin:var(--van-padding-xs) 0 0}@keyframes van-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}to{stroke-dasharray:90,150;stroke-dashoffset:-120}}.van-loading__line--1{opacity:1}[dir=ltr] .van-loading__line--1{transform:rotate(30deg)}[dir=rtl] .van-loading__line--1{transform:rotate(-30deg)}.van-loading__line--2{opacity:.9375}[dir=ltr] .van-loading__line--2{transform:rotate(60deg)}[dir=rtl] .van-loading__line--2{transform:rotate(-60deg)}.van-loading__line--3{opacity:.875}[dir=ltr] .van-loading__line--3{transform:rotate(90deg)}[dir=rtl] .van-loading__line--3{transform:rotate(-90deg)}.van-loading__line--4{opacity:.8125}[dir=ltr] .van-loading__line--4{transform:rotate(120deg)}[dir=rtl] .van-loading__line--4{transform:rotate(-120deg)}.van-loading__line--5{opacity:.75}[dir=ltr] .van-loading__line--5{transform:rotate(150deg)}[dir=rtl] .van-loading__line--5{transform:rotate(-150deg)}.van-loading__line--6{opacity:.6875}[dir=ltr] .van-loading__line--6{transform:rotate(180deg)}[dir=rtl] .van-loading__line--6{transform:rotate(-180deg)}.van-loading__line--7{opacity:.625}[dir=ltr] .van-loading__line--7{transform:rotate(210deg)}[dir=rtl] .van-loading__line--7{transform:rotate(-210deg)}.van-loading__line--8{opacity:.5625}[dir=ltr] .van-loading__line--8{transform:rotate(240deg)}[dir=rtl] .van-loading__line--8{transform:rotate(-240deg)}.van-loading__line--9{opacity:.5}[dir=ltr] .van-loading__line--9{transform:rotate(270deg)}[dir=rtl] .van-loading__line--9{transform:rotate(-270deg)}.van-loading__line--10{opacity:.4375}[dir=ltr] .van-loading__line--10{transform:rotate(300deg)}[dir=rtl] .van-loading__line--10{transform:rotate(-300deg)}.van-loading__line--11{opacity:.375}[dir=ltr] .van-loading__line--11{transform:rotate(330deg)}[dir=rtl] .van-loading__line--11{transform:rotate(-330deg)}.van-loading__line--12{opacity:.3125}[dir=ltr] .van-loading__line--12{transform:rotate(1turn)}[dir=rtl] .van-loading__line--12{transform:rotate(-1turn)}