@layer shared-component{.upload-progress-module__pcNXta__root{gap:var(--spacing--s);grid-template-columns:1fr 1fr;grid-template-areas:"status status status status""progress progress progress cancel""total total percentage percentage";display:grid}.upload-progress-module__pcNXta__status-text{grid-area:status}.upload-progress-module__pcNXta__progress{background:var(--input-upload-progress-track-color,var(--input-background-color,white));border:1px solid var(--input-border-color,black);grid-area:progress;width:100%;height:100%}.upload-progress-module__pcNXta__progress::-moz-progress-bar{background-color:var(--input-upload-progress-bar-color,var(--input-copy-color,black));transition:inline-size .5s ease-in-out}.upload-progress-module__pcNXta__progress::-webkit-progress-bar{background-color:inherit}.upload-progress-module__pcNXta__progress::-webkit-progress-value{background-color:var(--input-upload-progress-bar-color,var(--input-copy-color,black));transition:inline-size .5s ease-in-out}.upload-progress-module__pcNXta__total-size{grid-area:total}.upload-progress-module__pcNXta__percentage{grid-area:percentage;justify-self:end}.upload-progress-module__pcNXta__cancel-button{grid-area:cancel;justify-self:end}.upload-progress-module__pcNXta__cancel-button:disabled{cursor:default;opacity:.7}}