:root{--primary:#008eb3;--primary-d:#006a8a;--primary-l:#00a8d6;--primary-ul:#e3f1f6;--white-100:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-500:#6b7280;--gray-600:#4b5563;--gray-900:#111827;--black-800:#000;--amber:#f59e0b;--amber-d:#e17100;--amber-ud:#7a3306;--amber-ul:#fffbeb;--amber-l:#ffdea6;--blue:#3b82f6;--blue-d:#0061ff;--red:#ef4444;--red-d:#c03232;--red-l:#ffebeb;--green:#10b981;--green-l:#f0fcf8;--green-d:#0d9266}:root,:host{--color-primary:var(--primary)}.loading-circle{width:80px;height:80px;display:inline-block;position:relative}.loading-circle div{background:radial-gradient(circle,var(--color-primary)0%,#fff 84%,var(--color-primary)100%);border-radius:50%;width:13px;height:13px;animation-timing-function:cubic-bezier(0,1,1,0);position:absolute;top:33px}.loading-circle div:first-child{animation:.6s infinite loading-circle1;left:8px}.loading-circle div:nth-child(2){animation:.6s infinite loading-circle2;left:8px}.loading-circle div:nth-child(3){animation:.6s infinite loading-circle2;left:32px}.loading-circle div:nth-child(4){animation:.6s infinite loading-circle3;left:56px}@keyframes loading-circle1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes loading-circle3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes loading-circle2{0%{transform:translate(0)}to{transform:translate(24px)}}