@layer styled-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:#fff;border:1px solid #000;grid-area:progress;width:100%;height:100%}.upload-progress-module__pcNXta__progress::-moz-progress-bar{background-color:#000;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:#000;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}}