html body .ui-loading{box-sizing:border-box;display:block;position:relative;width:100%;max-width:100%;min-width:0;margin:12px 0;padding:20px;border:1px solid #ece6ed;border-radius:12px;background:#fff;overflow:hidden;color:#86788c;contain:inline-size}
html body .ui-loading .ui-loading-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;font:12px/1 system-ui}
html body .ui-loading-visual{display:block;min-width:0;width:100%;max-width:100%}
html body .ui-loading-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}
html body .ui-loading-cards>span{display:grid;align-content:center;gap:12px;min-width:0;height:78px;padding:14px;background:#faf8fb;border:1px solid #f0ebf1;border-radius:9px;box-sizing:border-box}
html body .ui-loading i,html body .ui-loading-short{display:block;box-sizing:border-box;border:0;border-radius:5px;height:9px;width:100%;max-width:100%;background:#eee9f0;background-image:linear-gradient(100deg,transparent 30%,#ffffffa6 50%,transparent 70%);background-size:240% 100%;animation:ui-loading-sheen 1.8s ease-in-out infinite}
html body .ui-loading-cards i:first-child{width:60%}html body .ui-loading-cards i:last-child{width:43%;height:18px}
html body .ui-loading-rows{display:grid;gap:0;min-width:0}
html body .ui-loading-line{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:24px;min-height:46px;border-bottom:1px solid #f2eef3;min-width:0}
html body .ui-loading-line:last-child{border:0}html body .ui-loading-line i:first-child{width:78%}html body .ui-loading-line:nth-child(2n) i:first-child{width:58%}html body .ui-loading-line i:not(:first-child){width:56%;justify-self:end}
html body .ui-loading--compact{display:inline-flex;align-items:center;max-width:220px;width:100%;margin:3px 0;padding:4px 0;min-height:24px;border:0;border-radius:0;background:transparent}
html body .ui-loading--compact .ui-loading-visual{display:flex;align-items:center;gap:10px}
html body .ui-loading-short{width:112px;height:7px}
html body .ui-loading-dot{display:block;flex:none;width:14px;height:14px;box-sizing:border-box;border:2px solid #eee5ed;border-top-color:#985384;border-radius:50%;animation:ui-loading-turn 1s linear infinite}
@keyframes ui-loading-sheen{from{background-position:160% 0}to{background-position:-70% 0}}
@keyframes ui-loading-turn{to{transform:rotate(360deg)}}
@media(max-width:600px){html body .ui-loading{padding:14px;border-radius:10px}html body .ui-loading-cards{gap:8px;margin-bottom:12px}html body .ui-loading-cards>span{height:65px;padding:10px;gap:9px}html body .ui-loading-line{gap:12px;min-height:43px}html body .ui-loading--compact{padding:4px 0}}
@media(prefers-reduced-motion:reduce){html body .ui-loading i,html body .ui-loading-short,html body .ui-loading-dot{animation:none;background-image:none}}
