.operation-progress{box-sizing:border-box;position:relative;flex:0 0 auto;align-self:flex-start;width:320px;max-width:calc(100% - 24px);margin:10px 12px;padding:12px 14px;border:3px solid #d4ba6b;border-radius:10px;background:#15203c;color:#f8efd9;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:64px;font:14px/1.4 Inter,system-ui,sans-serif;overflow-wrap:anywhere;box-shadow:inset 0 0 0 1px #f1d98b}
.operation-progress-label{grid-column:2}.operation-progress-percent{grid-column:3;font-variant-numeric:tabular-nums}.operation-progress-hint{grid-column:2/-1;font-size:12px}.operation-progress progress{display:none}.operation-progress [hidden]{display:none!important}
.operation-progress-hourglass{grid-column:1;grid-row:1/span 2;position:relative;width:18px;height:26px;border-block:3px solid #d4ba6b;animation:operation-hourglass-turn 2.4s ease-in-out infinite}
.operation-progress-hourglass::before,.operation-progress-hourglass::after{content:"";position:absolute;left:1px;width:0;height:0;border-inline:8px solid transparent}.operation-progress-hourglass::before{top:1px;border-top:10px solid #d4ba6b}.operation-progress-hourglass::after{bottom:1px;border-bottom:10px solid #d4ba6b}
.operation-progress[data-state] .operation-progress-hourglass{animation:none}.operation-progress[data-state=error]{border-color:#ed998b;color:#ffe3de}.operation-progress[data-state=pending]{border-style:dashed}
@keyframes operation-hourglass-turn{0%,30%{transform:rotate(0)}70%,100%{transform:rotate(180deg)}}
@media(prefers-reduced-motion:reduce){.operation-progress-hourglass{animation:none}}@media(max-width:600px){.operation-progress{margin:8px 0;max-width:100%;}}