// Copyright 2024 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only

@use '../mixins';
@use '../variables';

.BackupMediaDownloadProgress__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 36px;
  margin-inline-end: 20px;
  gap: 2px;
}

.BackupMediaDownloadProgress__title {
  @include mixins.font-body-2-bold;
}

.BackupMediaDownloadProgress__icon--complete {
  &::after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    @include mixins.light-theme {
      @include mixins.color-svg(
        '../images/icons/v3/check/check-circle.svg',
        variables.$color-ultramarine
      );
    }
    @include mixins.dark-theme {
      @include mixins.color-svg(
        '../images/icons/v3/check/check-circle.svg',
        variables.$color-ultramarine-light
      );
    }
  }
}

.BackupMediaDownloadProgress__icon--idle {
  &::after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    @include mixins.light-theme {
      @include mixins.color-svg(
        '../images/icons/v3/backup/backup-bold.svg',
        variables.$color-ultramarine
      );
    }
    @include mixins.dark-theme {
      @include mixins.color-svg(
        '../images/icons/v3/backup/backup-bold.svg',
        variables.$color-ultramarine-light
      );
    }
  }
}
button.BackupMediaDownloadProgress__button {
  @include mixins.button-reset;
  & {
    @include mixins.font-subtitle-bold;
    @include mixins.light-theme {
      color: variables.$color-ultramarine;
    }
    @include mixins.dark-theme {
      color: variables.$color-ultramarine-light;
    }
  }
}

button.BackupMediaDownloadProgress__button-more {
  @include mixins.button-reset;
  & {
    position: absolute;
    inset-block-start: 8px;
    inset-inline-end: 14px;
  }
  &::after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    @include mixins.light-theme {
      @include mixins.color-svg(
        '../images/icons/v3/more/more.svg',
        variables.$color-gray-75
      );
    }
    @include mixins.dark-theme {
      @include mixins.color-svg(
        '../images/icons/v3/more/more.svg',
        variables.$color-gray-20
      );
    }
  }
}
button.BackupMediaDownloadProgress__button-close {
  @include mixins.button-reset;
  & {
    position: absolute;
    inset-block-start: 12px;
    inset-inline-end: 12px;
  }
  &::after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    @include mixins.light-theme {
      @include mixins.color-svg(
        '../images/icons/v3/x/x.svg',
        variables.$color-gray-45
      );
    }
    @include mixins.dark-theme {
      @include mixins.color-svg(
        '../images/icons/v3/x/x.svg',
        variables.$color-gray-20
      );
    }
  }
}

.BackupMediaDownloadProgress__description {
  @include mixins.font-subtitle;

  @include mixins.light-theme {
    color: rgba(variables.$color-gray-60, 0.8);
  }

  @include mixins.dark-theme {
    color: variables.$color-gray-25;
  }
}

.BackupMediaDownloadCancelConfirmation {
  min-width: 440px;
}