@include export-module('co-dialog-wizard-layout') {
  .co-dialog-wizard {
    font-family: $cc-co-dialog-wizard-font-family;
    font-size: $cc-co-dialog-wizard-font-size;
    .co-dialog-wizard-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 800;
    }
    .co-dialog-wizard-wrapper {
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      min-width: $cc-co-dialog-wizard-min-width;
      max-width: 100vw;
      z-index: 801;
      height: auto;
      width: auto;
      border-radius: $cc-co-dialog-wizard-border-radius;
    }
    .dialog-header {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      font-family: $cc-co-dialog-wizard-header-font-family;
      font-size: $cc-co-dialog-wizard-header-font-size;
      padding: $cc-co-dialog-wizard-header-padding;
      border-radius: $cc-co-dialog-wizard-header-border-radius;
      margin: $cc-co-dialog-wizard-header-margin;
    }
    .dialog-content {
      font-family: $cc-co-dialog-wizard-content-font-family;
      font-size: $cc-co-dialog-wizard-content-font-size;
      padding: $cc-co-dialog-wizard-content-padding;
      border-radius: $cc-co-dialog-wizard-content-border-radius;
    }
    .dialog-close-button {
      cursor: pointer;
    }
    .co-dialog-wizard-divider {
      margin: $cc-co-dialog-wizard-header-divider-margin;
      border: none;
      border-top: $cc-co-dialog-wizard-header-divider-border-top;
    }
  }
}
