@use '@cloud-ru/ds-figma-variables/build/scss/styles/styles.module' as base;

.root {
  display: flex;
  flex-direction: column;
}

.confirmText {
  display: flex;
  column-gap: base.$sn-primitive-dimension-8;
  align-items: center;
  justify-content: space-between;

  margin-bottom: base.$sn-primitive-dimension-8;
}

.confirmText[data-align='start'] {
  column-gap: base.$sn-primitive-dimension-4;
  justify-content: flex-start;
}

.confirmLabel {
  @include base.composite-var(base.$base-styles, 'sn', 'regular', 'body', 'm');

  color: base.$sn-theme-color-available-version-textSecondary;
}

.confirmValue {
  @include base.composite-var(base.$base-styles, 'sn', 'regular', 'body', 'm');

  min-width: 0;
}