@include export-module('co-dialog-theme') {
  .co-dialog {
    .co-dialog-overlay {
      background-color: $cc-co-dialog-overlay-background-color;
      backdrop-filter: $cc-co-dialog-overlay-backdrop-filter;
    }
    &:not(.borderless) .co-dialog-wrapper {
      background-color: $cc-co-dialog-background-color;
      box-shadow: $cc-co-dialog-box-shadow;
    }
    .dialog-header {
      color: $cc-co-dialog-header-text-color;
      background-color: $cc-co-dialog-header-background-color;
      .dialog-header-caption {
        border-color: $cc-co-dialog-header-border-color;
      }
      .dialog-close-button {
        background: $cc-co-dialog-header-close-button-background-color;
      }
    }
    .dialog-content {
      color: $cc-co-dialog-content-text-color;
      background-color: $cc-co-dialog-content-background-color;
    }
    .dialog-footer {
      color: $cc-co-dialog-footer-text-color;
      background-color: $cc-co-dialog-footer-background-color;
      border-color: $cc-co-dialog-footer-border-color;
    }
  }
}
