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

.container {
  position: relative;
  /* stylelint-disable-next-line declaration-property-value-allowed-list */
  z-index: 0;

  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: base.$sn-density-spacing-interval-l;

  box-sizing: border-box;
  width: 100%;
  min-height: 100%;
  padding: base.$sn-density-spacing-interval-l;

  background-color: base.$sn-theme-color-neutral-background1Level;
}

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

  flex: 1;
  color: base.$sn-theme-color-available-version-textMain;
  background-color: base.$sn-theme-color-neutral-background1Level;
}

.footer {
  position: sticky;
  /* stylelint-disable-next-line declaration-property-value-allowed-list */
  z-index: 1;
  bottom: 0;

  display: flex;
  flex-direction: column;

  box-sizing: border-box;
  // Бока и низ прижаты к кромкам контейнера, чтобы разделитель шёл во всю ширину.
  margin: 0 calc(0px - base.$sn-density-spacing-interval-l) calc(0px - base.$sn-density-spacing-interval-l);
  padding: base.$sn-primitive-dimension-8 base.$sn-density-spacing-interval-l base.$sn-density-spacing-interval-l;
  border-top: base.$sn-primitive-strokeWeight-strokeRegular solid base.$sn-theme-color-neutral-decorTransparent;

  background-color: base.$sn-theme-color-neutral-background1Level;
}

.priceSummary {
  display: flex;
  gap: base.$sn-primitive-dimension-4;
  align-items: center;
  justify-content: space-between;
}

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

.priceSummaryRight {
  cursor: pointer;

  display: flex;
  gap: base.$sn-primitive-dimension-4;
  align-items: center;

  color: base.$sn-theme-color-neutral-text;
}

.header {
  position: sticky;
  /* stylelint-disable-next-line declaration-property-value-allowed-list */
  z-index: 1;
  top: 0;

  display: flex;
  flex-direction: column;
  gap: base.$sn-density-spacing-interval-l;

  box-sizing: border-box;
  // Верх/бока подтягиваем к кромкам контейнера, чтобы разделитель шёл во всю ширину.
  margin: calc(0px - base.$sn-density-spacing-interval-l) calc(0px - base.$sn-density-spacing-interval-l) 0;
  padding: base.$sn-density-spacing-interval-l;
  border-bottom: base.$sn-primitive-strokeWeight-strokeRegular solid base.$sn-theme-color-available-borderColor;

  background-color: base.$sn-theme-color-neutral-background1Level;
}

.modalContent {
  padding: 0 base.$sn-primitive-dimension-16;
}