.yc-dialog {
  position: relative;
}
.yc-dialog_size_s {
  width: var(--yc-dialog-size-s);
}
.yc-dialog_size_m {
  width: var(--yc-dialog-size-m);
}
.yc-dialog_size_l {
  width: var(--yc-dialog-size-l);
}
.yc-dialog_has-close {
  --yc-dialog-header-padding: var(--yc-dialog-header-padding-top)
      calc(var(--yc-dialog-side-padding) + 28px) var(--yc-dialog-header-padding-bottom)
      var(--yc-dialog-side-padding);
}

:root {
  --yc-dialog-size-s: 480px;
  --yc-dialog-size-m: 720px;
  --yc-dialog-size-l: 900px;
  --yc-dialog-side-padding: 32px;
  --yc-dialog-header-padding-top: 20px;
  --yc-dialog-header-padding-bottom: 10px;
  --yc-dialog-header-padding: var(--yc-dialog-header-padding-top) var(--yc-dialog-side-padding)
      var(--yc-dialog-header-padding-bottom) var(--yc-dialog-side-padding);
  --yc-dialog-body-padding: 10px var(--yc-dialog-side-padding);
  --yc-dialog-footer-padding: 28px var(--yc-dialog-side-padding);
  --yc-dialog-divider-margin: 0 calc(-1 * var(--yc-dialog-side-padding));
}