.upload-card-preview{align-content:center;gap:10px;padding:16px;display:grid}.upload-card-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.upload-card-head small{color:#868691;font-size:8px;font-weight:700}.upload-card-head b{color:#4a4a54;font-size:8px;font-weight:700}.upload-card-queue{gap:6px;margin:0;padding:0;list-style:none;display:grid}.upload-card-queue li{background:#fff;border:1px solid #e4e4e9;border-radius:7px;align-items:center;gap:8px;padding:8px 9px;display:flex}.upload-card-queue li.is-uploading{border-left:3px solid var(--ink)}.upload-card-queue li.is-done{background:#f4faf6;border-left:3px solid #2f7a4a}.upload-card-queue li.upload-card-bar-row{background:#fafafa;border:1px solid #e8e8ec;border-radius:6px;padding:7px 9px}.upload-card-bar{background:#e4e4e9;border-radius:99px;flex:1;height:5px;overflow:hidden}.upload-card-bar i{background:var(--ink);border-radius:99px;height:100%;display:block}.upload-card-queue li.upload-card-bar-row small{color:#2a2a32;font-size:8px;font-weight:700}.upload-card-file-icon{color:#4a4a54;background:#f0f0f4;border-radius:5px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.upload-card-file-icon.is-ok{color:#2f7a4a;background:#e4f3ea}.upload-card-file-meta{flex:auto;gap:2px;min-width:0;display:grid}.upload-card-file-meta b{color:#2a2a32;font-size:9px;font-weight:750}.upload-card-file-meta small{color:#8a8a94;font-size:7px}.upload-card-file-state{color:#2a2a32;background:#f0f0f4;border-radius:99px;flex:none;margin-left:auto;padding:3px 7px;font-size:8px;font-weight:700}.upload-card-file-state.is-ok{color:#2f7a4a;background:#e4f3ea}.upload-card-conclusion{color:#51515b;margin:0;font-size:9px;line-height:1.5}.upload-state-flow{align-items:center;gap:10px;display:flex}.upload-state-flow span,.upload-state-flow b{color:#5b5b65;text-align:center;background:#fafafa;border:1px solid #e6e6eb;border-radius:8px;flex:1;min-width:0;padding:13px;font-size:13px;display:grid}.upload-state-flow b{border-color:color-mix(in srgb, var(--accent) 30%, #fff);background:color-mix(in srgb, var(--accent) 7%, #fff);color:var(--accent)}.upload-state-flow>svg{color:#a5a5ae;flex:none}@media (max-width:780px){.upload-state-flow{flex-direction:column;align-items:stretch}.upload-state-flow>svg{align-self:center;transform:rotate(90deg)}}.term-interactive-demo.upload-lab-demo{background:#fbfbfc;border:1px solid #e1e1e6;gap:14px}.upload-lab-demo .upload-lab-brief{color:#595963;margin:0;font-size:13px;line-height:1.6}.upload-lab-demo button:focus-visible,.upload-lab-demo input:focus-visible,.upload-lab-demo progress:focus-visible{outline-offset:2px;outline:2px solid #2a2a32}.upload-lab-dropzone{background:#fff;border:1px dashed #c9c9d2;border-radius:10px;gap:10px;padding:14px;transition:border-color .15s ease-out,background-color .15s ease-out,box-shadow .15s ease-out;display:grid}.upload-lab-dropzone.is-dragover{border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb, var(--ink) 12%, transparent);background:#f0f0f4;border-style:solid}.upload-lab-dropzone-inner{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.upload-lab-dropzone-icon{width:36px;height:36px;color:var(--ink);background:#f0f0f4;border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.upload-lab-dropzone.is-dragover .upload-lab-dropzone-icon{background:var(--ink);color:#fff}.upload-lab-dropzone-text{flex:160px;gap:2px;min-width:0;display:grid}.upload-lab-dropzone-text b{color:#2a2a32;font-size:13px;font-weight:750}.upload-lab-dropzone-text small{color:#7a7a84;font-size:12px}.upload-lab-dragover-tag{background:var(--ink);color:#fff;border-radius:99px;flex:none;margin-left:auto;padding:4px 10px;font-size:11px;font-weight:700}.upload-lab-samples{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.upload-lab-demo .upload-lab-samples button{color:#4a4a54;text-align:left;background:#fff;border:1px solid #d7d7de;border-radius:8px;gap:2px;min-height:48px;padding:8px 10px;display:grid}.upload-lab-demo .upload-lab-samples button:hover{border-color:var(--ink);color:var(--ink);background:#f6f6f8}.upload-lab-demo .upload-lab-samples button b{color:#2a2a32;font-size:12px;font-weight:750}.upload-lab-demo .upload-lab-samples button span{color:#8a8a94;font-size:11px}.upload-lab-dropzone-tools{display:flex}.upload-lab-demo .upload-lab-dragover-toggle{color:#4a4a54;min-height:34px;font:inherit;background:#fff;border:1px solid #d7d7de;border-radius:7px;padding:6px 12px;font-size:12px;font-weight:650}.upload-lab-demo .upload-lab-dragover-toggle:hover{border-color:var(--ink);color:var(--ink);background:#f6f6f8}.upload-lab-demo .upload-lab-dragover-toggle[aria-pressed=true]{border-color:var(--ink);color:var(--ink);background:#ececf0}.upload-lab-empty{color:#7a7a84;text-align:center;background:#fff;border:1px dashed #d7d7de;border-radius:8px;margin:0;padding:14px;font-size:13px;line-height:1.55}.upload-lab-queue{gap:8px;margin:0;padding:0;list-style:none;display:grid}.upload-lab-row{background:#fff;border:1px solid #dedee4;border-left:3px solid #b8b8c2;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;transition:border-color .15s ease-out,background-color .15s ease-out;display:flex}.upload-lab-row.is-ready{border-left-color:#b8b8c2}.upload-lab-row.is-uploading{border-left-color:var(--ink);background:#fbfbfd}.upload-lab-row.is-success{background:#f4faf6;border-left-color:#2f7a4a}.upload-lab-row.is-error-validation,.upload-lab-row.is-error-network{border-left-color:var(--ink);background:#f6f6f8}.upload-lab-row-icon{color:#4a4a54;background:#f0f0f4;border-radius:7px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.upload-lab-row.is-uploading .upload-lab-row-icon{color:var(--ink);background:#ececf0}.upload-lab-row.is-success .upload-lab-row-icon{color:#2f7a4a;background:#e4f3ea}.upload-lab-row.is-error-validation .upload-lab-row-icon,.upload-lab-row.is-error-network .upload-lab-row-icon{color:#a83a44;background:#fbe9eb}.upload-lab-row-meta{flex:140px;gap:2px;min-width:0;display:grid}.upload-lab-row-meta b{color:#2a2a32;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:750;overflow:hidden}.upload-lab-row-meta small{color:#8a8a94;font-size:11px}.upload-lab-row-reason{color:#a83a44;font-size:12px;line-height:1.45}.upload-lab-row.is-success .upload-lab-row-reason{color:#2f7a4a}.upload-lab-row-progress{width:120px;height:8px;accent-color:var(--ink);flex:0 120px}.upload-lab-row-state{color:#2a2a32;white-space:nowrap;background:#f0f0f4;border-radius:99px;flex:none;padding:3px 9px;font-size:11px;font-weight:700}.upload-lab-row.is-uploading .upload-lab-row-state{color:var(--ink);background:#ececf0}.upload-lab-row.is-success .upload-lab-row-state{color:#2f7a4a;background:#e4f3ea}.upload-lab-row.is-error-validation .upload-lab-row-state,.upload-lab-row.is-error-network .upload-lab-row-state{color:#a83a44;background:#fbe9eb}.upload-lab-row-actions{flex:none;gap:6px;display:flex}.upload-lab-demo .upload-lab-row-retry,.upload-lab-demo .upload-lab-row-remove{color:#4a4a54;min-height:32px;font:inherit;background:#fff;border:1px solid #d7d7de;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:650}.upload-lab-demo .upload-lab-row-retry:hover,.upload-lab-demo .upload-lab-row-remove:hover{border-color:var(--ink);color:var(--ink);background:#f6f6f8}.upload-lab-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.upload-lab-demo .upload-lab-cta{border:1px solid var(--color-rausch-600);background:var(--color-rausch-600);color:#fff;min-height:44px;font:inherit;border-radius:8px;flex:auto;padding:10px 18px;font-size:14px;font-weight:750;transition:background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out}.upload-lab-demo .upload-lab-cta:hover:not(:disabled){color:#fff;background:#c8093a;border-color:#c8093a}.upload-lab-demo .upload-lab-cta:focus-visible{outline:2px solid var(--color-rausch-600);outline-offset:2px}.upload-lab-demo .upload-lab-cta:disabled{color:#8a8a94;cursor:not-allowed;background:#f0f0f4;border:1px solid #d7d7de}.upload-lab-demo .upload-lab-toggle,.upload-lab-demo .upload-lab-reset{color:#4a4a54;min-height:44px;font:inherit;background:#fff;border:1px solid #d7d7de;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:650}.upload-lab-demo .upload-lab-toggle:hover,.upload-lab-demo .upload-lab-reset:hover{border-color:var(--ink);color:var(--ink);background:#f6f6f8}.upload-lab-demo .upload-lab-toggle[aria-pressed=true]{border-color:var(--ink);color:var(--ink);background:#ececf0}.upload-lab-status{color:#51515b;background:#f4f4f7;border-radius:8px;gap:4px;margin:0;padding:12px 14px;font-size:13px;line-height:1.6;display:grid}.upload-lab-status-row{display:block}.upload-lab-status-row b{color:#2a2a32;font-weight:750}.upload-lab-recap li{border-left:3px solid var(--ink)}.upload-lab-recap li b{background:var(--ink);color:#fff;border-radius:5px;margin-right:6px;padding:1px 8px;font-size:12px;font-weight:750;display:inline-block}.upload-lab-signal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.upload-lab-signal-grid article{background:#fff;border:1px solid #e2e2e8;border-radius:8px;gap:5px;padding:13px 14px;display:grid}.upload-lab-signal-grid article.is-yes{border-left:3px solid #2f7a4a}.upload-lab-signal-grid article.is-no{border-left:3px solid #a83a44}.upload-lab-signal-grid article b{color:#2a2a32;font-size:13px;font-weight:750}.upload-lab-signal-grid article p{color:#6a6a74;margin:0;font-size:13px;line-height:1.6}.upload-lab-contrast{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.upload-lab-contrast article{background:#fff;border:1px solid #e2e2e8;border-radius:8px;gap:6px;padding:13px 14px;display:grid}.upload-lab-contrast article.is-good{border-left:3px solid #2f7a4a}.upload-lab-contrast article.is-bad{border-left:3px solid #a83a44}.upload-lab-contrast article span{color:#4a4a54;background:#f0f0f4;border-radius:99px;place-self:start;padding:2px 8px;font-size:11px;font-weight:700}.upload-lab-contrast article b{color:#2a2a32;font-size:13px;font-weight:750}.upload-lab-contrast article p{color:#6a6a74;margin:0;font-size:13px;line-height:1.6}.upload-lab-contrast article em{color:#4a4a54;font-size:12px;font-style:normal;font-weight:650;line-height:1.55}@media (max-width:560px){.upload-lab-samples,.upload-lab-signal-grid,.upload-lab-contrast{grid-template-columns:1fr}.upload-lab-row-progress{flex:100%;width:100%;max-width:none}}.term-card .upload-card-preview[data-b4-skin=upload]{color:#17313e;background:#dcecf0;border:2px solid #315e73;gap:9px;box-shadow:5px 5px #8db8c5}.upload-card-preview[data-b4-skin=upload] .upload-card-head small{color:#326174}.upload-card-preview[data-b4-skin=upload] .upload-card-head b{color:#174655}.upload-card-preview[data-b4-skin=upload] .upload-card-queue li{background:#fffdf5;border-color:#98bdc8}.upload-card-preview[data-b4-skin=upload] .upload-card-queue li.is-uploading{background:#e8f5f5;border-left-color:#1e7184}.upload-card-preview[data-b4-skin=upload] .upload-card-queue li.is-done{background:#e6f4ea;border-left-color:#28745d}.upload-card-preview[data-b4-skin=upload] .upload-card-queue li.upload-card-bar-row{background:#e8f1f3;border-color:#9bbdc7}.upload-card-preview[data-b4-skin=upload] .upload-card-bar{background:#b7d2d9}.upload-card-preview[data-b4-skin=upload] .upload-card-bar i{background:#1e7184}.upload-card-preview[data-b4-skin=upload] .upload-card-queue li.upload-card-bar-row small,.upload-card-preview[data-b4-skin=upload] .upload-card-file-meta b{color:#163946}.upload-card-preview[data-b4-skin=upload] .upload-card-file-meta small{color:#47707b}.upload-card-preview[data-b4-skin=upload] .upload-card-file-icon{color:#245b6a;background:#d9ebee}.upload-card-preview[data-b4-skin=upload] .upload-card-file-icon.is-ok,.upload-card-preview[data-b4-skin=upload] .upload-card-file-state.is-ok{color:#1f664e;background:#d9eee0}.upload-card-preview[data-b4-skin=upload] .upload-card-file-state{color:#17495a;background:#d9ebee}.upload-card-preview[data-b4-skin=upload] .upload-card-conclusion{color:#1c4652;font-weight:750}.term-interactive-demo.upload-lab-demo[data-b4-skin=upload]{color:#effcf8;background:#163c4c;border:2px solid #2b5c70;gap:14px;box-shadow:8px 8px #8db7c0}.term-interactive-demo.upload-lab-demo[data-b4-skin=upload] .upload-lab-brief{color:#d8f2ed}.term-interactive-demo.upload-lab-demo[data-b4-skin=upload] button:focus-visible{outline-offset:3px;outline:3px solid #ffe18b}.upload-lab-demo[data-b4-skin=upload] .upload-lab-dropzone{background:#f9fff9;border-color:#78aeb5}.upload-lab-demo[data-b4-skin=upload] .upload-lab-dropzone.is-dragover{background:#fff5ce;border-color:#eac45c;box-shadow:0 0 0 3px #eac45c52}.upload-lab-demo[data-b4-skin=upload] .upload-lab-dropzone-icon{color:#1c6070;background:#d8edef}.upload-lab-demo[data-b4-skin=upload] .upload-lab-dropzone.is-dragover .upload-lab-dropzone-icon{color:#fffdf2;background:#1d6475}.upload-lab-demo[data-b4-skin=upload] .upload-lab-dropzone-text b{color:#173d4a}.upload-lab-demo[data-b4-skin=upload] .upload-lab-dropzone-text small{color:#4a7178}.upload-lab-demo[data-b4-skin=upload] .upload-lab-dragover-tag{color:#f4fffa;background:#1e6472}.upload-lab-demo[data-b4-skin=upload] .upload-lab-samples button,.upload-lab-demo[data-b4-skin=upload] .upload-lab-dragover-toggle,.upload-lab-demo[data-b4-skin=upload] .upload-lab-row-retry,.upload-lab-demo[data-b4-skin=upload] .upload-lab-row-remove,.upload-lab-demo[data-b4-skin=upload] .upload-lab-toggle,.upload-lab-demo[data-b4-skin=upload] .upload-lab-reset{color:#183f49;background:#effaf5;border-color:#83afb6}.upload-lab-demo[data-b4-skin=upload] .upload-lab-samples button:hover,.upload-lab-demo[data-b4-skin=upload] .upload-lab-dragover-toggle:hover,.upload-lab-demo[data-b4-skin=upload] .upload-lab-row-retry:hover,.upload-lab-demo[data-b4-skin=upload] .upload-lab-row-remove:hover,.upload-lab-demo[data-b4-skin=upload] .upload-lab-toggle:hover,.upload-lab-demo[data-b4-skin=upload] .upload-lab-reset:hover{color:#26331f;background:#fff1bd;border-color:#e5b84c}.upload-lab-demo[data-b4-skin=upload] .upload-lab-toggle[aria-pressed=true]{color:#7a302a;background:#ffe4d8;border-color:#b34d42}.upload-lab-demo[data-b4-skin=upload] .upload-lab-empty{color:#315d67;background:#f4fbf8;border-color:#92b8bd}.upload-lab-demo[data-b4-skin=upload] .upload-lab-row{background:#fbfffa;border-color:#83afb6 #83afb6 #83afb6 #669ba5}.upload-lab-demo[data-b4-skin=upload] .upload-lab-row.is-uploading{background:#fff9e7;border-left-color:#e5b84c}.upload-lab-demo[data-b4-skin=upload] .upload-lab-row.is-success{background:#e8f6ea;border-left-color:#2d8668}.upload-lab-demo[data-b4-skin=upload] .upload-lab-row.is-error-validation,.upload-lab-demo[data-b4-skin=upload] .upload-lab-row.is-error-network{background:#fff0e9;border-left-color:#b85144}.upload-lab-demo[data-b4-skin=upload] .upload-lab-row-icon{color:#245f6d;background:#dceff0}.upload-lab-demo[data-b4-skin=upload] .upload-lab-row.is-uploading .upload-lab-row-icon{color:#6d4813;background:#ffe5a1}.upload-lab-demo[data-b4-skin=upload] .upload-lab-row.is-success .upload-lab-row-icon{color:#1f6b51;background:#caecd6}.upload-lab-demo[data-b4-skin=upload] .upload-lab-row.is-error-validation .upload-lab-row-icon,.upload-lab-demo[data-b4-skin=upload] .upload-lab-row.is-error-network .upload-lab-row-icon{color:#963d35;background:#f9d5ca}.upload-lab-demo[data-b4-skin=upload] .upload-lab-row-meta b{color:#153b48}.upload-lab-demo[data-b4-skin=upload] .upload-lab-row-meta small{color:#4c7178}.upload-lab-demo[data-b4-skin=upload] .upload-lab-row-reason{color:#913b33}.upload-lab-demo[data-b4-skin=upload] .upload-lab-row-progress{accent-color:#1e7480}.upload-lab-demo[data-b4-skin=upload] .upload-lab-row-state{color:#1c5664;background:#dceff0}.upload-lab-demo[data-b4-skin=upload] .upload-lab-row.is-uploading .upload-lab-row-state{color:#65420e;background:#ffe5a1}.upload-lab-demo[data-b4-skin=upload] .upload-lab-row.is-success .upload-lab-row-state{color:#1e654d;background:#caecd6}.upload-lab-demo[data-b4-skin=upload] .upload-lab-row.is-error-validation .upload-lab-row-state,.upload-lab-demo[data-b4-skin=upload] .upload-lab-row.is-error-network .upload-lab-row-state{color:#913b33;background:#f9d5ca}.term-interactive-demo.upload-lab-demo[data-b4-skin=upload] .upload-lab-cta{color:#253326;background:#e5b84c;border-color:#e5b84c}.term-interactive-demo.upload-lab-demo[data-b4-skin=upload] .upload-lab-cta:hover:not(:disabled){color:#253326;background:#f6d77e;border-color:#f6d77e}.term-interactive-demo.upload-lab-demo[data-b4-skin=upload] .upload-lab-cta:focus-visible{outline-color:#fff0b5}.term-interactive-demo.upload-lab-demo[data-b4-skin=upload] .upload-lab-cta:disabled{color:#c4d9d5;background:#3c5d66;border-color:#496c75}.upload-lab-demo[data-b4-skin=upload] .upload-lab-status{color:#e7f7f1;background:#102f3b;border-left:4px solid #e5b84c}.upload-lab-demo[data-b4-skin=upload] .upload-lab-status-row b{color:#fff0b0}.upload-lab-demo[data-b4-skin=upload] .upload-lab-recap li{background:#e4f3f1;border-left-color:#277987}.upload-lab-demo[data-b4-skin=upload] .upload-lab-recap li b{color:#f2fffa;background:#1d6977}
