.qc-upload-add-surface[data-v-9c8a2444]{align-items:center;background:#18181b;border:1px solid #31333a;border-radius:4px;box-sizing:border-box;color:#9da2a8;cursor:pointer;display:flex;flex-direction:column;gap:2px;height:80px;justify-content:center;padding:0;transform:rotate(var(--qc-upload-add-tilt-deg,-5deg));transition:background .2s,border-color .2s;width:60px}.qc-upload-add-surface[data-v-9c8a2444]:hover:not(:disabled){background-color:#ffffff1f;border:1px solid hsla(0,0%,100%,.2)}.qc-upload-add-surface.is-loading[data-v-9c8a2444],.qc-upload-add-surface[data-v-9c8a2444]:disabled{cursor:not-allowed}.qc-upload-add-surface[data-v-9c8a2444] .add-icon{color:#9da2a8;height:14px;min-width:14px;width:14px}.qc-upload-add-surface[data-v-9c8a2444] .add-icon svg{display:block;height:14px;width:14px}.qc-upload-add-surface[data-v-9c8a2444] .add-icon path{fill:#9da2a8}.qc-upload-add-surface[data-v-9c8a2444] .add-label{color:#9da2a8;display:block;font-size:10px;font-weight:400;line-height:14px;max-width:100%;text-align:center;white-space:nowrap}.qc-upload-add-surface[data-v-9c8a2444] .add-progress{color:#fff9;font-size:12px}