@use 'apps/dashboard/src/variables' as *;

.upload-bar {
  @include dark-mode();
  display: flex;
  align-items: center;
  height: rhythm(6);
  padding: 0 rhythm(1) 0 rhythm(6);
  position: relative;

  .upload-bar-title {
    flex: 0 0 auto;
    margin-right: rhythm(3);
    font-weight: var(--stf-font-weight-semibold);
  }

  .upload-bar-progress {
    flex: 1 1 auto;
    margin-right: rhythm(1.5);
  }

  .upload-bar-percentage {
    flex: 0 0 auto;
    margin-right: rhythm(3);
  }

  .close-bar {
    margin-left: rhythm(1);
  }
}
