.uploading-card{--color-text:var(--color-panel-text);border-radius:var(--corner-radius);overflow:clip;container-type:inline-size}.uploading-card .post-preview-cell{background-color:var(--color-panel);color:#000;width:100%;height:100%;min-height:200px;display:grid;position:relative}.uploading-card .excerpt{opacity:.35;height:fit-content;padding-inline:var(--padding-medium);margin-block:var(--padding-small);word-break:break-word;place-self:center;max-width:100cqi}.uploading-card .upload-overlay{z-index:5;justify-content:center;align-items:center;gap:var(--padding-small);pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.uploading-card .progress-spinner{background:conic-gradient(var(--color-accent) var(--progress,0),var(--color-border) 0);border-radius:50%;place-items:center;width:64px;height:64px;transition:background .2s linear;display:grid}.uploading-card .progress-spinner.indeterminate{background:conic-gradient(var(--color-accent) 0 25%,var(--color-border) 25% 100%);animation:.8s linear infinite uploading-spin}.uploading-card .progress-circle{background-color:var(--color-panel);border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.uploading-card .progress-text{color:var(--color-text);font-weight:600}.uploading-card .progress-text,.uploading-card .upload-label{font-size:var(--font-size--1)}.uploading-card .upload-label{color:var(--color-text-secondary)}@keyframes uploading-spin{to{transform:rotate(1turn)}}.status-wrap{transition:opacity .25s;position:relative}.grid:hover .status-wrap:not(:hover):after{content:"";z-index:100;pointer-events:none;background-color:var(--color-panel-minor);mix-blend-mode:multiply;opacity:.3;display:block;position:absolute;inset:0}
