:host {
  /* scw element */
  position: relative;
  box-sizing: border-box;
  --margin-right: initial;
  --margin-bottom: initial;
  --gap-h-int: initial;
  --gap-v-int: initial;
  margin-right: var(--margin-right, var(--gap-h-int, initial));
  margin-bottom: var(--margin-bottom, var(--gap-v-int, initial));
  display: block;
}

:host([warning]) {
  outline: 2px solid red !important;
}
.heading {
  margin: 0;
  background-color: rgba(0, 0, 0, 0);
  align-self: stretch;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: var(--scw-spacing-1);
}
.heading > *:not(:last-child) {
  margin-right: 0px;
  --margin-right: 0px;
}

.superHeading {
  margin: 0;
  background-color: rgba(0, 0, 0, 0);
  align-self: stretch;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: var(--scw-spacing-1);
}
.superHeading > *:not(:last-child) {
  margin-right: 0px;
  --margin-right: 0px;
}

h1 {
  text-align: LEFT;
  font: var(--scw-type-text-bold-09-font);
  color: var(--scw-color-grey-02);
  flex: 1;
}

h2 {
  text-align: LEFT;
  font: var(--scw-type-text-bold-08-font);
  color: var(--scw-color-grey-02);
  flex: 1;
}

h3 {
  text-align: LEFT;
  font: var(--scw-type-text-bold-07-font);
  color: var(--scw-color-grey-02);
  flex: 1;
}

h4 {
  text-align: LEFT;
  font: var(--scw-type-text-bold-06-font);
  color: var(--scw-color-grey-02);
  flex: 1;
}

h5 {
  text-align: LEFT;
  font: var(--scw-type-text-bold-font);
  color: var(--scw-color-grey-02);
  flex: 1;
}

h6, .superHeading {
  text-align: LEFT;
  font: var(--scw-type-text-bold-04-font);
  color: var(--scw-color-grey-02);
  flex: 1;
}

h1, h2, h3, h4, h5, h6, .superHeading {
  color: var(--scw-theme-body-color, var(--scw-color-grey-02));
}

.body {
  background-color: rgba(0, 0, 0, 0);
  align-self: stretch;
}
.body slot {
  text-align: LEFT;
  font: var(--scw-type-text-04-font);
  color: var(--scw-color-grey-03);
  flex: 1;
  color: var(--scw-theme-body-color, var(--scw-color-grey-02));
}

.default {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: rgba(0, 0, 0, 0);
  align-self: stretch;
}
.default > *:not(:last-child) {
  margin-bottom: 0px;
  --margin-bottom: 0px;
}
.default .links {
  background-color: rgba(0, 0, 0, 0);
  align-self: stretch;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  gap: calc(var(--scw-spacing-1) * 1.2);
}
.default .links > *:not(:last-child) {
  margin-right: calc(var(--scw-spacing-1) * 1.2);
  --margin-right: calc( var( --scw-spacing-1 ) * 1.2 );
}

.alignment-center {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: rgba(0, 0, 0, 0);
  align-self: stretch;
}
.alignment-center > *:not(:last-child) {
  margin-bottom: 0px;
  --margin-bottom: 0px;
}
.alignment-center .links {
  background-color: rgba(0, 0, 0, 0);
  align-self: stretch;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: flex-start;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  gap: calc(var(--scw-spacing-1) * 1.2);
}
.alignment-center .links > *:not(:last-child) {
  margin-right: calc(var(--scw-spacing-1) * 1.2);
  --margin-right: calc( var( --scw-spacing-1 ) * 1.2 );
}
.alignment-center .body {
  margin: auto;
}
.alignment-center .heading, .alignment-center .superHeading {
  text-align: center;
  margin: auto;
}

@media (max-width: 768px) {
  :host([center-mobile]) .default {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: rgba(0, 0, 0, 0);
    align-self: stretch;
  }
  :host([center-mobile]) .default > *:not(:last-child) {
    margin-bottom: 0px;
    --margin-bottom: 0px;
  }
  :host([center-mobile]) .default .content {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  :host([center-mobile]) .default .content > *:not(:last-child) {
    margin-bottom: 0px;
    --margin-bottom: 0px;
  }
  :host([center-mobile]) .default .links {
    background-color: rgba(0, 0, 0, 0);
    align-self: stretch;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: flex-start;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    gap: calc(var(--scw-spacing-1) * 1.2);
  }
  :host([center-mobile]) .default .links > *:not(:last-child) {
    margin-right: calc(var(--scw-spacing-1) * 1.2);
    --margin-right: calc( var( --scw-spacing-1 ) * 1.2 );
  }
  :host([center-mobile]) .default .body {
    margin: auto;
  }
  :host([center-mobile]) .default .body slot {
    text-align: center;
  }
  :host([center-mobile]) .default .heading, :host([center-mobile]) .default .superHeading {
    text-align: center;
    margin: auto;
  }
  h1 {
    text-align: LEFT;
    font: var(--scw-type-text-bold-08-font);
    color: var(--scw-color-grey-02);
    flex: 1;
    color: var(--scw-theme-body-color, var(--scw-color-grey-02));
  }
  h2 {
    text-align: LEFT;
    font: var(--scw-type-text-bold-07-font);
    color: var(--scw-color-grey-02);
    flex: 1;
    color: var(--scw-theme-body-color, var(--scw-color-grey-02));
  }
  .default .links, .alignment-center .links {
    flex-direction: column;
    gap: var(--scw-spacing-1);
  }
  .default .links ::slotted(*), .alignment-center .links ::slotted(*) {
    width: 100%;
  }
}
:host([theme]) .heading {
  color: var(--scw-theme-color);
}

:host([theme-super-heading]) .superHeading {
  color: var(--scw-theme-color);
}