/*!
 * This file is generated.
 * Do not edit it directly.
 * Changes will be overwritten upon upgrades.
 * 
 */

.ttw-bg-primary {
  background-color: var(--dnn-color-primary, #00a5e0);
}
.ttw-bg-primary-r {
  background-color: var(--dnn-color-primary-r, 0);
}
.ttw-bg-primary-g {
  background-color: var(--dnn-color-primary-g, 165);
}
.ttw-bg-primary-b {
  background-color: var(--dnn-color-primary-b, 224);
}
.ttw-bg-primary-light {
  background-color: var(--dnn-color-primary-light, #1aaee3);
}
.ttw-bg-primary-light-r {
  background-color: var(--dnn-color-primary-light-r, 26);
}
.ttw-bg-primary-light-g {
  background-color: var(--dnn-color-primary-light-g, 174);
}
.ttw-bg-primary-light-b {
  background-color: var(--dnn-color-primary-light-b, 227);
}
.ttw-bg-primary-dark {
  background-color: var(--dnn-color-primary-dark, #0091c5);
}
.ttw-bg-primary-dark-r {
  background-color: var(--dnn-color-primary-dark-r, 0);
}
.ttw-bg-primary-dark-g {
  background-color: var(--dnn-color-primary-dark-g, 145);
}
.ttw-bg-primary-dark-b {
  background-color: var(--dnn-color-primary-dark-b 197);
}
.ttw-bg-primary-contrast {
  background-color: var(--dnn-color-primary-contrast, #fff);
}
.ttw-bg-primary-contrast-r {
  background-color: var(--dnn-color-primary-contrast-r, 255);
}
.ttw-bg-primary-contrast-g {
  background-color: var(--dnn-color-primary-contrast-g, 255);
}
.ttw-bg-primary-contrast-b {
  background-color: var(--dnn-color-primary-contrast-b 255);
}
.ttw-bg-secondary {
  background-color: var(--dnn-color-secondary, #ed3d46);
}
.ttw-bg-secondary-r {
  background-color: var(--dnn-color-secondary-r, 237);
}
.ttw-bg-secondary-g {
  background-color: var(--dnn-color-secondary-g, 61);
}
.ttw-bg-secondary-b {
  background-color: var(--dnn-color-secondary-b, 70);
}
.ttw-bg-secondary-light {
  background-color: var(--dnn-color-secondary-light, #ef5059);
}
.ttw-bg-secondary-light-r {
  background-color: var(--dnn-color-secondary-light-r, 239);
}
.ttw-bg-secondary-light-g {
  background-color: var(--dnn-color-secondary-light-g, 80);
}
.ttw-bg-secondary-light-b {
  background-color: var(--dnn-color-secondary-light-b, 89);
}
.ttw-bg-secondary-dark {
  background-color: var(--dnn-color-secondary-dark, #d1363e);
}
.ttw-bg-secondary-dark-r {
  background-color: var(--dnn-color-secondary-dark-r, 209);
}
.ttw-bg-secondary-dark-g {
  background-color: var(--dnn-color-secondary-dark-g, 54);
}
.ttw-bg-secondary-dark-b {
  background-color: var(--dnn-color-secondary-dark-b, 62);
}
.ttw-bg-secondary-contrast {
  background-color: var(--dnn-color-secondary-contrast, #fff);
}
.ttw-bg-secondary-contrast-r {
  background-color: var(--dnn-color-secondary-contrast-r, 255);
}
.ttw-bg-secondary-contrast-g {
  background-color: var(--dnn-color-secondary-contrast-g, 255);
}
.ttw-bg-secondary-contrast-b {
  background-color: var(--dnn-color-secondary-contrast-b, 255);
}
.ttw-bg-tertiary {
  background-color: var(--dnn-color-tertiary, #0e2936);
}
.ttw-bg-tertiary-r {
  background-color: var(--dnn-color-tertiary-r, 14);
}
.ttw-bg-tertiary-g {
  background-color: var(--dnn-color-tertiary-g, 41);
}
.ttw-bg-tertiary-b {
  background-color: var(--dnn-color-tertiary-b, 54);
}
.ttw-bg-tertiary-light {
  background-color: var(--dnn-color-tertiary-light, #3c7a9a);
}
.ttw-bg-tertiary-light-r {
  background-color: var(--dnn-color-tertiary-light-r, 60);
}
.ttw-bg-tertiary-light-g {
  background-color: var(--dnn-color-tertiary-light-g, 122);
}
.ttw-bg-tertiary-light-b {
  background-color: var(--dnn-color-tertiary-light-b, 154);
}
.ttw-bg-tertiary-dark {
  background-color: var(--dnn-color-tertiary-dark, #0b1c24);
}
.ttw-bg-tertiary-dark-r {
  background-color: var(--dnn-color-tertiary-dark-r, 11);
}
.ttw-bg-tertiary-dark-g {
  background-color: var(--dnn-color-tertiary-dark-g, 28);
}
.ttw-bg-tertiary-dark-b {
  background-color: var(--dnn-color-tertiary-dark-b, 36);
}
.ttw-bg-tertiary-contrast {
  background-color: var(--dnn-color-tertiary-contrast, #fff);
}
.ttw-bg-tertiary-contrast-r {
  background-color: var(--dnn-color-tertiary-contrast-r, 255);
}
.ttw-bg-tertiary-contrast-g {
  background-color: var(--dnn-color-tertiary-contrast-g, 255);
}
.ttw-bg-tertiary-contrast-b {
  background-color: var(--dnn-color-tertiary-contrast-b, 255);
}
.ttw-bg-neutral {
  background-color: var(--dnn-color-neutral, #ededee);
}
.ttw-bg-neutral-r {
  background-color: var(--dnn-color-neutral-r, 245);
}
.ttw-bg-neutral-g {
  background-color: var(--dnn-color-neutral-g, 245);
}
.ttw-bg-neutral-b {
  background-color: var(--dnn-color-neutral-b, 245);
}
.ttw-bg-neutral-light {
  background-color: var(--dnn-color-neutral-light, #fff);
}
.ttw-bg-neutral-light-r {
  background-color: var(--dnn-color-neutral-light-r, 255);
}
.ttw-bg-neutral-light-g {
  background-color: var(--dnn-color-neutral-light-g, 255);
}
.ttw-bg-neutral-light-b {
  background-color: var(--dnn-color-neutral-light-b, 255);
}
.ttw-bg-neutral-dark {
  background-color: var(--dnn-color-neutral-dark, #999);
}
.ttw-bg-neutral-dark-r {
  background-color: var(--dnn-color-neutral-dark-r, 153);
}
.ttw-bg-neutral-dark-g {
  background-color: var(--dnn-color-neutral-dark-g, 153);
}
.ttw-bg-neutral-dark-b {
  background-color: var(--dnn-color-neutral-dark-b, 153);
}
.ttw-bg-neutral-contrast {
  background-color: var(--dnn-color-neutral-contrast, #000);
}
.ttw-bg-neutral-contrast-r {
  background-color: var(--dnn-color-neutral-contrast-r, 0);
}
.ttw-bg-neutral-contrast-g {
  background-color: var(--dnn-color-neutral-contrast-g, 0);
}
.ttw-bg-neutral-contrast-b {
  background-color: var(--dnn-color-neutral-contrast-b, 0);
}
.ttw-bg-background {
  background-color: var(--dnn-color-background, #fff);
}
.ttw-bg-background-r {
  background-color: var(--dnn-color-background-r, 255);
}
.ttw-bg-background-g {
  background-color: var(--dnn-color-background-g, 255);
}
.ttw-bg-background-b {
  background-color: var(--dnn-color-background-b, 255);
}
.ttw-bg-background-light {
  background-color: var(--dnn-color-background-light, #f5f5f5);
}
.ttw-bg-background-light-r {
  background-color: var(--dnn-color-background-light-r, 245);
}
.ttw-bg-background-light-g {
  background-color: var(--dnn-color-background-light-g, 245);
}
.ttw-bg-background-light-b {
  background-color: var(--dnn-color-background-light-b, 245);
}
.ttw-bg-background-dark {
  background-color: var(--dnn-color-background-dark, #ccc);
}
.ttw-bg-background-dark-r {
  background-color: var(--dnn-color-background-dark-r, 204);
}
.ttw-bg-background-dark-g {
  background-color: var(--dnn-color-background-dark-g, 204);
}
.ttw-bg-background-dark-b {
  background-color: var(--dnn-color-background-dark-b, 204);
}
.ttw-bg-background-contrast {
  background-color: var(--dnn-color-background-contrast, #000);
}
.ttw-bg-background-contrast-r {
  background-color: var(--dnn-color-background-contrast-r, 0);
}
.ttw-bg-background-contrast-g {
  background-color: var(--dnn-color-background-contrast-g, 0);
}
.ttw-bg-background-contrast-b {
  background-color: var(--dnn-color-background-contrast-b, 0);
}
.ttw-bg-foreground {
  background-color: var(--dnn-color-foreground, #000);
}
.ttw-bg-foreground-r {
  background-color: var(--dnn-color-foreground-r, 0);
}
.ttw-bg-foreground-g {
  background-color: var(--dnn-color-foreground-g, 0);
}
.ttw-bg-foreground-b {
  background-color: var(--dnn-color-foreground-b, 0);
}
.ttw-bg-foreground-light {
  background-color: var(--dnn-color-foreground-light, #333);
}
.ttw-bg-foreground-light-r {
  background-color: var(--dnn-color-foreground-light-r, 51);
}
.ttw-bg-foreground-light-g {
  background-color: var(--dnn-color-foreground-light-g, 51);
}
.ttw-bg-foreground-light-b {
  background-color: var(--dnn-color-foreground-light-b, 51);
}
.ttw-bg-foreground-dark {
  background-color: var(--dnn-color-foreground-dark, #000);
}
.ttw-bg-foreground-dark-r {
  background-color: var(--dnn-color-foreground-dark-r, 0);
}
.ttw-bg-foreground-dark-g {
  background-color: var(--dnn-color-foreground-dark-g, 0);
}
.ttw-bg-foreground-dark-b {
  background-color: var(--dnn-color-foreground-dark-b, 0);
}
.ttw-bg-foreground-contrast {
  background-color: var(--dnn-color-foreground-contrast, #fff);
}
.ttw-bg-foreground-contrast-r {
  background-color: var(--dnn-color-foreground-contrast-r, 255);
}
.ttw-bg-foreground-contrast-g {
  background-color: var(--dnn-color-foreground-contrast-g, 255);
}
.ttw-bg-foreground-contrast-b {
  background-color: var(--dnn-color-foreground-contrast-b, 255);
}
.ttw-bg-surface {
  background-color: var(--dnn-color-surface, #eee);
}
.ttw-bg-surface-r {
  background-color: var(--dnn-color-surface-r, 238);
}
.ttw-bg-surface-g {
  background-color: var(--dnn-color-surface-g, 238);
}
.ttw-bg-surface-b {
  background-color: var(--dnn-color-surface-b, 238);
}
.ttw-bg-surface-light {
  background-color: var(--dnn-color-surface-light, #f5f5f5);
}
.ttw-bg-surface-light-r {
  background-color: var(--dnn-color-surface-light-r, 245);
}
.ttw-bg-surface-light-g {
  background-color: var(--dnn-color-surface-light-g, 245);
}
.ttw-bg-surface-light-b {
  background-color: var(--dnn-color-surface-light-b, 245);
}
.ttw-bg-surface-dark {
  background-color: var(--dnn-color-surface-dark, #ccc);
}
.ttw-bg-surface-dark-r {
  background-color: var(--dnn-color-surface-dark-r, 204);
}
.ttw-bg-surface-dark-g {
  background-color: var(--dnn-color-surface-dark-g, 204);
}
.ttw-bg-surface-dark-b {
  background-color: var(--dnn-color-surface-dark-b, 204);
}
.ttw-bg-surface-contrast {
  background-color: var(--dnn-color-surface-contrast, #000);
}
.ttw-bg-surface-contrast-r {
  background-color: var(--dnn-color-surface-contrast-r, 0);
}
.ttw-bg-surface-contrast-g {
  background-color: var(--dnn-color-surface-contrast-g, 0);
}
.ttw-bg-surface-contrast-b {
  background-color: var(--dnn-color-surface-contrast-b, 0);
}
.ttw-bg-info {
  background-color: var(--dnn-color-info, #17a2b8);
}
.ttw-bg-info-r {
  background-color: var(--dnn-color-info-r, 23);
}
.ttw-bg-info-g {
  background-color: var(--dnn-color-info-g, 162);
}
.ttw-bg-info-b {
  background-color: var(--dnn-color-info-b, 184);
}
.ttw-bg-info-light {
  background-color: var(--dnn-color-info-light, #23b8cf);
}
.ttw-bg-info-light-r {
  background-color: var(--dnn-color-info-light-r, 35);
}
.ttw-bg-info-light-g {
  background-color: var(--dnn-color-info-light-g, 184);
}
.ttw-bg-info-light-b {
  background-color: var(--dnn-color-info-light-b, 207);
}
.ttw-bg-info-dark {
  background-color: var(--dnn-color-info-dark, #00889e);
}
.ttw-bg-info-dark-r {
  background-color: var(--dnn-color-info-dark-r, 0);
}
.ttw-bg-info-dark-g {
  background-color: var(--dnn-color-info-dark-g, 136);
}
.ttw-bg-info-dark-b {
  background-color: var(--dnn-color-info-dark-b, 158);
}
.ttw-bg-info-contrast {
  background-color: var(--dnn-color-info-contrast, #fff);
}
.ttw-bg-info-contrast-r {
  background-color: var(--dnn-color-info-contrast-r, 255);
}
.ttw-bg-info-contrast-g {
  background-color: var(--dnn-color-info-contrast-g, 255);
}
.ttw-bg-info-contrast-b {
  background-color: var(--dnn-color-info-contrast-b, 255);
}
.ttw-bg-success {
  background-color: var(--dnn-color-success, #28a745);
}
.ttw-bg-success-r {
  background-color: var(--dnn-color-success-r, 40);
}
.ttw-bg-success-g {
  background-color: var(--dnn-color-success-g, 167);
}
.ttw-bg-success-b {
  background-color: var(--dnn-color-success-b, 69);
}
.ttw-bg-success-light {
  background-color: var(--dnn-color-success-light, #49c25d);
}
.ttw-bg-success-light-r {
  background-color: var(--dnn-color-success-light-r, 73);
}
.ttw-bg-success-light-g {
  background-color: var(--dnn-color-success-light-g, 194);
}
.ttw-bg-success-light-b {
  background-color: var(--dnn-color-success-light-b, 93);
}
.ttw-bg-success-dark {
  background-color: var(--dnn-color-success-dark, #00902f);
}
.ttw-bg-success-dark-r {
  background-color: var(--dnn-color-success-dark-r, 0);
}
.ttw-bg-success-dark-g {
  background-color: var(--dnn-color-success-dark-g, 144);
}
.ttw-bg-success-dark-b {
  background-color: var(--dnn-color-success-dark-b, 47);
}
.ttw-bg-success-contrast {
  background-color: var(--dnn-color-success-contrast, #fff);
}
.ttw-bg-success-contrast-r {
  background-color: var(--dnn-color-success-contrast-r, 255);
}
.ttw-bg-success-contrast-g {
  background-color: var(--dnn-color-success-contrast-g, 255);
}
.ttw-bg-success-contrast-b {
  background-color: var(--dnn-color-success-contrast-b, 255);
}
.ttw-bg-warning {
  background-color: var(--dnn-color-warning, #ffc107);
}
.ttw-bg-warning-r {
  background-color: var(--dnn-color-warning-r, 255);
}
.ttw-bg-warning-g {
  background-color: var(--dnn-color-warning-g, 193);
}
.ttw-bg-warning-b {
  background-color: var(--dnn-color-warning-b, 7);
}
.ttw-bg-warning-light {
  background-color: var(--dnn-color-warning-light, #ffd42e);
}
.ttw-bg-warning-light-r {
  background-color: var(--dnn-color-warning-light-r, 255);
}
.ttw-bg-warning-light-g {
  background-color: var(--dnn-color-warning-light-g, 212);
}
.ttw-bg-warning-light-b {
  background-color: var(--dnn-color-warning-light-b, 46);
}
.ttw-bg-warning-dark {
  background-color: var(--dnn-color-warning-dark, #e9ad00);
}
.ttw-bg-warning-dark-r {
  background-color: var(--dnn-color-warning-dark-r, 233);
}
.ttw-bg-warning-dark-g {
  background-color: var(--dnn-color-warning-dark-g, 173);
}
.ttw-bg-warning-dark-b {
  background-color: var(--dnn-color-warning-dark-b, 0);
}
.ttw-bg-warning-contrast {
  background-color: var(--dnn-color-warning-contrast, #fff);
}
.ttw-bg-warning-contrast-r {
  background-color: var(--dnn-color-warning-contrast-r, 255);
}
.ttw-bg-warning-contrast-g {
  background-color: var(--dnn-color-warning-contrast-g, 255);
}
.ttw-bg-warning-contrast-b {
  background-color: var(--dnn-color-warning-contrast-b, 255);
}
.ttw-bg-danger {
  background-color: var(--dnn-color-danger, #dc3545);
}
.ttw-bg-danger-r {
  background-color: var(--dnn-color-danger-r, 220);
}
.ttw-bg-danger-g {
  background-color: var(--dnn-color-danger-g, 53);
}
.ttw-bg-danger-b {
  background-color: var(--dnn-color-danger-b, 69);
}
.ttw-bg-danger-light {
  background-color: var(--dnn-color-danger-light, #f14954);
}
.ttw-bg-danger-light-r {
  background-color: var(--dnn-color-danger-light-r, 241);
}
.ttw-bg-danger-light-g {
  background-color: var(--dnn-color-danger-light-g, 73);
}
.ttw-bg-danger-light-b {
  background-color: var(--dnn-color-danger-light-b, 84);
}
.ttw-bg-danger-dark {
  background-color: var(--dnn-color-danger-dark, #c51535);
}
.ttw-bg-danger-dark-r {
  background-color: var(--dnn-color-danger-dark-r, 197);
}
.ttw-bg-danger-dark-g {
  background-color: var(--dnn-color-danger-dark-g, 21);
}
.ttw-bg-danger-dark-b {
  background-color: var(--dnn-color-danger-dark-b, 53);
}
.ttw-bg-danger-contrast {
  background-color: var(--dnn-color-danger-contrast, #fff);
}
.ttw-bg-danger-contrast-r {
  background-color: var(--dnn-color-danger-contrast-r, 255);
}
.ttw-bg-danger-contrast-g {
  background-color: var(--dnn-color-danger-contrast-g, 255);
}
.ttw-bg-danger-contrast-b {
  background-color: var(--dnn-color-danger-contrast-b, 255);
}
.ttw-bg-variation-opacity {
  background-color: var(--dnn-color-variation-opacity, 0.8);
}
.ttw-border-radius-0 {
  border-radius: 0;
}
@media (min-width: 0px) {
  .ttw-border-radius-xs-0 {
    border-radius: 0 !important;
  }
}
@media (min-width: 576px) {
  .ttw-border-radius-sm-0 {
    border-radius: 0 !important;
  }
}
@media (min-width: 768px) {
  .ttw-border-radius-md-0 {
    border-radius: 0 !important;
  }
}
@media (min-width: 992px) {
  .ttw-border-radius-lg-0 {
    border-radius: 0 !important;
  }
}
@media (min-width: 1200px) {
  .ttw-border-radius-xl-0 {
    border-radius: 0 !important;
  }
}
.ttw-border-radius-1 {
  border-radius: 0.25rem;
}
@media (min-width: 0px) {
  .ttw-border-radius-xs-1 {
    border-radius: 0.25rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-border-radius-sm-1 {
    border-radius: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-border-radius-md-1 {
    border-radius: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-border-radius-lg-1 {
    border-radius: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-border-radius-xl-1 {
    border-radius: 0.25rem !important;
  }
}
.ttw-border-radius-2 {
  border-radius: 0.5rem;
}
@media (min-width: 0px) {
  .ttw-border-radius-xs-2 {
    border-radius: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-border-radius-sm-2 {
    border-radius: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-border-radius-md-2 {
    border-radius: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-border-radius-lg-2 {
    border-radius: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-border-radius-xl-2 {
    border-radius: 0.5rem !important;
  }
}
.ttw-border-radius-3 {
  border-radius: 1rem;
}
@media (min-width: 0px) {
  .ttw-border-radius-xs-3 {
    border-radius: 1rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-border-radius-sm-3 {
    border-radius: 1rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-border-radius-md-3 {
    border-radius: 1rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-border-radius-lg-3 {
    border-radius: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-border-radius-xl-3 {
    border-radius: 1rem !important;
  }
}
.ttw-border-radius-4 {
  border-radius: 2.5rem;
}
@media (min-width: 0px) {
  .ttw-border-radius-xs-4 {
    border-radius: 2.5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-border-radius-sm-4 {
    border-radius: 2.5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-border-radius-md-4 {
    border-radius: 2.5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-border-radius-lg-4 {
    border-radius: 2.5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-border-radius-xl-4 {
    border-radius: 2.5rem !important;
  }
}
.ttw-border-radius-5 {
  border-radius: 5rem;
}
@media (min-width: 0px) {
  .ttw-border-radius-xs-5 {
    border-radius: 5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-border-radius-sm-5 {
    border-radius: 5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-border-radius-md-5 {
    border-radius: 5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-border-radius-lg-5 {
    border-radius: 5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-border-radius-xl-5 {
    border-radius: 5rem !important;
  }
}
.ttw-border-primary {
  border-color: var(--dnn-color-primary, #00a5e0);
}
.ttw-border-primary-r {
  border-color: var(--dnn-color-primary-r, 0);
}
.ttw-border-primary-g {
  border-color: var(--dnn-color-primary-g, 165);
}
.ttw-border-primary-b {
  border-color: var(--dnn-color-primary-b, 224);
}
.ttw-border-primary-light {
  border-color: var(--dnn-color-primary-light, #1aaee3);
}
.ttw-border-primary-light-r {
  border-color: var(--dnn-color-primary-light-r, 26);
}
.ttw-border-primary-light-g {
  border-color: var(--dnn-color-primary-light-g, 174);
}
.ttw-border-primary-light-b {
  border-color: var(--dnn-color-primary-light-b, 227);
}
.ttw-border-primary-dark {
  border-color: var(--dnn-color-primary-dark, #0091c5);
}
.ttw-border-primary-dark-r {
  border-color: var(--dnn-color-primary-dark-r, 0);
}
.ttw-border-primary-dark-g {
  border-color: var(--dnn-color-primary-dark-g, 145);
}
.ttw-border-primary-dark-b {
  border-color: var(--dnn-color-primary-dark-b 197);
}
.ttw-border-primary-contrast {
  border-color: var(--dnn-color-primary-contrast, #fff);
}
.ttw-border-primary-contrast-r {
  border-color: var(--dnn-color-primary-contrast-r, 255);
}
.ttw-border-primary-contrast-g {
  border-color: var(--dnn-color-primary-contrast-g, 255);
}
.ttw-border-primary-contrast-b {
  border-color: var(--dnn-color-primary-contrast-b 255);
}
.ttw-border-secondary {
  border-color: var(--dnn-color-secondary, #ed3d46);
}
.ttw-border-secondary-r {
  border-color: var(--dnn-color-secondary-r, 237);
}
.ttw-border-secondary-g {
  border-color: var(--dnn-color-secondary-g, 61);
}
.ttw-border-secondary-b {
  border-color: var(--dnn-color-secondary-b, 70);
}
.ttw-border-secondary-light {
  border-color: var(--dnn-color-secondary-light, #ef5059);
}
.ttw-border-secondary-light-r {
  border-color: var(--dnn-color-secondary-light-r, 239);
}
.ttw-border-secondary-light-g {
  border-color: var(--dnn-color-secondary-light-g, 80);
}
.ttw-border-secondary-light-b {
  border-color: var(--dnn-color-secondary-light-b, 89);
}
.ttw-border-secondary-dark {
  border-color: var(--dnn-color-secondary-dark, #d1363e);
}
.ttw-border-secondary-dark-r {
  border-color: var(--dnn-color-secondary-dark-r, 209);
}
.ttw-border-secondary-dark-g {
  border-color: var(--dnn-color-secondary-dark-g, 54);
}
.ttw-border-secondary-dark-b {
  border-color: var(--dnn-color-secondary-dark-b, 62);
}
.ttw-border-secondary-contrast {
  border-color: var(--dnn-color-secondary-contrast, #fff);
}
.ttw-border-secondary-contrast-r {
  border-color: var(--dnn-color-secondary-contrast-r, 255);
}
.ttw-border-secondary-contrast-g {
  border-color: var(--dnn-color-secondary-contrast-g, 255);
}
.ttw-border-secondary-contrast-b {
  border-color: var(--dnn-color-secondary-contrast-b, 255);
}
.ttw-border-tertiary {
  border-color: var(--dnn-color-tertiary, #0e2936);
}
.ttw-border-tertiary-r {
  border-color: var(--dnn-color-tertiary-r, 14);
}
.ttw-border-tertiary-g {
  border-color: var(--dnn-color-tertiary-g, 41);
}
.ttw-border-tertiary-b {
  border-color: var(--dnn-color-tertiary-b, 54);
}
.ttw-border-tertiary-light {
  border-color: var(--dnn-color-tertiary-light, #3c7a9a);
}
.ttw-border-tertiary-light-r {
  border-color: var(--dnn-color-tertiary-light-r, 60);
}
.ttw-border-tertiary-light-g {
  border-color: var(--dnn-color-tertiary-light-g, 122);
}
.ttw-border-tertiary-light-b {
  border-color: var(--dnn-color-tertiary-light-b, 154);
}
.ttw-border-tertiary-dark {
  border-color: var(--dnn-color-tertiary-dark, #0b1c24);
}
.ttw-border-tertiary-dark-r {
  border-color: var(--dnn-color-tertiary-dark-r, 11);
}
.ttw-border-tertiary-dark-g {
  border-color: var(--dnn-color-tertiary-dark-g, 28);
}
.ttw-border-tertiary-dark-b {
  border-color: var(--dnn-color-tertiary-dark-b, 36);
}
.ttw-border-tertiary-contrast {
  border-color: var(--dnn-color-tertiary-contrast, #fff);
}
.ttw-border-tertiary-contrast-r {
  border-color: var(--dnn-color-tertiary-contrast-r, 255);
}
.ttw-border-tertiary-contrast-g {
  border-color: var(--dnn-color-tertiary-contrast-g, 255);
}
.ttw-border-tertiary-contrast-b {
  border-color: var(--dnn-color-tertiary-contrast-b, 255);
}
.ttw-border-neutral {
  border-color: var(--dnn-color-neutral, #ededee);
}
.ttw-border-neutral-r {
  border-color: var(--dnn-color-neutral-r, 245);
}
.ttw-border-neutral-g {
  border-color: var(--dnn-color-neutral-g, 245);
}
.ttw-border-neutral-b {
  border-color: var(--dnn-color-neutral-b, 245);
}
.ttw-border-neutral-light {
  border-color: var(--dnn-color-neutral-light, #fff);
}
.ttw-border-neutral-light-r {
  border-color: var(--dnn-color-neutral-light-r, 255);
}
.ttw-border-neutral-light-g {
  border-color: var(--dnn-color-neutral-light-g, 255);
}
.ttw-border-neutral-light-b {
  border-color: var(--dnn-color-neutral-light-b, 255);
}
.ttw-border-neutral-dark {
  border-color: var(--dnn-color-neutral-dark, #999);
}
.ttw-border-neutral-dark-r {
  border-color: var(--dnn-color-neutral-dark-r, 153);
}
.ttw-border-neutral-dark-g {
  border-color: var(--dnn-color-neutral-dark-g, 153);
}
.ttw-border-neutral-dark-b {
  border-color: var(--dnn-color-neutral-dark-b, 153);
}
.ttw-border-neutral-contrast {
  border-color: var(--dnn-color-neutral-contrast, #000);
}
.ttw-border-neutral-contrast-r {
  border-color: var(--dnn-color-neutral-contrast-r, 0);
}
.ttw-border-neutral-contrast-g {
  border-color: var(--dnn-color-neutral-contrast-g, 0);
}
.ttw-border-neutral-contrast-b {
  border-color: var(--dnn-color-neutral-contrast-b, 0);
}
.ttw-border-background {
  border-color: var(--dnn-color-background, #fff);
}
.ttw-border-background-r {
  border-color: var(--dnn-color-background-r, 255);
}
.ttw-border-background-g {
  border-color: var(--dnn-color-background-g, 255);
}
.ttw-border-background-b {
  border-color: var(--dnn-color-background-b, 255);
}
.ttw-border-background-light {
  border-color: var(--dnn-color-background-light, #f5f5f5);
}
.ttw-border-background-light-r {
  border-color: var(--dnn-color-background-light-r, 245);
}
.ttw-border-background-light-g {
  border-color: var(--dnn-color-background-light-g, 245);
}
.ttw-border-background-light-b {
  border-color: var(--dnn-color-background-light-b, 245);
}
.ttw-border-background-dark {
  border-color: var(--dnn-color-background-dark, #ccc);
}
.ttw-border-background-dark-r {
  border-color: var(--dnn-color-background-dark-r, 204);
}
.ttw-border-background-dark-g {
  border-color: var(--dnn-color-background-dark-g, 204);
}
.ttw-border-background-dark-b {
  border-color: var(--dnn-color-background-dark-b, 204);
}
.ttw-border-background-contrast {
  border-color: var(--dnn-color-background-contrast, #000);
}
.ttw-border-background-contrast-r {
  border-color: var(--dnn-color-background-contrast-r, 0);
}
.ttw-border-background-contrast-g {
  border-color: var(--dnn-color-background-contrast-g, 0);
}
.ttw-border-background-contrast-b {
  border-color: var(--dnn-color-background-contrast-b, 0);
}
.ttw-border-foreground {
  border-color: var(--dnn-color-foreground, #000);
}
.ttw-border-foreground-r {
  border-color: var(--dnn-color-foreground-r, 0);
}
.ttw-border-foreground-g {
  border-color: var(--dnn-color-foreground-g, 0);
}
.ttw-border-foreground-b {
  border-color: var(--dnn-color-foreground-b, 0);
}
.ttw-border-foreground-light {
  border-color: var(--dnn-color-foreground-light, #333);
}
.ttw-border-foreground-light-r {
  border-color: var(--dnn-color-foreground-light-r, 51);
}
.ttw-border-foreground-light-g {
  border-color: var(--dnn-color-foreground-light-g, 51);
}
.ttw-border-foreground-light-b {
  border-color: var(--dnn-color-foreground-light-b, 51);
}
.ttw-border-foreground-dark {
  border-color: var(--dnn-color-foreground-dark, #000);
}
.ttw-border-foreground-dark-r {
  border-color: var(--dnn-color-foreground-dark-r, 0);
}
.ttw-border-foreground-dark-g {
  border-color: var(--dnn-color-foreground-dark-g, 0);
}
.ttw-border-foreground-dark-b {
  border-color: var(--dnn-color-foreground-dark-b, 0);
}
.ttw-border-foreground-contrast {
  border-color: var(--dnn-color-foreground-contrast, #fff);
}
.ttw-border-foreground-contrast-r {
  border-color: var(--dnn-color-foreground-contrast-r, 255);
}
.ttw-border-foreground-contrast-g {
  border-color: var(--dnn-color-foreground-contrast-g, 255);
}
.ttw-border-foreground-contrast-b {
  border-color: var(--dnn-color-foreground-contrast-b, 255);
}
.ttw-border-surface {
  border-color: var(--dnn-color-surface, #eee);
}
.ttw-border-surface-r {
  border-color: var(--dnn-color-surface-r, 238);
}
.ttw-border-surface-g {
  border-color: var(--dnn-color-surface-g, 238);
}
.ttw-border-surface-b {
  border-color: var(--dnn-color-surface-b, 238);
}
.ttw-border-surface-light {
  border-color: var(--dnn-color-surface-light, #f5f5f5);
}
.ttw-border-surface-light-r {
  border-color: var(--dnn-color-surface-light-r, 245);
}
.ttw-border-surface-light-g {
  border-color: var(--dnn-color-surface-light-g, 245);
}
.ttw-border-surface-light-b {
  border-color: var(--dnn-color-surface-light-b, 245);
}
.ttw-border-surface-dark {
  border-color: var(--dnn-color-surface-dark, #ccc);
}
.ttw-border-surface-dark-r {
  border-color: var(--dnn-color-surface-dark-r, 204);
}
.ttw-border-surface-dark-g {
  border-color: var(--dnn-color-surface-dark-g, 204);
}
.ttw-border-surface-dark-b {
  border-color: var(--dnn-color-surface-dark-b, 204);
}
.ttw-border-surface-contrast {
  border-color: var(--dnn-color-surface-contrast, #000);
}
.ttw-border-surface-contrast-r {
  border-color: var(--dnn-color-surface-contrast-r, 0);
}
.ttw-border-surface-contrast-g {
  border-color: var(--dnn-color-surface-contrast-g, 0);
}
.ttw-border-surface-contrast-b {
  border-color: var(--dnn-color-surface-contrast-b, 0);
}
.ttw-border-info {
  border-color: var(--dnn-color-info, #17a2b8);
}
.ttw-border-info-r {
  border-color: var(--dnn-color-info-r, 23);
}
.ttw-border-info-g {
  border-color: var(--dnn-color-info-g, 162);
}
.ttw-border-info-b {
  border-color: var(--dnn-color-info-b, 184);
}
.ttw-border-info-light {
  border-color: var(--dnn-color-info-light, #23b8cf);
}
.ttw-border-info-light-r {
  border-color: var(--dnn-color-info-light-r, 35);
}
.ttw-border-info-light-g {
  border-color: var(--dnn-color-info-light-g, 184);
}
.ttw-border-info-light-b {
  border-color: var(--dnn-color-info-light-b, 207);
}
.ttw-border-info-dark {
  border-color: var(--dnn-color-info-dark, #00889e);
}
.ttw-border-info-dark-r {
  border-color: var(--dnn-color-info-dark-r, 0);
}
.ttw-border-info-dark-g {
  border-color: var(--dnn-color-info-dark-g, 136);
}
.ttw-border-info-dark-b {
  border-color: var(--dnn-color-info-dark-b, 158);
}
.ttw-border-info-contrast {
  border-color: var(--dnn-color-info-contrast, #fff);
}
.ttw-border-info-contrast-r {
  border-color: var(--dnn-color-info-contrast-r, 255);
}
.ttw-border-info-contrast-g {
  border-color: var(--dnn-color-info-contrast-g, 255);
}
.ttw-border-info-contrast-b {
  border-color: var(--dnn-color-info-contrast-b, 255);
}
.ttw-border-success {
  border-color: var(--dnn-color-success, #28a745);
}
.ttw-border-success-r {
  border-color: var(--dnn-color-success-r, 40);
}
.ttw-border-success-g {
  border-color: var(--dnn-color-success-g, 167);
}
.ttw-border-success-b {
  border-color: var(--dnn-color-success-b, 69);
}
.ttw-border-success-light {
  border-color: var(--dnn-color-success-light, #49c25d);
}
.ttw-border-success-light-r {
  border-color: var(--dnn-color-success-light-r, 73);
}
.ttw-border-success-light-g {
  border-color: var(--dnn-color-success-light-g, 194);
}
.ttw-border-success-light-b {
  border-color: var(--dnn-color-success-light-b, 93);
}
.ttw-border-success-dark {
  border-color: var(--dnn-color-success-dark, #00902f);
}
.ttw-border-success-dark-r {
  border-color: var(--dnn-color-success-dark-r, 0);
}
.ttw-border-success-dark-g {
  border-color: var(--dnn-color-success-dark-g, 144);
}
.ttw-border-success-dark-b {
  border-color: var(--dnn-color-success-dark-b, 47);
}
.ttw-border-success-contrast {
  border-color: var(--dnn-color-success-contrast, #fff);
}
.ttw-border-success-contrast-r {
  border-color: var(--dnn-color-success-contrast-r, 255);
}
.ttw-border-success-contrast-g {
  border-color: var(--dnn-color-success-contrast-g, 255);
}
.ttw-border-success-contrast-b {
  border-color: var(--dnn-color-success-contrast-b, 255);
}
.ttw-border-warning {
  border-color: var(--dnn-color-warning, #ffc107);
}
.ttw-border-warning-r {
  border-color: var(--dnn-color-warning-r, 255);
}
.ttw-border-warning-g {
  border-color: var(--dnn-color-warning-g, 193);
}
.ttw-border-warning-b {
  border-color: var(--dnn-color-warning-b, 7);
}
.ttw-border-warning-light {
  border-color: var(--dnn-color-warning-light, #ffd42e);
}
.ttw-border-warning-light-r {
  border-color: var(--dnn-color-warning-light-r, 255);
}
.ttw-border-warning-light-g {
  border-color: var(--dnn-color-warning-light-g, 212);
}
.ttw-border-warning-light-b {
  border-color: var(--dnn-color-warning-light-b, 46);
}
.ttw-border-warning-dark {
  border-color: var(--dnn-color-warning-dark, #e9ad00);
}
.ttw-border-warning-dark-r {
  border-color: var(--dnn-color-warning-dark-r, 233);
}
.ttw-border-warning-dark-g {
  border-color: var(--dnn-color-warning-dark-g, 173);
}
.ttw-border-warning-dark-b {
  border-color: var(--dnn-color-warning-dark-b, 0);
}
.ttw-border-warning-contrast {
  border-color: var(--dnn-color-warning-contrast, #fff);
}
.ttw-border-warning-contrast-r {
  border-color: var(--dnn-color-warning-contrast-r, 255);
}
.ttw-border-warning-contrast-g {
  border-color: var(--dnn-color-warning-contrast-g, 255);
}
.ttw-border-warning-contrast-b {
  border-color: var(--dnn-color-warning-contrast-b, 255);
}
.ttw-border-danger {
  border-color: var(--dnn-color-danger, #dc3545);
}
.ttw-border-danger-r {
  border-color: var(--dnn-color-danger-r, 220);
}
.ttw-border-danger-g {
  border-color: var(--dnn-color-danger-g, 53);
}
.ttw-border-danger-b {
  border-color: var(--dnn-color-danger-b, 69);
}
.ttw-border-danger-light {
  border-color: var(--dnn-color-danger-light, #f14954);
}
.ttw-border-danger-light-r {
  border-color: var(--dnn-color-danger-light-r, 241);
}
.ttw-border-danger-light-g {
  border-color: var(--dnn-color-danger-light-g, 73);
}
.ttw-border-danger-light-b {
  border-color: var(--dnn-color-danger-light-b, 84);
}
.ttw-border-danger-dark {
  border-color: var(--dnn-color-danger-dark, #c51535);
}
.ttw-border-danger-dark-r {
  border-color: var(--dnn-color-danger-dark-r, 197);
}
.ttw-border-danger-dark-g {
  border-color: var(--dnn-color-danger-dark-g, 21);
}
.ttw-border-danger-dark-b {
  border-color: var(--dnn-color-danger-dark-b, 53);
}
.ttw-border-danger-contrast {
  border-color: var(--dnn-color-danger-contrast, #fff);
}
.ttw-border-danger-contrast-r {
  border-color: var(--dnn-color-danger-contrast-r, 255);
}
.ttw-border-danger-contrast-g {
  border-color: var(--dnn-color-danger-contrast-g, 255);
}
.ttw-border-danger-contrast-b {
  border-color: var(--dnn-color-danger-contrast-b, 255);
}
.ttw-border-variation-opacity {
  border-color: var(--dnn-color-variation-opacity, 0.8);
}
.ttw-btn-primary,
a.ttw-btn-primary {
  background-color: var(--dnn-color-primary, #00a5e0);
  border-color: var(--dnn-color-primary, #00a5e0);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-primary-contrast, #fff);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-primary:focus,
.ttw-btn-primary:hover,
a.ttw-btn-primary:focus,
a.ttw-btn-primary:hover {
  background-color: rgba(
    var(--dnn-color-primary-r),
    var(--dnn-color-primary-g),
    var(--dnn-color-primary-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-primary-r),
    var(--dnn-color-primary-g),
    var(--dnn-color-primary-b),
    0.8
  );
  color: var(--dnn-color-primary-contrast, #fff);
}
.ttw-btn-outline-primary,
a.ttw-btn-outline-primary {
  background-color: transparent;
  border-color: var(--dnn-color-primary, #00a5e0);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-primary, #00a5e0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-primary:focus,
.ttw-btn-outline-primary:hover,
.ttw-btn-reverse-outline-primary a.ttw-btn-reverse-outline-primary,
a.ttw-btn-outline-primary:focus,
a.ttw-btn-outline-primary:hover {
  background-color: var(--dnn-color-primary, #00a5e0);
  border-color: var(--dnn-color-primary, #00a5e0);
  color: var(--dnn-color-primary-contrast, #fff);
}
.ttw-btn-reverse-outline-primary a.ttw-btn-reverse-outline-primary {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-primary
  a.ttw-btn-reverse-outline-primary:focus,
.ttw-btn-reverse-outline-primary
  a.ttw-btn-reverse-outline-primary:hover {
  background-color: transparent;
  border-color: var(--dnn-color-primary, #00a5e0);
  color: var(--dnn-color-primary, #00a5e0);
}
.ttw-btn-inverse-primary,
a.ttw-btn-inverse-primary {
  background-color: var(--dnn-color-primary-contrast, #fff);
  background-image: none;
  border-color: var(--dnn-color-primary-contrast, #fff);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-primary, #00a5e0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-primary:focus,
.ttw-btn-inverse-primary:hover,
a.ttw-btn-inverse-primary:focus,
a.ttw-btn-inverse-primary:hover {
  background-color: rgba(
    var(--dnn-color-primary-r),
    var(--dnn-color-primary-g),
    var(--dnn-color-primary-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-primary-r),
    var(--dnn-color-primary-g),
    var(--dnn-color-primary-b),
    0.9
  );
  color: "primary";
}
.ttw-btn-primary-r,
a.ttw-btn-primary-r {
  background-color: var(--dnn-color-primary-r, 0);
  border-color: var(--dnn-color-primary-r, 0);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-primary-r:focus,
.ttw-btn-primary-r:hover,
a.ttw-btn-primary-r:focus,
a.ttw-btn-primary-r:hover {
  background-color: rgba(
    var(--dnn-color-primary-r-r),
    var(--dnn-color-primary-r-g),
    var(--dnn-color-primary-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-primary-r-r),
    var(--dnn-color-primary-r-g),
    var(--dnn-color-primary-r-b),
    0.8
  );
}
.ttw-btn-outline-primary-r,
a.ttw-btn-outline-primary-r {
  background-color: transparent;
  border-color: var(--dnn-color-primary-r, 0);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-primary-r, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-primary-r:focus,
.ttw-btn-outline-primary-r:hover,
.ttw-btn-reverse-outline-primary-r
  a.ttw-btn-reverse-outline-primary-r,
a.ttw-btn-outline-primary-r:focus,
a.ttw-btn-outline-primary-r:hover {
  background-color: var(--dnn-color-primary-r, 0);
  border-color: var(--dnn-color-primary-r, 0);
}
.ttw-btn-reverse-outline-primary-r
  a.ttw-btn-reverse-outline-primary-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-primary-r
  a.ttw-btn-reverse-outline-primary-r:focus,
.ttw-btn-reverse-outline-primary-r
  a.ttw-btn-reverse-outline-primary-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-primary-r, 0);
  color: var(--dnn-color-primary-r, 0);
}
.ttw-btn-inverse-primary-r,
a.ttw-btn-inverse-primary-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-primary-r, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-primary-r:focus,
.ttw-btn-inverse-primary-r:hover,
a.ttw-btn-inverse-primary-r:focus,
a.ttw-btn-inverse-primary-r:hover {
  background-color: rgba(
    var(--dnn-color-primary-r-r),
    var(--dnn-color-primary-r-g),
    var(--dnn-color-primary-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-primary-r-r),
    var(--dnn-color-primary-r-g),
    var(--dnn-color-primary-r-b),
    0.9
  );
  color: "primary-r";
}
.ttw-btn-primary-g,
a.ttw-btn-primary-g {
  background-color: var(--dnn-color-primary-g, 165);
  border-color: var(--dnn-color-primary-g, 165);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-primary-g:focus,
.ttw-btn-primary-g:hover,
a.ttw-btn-primary-g:focus,
a.ttw-btn-primary-g:hover {
  background-color: rgba(
    var(--dnn-color-primary-g-r),
    var(--dnn-color-primary-g-g),
    var(--dnn-color-primary-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-primary-g-r),
    var(--dnn-color-primary-g-g),
    var(--dnn-color-primary-g-b),
    0.8
  );
}
.ttw-btn-outline-primary-g,
a.ttw-btn-outline-primary-g {
  background-color: transparent;
  border-color: var(--dnn-color-primary-g, 165);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-primary-g, 165);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-primary-g:focus,
.ttw-btn-outline-primary-g:hover,
.ttw-btn-reverse-outline-primary-g
  a.ttw-btn-reverse-outline-primary-g,
a.ttw-btn-outline-primary-g:focus,
a.ttw-btn-outline-primary-g:hover {
  background-color: var(--dnn-color-primary-g, 165);
  border-color: var(--dnn-color-primary-g, 165);
}
.ttw-btn-reverse-outline-primary-g
  a.ttw-btn-reverse-outline-primary-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-primary-g
  a.ttw-btn-reverse-outline-primary-g:focus,
.ttw-btn-reverse-outline-primary-g
  a.ttw-btn-reverse-outline-primary-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-primary-g, 165);
  color: var(--dnn-color-primary-g, 165);
}
.ttw-btn-inverse-primary-g,
a.ttw-btn-inverse-primary-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-primary-g, 165);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-primary-g:focus,
.ttw-btn-inverse-primary-g:hover,
a.ttw-btn-inverse-primary-g:focus,
a.ttw-btn-inverse-primary-g:hover {
  background-color: rgba(
    var(--dnn-color-primary-g-r),
    var(--dnn-color-primary-g-g),
    var(--dnn-color-primary-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-primary-g-r),
    var(--dnn-color-primary-g-g),
    var(--dnn-color-primary-g-b),
    0.9
  );
  color: "primary-g";
}
.ttw-btn-primary-b,
a.ttw-btn-primary-b {
  background-color: var(--dnn-color-primary-b, 224);
  border-color: var(--dnn-color-primary-b, 224);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-primary-b:focus,
.ttw-btn-primary-b:hover,
a.ttw-btn-primary-b:focus,
a.ttw-btn-primary-b:hover {
  background-color: rgba(
    var(--dnn-color-primary-b-r),
    var(--dnn-color-primary-b-g),
    var(--dnn-color-primary-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-primary-b-r),
    var(--dnn-color-primary-b-g),
    var(--dnn-color-primary-b-b),
    0.8
  );
}
.ttw-btn-outline-primary-b,
a.ttw-btn-outline-primary-b {
  background-color: transparent;
  border-color: var(--dnn-color-primary-b, 224);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-primary-b, 224);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-primary-b:focus,
.ttw-btn-outline-primary-b:hover,
.ttw-btn-reverse-outline-primary-b
  a.ttw-btn-reverse-outline-primary-b,
a.ttw-btn-outline-primary-b:focus,
a.ttw-btn-outline-primary-b:hover {
  background-color: var(--dnn-color-primary-b, 224);
  border-color: var(--dnn-color-primary-b, 224);
}
.ttw-btn-reverse-outline-primary-b
  a.ttw-btn-reverse-outline-primary-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-primary-b
  a.ttw-btn-reverse-outline-primary-b:focus,
.ttw-btn-reverse-outline-primary-b
  a.ttw-btn-reverse-outline-primary-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-primary-b, 224);
  color: var(--dnn-color-primary-b, 224);
}
.ttw-btn-inverse-primary-b,
a.ttw-btn-inverse-primary-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-primary-b, 224);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-primary-b:focus,
.ttw-btn-inverse-primary-b:hover,
a.ttw-btn-inverse-primary-b:focus,
a.ttw-btn-inverse-primary-b:hover {
  background-color: rgba(
    var(--dnn-color-primary-b-r),
    var(--dnn-color-primary-b-g),
    var(--dnn-color-primary-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-primary-b-r),
    var(--dnn-color-primary-b-g),
    var(--dnn-color-primary-b-b),
    0.9
  );
  color: "primary-b";
}
.ttw-btn-primary-light,
a.ttw-btn-primary-light {
  background-color: var(--dnn-color-primary-light, #1aaee3);
  border-color: var(--dnn-color-primary-light, #1aaee3);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-primary-light:focus,
.ttw-btn-primary-light:hover,
a.ttw-btn-primary-light:focus,
a.ttw-btn-primary-light:hover {
  background-color: rgba(
    var(--dnn-color-primary-light-r),
    var(--dnn-color-primary-light-g),
    var(--dnn-color-primary-light-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-primary-light-r),
    var(--dnn-color-primary-light-g),
    var(--dnn-color-primary-light-b),
    0.8
  );
}
.ttw-btn-outline-primary-light,
a.ttw-btn-outline-primary-light {
  background-color: transparent;
  border-color: var(--dnn-color-primary-light, #1aaee3);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-primary-light, #1aaee3);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-primary-light:focus,
.ttw-btn-outline-primary-light:hover,
.ttw-btn-reverse-outline-primary-light
  a.ttw-btn-reverse-outline-primary-light,
a.ttw-btn-outline-primary-light:focus,
a.ttw-btn-outline-primary-light:hover {
  background-color: var(--dnn-color-primary-light, #1aaee3);
  border-color: var(--dnn-color-primary-light, #1aaee3);
}
.ttw-btn-reverse-outline-primary-light
  a.ttw-btn-reverse-outline-primary-light {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-primary-light
  a.ttw-btn-reverse-outline-primary-light:focus,
.ttw-btn-reverse-outline-primary-light
  a.ttw-btn-reverse-outline-primary-light:hover {
  background-color: transparent;
  border-color: var(--dnn-color-primary-light, #1aaee3);
  color: var(--dnn-color-primary-light, #1aaee3);
}
.ttw-btn-inverse-primary-light,
a.ttw-btn-inverse-primary-light {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-primary-light, #1aaee3);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-primary-light:focus,
.ttw-btn-inverse-primary-light:hover,
a.ttw-btn-inverse-primary-light:focus,
a.ttw-btn-inverse-primary-light:hover {
  background-color: rgba(
    var(--dnn-color-primary-light-r),
    var(--dnn-color-primary-light-g),
    var(--dnn-color-primary-light-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-primary-light-r),
    var(--dnn-color-primary-light-g),
    var(--dnn-color-primary-light-b),
    0.9
  );
  color: "primary-light";
}
.ttw-btn-primary-light-r,
a.ttw-btn-primary-light-r {
  background-color: var(--dnn-color-primary-light-r, 26);
  border-color: var(--dnn-color-primary-light-r, 26);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-primary-light-r:focus,
.ttw-btn-primary-light-r:hover,
a.ttw-btn-primary-light-r:focus,
a.ttw-btn-primary-light-r:hover {
  background-color: rgba(
    var(--dnn-color-primary-light-r-r),
    var(--dnn-color-primary-light-r-g),
    var(--dnn-color-primary-light-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-primary-light-r-r),
    var(--dnn-color-primary-light-r-g),
    var(--dnn-color-primary-light-r-b),
    0.8
  );
}
.ttw-btn-outline-primary-light-r,
a.ttw-btn-outline-primary-light-r {
  background-color: transparent;
  border-color: var(--dnn-color-primary-light-r, 26);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-primary-light-r, 26);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-primary-light-r:focus,
.ttw-btn-outline-primary-light-r:hover,
.ttw-btn-reverse-outline-primary-light-r
  a.ttw-btn-reverse-outline-primary-light-r,
a.ttw-btn-outline-primary-light-r:focus,
a.ttw-btn-outline-primary-light-r:hover {
  background-color: var(--dnn-color-primary-light-r, 26);
  border-color: var(--dnn-color-primary-light-r, 26);
}
.ttw-btn-reverse-outline-primary-light-r
  a.ttw-btn-reverse-outline-primary-light-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-primary-light-r
  a.ttw-btn-reverse-outline-primary-light-r:focus,
.ttw-btn-reverse-outline-primary-light-r
  a.ttw-btn-reverse-outline-primary-light-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-primary-light-r, 26);
  color: var(--dnn-color-primary-light-r, 26);
}
.ttw-btn-inverse-primary-light-r,
a.ttw-btn-inverse-primary-light-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-primary-light-r, 26);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-primary-light-r:focus,
.ttw-btn-inverse-primary-light-r:hover,
a.ttw-btn-inverse-primary-light-r:focus,
a.ttw-btn-inverse-primary-light-r:hover {
  background-color: rgba(
    var(--dnn-color-primary-light-r-r),
    var(--dnn-color-primary-light-r-g),
    var(--dnn-color-primary-light-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-primary-light-r-r),
    var(--dnn-color-primary-light-r-g),
    var(--dnn-color-primary-light-r-b),
    0.9
  );
  color: "primary-light-r";
}
.ttw-btn-primary-light-g,
a.ttw-btn-primary-light-g {
  background-color: var(--dnn-color-primary-light-g, 174);
  border-color: var(--dnn-color-primary-light-g, 174);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-primary-light-g:focus,
.ttw-btn-primary-light-g:hover,
a.ttw-btn-primary-light-g:focus,
a.ttw-btn-primary-light-g:hover {
  background-color: rgba(
    var(--dnn-color-primary-light-g-r),
    var(--dnn-color-primary-light-g-g),
    var(--dnn-color-primary-light-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-primary-light-g-r),
    var(--dnn-color-primary-light-g-g),
    var(--dnn-color-primary-light-g-b),
    0.8
  );
}
.ttw-btn-outline-primary-light-g,
a.ttw-btn-outline-primary-light-g {
  background-color: transparent;
  border-color: var(--dnn-color-primary-light-g, 174);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-primary-light-g, 174);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-primary-light-g:focus,
.ttw-btn-outline-primary-light-g:hover,
.ttw-btn-reverse-outline-primary-light-g
  a.ttw-btn-reverse-outline-primary-light-g,
a.ttw-btn-outline-primary-light-g:focus,
a.ttw-btn-outline-primary-light-g:hover {
  background-color: var(--dnn-color-primary-light-g, 174);
  border-color: var(--dnn-color-primary-light-g, 174);
}
.ttw-btn-reverse-outline-primary-light-g
  a.ttw-btn-reverse-outline-primary-light-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-primary-light-g
  a.ttw-btn-reverse-outline-primary-light-g:focus,
.ttw-btn-reverse-outline-primary-light-g
  a.ttw-btn-reverse-outline-primary-light-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-primary-light-g, 174);
  color: var(--dnn-color-primary-light-g, 174);
}
.ttw-btn-inverse-primary-light-g,
a.ttw-btn-inverse-primary-light-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-primary-light-g, 174);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-primary-light-g:focus,
.ttw-btn-inverse-primary-light-g:hover,
a.ttw-btn-inverse-primary-light-g:focus,
a.ttw-btn-inverse-primary-light-g:hover {
  background-color: rgba(
    var(--dnn-color-primary-light-g-r),
    var(--dnn-color-primary-light-g-g),
    var(--dnn-color-primary-light-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-primary-light-g-r),
    var(--dnn-color-primary-light-g-g),
    var(--dnn-color-primary-light-g-b),
    0.9
  );
  color: "primary-light-g";
}
.ttw-btn-primary-light-b,
a.ttw-btn-primary-light-b {
  background-color: var(--dnn-color-primary-light-b, 227);
  border-color: var(--dnn-color-primary-light-b, 227);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-primary-light-b:focus,
.ttw-btn-primary-light-b:hover,
a.ttw-btn-primary-light-b:focus,
a.ttw-btn-primary-light-b:hover {
  background-color: rgba(
    var(--dnn-color-primary-light-b-r),
    var(--dnn-color-primary-light-b-g),
    var(--dnn-color-primary-light-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-primary-light-b-r),
    var(--dnn-color-primary-light-b-g),
    var(--dnn-color-primary-light-b-b),
    0.8
  );
}
.ttw-btn-outline-primary-light-b,
a.ttw-btn-outline-primary-light-b {
  background-color: transparent;
  border-color: var(--dnn-color-primary-light-b, 227);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-primary-light-b, 227);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-primary-light-b:focus,
.ttw-btn-outline-primary-light-b:hover,
.ttw-btn-reverse-outline-primary-light-b
  a.ttw-btn-reverse-outline-primary-light-b,
a.ttw-btn-outline-primary-light-b:focus,
a.ttw-btn-outline-primary-light-b:hover {
  background-color: var(--dnn-color-primary-light-b, 227);
  border-color: var(--dnn-color-primary-light-b, 227);
}
.ttw-btn-reverse-outline-primary-light-b
  a.ttw-btn-reverse-outline-primary-light-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-primary-light-b
  a.ttw-btn-reverse-outline-primary-light-b:focus,
.ttw-btn-reverse-outline-primary-light-b
  a.ttw-btn-reverse-outline-primary-light-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-primary-light-b, 227);
  color: var(--dnn-color-primary-light-b, 227);
}
.ttw-btn-inverse-primary-light-b,
a.ttw-btn-inverse-primary-light-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-primary-light-b, 227);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-primary-light-b:focus,
.ttw-btn-inverse-primary-light-b:hover,
a.ttw-btn-inverse-primary-light-b:focus,
a.ttw-btn-inverse-primary-light-b:hover {
  background-color: rgba(
    var(--dnn-color-primary-light-b-r),
    var(--dnn-color-primary-light-b-g),
    var(--dnn-color-primary-light-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-primary-light-b-r),
    var(--dnn-color-primary-light-b-g),
    var(--dnn-color-primary-light-b-b),
    0.9
  );
  color: "primary-light-b";
}
.ttw-btn-primary-dark,
a.ttw-btn-primary-dark {
  background-color: var(--dnn-color-primary-dark, #0091c5);
  border-color: var(--dnn-color-primary-dark, #0091c5);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-primary-dark:focus,
.ttw-btn-primary-dark:hover,
a.ttw-btn-primary-dark:focus,
a.ttw-btn-primary-dark:hover {
  background-color: rgba(
    var(--dnn-color-primary-dark-r),
    var(--dnn-color-primary-dark-g),
    var(--dnn-color-primary-dark-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-primary-dark-r),
    var(--dnn-color-primary-dark-g),
    var(--dnn-color-primary-dark-b),
    0.8
  );
}
.ttw-btn-outline-primary-dark,
a.ttw-btn-outline-primary-dark {
  background-color: transparent;
  border-color: var(--dnn-color-primary-dark, #0091c5);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-primary-dark, #0091c5);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-primary-dark:focus,
.ttw-btn-outline-primary-dark:hover,
.ttw-btn-reverse-outline-primary-dark
  a.ttw-btn-reverse-outline-primary-dark,
a.ttw-btn-outline-primary-dark:focus,
a.ttw-btn-outline-primary-dark:hover {
  background-color: var(--dnn-color-primary-dark, #0091c5);
  border-color: var(--dnn-color-primary-dark, #0091c5);
}
.ttw-btn-reverse-outline-primary-dark
  a.ttw-btn-reverse-outline-primary-dark {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-primary-dark
  a.ttw-btn-reverse-outline-primary-dark:focus,
.ttw-btn-reverse-outline-primary-dark
  a.ttw-btn-reverse-outline-primary-dark:hover {
  background-color: transparent;
  border-color: var(--dnn-color-primary-dark, #0091c5);
  color: var(--dnn-color-primary-dark, #0091c5);
}
.ttw-btn-inverse-primary-dark,
a.ttw-btn-inverse-primary-dark {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-primary-dark, #0091c5);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-primary-dark:focus,
.ttw-btn-inverse-primary-dark:hover,
a.ttw-btn-inverse-primary-dark:focus,
a.ttw-btn-inverse-primary-dark:hover {
  background-color: rgba(
    var(--dnn-color-primary-dark-r),
    var(--dnn-color-primary-dark-g),
    var(--dnn-color-primary-dark-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-primary-dark-r),
    var(--dnn-color-primary-dark-g),
    var(--dnn-color-primary-dark-b),
    0.9
  );
  color: "primary-dark";
}
.ttw-btn-primary-dark-r,
a.ttw-btn-primary-dark-r {
  background-color: var(--dnn-color-primary-dark-r, 0);
  border-color: var(--dnn-color-primary-dark-r, 0);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-primary-dark-r:focus,
.ttw-btn-primary-dark-r:hover,
a.ttw-btn-primary-dark-r:focus,
a.ttw-btn-primary-dark-r:hover {
  background-color: rgba(
    var(--dnn-color-primary-dark-r-r),
    var(--dnn-color-primary-dark-r-g),
    var(--dnn-color-primary-dark-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-primary-dark-r-r),
    var(--dnn-color-primary-dark-r-g),
    var(--dnn-color-primary-dark-r-b),
    0.8
  );
}
.ttw-btn-outline-primary-dark-r,
a.ttw-btn-outline-primary-dark-r {
  background-color: transparent;
  border-color: var(--dnn-color-primary-dark-r, 0);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-primary-dark-r, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-primary-dark-r:focus,
.ttw-btn-outline-primary-dark-r:hover,
.ttw-btn-reverse-outline-primary-dark-r
  a.ttw-btn-reverse-outline-primary-dark-r,
a.ttw-btn-outline-primary-dark-r:focus,
a.ttw-btn-outline-primary-dark-r:hover {
  background-color: var(--dnn-color-primary-dark-r, 0);
  border-color: var(--dnn-color-primary-dark-r, 0);
}
.ttw-btn-reverse-outline-primary-dark-r
  a.ttw-btn-reverse-outline-primary-dark-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-primary-dark-r
  a.ttw-btn-reverse-outline-primary-dark-r:focus,
.ttw-btn-reverse-outline-primary-dark-r
  a.ttw-btn-reverse-outline-primary-dark-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-primary-dark-r, 0);
  color: var(--dnn-color-primary-dark-r, 0);
}
.ttw-btn-inverse-primary-dark-r,
a.ttw-btn-inverse-primary-dark-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-primary-dark-r, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-primary-dark-r:focus,
.ttw-btn-inverse-primary-dark-r:hover,
a.ttw-btn-inverse-primary-dark-r:focus,
a.ttw-btn-inverse-primary-dark-r:hover {
  background-color: rgba(
    var(--dnn-color-primary-dark-r-r),
    var(--dnn-color-primary-dark-r-g),
    var(--dnn-color-primary-dark-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-primary-dark-r-r),
    var(--dnn-color-primary-dark-r-g),
    var(--dnn-color-primary-dark-r-b),
    0.9
  );
  color: "primary-dark-r";
}
.ttw-btn-primary-dark-g,
a.ttw-btn-primary-dark-g {
  background-color: var(--dnn-color-primary-dark-g, 145);
  border-color: var(--dnn-color-primary-dark-g, 145);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-primary-dark-g:focus,
.ttw-btn-primary-dark-g:hover,
a.ttw-btn-primary-dark-g:focus,
a.ttw-btn-primary-dark-g:hover {
  background-color: rgba(
    var(--dnn-color-primary-dark-g-r),
    var(--dnn-color-primary-dark-g-g),
    var(--dnn-color-primary-dark-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-primary-dark-g-r),
    var(--dnn-color-primary-dark-g-g),
    var(--dnn-color-primary-dark-g-b),
    0.8
  );
}
.ttw-btn-outline-primary-dark-g,
a.ttw-btn-outline-primary-dark-g {
  background-color: transparent;
  border-color: var(--dnn-color-primary-dark-g, 145);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-primary-dark-g, 145);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-primary-dark-g:focus,
.ttw-btn-outline-primary-dark-g:hover,
.ttw-btn-reverse-outline-primary-dark-g
  a.ttw-btn-reverse-outline-primary-dark-g,
a.ttw-btn-outline-primary-dark-g:focus,
a.ttw-btn-outline-primary-dark-g:hover {
  background-color: var(--dnn-color-primary-dark-g, 145);
  border-color: var(--dnn-color-primary-dark-g, 145);
}
.ttw-btn-reverse-outline-primary-dark-g
  a.ttw-btn-reverse-outline-primary-dark-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-primary-dark-g
  a.ttw-btn-reverse-outline-primary-dark-g:focus,
.ttw-btn-reverse-outline-primary-dark-g
  a.ttw-btn-reverse-outline-primary-dark-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-primary-dark-g, 145);
  color: var(--dnn-color-primary-dark-g, 145);
}
.ttw-btn-inverse-primary-dark-g,
a.ttw-btn-inverse-primary-dark-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-primary-dark-g, 145);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-primary-dark-g:focus,
.ttw-btn-inverse-primary-dark-g:hover,
a.ttw-btn-inverse-primary-dark-g:focus,
a.ttw-btn-inverse-primary-dark-g:hover {
  background-color: rgba(
    var(--dnn-color-primary-dark-g-r),
    var(--dnn-color-primary-dark-g-g),
    var(--dnn-color-primary-dark-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-primary-dark-g-r),
    var(--dnn-color-primary-dark-g-g),
    var(--dnn-color-primary-dark-g-b),
    0.9
  );
  color: "primary-dark-g";
}
.ttw-btn-primary-dark-b,
a.ttw-btn-primary-dark-b {
  background-color: var(--dnn-color-primary-dark-b 197);
  border-color: var(--dnn-color-primary-dark-b 197);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-primary-dark-b:focus,
.ttw-btn-primary-dark-b:hover,
a.ttw-btn-primary-dark-b:focus,
a.ttw-btn-primary-dark-b:hover {
  background-color: rgba(
    var(--dnn-color-primary-dark-b-r),
    var(--dnn-color-primary-dark-b-g),
    var(--dnn-color-primary-dark-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-primary-dark-b-r),
    var(--dnn-color-primary-dark-b-g),
    var(--dnn-color-primary-dark-b-b),
    0.8
  );
}
.ttw-btn-outline-primary-dark-b,
a.ttw-btn-outline-primary-dark-b {
  background-color: transparent;
  border-color: var(--dnn-color-primary-dark-b 197);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-primary-dark-b 197);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-primary-dark-b:focus,
.ttw-btn-outline-primary-dark-b:hover,
.ttw-btn-reverse-outline-primary-dark-b
  a.ttw-btn-reverse-outline-primary-dark-b,
a.ttw-btn-outline-primary-dark-b:focus,
a.ttw-btn-outline-primary-dark-b:hover {
  background-color: var(--dnn-color-primary-dark-b 197);
  border-color: var(--dnn-color-primary-dark-b 197);
}
.ttw-btn-reverse-outline-primary-dark-b
  a.ttw-btn-reverse-outline-primary-dark-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-primary-dark-b
  a.ttw-btn-reverse-outline-primary-dark-b:focus,
.ttw-btn-reverse-outline-primary-dark-b
  a.ttw-btn-reverse-outline-primary-dark-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-primary-dark-b 197);
  color: var(--dnn-color-primary-dark-b 197);
}
.ttw-btn-inverse-primary-dark-b,
a.ttw-btn-inverse-primary-dark-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-primary-dark-b 197);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-primary-dark-b:focus,
.ttw-btn-inverse-primary-dark-b:hover,
a.ttw-btn-inverse-primary-dark-b:focus,
a.ttw-btn-inverse-primary-dark-b:hover {
  background-color: rgba(
    var(--dnn-color-primary-dark-b-r),
    var(--dnn-color-primary-dark-b-g),
    var(--dnn-color-primary-dark-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-primary-dark-b-r),
    var(--dnn-color-primary-dark-b-g),
    var(--dnn-color-primary-dark-b-b),
    0.9
  );
  color: "primary-dark-b";
}
.ttw-btn-primary-contrast,
a.ttw-btn-primary-contrast {
  background-color: var(--dnn-color-primary-contrast, #fff);
  border-color: var(--dnn-color-primary-contrast, #fff);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-primary-contrast:focus,
.ttw-btn-primary-contrast:hover,
a.ttw-btn-primary-contrast:focus,
a.ttw-btn-primary-contrast:hover {
  background-color: rgba(
    var(--dnn-color-primary-contrast-r),
    var(--dnn-color-primary-contrast-g),
    var(--dnn-color-primary-contrast-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-primary-contrast-r),
    var(--dnn-color-primary-contrast-g),
    var(--dnn-color-primary-contrast-b),
    0.8
  );
}
.ttw-btn-outline-primary-contrast,
a.ttw-btn-outline-primary-contrast {
  background-color: transparent;
  border-color: var(--dnn-color-primary-contrast, #fff);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-primary-contrast, #fff);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-primary-contrast:focus,
.ttw-btn-outline-primary-contrast:hover,
.ttw-btn-reverse-outline-primary-contrast
  a.ttw-btn-reverse-outline-primary-contrast,
a.ttw-btn-outline-primary-contrast:focus,
a.ttw-btn-outline-primary-contrast:hover {
  background-color: var(--dnn-color-primary-contrast, #fff);
  border-color: var(--dnn-color-primary-contrast, #fff);
}
.ttw-btn-reverse-outline-primary-contrast
  a.ttw-btn-reverse-outline-primary-contrast {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-primary-contrast
  a.ttw-btn-reverse-outline-primary-contrast:focus,
.ttw-btn-reverse-outline-primary-contrast
  a.ttw-btn-reverse-outline-primary-contrast:hover {
  background-color: transparent;
  border-color: var(--dnn-color-primary-contrast, #fff);
  color: var(--dnn-color-primary-contrast, #fff);
}
.ttw-btn-inverse-primary-contrast,
a.ttw-btn-inverse-primary-contrast {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-primary-contrast, #fff);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-primary-contrast:focus,
.ttw-btn-inverse-primary-contrast:hover,
a.ttw-btn-inverse-primary-contrast:focus,
a.ttw-btn-inverse-primary-contrast:hover {
  background-color: rgba(
    var(--dnn-color-primary-contrast-r),
    var(--dnn-color-primary-contrast-g),
    var(--dnn-color-primary-contrast-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-primary-contrast-r),
    var(--dnn-color-primary-contrast-g),
    var(--dnn-color-primary-contrast-b),
    0.9
  );
  color: "primary-contrast";
}
.ttw-btn-primary-contrast-r,
a.ttw-btn-primary-contrast-r {
  background-color: var(--dnn-color-primary-contrast-r, 255);
  border-color: var(--dnn-color-primary-contrast-r, 255);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-primary-contrast-r:focus,
.ttw-btn-primary-contrast-r:hover,
a.ttw-btn-primary-contrast-r:focus,
a.ttw-btn-primary-contrast-r:hover {
  background-color: rgba(
    var(--dnn-color-primary-contrast-r-r),
    var(--dnn-color-primary-contrast-r-g),
    var(--dnn-color-primary-contrast-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-primary-contrast-r-r),
    var(--dnn-color-primary-contrast-r-g),
    var(--dnn-color-primary-contrast-r-b),
    0.8
  );
}
.ttw-btn-outline-primary-contrast-r,
a.ttw-btn-outline-primary-contrast-r {
  background-color: transparent;
  border-color: var(--dnn-color-primary-contrast-r, 255);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-primary-contrast-r, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-primary-contrast-r:focus,
.ttw-btn-outline-primary-contrast-r:hover,
.ttw-btn-reverse-outline-primary-contrast-r
  a.ttw-btn-reverse-outline-primary-contrast-r,
a.ttw-btn-outline-primary-contrast-r:focus,
a.ttw-btn-outline-primary-contrast-r:hover {
  background-color: var(--dnn-color-primary-contrast-r, 255);
  border-color: var(--dnn-color-primary-contrast-r, 255);
}
.ttw-btn-reverse-outline-primary-contrast-r
  a.ttw-btn-reverse-outline-primary-contrast-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-primary-contrast-r
  a.ttw-btn-reverse-outline-primary-contrast-r:focus,
.ttw-btn-reverse-outline-primary-contrast-r
  a.ttw-btn-reverse-outline-primary-contrast-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-primary-contrast-r, 255);
  color: var(--dnn-color-primary-contrast-r, 255);
}
.ttw-btn-inverse-primary-contrast-r,
a.ttw-btn-inverse-primary-contrast-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-primary-contrast-r, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-primary-contrast-r:focus,
.ttw-btn-inverse-primary-contrast-r:hover,
a.ttw-btn-inverse-primary-contrast-r:focus,
a.ttw-btn-inverse-primary-contrast-r:hover {
  background-color: rgba(
    var(--dnn-color-primary-contrast-r-r),
    var(--dnn-color-primary-contrast-r-g),
    var(--dnn-color-primary-contrast-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-primary-contrast-r-r),
    var(--dnn-color-primary-contrast-r-g),
    var(--dnn-color-primary-contrast-r-b),
    0.9
  );
  color: "primary-contrast-r";
}
.ttw-btn-primary-contrast-g,
a.ttw-btn-primary-contrast-g {
  background-color: var(--dnn-color-primary-contrast-g, 255);
  border-color: var(--dnn-color-primary-contrast-g, 255);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-primary-contrast-g:focus,
.ttw-btn-primary-contrast-g:hover,
a.ttw-btn-primary-contrast-g:focus,
a.ttw-btn-primary-contrast-g:hover {
  background-color: rgba(
    var(--dnn-color-primary-contrast-g-r),
    var(--dnn-color-primary-contrast-g-g),
    var(--dnn-color-primary-contrast-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-primary-contrast-g-r),
    var(--dnn-color-primary-contrast-g-g),
    var(--dnn-color-primary-contrast-g-b),
    0.8
  );
}
.ttw-btn-outline-primary-contrast-g,
a.ttw-btn-outline-primary-contrast-g {
  background-color: transparent;
  border-color: var(--dnn-color-primary-contrast-g, 255);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-primary-contrast-g, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-primary-contrast-g:focus,
.ttw-btn-outline-primary-contrast-g:hover,
.ttw-btn-reverse-outline-primary-contrast-g
  a.ttw-btn-reverse-outline-primary-contrast-g,
a.ttw-btn-outline-primary-contrast-g:focus,
a.ttw-btn-outline-primary-contrast-g:hover {
  background-color: var(--dnn-color-primary-contrast-g, 255);
  border-color: var(--dnn-color-primary-contrast-g, 255);
}
.ttw-btn-reverse-outline-primary-contrast-g
  a.ttw-btn-reverse-outline-primary-contrast-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-primary-contrast-g
  a.ttw-btn-reverse-outline-primary-contrast-g:focus,
.ttw-btn-reverse-outline-primary-contrast-g
  a.ttw-btn-reverse-outline-primary-contrast-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-primary-contrast-g, 255);
  color: var(--dnn-color-primary-contrast-g, 255);
}
.ttw-btn-inverse-primary-contrast-g,
a.ttw-btn-inverse-primary-contrast-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-primary-contrast-g, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-primary-contrast-g:focus,
.ttw-btn-inverse-primary-contrast-g:hover,
a.ttw-btn-inverse-primary-contrast-g:focus,
a.ttw-btn-inverse-primary-contrast-g:hover {
  background-color: rgba(
    var(--dnn-color-primary-contrast-g-r),
    var(--dnn-color-primary-contrast-g-g),
    var(--dnn-color-primary-contrast-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-primary-contrast-g-r),
    var(--dnn-color-primary-contrast-g-g),
    var(--dnn-color-primary-contrast-g-b),
    0.9
  );
  color: "primary-contrast-g";
}
.ttw-btn-primary-contrast-b,
a.ttw-btn-primary-contrast-b {
  background-color: var(--dnn-color-primary-contrast-b 255);
  border-color: var(--dnn-color-primary-contrast-b 255);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-primary-contrast-b:focus,
.ttw-btn-primary-contrast-b:hover,
a.ttw-btn-primary-contrast-b:focus,
a.ttw-btn-primary-contrast-b:hover {
  background-color: rgba(
    var(--dnn-color-primary-contrast-b-r),
    var(--dnn-color-primary-contrast-b-g),
    var(--dnn-color-primary-contrast-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-primary-contrast-b-r),
    var(--dnn-color-primary-contrast-b-g),
    var(--dnn-color-primary-contrast-b-b),
    0.8
  );
}
.ttw-btn-outline-primary-contrast-b,
a.ttw-btn-outline-primary-contrast-b {
  background-color: transparent;
  border-color: var(--dnn-color-primary-contrast-b 255);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-primary-contrast-b 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-primary-contrast-b:focus,
.ttw-btn-outline-primary-contrast-b:hover,
.ttw-btn-reverse-outline-primary-contrast-b
  a.ttw-btn-reverse-outline-primary-contrast-b,
a.ttw-btn-outline-primary-contrast-b:focus,
a.ttw-btn-outline-primary-contrast-b:hover {
  background-color: var(--dnn-color-primary-contrast-b 255);
  border-color: var(--dnn-color-primary-contrast-b 255);
}
.ttw-btn-reverse-outline-primary-contrast-b
  a.ttw-btn-reverse-outline-primary-contrast-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-primary-contrast-b
  a.ttw-btn-reverse-outline-primary-contrast-b:focus,
.ttw-btn-reverse-outline-primary-contrast-b
  a.ttw-btn-reverse-outline-primary-contrast-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-primary-contrast-b 255);
  color: var(--dnn-color-primary-contrast-b 255);
}
.ttw-btn-inverse-primary-contrast-b,
a.ttw-btn-inverse-primary-contrast-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-primary-contrast-b 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-primary-contrast-b:focus,
.ttw-btn-inverse-primary-contrast-b:hover,
a.ttw-btn-inverse-primary-contrast-b:focus,
a.ttw-btn-inverse-primary-contrast-b:hover {
  background-color: rgba(
    var(--dnn-color-primary-contrast-b-r),
    var(--dnn-color-primary-contrast-b-g),
    var(--dnn-color-primary-contrast-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-primary-contrast-b-r),
    var(--dnn-color-primary-contrast-b-g),
    var(--dnn-color-primary-contrast-b-b),
    0.9
  );
  color: "primary-contrast-b";
}
.ttw-btn-secondary,
a.ttw-btn-secondary {
  background-color: var(--dnn-color-secondary, #ed3d46);
  border-color: var(--dnn-color-secondary, #ed3d46);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-secondary-contrast, #fff);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-secondary:focus,
.ttw-btn-secondary:hover,
a.ttw-btn-secondary:focus,
a.ttw-btn-secondary:hover {
  background-color: rgba(
    var(--dnn-color-secondary-r),
    var(--dnn-color-secondary-g),
    var(--dnn-color-secondary-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-secondary-r),
    var(--dnn-color-secondary-g),
    var(--dnn-color-secondary-b),
    0.8
  );
  color: var(--dnn-color-secondary-contrast, #fff);
}
.ttw-btn-outline-secondary,
a.ttw-btn-outline-secondary {
  background-color: transparent;
  border-color: var(--dnn-color-secondary, #ed3d46);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-secondary, #ed3d46);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-secondary:focus,
.ttw-btn-outline-secondary:hover,
.ttw-btn-reverse-outline-secondary
  a.ttw-btn-reverse-outline-secondary,
a.ttw-btn-outline-secondary:focus,
a.ttw-btn-outline-secondary:hover {
  background-color: var(--dnn-color-secondary, #ed3d46);
  border-color: var(--dnn-color-secondary, #ed3d46);
  color: var(--dnn-color-secondary-contrast, #fff);
}
.ttw-btn-reverse-outline-secondary
  a.ttw-btn-reverse-outline-secondary {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-secondary
  a.ttw-btn-reverse-outline-secondary:focus,
.ttw-btn-reverse-outline-secondary
  a.ttw-btn-reverse-outline-secondary:hover {
  background-color: transparent;
  border-color: var(--dnn-color-secondary, #ed3d46);
  color: var(--dnn-color-secondary, #ed3d46);
}
.ttw-btn-inverse-secondary,
a.ttw-btn-inverse-secondary {
  background-color: var(--dnn-color-secondary-contrast, #fff);
  background-image: none;
  border-color: var(--dnn-color-secondary-contrast, #fff);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-secondary, #ed3d46);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-secondary:focus,
.ttw-btn-inverse-secondary:hover,
a.ttw-btn-inverse-secondary:focus,
a.ttw-btn-inverse-secondary:hover {
  background-color: rgba(
    var(--dnn-color-secondary-r),
    var(--dnn-color-secondary-g),
    var(--dnn-color-secondary-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-secondary-r),
    var(--dnn-color-secondary-g),
    var(--dnn-color-secondary-b),
    0.9
  );
  color: "secondary";
}
.ttw-btn-secondary-r,
a.ttw-btn-secondary-r {
  background-color: var(--dnn-color-secondary-r, 237);
  border-color: var(--dnn-color-secondary-r, 237);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-secondary-r:focus,
.ttw-btn-secondary-r:hover,
a.ttw-btn-secondary-r:focus,
a.ttw-btn-secondary-r:hover {
  background-color: rgba(
    var(--dnn-color-secondary-r-r),
    var(--dnn-color-secondary-r-g),
    var(--dnn-color-secondary-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-secondary-r-r),
    var(--dnn-color-secondary-r-g),
    var(--dnn-color-secondary-r-b),
    0.8
  );
}
.ttw-btn-outline-secondary-r,
a.ttw-btn-outline-secondary-r {
  background-color: transparent;
  border-color: var(--dnn-color-secondary-r, 237);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-secondary-r, 237);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-secondary-r:focus,
.ttw-btn-outline-secondary-r:hover,
.ttw-btn-reverse-outline-secondary-r
  a.ttw-btn-reverse-outline-secondary-r,
a.ttw-btn-outline-secondary-r:focus,
a.ttw-btn-outline-secondary-r:hover {
  background-color: var(--dnn-color-secondary-r, 237);
  border-color: var(--dnn-color-secondary-r, 237);
}
.ttw-btn-reverse-outline-secondary-r
  a.ttw-btn-reverse-outline-secondary-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-secondary-r
  a.ttw-btn-reverse-outline-secondary-r:focus,
.ttw-btn-reverse-outline-secondary-r
  a.ttw-btn-reverse-outline-secondary-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-secondary-r, 237);
  color: var(--dnn-color-secondary-r, 237);
}
.ttw-btn-inverse-secondary-r,
a.ttw-btn-inverse-secondary-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-secondary-r, 237);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-secondary-r:focus,
.ttw-btn-inverse-secondary-r:hover,
a.ttw-btn-inverse-secondary-r:focus,
a.ttw-btn-inverse-secondary-r:hover {
  background-color: rgba(
    var(--dnn-color-secondary-r-r),
    var(--dnn-color-secondary-r-g),
    var(--dnn-color-secondary-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-secondary-r-r),
    var(--dnn-color-secondary-r-g),
    var(--dnn-color-secondary-r-b),
    0.9
  );
  color: "secondary-r";
}
.ttw-btn-secondary-g,
a.ttw-btn-secondary-g {
  background-color: var(--dnn-color-secondary-g, 61);
  border-color: var(--dnn-color-secondary-g, 61);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-secondary-g:focus,
.ttw-btn-secondary-g:hover,
a.ttw-btn-secondary-g:focus,
a.ttw-btn-secondary-g:hover {
  background-color: rgba(
    var(--dnn-color-secondary-g-r),
    var(--dnn-color-secondary-g-g),
    var(--dnn-color-secondary-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-secondary-g-r),
    var(--dnn-color-secondary-g-g),
    var(--dnn-color-secondary-g-b),
    0.8
  );
}
.ttw-btn-outline-secondary-g,
a.ttw-btn-outline-secondary-g {
  background-color: transparent;
  border-color: var(--dnn-color-secondary-g, 61);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-secondary-g, 61);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-secondary-g:focus,
.ttw-btn-outline-secondary-g:hover,
.ttw-btn-reverse-outline-secondary-g
  a.ttw-btn-reverse-outline-secondary-g,
a.ttw-btn-outline-secondary-g:focus,
a.ttw-btn-outline-secondary-g:hover {
  background-color: var(--dnn-color-secondary-g, 61);
  border-color: var(--dnn-color-secondary-g, 61);
}
.ttw-btn-reverse-outline-secondary-g
  a.ttw-btn-reverse-outline-secondary-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-secondary-g
  a.ttw-btn-reverse-outline-secondary-g:focus,
.ttw-btn-reverse-outline-secondary-g
  a.ttw-btn-reverse-outline-secondary-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-secondary-g, 61);
  color: var(--dnn-color-secondary-g, 61);
}
.ttw-btn-inverse-secondary-g,
a.ttw-btn-inverse-secondary-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-secondary-g, 61);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-secondary-g:focus,
.ttw-btn-inverse-secondary-g:hover,
a.ttw-btn-inverse-secondary-g:focus,
a.ttw-btn-inverse-secondary-g:hover {
  background-color: rgba(
    var(--dnn-color-secondary-g-r),
    var(--dnn-color-secondary-g-g),
    var(--dnn-color-secondary-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-secondary-g-r),
    var(--dnn-color-secondary-g-g),
    var(--dnn-color-secondary-g-b),
    0.9
  );
  color: "secondary-g";
}
.ttw-btn-secondary-b,
a.ttw-btn-secondary-b {
  background-color: var(--dnn-color-secondary-b, 70);
  border-color: var(--dnn-color-secondary-b, 70);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-secondary-b:focus,
.ttw-btn-secondary-b:hover,
a.ttw-btn-secondary-b:focus,
a.ttw-btn-secondary-b:hover {
  background-color: rgba(
    var(--dnn-color-secondary-b-r),
    var(--dnn-color-secondary-b-g),
    var(--dnn-color-secondary-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-secondary-b-r),
    var(--dnn-color-secondary-b-g),
    var(--dnn-color-secondary-b-b),
    0.8
  );
}
.ttw-btn-outline-secondary-b,
a.ttw-btn-outline-secondary-b {
  background-color: transparent;
  border-color: var(--dnn-color-secondary-b, 70);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-secondary-b, 70);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-secondary-b:focus,
.ttw-btn-outline-secondary-b:hover,
.ttw-btn-reverse-outline-secondary-b
  a.ttw-btn-reverse-outline-secondary-b,
a.ttw-btn-outline-secondary-b:focus,
a.ttw-btn-outline-secondary-b:hover {
  background-color: var(--dnn-color-secondary-b, 70);
  border-color: var(--dnn-color-secondary-b, 70);
}
.ttw-btn-reverse-outline-secondary-b
  a.ttw-btn-reverse-outline-secondary-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-secondary-b
  a.ttw-btn-reverse-outline-secondary-b:focus,
.ttw-btn-reverse-outline-secondary-b
  a.ttw-btn-reverse-outline-secondary-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-secondary-b, 70);
  color: var(--dnn-color-secondary-b, 70);
}
.ttw-btn-inverse-secondary-b,
a.ttw-btn-inverse-secondary-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-secondary-b, 70);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-secondary-b:focus,
.ttw-btn-inverse-secondary-b:hover,
a.ttw-btn-inverse-secondary-b:focus,
a.ttw-btn-inverse-secondary-b:hover {
  background-color: rgba(
    var(--dnn-color-secondary-b-r),
    var(--dnn-color-secondary-b-g),
    var(--dnn-color-secondary-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-secondary-b-r),
    var(--dnn-color-secondary-b-g),
    var(--dnn-color-secondary-b-b),
    0.9
  );
  color: "secondary-b";
}
.ttw-btn-secondary-light,
a.ttw-btn-secondary-light {
  background-color: var(--dnn-color-secondary-light, #ef5059);
  border-color: var(--dnn-color-secondary-light, #ef5059);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-secondary-light:focus,
.ttw-btn-secondary-light:hover,
a.ttw-btn-secondary-light:focus,
a.ttw-btn-secondary-light:hover {
  background-color: rgba(
    var(--dnn-color-secondary-light-r),
    var(--dnn-color-secondary-light-g),
    var(--dnn-color-secondary-light-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-secondary-light-r),
    var(--dnn-color-secondary-light-g),
    var(--dnn-color-secondary-light-b),
    0.8
  );
}
.ttw-btn-outline-secondary-light,
a.ttw-btn-outline-secondary-light {
  background-color: transparent;
  border-color: var(--dnn-color-secondary-light, #ef5059);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-secondary-light, #ef5059);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-secondary-light:focus,
.ttw-btn-outline-secondary-light:hover,
.ttw-btn-reverse-outline-secondary-light
  a.ttw-btn-reverse-outline-secondary-light,
a.ttw-btn-outline-secondary-light:focus,
a.ttw-btn-outline-secondary-light:hover {
  background-color: var(--dnn-color-secondary-light, #ef5059);
  border-color: var(--dnn-color-secondary-light, #ef5059);
}
.ttw-btn-reverse-outline-secondary-light
  a.ttw-btn-reverse-outline-secondary-light {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-secondary-light
  a.ttw-btn-reverse-outline-secondary-light:focus,
.ttw-btn-reverse-outline-secondary-light
  a.ttw-btn-reverse-outline-secondary-light:hover {
  background-color: transparent;
  border-color: var(--dnn-color-secondary-light, #ef5059);
  color: var(--dnn-color-secondary-light, #ef5059);
}
.ttw-btn-inverse-secondary-light,
a.ttw-btn-inverse-secondary-light {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-secondary-light, #ef5059);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-secondary-light:focus,
.ttw-btn-inverse-secondary-light:hover,
a.ttw-btn-inverse-secondary-light:focus,
a.ttw-btn-inverse-secondary-light:hover {
  background-color: rgba(
    var(--dnn-color-secondary-light-r),
    var(--dnn-color-secondary-light-g),
    var(--dnn-color-secondary-light-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-secondary-light-r),
    var(--dnn-color-secondary-light-g),
    var(--dnn-color-secondary-light-b),
    0.9
  );
  color: "secondary-light";
}
.ttw-btn-secondary-light-r,
a.ttw-btn-secondary-light-r {
  background-color: var(--dnn-color-secondary-light-r, 239);
  border-color: var(--dnn-color-secondary-light-r, 239);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-secondary-light-r:focus,
.ttw-btn-secondary-light-r:hover,
a.ttw-btn-secondary-light-r:focus,
a.ttw-btn-secondary-light-r:hover {
  background-color: rgba(
    var(--dnn-color-secondary-light-r-r),
    var(--dnn-color-secondary-light-r-g),
    var(--dnn-color-secondary-light-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-secondary-light-r-r),
    var(--dnn-color-secondary-light-r-g),
    var(--dnn-color-secondary-light-r-b),
    0.8
  );
}
.ttw-btn-outline-secondary-light-r,
a.ttw-btn-outline-secondary-light-r {
  background-color: transparent;
  border-color: var(--dnn-color-secondary-light-r, 239);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-secondary-light-r, 239);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-secondary-light-r:focus,
.ttw-btn-outline-secondary-light-r:hover,
.ttw-btn-reverse-outline-secondary-light-r
  a.ttw-btn-reverse-outline-secondary-light-r,
a.ttw-btn-outline-secondary-light-r:focus,
a.ttw-btn-outline-secondary-light-r:hover {
  background-color: var(--dnn-color-secondary-light-r, 239);
  border-color: var(--dnn-color-secondary-light-r, 239);
}
.ttw-btn-reverse-outline-secondary-light-r
  a.ttw-btn-reverse-outline-secondary-light-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-secondary-light-r
  a.ttw-btn-reverse-outline-secondary-light-r:focus,
.ttw-btn-reverse-outline-secondary-light-r
  a.ttw-btn-reverse-outline-secondary-light-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-secondary-light-r, 239);
  color: var(--dnn-color-secondary-light-r, 239);
}
.ttw-btn-inverse-secondary-light-r,
a.ttw-btn-inverse-secondary-light-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-secondary-light-r, 239);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-secondary-light-r:focus,
.ttw-btn-inverse-secondary-light-r:hover,
a.ttw-btn-inverse-secondary-light-r:focus,
a.ttw-btn-inverse-secondary-light-r:hover {
  background-color: rgba(
    var(--dnn-color-secondary-light-r-r),
    var(--dnn-color-secondary-light-r-g),
    var(--dnn-color-secondary-light-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-secondary-light-r-r),
    var(--dnn-color-secondary-light-r-g),
    var(--dnn-color-secondary-light-r-b),
    0.9
  );
  color: "secondary-light-r";
}
.ttw-btn-secondary-light-g,
a.ttw-btn-secondary-light-g {
  background-color: var(--dnn-color-secondary-light-g, 80);
  border-color: var(--dnn-color-secondary-light-g, 80);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-secondary-light-g:focus,
.ttw-btn-secondary-light-g:hover,
a.ttw-btn-secondary-light-g:focus,
a.ttw-btn-secondary-light-g:hover {
  background-color: rgba(
    var(--dnn-color-secondary-light-g-r),
    var(--dnn-color-secondary-light-g-g),
    var(--dnn-color-secondary-light-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-secondary-light-g-r),
    var(--dnn-color-secondary-light-g-g),
    var(--dnn-color-secondary-light-g-b),
    0.8
  );
}
.ttw-btn-outline-secondary-light-g,
a.ttw-btn-outline-secondary-light-g {
  background-color: transparent;
  border-color: var(--dnn-color-secondary-light-g, 80);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-secondary-light-g, 80);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-secondary-light-g:focus,
.ttw-btn-outline-secondary-light-g:hover,
.ttw-btn-reverse-outline-secondary-light-g
  a.ttw-btn-reverse-outline-secondary-light-g,
a.ttw-btn-outline-secondary-light-g:focus,
a.ttw-btn-outline-secondary-light-g:hover {
  background-color: var(--dnn-color-secondary-light-g, 80);
  border-color: var(--dnn-color-secondary-light-g, 80);
}
.ttw-btn-reverse-outline-secondary-light-g
  a.ttw-btn-reverse-outline-secondary-light-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-secondary-light-g
  a.ttw-btn-reverse-outline-secondary-light-g:focus,
.ttw-btn-reverse-outline-secondary-light-g
  a.ttw-btn-reverse-outline-secondary-light-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-secondary-light-g, 80);
  color: var(--dnn-color-secondary-light-g, 80);
}
.ttw-btn-inverse-secondary-light-g,
a.ttw-btn-inverse-secondary-light-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-secondary-light-g, 80);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-secondary-light-g:focus,
.ttw-btn-inverse-secondary-light-g:hover,
a.ttw-btn-inverse-secondary-light-g:focus,
a.ttw-btn-inverse-secondary-light-g:hover {
  background-color: rgba(
    var(--dnn-color-secondary-light-g-r),
    var(--dnn-color-secondary-light-g-g),
    var(--dnn-color-secondary-light-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-secondary-light-g-r),
    var(--dnn-color-secondary-light-g-g),
    var(--dnn-color-secondary-light-g-b),
    0.9
  );
  color: "secondary-light-g";
}
.ttw-btn-secondary-light-b,
a.ttw-btn-secondary-light-b {
  background-color: var(--dnn-color-secondary-light-b, 89);
  border-color: var(--dnn-color-secondary-light-b, 89);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-secondary-light-b:focus,
.ttw-btn-secondary-light-b:hover,
a.ttw-btn-secondary-light-b:focus,
a.ttw-btn-secondary-light-b:hover {
  background-color: rgba(
    var(--dnn-color-secondary-light-b-r),
    var(--dnn-color-secondary-light-b-g),
    var(--dnn-color-secondary-light-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-secondary-light-b-r),
    var(--dnn-color-secondary-light-b-g),
    var(--dnn-color-secondary-light-b-b),
    0.8
  );
}
.ttw-btn-outline-secondary-light-b,
a.ttw-btn-outline-secondary-light-b {
  background-color: transparent;
  border-color: var(--dnn-color-secondary-light-b, 89);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-secondary-light-b, 89);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-secondary-light-b:focus,
.ttw-btn-outline-secondary-light-b:hover,
.ttw-btn-reverse-outline-secondary-light-b
  a.ttw-btn-reverse-outline-secondary-light-b,
a.ttw-btn-outline-secondary-light-b:focus,
a.ttw-btn-outline-secondary-light-b:hover {
  background-color: var(--dnn-color-secondary-light-b, 89);
  border-color: var(--dnn-color-secondary-light-b, 89);
}
.ttw-btn-reverse-outline-secondary-light-b
  a.ttw-btn-reverse-outline-secondary-light-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-secondary-light-b
  a.ttw-btn-reverse-outline-secondary-light-b:focus,
.ttw-btn-reverse-outline-secondary-light-b
  a.ttw-btn-reverse-outline-secondary-light-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-secondary-light-b, 89);
  color: var(--dnn-color-secondary-light-b, 89);
}
.ttw-btn-inverse-secondary-light-b,
a.ttw-btn-inverse-secondary-light-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-secondary-light-b, 89);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-secondary-light-b:focus,
.ttw-btn-inverse-secondary-light-b:hover,
a.ttw-btn-inverse-secondary-light-b:focus,
a.ttw-btn-inverse-secondary-light-b:hover {
  background-color: rgba(
    var(--dnn-color-secondary-light-b-r),
    var(--dnn-color-secondary-light-b-g),
    var(--dnn-color-secondary-light-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-secondary-light-b-r),
    var(--dnn-color-secondary-light-b-g),
    var(--dnn-color-secondary-light-b-b),
    0.9
  );
  color: "secondary-light-b";
}
.ttw-btn-secondary-dark,
a.ttw-btn-secondary-dark {
  background-color: var(--dnn-color-secondary-dark, #d1363e);
  border-color: var(--dnn-color-secondary-dark, #d1363e);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-secondary-dark:focus,
.ttw-btn-secondary-dark:hover,
a.ttw-btn-secondary-dark:focus,
a.ttw-btn-secondary-dark:hover {
  background-color: rgba(
    var(--dnn-color-secondary-dark-r),
    var(--dnn-color-secondary-dark-g),
    var(--dnn-color-secondary-dark-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-secondary-dark-r),
    var(--dnn-color-secondary-dark-g),
    var(--dnn-color-secondary-dark-b),
    0.8
  );
}
.ttw-btn-outline-secondary-dark,
a.ttw-btn-outline-secondary-dark {
  background-color: transparent;
  border-color: var(--dnn-color-secondary-dark, #d1363e);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-secondary-dark, #d1363e);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-secondary-dark:focus,
.ttw-btn-outline-secondary-dark:hover,
.ttw-btn-reverse-outline-secondary-dark
  a.ttw-btn-reverse-outline-secondary-dark,
a.ttw-btn-outline-secondary-dark:focus,
a.ttw-btn-outline-secondary-dark:hover {
  background-color: var(--dnn-color-secondary-dark, #d1363e);
  border-color: var(--dnn-color-secondary-dark, #d1363e);
}
.ttw-btn-reverse-outline-secondary-dark
  a.ttw-btn-reverse-outline-secondary-dark {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-secondary-dark
  a.ttw-btn-reverse-outline-secondary-dark:focus,
.ttw-btn-reverse-outline-secondary-dark
  a.ttw-btn-reverse-outline-secondary-dark:hover {
  background-color: transparent;
  border-color: var(--dnn-color-secondary-dark, #d1363e);
  color: var(--dnn-color-secondary-dark, #d1363e);
}
.ttw-btn-inverse-secondary-dark,
a.ttw-btn-inverse-secondary-dark {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-secondary-dark, #d1363e);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-secondary-dark:focus,
.ttw-btn-inverse-secondary-dark:hover,
a.ttw-btn-inverse-secondary-dark:focus,
a.ttw-btn-inverse-secondary-dark:hover {
  background-color: rgba(
    var(--dnn-color-secondary-dark-r),
    var(--dnn-color-secondary-dark-g),
    var(--dnn-color-secondary-dark-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-secondary-dark-r),
    var(--dnn-color-secondary-dark-g),
    var(--dnn-color-secondary-dark-b),
    0.9
  );
  color: "secondary-dark";
}
.ttw-btn-secondary-dark-r,
a.ttw-btn-secondary-dark-r {
  background-color: var(--dnn-color-secondary-dark-r, 209);
  border-color: var(--dnn-color-secondary-dark-r, 209);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-secondary-dark-r:focus,
.ttw-btn-secondary-dark-r:hover,
a.ttw-btn-secondary-dark-r:focus,
a.ttw-btn-secondary-dark-r:hover {
  background-color: rgba(
    var(--dnn-color-secondary-dark-r-r),
    var(--dnn-color-secondary-dark-r-g),
    var(--dnn-color-secondary-dark-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-secondary-dark-r-r),
    var(--dnn-color-secondary-dark-r-g),
    var(--dnn-color-secondary-dark-r-b),
    0.8
  );
}
.ttw-btn-outline-secondary-dark-r,
a.ttw-btn-outline-secondary-dark-r {
  background-color: transparent;
  border-color: var(--dnn-color-secondary-dark-r, 209);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-secondary-dark-r, 209);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-secondary-dark-r:focus,
.ttw-btn-outline-secondary-dark-r:hover,
.ttw-btn-reverse-outline-secondary-dark-r
  a.ttw-btn-reverse-outline-secondary-dark-r,
a.ttw-btn-outline-secondary-dark-r:focus,
a.ttw-btn-outline-secondary-dark-r:hover {
  background-color: var(--dnn-color-secondary-dark-r, 209);
  border-color: var(--dnn-color-secondary-dark-r, 209);
}
.ttw-btn-reverse-outline-secondary-dark-r
  a.ttw-btn-reverse-outline-secondary-dark-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-secondary-dark-r
  a.ttw-btn-reverse-outline-secondary-dark-r:focus,
.ttw-btn-reverse-outline-secondary-dark-r
  a.ttw-btn-reverse-outline-secondary-dark-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-secondary-dark-r, 209);
  color: var(--dnn-color-secondary-dark-r, 209);
}
.ttw-btn-inverse-secondary-dark-r,
a.ttw-btn-inverse-secondary-dark-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-secondary-dark-r, 209);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-secondary-dark-r:focus,
.ttw-btn-inverse-secondary-dark-r:hover,
a.ttw-btn-inverse-secondary-dark-r:focus,
a.ttw-btn-inverse-secondary-dark-r:hover {
  background-color: rgba(
    var(--dnn-color-secondary-dark-r-r),
    var(--dnn-color-secondary-dark-r-g),
    var(--dnn-color-secondary-dark-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-secondary-dark-r-r),
    var(--dnn-color-secondary-dark-r-g),
    var(--dnn-color-secondary-dark-r-b),
    0.9
  );
  color: "secondary-dark-r";
}
.ttw-btn-secondary-dark-g,
a.ttw-btn-secondary-dark-g {
  background-color: var(--dnn-color-secondary-dark-g, 54);
  border-color: var(--dnn-color-secondary-dark-g, 54);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-secondary-dark-g:focus,
.ttw-btn-secondary-dark-g:hover,
a.ttw-btn-secondary-dark-g:focus,
a.ttw-btn-secondary-dark-g:hover {
  background-color: rgba(
    var(--dnn-color-secondary-dark-g-r),
    var(--dnn-color-secondary-dark-g-g),
    var(--dnn-color-secondary-dark-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-secondary-dark-g-r),
    var(--dnn-color-secondary-dark-g-g),
    var(--dnn-color-secondary-dark-g-b),
    0.8
  );
}
.ttw-btn-outline-secondary-dark-g,
a.ttw-btn-outline-secondary-dark-g {
  background-color: transparent;
  border-color: var(--dnn-color-secondary-dark-g, 54);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-secondary-dark-g, 54);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-secondary-dark-g:focus,
.ttw-btn-outline-secondary-dark-g:hover,
.ttw-btn-reverse-outline-secondary-dark-g
  a.ttw-btn-reverse-outline-secondary-dark-g,
a.ttw-btn-outline-secondary-dark-g:focus,
a.ttw-btn-outline-secondary-dark-g:hover {
  background-color: var(--dnn-color-secondary-dark-g, 54);
  border-color: var(--dnn-color-secondary-dark-g, 54);
}
.ttw-btn-reverse-outline-secondary-dark-g
  a.ttw-btn-reverse-outline-secondary-dark-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-secondary-dark-g
  a.ttw-btn-reverse-outline-secondary-dark-g:focus,
.ttw-btn-reverse-outline-secondary-dark-g
  a.ttw-btn-reverse-outline-secondary-dark-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-secondary-dark-g, 54);
  color: var(--dnn-color-secondary-dark-g, 54);
}
.ttw-btn-inverse-secondary-dark-g,
a.ttw-btn-inverse-secondary-dark-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-secondary-dark-g, 54);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-secondary-dark-g:focus,
.ttw-btn-inverse-secondary-dark-g:hover,
a.ttw-btn-inverse-secondary-dark-g:focus,
a.ttw-btn-inverse-secondary-dark-g:hover {
  background-color: rgba(
    var(--dnn-color-secondary-dark-g-r),
    var(--dnn-color-secondary-dark-g-g),
    var(--dnn-color-secondary-dark-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-secondary-dark-g-r),
    var(--dnn-color-secondary-dark-g-g),
    var(--dnn-color-secondary-dark-g-b),
    0.9
  );
  color: "secondary-dark-g";
}
.ttw-btn-secondary-dark-b,
a.ttw-btn-secondary-dark-b {
  background-color: var(--dnn-color-secondary-dark-b, 62);
  border-color: var(--dnn-color-secondary-dark-b, 62);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-secondary-dark-b:focus,
.ttw-btn-secondary-dark-b:hover,
a.ttw-btn-secondary-dark-b:focus,
a.ttw-btn-secondary-dark-b:hover {
  background-color: rgba(
    var(--dnn-color-secondary-dark-b-r),
    var(--dnn-color-secondary-dark-b-g),
    var(--dnn-color-secondary-dark-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-secondary-dark-b-r),
    var(--dnn-color-secondary-dark-b-g),
    var(--dnn-color-secondary-dark-b-b),
    0.8
  );
}
.ttw-btn-outline-secondary-dark-b,
a.ttw-btn-outline-secondary-dark-b {
  background-color: transparent;
  border-color: var(--dnn-color-secondary-dark-b, 62);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-secondary-dark-b, 62);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-secondary-dark-b:focus,
.ttw-btn-outline-secondary-dark-b:hover,
.ttw-btn-reverse-outline-secondary-dark-b
  a.ttw-btn-reverse-outline-secondary-dark-b,
a.ttw-btn-outline-secondary-dark-b:focus,
a.ttw-btn-outline-secondary-dark-b:hover {
  background-color: var(--dnn-color-secondary-dark-b, 62);
  border-color: var(--dnn-color-secondary-dark-b, 62);
}
.ttw-btn-reverse-outline-secondary-dark-b
  a.ttw-btn-reverse-outline-secondary-dark-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-secondary-dark-b
  a.ttw-btn-reverse-outline-secondary-dark-b:focus,
.ttw-btn-reverse-outline-secondary-dark-b
  a.ttw-btn-reverse-outline-secondary-dark-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-secondary-dark-b, 62);
  color: var(--dnn-color-secondary-dark-b, 62);
}
.ttw-btn-inverse-secondary-dark-b,
a.ttw-btn-inverse-secondary-dark-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-secondary-dark-b, 62);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-secondary-dark-b:focus,
.ttw-btn-inverse-secondary-dark-b:hover,
a.ttw-btn-inverse-secondary-dark-b:focus,
a.ttw-btn-inverse-secondary-dark-b:hover {
  background-color: rgba(
    var(--dnn-color-secondary-dark-b-r),
    var(--dnn-color-secondary-dark-b-g),
    var(--dnn-color-secondary-dark-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-secondary-dark-b-r),
    var(--dnn-color-secondary-dark-b-g),
    var(--dnn-color-secondary-dark-b-b),
    0.9
  );
  color: "secondary-dark-b";
}
.ttw-btn-secondary-contrast,
a.ttw-btn-secondary-contrast {
  background-color: var(--dnn-color-secondary-contrast, #fff);
  border-color: var(--dnn-color-secondary-contrast, #fff);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-secondary-contrast:focus,
.ttw-btn-secondary-contrast:hover,
a.ttw-btn-secondary-contrast:focus,
a.ttw-btn-secondary-contrast:hover {
  background-color: rgba(
    var(--dnn-color-secondary-contrast-r),
    var(--dnn-color-secondary-contrast-g),
    var(--dnn-color-secondary-contrast-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-secondary-contrast-r),
    var(--dnn-color-secondary-contrast-g),
    var(--dnn-color-secondary-contrast-b),
    0.8
  );
}
.ttw-btn-outline-secondary-contrast,
a.ttw-btn-outline-secondary-contrast {
  background-color: transparent;
  border-color: var(--dnn-color-secondary-contrast, #fff);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-secondary-contrast, #fff);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-secondary-contrast:focus,
.ttw-btn-outline-secondary-contrast:hover,
.ttw-btn-reverse-outline-secondary-contrast
  a.ttw-btn-reverse-outline-secondary-contrast,
a.ttw-btn-outline-secondary-contrast:focus,
a.ttw-btn-outline-secondary-contrast:hover {
  background-color: var(--dnn-color-secondary-contrast, #fff);
  border-color: var(--dnn-color-secondary-contrast, #fff);
}
.ttw-btn-reverse-outline-secondary-contrast
  a.ttw-btn-reverse-outline-secondary-contrast {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-secondary-contrast
  a.ttw-btn-reverse-outline-secondary-contrast:focus,
.ttw-btn-reverse-outline-secondary-contrast
  a.ttw-btn-reverse-outline-secondary-contrast:hover {
  background-color: transparent;
  border-color: var(--dnn-color-secondary-contrast, #fff);
  color: var(--dnn-color-secondary-contrast, #fff);
}
.ttw-btn-inverse-secondary-contrast,
a.ttw-btn-inverse-secondary-contrast {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-secondary-contrast, #fff);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-secondary-contrast:focus,
.ttw-btn-inverse-secondary-contrast:hover,
a.ttw-btn-inverse-secondary-contrast:focus,
a.ttw-btn-inverse-secondary-contrast:hover {
  background-color: rgba(
    var(--dnn-color-secondary-contrast-r),
    var(--dnn-color-secondary-contrast-g),
    var(--dnn-color-secondary-contrast-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-secondary-contrast-r),
    var(--dnn-color-secondary-contrast-g),
    var(--dnn-color-secondary-contrast-b),
    0.9
  );
  color: "secondary-contrast";
}
.ttw-btn-secondary-contrast-r,
a.ttw-btn-secondary-contrast-r {
  background-color: var(--dnn-color-secondary-contrast-r, 255);
  border-color: var(--dnn-color-secondary-contrast-r, 255);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-secondary-contrast-r:focus,
.ttw-btn-secondary-contrast-r:hover,
a.ttw-btn-secondary-contrast-r:focus,
a.ttw-btn-secondary-contrast-r:hover {
  background-color: rgba(
    var(--dnn-color-secondary-contrast-r-r),
    var(--dnn-color-secondary-contrast-r-g),
    var(--dnn-color-secondary-contrast-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-secondary-contrast-r-r),
    var(--dnn-color-secondary-contrast-r-g),
    var(--dnn-color-secondary-contrast-r-b),
    0.8
  );
}
.ttw-btn-outline-secondary-contrast-r,
a.ttw-btn-outline-secondary-contrast-r {
  background-color: transparent;
  border-color: var(--dnn-color-secondary-contrast-r, 255);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-secondary-contrast-r, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-secondary-contrast-r:focus,
.ttw-btn-outline-secondary-contrast-r:hover,
.ttw-btn-reverse-outline-secondary-contrast-r
  a.ttw-btn-reverse-outline-secondary-contrast-r,
a.ttw-btn-outline-secondary-contrast-r:focus,
a.ttw-btn-outline-secondary-contrast-r:hover {
  background-color: var(--dnn-color-secondary-contrast-r, 255);
  border-color: var(--dnn-color-secondary-contrast-r, 255);
}
.ttw-btn-reverse-outline-secondary-contrast-r
  a.ttw-btn-reverse-outline-secondary-contrast-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-secondary-contrast-r
  a.ttw-btn-reverse-outline-secondary-contrast-r:focus,
.ttw-btn-reverse-outline-secondary-contrast-r
  a.ttw-btn-reverse-outline-secondary-contrast-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-secondary-contrast-r, 255);
  color: var(--dnn-color-secondary-contrast-r, 255);
}
.ttw-btn-inverse-secondary-contrast-r,
a.ttw-btn-inverse-secondary-contrast-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-secondary-contrast-r, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-secondary-contrast-r:focus,
.ttw-btn-inverse-secondary-contrast-r:hover,
a.ttw-btn-inverse-secondary-contrast-r:focus,
a.ttw-btn-inverse-secondary-contrast-r:hover {
  background-color: rgba(
    var(--dnn-color-secondary-contrast-r-r),
    var(--dnn-color-secondary-contrast-r-g),
    var(--dnn-color-secondary-contrast-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-secondary-contrast-r-r),
    var(--dnn-color-secondary-contrast-r-g),
    var(--dnn-color-secondary-contrast-r-b),
    0.9
  );
  color: "secondary-contrast-r";
}
.ttw-btn-secondary-contrast-g,
a.ttw-btn-secondary-contrast-g {
  background-color: var(--dnn-color-secondary-contrast-g, 255);
  border-color: var(--dnn-color-secondary-contrast-g, 255);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-secondary-contrast-g:focus,
.ttw-btn-secondary-contrast-g:hover,
a.ttw-btn-secondary-contrast-g:focus,
a.ttw-btn-secondary-contrast-g:hover {
  background-color: rgba(
    var(--dnn-color-secondary-contrast-g-r),
    var(--dnn-color-secondary-contrast-g-g),
    var(--dnn-color-secondary-contrast-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-secondary-contrast-g-r),
    var(--dnn-color-secondary-contrast-g-g),
    var(--dnn-color-secondary-contrast-g-b),
    0.8
  );
}
.ttw-btn-outline-secondary-contrast-g,
a.ttw-btn-outline-secondary-contrast-g {
  background-color: transparent;
  border-color: var(--dnn-color-secondary-contrast-g, 255);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-secondary-contrast-g, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-secondary-contrast-g:focus,
.ttw-btn-outline-secondary-contrast-g:hover,
.ttw-btn-reverse-outline-secondary-contrast-g
  a.ttw-btn-reverse-outline-secondary-contrast-g,
a.ttw-btn-outline-secondary-contrast-g:focus,
a.ttw-btn-outline-secondary-contrast-g:hover {
  background-color: var(--dnn-color-secondary-contrast-g, 255);
  border-color: var(--dnn-color-secondary-contrast-g, 255);
}
.ttw-btn-reverse-outline-secondary-contrast-g
  a.ttw-btn-reverse-outline-secondary-contrast-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-secondary-contrast-g
  a.ttw-btn-reverse-outline-secondary-contrast-g:focus,
.ttw-btn-reverse-outline-secondary-contrast-g
  a.ttw-btn-reverse-outline-secondary-contrast-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-secondary-contrast-g, 255);
  color: var(--dnn-color-secondary-contrast-g, 255);
}
.ttw-btn-inverse-secondary-contrast-g,
a.ttw-btn-inverse-secondary-contrast-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-secondary-contrast-g, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-secondary-contrast-g:focus,
.ttw-btn-inverse-secondary-contrast-g:hover,
a.ttw-btn-inverse-secondary-contrast-g:focus,
a.ttw-btn-inverse-secondary-contrast-g:hover {
  background-color: rgba(
    var(--dnn-color-secondary-contrast-g-r),
    var(--dnn-color-secondary-contrast-g-g),
    var(--dnn-color-secondary-contrast-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-secondary-contrast-g-r),
    var(--dnn-color-secondary-contrast-g-g),
    var(--dnn-color-secondary-contrast-g-b),
    0.9
  );
  color: "secondary-contrast-g";
}
.ttw-btn-secondary-contrast-b,
a.ttw-btn-secondary-contrast-b {
  background-color: var(--dnn-color-secondary-contrast-b, 255);
  border-color: var(--dnn-color-secondary-contrast-b, 255);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-secondary-contrast-b:focus,
.ttw-btn-secondary-contrast-b:hover,
a.ttw-btn-secondary-contrast-b:focus,
a.ttw-btn-secondary-contrast-b:hover {
  background-color: rgba(
    var(--dnn-color-secondary-contrast-b-r),
    var(--dnn-color-secondary-contrast-b-g),
    var(--dnn-color-secondary-contrast-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-secondary-contrast-b-r),
    var(--dnn-color-secondary-contrast-b-g),
    var(--dnn-color-secondary-contrast-b-b),
    0.8
  );
}
.ttw-btn-outline-secondary-contrast-b,
a.ttw-btn-outline-secondary-contrast-b {
  background-color: transparent;
  border-color: var(--dnn-color-secondary-contrast-b, 255);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-secondary-contrast-b, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-secondary-contrast-b:focus,
.ttw-btn-outline-secondary-contrast-b:hover,
.ttw-btn-reverse-outline-secondary-contrast-b
  a.ttw-btn-reverse-outline-secondary-contrast-b,
a.ttw-btn-outline-secondary-contrast-b:focus,
a.ttw-btn-outline-secondary-contrast-b:hover {
  background-color: var(--dnn-color-secondary-contrast-b, 255);
  border-color: var(--dnn-color-secondary-contrast-b, 255);
}
.ttw-btn-reverse-outline-secondary-contrast-b
  a.ttw-btn-reverse-outline-secondary-contrast-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-secondary-contrast-b
  a.ttw-btn-reverse-outline-secondary-contrast-b:focus,
.ttw-btn-reverse-outline-secondary-contrast-b
  a.ttw-btn-reverse-outline-secondary-contrast-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-secondary-contrast-b, 255);
  color: var(--dnn-color-secondary-contrast-b, 255);
}
.ttw-btn-inverse-secondary-contrast-b,
a.ttw-btn-inverse-secondary-contrast-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-secondary-contrast-b, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-secondary-contrast-b:focus,
.ttw-btn-inverse-secondary-contrast-b:hover,
a.ttw-btn-inverse-secondary-contrast-b:focus,
a.ttw-btn-inverse-secondary-contrast-b:hover {
  background-color: rgba(
    var(--dnn-color-secondary-contrast-b-r),
    var(--dnn-color-secondary-contrast-b-g),
    var(--dnn-color-secondary-contrast-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-secondary-contrast-b-r),
    var(--dnn-color-secondary-contrast-b-g),
    var(--dnn-color-secondary-contrast-b-b),
    0.9
  );
  color: "secondary-contrast-b";
}
.ttw-btn-tertiary,
a.ttw-btn-tertiary {
  background-color: var(--dnn-color-tertiary, #0e2936);
  border-color: var(--dnn-color-tertiary, #0e2936);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-tertiary-contrast, #fff);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-tertiary:focus,
.ttw-btn-tertiary:hover,
a.ttw-btn-tertiary:focus,
a.ttw-btn-tertiary:hover {
  background-color: rgba(
    var(--dnn-color-tertiary-r),
    var(--dnn-color-tertiary-g),
    var(--dnn-color-tertiary-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-tertiary-r),
    var(--dnn-color-tertiary-g),
    var(--dnn-color-tertiary-b),
    0.8
  );
  color: var(--dnn-color-tertiary-contrast, #fff);
}
.ttw-btn-outline-tertiary,
a.ttw-btn-outline-tertiary {
  background-color: transparent;
  border-color: var(--dnn-color-tertiary, #0e2936);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-tertiary, #0e2936);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-tertiary:focus,
.ttw-btn-outline-tertiary:hover,
.ttw-btn-reverse-outline-tertiary a.ttw-btn-reverse-outline-tertiary,
a.ttw-btn-outline-tertiary:focus,
a.ttw-btn-outline-tertiary:hover {
  background-color: var(--dnn-color-tertiary, #0e2936);
  border-color: var(--dnn-color-tertiary, #0e2936);
  color: var(--dnn-color-tertiary-contrast, #fff);
}
.ttw-btn-reverse-outline-tertiary a.ttw-btn-reverse-outline-tertiary {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-tertiary
  a.ttw-btn-reverse-outline-tertiary:focus,
.ttw-btn-reverse-outline-tertiary
  a.ttw-btn-reverse-outline-tertiary:hover {
  background-color: transparent;
  border-color: var(--dnn-color-tertiary, #0e2936);
  color: var(--dnn-color-tertiary, #0e2936);
}
.ttw-btn-inverse-tertiary,
a.ttw-btn-inverse-tertiary {
  background-color: var(--dnn-color-tertiary-contrast, #fff);
  background-image: none;
  border-color: var(--dnn-color-tertiary-contrast, #fff);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-tertiary, #0e2936);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-tertiary:focus,
.ttw-btn-inverse-tertiary:hover,
a.ttw-btn-inverse-tertiary:focus,
a.ttw-btn-inverse-tertiary:hover {
  background-color: rgba(
    var(--dnn-color-tertiary-r),
    var(--dnn-color-tertiary-g),
    var(--dnn-color-tertiary-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-tertiary-r),
    var(--dnn-color-tertiary-g),
    var(--dnn-color-tertiary-b),
    0.9
  );
  color: "tertiary";
}
.ttw-btn-tertiary-r,
a.ttw-btn-tertiary-r {
  background-color: var(--dnn-color-tertiary-r, 14);
  border-color: var(--dnn-color-tertiary-r, 14);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-tertiary-r:focus,
.ttw-btn-tertiary-r:hover,
a.ttw-btn-tertiary-r:focus,
a.ttw-btn-tertiary-r:hover {
  background-color: rgba(
    var(--dnn-color-tertiary-r-r),
    var(--dnn-color-tertiary-r-g),
    var(--dnn-color-tertiary-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-tertiary-r-r),
    var(--dnn-color-tertiary-r-g),
    var(--dnn-color-tertiary-r-b),
    0.8
  );
}
.ttw-btn-outline-tertiary-r,
a.ttw-btn-outline-tertiary-r {
  background-color: transparent;
  border-color: var(--dnn-color-tertiary-r, 14);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-tertiary-r, 14);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-tertiary-r:focus,
.ttw-btn-outline-tertiary-r:hover,
.ttw-btn-reverse-outline-tertiary-r
  a.ttw-btn-reverse-outline-tertiary-r,
a.ttw-btn-outline-tertiary-r:focus,
a.ttw-btn-outline-tertiary-r:hover {
  background-color: var(--dnn-color-tertiary-r, 14);
  border-color: var(--dnn-color-tertiary-r, 14);
}
.ttw-btn-reverse-outline-tertiary-r
  a.ttw-btn-reverse-outline-tertiary-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-tertiary-r
  a.ttw-btn-reverse-outline-tertiary-r:focus,
.ttw-btn-reverse-outline-tertiary-r
  a.ttw-btn-reverse-outline-tertiary-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-tertiary-r, 14);
  color: var(--dnn-color-tertiary-r, 14);
}
.ttw-btn-inverse-tertiary-r,
a.ttw-btn-inverse-tertiary-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-tertiary-r, 14);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-tertiary-r:focus,
.ttw-btn-inverse-tertiary-r:hover,
a.ttw-btn-inverse-tertiary-r:focus,
a.ttw-btn-inverse-tertiary-r:hover {
  background-color: rgba(
    var(--dnn-color-tertiary-r-r),
    var(--dnn-color-tertiary-r-g),
    var(--dnn-color-tertiary-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-tertiary-r-r),
    var(--dnn-color-tertiary-r-g),
    var(--dnn-color-tertiary-r-b),
    0.9
  );
  color: "tertiary-r";
}
.ttw-btn-tertiary-g,
a.ttw-btn-tertiary-g {
  background-color: var(--dnn-color-tertiary-g, 41);
  border-color: var(--dnn-color-tertiary-g, 41);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-tertiary-g:focus,
.ttw-btn-tertiary-g:hover,
a.ttw-btn-tertiary-g:focus,
a.ttw-btn-tertiary-g:hover {
  background-color: rgba(
    var(--dnn-color-tertiary-g-r),
    var(--dnn-color-tertiary-g-g),
    var(--dnn-color-tertiary-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-tertiary-g-r),
    var(--dnn-color-tertiary-g-g),
    var(--dnn-color-tertiary-g-b),
    0.8
  );
}
.ttw-btn-outline-tertiary-g,
a.ttw-btn-outline-tertiary-g {
  background-color: transparent;
  border-color: var(--dnn-color-tertiary-g, 41);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-tertiary-g, 41);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-tertiary-g:focus,
.ttw-btn-outline-tertiary-g:hover,
.ttw-btn-reverse-outline-tertiary-g
  a.ttw-btn-reverse-outline-tertiary-g,
a.ttw-btn-outline-tertiary-g:focus,
a.ttw-btn-outline-tertiary-g:hover {
  background-color: var(--dnn-color-tertiary-g, 41);
  border-color: var(--dnn-color-tertiary-g, 41);
}
.ttw-btn-reverse-outline-tertiary-g
  a.ttw-btn-reverse-outline-tertiary-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-tertiary-g
  a.ttw-btn-reverse-outline-tertiary-g:focus,
.ttw-btn-reverse-outline-tertiary-g
  a.ttw-btn-reverse-outline-tertiary-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-tertiary-g, 41);
  color: var(--dnn-color-tertiary-g, 41);
}
.ttw-btn-inverse-tertiary-g,
a.ttw-btn-inverse-tertiary-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-tertiary-g, 41);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-tertiary-g:focus,
.ttw-btn-inverse-tertiary-g:hover,
a.ttw-btn-inverse-tertiary-g:focus,
a.ttw-btn-inverse-tertiary-g:hover {
  background-color: rgba(
    var(--dnn-color-tertiary-g-r),
    var(--dnn-color-tertiary-g-g),
    var(--dnn-color-tertiary-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-tertiary-g-r),
    var(--dnn-color-tertiary-g-g),
    var(--dnn-color-tertiary-g-b),
    0.9
  );
  color: "tertiary-g";
}
.ttw-btn-tertiary-b,
a.ttw-btn-tertiary-b {
  background-color: var(--dnn-color-tertiary-b, 54);
  border-color: var(--dnn-color-tertiary-b, 54);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-tertiary-b:focus,
.ttw-btn-tertiary-b:hover,
a.ttw-btn-tertiary-b:focus,
a.ttw-btn-tertiary-b:hover {
  background-color: rgba(
    var(--dnn-color-tertiary-b-r),
    var(--dnn-color-tertiary-b-g),
    var(--dnn-color-tertiary-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-tertiary-b-r),
    var(--dnn-color-tertiary-b-g),
    var(--dnn-color-tertiary-b-b),
    0.8
  );
}
.ttw-btn-outline-tertiary-b,
a.ttw-btn-outline-tertiary-b {
  background-color: transparent;
  border-color: var(--dnn-color-tertiary-b, 54);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-tertiary-b, 54);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-tertiary-b:focus,
.ttw-btn-outline-tertiary-b:hover,
.ttw-btn-reverse-outline-tertiary-b
  a.ttw-btn-reverse-outline-tertiary-b,
a.ttw-btn-outline-tertiary-b:focus,
a.ttw-btn-outline-tertiary-b:hover {
  background-color: var(--dnn-color-tertiary-b, 54);
  border-color: var(--dnn-color-tertiary-b, 54);
}
.ttw-btn-reverse-outline-tertiary-b
  a.ttw-btn-reverse-outline-tertiary-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-tertiary-b
  a.ttw-btn-reverse-outline-tertiary-b:focus,
.ttw-btn-reverse-outline-tertiary-b
  a.ttw-btn-reverse-outline-tertiary-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-tertiary-b, 54);
  color: var(--dnn-color-tertiary-b, 54);
}
.ttw-btn-inverse-tertiary-b,
a.ttw-btn-inverse-tertiary-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-tertiary-b, 54);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-tertiary-b:focus,
.ttw-btn-inverse-tertiary-b:hover,
a.ttw-btn-inverse-tertiary-b:focus,
a.ttw-btn-inverse-tertiary-b:hover {
  background-color: rgba(
    var(--dnn-color-tertiary-b-r),
    var(--dnn-color-tertiary-b-g),
    var(--dnn-color-tertiary-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-tertiary-b-r),
    var(--dnn-color-tertiary-b-g),
    var(--dnn-color-tertiary-b-b),
    0.9
  );
  color: "tertiary-b";
}
.ttw-btn-tertiary-light,
a.ttw-btn-tertiary-light {
  background-color: var(--dnn-color-tertiary-light, #3c7a9a);
  border-color: var(--dnn-color-tertiary-light, #3c7a9a);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-tertiary-light:focus,
.ttw-btn-tertiary-light:hover,
a.ttw-btn-tertiary-light:focus,
a.ttw-btn-tertiary-light:hover {
  background-color: rgba(
    var(--dnn-color-tertiary-light-r),
    var(--dnn-color-tertiary-light-g),
    var(--dnn-color-tertiary-light-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-tertiary-light-r),
    var(--dnn-color-tertiary-light-g),
    var(--dnn-color-tertiary-light-b),
    0.8
  );
}
.ttw-btn-outline-tertiary-light,
a.ttw-btn-outline-tertiary-light {
  background-color: transparent;
  border-color: var(--dnn-color-tertiary-light, #3c7a9a);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-tertiary-light, #3c7a9a);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-tertiary-light:focus,
.ttw-btn-outline-tertiary-light:hover,
.ttw-btn-reverse-outline-tertiary-light
  a.ttw-btn-reverse-outline-tertiary-light,
a.ttw-btn-outline-tertiary-light:focus,
a.ttw-btn-outline-tertiary-light:hover {
  background-color: var(--dnn-color-tertiary-light, #3c7a9a);
  border-color: var(--dnn-color-tertiary-light, #3c7a9a);
}
.ttw-btn-reverse-outline-tertiary-light
  a.ttw-btn-reverse-outline-tertiary-light {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-tertiary-light
  a.ttw-btn-reverse-outline-tertiary-light:focus,
.ttw-btn-reverse-outline-tertiary-light
  a.ttw-btn-reverse-outline-tertiary-light:hover {
  background-color: transparent;
  border-color: var(--dnn-color-tertiary-light, #3c7a9a);
  color: var(--dnn-color-tertiary-light, #3c7a9a);
}
.ttw-btn-inverse-tertiary-light,
a.ttw-btn-inverse-tertiary-light {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-tertiary-light, #3c7a9a);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-tertiary-light:focus,
.ttw-btn-inverse-tertiary-light:hover,
a.ttw-btn-inverse-tertiary-light:focus,
a.ttw-btn-inverse-tertiary-light:hover {
  background-color: rgba(
    var(--dnn-color-tertiary-light-r),
    var(--dnn-color-tertiary-light-g),
    var(--dnn-color-tertiary-light-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-tertiary-light-r),
    var(--dnn-color-tertiary-light-g),
    var(--dnn-color-tertiary-light-b),
    0.9
  );
  color: "tertiary-light";
}
.ttw-btn-tertiary-light-r,
a.ttw-btn-tertiary-light-r {
  background-color: var(--dnn-color-tertiary-light-r, 60);
  border-color: var(--dnn-color-tertiary-light-r, 60);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-tertiary-light-r:focus,
.ttw-btn-tertiary-light-r:hover,
a.ttw-btn-tertiary-light-r:focus,
a.ttw-btn-tertiary-light-r:hover {
  background-color: rgba(
    var(--dnn-color-tertiary-light-r-r),
    var(--dnn-color-tertiary-light-r-g),
    var(--dnn-color-tertiary-light-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-tertiary-light-r-r),
    var(--dnn-color-tertiary-light-r-g),
    var(--dnn-color-tertiary-light-r-b),
    0.8
  );
}
.ttw-btn-outline-tertiary-light-r,
a.ttw-btn-outline-tertiary-light-r {
  background-color: transparent;
  border-color: var(--dnn-color-tertiary-light-r, 60);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-tertiary-light-r, 60);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-tertiary-light-r:focus,
.ttw-btn-outline-tertiary-light-r:hover,
.ttw-btn-reverse-outline-tertiary-light-r
  a.ttw-btn-reverse-outline-tertiary-light-r,
a.ttw-btn-outline-tertiary-light-r:focus,
a.ttw-btn-outline-tertiary-light-r:hover {
  background-color: var(--dnn-color-tertiary-light-r, 60);
  border-color: var(--dnn-color-tertiary-light-r, 60);
}
.ttw-btn-reverse-outline-tertiary-light-r
  a.ttw-btn-reverse-outline-tertiary-light-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-tertiary-light-r
  a.ttw-btn-reverse-outline-tertiary-light-r:focus,
.ttw-btn-reverse-outline-tertiary-light-r
  a.ttw-btn-reverse-outline-tertiary-light-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-tertiary-light-r, 60);
  color: var(--dnn-color-tertiary-light-r, 60);
}
.ttw-btn-inverse-tertiary-light-r,
a.ttw-btn-inverse-tertiary-light-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-tertiary-light-r, 60);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-tertiary-light-r:focus,
.ttw-btn-inverse-tertiary-light-r:hover,
a.ttw-btn-inverse-tertiary-light-r:focus,
a.ttw-btn-inverse-tertiary-light-r:hover {
  background-color: rgba(
    var(--dnn-color-tertiary-light-r-r),
    var(--dnn-color-tertiary-light-r-g),
    var(--dnn-color-tertiary-light-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-tertiary-light-r-r),
    var(--dnn-color-tertiary-light-r-g),
    var(--dnn-color-tertiary-light-r-b),
    0.9
  );
  color: "tertiary-light-r";
}
.ttw-btn-tertiary-light-g,
a.ttw-btn-tertiary-light-g {
  background-color: var(--dnn-color-tertiary-light-g, 122);
  border-color: var(--dnn-color-tertiary-light-g, 122);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-tertiary-light-g:focus,
.ttw-btn-tertiary-light-g:hover,
a.ttw-btn-tertiary-light-g:focus,
a.ttw-btn-tertiary-light-g:hover {
  background-color: rgba(
    var(--dnn-color-tertiary-light-g-r),
    var(--dnn-color-tertiary-light-g-g),
    var(--dnn-color-tertiary-light-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-tertiary-light-g-r),
    var(--dnn-color-tertiary-light-g-g),
    var(--dnn-color-tertiary-light-g-b),
    0.8
  );
}
.ttw-btn-outline-tertiary-light-g,
a.ttw-btn-outline-tertiary-light-g {
  background-color: transparent;
  border-color: var(--dnn-color-tertiary-light-g, 122);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-tertiary-light-g, 122);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-tertiary-light-g:focus,
.ttw-btn-outline-tertiary-light-g:hover,
.ttw-btn-reverse-outline-tertiary-light-g
  a.ttw-btn-reverse-outline-tertiary-light-g,
a.ttw-btn-outline-tertiary-light-g:focus,
a.ttw-btn-outline-tertiary-light-g:hover {
  background-color: var(--dnn-color-tertiary-light-g, 122);
  border-color: var(--dnn-color-tertiary-light-g, 122);
}
.ttw-btn-reverse-outline-tertiary-light-g
  a.ttw-btn-reverse-outline-tertiary-light-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-tertiary-light-g
  a.ttw-btn-reverse-outline-tertiary-light-g:focus,
.ttw-btn-reverse-outline-tertiary-light-g
  a.ttw-btn-reverse-outline-tertiary-light-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-tertiary-light-g, 122);
  color: var(--dnn-color-tertiary-light-g, 122);
}
.ttw-btn-inverse-tertiary-light-g,
a.ttw-btn-inverse-tertiary-light-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-tertiary-light-g, 122);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-tertiary-light-g:focus,
.ttw-btn-inverse-tertiary-light-g:hover,
a.ttw-btn-inverse-tertiary-light-g:focus,
a.ttw-btn-inverse-tertiary-light-g:hover {
  background-color: rgba(
    var(--dnn-color-tertiary-light-g-r),
    var(--dnn-color-tertiary-light-g-g),
    var(--dnn-color-tertiary-light-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-tertiary-light-g-r),
    var(--dnn-color-tertiary-light-g-g),
    var(--dnn-color-tertiary-light-g-b),
    0.9
  );
  color: "tertiary-light-g";
}
.ttw-btn-tertiary-light-b,
a.ttw-btn-tertiary-light-b {
  background-color: var(--dnn-color-tertiary-light-b, 154);
  border-color: var(--dnn-color-tertiary-light-b, 154);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-tertiary-light-b:focus,
.ttw-btn-tertiary-light-b:hover,
a.ttw-btn-tertiary-light-b:focus,
a.ttw-btn-tertiary-light-b:hover {
  background-color: rgba(
    var(--dnn-color-tertiary-light-b-r),
    var(--dnn-color-tertiary-light-b-g),
    var(--dnn-color-tertiary-light-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-tertiary-light-b-r),
    var(--dnn-color-tertiary-light-b-g),
    var(--dnn-color-tertiary-light-b-b),
    0.8
  );
}
.ttw-btn-outline-tertiary-light-b,
a.ttw-btn-outline-tertiary-light-b {
  background-color: transparent;
  border-color: var(--dnn-color-tertiary-light-b, 154);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-tertiary-light-b, 154);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-tertiary-light-b:focus,
.ttw-btn-outline-tertiary-light-b:hover,
.ttw-btn-reverse-outline-tertiary-light-b
  a.ttw-btn-reverse-outline-tertiary-light-b,
a.ttw-btn-outline-tertiary-light-b:focus,
a.ttw-btn-outline-tertiary-light-b:hover {
  background-color: var(--dnn-color-tertiary-light-b, 154);
  border-color: var(--dnn-color-tertiary-light-b, 154);
}
.ttw-btn-reverse-outline-tertiary-light-b
  a.ttw-btn-reverse-outline-tertiary-light-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-tertiary-light-b
  a.ttw-btn-reverse-outline-tertiary-light-b:focus,
.ttw-btn-reverse-outline-tertiary-light-b
  a.ttw-btn-reverse-outline-tertiary-light-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-tertiary-light-b, 154);
  color: var(--dnn-color-tertiary-light-b, 154);
}
.ttw-btn-inverse-tertiary-light-b,
a.ttw-btn-inverse-tertiary-light-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-tertiary-light-b, 154);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-tertiary-light-b:focus,
.ttw-btn-inverse-tertiary-light-b:hover,
a.ttw-btn-inverse-tertiary-light-b:focus,
a.ttw-btn-inverse-tertiary-light-b:hover {
  background-color: rgba(
    var(--dnn-color-tertiary-light-b-r),
    var(--dnn-color-tertiary-light-b-g),
    var(--dnn-color-tertiary-light-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-tertiary-light-b-r),
    var(--dnn-color-tertiary-light-b-g),
    var(--dnn-color-tertiary-light-b-b),
    0.9
  );
  color: "tertiary-light-b";
}
.ttw-btn-tertiary-dark,
a.ttw-btn-tertiary-dark {
  background-color: var(--dnn-color-tertiary-dark, #0b1c24);
  border-color: var(--dnn-color-tertiary-dark, #0b1c24);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-tertiary-dark:focus,
.ttw-btn-tertiary-dark:hover,
a.ttw-btn-tertiary-dark:focus,
a.ttw-btn-tertiary-dark:hover {
  background-color: rgba(
    var(--dnn-color-tertiary-dark-r),
    var(--dnn-color-tertiary-dark-g),
    var(--dnn-color-tertiary-dark-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-tertiary-dark-r),
    var(--dnn-color-tertiary-dark-g),
    var(--dnn-color-tertiary-dark-b),
    0.8
  );
}
.ttw-btn-outline-tertiary-dark,
a.ttw-btn-outline-tertiary-dark {
  background-color: transparent;
  border-color: var(--dnn-color-tertiary-dark, #0b1c24);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-tertiary-dark, #0b1c24);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-tertiary-dark:focus,
.ttw-btn-outline-tertiary-dark:hover,
.ttw-btn-reverse-outline-tertiary-dark
  a.ttw-btn-reverse-outline-tertiary-dark,
a.ttw-btn-outline-tertiary-dark:focus,
a.ttw-btn-outline-tertiary-dark:hover {
  background-color: var(--dnn-color-tertiary-dark, #0b1c24);
  border-color: var(--dnn-color-tertiary-dark, #0b1c24);
}
.ttw-btn-reverse-outline-tertiary-dark
  a.ttw-btn-reverse-outline-tertiary-dark {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-tertiary-dark
  a.ttw-btn-reverse-outline-tertiary-dark:focus,
.ttw-btn-reverse-outline-tertiary-dark
  a.ttw-btn-reverse-outline-tertiary-dark:hover {
  background-color: transparent;
  border-color: var(--dnn-color-tertiary-dark, #0b1c24);
  color: var(--dnn-color-tertiary-dark, #0b1c24);
}
.ttw-btn-inverse-tertiary-dark,
a.ttw-btn-inverse-tertiary-dark {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-tertiary-dark, #0b1c24);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-tertiary-dark:focus,
.ttw-btn-inverse-tertiary-dark:hover,
a.ttw-btn-inverse-tertiary-dark:focus,
a.ttw-btn-inverse-tertiary-dark:hover {
  background-color: rgba(
    var(--dnn-color-tertiary-dark-r),
    var(--dnn-color-tertiary-dark-g),
    var(--dnn-color-tertiary-dark-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-tertiary-dark-r),
    var(--dnn-color-tertiary-dark-g),
    var(--dnn-color-tertiary-dark-b),
    0.9
  );
  color: "tertiary-dark";
}
.ttw-btn-tertiary-dark-r,
a.ttw-btn-tertiary-dark-r {
  background-color: var(--dnn-color-tertiary-dark-r, 11);
  border-color: var(--dnn-color-tertiary-dark-r, 11);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-tertiary-dark-r:focus,
.ttw-btn-tertiary-dark-r:hover,
a.ttw-btn-tertiary-dark-r:focus,
a.ttw-btn-tertiary-dark-r:hover {
  background-color: rgba(
    var(--dnn-color-tertiary-dark-r-r),
    var(--dnn-color-tertiary-dark-r-g),
    var(--dnn-color-tertiary-dark-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-tertiary-dark-r-r),
    var(--dnn-color-tertiary-dark-r-g),
    var(--dnn-color-tertiary-dark-r-b),
    0.8
  );
}
.ttw-btn-outline-tertiary-dark-r,
a.ttw-btn-outline-tertiary-dark-r {
  background-color: transparent;
  border-color: var(--dnn-color-tertiary-dark-r, 11);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-tertiary-dark-r, 11);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-tertiary-dark-r:focus,
.ttw-btn-outline-tertiary-dark-r:hover,
.ttw-btn-reverse-outline-tertiary-dark-r
  a.ttw-btn-reverse-outline-tertiary-dark-r,
a.ttw-btn-outline-tertiary-dark-r:focus,
a.ttw-btn-outline-tertiary-dark-r:hover {
  background-color: var(--dnn-color-tertiary-dark-r, 11);
  border-color: var(--dnn-color-tertiary-dark-r, 11);
}
.ttw-btn-reverse-outline-tertiary-dark-r
  a.ttw-btn-reverse-outline-tertiary-dark-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-tertiary-dark-r
  a.ttw-btn-reverse-outline-tertiary-dark-r:focus,
.ttw-btn-reverse-outline-tertiary-dark-r
  a.ttw-btn-reverse-outline-tertiary-dark-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-tertiary-dark-r, 11);
  color: var(--dnn-color-tertiary-dark-r, 11);
}
.ttw-btn-inverse-tertiary-dark-r,
a.ttw-btn-inverse-tertiary-dark-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-tertiary-dark-r, 11);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-tertiary-dark-r:focus,
.ttw-btn-inverse-tertiary-dark-r:hover,
a.ttw-btn-inverse-tertiary-dark-r:focus,
a.ttw-btn-inverse-tertiary-dark-r:hover {
  background-color: rgba(
    var(--dnn-color-tertiary-dark-r-r),
    var(--dnn-color-tertiary-dark-r-g),
    var(--dnn-color-tertiary-dark-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-tertiary-dark-r-r),
    var(--dnn-color-tertiary-dark-r-g),
    var(--dnn-color-tertiary-dark-r-b),
    0.9
  );
  color: "tertiary-dark-r";
}
.ttw-btn-tertiary-dark-g,
a.ttw-btn-tertiary-dark-g {
  background-color: var(--dnn-color-tertiary-dark-g, 28);
  border-color: var(--dnn-color-tertiary-dark-g, 28);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-tertiary-dark-g:focus,
.ttw-btn-tertiary-dark-g:hover,
a.ttw-btn-tertiary-dark-g:focus,
a.ttw-btn-tertiary-dark-g:hover {
  background-color: rgba(
    var(--dnn-color-tertiary-dark-g-r),
    var(--dnn-color-tertiary-dark-g-g),
    var(--dnn-color-tertiary-dark-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-tertiary-dark-g-r),
    var(--dnn-color-tertiary-dark-g-g),
    var(--dnn-color-tertiary-dark-g-b),
    0.8
  );
}
.ttw-btn-outline-tertiary-dark-g,
a.ttw-btn-outline-tertiary-dark-g {
  background-color: transparent;
  border-color: var(--dnn-color-tertiary-dark-g, 28);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-tertiary-dark-g, 28);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-tertiary-dark-g:focus,
.ttw-btn-outline-tertiary-dark-g:hover,
.ttw-btn-reverse-outline-tertiary-dark-g
  a.ttw-btn-reverse-outline-tertiary-dark-g,
a.ttw-btn-outline-tertiary-dark-g:focus,
a.ttw-btn-outline-tertiary-dark-g:hover {
  background-color: var(--dnn-color-tertiary-dark-g, 28);
  border-color: var(--dnn-color-tertiary-dark-g, 28);
}
.ttw-btn-reverse-outline-tertiary-dark-g
  a.ttw-btn-reverse-outline-tertiary-dark-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-tertiary-dark-g
  a.ttw-btn-reverse-outline-tertiary-dark-g:focus,
.ttw-btn-reverse-outline-tertiary-dark-g
  a.ttw-btn-reverse-outline-tertiary-dark-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-tertiary-dark-g, 28);
  color: var(--dnn-color-tertiary-dark-g, 28);
}
.ttw-btn-inverse-tertiary-dark-g,
a.ttw-btn-inverse-tertiary-dark-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-tertiary-dark-g, 28);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-tertiary-dark-g:focus,
.ttw-btn-inverse-tertiary-dark-g:hover,
a.ttw-btn-inverse-tertiary-dark-g:focus,
a.ttw-btn-inverse-tertiary-dark-g:hover {
  background-color: rgba(
    var(--dnn-color-tertiary-dark-g-r),
    var(--dnn-color-tertiary-dark-g-g),
    var(--dnn-color-tertiary-dark-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-tertiary-dark-g-r),
    var(--dnn-color-tertiary-dark-g-g),
    var(--dnn-color-tertiary-dark-g-b),
    0.9
  );
  color: "tertiary-dark-g";
}
.ttw-btn-tertiary-dark-b,
a.ttw-btn-tertiary-dark-b {
  background-color: var(--dnn-color-tertiary-dark-b, 36);
  border-color: var(--dnn-color-tertiary-dark-b, 36);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-tertiary-dark-b:focus,
.ttw-btn-tertiary-dark-b:hover,
a.ttw-btn-tertiary-dark-b:focus,
a.ttw-btn-tertiary-dark-b:hover {
  background-color: rgba(
    var(--dnn-color-tertiary-dark-b-r),
    var(--dnn-color-tertiary-dark-b-g),
    var(--dnn-color-tertiary-dark-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-tertiary-dark-b-r),
    var(--dnn-color-tertiary-dark-b-g),
    var(--dnn-color-tertiary-dark-b-b),
    0.8
  );
}
.ttw-btn-outline-tertiary-dark-b,
a.ttw-btn-outline-tertiary-dark-b {
  background-color: transparent;
  border-color: var(--dnn-color-tertiary-dark-b, 36);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-tertiary-dark-b, 36);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-tertiary-dark-b:focus,
.ttw-btn-outline-tertiary-dark-b:hover,
.ttw-btn-reverse-outline-tertiary-dark-b
  a.ttw-btn-reverse-outline-tertiary-dark-b,
a.ttw-btn-outline-tertiary-dark-b:focus,
a.ttw-btn-outline-tertiary-dark-b:hover {
  background-color: var(--dnn-color-tertiary-dark-b, 36);
  border-color: var(--dnn-color-tertiary-dark-b, 36);
}
.ttw-btn-reverse-outline-tertiary-dark-b
  a.ttw-btn-reverse-outline-tertiary-dark-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-tertiary-dark-b
  a.ttw-btn-reverse-outline-tertiary-dark-b:focus,
.ttw-btn-reverse-outline-tertiary-dark-b
  a.ttw-btn-reverse-outline-tertiary-dark-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-tertiary-dark-b, 36);
  color: var(--dnn-color-tertiary-dark-b, 36);
}
.ttw-btn-inverse-tertiary-dark-b,
a.ttw-btn-inverse-tertiary-dark-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-tertiary-dark-b, 36);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-tertiary-dark-b:focus,
.ttw-btn-inverse-tertiary-dark-b:hover,
a.ttw-btn-inverse-tertiary-dark-b:focus,
a.ttw-btn-inverse-tertiary-dark-b:hover {
  background-color: rgba(
    var(--dnn-color-tertiary-dark-b-r),
    var(--dnn-color-tertiary-dark-b-g),
    var(--dnn-color-tertiary-dark-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-tertiary-dark-b-r),
    var(--dnn-color-tertiary-dark-b-g),
    var(--dnn-color-tertiary-dark-b-b),
    0.9
  );
  color: "tertiary-dark-b";
}
.ttw-btn-tertiary-contrast,
a.ttw-btn-tertiary-contrast {
  background-color: var(--dnn-color-tertiary-contrast, #fff);
  border-color: var(--dnn-color-tertiary-contrast, #fff);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-tertiary-contrast:focus,
.ttw-btn-tertiary-contrast:hover,
a.ttw-btn-tertiary-contrast:focus,
a.ttw-btn-tertiary-contrast:hover {
  background-color: rgba(
    var(--dnn-color-tertiary-contrast-r),
    var(--dnn-color-tertiary-contrast-g),
    var(--dnn-color-tertiary-contrast-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-tertiary-contrast-r),
    var(--dnn-color-tertiary-contrast-g),
    var(--dnn-color-tertiary-contrast-b),
    0.8
  );
}
.ttw-btn-outline-tertiary-contrast,
a.ttw-btn-outline-tertiary-contrast {
  background-color: transparent;
  border-color: var(--dnn-color-tertiary-contrast, #fff);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-tertiary-contrast, #fff);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-tertiary-contrast:focus,
.ttw-btn-outline-tertiary-contrast:hover,
.ttw-btn-reverse-outline-tertiary-contrast
  a.ttw-btn-reverse-outline-tertiary-contrast,
a.ttw-btn-outline-tertiary-contrast:focus,
a.ttw-btn-outline-tertiary-contrast:hover {
  background-color: var(--dnn-color-tertiary-contrast, #fff);
  border-color: var(--dnn-color-tertiary-contrast, #fff);
}
.ttw-btn-reverse-outline-tertiary-contrast
  a.ttw-btn-reverse-outline-tertiary-contrast {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-tertiary-contrast
  a.ttw-btn-reverse-outline-tertiary-contrast:focus,
.ttw-btn-reverse-outline-tertiary-contrast
  a.ttw-btn-reverse-outline-tertiary-contrast:hover {
  background-color: transparent;
  border-color: var(--dnn-color-tertiary-contrast, #fff);
  color: var(--dnn-color-tertiary-contrast, #fff);
}
.ttw-btn-inverse-tertiary-contrast,
a.ttw-btn-inverse-tertiary-contrast {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-tertiary-contrast, #fff);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-tertiary-contrast:focus,
.ttw-btn-inverse-tertiary-contrast:hover,
a.ttw-btn-inverse-tertiary-contrast:focus,
a.ttw-btn-inverse-tertiary-contrast:hover {
  background-color: rgba(
    var(--dnn-color-tertiary-contrast-r),
    var(--dnn-color-tertiary-contrast-g),
    var(--dnn-color-tertiary-contrast-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-tertiary-contrast-r),
    var(--dnn-color-tertiary-contrast-g),
    var(--dnn-color-tertiary-contrast-b),
    0.9
  );
  color: "tertiary-contrast";
}
.ttw-btn-tertiary-contrast-r,
a.ttw-btn-tertiary-contrast-r {
  background-color: var(--dnn-color-tertiary-contrast-r, 255);
  border-color: var(--dnn-color-tertiary-contrast-r, 255);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-tertiary-contrast-r:focus,
.ttw-btn-tertiary-contrast-r:hover,
a.ttw-btn-tertiary-contrast-r:focus,
a.ttw-btn-tertiary-contrast-r:hover {
  background-color: rgba(
    var(--dnn-color-tertiary-contrast-r-r),
    var(--dnn-color-tertiary-contrast-r-g),
    var(--dnn-color-tertiary-contrast-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-tertiary-contrast-r-r),
    var(--dnn-color-tertiary-contrast-r-g),
    var(--dnn-color-tertiary-contrast-r-b),
    0.8
  );
}
.ttw-btn-outline-tertiary-contrast-r,
a.ttw-btn-outline-tertiary-contrast-r {
  background-color: transparent;
  border-color: var(--dnn-color-tertiary-contrast-r, 255);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-tertiary-contrast-r, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-tertiary-contrast-r:focus,
.ttw-btn-outline-tertiary-contrast-r:hover,
.ttw-btn-reverse-outline-tertiary-contrast-r
  a.ttw-btn-reverse-outline-tertiary-contrast-r,
a.ttw-btn-outline-tertiary-contrast-r:focus,
a.ttw-btn-outline-tertiary-contrast-r:hover {
  background-color: var(--dnn-color-tertiary-contrast-r, 255);
  border-color: var(--dnn-color-tertiary-contrast-r, 255);
}
.ttw-btn-reverse-outline-tertiary-contrast-r
  a.ttw-btn-reverse-outline-tertiary-contrast-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-tertiary-contrast-r
  a.ttw-btn-reverse-outline-tertiary-contrast-r:focus,
.ttw-btn-reverse-outline-tertiary-contrast-r
  a.ttw-btn-reverse-outline-tertiary-contrast-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-tertiary-contrast-r, 255);
  color: var(--dnn-color-tertiary-contrast-r, 255);
}
.ttw-btn-inverse-tertiary-contrast-r,
a.ttw-btn-inverse-tertiary-contrast-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-tertiary-contrast-r, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-tertiary-contrast-r:focus,
.ttw-btn-inverse-tertiary-contrast-r:hover,
a.ttw-btn-inverse-tertiary-contrast-r:focus,
a.ttw-btn-inverse-tertiary-contrast-r:hover {
  background-color: rgba(
    var(--dnn-color-tertiary-contrast-r-r),
    var(--dnn-color-tertiary-contrast-r-g),
    var(--dnn-color-tertiary-contrast-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-tertiary-contrast-r-r),
    var(--dnn-color-tertiary-contrast-r-g),
    var(--dnn-color-tertiary-contrast-r-b),
    0.9
  );
  color: "tertiary-contrast-r";
}
.ttw-btn-tertiary-contrast-g,
a.ttw-btn-tertiary-contrast-g {
  background-color: var(--dnn-color-tertiary-contrast-g, 255);
  border-color: var(--dnn-color-tertiary-contrast-g, 255);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-tertiary-contrast-g:focus,
.ttw-btn-tertiary-contrast-g:hover,
a.ttw-btn-tertiary-contrast-g:focus,
a.ttw-btn-tertiary-contrast-g:hover {
  background-color: rgba(
    var(--dnn-color-tertiary-contrast-g-r),
    var(--dnn-color-tertiary-contrast-g-g),
    var(--dnn-color-tertiary-contrast-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-tertiary-contrast-g-r),
    var(--dnn-color-tertiary-contrast-g-g),
    var(--dnn-color-tertiary-contrast-g-b),
    0.8
  );
}
.ttw-btn-outline-tertiary-contrast-g,
a.ttw-btn-outline-tertiary-contrast-g {
  background-color: transparent;
  border-color: var(--dnn-color-tertiary-contrast-g, 255);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-tertiary-contrast-g, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-tertiary-contrast-g:focus,
.ttw-btn-outline-tertiary-contrast-g:hover,
.ttw-btn-reverse-outline-tertiary-contrast-g
  a.ttw-btn-reverse-outline-tertiary-contrast-g,
a.ttw-btn-outline-tertiary-contrast-g:focus,
a.ttw-btn-outline-tertiary-contrast-g:hover {
  background-color: var(--dnn-color-tertiary-contrast-g, 255);
  border-color: var(--dnn-color-tertiary-contrast-g, 255);
}
.ttw-btn-reverse-outline-tertiary-contrast-g
  a.ttw-btn-reverse-outline-tertiary-contrast-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-tertiary-contrast-g
  a.ttw-btn-reverse-outline-tertiary-contrast-g:focus,
.ttw-btn-reverse-outline-tertiary-contrast-g
  a.ttw-btn-reverse-outline-tertiary-contrast-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-tertiary-contrast-g, 255);
  color: var(--dnn-color-tertiary-contrast-g, 255);
}
.ttw-btn-inverse-tertiary-contrast-g,
a.ttw-btn-inverse-tertiary-contrast-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-tertiary-contrast-g, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-tertiary-contrast-g:focus,
.ttw-btn-inverse-tertiary-contrast-g:hover,
a.ttw-btn-inverse-tertiary-contrast-g:focus,
a.ttw-btn-inverse-tertiary-contrast-g:hover {
  background-color: rgba(
    var(--dnn-color-tertiary-contrast-g-r),
    var(--dnn-color-tertiary-contrast-g-g),
    var(--dnn-color-tertiary-contrast-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-tertiary-contrast-g-r),
    var(--dnn-color-tertiary-contrast-g-g),
    var(--dnn-color-tertiary-contrast-g-b),
    0.9
  );
  color: "tertiary-contrast-g";
}
.ttw-btn-tertiary-contrast-b,
a.ttw-btn-tertiary-contrast-b {
  background-color: var(--dnn-color-tertiary-contrast-b, 255);
  border-color: var(--dnn-color-tertiary-contrast-b, 255);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-tertiary-contrast-b:focus,
.ttw-btn-tertiary-contrast-b:hover,
a.ttw-btn-tertiary-contrast-b:focus,
a.ttw-btn-tertiary-contrast-b:hover {
  background-color: rgba(
    var(--dnn-color-tertiary-contrast-b-r),
    var(--dnn-color-tertiary-contrast-b-g),
    var(--dnn-color-tertiary-contrast-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-tertiary-contrast-b-r),
    var(--dnn-color-tertiary-contrast-b-g),
    var(--dnn-color-tertiary-contrast-b-b),
    0.8
  );
}
.ttw-btn-outline-tertiary-contrast-b,
a.ttw-btn-outline-tertiary-contrast-b {
  background-color: transparent;
  border-color: var(--dnn-color-tertiary-contrast-b, 255);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-tertiary-contrast-b, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-tertiary-contrast-b:focus,
.ttw-btn-outline-tertiary-contrast-b:hover,
.ttw-btn-reverse-outline-tertiary-contrast-b
  a.ttw-btn-reverse-outline-tertiary-contrast-b,
a.ttw-btn-outline-tertiary-contrast-b:focus,
a.ttw-btn-outline-tertiary-contrast-b:hover {
  background-color: var(--dnn-color-tertiary-contrast-b, 255);
  border-color: var(--dnn-color-tertiary-contrast-b, 255);
}
.ttw-btn-reverse-outline-tertiary-contrast-b
  a.ttw-btn-reverse-outline-tertiary-contrast-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-tertiary-contrast-b
  a.ttw-btn-reverse-outline-tertiary-contrast-b:focus,
.ttw-btn-reverse-outline-tertiary-contrast-b
  a.ttw-btn-reverse-outline-tertiary-contrast-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-tertiary-contrast-b, 255);
  color: var(--dnn-color-tertiary-contrast-b, 255);
}
.ttw-btn-inverse-tertiary-contrast-b,
a.ttw-btn-inverse-tertiary-contrast-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-tertiary-contrast-b, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-tertiary-contrast-b:focus,
.ttw-btn-inverse-tertiary-contrast-b:hover,
a.ttw-btn-inverse-tertiary-contrast-b:focus,
a.ttw-btn-inverse-tertiary-contrast-b:hover {
  background-color: rgba(
    var(--dnn-color-tertiary-contrast-b-r),
    var(--dnn-color-tertiary-contrast-b-g),
    var(--dnn-color-tertiary-contrast-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-tertiary-contrast-b-r),
    var(--dnn-color-tertiary-contrast-b-g),
    var(--dnn-color-tertiary-contrast-b-b),
    0.9
  );
  color: "tertiary-contrast-b";
}
.ttw-btn-neutral,
a.ttw-btn-neutral {
  background-color: var(--dnn-color-neutral, #ededee);
  border-color: var(--dnn-color-neutral, #ededee);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-neutral-contrast, #000);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-neutral:focus,
.ttw-btn-neutral:hover,
a.ttw-btn-neutral:focus,
a.ttw-btn-neutral:hover {
  background-color: rgba(
    var(--dnn-color-neutral-r),
    var(--dnn-color-neutral-g),
    var(--dnn-color-neutral-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-neutral-r),
    var(--dnn-color-neutral-g),
    var(--dnn-color-neutral-b),
    0.8
  );
  color: var(--dnn-color-neutral-contrast, #000);
}
.ttw-btn-outline-neutral,
a.ttw-btn-outline-neutral {
  background-color: transparent;
  border-color: var(--dnn-color-neutral, #ededee);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-neutral, #ededee);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-neutral:focus,
.ttw-btn-outline-neutral:hover,
.ttw-btn-reverse-outline-neutral a.ttw-btn-reverse-outline-neutral,
a.ttw-btn-outline-neutral:focus,
a.ttw-btn-outline-neutral:hover {
  background-color: var(--dnn-color-neutral, #ededee);
  border-color: var(--dnn-color-neutral, #ededee);
  color: var(--dnn-color-neutral-contrast, #000);
}
.ttw-btn-reverse-outline-neutral a.ttw-btn-reverse-outline-neutral {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-neutral
  a.ttw-btn-reverse-outline-neutral:focus,
.ttw-btn-reverse-outline-neutral
  a.ttw-btn-reverse-outline-neutral:hover {
  background-color: transparent;
  border-color: var(--dnn-color-neutral, #ededee);
  color: var(--dnn-color-neutral, #ededee);
}
.ttw-btn-inverse-neutral,
a.ttw-btn-inverse-neutral {
  background-color: var(--dnn-color-neutral-contrast, #000);
  background-image: none;
  border-color: var(--dnn-color-neutral-contrast, #000);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-neutral, #ededee);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-neutral:focus,
.ttw-btn-inverse-neutral:hover,
a.ttw-btn-inverse-neutral:focus,
a.ttw-btn-inverse-neutral:hover {
  background-color: rgba(
    var(--dnn-color-neutral-r),
    var(--dnn-color-neutral-g),
    var(--dnn-color-neutral-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-neutral-r),
    var(--dnn-color-neutral-g),
    var(--dnn-color-neutral-b),
    0.9
  );
  color: "neutral";
}
.ttw-btn-neutral-r,
a.ttw-btn-neutral-r {
  background-color: var(--dnn-color-neutral-r, 245);
  border-color: var(--dnn-color-neutral-r, 245);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-neutral-r:focus,
.ttw-btn-neutral-r:hover,
a.ttw-btn-neutral-r:focus,
a.ttw-btn-neutral-r:hover {
  background-color: rgba(
    var(--dnn-color-neutral-r-r),
    var(--dnn-color-neutral-r-g),
    var(--dnn-color-neutral-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-neutral-r-r),
    var(--dnn-color-neutral-r-g),
    var(--dnn-color-neutral-r-b),
    0.8
  );
}
.ttw-btn-outline-neutral-r,
a.ttw-btn-outline-neutral-r {
  background-color: transparent;
  border-color: var(--dnn-color-neutral-r, 245);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-neutral-r, 245);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-neutral-r:focus,
.ttw-btn-outline-neutral-r:hover,
.ttw-btn-reverse-outline-neutral-r
  a.ttw-btn-reverse-outline-neutral-r,
a.ttw-btn-outline-neutral-r:focus,
a.ttw-btn-outline-neutral-r:hover {
  background-color: var(--dnn-color-neutral-r, 245);
  border-color: var(--dnn-color-neutral-r, 245);
}
.ttw-btn-reverse-outline-neutral-r
  a.ttw-btn-reverse-outline-neutral-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-neutral-r
  a.ttw-btn-reverse-outline-neutral-r:focus,
.ttw-btn-reverse-outline-neutral-r
  a.ttw-btn-reverse-outline-neutral-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-neutral-r, 245);
  color: var(--dnn-color-neutral-r, 245);
}
.ttw-btn-inverse-neutral-r,
a.ttw-btn-inverse-neutral-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-neutral-r, 245);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-neutral-r:focus,
.ttw-btn-inverse-neutral-r:hover,
a.ttw-btn-inverse-neutral-r:focus,
a.ttw-btn-inverse-neutral-r:hover {
  background-color: rgba(
    var(--dnn-color-neutral-r-r),
    var(--dnn-color-neutral-r-g),
    var(--dnn-color-neutral-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-neutral-r-r),
    var(--dnn-color-neutral-r-g),
    var(--dnn-color-neutral-r-b),
    0.9
  );
  color: "neutral-r";
}
.ttw-btn-neutral-g,
a.ttw-btn-neutral-g {
  background-color: var(--dnn-color-neutral-g, 245);
  border-color: var(--dnn-color-neutral-g, 245);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-neutral-g:focus,
.ttw-btn-neutral-g:hover,
a.ttw-btn-neutral-g:focus,
a.ttw-btn-neutral-g:hover {
  background-color: rgba(
    var(--dnn-color-neutral-g-r),
    var(--dnn-color-neutral-g-g),
    var(--dnn-color-neutral-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-neutral-g-r),
    var(--dnn-color-neutral-g-g),
    var(--dnn-color-neutral-g-b),
    0.8
  );
}
.ttw-btn-outline-neutral-g,
a.ttw-btn-outline-neutral-g {
  background-color: transparent;
  border-color: var(--dnn-color-neutral-g, 245);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-neutral-g, 245);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-neutral-g:focus,
.ttw-btn-outline-neutral-g:hover,
.ttw-btn-reverse-outline-neutral-g
  a.ttw-btn-reverse-outline-neutral-g,
a.ttw-btn-outline-neutral-g:focus,
a.ttw-btn-outline-neutral-g:hover {
  background-color: var(--dnn-color-neutral-g, 245);
  border-color: var(--dnn-color-neutral-g, 245);
}
.ttw-btn-reverse-outline-neutral-g
  a.ttw-btn-reverse-outline-neutral-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-neutral-g
  a.ttw-btn-reverse-outline-neutral-g:focus,
.ttw-btn-reverse-outline-neutral-g
  a.ttw-btn-reverse-outline-neutral-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-neutral-g, 245);
  color: var(--dnn-color-neutral-g, 245);
}
.ttw-btn-inverse-neutral-g,
a.ttw-btn-inverse-neutral-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-neutral-g, 245);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-neutral-g:focus,
.ttw-btn-inverse-neutral-g:hover,
a.ttw-btn-inverse-neutral-g:focus,
a.ttw-btn-inverse-neutral-g:hover {
  background-color: rgba(
    var(--dnn-color-neutral-g-r),
    var(--dnn-color-neutral-g-g),
    var(--dnn-color-neutral-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-neutral-g-r),
    var(--dnn-color-neutral-g-g),
    var(--dnn-color-neutral-g-b),
    0.9
  );
  color: "neutral-g";
}
.ttw-btn-neutral-b,
a.ttw-btn-neutral-b {
  background-color: var(--dnn-color-neutral-b, 245);
  border-color: var(--dnn-color-neutral-b, 245);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-neutral-b:focus,
.ttw-btn-neutral-b:hover,
a.ttw-btn-neutral-b:focus,
a.ttw-btn-neutral-b:hover {
  background-color: rgba(
    var(--dnn-color-neutral-b-r),
    var(--dnn-color-neutral-b-g),
    var(--dnn-color-neutral-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-neutral-b-r),
    var(--dnn-color-neutral-b-g),
    var(--dnn-color-neutral-b-b),
    0.8
  );
}
.ttw-btn-outline-neutral-b,
a.ttw-btn-outline-neutral-b {
  background-color: transparent;
  border-color: var(--dnn-color-neutral-b, 245);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-neutral-b, 245);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-neutral-b:focus,
.ttw-btn-outline-neutral-b:hover,
.ttw-btn-reverse-outline-neutral-b
  a.ttw-btn-reverse-outline-neutral-b,
a.ttw-btn-outline-neutral-b:focus,
a.ttw-btn-outline-neutral-b:hover {
  background-color: var(--dnn-color-neutral-b, 245);
  border-color: var(--dnn-color-neutral-b, 245);
}
.ttw-btn-reverse-outline-neutral-b
  a.ttw-btn-reverse-outline-neutral-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-neutral-b
  a.ttw-btn-reverse-outline-neutral-b:focus,
.ttw-btn-reverse-outline-neutral-b
  a.ttw-btn-reverse-outline-neutral-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-neutral-b, 245);
  color: var(--dnn-color-neutral-b, 245);
}
.ttw-btn-inverse-neutral-b,
a.ttw-btn-inverse-neutral-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-neutral-b, 245);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-neutral-b:focus,
.ttw-btn-inverse-neutral-b:hover,
a.ttw-btn-inverse-neutral-b:focus,
a.ttw-btn-inverse-neutral-b:hover {
  background-color: rgba(
    var(--dnn-color-neutral-b-r),
    var(--dnn-color-neutral-b-g),
    var(--dnn-color-neutral-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-neutral-b-r),
    var(--dnn-color-neutral-b-g),
    var(--dnn-color-neutral-b-b),
    0.9
  );
  color: "neutral-b";
}
.ttw-btn-neutral-light,
a.ttw-btn-neutral-light {
  background-color: var(--dnn-color-neutral-light, #fff);
  border-color: var(--dnn-color-neutral-light, #fff);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-neutral-light:focus,
.ttw-btn-neutral-light:hover,
a.ttw-btn-neutral-light:focus,
a.ttw-btn-neutral-light:hover {
  background-color: rgba(
    var(--dnn-color-neutral-light-r),
    var(--dnn-color-neutral-light-g),
    var(--dnn-color-neutral-light-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-neutral-light-r),
    var(--dnn-color-neutral-light-g),
    var(--dnn-color-neutral-light-b),
    0.8
  );
}
.ttw-btn-outline-neutral-light,
a.ttw-btn-outline-neutral-light {
  background-color: transparent;
  border-color: var(--dnn-color-neutral-light, #fff);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-neutral-light, #fff);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-neutral-light:focus,
.ttw-btn-outline-neutral-light:hover,
.ttw-btn-reverse-outline-neutral-light
  a.ttw-btn-reverse-outline-neutral-light,
a.ttw-btn-outline-neutral-light:focus,
a.ttw-btn-outline-neutral-light:hover {
  background-color: var(--dnn-color-neutral-light, #fff);
  border-color: var(--dnn-color-neutral-light, #fff);
}
.ttw-btn-reverse-outline-neutral-light
  a.ttw-btn-reverse-outline-neutral-light {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-neutral-light
  a.ttw-btn-reverse-outline-neutral-light:focus,
.ttw-btn-reverse-outline-neutral-light
  a.ttw-btn-reverse-outline-neutral-light:hover {
  background-color: transparent;
  border-color: var(--dnn-color-neutral-light, #fff);
  color: var(--dnn-color-neutral-light, #fff);
}
.ttw-btn-inverse-neutral-light,
a.ttw-btn-inverse-neutral-light {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-neutral-light, #fff);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-neutral-light:focus,
.ttw-btn-inverse-neutral-light:hover,
a.ttw-btn-inverse-neutral-light:focus,
a.ttw-btn-inverse-neutral-light:hover {
  background-color: rgba(
    var(--dnn-color-neutral-light-r),
    var(--dnn-color-neutral-light-g),
    var(--dnn-color-neutral-light-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-neutral-light-r),
    var(--dnn-color-neutral-light-g),
    var(--dnn-color-neutral-light-b),
    0.9
  );
  color: "neutral-light";
}
.ttw-btn-neutral-light-r,
a.ttw-btn-neutral-light-r {
  background-color: var(--dnn-color-neutral-light-r, 255);
  border-color: var(--dnn-color-neutral-light-r, 255);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-neutral-light-r:focus,
.ttw-btn-neutral-light-r:hover,
a.ttw-btn-neutral-light-r:focus,
a.ttw-btn-neutral-light-r:hover {
  background-color: rgba(
    var(--dnn-color-neutral-light-r-r),
    var(--dnn-color-neutral-light-r-g),
    var(--dnn-color-neutral-light-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-neutral-light-r-r),
    var(--dnn-color-neutral-light-r-g),
    var(--dnn-color-neutral-light-r-b),
    0.8
  );
}
.ttw-btn-outline-neutral-light-r,
a.ttw-btn-outline-neutral-light-r {
  background-color: transparent;
  border-color: var(--dnn-color-neutral-light-r, 255);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-neutral-light-r, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-neutral-light-r:focus,
.ttw-btn-outline-neutral-light-r:hover,
.ttw-btn-reverse-outline-neutral-light-r
  a.ttw-btn-reverse-outline-neutral-light-r,
a.ttw-btn-outline-neutral-light-r:focus,
a.ttw-btn-outline-neutral-light-r:hover {
  background-color: var(--dnn-color-neutral-light-r, 255);
  border-color: var(--dnn-color-neutral-light-r, 255);
}
.ttw-btn-reverse-outline-neutral-light-r
  a.ttw-btn-reverse-outline-neutral-light-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-neutral-light-r
  a.ttw-btn-reverse-outline-neutral-light-r:focus,
.ttw-btn-reverse-outline-neutral-light-r
  a.ttw-btn-reverse-outline-neutral-light-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-neutral-light-r, 255);
  color: var(--dnn-color-neutral-light-r, 255);
}
.ttw-btn-inverse-neutral-light-r,
a.ttw-btn-inverse-neutral-light-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-neutral-light-r, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-neutral-light-r:focus,
.ttw-btn-inverse-neutral-light-r:hover,
a.ttw-btn-inverse-neutral-light-r:focus,
a.ttw-btn-inverse-neutral-light-r:hover {
  background-color: rgba(
    var(--dnn-color-neutral-light-r-r),
    var(--dnn-color-neutral-light-r-g),
    var(--dnn-color-neutral-light-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-neutral-light-r-r),
    var(--dnn-color-neutral-light-r-g),
    var(--dnn-color-neutral-light-r-b),
    0.9
  );
  color: "neutral-light-r";
}
.ttw-btn-neutral-light-g,
a.ttw-btn-neutral-light-g {
  background-color: var(--dnn-color-neutral-light-g, 255);
  border-color: var(--dnn-color-neutral-light-g, 255);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-neutral-light-g:focus,
.ttw-btn-neutral-light-g:hover,
a.ttw-btn-neutral-light-g:focus,
a.ttw-btn-neutral-light-g:hover {
  background-color: rgba(
    var(--dnn-color-neutral-light-g-r),
    var(--dnn-color-neutral-light-g-g),
    var(--dnn-color-neutral-light-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-neutral-light-g-r),
    var(--dnn-color-neutral-light-g-g),
    var(--dnn-color-neutral-light-g-b),
    0.8
  );
}
.ttw-btn-outline-neutral-light-g,
a.ttw-btn-outline-neutral-light-g {
  background-color: transparent;
  border-color: var(--dnn-color-neutral-light-g, 255);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-neutral-light-g, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-neutral-light-g:focus,
.ttw-btn-outline-neutral-light-g:hover,
.ttw-btn-reverse-outline-neutral-light-g
  a.ttw-btn-reverse-outline-neutral-light-g,
a.ttw-btn-outline-neutral-light-g:focus,
a.ttw-btn-outline-neutral-light-g:hover {
  background-color: var(--dnn-color-neutral-light-g, 255);
  border-color: var(--dnn-color-neutral-light-g, 255);
}
.ttw-btn-reverse-outline-neutral-light-g
  a.ttw-btn-reverse-outline-neutral-light-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-neutral-light-g
  a.ttw-btn-reverse-outline-neutral-light-g:focus,
.ttw-btn-reverse-outline-neutral-light-g
  a.ttw-btn-reverse-outline-neutral-light-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-neutral-light-g, 255);
  color: var(--dnn-color-neutral-light-g, 255);
}
.ttw-btn-inverse-neutral-light-g,
a.ttw-btn-inverse-neutral-light-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-neutral-light-g, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-neutral-light-g:focus,
.ttw-btn-inverse-neutral-light-g:hover,
a.ttw-btn-inverse-neutral-light-g:focus,
a.ttw-btn-inverse-neutral-light-g:hover {
  background-color: rgba(
    var(--dnn-color-neutral-light-g-r),
    var(--dnn-color-neutral-light-g-g),
    var(--dnn-color-neutral-light-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-neutral-light-g-r),
    var(--dnn-color-neutral-light-g-g),
    var(--dnn-color-neutral-light-g-b),
    0.9
  );
  color: "neutral-light-g";
}
.ttw-btn-neutral-light-b,
a.ttw-btn-neutral-light-b {
  background-color: var(--dnn-color-neutral-light-b, 255);
  border-color: var(--dnn-color-neutral-light-b, 255);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-neutral-light-b:focus,
.ttw-btn-neutral-light-b:hover,
a.ttw-btn-neutral-light-b:focus,
a.ttw-btn-neutral-light-b:hover {
  background-color: rgba(
    var(--dnn-color-neutral-light-b-r),
    var(--dnn-color-neutral-light-b-g),
    var(--dnn-color-neutral-light-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-neutral-light-b-r),
    var(--dnn-color-neutral-light-b-g),
    var(--dnn-color-neutral-light-b-b),
    0.8
  );
}
.ttw-btn-outline-neutral-light-b,
a.ttw-btn-outline-neutral-light-b {
  background-color: transparent;
  border-color: var(--dnn-color-neutral-light-b, 255);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-neutral-light-b, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-neutral-light-b:focus,
.ttw-btn-outline-neutral-light-b:hover,
.ttw-btn-reverse-outline-neutral-light-b
  a.ttw-btn-reverse-outline-neutral-light-b,
a.ttw-btn-outline-neutral-light-b:focus,
a.ttw-btn-outline-neutral-light-b:hover {
  background-color: var(--dnn-color-neutral-light-b, 255);
  border-color: var(--dnn-color-neutral-light-b, 255);
}
.ttw-btn-reverse-outline-neutral-light-b
  a.ttw-btn-reverse-outline-neutral-light-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-neutral-light-b
  a.ttw-btn-reverse-outline-neutral-light-b:focus,
.ttw-btn-reverse-outline-neutral-light-b
  a.ttw-btn-reverse-outline-neutral-light-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-neutral-light-b, 255);
  color: var(--dnn-color-neutral-light-b, 255);
}
.ttw-btn-inverse-neutral-light-b,
a.ttw-btn-inverse-neutral-light-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-neutral-light-b, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-neutral-light-b:focus,
.ttw-btn-inverse-neutral-light-b:hover,
a.ttw-btn-inverse-neutral-light-b:focus,
a.ttw-btn-inverse-neutral-light-b:hover {
  background-color: rgba(
    var(--dnn-color-neutral-light-b-r),
    var(--dnn-color-neutral-light-b-g),
    var(--dnn-color-neutral-light-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-neutral-light-b-r),
    var(--dnn-color-neutral-light-b-g),
    var(--dnn-color-neutral-light-b-b),
    0.9
  );
  color: "neutral-light-b";
}
.ttw-btn-neutral-dark,
a.ttw-btn-neutral-dark {
  background-color: var(--dnn-color-neutral-dark, #999);
  border-color: var(--dnn-color-neutral-dark, #999);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-neutral-dark:focus,
.ttw-btn-neutral-dark:hover,
a.ttw-btn-neutral-dark:focus,
a.ttw-btn-neutral-dark:hover {
  background-color: rgba(
    var(--dnn-color-neutral-dark-r),
    var(--dnn-color-neutral-dark-g),
    var(--dnn-color-neutral-dark-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-neutral-dark-r),
    var(--dnn-color-neutral-dark-g),
    var(--dnn-color-neutral-dark-b),
    0.8
  );
}
.ttw-btn-outline-neutral-dark,
a.ttw-btn-outline-neutral-dark {
  background-color: transparent;
  border-color: var(--dnn-color-neutral-dark, #999);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-neutral-dark, #999);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-neutral-dark:focus,
.ttw-btn-outline-neutral-dark:hover,
.ttw-btn-reverse-outline-neutral-dark
  a.ttw-btn-reverse-outline-neutral-dark,
a.ttw-btn-outline-neutral-dark:focus,
a.ttw-btn-outline-neutral-dark:hover {
  background-color: var(--dnn-color-neutral-dark, #999);
  border-color: var(--dnn-color-neutral-dark, #999);
}
.ttw-btn-reverse-outline-neutral-dark
  a.ttw-btn-reverse-outline-neutral-dark {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-neutral-dark
  a.ttw-btn-reverse-outline-neutral-dark:focus,
.ttw-btn-reverse-outline-neutral-dark
  a.ttw-btn-reverse-outline-neutral-dark:hover {
  background-color: transparent;
  border-color: var(--dnn-color-neutral-dark, #999);
  color: var(--dnn-color-neutral-dark, #999);
}
.ttw-btn-inverse-neutral-dark,
a.ttw-btn-inverse-neutral-dark {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-neutral-dark, #999);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-neutral-dark:focus,
.ttw-btn-inverse-neutral-dark:hover,
a.ttw-btn-inverse-neutral-dark:focus,
a.ttw-btn-inverse-neutral-dark:hover {
  background-color: rgba(
    var(--dnn-color-neutral-dark-r),
    var(--dnn-color-neutral-dark-g),
    var(--dnn-color-neutral-dark-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-neutral-dark-r),
    var(--dnn-color-neutral-dark-g),
    var(--dnn-color-neutral-dark-b),
    0.9
  );
  color: "neutral-dark";
}
.ttw-btn-neutral-dark-r,
a.ttw-btn-neutral-dark-r {
  background-color: var(--dnn-color-neutral-dark-r, 153);
  border-color: var(--dnn-color-neutral-dark-r, 153);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-neutral-dark-r:focus,
.ttw-btn-neutral-dark-r:hover,
a.ttw-btn-neutral-dark-r:focus,
a.ttw-btn-neutral-dark-r:hover {
  background-color: rgba(
    var(--dnn-color-neutral-dark-r-r),
    var(--dnn-color-neutral-dark-r-g),
    var(--dnn-color-neutral-dark-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-neutral-dark-r-r),
    var(--dnn-color-neutral-dark-r-g),
    var(--dnn-color-neutral-dark-r-b),
    0.8
  );
}
.ttw-btn-outline-neutral-dark-r,
a.ttw-btn-outline-neutral-dark-r {
  background-color: transparent;
  border-color: var(--dnn-color-neutral-dark-r, 153);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-neutral-dark-r, 153);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-neutral-dark-r:focus,
.ttw-btn-outline-neutral-dark-r:hover,
.ttw-btn-reverse-outline-neutral-dark-r
  a.ttw-btn-reverse-outline-neutral-dark-r,
a.ttw-btn-outline-neutral-dark-r:focus,
a.ttw-btn-outline-neutral-dark-r:hover {
  background-color: var(--dnn-color-neutral-dark-r, 153);
  border-color: var(--dnn-color-neutral-dark-r, 153);
}
.ttw-btn-reverse-outline-neutral-dark-r
  a.ttw-btn-reverse-outline-neutral-dark-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-neutral-dark-r
  a.ttw-btn-reverse-outline-neutral-dark-r:focus,
.ttw-btn-reverse-outline-neutral-dark-r
  a.ttw-btn-reverse-outline-neutral-dark-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-neutral-dark-r, 153);
  color: var(--dnn-color-neutral-dark-r, 153);
}
.ttw-btn-inverse-neutral-dark-r,
a.ttw-btn-inverse-neutral-dark-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-neutral-dark-r, 153);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-neutral-dark-r:focus,
.ttw-btn-inverse-neutral-dark-r:hover,
a.ttw-btn-inverse-neutral-dark-r:focus,
a.ttw-btn-inverse-neutral-dark-r:hover {
  background-color: rgba(
    var(--dnn-color-neutral-dark-r-r),
    var(--dnn-color-neutral-dark-r-g),
    var(--dnn-color-neutral-dark-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-neutral-dark-r-r),
    var(--dnn-color-neutral-dark-r-g),
    var(--dnn-color-neutral-dark-r-b),
    0.9
  );
  color: "neutral-dark-r";
}
.ttw-btn-neutral-dark-g,
a.ttw-btn-neutral-dark-g {
  background-color: var(--dnn-color-neutral-dark-g, 153);
  border-color: var(--dnn-color-neutral-dark-g, 153);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-neutral-dark-g:focus,
.ttw-btn-neutral-dark-g:hover,
a.ttw-btn-neutral-dark-g:focus,
a.ttw-btn-neutral-dark-g:hover {
  background-color: rgba(
    var(--dnn-color-neutral-dark-g-r),
    var(--dnn-color-neutral-dark-g-g),
    var(--dnn-color-neutral-dark-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-neutral-dark-g-r),
    var(--dnn-color-neutral-dark-g-g),
    var(--dnn-color-neutral-dark-g-b),
    0.8
  );
}
.ttw-btn-outline-neutral-dark-g,
a.ttw-btn-outline-neutral-dark-g {
  background-color: transparent;
  border-color: var(--dnn-color-neutral-dark-g, 153);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-neutral-dark-g, 153);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-neutral-dark-g:focus,
.ttw-btn-outline-neutral-dark-g:hover,
.ttw-btn-reverse-outline-neutral-dark-g
  a.ttw-btn-reverse-outline-neutral-dark-g,
a.ttw-btn-outline-neutral-dark-g:focus,
a.ttw-btn-outline-neutral-dark-g:hover {
  background-color: var(--dnn-color-neutral-dark-g, 153);
  border-color: var(--dnn-color-neutral-dark-g, 153);
}
.ttw-btn-reverse-outline-neutral-dark-g
  a.ttw-btn-reverse-outline-neutral-dark-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-neutral-dark-g
  a.ttw-btn-reverse-outline-neutral-dark-g:focus,
.ttw-btn-reverse-outline-neutral-dark-g
  a.ttw-btn-reverse-outline-neutral-dark-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-neutral-dark-g, 153);
  color: var(--dnn-color-neutral-dark-g, 153);
}
.ttw-btn-inverse-neutral-dark-g,
a.ttw-btn-inverse-neutral-dark-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-neutral-dark-g, 153);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-neutral-dark-g:focus,
.ttw-btn-inverse-neutral-dark-g:hover,
a.ttw-btn-inverse-neutral-dark-g:focus,
a.ttw-btn-inverse-neutral-dark-g:hover {
  background-color: rgba(
    var(--dnn-color-neutral-dark-g-r),
    var(--dnn-color-neutral-dark-g-g),
    var(--dnn-color-neutral-dark-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-neutral-dark-g-r),
    var(--dnn-color-neutral-dark-g-g),
    var(--dnn-color-neutral-dark-g-b),
    0.9
  );
  color: "neutral-dark-g";
}
.ttw-btn-neutral-dark-b,
a.ttw-btn-neutral-dark-b {
  background-color: var(--dnn-color-neutral-dark-b, 153);
  border-color: var(--dnn-color-neutral-dark-b, 153);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-neutral-dark-b:focus,
.ttw-btn-neutral-dark-b:hover,
a.ttw-btn-neutral-dark-b:focus,
a.ttw-btn-neutral-dark-b:hover {
  background-color: rgba(
    var(--dnn-color-neutral-dark-b-r),
    var(--dnn-color-neutral-dark-b-g),
    var(--dnn-color-neutral-dark-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-neutral-dark-b-r),
    var(--dnn-color-neutral-dark-b-g),
    var(--dnn-color-neutral-dark-b-b),
    0.8
  );
}
.ttw-btn-outline-neutral-dark-b,
a.ttw-btn-outline-neutral-dark-b {
  background-color: transparent;
  border-color: var(--dnn-color-neutral-dark-b, 153);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-neutral-dark-b, 153);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-neutral-dark-b:focus,
.ttw-btn-outline-neutral-dark-b:hover,
.ttw-btn-reverse-outline-neutral-dark-b
  a.ttw-btn-reverse-outline-neutral-dark-b,
a.ttw-btn-outline-neutral-dark-b:focus,
a.ttw-btn-outline-neutral-dark-b:hover {
  background-color: var(--dnn-color-neutral-dark-b, 153);
  border-color: var(--dnn-color-neutral-dark-b, 153);
}
.ttw-btn-reverse-outline-neutral-dark-b
  a.ttw-btn-reverse-outline-neutral-dark-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-neutral-dark-b
  a.ttw-btn-reverse-outline-neutral-dark-b:focus,
.ttw-btn-reverse-outline-neutral-dark-b
  a.ttw-btn-reverse-outline-neutral-dark-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-neutral-dark-b, 153);
  color: var(--dnn-color-neutral-dark-b, 153);
}
.ttw-btn-inverse-neutral-dark-b,
a.ttw-btn-inverse-neutral-dark-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-neutral-dark-b, 153);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-neutral-dark-b:focus,
.ttw-btn-inverse-neutral-dark-b:hover,
a.ttw-btn-inverse-neutral-dark-b:focus,
a.ttw-btn-inverse-neutral-dark-b:hover {
  background-color: rgba(
    var(--dnn-color-neutral-dark-b-r),
    var(--dnn-color-neutral-dark-b-g),
    var(--dnn-color-neutral-dark-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-neutral-dark-b-r),
    var(--dnn-color-neutral-dark-b-g),
    var(--dnn-color-neutral-dark-b-b),
    0.9
  );
  color: "neutral-dark-b";
}
.ttw-btn-neutral-contrast,
a.ttw-btn-neutral-contrast {
  background-color: var(--dnn-color-neutral-contrast, #000);
  border-color: var(--dnn-color-neutral-contrast, #000);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-neutral-contrast:focus,
.ttw-btn-neutral-contrast:hover,
a.ttw-btn-neutral-contrast:focus,
a.ttw-btn-neutral-contrast:hover {
  background-color: rgba(
    var(--dnn-color-neutral-contrast-r),
    var(--dnn-color-neutral-contrast-g),
    var(--dnn-color-neutral-contrast-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-neutral-contrast-r),
    var(--dnn-color-neutral-contrast-g),
    var(--dnn-color-neutral-contrast-b),
    0.8
  );
}
.ttw-btn-outline-neutral-contrast,
a.ttw-btn-outline-neutral-contrast {
  background-color: transparent;
  border-color: var(--dnn-color-neutral-contrast, #000);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-neutral-contrast, #000);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-neutral-contrast:focus,
.ttw-btn-outline-neutral-contrast:hover,
.ttw-btn-reverse-outline-neutral-contrast
  a.ttw-btn-reverse-outline-neutral-contrast,
a.ttw-btn-outline-neutral-contrast:focus,
a.ttw-btn-outline-neutral-contrast:hover {
  background-color: var(--dnn-color-neutral-contrast, #000);
  border-color: var(--dnn-color-neutral-contrast, #000);
}
.ttw-btn-reverse-outline-neutral-contrast
  a.ttw-btn-reverse-outline-neutral-contrast {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-neutral-contrast
  a.ttw-btn-reverse-outline-neutral-contrast:focus,
.ttw-btn-reverse-outline-neutral-contrast
  a.ttw-btn-reverse-outline-neutral-contrast:hover {
  background-color: transparent;
  border-color: var(--dnn-color-neutral-contrast, #000);
  color: var(--dnn-color-neutral-contrast, #000);
}
.ttw-btn-inverse-neutral-contrast,
a.ttw-btn-inverse-neutral-contrast {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-neutral-contrast, #000);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-neutral-contrast:focus,
.ttw-btn-inverse-neutral-contrast:hover,
a.ttw-btn-inverse-neutral-contrast:focus,
a.ttw-btn-inverse-neutral-contrast:hover {
  background-color: rgba(
    var(--dnn-color-neutral-contrast-r),
    var(--dnn-color-neutral-contrast-g),
    var(--dnn-color-neutral-contrast-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-neutral-contrast-r),
    var(--dnn-color-neutral-contrast-g),
    var(--dnn-color-neutral-contrast-b),
    0.9
  );
  color: "neutral-contrast";
}
.ttw-btn-neutral-contrast-r,
a.ttw-btn-neutral-contrast-r {
  background-color: var(--dnn-color-neutral-contrast-r, 0);
  border-color: var(--dnn-color-neutral-contrast-r, 0);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-neutral-contrast-r:focus,
.ttw-btn-neutral-contrast-r:hover,
a.ttw-btn-neutral-contrast-r:focus,
a.ttw-btn-neutral-contrast-r:hover {
  background-color: rgba(
    var(--dnn-color-neutral-contrast-r-r),
    var(--dnn-color-neutral-contrast-r-g),
    var(--dnn-color-neutral-contrast-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-neutral-contrast-r-r),
    var(--dnn-color-neutral-contrast-r-g),
    var(--dnn-color-neutral-contrast-r-b),
    0.8
  );
}
.ttw-btn-outline-neutral-contrast-r,
a.ttw-btn-outline-neutral-contrast-r {
  background-color: transparent;
  border-color: var(--dnn-color-neutral-contrast-r, 0);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-neutral-contrast-r, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-neutral-contrast-r:focus,
.ttw-btn-outline-neutral-contrast-r:hover,
.ttw-btn-reverse-outline-neutral-contrast-r
  a.ttw-btn-reverse-outline-neutral-contrast-r,
a.ttw-btn-outline-neutral-contrast-r:focus,
a.ttw-btn-outline-neutral-contrast-r:hover {
  background-color: var(--dnn-color-neutral-contrast-r, 0);
  border-color: var(--dnn-color-neutral-contrast-r, 0);
}
.ttw-btn-reverse-outline-neutral-contrast-r
  a.ttw-btn-reverse-outline-neutral-contrast-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-neutral-contrast-r
  a.ttw-btn-reverse-outline-neutral-contrast-r:focus,
.ttw-btn-reverse-outline-neutral-contrast-r
  a.ttw-btn-reverse-outline-neutral-contrast-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-neutral-contrast-r, 0);
  color: var(--dnn-color-neutral-contrast-r, 0);
}
.ttw-btn-inverse-neutral-contrast-r,
a.ttw-btn-inverse-neutral-contrast-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-neutral-contrast-r, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-neutral-contrast-r:focus,
.ttw-btn-inverse-neutral-contrast-r:hover,
a.ttw-btn-inverse-neutral-contrast-r:focus,
a.ttw-btn-inverse-neutral-contrast-r:hover {
  background-color: rgba(
    var(--dnn-color-neutral-contrast-r-r),
    var(--dnn-color-neutral-contrast-r-g),
    var(--dnn-color-neutral-contrast-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-neutral-contrast-r-r),
    var(--dnn-color-neutral-contrast-r-g),
    var(--dnn-color-neutral-contrast-r-b),
    0.9
  );
  color: "neutral-contrast-r";
}
.ttw-btn-neutral-contrast-g,
a.ttw-btn-neutral-contrast-g {
  background-color: var(--dnn-color-neutral-contrast-g, 0);
  border-color: var(--dnn-color-neutral-contrast-g, 0);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-neutral-contrast-g:focus,
.ttw-btn-neutral-contrast-g:hover,
a.ttw-btn-neutral-contrast-g:focus,
a.ttw-btn-neutral-contrast-g:hover {
  background-color: rgba(
    var(--dnn-color-neutral-contrast-g-r),
    var(--dnn-color-neutral-contrast-g-g),
    var(--dnn-color-neutral-contrast-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-neutral-contrast-g-r),
    var(--dnn-color-neutral-contrast-g-g),
    var(--dnn-color-neutral-contrast-g-b),
    0.8
  );
}
.ttw-btn-outline-neutral-contrast-g,
a.ttw-btn-outline-neutral-contrast-g {
  background-color: transparent;
  border-color: var(--dnn-color-neutral-contrast-g, 0);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-neutral-contrast-g, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-neutral-contrast-g:focus,
.ttw-btn-outline-neutral-contrast-g:hover,
.ttw-btn-reverse-outline-neutral-contrast-g
  a.ttw-btn-reverse-outline-neutral-contrast-g,
a.ttw-btn-outline-neutral-contrast-g:focus,
a.ttw-btn-outline-neutral-contrast-g:hover {
  background-color: var(--dnn-color-neutral-contrast-g, 0);
  border-color: var(--dnn-color-neutral-contrast-g, 0);
}
.ttw-btn-reverse-outline-neutral-contrast-g
  a.ttw-btn-reverse-outline-neutral-contrast-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-neutral-contrast-g
  a.ttw-btn-reverse-outline-neutral-contrast-g:focus,
.ttw-btn-reverse-outline-neutral-contrast-g
  a.ttw-btn-reverse-outline-neutral-contrast-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-neutral-contrast-g, 0);
  color: var(--dnn-color-neutral-contrast-g, 0);
}
.ttw-btn-inverse-neutral-contrast-g,
a.ttw-btn-inverse-neutral-contrast-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-neutral-contrast-g, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-neutral-contrast-g:focus,
.ttw-btn-inverse-neutral-contrast-g:hover,
a.ttw-btn-inverse-neutral-contrast-g:focus,
a.ttw-btn-inverse-neutral-contrast-g:hover {
  background-color: rgba(
    var(--dnn-color-neutral-contrast-g-r),
    var(--dnn-color-neutral-contrast-g-g),
    var(--dnn-color-neutral-contrast-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-neutral-contrast-g-r),
    var(--dnn-color-neutral-contrast-g-g),
    var(--dnn-color-neutral-contrast-g-b),
    0.9
  );
  color: "neutral-contrast-g";
}
.ttw-btn-neutral-contrast-b,
a.ttw-btn-neutral-contrast-b {
  background-color: var(--dnn-color-neutral-contrast-b, 0);
  border-color: var(--dnn-color-neutral-contrast-b, 0);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-neutral-contrast-b:focus,
.ttw-btn-neutral-contrast-b:hover,
a.ttw-btn-neutral-contrast-b:focus,
a.ttw-btn-neutral-contrast-b:hover {
  background-color: rgba(
    var(--dnn-color-neutral-contrast-b-r),
    var(--dnn-color-neutral-contrast-b-g),
    var(--dnn-color-neutral-contrast-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-neutral-contrast-b-r),
    var(--dnn-color-neutral-contrast-b-g),
    var(--dnn-color-neutral-contrast-b-b),
    0.8
  );
}
.ttw-btn-outline-neutral-contrast-b,
a.ttw-btn-outline-neutral-contrast-b {
  background-color: transparent;
  border-color: var(--dnn-color-neutral-contrast-b, 0);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-neutral-contrast-b, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-neutral-contrast-b:focus,
.ttw-btn-outline-neutral-contrast-b:hover,
.ttw-btn-reverse-outline-neutral-contrast-b
  a.ttw-btn-reverse-outline-neutral-contrast-b,
a.ttw-btn-outline-neutral-contrast-b:focus,
a.ttw-btn-outline-neutral-contrast-b:hover {
  background-color: var(--dnn-color-neutral-contrast-b, 0);
  border-color: var(--dnn-color-neutral-contrast-b, 0);
}
.ttw-btn-reverse-outline-neutral-contrast-b
  a.ttw-btn-reverse-outline-neutral-contrast-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-neutral-contrast-b
  a.ttw-btn-reverse-outline-neutral-contrast-b:focus,
.ttw-btn-reverse-outline-neutral-contrast-b
  a.ttw-btn-reverse-outline-neutral-contrast-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-neutral-contrast-b, 0);
  color: var(--dnn-color-neutral-contrast-b, 0);
}
.ttw-btn-inverse-neutral-contrast-b,
a.ttw-btn-inverse-neutral-contrast-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-neutral-contrast-b, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-neutral-contrast-b:focus,
.ttw-btn-inverse-neutral-contrast-b:hover,
a.ttw-btn-inverse-neutral-contrast-b:focus,
a.ttw-btn-inverse-neutral-contrast-b:hover {
  background-color: rgba(
    var(--dnn-color-neutral-contrast-b-r),
    var(--dnn-color-neutral-contrast-b-g),
    var(--dnn-color-neutral-contrast-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-neutral-contrast-b-r),
    var(--dnn-color-neutral-contrast-b-g),
    var(--dnn-color-neutral-contrast-b-b),
    0.9
  );
  color: "neutral-contrast-b";
}
.ttw-btn-background,
a.ttw-btn-background {
  background-color: var(--dnn-color-background, #fff);
  border-color: var(--dnn-color-background, #fff);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-background-contrast, #000);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-background:focus,
.ttw-btn-background:hover,
a.ttw-btn-background:focus,
a.ttw-btn-background:hover {
  background-color: rgba(
    var(--dnn-color-background-r),
    var(--dnn-color-background-g),
    var(--dnn-color-background-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-background-r),
    var(--dnn-color-background-g),
    var(--dnn-color-background-b),
    0.8
  );
  color: var(--dnn-color-background-contrast, #000);
}
.ttw-btn-outline-background,
a.ttw-btn-outline-background {
  background-color: transparent;
  border-color: var(--dnn-color-background, #fff);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-background, #fff);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-background:focus,
.ttw-btn-outline-background:hover,
.ttw-btn-reverse-outline-background
  a.ttw-btn-reverse-outline-background,
a.ttw-btn-outline-background:focus,
a.ttw-btn-outline-background:hover {
  background-color: var(--dnn-color-background, #fff);
  border-color: var(--dnn-color-background, #fff);
  color: var(--dnn-color-background-contrast, #000);
}
.ttw-btn-reverse-outline-background
  a.ttw-btn-reverse-outline-background {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-background
  a.ttw-btn-reverse-outline-background:focus,
.ttw-btn-reverse-outline-background
  a.ttw-btn-reverse-outline-background:hover {
  background-color: transparent;
  border-color: var(--dnn-color-background, #fff);
  color: var(--dnn-color-background, #fff);
}
.ttw-btn-inverse-background,
a.ttw-btn-inverse-background {
  background-color: var(--dnn-color-background-contrast, #000);
  background-image: none;
  border-color: var(--dnn-color-background-contrast, #000);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-background, #fff);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-background:focus,
.ttw-btn-inverse-background:hover,
a.ttw-btn-inverse-background:focus,
a.ttw-btn-inverse-background:hover {
  background-color: rgba(
    var(--dnn-color-background-r),
    var(--dnn-color-background-g),
    var(--dnn-color-background-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-background-r),
    var(--dnn-color-background-g),
    var(--dnn-color-background-b),
    0.9
  );
  color: "background";
}
.ttw-btn-background-r,
a.ttw-btn-background-r {
  background-color: var(--dnn-color-background-r, 255);
  border-color: var(--dnn-color-background-r, 255);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-background-r:focus,
.ttw-btn-background-r:hover,
a.ttw-btn-background-r:focus,
a.ttw-btn-background-r:hover {
  background-color: rgba(
    var(--dnn-color-background-r-r),
    var(--dnn-color-background-r-g),
    var(--dnn-color-background-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-background-r-r),
    var(--dnn-color-background-r-g),
    var(--dnn-color-background-r-b),
    0.8
  );
}
.ttw-btn-outline-background-r,
a.ttw-btn-outline-background-r {
  background-color: transparent;
  border-color: var(--dnn-color-background-r, 255);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-background-r, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-background-r:focus,
.ttw-btn-outline-background-r:hover,
.ttw-btn-reverse-outline-background-r
  a.ttw-btn-reverse-outline-background-r,
a.ttw-btn-outline-background-r:focus,
a.ttw-btn-outline-background-r:hover {
  background-color: var(--dnn-color-background-r, 255);
  border-color: var(--dnn-color-background-r, 255);
}
.ttw-btn-reverse-outline-background-r
  a.ttw-btn-reverse-outline-background-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-background-r
  a.ttw-btn-reverse-outline-background-r:focus,
.ttw-btn-reverse-outline-background-r
  a.ttw-btn-reverse-outline-background-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-background-r, 255);
  color: var(--dnn-color-background-r, 255);
}
.ttw-btn-inverse-background-r,
a.ttw-btn-inverse-background-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-background-r, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-background-r:focus,
.ttw-btn-inverse-background-r:hover,
a.ttw-btn-inverse-background-r:focus,
a.ttw-btn-inverse-background-r:hover {
  background-color: rgba(
    var(--dnn-color-background-r-r),
    var(--dnn-color-background-r-g),
    var(--dnn-color-background-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-background-r-r),
    var(--dnn-color-background-r-g),
    var(--dnn-color-background-r-b),
    0.9
  );
  color: "background-r";
}
.ttw-btn-background-g,
a.ttw-btn-background-g {
  background-color: var(--dnn-color-background-g, 255);
  border-color: var(--dnn-color-background-g, 255);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-background-g:focus,
.ttw-btn-background-g:hover,
a.ttw-btn-background-g:focus,
a.ttw-btn-background-g:hover {
  background-color: rgba(
    var(--dnn-color-background-g-r),
    var(--dnn-color-background-g-g),
    var(--dnn-color-background-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-background-g-r),
    var(--dnn-color-background-g-g),
    var(--dnn-color-background-g-b),
    0.8
  );
}
.ttw-btn-outline-background-g,
a.ttw-btn-outline-background-g {
  background-color: transparent;
  border-color: var(--dnn-color-background-g, 255);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-background-g, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-background-g:focus,
.ttw-btn-outline-background-g:hover,
.ttw-btn-reverse-outline-background-g
  a.ttw-btn-reverse-outline-background-g,
a.ttw-btn-outline-background-g:focus,
a.ttw-btn-outline-background-g:hover {
  background-color: var(--dnn-color-background-g, 255);
  border-color: var(--dnn-color-background-g, 255);
}
.ttw-btn-reverse-outline-background-g
  a.ttw-btn-reverse-outline-background-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-background-g
  a.ttw-btn-reverse-outline-background-g:focus,
.ttw-btn-reverse-outline-background-g
  a.ttw-btn-reverse-outline-background-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-background-g, 255);
  color: var(--dnn-color-background-g, 255);
}
.ttw-btn-inverse-background-g,
a.ttw-btn-inverse-background-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-background-g, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-background-g:focus,
.ttw-btn-inverse-background-g:hover,
a.ttw-btn-inverse-background-g:focus,
a.ttw-btn-inverse-background-g:hover {
  background-color: rgba(
    var(--dnn-color-background-g-r),
    var(--dnn-color-background-g-g),
    var(--dnn-color-background-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-background-g-r),
    var(--dnn-color-background-g-g),
    var(--dnn-color-background-g-b),
    0.9
  );
  color: "background-g";
}
.ttw-btn-background-b,
a.ttw-btn-background-b {
  background-color: var(--dnn-color-background-b, 255);
  border-color: var(--dnn-color-background-b, 255);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-background-b:focus,
.ttw-btn-background-b:hover,
a.ttw-btn-background-b:focus,
a.ttw-btn-background-b:hover {
  background-color: rgba(
    var(--dnn-color-background-b-r),
    var(--dnn-color-background-b-g),
    var(--dnn-color-background-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-background-b-r),
    var(--dnn-color-background-b-g),
    var(--dnn-color-background-b-b),
    0.8
  );
}
.ttw-btn-outline-background-b,
a.ttw-btn-outline-background-b {
  background-color: transparent;
  border-color: var(--dnn-color-background-b, 255);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-background-b, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-background-b:focus,
.ttw-btn-outline-background-b:hover,
.ttw-btn-reverse-outline-background-b
  a.ttw-btn-reverse-outline-background-b,
a.ttw-btn-outline-background-b:focus,
a.ttw-btn-outline-background-b:hover {
  background-color: var(--dnn-color-background-b, 255);
  border-color: var(--dnn-color-background-b, 255);
}
.ttw-btn-reverse-outline-background-b
  a.ttw-btn-reverse-outline-background-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-background-b
  a.ttw-btn-reverse-outline-background-b:focus,
.ttw-btn-reverse-outline-background-b
  a.ttw-btn-reverse-outline-background-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-background-b, 255);
  color: var(--dnn-color-background-b, 255);
}
.ttw-btn-inverse-background-b,
a.ttw-btn-inverse-background-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-background-b, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-background-b:focus,
.ttw-btn-inverse-background-b:hover,
a.ttw-btn-inverse-background-b:focus,
a.ttw-btn-inverse-background-b:hover {
  background-color: rgba(
    var(--dnn-color-background-b-r),
    var(--dnn-color-background-b-g),
    var(--dnn-color-background-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-background-b-r),
    var(--dnn-color-background-b-g),
    var(--dnn-color-background-b-b),
    0.9
  );
  color: "background-b";
}
.ttw-btn-background-light,
a.ttw-btn-background-light {
  background-color: var(--dnn-color-background-light, #f5f5f5);
  border-color: var(--dnn-color-background-light, #f5f5f5);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-background-light:focus,
.ttw-btn-background-light:hover,
a.ttw-btn-background-light:focus,
a.ttw-btn-background-light:hover {
  background-color: rgba(
    var(--dnn-color-background-light-r),
    var(--dnn-color-background-light-g),
    var(--dnn-color-background-light-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-background-light-r),
    var(--dnn-color-background-light-g),
    var(--dnn-color-background-light-b),
    0.8
  );
}
.ttw-btn-outline-background-light,
a.ttw-btn-outline-background-light {
  background-color: transparent;
  border-color: var(--dnn-color-background-light, #f5f5f5);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-background-light, #f5f5f5);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-background-light:focus,
.ttw-btn-outline-background-light:hover,
.ttw-btn-reverse-outline-background-light
  a.ttw-btn-reverse-outline-background-light,
a.ttw-btn-outline-background-light:focus,
a.ttw-btn-outline-background-light:hover {
  background-color: var(--dnn-color-background-light, #f5f5f5);
  border-color: var(--dnn-color-background-light, #f5f5f5);
}
.ttw-btn-reverse-outline-background-light
  a.ttw-btn-reverse-outline-background-light {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-background-light
  a.ttw-btn-reverse-outline-background-light:focus,
.ttw-btn-reverse-outline-background-light
  a.ttw-btn-reverse-outline-background-light:hover {
  background-color: transparent;
  border-color: var(--dnn-color-background-light, #f5f5f5);
  color: var(--dnn-color-background-light, #f5f5f5);
}
.ttw-btn-inverse-background-light,
a.ttw-btn-inverse-background-light {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-background-light, #f5f5f5);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-background-light:focus,
.ttw-btn-inverse-background-light:hover,
a.ttw-btn-inverse-background-light:focus,
a.ttw-btn-inverse-background-light:hover {
  background-color: rgba(
    var(--dnn-color-background-light-r),
    var(--dnn-color-background-light-g),
    var(--dnn-color-background-light-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-background-light-r),
    var(--dnn-color-background-light-g),
    var(--dnn-color-background-light-b),
    0.9
  );
  color: "background-light";
}
.ttw-btn-background-light-r,
a.ttw-btn-background-light-r {
  background-color: var(--dnn-color-background-light-r, 245);
  border-color: var(--dnn-color-background-light-r, 245);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-background-light-r:focus,
.ttw-btn-background-light-r:hover,
a.ttw-btn-background-light-r:focus,
a.ttw-btn-background-light-r:hover {
  background-color: rgba(
    var(--dnn-color-background-light-r-r),
    var(--dnn-color-background-light-r-g),
    var(--dnn-color-background-light-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-background-light-r-r),
    var(--dnn-color-background-light-r-g),
    var(--dnn-color-background-light-r-b),
    0.8
  );
}
.ttw-btn-outline-background-light-r,
a.ttw-btn-outline-background-light-r {
  background-color: transparent;
  border-color: var(--dnn-color-background-light-r, 245);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-background-light-r, 245);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-background-light-r:focus,
.ttw-btn-outline-background-light-r:hover,
.ttw-btn-reverse-outline-background-light-r
  a.ttw-btn-reverse-outline-background-light-r,
a.ttw-btn-outline-background-light-r:focus,
a.ttw-btn-outline-background-light-r:hover {
  background-color: var(--dnn-color-background-light-r, 245);
  border-color: var(--dnn-color-background-light-r, 245);
}
.ttw-btn-reverse-outline-background-light-r
  a.ttw-btn-reverse-outline-background-light-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-background-light-r
  a.ttw-btn-reverse-outline-background-light-r:focus,
.ttw-btn-reverse-outline-background-light-r
  a.ttw-btn-reverse-outline-background-light-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-background-light-r, 245);
  color: var(--dnn-color-background-light-r, 245);
}
.ttw-btn-inverse-background-light-r,
a.ttw-btn-inverse-background-light-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-background-light-r, 245);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-background-light-r:focus,
.ttw-btn-inverse-background-light-r:hover,
a.ttw-btn-inverse-background-light-r:focus,
a.ttw-btn-inverse-background-light-r:hover {
  background-color: rgba(
    var(--dnn-color-background-light-r-r),
    var(--dnn-color-background-light-r-g),
    var(--dnn-color-background-light-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-background-light-r-r),
    var(--dnn-color-background-light-r-g),
    var(--dnn-color-background-light-r-b),
    0.9
  );
  color: "background-light-r";
}
.ttw-btn-background-light-g,
a.ttw-btn-background-light-g {
  background-color: var(--dnn-color-background-light-g, 245);
  border-color: var(--dnn-color-background-light-g, 245);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-background-light-g:focus,
.ttw-btn-background-light-g:hover,
a.ttw-btn-background-light-g:focus,
a.ttw-btn-background-light-g:hover {
  background-color: rgba(
    var(--dnn-color-background-light-g-r),
    var(--dnn-color-background-light-g-g),
    var(--dnn-color-background-light-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-background-light-g-r),
    var(--dnn-color-background-light-g-g),
    var(--dnn-color-background-light-g-b),
    0.8
  );
}
.ttw-btn-outline-background-light-g,
a.ttw-btn-outline-background-light-g {
  background-color: transparent;
  border-color: var(--dnn-color-background-light-g, 245);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-background-light-g, 245);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-background-light-g:focus,
.ttw-btn-outline-background-light-g:hover,
.ttw-btn-reverse-outline-background-light-g
  a.ttw-btn-reverse-outline-background-light-g,
a.ttw-btn-outline-background-light-g:focus,
a.ttw-btn-outline-background-light-g:hover {
  background-color: var(--dnn-color-background-light-g, 245);
  border-color: var(--dnn-color-background-light-g, 245);
}
.ttw-btn-reverse-outline-background-light-g
  a.ttw-btn-reverse-outline-background-light-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-background-light-g
  a.ttw-btn-reverse-outline-background-light-g:focus,
.ttw-btn-reverse-outline-background-light-g
  a.ttw-btn-reverse-outline-background-light-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-background-light-g, 245);
  color: var(--dnn-color-background-light-g, 245);
}
.ttw-btn-inverse-background-light-g,
a.ttw-btn-inverse-background-light-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-background-light-g, 245);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-background-light-g:focus,
.ttw-btn-inverse-background-light-g:hover,
a.ttw-btn-inverse-background-light-g:focus,
a.ttw-btn-inverse-background-light-g:hover {
  background-color: rgba(
    var(--dnn-color-background-light-g-r),
    var(--dnn-color-background-light-g-g),
    var(--dnn-color-background-light-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-background-light-g-r),
    var(--dnn-color-background-light-g-g),
    var(--dnn-color-background-light-g-b),
    0.9
  );
  color: "background-light-g";
}
.ttw-btn-background-light-b,
a.ttw-btn-background-light-b {
  background-color: var(--dnn-color-background-light-b, 245);
  border-color: var(--dnn-color-background-light-b, 245);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-background-light-b:focus,
.ttw-btn-background-light-b:hover,
a.ttw-btn-background-light-b:focus,
a.ttw-btn-background-light-b:hover {
  background-color: rgba(
    var(--dnn-color-background-light-b-r),
    var(--dnn-color-background-light-b-g),
    var(--dnn-color-background-light-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-background-light-b-r),
    var(--dnn-color-background-light-b-g),
    var(--dnn-color-background-light-b-b),
    0.8
  );
}
.ttw-btn-outline-background-light-b,
a.ttw-btn-outline-background-light-b {
  background-color: transparent;
  border-color: var(--dnn-color-background-light-b, 245);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-background-light-b, 245);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-background-light-b:focus,
.ttw-btn-outline-background-light-b:hover,
.ttw-btn-reverse-outline-background-light-b
  a.ttw-btn-reverse-outline-background-light-b,
a.ttw-btn-outline-background-light-b:focus,
a.ttw-btn-outline-background-light-b:hover {
  background-color: var(--dnn-color-background-light-b, 245);
  border-color: var(--dnn-color-background-light-b, 245);
}
.ttw-btn-reverse-outline-background-light-b
  a.ttw-btn-reverse-outline-background-light-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-background-light-b
  a.ttw-btn-reverse-outline-background-light-b:focus,
.ttw-btn-reverse-outline-background-light-b
  a.ttw-btn-reverse-outline-background-light-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-background-light-b, 245);
  color: var(--dnn-color-background-light-b, 245);
}
.ttw-btn-inverse-background-light-b,
a.ttw-btn-inverse-background-light-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-background-light-b, 245);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-background-light-b:focus,
.ttw-btn-inverse-background-light-b:hover,
a.ttw-btn-inverse-background-light-b:focus,
a.ttw-btn-inverse-background-light-b:hover {
  background-color: rgba(
    var(--dnn-color-background-light-b-r),
    var(--dnn-color-background-light-b-g),
    var(--dnn-color-background-light-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-background-light-b-r),
    var(--dnn-color-background-light-b-g),
    var(--dnn-color-background-light-b-b),
    0.9
  );
  color: "background-light-b";
}
.ttw-btn-background-dark,
a.ttw-btn-background-dark {
  background-color: var(--dnn-color-background-dark, #ccc);
  border-color: var(--dnn-color-background-dark, #ccc);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-background-dark:focus,
.ttw-btn-background-dark:hover,
a.ttw-btn-background-dark:focus,
a.ttw-btn-background-dark:hover {
  background-color: rgba(
    var(--dnn-color-background-dark-r),
    var(--dnn-color-background-dark-g),
    var(--dnn-color-background-dark-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-background-dark-r),
    var(--dnn-color-background-dark-g),
    var(--dnn-color-background-dark-b),
    0.8
  );
}
.ttw-btn-outline-background-dark,
a.ttw-btn-outline-background-dark {
  background-color: transparent;
  border-color: var(--dnn-color-background-dark, #ccc);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-background-dark, #ccc);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-background-dark:focus,
.ttw-btn-outline-background-dark:hover,
.ttw-btn-reverse-outline-background-dark
  a.ttw-btn-reverse-outline-background-dark,
a.ttw-btn-outline-background-dark:focus,
a.ttw-btn-outline-background-dark:hover {
  background-color: var(--dnn-color-background-dark, #ccc);
  border-color: var(--dnn-color-background-dark, #ccc);
}
.ttw-btn-reverse-outline-background-dark
  a.ttw-btn-reverse-outline-background-dark {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-background-dark
  a.ttw-btn-reverse-outline-background-dark:focus,
.ttw-btn-reverse-outline-background-dark
  a.ttw-btn-reverse-outline-background-dark:hover {
  background-color: transparent;
  border-color: var(--dnn-color-background-dark, #ccc);
  color: var(--dnn-color-background-dark, #ccc);
}
.ttw-btn-inverse-background-dark,
a.ttw-btn-inverse-background-dark {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-background-dark, #ccc);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-background-dark:focus,
.ttw-btn-inverse-background-dark:hover,
a.ttw-btn-inverse-background-dark:focus,
a.ttw-btn-inverse-background-dark:hover {
  background-color: rgba(
    var(--dnn-color-background-dark-r),
    var(--dnn-color-background-dark-g),
    var(--dnn-color-background-dark-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-background-dark-r),
    var(--dnn-color-background-dark-g),
    var(--dnn-color-background-dark-b),
    0.9
  );
  color: "background-dark";
}
.ttw-btn-background-dark-r,
a.ttw-btn-background-dark-r {
  background-color: var(--dnn-color-background-dark-r, 204);
  border-color: var(--dnn-color-background-dark-r, 204);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-background-dark-r:focus,
.ttw-btn-background-dark-r:hover,
a.ttw-btn-background-dark-r:focus,
a.ttw-btn-background-dark-r:hover {
  background-color: rgba(
    var(--dnn-color-background-dark-r-r),
    var(--dnn-color-background-dark-r-g),
    var(--dnn-color-background-dark-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-background-dark-r-r),
    var(--dnn-color-background-dark-r-g),
    var(--dnn-color-background-dark-r-b),
    0.8
  );
}
.ttw-btn-outline-background-dark-r,
a.ttw-btn-outline-background-dark-r {
  background-color: transparent;
  border-color: var(--dnn-color-background-dark-r, 204);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-background-dark-r, 204);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-background-dark-r:focus,
.ttw-btn-outline-background-dark-r:hover,
.ttw-btn-reverse-outline-background-dark-r
  a.ttw-btn-reverse-outline-background-dark-r,
a.ttw-btn-outline-background-dark-r:focus,
a.ttw-btn-outline-background-dark-r:hover {
  background-color: var(--dnn-color-background-dark-r, 204);
  border-color: var(--dnn-color-background-dark-r, 204);
}
.ttw-btn-reverse-outline-background-dark-r
  a.ttw-btn-reverse-outline-background-dark-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-background-dark-r
  a.ttw-btn-reverse-outline-background-dark-r:focus,
.ttw-btn-reverse-outline-background-dark-r
  a.ttw-btn-reverse-outline-background-dark-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-background-dark-r, 204);
  color: var(--dnn-color-background-dark-r, 204);
}
.ttw-btn-inverse-background-dark-r,
a.ttw-btn-inverse-background-dark-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-background-dark-r, 204);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-background-dark-r:focus,
.ttw-btn-inverse-background-dark-r:hover,
a.ttw-btn-inverse-background-dark-r:focus,
a.ttw-btn-inverse-background-dark-r:hover {
  background-color: rgba(
    var(--dnn-color-background-dark-r-r),
    var(--dnn-color-background-dark-r-g),
    var(--dnn-color-background-dark-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-background-dark-r-r),
    var(--dnn-color-background-dark-r-g),
    var(--dnn-color-background-dark-r-b),
    0.9
  );
  color: "background-dark-r";
}
.ttw-btn-background-dark-g,
a.ttw-btn-background-dark-g {
  background-color: var(--dnn-color-background-dark-g, 204);
  border-color: var(--dnn-color-background-dark-g, 204);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-background-dark-g:focus,
.ttw-btn-background-dark-g:hover,
a.ttw-btn-background-dark-g:focus,
a.ttw-btn-background-dark-g:hover {
  background-color: rgba(
    var(--dnn-color-background-dark-g-r),
    var(--dnn-color-background-dark-g-g),
    var(--dnn-color-background-dark-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-background-dark-g-r),
    var(--dnn-color-background-dark-g-g),
    var(--dnn-color-background-dark-g-b),
    0.8
  );
}
.ttw-btn-outline-background-dark-g,
a.ttw-btn-outline-background-dark-g {
  background-color: transparent;
  border-color: var(--dnn-color-background-dark-g, 204);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-background-dark-g, 204);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-background-dark-g:focus,
.ttw-btn-outline-background-dark-g:hover,
.ttw-btn-reverse-outline-background-dark-g
  a.ttw-btn-reverse-outline-background-dark-g,
a.ttw-btn-outline-background-dark-g:focus,
a.ttw-btn-outline-background-dark-g:hover {
  background-color: var(--dnn-color-background-dark-g, 204);
  border-color: var(--dnn-color-background-dark-g, 204);
}
.ttw-btn-reverse-outline-background-dark-g
  a.ttw-btn-reverse-outline-background-dark-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-background-dark-g
  a.ttw-btn-reverse-outline-background-dark-g:focus,
.ttw-btn-reverse-outline-background-dark-g
  a.ttw-btn-reverse-outline-background-dark-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-background-dark-g, 204);
  color: var(--dnn-color-background-dark-g, 204);
}
.ttw-btn-inverse-background-dark-g,
a.ttw-btn-inverse-background-dark-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-background-dark-g, 204);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-background-dark-g:focus,
.ttw-btn-inverse-background-dark-g:hover,
a.ttw-btn-inverse-background-dark-g:focus,
a.ttw-btn-inverse-background-dark-g:hover {
  background-color: rgba(
    var(--dnn-color-background-dark-g-r),
    var(--dnn-color-background-dark-g-g),
    var(--dnn-color-background-dark-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-background-dark-g-r),
    var(--dnn-color-background-dark-g-g),
    var(--dnn-color-background-dark-g-b),
    0.9
  );
  color: "background-dark-g";
}
.ttw-btn-background-dark-b,
a.ttw-btn-background-dark-b {
  background-color: var(--dnn-color-background-dark-b, 204);
  border-color: var(--dnn-color-background-dark-b, 204);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-background-dark-b:focus,
.ttw-btn-background-dark-b:hover,
a.ttw-btn-background-dark-b:focus,
a.ttw-btn-background-dark-b:hover {
  background-color: rgba(
    var(--dnn-color-background-dark-b-r),
    var(--dnn-color-background-dark-b-g),
    var(--dnn-color-background-dark-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-background-dark-b-r),
    var(--dnn-color-background-dark-b-g),
    var(--dnn-color-background-dark-b-b),
    0.8
  );
}
.ttw-btn-outline-background-dark-b,
a.ttw-btn-outline-background-dark-b {
  background-color: transparent;
  border-color: var(--dnn-color-background-dark-b, 204);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-background-dark-b, 204);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-background-dark-b:focus,
.ttw-btn-outline-background-dark-b:hover,
.ttw-btn-reverse-outline-background-dark-b
  a.ttw-btn-reverse-outline-background-dark-b,
a.ttw-btn-outline-background-dark-b:focus,
a.ttw-btn-outline-background-dark-b:hover {
  background-color: var(--dnn-color-background-dark-b, 204);
  border-color: var(--dnn-color-background-dark-b, 204);
}
.ttw-btn-reverse-outline-background-dark-b
  a.ttw-btn-reverse-outline-background-dark-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-background-dark-b
  a.ttw-btn-reverse-outline-background-dark-b:focus,
.ttw-btn-reverse-outline-background-dark-b
  a.ttw-btn-reverse-outline-background-dark-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-background-dark-b, 204);
  color: var(--dnn-color-background-dark-b, 204);
}
.ttw-btn-inverse-background-dark-b,
a.ttw-btn-inverse-background-dark-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-background-dark-b, 204);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-background-dark-b:focus,
.ttw-btn-inverse-background-dark-b:hover,
a.ttw-btn-inverse-background-dark-b:focus,
a.ttw-btn-inverse-background-dark-b:hover {
  background-color: rgba(
    var(--dnn-color-background-dark-b-r),
    var(--dnn-color-background-dark-b-g),
    var(--dnn-color-background-dark-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-background-dark-b-r),
    var(--dnn-color-background-dark-b-g),
    var(--dnn-color-background-dark-b-b),
    0.9
  );
  color: "background-dark-b";
}
.ttw-btn-background-contrast,
a.ttw-btn-background-contrast {
  background-color: var(--dnn-color-background-contrast, #000);
  border-color: var(--dnn-color-background-contrast, #000);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-background-contrast:focus,
.ttw-btn-background-contrast:hover,
a.ttw-btn-background-contrast:focus,
a.ttw-btn-background-contrast:hover {
  background-color: rgba(
    var(--dnn-color-background-contrast-r),
    var(--dnn-color-background-contrast-g),
    var(--dnn-color-background-contrast-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-background-contrast-r),
    var(--dnn-color-background-contrast-g),
    var(--dnn-color-background-contrast-b),
    0.8
  );
}
.ttw-btn-outline-background-contrast,
a.ttw-btn-outline-background-contrast {
  background-color: transparent;
  border-color: var(--dnn-color-background-contrast, #000);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-background-contrast, #000);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-background-contrast:focus,
.ttw-btn-outline-background-contrast:hover,
.ttw-btn-reverse-outline-background-contrast
  a.ttw-btn-reverse-outline-background-contrast,
a.ttw-btn-outline-background-contrast:focus,
a.ttw-btn-outline-background-contrast:hover {
  background-color: var(--dnn-color-background-contrast, #000);
  border-color: var(--dnn-color-background-contrast, #000);
}
.ttw-btn-reverse-outline-background-contrast
  a.ttw-btn-reverse-outline-background-contrast {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-background-contrast
  a.ttw-btn-reverse-outline-background-contrast:focus,
.ttw-btn-reverse-outline-background-contrast
  a.ttw-btn-reverse-outline-background-contrast:hover {
  background-color: transparent;
  border-color: var(--dnn-color-background-contrast, #000);
  color: var(--dnn-color-background-contrast, #000);
}
.ttw-btn-inverse-background-contrast,
a.ttw-btn-inverse-background-contrast {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-background-contrast, #000);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-background-contrast:focus,
.ttw-btn-inverse-background-contrast:hover,
a.ttw-btn-inverse-background-contrast:focus,
a.ttw-btn-inverse-background-contrast:hover {
  background-color: rgba(
    var(--dnn-color-background-contrast-r),
    var(--dnn-color-background-contrast-g),
    var(--dnn-color-background-contrast-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-background-contrast-r),
    var(--dnn-color-background-contrast-g),
    var(--dnn-color-background-contrast-b),
    0.9
  );
  color: "background-contrast";
}
.ttw-btn-background-contrast-r,
a.ttw-btn-background-contrast-r {
  background-color: var(--dnn-color-background-contrast-r, 0);
  border-color: var(--dnn-color-background-contrast-r, 0);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-background-contrast-r:focus,
.ttw-btn-background-contrast-r:hover,
a.ttw-btn-background-contrast-r:focus,
a.ttw-btn-background-contrast-r:hover {
  background-color: rgba(
    var(--dnn-color-background-contrast-r-r),
    var(--dnn-color-background-contrast-r-g),
    var(--dnn-color-background-contrast-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-background-contrast-r-r),
    var(--dnn-color-background-contrast-r-g),
    var(--dnn-color-background-contrast-r-b),
    0.8
  );
}
.ttw-btn-outline-background-contrast-r,
a.ttw-btn-outline-background-contrast-r {
  background-color: transparent;
  border-color: var(--dnn-color-background-contrast-r, 0);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-background-contrast-r, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-background-contrast-r:focus,
.ttw-btn-outline-background-contrast-r:hover,
.ttw-btn-reverse-outline-background-contrast-r
  a.ttw-btn-reverse-outline-background-contrast-r,
a.ttw-btn-outline-background-contrast-r:focus,
a.ttw-btn-outline-background-contrast-r:hover {
  background-color: var(--dnn-color-background-contrast-r, 0);
  border-color: var(--dnn-color-background-contrast-r, 0);
}
.ttw-btn-reverse-outline-background-contrast-r
  a.ttw-btn-reverse-outline-background-contrast-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-background-contrast-r
  a.ttw-btn-reverse-outline-background-contrast-r:focus,
.ttw-btn-reverse-outline-background-contrast-r
  a.ttw-btn-reverse-outline-background-contrast-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-background-contrast-r, 0);
  color: var(--dnn-color-background-contrast-r, 0);
}
.ttw-btn-inverse-background-contrast-r,
a.ttw-btn-inverse-background-contrast-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-background-contrast-r, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-background-contrast-r:focus,
.ttw-btn-inverse-background-contrast-r:hover,
a.ttw-btn-inverse-background-contrast-r:focus,
a.ttw-btn-inverse-background-contrast-r:hover {
  background-color: rgba(
    var(--dnn-color-background-contrast-r-r),
    var(--dnn-color-background-contrast-r-g),
    var(--dnn-color-background-contrast-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-background-contrast-r-r),
    var(--dnn-color-background-contrast-r-g),
    var(--dnn-color-background-contrast-r-b),
    0.9
  );
  color: "background-contrast-r";
}
.ttw-btn-background-contrast-g,
a.ttw-btn-background-contrast-g {
  background-color: var(--dnn-color-background-contrast-g, 0);
  border-color: var(--dnn-color-background-contrast-g, 0);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-background-contrast-g:focus,
.ttw-btn-background-contrast-g:hover,
a.ttw-btn-background-contrast-g:focus,
a.ttw-btn-background-contrast-g:hover {
  background-color: rgba(
    var(--dnn-color-background-contrast-g-r),
    var(--dnn-color-background-contrast-g-g),
    var(--dnn-color-background-contrast-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-background-contrast-g-r),
    var(--dnn-color-background-contrast-g-g),
    var(--dnn-color-background-contrast-g-b),
    0.8
  );
}
.ttw-btn-outline-background-contrast-g,
a.ttw-btn-outline-background-contrast-g {
  background-color: transparent;
  border-color: var(--dnn-color-background-contrast-g, 0);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-background-contrast-g, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-background-contrast-g:focus,
.ttw-btn-outline-background-contrast-g:hover,
.ttw-btn-reverse-outline-background-contrast-g
  a.ttw-btn-reverse-outline-background-contrast-g,
a.ttw-btn-outline-background-contrast-g:focus,
a.ttw-btn-outline-background-contrast-g:hover {
  background-color: var(--dnn-color-background-contrast-g, 0);
  border-color: var(--dnn-color-background-contrast-g, 0);
}
.ttw-btn-reverse-outline-background-contrast-g
  a.ttw-btn-reverse-outline-background-contrast-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-background-contrast-g
  a.ttw-btn-reverse-outline-background-contrast-g:focus,
.ttw-btn-reverse-outline-background-contrast-g
  a.ttw-btn-reverse-outline-background-contrast-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-background-contrast-g, 0);
  color: var(--dnn-color-background-contrast-g, 0);
}
.ttw-btn-inverse-background-contrast-g,
a.ttw-btn-inverse-background-contrast-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-background-contrast-g, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-background-contrast-g:focus,
.ttw-btn-inverse-background-contrast-g:hover,
a.ttw-btn-inverse-background-contrast-g:focus,
a.ttw-btn-inverse-background-contrast-g:hover {
  background-color: rgba(
    var(--dnn-color-background-contrast-g-r),
    var(--dnn-color-background-contrast-g-g),
    var(--dnn-color-background-contrast-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-background-contrast-g-r),
    var(--dnn-color-background-contrast-g-g),
    var(--dnn-color-background-contrast-g-b),
    0.9
  );
  color: "background-contrast-g";
}
.ttw-btn-background-contrast-b,
a.ttw-btn-background-contrast-b {
  background-color: var(--dnn-color-background-contrast-b, 0);
  border-color: var(--dnn-color-background-contrast-b, 0);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-background-contrast-b:focus,
.ttw-btn-background-contrast-b:hover,
a.ttw-btn-background-contrast-b:focus,
a.ttw-btn-background-contrast-b:hover {
  background-color: rgba(
    var(--dnn-color-background-contrast-b-r),
    var(--dnn-color-background-contrast-b-g),
    var(--dnn-color-background-contrast-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-background-contrast-b-r),
    var(--dnn-color-background-contrast-b-g),
    var(--dnn-color-background-contrast-b-b),
    0.8
  );
}
.ttw-btn-outline-background-contrast-b,
a.ttw-btn-outline-background-contrast-b {
  background-color: transparent;
  border-color: var(--dnn-color-background-contrast-b, 0);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-background-contrast-b, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-background-contrast-b:focus,
.ttw-btn-outline-background-contrast-b:hover,
.ttw-btn-reverse-outline-background-contrast-b
  a.ttw-btn-reverse-outline-background-contrast-b,
a.ttw-btn-outline-background-contrast-b:focus,
a.ttw-btn-outline-background-contrast-b:hover {
  background-color: var(--dnn-color-background-contrast-b, 0);
  border-color: var(--dnn-color-background-contrast-b, 0);
}
.ttw-btn-reverse-outline-background-contrast-b
  a.ttw-btn-reverse-outline-background-contrast-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-background-contrast-b
  a.ttw-btn-reverse-outline-background-contrast-b:focus,
.ttw-btn-reverse-outline-background-contrast-b
  a.ttw-btn-reverse-outline-background-contrast-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-background-contrast-b, 0);
  color: var(--dnn-color-background-contrast-b, 0);
}
.ttw-btn-inverse-background-contrast-b,
a.ttw-btn-inverse-background-contrast-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-background-contrast-b, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-background-contrast-b:focus,
.ttw-btn-inverse-background-contrast-b:hover,
a.ttw-btn-inverse-background-contrast-b:focus,
a.ttw-btn-inverse-background-contrast-b:hover {
  background-color: rgba(
    var(--dnn-color-background-contrast-b-r),
    var(--dnn-color-background-contrast-b-g),
    var(--dnn-color-background-contrast-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-background-contrast-b-r),
    var(--dnn-color-background-contrast-b-g),
    var(--dnn-color-background-contrast-b-b),
    0.9
  );
  color: "background-contrast-b";
}
.ttw-btn-foreground,
a.ttw-btn-foreground {
  background-color: var(--dnn-color-foreground, #000);
  border-color: var(--dnn-color-foreground, #000);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-foreground-contrast, #fff);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-foreground:focus,
.ttw-btn-foreground:hover,
a.ttw-btn-foreground:focus,
a.ttw-btn-foreground:hover {
  background-color: rgba(
    var(--dnn-color-foreground-r),
    var(--dnn-color-foreground-g),
    var(--dnn-color-foreground-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-foreground-r),
    var(--dnn-color-foreground-g),
    var(--dnn-color-foreground-b),
    0.8
  );
  color: var(--dnn-color-foreground-contrast, #fff);
}
.ttw-btn-outline-foreground,
a.ttw-btn-outline-foreground {
  background-color: transparent;
  border-color: var(--dnn-color-foreground, #000);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-foreground, #000);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-foreground:focus,
.ttw-btn-outline-foreground:hover,
.ttw-btn-reverse-outline-foreground
  a.ttw-btn-reverse-outline-foreground,
a.ttw-btn-outline-foreground:focus,
a.ttw-btn-outline-foreground:hover {
  background-color: var(--dnn-color-foreground, #000);
  border-color: var(--dnn-color-foreground, #000);
  color: var(--dnn-color-foreground-contrast, #fff);
}
.ttw-btn-reverse-outline-foreground
  a.ttw-btn-reverse-outline-foreground {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-foreground
  a.ttw-btn-reverse-outline-foreground:focus,
.ttw-btn-reverse-outline-foreground
  a.ttw-btn-reverse-outline-foreground:hover {
  background-color: transparent;
  border-color: var(--dnn-color-foreground, #000);
  color: var(--dnn-color-foreground, #000);
}
.ttw-btn-inverse-foreground,
a.ttw-btn-inverse-foreground {
  background-color: var(--dnn-color-foreground-contrast, #fff);
  background-image: none;
  border-color: var(--dnn-color-foreground-contrast, #fff);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-foreground, #000);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-foreground:focus,
.ttw-btn-inverse-foreground:hover,
a.ttw-btn-inverse-foreground:focus,
a.ttw-btn-inverse-foreground:hover {
  background-color: rgba(
    var(--dnn-color-foreground-r),
    var(--dnn-color-foreground-g),
    var(--dnn-color-foreground-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-foreground-r),
    var(--dnn-color-foreground-g),
    var(--dnn-color-foreground-b),
    0.9
  );
  color: "foreground";
}
.ttw-btn-foreground-r,
a.ttw-btn-foreground-r {
  background-color: var(--dnn-color-foreground-r, 0);
  border-color: var(--dnn-color-foreground-r, 0);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-foreground-r:focus,
.ttw-btn-foreground-r:hover,
a.ttw-btn-foreground-r:focus,
a.ttw-btn-foreground-r:hover {
  background-color: rgba(
    var(--dnn-color-foreground-r-r),
    var(--dnn-color-foreground-r-g),
    var(--dnn-color-foreground-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-foreground-r-r),
    var(--dnn-color-foreground-r-g),
    var(--dnn-color-foreground-r-b),
    0.8
  );
}
.ttw-btn-outline-foreground-r,
a.ttw-btn-outline-foreground-r {
  background-color: transparent;
  border-color: var(--dnn-color-foreground-r, 0);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-foreground-r, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-foreground-r:focus,
.ttw-btn-outline-foreground-r:hover,
.ttw-btn-reverse-outline-foreground-r
  a.ttw-btn-reverse-outline-foreground-r,
a.ttw-btn-outline-foreground-r:focus,
a.ttw-btn-outline-foreground-r:hover {
  background-color: var(--dnn-color-foreground-r, 0);
  border-color: var(--dnn-color-foreground-r, 0);
}
.ttw-btn-reverse-outline-foreground-r
  a.ttw-btn-reverse-outline-foreground-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-foreground-r
  a.ttw-btn-reverse-outline-foreground-r:focus,
.ttw-btn-reverse-outline-foreground-r
  a.ttw-btn-reverse-outline-foreground-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-foreground-r, 0);
  color: var(--dnn-color-foreground-r, 0);
}
.ttw-btn-inverse-foreground-r,
a.ttw-btn-inverse-foreground-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-foreground-r, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-foreground-r:focus,
.ttw-btn-inverse-foreground-r:hover,
a.ttw-btn-inverse-foreground-r:focus,
a.ttw-btn-inverse-foreground-r:hover {
  background-color: rgba(
    var(--dnn-color-foreground-r-r),
    var(--dnn-color-foreground-r-g),
    var(--dnn-color-foreground-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-foreground-r-r),
    var(--dnn-color-foreground-r-g),
    var(--dnn-color-foreground-r-b),
    0.9
  );
  color: "foreground-r";
}
.ttw-btn-foreground-g,
a.ttw-btn-foreground-g {
  background-color: var(--dnn-color-foreground-g, 0);
  border-color: var(--dnn-color-foreground-g, 0);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-foreground-g:focus,
.ttw-btn-foreground-g:hover,
a.ttw-btn-foreground-g:focus,
a.ttw-btn-foreground-g:hover {
  background-color: rgba(
    var(--dnn-color-foreground-g-r),
    var(--dnn-color-foreground-g-g),
    var(--dnn-color-foreground-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-foreground-g-r),
    var(--dnn-color-foreground-g-g),
    var(--dnn-color-foreground-g-b),
    0.8
  );
}
.ttw-btn-outline-foreground-g,
a.ttw-btn-outline-foreground-g {
  background-color: transparent;
  border-color: var(--dnn-color-foreground-g, 0);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-foreground-g, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-foreground-g:focus,
.ttw-btn-outline-foreground-g:hover,
.ttw-btn-reverse-outline-foreground-g
  a.ttw-btn-reverse-outline-foreground-g,
a.ttw-btn-outline-foreground-g:focus,
a.ttw-btn-outline-foreground-g:hover {
  background-color: var(--dnn-color-foreground-g, 0);
  border-color: var(--dnn-color-foreground-g, 0);
}
.ttw-btn-reverse-outline-foreground-g
  a.ttw-btn-reverse-outline-foreground-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-foreground-g
  a.ttw-btn-reverse-outline-foreground-g:focus,
.ttw-btn-reverse-outline-foreground-g
  a.ttw-btn-reverse-outline-foreground-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-foreground-g, 0);
  color: var(--dnn-color-foreground-g, 0);
}
.ttw-btn-inverse-foreground-g,
a.ttw-btn-inverse-foreground-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-foreground-g, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-foreground-g:focus,
.ttw-btn-inverse-foreground-g:hover,
a.ttw-btn-inverse-foreground-g:focus,
a.ttw-btn-inverse-foreground-g:hover {
  background-color: rgba(
    var(--dnn-color-foreground-g-r),
    var(--dnn-color-foreground-g-g),
    var(--dnn-color-foreground-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-foreground-g-r),
    var(--dnn-color-foreground-g-g),
    var(--dnn-color-foreground-g-b),
    0.9
  );
  color: "foreground-g";
}
.ttw-btn-foreground-b,
a.ttw-btn-foreground-b {
  background-color: var(--dnn-color-foreground-b, 0);
  border-color: var(--dnn-color-foreground-b, 0);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-foreground-b:focus,
.ttw-btn-foreground-b:hover,
a.ttw-btn-foreground-b:focus,
a.ttw-btn-foreground-b:hover {
  background-color: rgba(
    var(--dnn-color-foreground-b-r),
    var(--dnn-color-foreground-b-g),
    var(--dnn-color-foreground-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-foreground-b-r),
    var(--dnn-color-foreground-b-g),
    var(--dnn-color-foreground-b-b),
    0.8
  );
}
.ttw-btn-outline-foreground-b,
a.ttw-btn-outline-foreground-b {
  background-color: transparent;
  border-color: var(--dnn-color-foreground-b, 0);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-foreground-b, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-foreground-b:focus,
.ttw-btn-outline-foreground-b:hover,
.ttw-btn-reverse-outline-foreground-b
  a.ttw-btn-reverse-outline-foreground-b,
a.ttw-btn-outline-foreground-b:focus,
a.ttw-btn-outline-foreground-b:hover {
  background-color: var(--dnn-color-foreground-b, 0);
  border-color: var(--dnn-color-foreground-b, 0);
}
.ttw-btn-reverse-outline-foreground-b
  a.ttw-btn-reverse-outline-foreground-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-foreground-b
  a.ttw-btn-reverse-outline-foreground-b:focus,
.ttw-btn-reverse-outline-foreground-b
  a.ttw-btn-reverse-outline-foreground-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-foreground-b, 0);
  color: var(--dnn-color-foreground-b, 0);
}
.ttw-btn-inverse-foreground-b,
a.ttw-btn-inverse-foreground-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-foreground-b, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-foreground-b:focus,
.ttw-btn-inverse-foreground-b:hover,
a.ttw-btn-inverse-foreground-b:focus,
a.ttw-btn-inverse-foreground-b:hover {
  background-color: rgba(
    var(--dnn-color-foreground-b-r),
    var(--dnn-color-foreground-b-g),
    var(--dnn-color-foreground-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-foreground-b-r),
    var(--dnn-color-foreground-b-g),
    var(--dnn-color-foreground-b-b),
    0.9
  );
  color: "foreground-b";
}
.ttw-btn-foreground-light,
a.ttw-btn-foreground-light {
  background-color: var(--dnn-color-foreground-light, #333);
  border-color: var(--dnn-color-foreground-light, #333);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-foreground-light:focus,
.ttw-btn-foreground-light:hover,
a.ttw-btn-foreground-light:focus,
a.ttw-btn-foreground-light:hover {
  background-color: rgba(
    var(--dnn-color-foreground-light-r),
    var(--dnn-color-foreground-light-g),
    var(--dnn-color-foreground-light-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-foreground-light-r),
    var(--dnn-color-foreground-light-g),
    var(--dnn-color-foreground-light-b),
    0.8
  );
}
.ttw-btn-outline-foreground-light,
a.ttw-btn-outline-foreground-light {
  background-color: transparent;
  border-color: var(--dnn-color-foreground-light, #333);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-foreground-light, #333);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-foreground-light:focus,
.ttw-btn-outline-foreground-light:hover,
.ttw-btn-reverse-outline-foreground-light
  a.ttw-btn-reverse-outline-foreground-light,
a.ttw-btn-outline-foreground-light:focus,
a.ttw-btn-outline-foreground-light:hover {
  background-color: var(--dnn-color-foreground-light, #333);
  border-color: var(--dnn-color-foreground-light, #333);
}
.ttw-btn-reverse-outline-foreground-light
  a.ttw-btn-reverse-outline-foreground-light {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-foreground-light
  a.ttw-btn-reverse-outline-foreground-light:focus,
.ttw-btn-reverse-outline-foreground-light
  a.ttw-btn-reverse-outline-foreground-light:hover {
  background-color: transparent;
  border-color: var(--dnn-color-foreground-light, #333);
  color: var(--dnn-color-foreground-light, #333);
}
.ttw-btn-inverse-foreground-light,
a.ttw-btn-inverse-foreground-light {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-foreground-light, #333);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-foreground-light:focus,
.ttw-btn-inverse-foreground-light:hover,
a.ttw-btn-inverse-foreground-light:focus,
a.ttw-btn-inverse-foreground-light:hover {
  background-color: rgba(
    var(--dnn-color-foreground-light-r),
    var(--dnn-color-foreground-light-g),
    var(--dnn-color-foreground-light-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-foreground-light-r),
    var(--dnn-color-foreground-light-g),
    var(--dnn-color-foreground-light-b),
    0.9
  );
  color: "foreground-light";
}
.ttw-btn-foreground-light-r,
a.ttw-btn-foreground-light-r {
  background-color: var(--dnn-color-foreground-light-r, 51);
  border-color: var(--dnn-color-foreground-light-r, 51);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-foreground-light-r:focus,
.ttw-btn-foreground-light-r:hover,
a.ttw-btn-foreground-light-r:focus,
a.ttw-btn-foreground-light-r:hover {
  background-color: rgba(
    var(--dnn-color-foreground-light-r-r),
    var(--dnn-color-foreground-light-r-g),
    var(--dnn-color-foreground-light-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-foreground-light-r-r),
    var(--dnn-color-foreground-light-r-g),
    var(--dnn-color-foreground-light-r-b),
    0.8
  );
}
.ttw-btn-outline-foreground-light-r,
a.ttw-btn-outline-foreground-light-r {
  background-color: transparent;
  border-color: var(--dnn-color-foreground-light-r, 51);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-foreground-light-r, 51);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-foreground-light-r:focus,
.ttw-btn-outline-foreground-light-r:hover,
.ttw-btn-reverse-outline-foreground-light-r
  a.ttw-btn-reverse-outline-foreground-light-r,
a.ttw-btn-outline-foreground-light-r:focus,
a.ttw-btn-outline-foreground-light-r:hover {
  background-color: var(--dnn-color-foreground-light-r, 51);
  border-color: var(--dnn-color-foreground-light-r, 51);
}
.ttw-btn-reverse-outline-foreground-light-r
  a.ttw-btn-reverse-outline-foreground-light-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-foreground-light-r
  a.ttw-btn-reverse-outline-foreground-light-r:focus,
.ttw-btn-reverse-outline-foreground-light-r
  a.ttw-btn-reverse-outline-foreground-light-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-foreground-light-r, 51);
  color: var(--dnn-color-foreground-light-r, 51);
}
.ttw-btn-inverse-foreground-light-r,
a.ttw-btn-inverse-foreground-light-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-foreground-light-r, 51);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-foreground-light-r:focus,
.ttw-btn-inverse-foreground-light-r:hover,
a.ttw-btn-inverse-foreground-light-r:focus,
a.ttw-btn-inverse-foreground-light-r:hover {
  background-color: rgba(
    var(--dnn-color-foreground-light-r-r),
    var(--dnn-color-foreground-light-r-g),
    var(--dnn-color-foreground-light-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-foreground-light-r-r),
    var(--dnn-color-foreground-light-r-g),
    var(--dnn-color-foreground-light-r-b),
    0.9
  );
  color: "foreground-light-r";
}
.ttw-btn-foreground-light-g,
a.ttw-btn-foreground-light-g {
  background-color: var(--dnn-color-foreground-light-g, 51);
  border-color: var(--dnn-color-foreground-light-g, 51);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-foreground-light-g:focus,
.ttw-btn-foreground-light-g:hover,
a.ttw-btn-foreground-light-g:focus,
a.ttw-btn-foreground-light-g:hover {
  background-color: rgba(
    var(--dnn-color-foreground-light-g-r),
    var(--dnn-color-foreground-light-g-g),
    var(--dnn-color-foreground-light-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-foreground-light-g-r),
    var(--dnn-color-foreground-light-g-g),
    var(--dnn-color-foreground-light-g-b),
    0.8
  );
}
.ttw-btn-outline-foreground-light-g,
a.ttw-btn-outline-foreground-light-g {
  background-color: transparent;
  border-color: var(--dnn-color-foreground-light-g, 51);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-foreground-light-g, 51);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-foreground-light-g:focus,
.ttw-btn-outline-foreground-light-g:hover,
.ttw-btn-reverse-outline-foreground-light-g
  a.ttw-btn-reverse-outline-foreground-light-g,
a.ttw-btn-outline-foreground-light-g:focus,
a.ttw-btn-outline-foreground-light-g:hover {
  background-color: var(--dnn-color-foreground-light-g, 51);
  border-color: var(--dnn-color-foreground-light-g, 51);
}
.ttw-btn-reverse-outline-foreground-light-g
  a.ttw-btn-reverse-outline-foreground-light-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-foreground-light-g
  a.ttw-btn-reverse-outline-foreground-light-g:focus,
.ttw-btn-reverse-outline-foreground-light-g
  a.ttw-btn-reverse-outline-foreground-light-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-foreground-light-g, 51);
  color: var(--dnn-color-foreground-light-g, 51);
}
.ttw-btn-inverse-foreground-light-g,
a.ttw-btn-inverse-foreground-light-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-foreground-light-g, 51);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-foreground-light-g:focus,
.ttw-btn-inverse-foreground-light-g:hover,
a.ttw-btn-inverse-foreground-light-g:focus,
a.ttw-btn-inverse-foreground-light-g:hover {
  background-color: rgba(
    var(--dnn-color-foreground-light-g-r),
    var(--dnn-color-foreground-light-g-g),
    var(--dnn-color-foreground-light-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-foreground-light-g-r),
    var(--dnn-color-foreground-light-g-g),
    var(--dnn-color-foreground-light-g-b),
    0.9
  );
  color: "foreground-light-g";
}
.ttw-btn-foreground-light-b,
a.ttw-btn-foreground-light-b {
  background-color: var(--dnn-color-foreground-light-b, 51);
  border-color: var(--dnn-color-foreground-light-b, 51);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-foreground-light-b:focus,
.ttw-btn-foreground-light-b:hover,
a.ttw-btn-foreground-light-b:focus,
a.ttw-btn-foreground-light-b:hover {
  background-color: rgba(
    var(--dnn-color-foreground-light-b-r),
    var(--dnn-color-foreground-light-b-g),
    var(--dnn-color-foreground-light-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-foreground-light-b-r),
    var(--dnn-color-foreground-light-b-g),
    var(--dnn-color-foreground-light-b-b),
    0.8
  );
}
.ttw-btn-outline-foreground-light-b,
a.ttw-btn-outline-foreground-light-b {
  background-color: transparent;
  border-color: var(--dnn-color-foreground-light-b, 51);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-foreground-light-b, 51);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-foreground-light-b:focus,
.ttw-btn-outline-foreground-light-b:hover,
.ttw-btn-reverse-outline-foreground-light-b
  a.ttw-btn-reverse-outline-foreground-light-b,
a.ttw-btn-outline-foreground-light-b:focus,
a.ttw-btn-outline-foreground-light-b:hover {
  background-color: var(--dnn-color-foreground-light-b, 51);
  border-color: var(--dnn-color-foreground-light-b, 51);
}
.ttw-btn-reverse-outline-foreground-light-b
  a.ttw-btn-reverse-outline-foreground-light-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-foreground-light-b
  a.ttw-btn-reverse-outline-foreground-light-b:focus,
.ttw-btn-reverse-outline-foreground-light-b
  a.ttw-btn-reverse-outline-foreground-light-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-foreground-light-b, 51);
  color: var(--dnn-color-foreground-light-b, 51);
}
.ttw-btn-inverse-foreground-light-b,
a.ttw-btn-inverse-foreground-light-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-foreground-light-b, 51);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-foreground-light-b:focus,
.ttw-btn-inverse-foreground-light-b:hover,
a.ttw-btn-inverse-foreground-light-b:focus,
a.ttw-btn-inverse-foreground-light-b:hover {
  background-color: rgba(
    var(--dnn-color-foreground-light-b-r),
    var(--dnn-color-foreground-light-b-g),
    var(--dnn-color-foreground-light-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-foreground-light-b-r),
    var(--dnn-color-foreground-light-b-g),
    var(--dnn-color-foreground-light-b-b),
    0.9
  );
  color: "foreground-light-b";
}
.ttw-btn-foreground-dark,
a.ttw-btn-foreground-dark {
  background-color: var(--dnn-color-foreground-dark, #000);
  border-color: var(--dnn-color-foreground-dark, #000);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-foreground-dark:focus,
.ttw-btn-foreground-dark:hover,
a.ttw-btn-foreground-dark:focus,
a.ttw-btn-foreground-dark:hover {
  background-color: rgba(
    var(--dnn-color-foreground-dark-r),
    var(--dnn-color-foreground-dark-g),
    var(--dnn-color-foreground-dark-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-foreground-dark-r),
    var(--dnn-color-foreground-dark-g),
    var(--dnn-color-foreground-dark-b),
    0.8
  );
}
.ttw-btn-outline-foreground-dark,
a.ttw-btn-outline-foreground-dark {
  background-color: transparent;
  border-color: var(--dnn-color-foreground-dark, #000);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-foreground-dark, #000);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-foreground-dark:focus,
.ttw-btn-outline-foreground-dark:hover,
.ttw-btn-reverse-outline-foreground-dark
  a.ttw-btn-reverse-outline-foreground-dark,
a.ttw-btn-outline-foreground-dark:focus,
a.ttw-btn-outline-foreground-dark:hover {
  background-color: var(--dnn-color-foreground-dark, #000);
  border-color: var(--dnn-color-foreground-dark, #000);
}
.ttw-btn-reverse-outline-foreground-dark
  a.ttw-btn-reverse-outline-foreground-dark {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-foreground-dark
  a.ttw-btn-reverse-outline-foreground-dark:focus,
.ttw-btn-reverse-outline-foreground-dark
  a.ttw-btn-reverse-outline-foreground-dark:hover {
  background-color: transparent;
  border-color: var(--dnn-color-foreground-dark, #000);
  color: var(--dnn-color-foreground-dark, #000);
}
.ttw-btn-inverse-foreground-dark,
a.ttw-btn-inverse-foreground-dark {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-foreground-dark, #000);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-foreground-dark:focus,
.ttw-btn-inverse-foreground-dark:hover,
a.ttw-btn-inverse-foreground-dark:focus,
a.ttw-btn-inverse-foreground-dark:hover {
  background-color: rgba(
    var(--dnn-color-foreground-dark-r),
    var(--dnn-color-foreground-dark-g),
    var(--dnn-color-foreground-dark-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-foreground-dark-r),
    var(--dnn-color-foreground-dark-g),
    var(--dnn-color-foreground-dark-b),
    0.9
  );
  color: "foreground-dark";
}
.ttw-btn-foreground-dark-r,
a.ttw-btn-foreground-dark-r {
  background-color: var(--dnn-color-foreground-dark-r, 0);
  border-color: var(--dnn-color-foreground-dark-r, 0);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-foreground-dark-r:focus,
.ttw-btn-foreground-dark-r:hover,
a.ttw-btn-foreground-dark-r:focus,
a.ttw-btn-foreground-dark-r:hover {
  background-color: rgba(
    var(--dnn-color-foreground-dark-r-r),
    var(--dnn-color-foreground-dark-r-g),
    var(--dnn-color-foreground-dark-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-foreground-dark-r-r),
    var(--dnn-color-foreground-dark-r-g),
    var(--dnn-color-foreground-dark-r-b),
    0.8
  );
}
.ttw-btn-outline-foreground-dark-r,
a.ttw-btn-outline-foreground-dark-r {
  background-color: transparent;
  border-color: var(--dnn-color-foreground-dark-r, 0);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-foreground-dark-r, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-foreground-dark-r:focus,
.ttw-btn-outline-foreground-dark-r:hover,
.ttw-btn-reverse-outline-foreground-dark-r
  a.ttw-btn-reverse-outline-foreground-dark-r,
a.ttw-btn-outline-foreground-dark-r:focus,
a.ttw-btn-outline-foreground-dark-r:hover {
  background-color: var(--dnn-color-foreground-dark-r, 0);
  border-color: var(--dnn-color-foreground-dark-r, 0);
}
.ttw-btn-reverse-outline-foreground-dark-r
  a.ttw-btn-reverse-outline-foreground-dark-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-foreground-dark-r
  a.ttw-btn-reverse-outline-foreground-dark-r:focus,
.ttw-btn-reverse-outline-foreground-dark-r
  a.ttw-btn-reverse-outline-foreground-dark-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-foreground-dark-r, 0);
  color: var(--dnn-color-foreground-dark-r, 0);
}
.ttw-btn-inverse-foreground-dark-r,
a.ttw-btn-inverse-foreground-dark-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-foreground-dark-r, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-foreground-dark-r:focus,
.ttw-btn-inverse-foreground-dark-r:hover,
a.ttw-btn-inverse-foreground-dark-r:focus,
a.ttw-btn-inverse-foreground-dark-r:hover {
  background-color: rgba(
    var(--dnn-color-foreground-dark-r-r),
    var(--dnn-color-foreground-dark-r-g),
    var(--dnn-color-foreground-dark-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-foreground-dark-r-r),
    var(--dnn-color-foreground-dark-r-g),
    var(--dnn-color-foreground-dark-r-b),
    0.9
  );
  color: "foreground-dark-r";
}
.ttw-btn-foreground-dark-g,
a.ttw-btn-foreground-dark-g {
  background-color: var(--dnn-color-foreground-dark-g, 0);
  border-color: var(--dnn-color-foreground-dark-g, 0);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-foreground-dark-g:focus,
.ttw-btn-foreground-dark-g:hover,
a.ttw-btn-foreground-dark-g:focus,
a.ttw-btn-foreground-dark-g:hover {
  background-color: rgba(
    var(--dnn-color-foreground-dark-g-r),
    var(--dnn-color-foreground-dark-g-g),
    var(--dnn-color-foreground-dark-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-foreground-dark-g-r),
    var(--dnn-color-foreground-dark-g-g),
    var(--dnn-color-foreground-dark-g-b),
    0.8
  );
}
.ttw-btn-outline-foreground-dark-g,
a.ttw-btn-outline-foreground-dark-g {
  background-color: transparent;
  border-color: var(--dnn-color-foreground-dark-g, 0);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-foreground-dark-g, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-foreground-dark-g:focus,
.ttw-btn-outline-foreground-dark-g:hover,
.ttw-btn-reverse-outline-foreground-dark-g
  a.ttw-btn-reverse-outline-foreground-dark-g,
a.ttw-btn-outline-foreground-dark-g:focus,
a.ttw-btn-outline-foreground-dark-g:hover {
  background-color: var(--dnn-color-foreground-dark-g, 0);
  border-color: var(--dnn-color-foreground-dark-g, 0);
}
.ttw-btn-reverse-outline-foreground-dark-g
  a.ttw-btn-reverse-outline-foreground-dark-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-foreground-dark-g
  a.ttw-btn-reverse-outline-foreground-dark-g:focus,
.ttw-btn-reverse-outline-foreground-dark-g
  a.ttw-btn-reverse-outline-foreground-dark-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-foreground-dark-g, 0);
  color: var(--dnn-color-foreground-dark-g, 0);
}
.ttw-btn-inverse-foreground-dark-g,
a.ttw-btn-inverse-foreground-dark-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-foreground-dark-g, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-foreground-dark-g:focus,
.ttw-btn-inverse-foreground-dark-g:hover,
a.ttw-btn-inverse-foreground-dark-g:focus,
a.ttw-btn-inverse-foreground-dark-g:hover {
  background-color: rgba(
    var(--dnn-color-foreground-dark-g-r),
    var(--dnn-color-foreground-dark-g-g),
    var(--dnn-color-foreground-dark-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-foreground-dark-g-r),
    var(--dnn-color-foreground-dark-g-g),
    var(--dnn-color-foreground-dark-g-b),
    0.9
  );
  color: "foreground-dark-g";
}
.ttw-btn-foreground-dark-b,
a.ttw-btn-foreground-dark-b {
  background-color: var(--dnn-color-foreground-dark-b, 0);
  border-color: var(--dnn-color-foreground-dark-b, 0);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-foreground-dark-b:focus,
.ttw-btn-foreground-dark-b:hover,
a.ttw-btn-foreground-dark-b:focus,
a.ttw-btn-foreground-dark-b:hover {
  background-color: rgba(
    var(--dnn-color-foreground-dark-b-r),
    var(--dnn-color-foreground-dark-b-g),
    var(--dnn-color-foreground-dark-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-foreground-dark-b-r),
    var(--dnn-color-foreground-dark-b-g),
    var(--dnn-color-foreground-dark-b-b),
    0.8
  );
}
.ttw-btn-outline-foreground-dark-b,
a.ttw-btn-outline-foreground-dark-b {
  background-color: transparent;
  border-color: var(--dnn-color-foreground-dark-b, 0);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-foreground-dark-b, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-foreground-dark-b:focus,
.ttw-btn-outline-foreground-dark-b:hover,
.ttw-btn-reverse-outline-foreground-dark-b
  a.ttw-btn-reverse-outline-foreground-dark-b,
a.ttw-btn-outline-foreground-dark-b:focus,
a.ttw-btn-outline-foreground-dark-b:hover {
  background-color: var(--dnn-color-foreground-dark-b, 0);
  border-color: var(--dnn-color-foreground-dark-b, 0);
}
.ttw-btn-reverse-outline-foreground-dark-b
  a.ttw-btn-reverse-outline-foreground-dark-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-foreground-dark-b
  a.ttw-btn-reverse-outline-foreground-dark-b:focus,
.ttw-btn-reverse-outline-foreground-dark-b
  a.ttw-btn-reverse-outline-foreground-dark-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-foreground-dark-b, 0);
  color: var(--dnn-color-foreground-dark-b, 0);
}
.ttw-btn-inverse-foreground-dark-b,
a.ttw-btn-inverse-foreground-dark-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-foreground-dark-b, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-foreground-dark-b:focus,
.ttw-btn-inverse-foreground-dark-b:hover,
a.ttw-btn-inverse-foreground-dark-b:focus,
a.ttw-btn-inverse-foreground-dark-b:hover {
  background-color: rgba(
    var(--dnn-color-foreground-dark-b-r),
    var(--dnn-color-foreground-dark-b-g),
    var(--dnn-color-foreground-dark-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-foreground-dark-b-r),
    var(--dnn-color-foreground-dark-b-g),
    var(--dnn-color-foreground-dark-b-b),
    0.9
  );
  color: "foreground-dark-b";
}
.ttw-btn-foreground-contrast,
a.ttw-btn-foreground-contrast {
  background-color: var(--dnn-color-foreground-contrast, #fff);
  border-color: var(--dnn-color-foreground-contrast, #fff);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-foreground-contrast:focus,
.ttw-btn-foreground-contrast:hover,
a.ttw-btn-foreground-contrast:focus,
a.ttw-btn-foreground-contrast:hover {
  background-color: rgba(
    var(--dnn-color-foreground-contrast-r),
    var(--dnn-color-foreground-contrast-g),
    var(--dnn-color-foreground-contrast-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-foreground-contrast-r),
    var(--dnn-color-foreground-contrast-g),
    var(--dnn-color-foreground-contrast-b),
    0.8
  );
}
.ttw-btn-outline-foreground-contrast,
a.ttw-btn-outline-foreground-contrast {
  background-color: transparent;
  border-color: var(--dnn-color-foreground-contrast, #fff);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-foreground-contrast, #fff);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-foreground-contrast:focus,
.ttw-btn-outline-foreground-contrast:hover,
.ttw-btn-reverse-outline-foreground-contrast
  a.ttw-btn-reverse-outline-foreground-contrast,
a.ttw-btn-outline-foreground-contrast:focus,
a.ttw-btn-outline-foreground-contrast:hover {
  background-color: var(--dnn-color-foreground-contrast, #fff);
  border-color: var(--dnn-color-foreground-contrast, #fff);
}
.ttw-btn-reverse-outline-foreground-contrast
  a.ttw-btn-reverse-outline-foreground-contrast {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-foreground-contrast
  a.ttw-btn-reverse-outline-foreground-contrast:focus,
.ttw-btn-reverse-outline-foreground-contrast
  a.ttw-btn-reverse-outline-foreground-contrast:hover {
  background-color: transparent;
  border-color: var(--dnn-color-foreground-contrast, #fff);
  color: var(--dnn-color-foreground-contrast, #fff);
}
.ttw-btn-inverse-foreground-contrast,
a.ttw-btn-inverse-foreground-contrast {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-foreground-contrast, #fff);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-foreground-contrast:focus,
.ttw-btn-inverse-foreground-contrast:hover,
a.ttw-btn-inverse-foreground-contrast:focus,
a.ttw-btn-inverse-foreground-contrast:hover {
  background-color: rgba(
    var(--dnn-color-foreground-contrast-r),
    var(--dnn-color-foreground-contrast-g),
    var(--dnn-color-foreground-contrast-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-foreground-contrast-r),
    var(--dnn-color-foreground-contrast-g),
    var(--dnn-color-foreground-contrast-b),
    0.9
  );
  color: "foreground-contrast";
}
.ttw-btn-foreground-contrast-r,
a.ttw-btn-foreground-contrast-r {
  background-color: var(--dnn-color-foreground-contrast-r, 255);
  border-color: var(--dnn-color-foreground-contrast-r, 255);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-foreground-contrast-r:focus,
.ttw-btn-foreground-contrast-r:hover,
a.ttw-btn-foreground-contrast-r:focus,
a.ttw-btn-foreground-contrast-r:hover {
  background-color: rgba(
    var(--dnn-color-foreground-contrast-r-r),
    var(--dnn-color-foreground-contrast-r-g),
    var(--dnn-color-foreground-contrast-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-foreground-contrast-r-r),
    var(--dnn-color-foreground-contrast-r-g),
    var(--dnn-color-foreground-contrast-r-b),
    0.8
  );
}
.ttw-btn-outline-foreground-contrast-r,
a.ttw-btn-outline-foreground-contrast-r {
  background-color: transparent;
  border-color: var(--dnn-color-foreground-contrast-r, 255);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-foreground-contrast-r, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-foreground-contrast-r:focus,
.ttw-btn-outline-foreground-contrast-r:hover,
.ttw-btn-reverse-outline-foreground-contrast-r
  a.ttw-btn-reverse-outline-foreground-contrast-r,
a.ttw-btn-outline-foreground-contrast-r:focus,
a.ttw-btn-outline-foreground-contrast-r:hover {
  background-color: var(--dnn-color-foreground-contrast-r, 255);
  border-color: var(--dnn-color-foreground-contrast-r, 255);
}
.ttw-btn-reverse-outline-foreground-contrast-r
  a.ttw-btn-reverse-outline-foreground-contrast-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-foreground-contrast-r
  a.ttw-btn-reverse-outline-foreground-contrast-r:focus,
.ttw-btn-reverse-outline-foreground-contrast-r
  a.ttw-btn-reverse-outline-foreground-contrast-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-foreground-contrast-r, 255);
  color: var(--dnn-color-foreground-contrast-r, 255);
}
.ttw-btn-inverse-foreground-contrast-r,
a.ttw-btn-inverse-foreground-contrast-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-foreground-contrast-r, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-foreground-contrast-r:focus,
.ttw-btn-inverse-foreground-contrast-r:hover,
a.ttw-btn-inverse-foreground-contrast-r:focus,
a.ttw-btn-inverse-foreground-contrast-r:hover {
  background-color: rgba(
    var(--dnn-color-foreground-contrast-r-r),
    var(--dnn-color-foreground-contrast-r-g),
    var(--dnn-color-foreground-contrast-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-foreground-contrast-r-r),
    var(--dnn-color-foreground-contrast-r-g),
    var(--dnn-color-foreground-contrast-r-b),
    0.9
  );
  color: "foreground-contrast-r";
}
.ttw-btn-foreground-contrast-g,
a.ttw-btn-foreground-contrast-g {
  background-color: var(--dnn-color-foreground-contrast-g, 255);
  border-color: var(--dnn-color-foreground-contrast-g, 255);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-foreground-contrast-g:focus,
.ttw-btn-foreground-contrast-g:hover,
a.ttw-btn-foreground-contrast-g:focus,
a.ttw-btn-foreground-contrast-g:hover {
  background-color: rgba(
    var(--dnn-color-foreground-contrast-g-r),
    var(--dnn-color-foreground-contrast-g-g),
    var(--dnn-color-foreground-contrast-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-foreground-contrast-g-r),
    var(--dnn-color-foreground-contrast-g-g),
    var(--dnn-color-foreground-contrast-g-b),
    0.8
  );
}
.ttw-btn-outline-foreground-contrast-g,
a.ttw-btn-outline-foreground-contrast-g {
  background-color: transparent;
  border-color: var(--dnn-color-foreground-contrast-g, 255);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-foreground-contrast-g, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-foreground-contrast-g:focus,
.ttw-btn-outline-foreground-contrast-g:hover,
.ttw-btn-reverse-outline-foreground-contrast-g
  a.ttw-btn-reverse-outline-foreground-contrast-g,
a.ttw-btn-outline-foreground-contrast-g:focus,
a.ttw-btn-outline-foreground-contrast-g:hover {
  background-color: var(--dnn-color-foreground-contrast-g, 255);
  border-color: var(--dnn-color-foreground-contrast-g, 255);
}
.ttw-btn-reverse-outline-foreground-contrast-g
  a.ttw-btn-reverse-outline-foreground-contrast-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-foreground-contrast-g
  a.ttw-btn-reverse-outline-foreground-contrast-g:focus,
.ttw-btn-reverse-outline-foreground-contrast-g
  a.ttw-btn-reverse-outline-foreground-contrast-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-foreground-contrast-g, 255);
  color: var(--dnn-color-foreground-contrast-g, 255);
}
.ttw-btn-inverse-foreground-contrast-g,
a.ttw-btn-inverse-foreground-contrast-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-foreground-contrast-g, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-foreground-contrast-g:focus,
.ttw-btn-inverse-foreground-contrast-g:hover,
a.ttw-btn-inverse-foreground-contrast-g:focus,
a.ttw-btn-inverse-foreground-contrast-g:hover {
  background-color: rgba(
    var(--dnn-color-foreground-contrast-g-r),
    var(--dnn-color-foreground-contrast-g-g),
    var(--dnn-color-foreground-contrast-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-foreground-contrast-g-r),
    var(--dnn-color-foreground-contrast-g-g),
    var(--dnn-color-foreground-contrast-g-b),
    0.9
  );
  color: "foreground-contrast-g";
}
.ttw-btn-foreground-contrast-b,
a.ttw-btn-foreground-contrast-b {
  background-color: var(--dnn-color-foreground-contrast-b, 255);
  border-color: var(--dnn-color-foreground-contrast-b, 255);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-foreground-contrast-b:focus,
.ttw-btn-foreground-contrast-b:hover,
a.ttw-btn-foreground-contrast-b:focus,
a.ttw-btn-foreground-contrast-b:hover {
  background-color: rgba(
    var(--dnn-color-foreground-contrast-b-r),
    var(--dnn-color-foreground-contrast-b-g),
    var(--dnn-color-foreground-contrast-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-foreground-contrast-b-r),
    var(--dnn-color-foreground-contrast-b-g),
    var(--dnn-color-foreground-contrast-b-b),
    0.8
  );
}
.ttw-btn-outline-foreground-contrast-b,
a.ttw-btn-outline-foreground-contrast-b {
  background-color: transparent;
  border-color: var(--dnn-color-foreground-contrast-b, 255);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-foreground-contrast-b, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-foreground-contrast-b:focus,
.ttw-btn-outline-foreground-contrast-b:hover,
.ttw-btn-reverse-outline-foreground-contrast-b
  a.ttw-btn-reverse-outline-foreground-contrast-b,
a.ttw-btn-outline-foreground-contrast-b:focus,
a.ttw-btn-outline-foreground-contrast-b:hover {
  background-color: var(--dnn-color-foreground-contrast-b, 255);
  border-color: var(--dnn-color-foreground-contrast-b, 255);
}
.ttw-btn-reverse-outline-foreground-contrast-b
  a.ttw-btn-reverse-outline-foreground-contrast-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-foreground-contrast-b
  a.ttw-btn-reverse-outline-foreground-contrast-b:focus,
.ttw-btn-reverse-outline-foreground-contrast-b
  a.ttw-btn-reverse-outline-foreground-contrast-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-foreground-contrast-b, 255);
  color: var(--dnn-color-foreground-contrast-b, 255);
}
.ttw-btn-inverse-foreground-contrast-b,
a.ttw-btn-inverse-foreground-contrast-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-foreground-contrast-b, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-foreground-contrast-b:focus,
.ttw-btn-inverse-foreground-contrast-b:hover,
a.ttw-btn-inverse-foreground-contrast-b:focus,
a.ttw-btn-inverse-foreground-contrast-b:hover {
  background-color: rgba(
    var(--dnn-color-foreground-contrast-b-r),
    var(--dnn-color-foreground-contrast-b-g),
    var(--dnn-color-foreground-contrast-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-foreground-contrast-b-r),
    var(--dnn-color-foreground-contrast-b-g),
    var(--dnn-color-foreground-contrast-b-b),
    0.9
  );
  color: "foreground-contrast-b";
}
.ttw-btn-surface,
a.ttw-btn-surface {
  background-color: var(--dnn-color-surface, #eee);
  border-color: var(--dnn-color-surface, #eee);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-surface-contrast, #000);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-surface:focus,
.ttw-btn-surface:hover,
a.ttw-btn-surface:focus,
a.ttw-btn-surface:hover {
  background-color: rgba(
    var(--dnn-color-surface-r),
    var(--dnn-color-surface-g),
    var(--dnn-color-surface-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-surface-r),
    var(--dnn-color-surface-g),
    var(--dnn-color-surface-b),
    0.8
  );
  color: var(--dnn-color-surface-contrast, #000);
}
.ttw-btn-outline-surface,
a.ttw-btn-outline-surface {
  background-color: transparent;
  border-color: var(--dnn-color-surface, #eee);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-surface, #eee);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-surface:focus,
.ttw-btn-outline-surface:hover,
.ttw-btn-reverse-outline-surface a.ttw-btn-reverse-outline-surface,
a.ttw-btn-outline-surface:focus,
a.ttw-btn-outline-surface:hover {
  background-color: var(--dnn-color-surface, #eee);
  border-color: var(--dnn-color-surface, #eee);
  color: var(--dnn-color-surface-contrast, #000);
}
.ttw-btn-reverse-outline-surface a.ttw-btn-reverse-outline-surface {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-surface
  a.ttw-btn-reverse-outline-surface:focus,
.ttw-btn-reverse-outline-surface
  a.ttw-btn-reverse-outline-surface:hover {
  background-color: transparent;
  border-color: var(--dnn-color-surface, #eee);
  color: var(--dnn-color-surface, #eee);
}
.ttw-btn-inverse-surface,
a.ttw-btn-inverse-surface {
  background-color: var(--dnn-color-surface-contrast, #000);
  background-image: none;
  border-color: var(--dnn-color-surface-contrast, #000);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-surface, #eee);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-surface:focus,
.ttw-btn-inverse-surface:hover,
a.ttw-btn-inverse-surface:focus,
a.ttw-btn-inverse-surface:hover {
  background-color: rgba(
    var(--dnn-color-surface-r),
    var(--dnn-color-surface-g),
    var(--dnn-color-surface-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-surface-r),
    var(--dnn-color-surface-g),
    var(--dnn-color-surface-b),
    0.9
  );
  color: "surface";
}
.ttw-btn-surface-r,
a.ttw-btn-surface-r {
  background-color: var(--dnn-color-surface-r, 238);
  border-color: var(--dnn-color-surface-r, 238);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-surface-r:focus,
.ttw-btn-surface-r:hover,
a.ttw-btn-surface-r:focus,
a.ttw-btn-surface-r:hover {
  background-color: rgba(
    var(--dnn-color-surface-r-r),
    var(--dnn-color-surface-r-g),
    var(--dnn-color-surface-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-surface-r-r),
    var(--dnn-color-surface-r-g),
    var(--dnn-color-surface-r-b),
    0.8
  );
}
.ttw-btn-outline-surface-r,
a.ttw-btn-outline-surface-r {
  background-color: transparent;
  border-color: var(--dnn-color-surface-r, 238);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-surface-r, 238);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-surface-r:focus,
.ttw-btn-outline-surface-r:hover,
.ttw-btn-reverse-outline-surface-r
  a.ttw-btn-reverse-outline-surface-r,
a.ttw-btn-outline-surface-r:focus,
a.ttw-btn-outline-surface-r:hover {
  background-color: var(--dnn-color-surface-r, 238);
  border-color: var(--dnn-color-surface-r, 238);
}
.ttw-btn-reverse-outline-surface-r
  a.ttw-btn-reverse-outline-surface-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-surface-r
  a.ttw-btn-reverse-outline-surface-r:focus,
.ttw-btn-reverse-outline-surface-r
  a.ttw-btn-reverse-outline-surface-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-surface-r, 238);
  color: var(--dnn-color-surface-r, 238);
}
.ttw-btn-inverse-surface-r,
a.ttw-btn-inverse-surface-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-surface-r, 238);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-surface-r:focus,
.ttw-btn-inverse-surface-r:hover,
a.ttw-btn-inverse-surface-r:focus,
a.ttw-btn-inverse-surface-r:hover {
  background-color: rgba(
    var(--dnn-color-surface-r-r),
    var(--dnn-color-surface-r-g),
    var(--dnn-color-surface-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-surface-r-r),
    var(--dnn-color-surface-r-g),
    var(--dnn-color-surface-r-b),
    0.9
  );
  color: "surface-r";
}
.ttw-btn-surface-g,
a.ttw-btn-surface-g {
  background-color: var(--dnn-color-surface-g, 238);
  border-color: var(--dnn-color-surface-g, 238);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-surface-g:focus,
.ttw-btn-surface-g:hover,
a.ttw-btn-surface-g:focus,
a.ttw-btn-surface-g:hover {
  background-color: rgba(
    var(--dnn-color-surface-g-r),
    var(--dnn-color-surface-g-g),
    var(--dnn-color-surface-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-surface-g-r),
    var(--dnn-color-surface-g-g),
    var(--dnn-color-surface-g-b),
    0.8
  );
}
.ttw-btn-outline-surface-g,
a.ttw-btn-outline-surface-g {
  background-color: transparent;
  border-color: var(--dnn-color-surface-g, 238);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-surface-g, 238);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-surface-g:focus,
.ttw-btn-outline-surface-g:hover,
.ttw-btn-reverse-outline-surface-g
  a.ttw-btn-reverse-outline-surface-g,
a.ttw-btn-outline-surface-g:focus,
a.ttw-btn-outline-surface-g:hover {
  background-color: var(--dnn-color-surface-g, 238);
  border-color: var(--dnn-color-surface-g, 238);
}
.ttw-btn-reverse-outline-surface-g
  a.ttw-btn-reverse-outline-surface-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-surface-g
  a.ttw-btn-reverse-outline-surface-g:focus,
.ttw-btn-reverse-outline-surface-g
  a.ttw-btn-reverse-outline-surface-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-surface-g, 238);
  color: var(--dnn-color-surface-g, 238);
}
.ttw-btn-inverse-surface-g,
a.ttw-btn-inverse-surface-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-surface-g, 238);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-surface-g:focus,
.ttw-btn-inverse-surface-g:hover,
a.ttw-btn-inverse-surface-g:focus,
a.ttw-btn-inverse-surface-g:hover {
  background-color: rgba(
    var(--dnn-color-surface-g-r),
    var(--dnn-color-surface-g-g),
    var(--dnn-color-surface-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-surface-g-r),
    var(--dnn-color-surface-g-g),
    var(--dnn-color-surface-g-b),
    0.9
  );
  color: "surface-g";
}
.ttw-btn-surface-b,
a.ttw-btn-surface-b {
  background-color: var(--dnn-color-surface-b, 238);
  border-color: var(--dnn-color-surface-b, 238);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-surface-b:focus,
.ttw-btn-surface-b:hover,
a.ttw-btn-surface-b:focus,
a.ttw-btn-surface-b:hover {
  background-color: rgba(
    var(--dnn-color-surface-b-r),
    var(--dnn-color-surface-b-g),
    var(--dnn-color-surface-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-surface-b-r),
    var(--dnn-color-surface-b-g),
    var(--dnn-color-surface-b-b),
    0.8
  );
}
.ttw-btn-outline-surface-b,
a.ttw-btn-outline-surface-b {
  background-color: transparent;
  border-color: var(--dnn-color-surface-b, 238);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-surface-b, 238);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-surface-b:focus,
.ttw-btn-outline-surface-b:hover,
.ttw-btn-reverse-outline-surface-b
  a.ttw-btn-reverse-outline-surface-b,
a.ttw-btn-outline-surface-b:focus,
a.ttw-btn-outline-surface-b:hover {
  background-color: var(--dnn-color-surface-b, 238);
  border-color: var(--dnn-color-surface-b, 238);
}
.ttw-btn-reverse-outline-surface-b
  a.ttw-btn-reverse-outline-surface-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-surface-b
  a.ttw-btn-reverse-outline-surface-b:focus,
.ttw-btn-reverse-outline-surface-b
  a.ttw-btn-reverse-outline-surface-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-surface-b, 238);
  color: var(--dnn-color-surface-b, 238);
}
.ttw-btn-inverse-surface-b,
a.ttw-btn-inverse-surface-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-surface-b, 238);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-surface-b:focus,
.ttw-btn-inverse-surface-b:hover,
a.ttw-btn-inverse-surface-b:focus,
a.ttw-btn-inverse-surface-b:hover {
  background-color: rgba(
    var(--dnn-color-surface-b-r),
    var(--dnn-color-surface-b-g),
    var(--dnn-color-surface-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-surface-b-r),
    var(--dnn-color-surface-b-g),
    var(--dnn-color-surface-b-b),
    0.9
  );
  color: "surface-b";
}
.ttw-btn-surface-light,
a.ttw-btn-surface-light {
  background-color: var(--dnn-color-surface-light, #f5f5f5);
  border-color: var(--dnn-color-surface-light, #f5f5f5);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-surface-light:focus,
.ttw-btn-surface-light:hover,
a.ttw-btn-surface-light:focus,
a.ttw-btn-surface-light:hover {
  background-color: rgba(
    var(--dnn-color-surface-light-r),
    var(--dnn-color-surface-light-g),
    var(--dnn-color-surface-light-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-surface-light-r),
    var(--dnn-color-surface-light-g),
    var(--dnn-color-surface-light-b),
    0.8
  );
}
.ttw-btn-outline-surface-light,
a.ttw-btn-outline-surface-light {
  background-color: transparent;
  border-color: var(--dnn-color-surface-light, #f5f5f5);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-surface-light, #f5f5f5);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-surface-light:focus,
.ttw-btn-outline-surface-light:hover,
.ttw-btn-reverse-outline-surface-light
  a.ttw-btn-reverse-outline-surface-light,
a.ttw-btn-outline-surface-light:focus,
a.ttw-btn-outline-surface-light:hover {
  background-color: var(--dnn-color-surface-light, #f5f5f5);
  border-color: var(--dnn-color-surface-light, #f5f5f5);
}
.ttw-btn-reverse-outline-surface-light
  a.ttw-btn-reverse-outline-surface-light {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-surface-light
  a.ttw-btn-reverse-outline-surface-light:focus,
.ttw-btn-reverse-outline-surface-light
  a.ttw-btn-reverse-outline-surface-light:hover {
  background-color: transparent;
  border-color: var(--dnn-color-surface-light, #f5f5f5);
  color: var(--dnn-color-surface-light, #f5f5f5);
}
.ttw-btn-inverse-surface-light,
a.ttw-btn-inverse-surface-light {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-surface-light, #f5f5f5);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-surface-light:focus,
.ttw-btn-inverse-surface-light:hover,
a.ttw-btn-inverse-surface-light:focus,
a.ttw-btn-inverse-surface-light:hover {
  background-color: rgba(
    var(--dnn-color-surface-light-r),
    var(--dnn-color-surface-light-g),
    var(--dnn-color-surface-light-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-surface-light-r),
    var(--dnn-color-surface-light-g),
    var(--dnn-color-surface-light-b),
    0.9
  );
  color: "surface-light";
}
.ttw-btn-surface-light-r,
a.ttw-btn-surface-light-r {
  background-color: var(--dnn-color-surface-light-r, 245);
  border-color: var(--dnn-color-surface-light-r, 245);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-surface-light-r:focus,
.ttw-btn-surface-light-r:hover,
a.ttw-btn-surface-light-r:focus,
a.ttw-btn-surface-light-r:hover {
  background-color: rgba(
    var(--dnn-color-surface-light-r-r),
    var(--dnn-color-surface-light-r-g),
    var(--dnn-color-surface-light-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-surface-light-r-r),
    var(--dnn-color-surface-light-r-g),
    var(--dnn-color-surface-light-r-b),
    0.8
  );
}
.ttw-btn-outline-surface-light-r,
a.ttw-btn-outline-surface-light-r {
  background-color: transparent;
  border-color: var(--dnn-color-surface-light-r, 245);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-surface-light-r, 245);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-surface-light-r:focus,
.ttw-btn-outline-surface-light-r:hover,
.ttw-btn-reverse-outline-surface-light-r
  a.ttw-btn-reverse-outline-surface-light-r,
a.ttw-btn-outline-surface-light-r:focus,
a.ttw-btn-outline-surface-light-r:hover {
  background-color: var(--dnn-color-surface-light-r, 245);
  border-color: var(--dnn-color-surface-light-r, 245);
}
.ttw-btn-reverse-outline-surface-light-r
  a.ttw-btn-reverse-outline-surface-light-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-surface-light-r
  a.ttw-btn-reverse-outline-surface-light-r:focus,
.ttw-btn-reverse-outline-surface-light-r
  a.ttw-btn-reverse-outline-surface-light-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-surface-light-r, 245);
  color: var(--dnn-color-surface-light-r, 245);
}
.ttw-btn-inverse-surface-light-r,
a.ttw-btn-inverse-surface-light-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-surface-light-r, 245);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-surface-light-r:focus,
.ttw-btn-inverse-surface-light-r:hover,
a.ttw-btn-inverse-surface-light-r:focus,
a.ttw-btn-inverse-surface-light-r:hover {
  background-color: rgba(
    var(--dnn-color-surface-light-r-r),
    var(--dnn-color-surface-light-r-g),
    var(--dnn-color-surface-light-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-surface-light-r-r),
    var(--dnn-color-surface-light-r-g),
    var(--dnn-color-surface-light-r-b),
    0.9
  );
  color: "surface-light-r";
}
.ttw-btn-surface-light-g,
a.ttw-btn-surface-light-g {
  background-color: var(--dnn-color-surface-light-g, 245);
  border-color: var(--dnn-color-surface-light-g, 245);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-surface-light-g:focus,
.ttw-btn-surface-light-g:hover,
a.ttw-btn-surface-light-g:focus,
a.ttw-btn-surface-light-g:hover {
  background-color: rgba(
    var(--dnn-color-surface-light-g-r),
    var(--dnn-color-surface-light-g-g),
    var(--dnn-color-surface-light-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-surface-light-g-r),
    var(--dnn-color-surface-light-g-g),
    var(--dnn-color-surface-light-g-b),
    0.8
  );
}
.ttw-btn-outline-surface-light-g,
a.ttw-btn-outline-surface-light-g {
  background-color: transparent;
  border-color: var(--dnn-color-surface-light-g, 245);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-surface-light-g, 245);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-surface-light-g:focus,
.ttw-btn-outline-surface-light-g:hover,
.ttw-btn-reverse-outline-surface-light-g
  a.ttw-btn-reverse-outline-surface-light-g,
a.ttw-btn-outline-surface-light-g:focus,
a.ttw-btn-outline-surface-light-g:hover {
  background-color: var(--dnn-color-surface-light-g, 245);
  border-color: var(--dnn-color-surface-light-g, 245);
}
.ttw-btn-reverse-outline-surface-light-g
  a.ttw-btn-reverse-outline-surface-light-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-surface-light-g
  a.ttw-btn-reverse-outline-surface-light-g:focus,
.ttw-btn-reverse-outline-surface-light-g
  a.ttw-btn-reverse-outline-surface-light-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-surface-light-g, 245);
  color: var(--dnn-color-surface-light-g, 245);
}
.ttw-btn-inverse-surface-light-g,
a.ttw-btn-inverse-surface-light-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-surface-light-g, 245);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-surface-light-g:focus,
.ttw-btn-inverse-surface-light-g:hover,
a.ttw-btn-inverse-surface-light-g:focus,
a.ttw-btn-inverse-surface-light-g:hover {
  background-color: rgba(
    var(--dnn-color-surface-light-g-r),
    var(--dnn-color-surface-light-g-g),
    var(--dnn-color-surface-light-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-surface-light-g-r),
    var(--dnn-color-surface-light-g-g),
    var(--dnn-color-surface-light-g-b),
    0.9
  );
  color: "surface-light-g";
}
.ttw-btn-surface-light-b,
a.ttw-btn-surface-light-b {
  background-color: var(--dnn-color-surface-light-b, 245);
  border-color: var(--dnn-color-surface-light-b, 245);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-surface-light-b:focus,
.ttw-btn-surface-light-b:hover,
a.ttw-btn-surface-light-b:focus,
a.ttw-btn-surface-light-b:hover {
  background-color: rgba(
    var(--dnn-color-surface-light-b-r),
    var(--dnn-color-surface-light-b-g),
    var(--dnn-color-surface-light-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-surface-light-b-r),
    var(--dnn-color-surface-light-b-g),
    var(--dnn-color-surface-light-b-b),
    0.8
  );
}
.ttw-btn-outline-surface-light-b,
a.ttw-btn-outline-surface-light-b {
  background-color: transparent;
  border-color: var(--dnn-color-surface-light-b, 245);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-surface-light-b, 245);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-surface-light-b:focus,
.ttw-btn-outline-surface-light-b:hover,
.ttw-btn-reverse-outline-surface-light-b
  a.ttw-btn-reverse-outline-surface-light-b,
a.ttw-btn-outline-surface-light-b:focus,
a.ttw-btn-outline-surface-light-b:hover {
  background-color: var(--dnn-color-surface-light-b, 245);
  border-color: var(--dnn-color-surface-light-b, 245);
}
.ttw-btn-reverse-outline-surface-light-b
  a.ttw-btn-reverse-outline-surface-light-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-surface-light-b
  a.ttw-btn-reverse-outline-surface-light-b:focus,
.ttw-btn-reverse-outline-surface-light-b
  a.ttw-btn-reverse-outline-surface-light-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-surface-light-b, 245);
  color: var(--dnn-color-surface-light-b, 245);
}
.ttw-btn-inverse-surface-light-b,
a.ttw-btn-inverse-surface-light-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-surface-light-b, 245);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-surface-light-b:focus,
.ttw-btn-inverse-surface-light-b:hover,
a.ttw-btn-inverse-surface-light-b:focus,
a.ttw-btn-inverse-surface-light-b:hover {
  background-color: rgba(
    var(--dnn-color-surface-light-b-r),
    var(--dnn-color-surface-light-b-g),
    var(--dnn-color-surface-light-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-surface-light-b-r),
    var(--dnn-color-surface-light-b-g),
    var(--dnn-color-surface-light-b-b),
    0.9
  );
  color: "surface-light-b";
}
.ttw-btn-surface-dark,
a.ttw-btn-surface-dark {
  background-color: var(--dnn-color-surface-dark, #ccc);
  border-color: var(--dnn-color-surface-dark, #ccc);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-surface-dark:focus,
.ttw-btn-surface-dark:hover,
a.ttw-btn-surface-dark:focus,
a.ttw-btn-surface-dark:hover {
  background-color: rgba(
    var(--dnn-color-surface-dark-r),
    var(--dnn-color-surface-dark-g),
    var(--dnn-color-surface-dark-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-surface-dark-r),
    var(--dnn-color-surface-dark-g),
    var(--dnn-color-surface-dark-b),
    0.8
  );
}
.ttw-btn-outline-surface-dark,
a.ttw-btn-outline-surface-dark {
  background-color: transparent;
  border-color: var(--dnn-color-surface-dark, #ccc);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-surface-dark, #ccc);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-surface-dark:focus,
.ttw-btn-outline-surface-dark:hover,
.ttw-btn-reverse-outline-surface-dark
  a.ttw-btn-reverse-outline-surface-dark,
a.ttw-btn-outline-surface-dark:focus,
a.ttw-btn-outline-surface-dark:hover {
  background-color: var(--dnn-color-surface-dark, #ccc);
  border-color: var(--dnn-color-surface-dark, #ccc);
}
.ttw-btn-reverse-outline-surface-dark
  a.ttw-btn-reverse-outline-surface-dark {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-surface-dark
  a.ttw-btn-reverse-outline-surface-dark:focus,
.ttw-btn-reverse-outline-surface-dark
  a.ttw-btn-reverse-outline-surface-dark:hover {
  background-color: transparent;
  border-color: var(--dnn-color-surface-dark, #ccc);
  color: var(--dnn-color-surface-dark, #ccc);
}
.ttw-btn-inverse-surface-dark,
a.ttw-btn-inverse-surface-dark {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-surface-dark, #ccc);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-surface-dark:focus,
.ttw-btn-inverse-surface-dark:hover,
a.ttw-btn-inverse-surface-dark:focus,
a.ttw-btn-inverse-surface-dark:hover {
  background-color: rgba(
    var(--dnn-color-surface-dark-r),
    var(--dnn-color-surface-dark-g),
    var(--dnn-color-surface-dark-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-surface-dark-r),
    var(--dnn-color-surface-dark-g),
    var(--dnn-color-surface-dark-b),
    0.9
  );
  color: "surface-dark";
}
.ttw-btn-surface-dark-r,
a.ttw-btn-surface-dark-r {
  background-color: var(--dnn-color-surface-dark-r, 204);
  border-color: var(--dnn-color-surface-dark-r, 204);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-surface-dark-r:focus,
.ttw-btn-surface-dark-r:hover,
a.ttw-btn-surface-dark-r:focus,
a.ttw-btn-surface-dark-r:hover {
  background-color: rgba(
    var(--dnn-color-surface-dark-r-r),
    var(--dnn-color-surface-dark-r-g),
    var(--dnn-color-surface-dark-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-surface-dark-r-r),
    var(--dnn-color-surface-dark-r-g),
    var(--dnn-color-surface-dark-r-b),
    0.8
  );
}
.ttw-btn-outline-surface-dark-r,
a.ttw-btn-outline-surface-dark-r {
  background-color: transparent;
  border-color: var(--dnn-color-surface-dark-r, 204);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-surface-dark-r, 204);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-surface-dark-r:focus,
.ttw-btn-outline-surface-dark-r:hover,
.ttw-btn-reverse-outline-surface-dark-r
  a.ttw-btn-reverse-outline-surface-dark-r,
a.ttw-btn-outline-surface-dark-r:focus,
a.ttw-btn-outline-surface-dark-r:hover {
  background-color: var(--dnn-color-surface-dark-r, 204);
  border-color: var(--dnn-color-surface-dark-r, 204);
}
.ttw-btn-reverse-outline-surface-dark-r
  a.ttw-btn-reverse-outline-surface-dark-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-surface-dark-r
  a.ttw-btn-reverse-outline-surface-dark-r:focus,
.ttw-btn-reverse-outline-surface-dark-r
  a.ttw-btn-reverse-outline-surface-dark-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-surface-dark-r, 204);
  color: var(--dnn-color-surface-dark-r, 204);
}
.ttw-btn-inverse-surface-dark-r,
a.ttw-btn-inverse-surface-dark-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-surface-dark-r, 204);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-surface-dark-r:focus,
.ttw-btn-inverse-surface-dark-r:hover,
a.ttw-btn-inverse-surface-dark-r:focus,
a.ttw-btn-inverse-surface-dark-r:hover {
  background-color: rgba(
    var(--dnn-color-surface-dark-r-r),
    var(--dnn-color-surface-dark-r-g),
    var(--dnn-color-surface-dark-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-surface-dark-r-r),
    var(--dnn-color-surface-dark-r-g),
    var(--dnn-color-surface-dark-r-b),
    0.9
  );
  color: "surface-dark-r";
}
.ttw-btn-surface-dark-g,
a.ttw-btn-surface-dark-g {
  background-color: var(--dnn-color-surface-dark-g, 204);
  border-color: var(--dnn-color-surface-dark-g, 204);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-surface-dark-g:focus,
.ttw-btn-surface-dark-g:hover,
a.ttw-btn-surface-dark-g:focus,
a.ttw-btn-surface-dark-g:hover {
  background-color: rgba(
    var(--dnn-color-surface-dark-g-r),
    var(--dnn-color-surface-dark-g-g),
    var(--dnn-color-surface-dark-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-surface-dark-g-r),
    var(--dnn-color-surface-dark-g-g),
    var(--dnn-color-surface-dark-g-b),
    0.8
  );
}
.ttw-btn-outline-surface-dark-g,
a.ttw-btn-outline-surface-dark-g {
  background-color: transparent;
  border-color: var(--dnn-color-surface-dark-g, 204);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-surface-dark-g, 204);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-surface-dark-g:focus,
.ttw-btn-outline-surface-dark-g:hover,
.ttw-btn-reverse-outline-surface-dark-g
  a.ttw-btn-reverse-outline-surface-dark-g,
a.ttw-btn-outline-surface-dark-g:focus,
a.ttw-btn-outline-surface-dark-g:hover {
  background-color: var(--dnn-color-surface-dark-g, 204);
  border-color: var(--dnn-color-surface-dark-g, 204);
}
.ttw-btn-reverse-outline-surface-dark-g
  a.ttw-btn-reverse-outline-surface-dark-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-surface-dark-g
  a.ttw-btn-reverse-outline-surface-dark-g:focus,
.ttw-btn-reverse-outline-surface-dark-g
  a.ttw-btn-reverse-outline-surface-dark-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-surface-dark-g, 204);
  color: var(--dnn-color-surface-dark-g, 204);
}
.ttw-btn-inverse-surface-dark-g,
a.ttw-btn-inverse-surface-dark-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-surface-dark-g, 204);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-surface-dark-g:focus,
.ttw-btn-inverse-surface-dark-g:hover,
a.ttw-btn-inverse-surface-dark-g:focus,
a.ttw-btn-inverse-surface-dark-g:hover {
  background-color: rgba(
    var(--dnn-color-surface-dark-g-r),
    var(--dnn-color-surface-dark-g-g),
    var(--dnn-color-surface-dark-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-surface-dark-g-r),
    var(--dnn-color-surface-dark-g-g),
    var(--dnn-color-surface-dark-g-b),
    0.9
  );
  color: "surface-dark-g";
}
.ttw-btn-surface-dark-b,
a.ttw-btn-surface-dark-b {
  background-color: var(--dnn-color-surface-dark-b, 204);
  border-color: var(--dnn-color-surface-dark-b, 204);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-surface-dark-b:focus,
.ttw-btn-surface-dark-b:hover,
a.ttw-btn-surface-dark-b:focus,
a.ttw-btn-surface-dark-b:hover {
  background-color: rgba(
    var(--dnn-color-surface-dark-b-r),
    var(--dnn-color-surface-dark-b-g),
    var(--dnn-color-surface-dark-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-surface-dark-b-r),
    var(--dnn-color-surface-dark-b-g),
    var(--dnn-color-surface-dark-b-b),
    0.8
  );
}
.ttw-btn-outline-surface-dark-b,
a.ttw-btn-outline-surface-dark-b {
  background-color: transparent;
  border-color: var(--dnn-color-surface-dark-b, 204);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-surface-dark-b, 204);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-surface-dark-b:focus,
.ttw-btn-outline-surface-dark-b:hover,
.ttw-btn-reverse-outline-surface-dark-b
  a.ttw-btn-reverse-outline-surface-dark-b,
a.ttw-btn-outline-surface-dark-b:focus,
a.ttw-btn-outline-surface-dark-b:hover {
  background-color: var(--dnn-color-surface-dark-b, 204);
  border-color: var(--dnn-color-surface-dark-b, 204);
}
.ttw-btn-reverse-outline-surface-dark-b
  a.ttw-btn-reverse-outline-surface-dark-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-surface-dark-b
  a.ttw-btn-reverse-outline-surface-dark-b:focus,
.ttw-btn-reverse-outline-surface-dark-b
  a.ttw-btn-reverse-outline-surface-dark-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-surface-dark-b, 204);
  color: var(--dnn-color-surface-dark-b, 204);
}
.ttw-btn-inverse-surface-dark-b,
a.ttw-btn-inverse-surface-dark-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-surface-dark-b, 204);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-surface-dark-b:focus,
.ttw-btn-inverse-surface-dark-b:hover,
a.ttw-btn-inverse-surface-dark-b:focus,
a.ttw-btn-inverse-surface-dark-b:hover {
  background-color: rgba(
    var(--dnn-color-surface-dark-b-r),
    var(--dnn-color-surface-dark-b-g),
    var(--dnn-color-surface-dark-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-surface-dark-b-r),
    var(--dnn-color-surface-dark-b-g),
    var(--dnn-color-surface-dark-b-b),
    0.9
  );
  color: "surface-dark-b";
}
.ttw-btn-surface-contrast,
a.ttw-btn-surface-contrast {
  background-color: var(--dnn-color-surface-contrast, #000);
  border-color: var(--dnn-color-surface-contrast, #000);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-surface-contrast:focus,
.ttw-btn-surface-contrast:hover,
a.ttw-btn-surface-contrast:focus,
a.ttw-btn-surface-contrast:hover {
  background-color: rgba(
    var(--dnn-color-surface-contrast-r),
    var(--dnn-color-surface-contrast-g),
    var(--dnn-color-surface-contrast-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-surface-contrast-r),
    var(--dnn-color-surface-contrast-g),
    var(--dnn-color-surface-contrast-b),
    0.8
  );
}
.ttw-btn-outline-surface-contrast,
a.ttw-btn-outline-surface-contrast {
  background-color: transparent;
  border-color: var(--dnn-color-surface-contrast, #000);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-surface-contrast, #000);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-surface-contrast:focus,
.ttw-btn-outline-surface-contrast:hover,
.ttw-btn-reverse-outline-surface-contrast
  a.ttw-btn-reverse-outline-surface-contrast,
a.ttw-btn-outline-surface-contrast:focus,
a.ttw-btn-outline-surface-contrast:hover {
  background-color: var(--dnn-color-surface-contrast, #000);
  border-color: var(--dnn-color-surface-contrast, #000);
}
.ttw-btn-reverse-outline-surface-contrast
  a.ttw-btn-reverse-outline-surface-contrast {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-surface-contrast
  a.ttw-btn-reverse-outline-surface-contrast:focus,
.ttw-btn-reverse-outline-surface-contrast
  a.ttw-btn-reverse-outline-surface-contrast:hover {
  background-color: transparent;
  border-color: var(--dnn-color-surface-contrast, #000);
  color: var(--dnn-color-surface-contrast, #000);
}
.ttw-btn-inverse-surface-contrast,
a.ttw-btn-inverse-surface-contrast {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-surface-contrast, #000);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-surface-contrast:focus,
.ttw-btn-inverse-surface-contrast:hover,
a.ttw-btn-inverse-surface-contrast:focus,
a.ttw-btn-inverse-surface-contrast:hover {
  background-color: rgba(
    var(--dnn-color-surface-contrast-r),
    var(--dnn-color-surface-contrast-g),
    var(--dnn-color-surface-contrast-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-surface-contrast-r),
    var(--dnn-color-surface-contrast-g),
    var(--dnn-color-surface-contrast-b),
    0.9
  );
  color: "surface-contrast";
}
.ttw-btn-surface-contrast-r,
a.ttw-btn-surface-contrast-r {
  background-color: var(--dnn-color-surface-contrast-r, 0);
  border-color: var(--dnn-color-surface-contrast-r, 0);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-surface-contrast-r:focus,
.ttw-btn-surface-contrast-r:hover,
a.ttw-btn-surface-contrast-r:focus,
a.ttw-btn-surface-contrast-r:hover {
  background-color: rgba(
    var(--dnn-color-surface-contrast-r-r),
    var(--dnn-color-surface-contrast-r-g),
    var(--dnn-color-surface-contrast-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-surface-contrast-r-r),
    var(--dnn-color-surface-contrast-r-g),
    var(--dnn-color-surface-contrast-r-b),
    0.8
  );
}
.ttw-btn-outline-surface-contrast-r,
a.ttw-btn-outline-surface-contrast-r {
  background-color: transparent;
  border-color: var(--dnn-color-surface-contrast-r, 0);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-surface-contrast-r, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-surface-contrast-r:focus,
.ttw-btn-outline-surface-contrast-r:hover,
.ttw-btn-reverse-outline-surface-contrast-r
  a.ttw-btn-reverse-outline-surface-contrast-r,
a.ttw-btn-outline-surface-contrast-r:focus,
a.ttw-btn-outline-surface-contrast-r:hover {
  background-color: var(--dnn-color-surface-contrast-r, 0);
  border-color: var(--dnn-color-surface-contrast-r, 0);
}
.ttw-btn-reverse-outline-surface-contrast-r
  a.ttw-btn-reverse-outline-surface-contrast-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-surface-contrast-r
  a.ttw-btn-reverse-outline-surface-contrast-r:focus,
.ttw-btn-reverse-outline-surface-contrast-r
  a.ttw-btn-reverse-outline-surface-contrast-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-surface-contrast-r, 0);
  color: var(--dnn-color-surface-contrast-r, 0);
}
.ttw-btn-inverse-surface-contrast-r,
a.ttw-btn-inverse-surface-contrast-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-surface-contrast-r, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-surface-contrast-r:focus,
.ttw-btn-inverse-surface-contrast-r:hover,
a.ttw-btn-inverse-surface-contrast-r:focus,
a.ttw-btn-inverse-surface-contrast-r:hover {
  background-color: rgba(
    var(--dnn-color-surface-contrast-r-r),
    var(--dnn-color-surface-contrast-r-g),
    var(--dnn-color-surface-contrast-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-surface-contrast-r-r),
    var(--dnn-color-surface-contrast-r-g),
    var(--dnn-color-surface-contrast-r-b),
    0.9
  );
  color: "surface-contrast-r";
}
.ttw-btn-surface-contrast-g,
a.ttw-btn-surface-contrast-g {
  background-color: var(--dnn-color-surface-contrast-g, 0);
  border-color: var(--dnn-color-surface-contrast-g, 0);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-surface-contrast-g:focus,
.ttw-btn-surface-contrast-g:hover,
a.ttw-btn-surface-contrast-g:focus,
a.ttw-btn-surface-contrast-g:hover {
  background-color: rgba(
    var(--dnn-color-surface-contrast-g-r),
    var(--dnn-color-surface-contrast-g-g),
    var(--dnn-color-surface-contrast-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-surface-contrast-g-r),
    var(--dnn-color-surface-contrast-g-g),
    var(--dnn-color-surface-contrast-g-b),
    0.8
  );
}
.ttw-btn-outline-surface-contrast-g,
a.ttw-btn-outline-surface-contrast-g {
  background-color: transparent;
  border-color: var(--dnn-color-surface-contrast-g, 0);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-surface-contrast-g, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-surface-contrast-g:focus,
.ttw-btn-outline-surface-contrast-g:hover,
.ttw-btn-reverse-outline-surface-contrast-g
  a.ttw-btn-reverse-outline-surface-contrast-g,
a.ttw-btn-outline-surface-contrast-g:focus,
a.ttw-btn-outline-surface-contrast-g:hover {
  background-color: var(--dnn-color-surface-contrast-g, 0);
  border-color: var(--dnn-color-surface-contrast-g, 0);
}
.ttw-btn-reverse-outline-surface-contrast-g
  a.ttw-btn-reverse-outline-surface-contrast-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-surface-contrast-g
  a.ttw-btn-reverse-outline-surface-contrast-g:focus,
.ttw-btn-reverse-outline-surface-contrast-g
  a.ttw-btn-reverse-outline-surface-contrast-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-surface-contrast-g, 0);
  color: var(--dnn-color-surface-contrast-g, 0);
}
.ttw-btn-inverse-surface-contrast-g,
a.ttw-btn-inverse-surface-contrast-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-surface-contrast-g, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-surface-contrast-g:focus,
.ttw-btn-inverse-surface-contrast-g:hover,
a.ttw-btn-inverse-surface-contrast-g:focus,
a.ttw-btn-inverse-surface-contrast-g:hover {
  background-color: rgba(
    var(--dnn-color-surface-contrast-g-r),
    var(--dnn-color-surface-contrast-g-g),
    var(--dnn-color-surface-contrast-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-surface-contrast-g-r),
    var(--dnn-color-surface-contrast-g-g),
    var(--dnn-color-surface-contrast-g-b),
    0.9
  );
  color: "surface-contrast-g";
}
.ttw-btn-surface-contrast-b,
a.ttw-btn-surface-contrast-b {
  background-color: var(--dnn-color-surface-contrast-b, 0);
  border-color: var(--dnn-color-surface-contrast-b, 0);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-surface-contrast-b:focus,
.ttw-btn-surface-contrast-b:hover,
a.ttw-btn-surface-contrast-b:focus,
a.ttw-btn-surface-contrast-b:hover {
  background-color: rgba(
    var(--dnn-color-surface-contrast-b-r),
    var(--dnn-color-surface-contrast-b-g),
    var(--dnn-color-surface-contrast-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-surface-contrast-b-r),
    var(--dnn-color-surface-contrast-b-g),
    var(--dnn-color-surface-contrast-b-b),
    0.8
  );
}
.ttw-btn-outline-surface-contrast-b,
a.ttw-btn-outline-surface-contrast-b {
  background-color: transparent;
  border-color: var(--dnn-color-surface-contrast-b, 0);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-surface-contrast-b, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-surface-contrast-b:focus,
.ttw-btn-outline-surface-contrast-b:hover,
.ttw-btn-reverse-outline-surface-contrast-b
  a.ttw-btn-reverse-outline-surface-contrast-b,
a.ttw-btn-outline-surface-contrast-b:focus,
a.ttw-btn-outline-surface-contrast-b:hover {
  background-color: var(--dnn-color-surface-contrast-b, 0);
  border-color: var(--dnn-color-surface-contrast-b, 0);
}
.ttw-btn-reverse-outline-surface-contrast-b
  a.ttw-btn-reverse-outline-surface-contrast-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-surface-contrast-b
  a.ttw-btn-reverse-outline-surface-contrast-b:focus,
.ttw-btn-reverse-outline-surface-contrast-b
  a.ttw-btn-reverse-outline-surface-contrast-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-surface-contrast-b, 0);
  color: var(--dnn-color-surface-contrast-b, 0);
}
.ttw-btn-inverse-surface-contrast-b,
a.ttw-btn-inverse-surface-contrast-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-surface-contrast-b, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-surface-contrast-b:focus,
.ttw-btn-inverse-surface-contrast-b:hover,
a.ttw-btn-inverse-surface-contrast-b:focus,
a.ttw-btn-inverse-surface-contrast-b:hover {
  background-color: rgba(
    var(--dnn-color-surface-contrast-b-r),
    var(--dnn-color-surface-contrast-b-g),
    var(--dnn-color-surface-contrast-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-surface-contrast-b-r),
    var(--dnn-color-surface-contrast-b-g),
    var(--dnn-color-surface-contrast-b-b),
    0.9
  );
  color: "surface-contrast-b";
}
.ttw-btn-info,
a.ttw-btn-info {
  background-color: var(--dnn-color-info, #17a2b8);
  border-color: var(--dnn-color-info, #17a2b8);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-info-contrast, #fff);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-info:focus,
.ttw-btn-info:hover,
a.ttw-btn-info:focus,
a.ttw-btn-info:hover {
  background-color: rgba(
    var(--dnn-color-info-r),
    var(--dnn-color-info-g),
    var(--dnn-color-info-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-info-r),
    var(--dnn-color-info-g),
    var(--dnn-color-info-b),
    0.8
  );
  color: var(--dnn-color-info-contrast, #fff);
}
.ttw-btn-outline-info,
a.ttw-btn-outline-info {
  background-color: transparent;
  border-color: var(--dnn-color-info, #17a2b8);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-info, #17a2b8);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-info:focus,
.ttw-btn-outline-info:hover,
.ttw-btn-reverse-outline-info a.ttw-btn-reverse-outline-info,
a.ttw-btn-outline-info:focus,
a.ttw-btn-outline-info:hover {
  background-color: var(--dnn-color-info, #17a2b8);
  border-color: var(--dnn-color-info, #17a2b8);
  color: var(--dnn-color-info-contrast, #fff);
}
.ttw-btn-reverse-outline-info a.ttw-btn-reverse-outline-info {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-info a.ttw-btn-reverse-outline-info:focus,
.ttw-btn-reverse-outline-info a.ttw-btn-reverse-outline-info:hover {
  background-color: transparent;
  border-color: var(--dnn-color-info, #17a2b8);
  color: var(--dnn-color-info, #17a2b8);
}
.ttw-btn-inverse-info,
a.ttw-btn-inverse-info {
  background-color: var(--dnn-color-info-contrast, #fff);
  background-image: none;
  border-color: var(--dnn-color-info-contrast, #fff);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-info, #17a2b8);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-info:focus,
.ttw-btn-inverse-info:hover,
a.ttw-btn-inverse-info:focus,
a.ttw-btn-inverse-info:hover {
  background-color: rgba(
    var(--dnn-color-info-r),
    var(--dnn-color-info-g),
    var(--dnn-color-info-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-info-r),
    var(--dnn-color-info-g),
    var(--dnn-color-info-b),
    0.9
  );
  color: "info";
}
.ttw-btn-info-r,
a.ttw-btn-info-r {
  background-color: var(--dnn-color-info-r, 23);
  border-color: var(--dnn-color-info-r, 23);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-info-r:focus,
.ttw-btn-info-r:hover,
a.ttw-btn-info-r:focus,
a.ttw-btn-info-r:hover {
  background-color: rgba(
    var(--dnn-color-info-r-r),
    var(--dnn-color-info-r-g),
    var(--dnn-color-info-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-info-r-r),
    var(--dnn-color-info-r-g),
    var(--dnn-color-info-r-b),
    0.8
  );
}
.ttw-btn-outline-info-r,
a.ttw-btn-outline-info-r {
  background-color: transparent;
  border-color: var(--dnn-color-info-r, 23);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-info-r, 23);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-info-r:focus,
.ttw-btn-outline-info-r:hover,
.ttw-btn-reverse-outline-info-r a.ttw-btn-reverse-outline-info-r,
a.ttw-btn-outline-info-r:focus,
a.ttw-btn-outline-info-r:hover {
  background-color: var(--dnn-color-info-r, 23);
  border-color: var(--dnn-color-info-r, 23);
}
.ttw-btn-reverse-outline-info-r a.ttw-btn-reverse-outline-info-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-info-r
  a.ttw-btn-reverse-outline-info-r:focus,
.ttw-btn-reverse-outline-info-r
  a.ttw-btn-reverse-outline-info-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-info-r, 23);
  color: var(--dnn-color-info-r, 23);
}
.ttw-btn-inverse-info-r,
a.ttw-btn-inverse-info-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-info-r, 23);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-info-r:focus,
.ttw-btn-inverse-info-r:hover,
a.ttw-btn-inverse-info-r:focus,
a.ttw-btn-inverse-info-r:hover {
  background-color: rgba(
    var(--dnn-color-info-r-r),
    var(--dnn-color-info-r-g),
    var(--dnn-color-info-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-info-r-r),
    var(--dnn-color-info-r-g),
    var(--dnn-color-info-r-b),
    0.9
  );
  color: "info-r";
}
.ttw-btn-info-g,
a.ttw-btn-info-g {
  background-color: var(--dnn-color-info-g, 162);
  border-color: var(--dnn-color-info-g, 162);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-info-g:focus,
.ttw-btn-info-g:hover,
a.ttw-btn-info-g:focus,
a.ttw-btn-info-g:hover {
  background-color: rgba(
    var(--dnn-color-info-g-r),
    var(--dnn-color-info-g-g),
    var(--dnn-color-info-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-info-g-r),
    var(--dnn-color-info-g-g),
    var(--dnn-color-info-g-b),
    0.8
  );
}
.ttw-btn-outline-info-g,
a.ttw-btn-outline-info-g {
  background-color: transparent;
  border-color: var(--dnn-color-info-g, 162);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-info-g, 162);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-info-g:focus,
.ttw-btn-outline-info-g:hover,
.ttw-btn-reverse-outline-info-g a.ttw-btn-reverse-outline-info-g,
a.ttw-btn-outline-info-g:focus,
a.ttw-btn-outline-info-g:hover {
  background-color: var(--dnn-color-info-g, 162);
  border-color: var(--dnn-color-info-g, 162);
}
.ttw-btn-reverse-outline-info-g a.ttw-btn-reverse-outline-info-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-info-g
  a.ttw-btn-reverse-outline-info-g:focus,
.ttw-btn-reverse-outline-info-g
  a.ttw-btn-reverse-outline-info-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-info-g, 162);
  color: var(--dnn-color-info-g, 162);
}
.ttw-btn-inverse-info-g,
a.ttw-btn-inverse-info-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-info-g, 162);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-info-g:focus,
.ttw-btn-inverse-info-g:hover,
a.ttw-btn-inverse-info-g:focus,
a.ttw-btn-inverse-info-g:hover {
  background-color: rgba(
    var(--dnn-color-info-g-r),
    var(--dnn-color-info-g-g),
    var(--dnn-color-info-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-info-g-r),
    var(--dnn-color-info-g-g),
    var(--dnn-color-info-g-b),
    0.9
  );
  color: "info-g";
}
.ttw-btn-info-b,
a.ttw-btn-info-b {
  background-color: var(--dnn-color-info-b, 184);
  border-color: var(--dnn-color-info-b, 184);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-info-b:focus,
.ttw-btn-info-b:hover,
a.ttw-btn-info-b:focus,
a.ttw-btn-info-b:hover {
  background-color: rgba(
    var(--dnn-color-info-b-r),
    var(--dnn-color-info-b-g),
    var(--dnn-color-info-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-info-b-r),
    var(--dnn-color-info-b-g),
    var(--dnn-color-info-b-b),
    0.8
  );
}
.ttw-btn-outline-info-b,
a.ttw-btn-outline-info-b {
  background-color: transparent;
  border-color: var(--dnn-color-info-b, 184);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-info-b, 184);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-info-b:focus,
.ttw-btn-outline-info-b:hover,
.ttw-btn-reverse-outline-info-b a.ttw-btn-reverse-outline-info-b,
a.ttw-btn-outline-info-b:focus,
a.ttw-btn-outline-info-b:hover {
  background-color: var(--dnn-color-info-b, 184);
  border-color: var(--dnn-color-info-b, 184);
}
.ttw-btn-reverse-outline-info-b a.ttw-btn-reverse-outline-info-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-info-b
  a.ttw-btn-reverse-outline-info-b:focus,
.ttw-btn-reverse-outline-info-b
  a.ttw-btn-reverse-outline-info-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-info-b, 184);
  color: var(--dnn-color-info-b, 184);
}
.ttw-btn-inverse-info-b,
a.ttw-btn-inverse-info-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-info-b, 184);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-info-b:focus,
.ttw-btn-inverse-info-b:hover,
a.ttw-btn-inverse-info-b:focus,
a.ttw-btn-inverse-info-b:hover {
  background-color: rgba(
    var(--dnn-color-info-b-r),
    var(--dnn-color-info-b-g),
    var(--dnn-color-info-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-info-b-r),
    var(--dnn-color-info-b-g),
    var(--dnn-color-info-b-b),
    0.9
  );
  color: "info-b";
}
.ttw-btn-info-light,
a.ttw-btn-info-light {
  background-color: var(--dnn-color-info-light, #23b8cf);
  border-color: var(--dnn-color-info-light, #23b8cf);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-info-light:focus,
.ttw-btn-info-light:hover,
a.ttw-btn-info-light:focus,
a.ttw-btn-info-light:hover {
  background-color: rgba(
    var(--dnn-color-info-light-r),
    var(--dnn-color-info-light-g),
    var(--dnn-color-info-light-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-info-light-r),
    var(--dnn-color-info-light-g),
    var(--dnn-color-info-light-b),
    0.8
  );
}
.ttw-btn-outline-info-light,
a.ttw-btn-outline-info-light {
  background-color: transparent;
  border-color: var(--dnn-color-info-light, #23b8cf);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-info-light, #23b8cf);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-info-light:focus,
.ttw-btn-outline-info-light:hover,
.ttw-btn-reverse-outline-info-light
  a.ttw-btn-reverse-outline-info-light,
a.ttw-btn-outline-info-light:focus,
a.ttw-btn-outline-info-light:hover {
  background-color: var(--dnn-color-info-light, #23b8cf);
  border-color: var(--dnn-color-info-light, #23b8cf);
}
.ttw-btn-reverse-outline-info-light
  a.ttw-btn-reverse-outline-info-light {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-info-light
  a.ttw-btn-reverse-outline-info-light:focus,
.ttw-btn-reverse-outline-info-light
  a.ttw-btn-reverse-outline-info-light:hover {
  background-color: transparent;
  border-color: var(--dnn-color-info-light, #23b8cf);
  color: var(--dnn-color-info-light, #23b8cf);
}
.ttw-btn-inverse-info-light,
a.ttw-btn-inverse-info-light {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-info-light, #23b8cf);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-info-light:focus,
.ttw-btn-inverse-info-light:hover,
a.ttw-btn-inverse-info-light:focus,
a.ttw-btn-inverse-info-light:hover {
  background-color: rgba(
    var(--dnn-color-info-light-r),
    var(--dnn-color-info-light-g),
    var(--dnn-color-info-light-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-info-light-r),
    var(--dnn-color-info-light-g),
    var(--dnn-color-info-light-b),
    0.9
  );
  color: "info-light";
}
.ttw-btn-info-light-r,
a.ttw-btn-info-light-r {
  background-color: var(--dnn-color-info-light-r, 35);
  border-color: var(--dnn-color-info-light-r, 35);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-info-light-r:focus,
.ttw-btn-info-light-r:hover,
a.ttw-btn-info-light-r:focus,
a.ttw-btn-info-light-r:hover {
  background-color: rgba(
    var(--dnn-color-info-light-r-r),
    var(--dnn-color-info-light-r-g),
    var(--dnn-color-info-light-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-info-light-r-r),
    var(--dnn-color-info-light-r-g),
    var(--dnn-color-info-light-r-b),
    0.8
  );
}
.ttw-btn-outline-info-light-r,
a.ttw-btn-outline-info-light-r {
  background-color: transparent;
  border-color: var(--dnn-color-info-light-r, 35);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-info-light-r, 35);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-info-light-r:focus,
.ttw-btn-outline-info-light-r:hover,
.ttw-btn-reverse-outline-info-light-r
  a.ttw-btn-reverse-outline-info-light-r,
a.ttw-btn-outline-info-light-r:focus,
a.ttw-btn-outline-info-light-r:hover {
  background-color: var(--dnn-color-info-light-r, 35);
  border-color: var(--dnn-color-info-light-r, 35);
}
.ttw-btn-reverse-outline-info-light-r
  a.ttw-btn-reverse-outline-info-light-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-info-light-r
  a.ttw-btn-reverse-outline-info-light-r:focus,
.ttw-btn-reverse-outline-info-light-r
  a.ttw-btn-reverse-outline-info-light-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-info-light-r, 35);
  color: var(--dnn-color-info-light-r, 35);
}
.ttw-btn-inverse-info-light-r,
a.ttw-btn-inverse-info-light-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-info-light-r, 35);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-info-light-r:focus,
.ttw-btn-inverse-info-light-r:hover,
a.ttw-btn-inverse-info-light-r:focus,
a.ttw-btn-inverse-info-light-r:hover {
  background-color: rgba(
    var(--dnn-color-info-light-r-r),
    var(--dnn-color-info-light-r-g),
    var(--dnn-color-info-light-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-info-light-r-r),
    var(--dnn-color-info-light-r-g),
    var(--dnn-color-info-light-r-b),
    0.9
  );
  color: "info-light-r";
}
.ttw-btn-info-light-g,
a.ttw-btn-info-light-g {
  background-color: var(--dnn-color-info-light-g, 184);
  border-color: var(--dnn-color-info-light-g, 184);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-info-light-g:focus,
.ttw-btn-info-light-g:hover,
a.ttw-btn-info-light-g:focus,
a.ttw-btn-info-light-g:hover {
  background-color: rgba(
    var(--dnn-color-info-light-g-r),
    var(--dnn-color-info-light-g-g),
    var(--dnn-color-info-light-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-info-light-g-r),
    var(--dnn-color-info-light-g-g),
    var(--dnn-color-info-light-g-b),
    0.8
  );
}
.ttw-btn-outline-info-light-g,
a.ttw-btn-outline-info-light-g {
  background-color: transparent;
  border-color: var(--dnn-color-info-light-g, 184);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-info-light-g, 184);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-info-light-g:focus,
.ttw-btn-outline-info-light-g:hover,
.ttw-btn-reverse-outline-info-light-g
  a.ttw-btn-reverse-outline-info-light-g,
a.ttw-btn-outline-info-light-g:focus,
a.ttw-btn-outline-info-light-g:hover {
  background-color: var(--dnn-color-info-light-g, 184);
  border-color: var(--dnn-color-info-light-g, 184);
}
.ttw-btn-reverse-outline-info-light-g
  a.ttw-btn-reverse-outline-info-light-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-info-light-g
  a.ttw-btn-reverse-outline-info-light-g:focus,
.ttw-btn-reverse-outline-info-light-g
  a.ttw-btn-reverse-outline-info-light-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-info-light-g, 184);
  color: var(--dnn-color-info-light-g, 184);
}
.ttw-btn-inverse-info-light-g,
a.ttw-btn-inverse-info-light-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-info-light-g, 184);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-info-light-g:focus,
.ttw-btn-inverse-info-light-g:hover,
a.ttw-btn-inverse-info-light-g:focus,
a.ttw-btn-inverse-info-light-g:hover {
  background-color: rgba(
    var(--dnn-color-info-light-g-r),
    var(--dnn-color-info-light-g-g),
    var(--dnn-color-info-light-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-info-light-g-r),
    var(--dnn-color-info-light-g-g),
    var(--dnn-color-info-light-g-b),
    0.9
  );
  color: "info-light-g";
}
.ttw-btn-info-light-b,
a.ttw-btn-info-light-b {
  background-color: var(--dnn-color-info-light-b, 207);
  border-color: var(--dnn-color-info-light-b, 207);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-info-light-b:focus,
.ttw-btn-info-light-b:hover,
a.ttw-btn-info-light-b:focus,
a.ttw-btn-info-light-b:hover {
  background-color: rgba(
    var(--dnn-color-info-light-b-r),
    var(--dnn-color-info-light-b-g),
    var(--dnn-color-info-light-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-info-light-b-r),
    var(--dnn-color-info-light-b-g),
    var(--dnn-color-info-light-b-b),
    0.8
  );
}
.ttw-btn-outline-info-light-b,
a.ttw-btn-outline-info-light-b {
  background-color: transparent;
  border-color: var(--dnn-color-info-light-b, 207);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-info-light-b, 207);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-info-light-b:focus,
.ttw-btn-outline-info-light-b:hover,
.ttw-btn-reverse-outline-info-light-b
  a.ttw-btn-reverse-outline-info-light-b,
a.ttw-btn-outline-info-light-b:focus,
a.ttw-btn-outline-info-light-b:hover {
  background-color: var(--dnn-color-info-light-b, 207);
  border-color: var(--dnn-color-info-light-b, 207);
}
.ttw-btn-reverse-outline-info-light-b
  a.ttw-btn-reverse-outline-info-light-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-info-light-b
  a.ttw-btn-reverse-outline-info-light-b:focus,
.ttw-btn-reverse-outline-info-light-b
  a.ttw-btn-reverse-outline-info-light-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-info-light-b, 207);
  color: var(--dnn-color-info-light-b, 207);
}
.ttw-btn-inverse-info-light-b,
a.ttw-btn-inverse-info-light-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-info-light-b, 207);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-info-light-b:focus,
.ttw-btn-inverse-info-light-b:hover,
a.ttw-btn-inverse-info-light-b:focus,
a.ttw-btn-inverse-info-light-b:hover {
  background-color: rgba(
    var(--dnn-color-info-light-b-r),
    var(--dnn-color-info-light-b-g),
    var(--dnn-color-info-light-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-info-light-b-r),
    var(--dnn-color-info-light-b-g),
    var(--dnn-color-info-light-b-b),
    0.9
  );
  color: "info-light-b";
}
.ttw-btn-info-dark,
a.ttw-btn-info-dark {
  background-color: var(--dnn-color-info-dark, #00889e);
  border-color: var(--dnn-color-info-dark, #00889e);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-info-dark:focus,
.ttw-btn-info-dark:hover,
a.ttw-btn-info-dark:focus,
a.ttw-btn-info-dark:hover {
  background-color: rgba(
    var(--dnn-color-info-dark-r),
    var(--dnn-color-info-dark-g),
    var(--dnn-color-info-dark-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-info-dark-r),
    var(--dnn-color-info-dark-g),
    var(--dnn-color-info-dark-b),
    0.8
  );
}
.ttw-btn-outline-info-dark,
a.ttw-btn-outline-info-dark {
  background-color: transparent;
  border-color: var(--dnn-color-info-dark, #00889e);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-info-dark, #00889e);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-info-dark:focus,
.ttw-btn-outline-info-dark:hover,
.ttw-btn-reverse-outline-info-dark
  a.ttw-btn-reverse-outline-info-dark,
a.ttw-btn-outline-info-dark:focus,
a.ttw-btn-outline-info-dark:hover {
  background-color: var(--dnn-color-info-dark, #00889e);
  border-color: var(--dnn-color-info-dark, #00889e);
}
.ttw-btn-reverse-outline-info-dark
  a.ttw-btn-reverse-outline-info-dark {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-info-dark
  a.ttw-btn-reverse-outline-info-dark:focus,
.ttw-btn-reverse-outline-info-dark
  a.ttw-btn-reverse-outline-info-dark:hover {
  background-color: transparent;
  border-color: var(--dnn-color-info-dark, #00889e);
  color: var(--dnn-color-info-dark, #00889e);
}
.ttw-btn-inverse-info-dark,
a.ttw-btn-inverse-info-dark {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-info-dark, #00889e);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-info-dark:focus,
.ttw-btn-inverse-info-dark:hover,
a.ttw-btn-inverse-info-dark:focus,
a.ttw-btn-inverse-info-dark:hover {
  background-color: rgba(
    var(--dnn-color-info-dark-r),
    var(--dnn-color-info-dark-g),
    var(--dnn-color-info-dark-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-info-dark-r),
    var(--dnn-color-info-dark-g),
    var(--dnn-color-info-dark-b),
    0.9
  );
  color: "info-dark";
}
.ttw-btn-info-dark-r,
a.ttw-btn-info-dark-r {
  background-color: var(--dnn-color-info-dark-r, 0);
  border-color: var(--dnn-color-info-dark-r, 0);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-info-dark-r:focus,
.ttw-btn-info-dark-r:hover,
a.ttw-btn-info-dark-r:focus,
a.ttw-btn-info-dark-r:hover {
  background-color: rgba(
    var(--dnn-color-info-dark-r-r),
    var(--dnn-color-info-dark-r-g),
    var(--dnn-color-info-dark-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-info-dark-r-r),
    var(--dnn-color-info-dark-r-g),
    var(--dnn-color-info-dark-r-b),
    0.8
  );
}
.ttw-btn-outline-info-dark-r,
a.ttw-btn-outline-info-dark-r {
  background-color: transparent;
  border-color: var(--dnn-color-info-dark-r, 0);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-info-dark-r, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-info-dark-r:focus,
.ttw-btn-outline-info-dark-r:hover,
.ttw-btn-reverse-outline-info-dark-r
  a.ttw-btn-reverse-outline-info-dark-r,
a.ttw-btn-outline-info-dark-r:focus,
a.ttw-btn-outline-info-dark-r:hover {
  background-color: var(--dnn-color-info-dark-r, 0);
  border-color: var(--dnn-color-info-dark-r, 0);
}
.ttw-btn-reverse-outline-info-dark-r
  a.ttw-btn-reverse-outline-info-dark-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-info-dark-r
  a.ttw-btn-reverse-outline-info-dark-r:focus,
.ttw-btn-reverse-outline-info-dark-r
  a.ttw-btn-reverse-outline-info-dark-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-info-dark-r, 0);
  color: var(--dnn-color-info-dark-r, 0);
}
.ttw-btn-inverse-info-dark-r,
a.ttw-btn-inverse-info-dark-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-info-dark-r, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-info-dark-r:focus,
.ttw-btn-inverse-info-dark-r:hover,
a.ttw-btn-inverse-info-dark-r:focus,
a.ttw-btn-inverse-info-dark-r:hover {
  background-color: rgba(
    var(--dnn-color-info-dark-r-r),
    var(--dnn-color-info-dark-r-g),
    var(--dnn-color-info-dark-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-info-dark-r-r),
    var(--dnn-color-info-dark-r-g),
    var(--dnn-color-info-dark-r-b),
    0.9
  );
  color: "info-dark-r";
}
.ttw-btn-info-dark-g,
a.ttw-btn-info-dark-g {
  background-color: var(--dnn-color-info-dark-g, 136);
  border-color: var(--dnn-color-info-dark-g, 136);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-info-dark-g:focus,
.ttw-btn-info-dark-g:hover,
a.ttw-btn-info-dark-g:focus,
a.ttw-btn-info-dark-g:hover {
  background-color: rgba(
    var(--dnn-color-info-dark-g-r),
    var(--dnn-color-info-dark-g-g),
    var(--dnn-color-info-dark-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-info-dark-g-r),
    var(--dnn-color-info-dark-g-g),
    var(--dnn-color-info-dark-g-b),
    0.8
  );
}
.ttw-btn-outline-info-dark-g,
a.ttw-btn-outline-info-dark-g {
  background-color: transparent;
  border-color: var(--dnn-color-info-dark-g, 136);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-info-dark-g, 136);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-info-dark-g:focus,
.ttw-btn-outline-info-dark-g:hover,
.ttw-btn-reverse-outline-info-dark-g
  a.ttw-btn-reverse-outline-info-dark-g,
a.ttw-btn-outline-info-dark-g:focus,
a.ttw-btn-outline-info-dark-g:hover {
  background-color: var(--dnn-color-info-dark-g, 136);
  border-color: var(--dnn-color-info-dark-g, 136);
}
.ttw-btn-reverse-outline-info-dark-g
  a.ttw-btn-reverse-outline-info-dark-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-info-dark-g
  a.ttw-btn-reverse-outline-info-dark-g:focus,
.ttw-btn-reverse-outline-info-dark-g
  a.ttw-btn-reverse-outline-info-dark-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-info-dark-g, 136);
  color: var(--dnn-color-info-dark-g, 136);
}
.ttw-btn-inverse-info-dark-g,
a.ttw-btn-inverse-info-dark-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-info-dark-g, 136);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-info-dark-g:focus,
.ttw-btn-inverse-info-dark-g:hover,
a.ttw-btn-inverse-info-dark-g:focus,
a.ttw-btn-inverse-info-dark-g:hover {
  background-color: rgba(
    var(--dnn-color-info-dark-g-r),
    var(--dnn-color-info-dark-g-g),
    var(--dnn-color-info-dark-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-info-dark-g-r),
    var(--dnn-color-info-dark-g-g),
    var(--dnn-color-info-dark-g-b),
    0.9
  );
  color: "info-dark-g";
}
.ttw-btn-info-dark-b,
a.ttw-btn-info-dark-b {
  background-color: var(--dnn-color-info-dark-b, 158);
  border-color: var(--dnn-color-info-dark-b, 158);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-info-dark-b:focus,
.ttw-btn-info-dark-b:hover,
a.ttw-btn-info-dark-b:focus,
a.ttw-btn-info-dark-b:hover {
  background-color: rgba(
    var(--dnn-color-info-dark-b-r),
    var(--dnn-color-info-dark-b-g),
    var(--dnn-color-info-dark-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-info-dark-b-r),
    var(--dnn-color-info-dark-b-g),
    var(--dnn-color-info-dark-b-b),
    0.8
  );
}
.ttw-btn-outline-info-dark-b,
a.ttw-btn-outline-info-dark-b {
  background-color: transparent;
  border-color: var(--dnn-color-info-dark-b, 158);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-info-dark-b, 158);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-info-dark-b:focus,
.ttw-btn-outline-info-dark-b:hover,
.ttw-btn-reverse-outline-info-dark-b
  a.ttw-btn-reverse-outline-info-dark-b,
a.ttw-btn-outline-info-dark-b:focus,
a.ttw-btn-outline-info-dark-b:hover {
  background-color: var(--dnn-color-info-dark-b, 158);
  border-color: var(--dnn-color-info-dark-b, 158);
}
.ttw-btn-reverse-outline-info-dark-b
  a.ttw-btn-reverse-outline-info-dark-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-info-dark-b
  a.ttw-btn-reverse-outline-info-dark-b:focus,
.ttw-btn-reverse-outline-info-dark-b
  a.ttw-btn-reverse-outline-info-dark-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-info-dark-b, 158);
  color: var(--dnn-color-info-dark-b, 158);
}
.ttw-btn-inverse-info-dark-b,
a.ttw-btn-inverse-info-dark-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-info-dark-b, 158);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-info-dark-b:focus,
.ttw-btn-inverse-info-dark-b:hover,
a.ttw-btn-inverse-info-dark-b:focus,
a.ttw-btn-inverse-info-dark-b:hover {
  background-color: rgba(
    var(--dnn-color-info-dark-b-r),
    var(--dnn-color-info-dark-b-g),
    var(--dnn-color-info-dark-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-info-dark-b-r),
    var(--dnn-color-info-dark-b-g),
    var(--dnn-color-info-dark-b-b),
    0.9
  );
  color: "info-dark-b";
}
.ttw-btn-info-contrast,
a.ttw-btn-info-contrast {
  background-color: var(--dnn-color-info-contrast, #fff);
  border-color: var(--dnn-color-info-contrast, #fff);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-info-contrast:focus,
.ttw-btn-info-contrast:hover,
a.ttw-btn-info-contrast:focus,
a.ttw-btn-info-contrast:hover {
  background-color: rgba(
    var(--dnn-color-info-contrast-r),
    var(--dnn-color-info-contrast-g),
    var(--dnn-color-info-contrast-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-info-contrast-r),
    var(--dnn-color-info-contrast-g),
    var(--dnn-color-info-contrast-b),
    0.8
  );
}
.ttw-btn-outline-info-contrast,
a.ttw-btn-outline-info-contrast {
  background-color: transparent;
  border-color: var(--dnn-color-info-contrast, #fff);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-info-contrast, #fff);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-info-contrast:focus,
.ttw-btn-outline-info-contrast:hover,
.ttw-btn-reverse-outline-info-contrast
  a.ttw-btn-reverse-outline-info-contrast,
a.ttw-btn-outline-info-contrast:focus,
a.ttw-btn-outline-info-contrast:hover {
  background-color: var(--dnn-color-info-contrast, #fff);
  border-color: var(--dnn-color-info-contrast, #fff);
}
.ttw-btn-reverse-outline-info-contrast
  a.ttw-btn-reverse-outline-info-contrast {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-info-contrast
  a.ttw-btn-reverse-outline-info-contrast:focus,
.ttw-btn-reverse-outline-info-contrast
  a.ttw-btn-reverse-outline-info-contrast:hover {
  background-color: transparent;
  border-color: var(--dnn-color-info-contrast, #fff);
  color: var(--dnn-color-info-contrast, #fff);
}
.ttw-btn-inverse-info-contrast,
a.ttw-btn-inverse-info-contrast {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-info-contrast, #fff);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-info-contrast:focus,
.ttw-btn-inverse-info-contrast:hover,
a.ttw-btn-inverse-info-contrast:focus,
a.ttw-btn-inverse-info-contrast:hover {
  background-color: rgba(
    var(--dnn-color-info-contrast-r),
    var(--dnn-color-info-contrast-g),
    var(--dnn-color-info-contrast-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-info-contrast-r),
    var(--dnn-color-info-contrast-g),
    var(--dnn-color-info-contrast-b),
    0.9
  );
  color: "info-contrast";
}
.ttw-btn-info-contrast-r,
a.ttw-btn-info-contrast-r {
  background-color: var(--dnn-color-info-contrast-r, 255);
  border-color: var(--dnn-color-info-contrast-r, 255);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-info-contrast-r:focus,
.ttw-btn-info-contrast-r:hover,
a.ttw-btn-info-contrast-r:focus,
a.ttw-btn-info-contrast-r:hover {
  background-color: rgba(
    var(--dnn-color-info-contrast-r-r),
    var(--dnn-color-info-contrast-r-g),
    var(--dnn-color-info-contrast-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-info-contrast-r-r),
    var(--dnn-color-info-contrast-r-g),
    var(--dnn-color-info-contrast-r-b),
    0.8
  );
}
.ttw-btn-outline-info-contrast-r,
a.ttw-btn-outline-info-contrast-r {
  background-color: transparent;
  border-color: var(--dnn-color-info-contrast-r, 255);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-info-contrast-r, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-info-contrast-r:focus,
.ttw-btn-outline-info-contrast-r:hover,
.ttw-btn-reverse-outline-info-contrast-r
  a.ttw-btn-reverse-outline-info-contrast-r,
a.ttw-btn-outline-info-contrast-r:focus,
a.ttw-btn-outline-info-contrast-r:hover {
  background-color: var(--dnn-color-info-contrast-r, 255);
  border-color: var(--dnn-color-info-contrast-r, 255);
}
.ttw-btn-reverse-outline-info-contrast-r
  a.ttw-btn-reverse-outline-info-contrast-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-info-contrast-r
  a.ttw-btn-reverse-outline-info-contrast-r:focus,
.ttw-btn-reverse-outline-info-contrast-r
  a.ttw-btn-reverse-outline-info-contrast-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-info-contrast-r, 255);
  color: var(--dnn-color-info-contrast-r, 255);
}
.ttw-btn-inverse-info-contrast-r,
a.ttw-btn-inverse-info-contrast-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-info-contrast-r, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-info-contrast-r:focus,
.ttw-btn-inverse-info-contrast-r:hover,
a.ttw-btn-inverse-info-contrast-r:focus,
a.ttw-btn-inverse-info-contrast-r:hover {
  background-color: rgba(
    var(--dnn-color-info-contrast-r-r),
    var(--dnn-color-info-contrast-r-g),
    var(--dnn-color-info-contrast-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-info-contrast-r-r),
    var(--dnn-color-info-contrast-r-g),
    var(--dnn-color-info-contrast-r-b),
    0.9
  );
  color: "info-contrast-r";
}
.ttw-btn-info-contrast-g,
a.ttw-btn-info-contrast-g {
  background-color: var(--dnn-color-info-contrast-g, 255);
  border-color: var(--dnn-color-info-contrast-g, 255);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-info-contrast-g:focus,
.ttw-btn-info-contrast-g:hover,
a.ttw-btn-info-contrast-g:focus,
a.ttw-btn-info-contrast-g:hover {
  background-color: rgba(
    var(--dnn-color-info-contrast-g-r),
    var(--dnn-color-info-contrast-g-g),
    var(--dnn-color-info-contrast-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-info-contrast-g-r),
    var(--dnn-color-info-contrast-g-g),
    var(--dnn-color-info-contrast-g-b),
    0.8
  );
}
.ttw-btn-outline-info-contrast-g,
a.ttw-btn-outline-info-contrast-g {
  background-color: transparent;
  border-color: var(--dnn-color-info-contrast-g, 255);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-info-contrast-g, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-info-contrast-g:focus,
.ttw-btn-outline-info-contrast-g:hover,
.ttw-btn-reverse-outline-info-contrast-g
  a.ttw-btn-reverse-outline-info-contrast-g,
a.ttw-btn-outline-info-contrast-g:focus,
a.ttw-btn-outline-info-contrast-g:hover {
  background-color: var(--dnn-color-info-contrast-g, 255);
  border-color: var(--dnn-color-info-contrast-g, 255);
}
.ttw-btn-reverse-outline-info-contrast-g
  a.ttw-btn-reverse-outline-info-contrast-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-info-contrast-g
  a.ttw-btn-reverse-outline-info-contrast-g:focus,
.ttw-btn-reverse-outline-info-contrast-g
  a.ttw-btn-reverse-outline-info-contrast-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-info-contrast-g, 255);
  color: var(--dnn-color-info-contrast-g, 255);
}
.ttw-btn-inverse-info-contrast-g,
a.ttw-btn-inverse-info-contrast-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-info-contrast-g, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-info-contrast-g:focus,
.ttw-btn-inverse-info-contrast-g:hover,
a.ttw-btn-inverse-info-contrast-g:focus,
a.ttw-btn-inverse-info-contrast-g:hover {
  background-color: rgba(
    var(--dnn-color-info-contrast-g-r),
    var(--dnn-color-info-contrast-g-g),
    var(--dnn-color-info-contrast-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-info-contrast-g-r),
    var(--dnn-color-info-contrast-g-g),
    var(--dnn-color-info-contrast-g-b),
    0.9
  );
  color: "info-contrast-g";
}
.ttw-btn-info-contrast-b,
a.ttw-btn-info-contrast-b {
  background-color: var(--dnn-color-info-contrast-b, 255);
  border-color: var(--dnn-color-info-contrast-b, 255);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-info-contrast-b:focus,
.ttw-btn-info-contrast-b:hover,
a.ttw-btn-info-contrast-b:focus,
a.ttw-btn-info-contrast-b:hover {
  background-color: rgba(
    var(--dnn-color-info-contrast-b-r),
    var(--dnn-color-info-contrast-b-g),
    var(--dnn-color-info-contrast-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-info-contrast-b-r),
    var(--dnn-color-info-contrast-b-g),
    var(--dnn-color-info-contrast-b-b),
    0.8
  );
}
.ttw-btn-outline-info-contrast-b,
a.ttw-btn-outline-info-contrast-b {
  background-color: transparent;
  border-color: var(--dnn-color-info-contrast-b, 255);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-info-contrast-b, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-info-contrast-b:focus,
.ttw-btn-outline-info-contrast-b:hover,
.ttw-btn-reverse-outline-info-contrast-b
  a.ttw-btn-reverse-outline-info-contrast-b,
a.ttw-btn-outline-info-contrast-b:focus,
a.ttw-btn-outline-info-contrast-b:hover {
  background-color: var(--dnn-color-info-contrast-b, 255);
  border-color: var(--dnn-color-info-contrast-b, 255);
}
.ttw-btn-reverse-outline-info-contrast-b
  a.ttw-btn-reverse-outline-info-contrast-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-info-contrast-b
  a.ttw-btn-reverse-outline-info-contrast-b:focus,
.ttw-btn-reverse-outline-info-contrast-b
  a.ttw-btn-reverse-outline-info-contrast-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-info-contrast-b, 255);
  color: var(--dnn-color-info-contrast-b, 255);
}
.ttw-btn-inverse-info-contrast-b,
a.ttw-btn-inverse-info-contrast-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-info-contrast-b, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-info-contrast-b:focus,
.ttw-btn-inverse-info-contrast-b:hover,
a.ttw-btn-inverse-info-contrast-b:focus,
a.ttw-btn-inverse-info-contrast-b:hover {
  background-color: rgba(
    var(--dnn-color-info-contrast-b-r),
    var(--dnn-color-info-contrast-b-g),
    var(--dnn-color-info-contrast-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-info-contrast-b-r),
    var(--dnn-color-info-contrast-b-g),
    var(--dnn-color-info-contrast-b-b),
    0.9
  );
  color: "info-contrast-b";
}
.ttw-btn-success,
a.ttw-btn-success {
  background-color: var(--dnn-color-success, #28a745);
  border-color: var(--dnn-color-success, #28a745);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-success-contrast, #fff);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-success:focus,
.ttw-btn-success:hover,
a.ttw-btn-success:focus,
a.ttw-btn-success:hover {
  background-color: rgba(
    var(--dnn-color-success-r),
    var(--dnn-color-success-g),
    var(--dnn-color-success-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-success-r),
    var(--dnn-color-success-g),
    var(--dnn-color-success-b),
    0.8
  );
  color: var(--dnn-color-success-contrast, #fff);
}
.ttw-btn-outline-success,
a.ttw-btn-outline-success {
  background-color: transparent;
  border-color: var(--dnn-color-success, #28a745);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-success, #28a745);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-success:focus,
.ttw-btn-outline-success:hover,
.ttw-btn-reverse-outline-success a.ttw-btn-reverse-outline-success,
a.ttw-btn-outline-success:focus,
a.ttw-btn-outline-success:hover {
  background-color: var(--dnn-color-success, #28a745);
  border-color: var(--dnn-color-success, #28a745);
  color: var(--dnn-color-success-contrast, #fff);
}
.ttw-btn-reverse-outline-success a.ttw-btn-reverse-outline-success {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-success
  a.ttw-btn-reverse-outline-success:focus,
.ttw-btn-reverse-outline-success
  a.ttw-btn-reverse-outline-success:hover {
  background-color: transparent;
  border-color: var(--dnn-color-success, #28a745);
  color: var(--dnn-color-success, #28a745);
}
.ttw-btn-inverse-success,
a.ttw-btn-inverse-success {
  background-color: var(--dnn-color-success-contrast, #fff);
  background-image: none;
  border-color: var(--dnn-color-success-contrast, #fff);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-success, #28a745);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-success:focus,
.ttw-btn-inverse-success:hover,
a.ttw-btn-inverse-success:focus,
a.ttw-btn-inverse-success:hover {
  background-color: rgba(
    var(--dnn-color-success-r),
    var(--dnn-color-success-g),
    var(--dnn-color-success-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-success-r),
    var(--dnn-color-success-g),
    var(--dnn-color-success-b),
    0.9
  );
  color: "success";
}
.ttw-btn-success-r,
a.ttw-btn-success-r {
  background-color: var(--dnn-color-success-r, 40);
  border-color: var(--dnn-color-success-r, 40);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-success-r:focus,
.ttw-btn-success-r:hover,
a.ttw-btn-success-r:focus,
a.ttw-btn-success-r:hover {
  background-color: rgba(
    var(--dnn-color-success-r-r),
    var(--dnn-color-success-r-g),
    var(--dnn-color-success-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-success-r-r),
    var(--dnn-color-success-r-g),
    var(--dnn-color-success-r-b),
    0.8
  );
}
.ttw-btn-outline-success-r,
a.ttw-btn-outline-success-r {
  background-color: transparent;
  border-color: var(--dnn-color-success-r, 40);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-success-r, 40);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-success-r:focus,
.ttw-btn-outline-success-r:hover,
.ttw-btn-reverse-outline-success-r
  a.ttw-btn-reverse-outline-success-r,
a.ttw-btn-outline-success-r:focus,
a.ttw-btn-outline-success-r:hover {
  background-color: var(--dnn-color-success-r, 40);
  border-color: var(--dnn-color-success-r, 40);
}
.ttw-btn-reverse-outline-success-r
  a.ttw-btn-reverse-outline-success-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-success-r
  a.ttw-btn-reverse-outline-success-r:focus,
.ttw-btn-reverse-outline-success-r
  a.ttw-btn-reverse-outline-success-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-success-r, 40);
  color: var(--dnn-color-success-r, 40);
}
.ttw-btn-inverse-success-r,
a.ttw-btn-inverse-success-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-success-r, 40);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-success-r:focus,
.ttw-btn-inverse-success-r:hover,
a.ttw-btn-inverse-success-r:focus,
a.ttw-btn-inverse-success-r:hover {
  background-color: rgba(
    var(--dnn-color-success-r-r),
    var(--dnn-color-success-r-g),
    var(--dnn-color-success-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-success-r-r),
    var(--dnn-color-success-r-g),
    var(--dnn-color-success-r-b),
    0.9
  );
  color: "success-r";
}
.ttw-btn-success-g,
a.ttw-btn-success-g {
  background-color: var(--dnn-color-success-g, 167);
  border-color: var(--dnn-color-success-g, 167);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-success-g:focus,
.ttw-btn-success-g:hover,
a.ttw-btn-success-g:focus,
a.ttw-btn-success-g:hover {
  background-color: rgba(
    var(--dnn-color-success-g-r),
    var(--dnn-color-success-g-g),
    var(--dnn-color-success-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-success-g-r),
    var(--dnn-color-success-g-g),
    var(--dnn-color-success-g-b),
    0.8
  );
}
.ttw-btn-outline-success-g,
a.ttw-btn-outline-success-g {
  background-color: transparent;
  border-color: var(--dnn-color-success-g, 167);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-success-g, 167);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-success-g:focus,
.ttw-btn-outline-success-g:hover,
.ttw-btn-reverse-outline-success-g
  a.ttw-btn-reverse-outline-success-g,
a.ttw-btn-outline-success-g:focus,
a.ttw-btn-outline-success-g:hover {
  background-color: var(--dnn-color-success-g, 167);
  border-color: var(--dnn-color-success-g, 167);
}
.ttw-btn-reverse-outline-success-g
  a.ttw-btn-reverse-outline-success-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-success-g
  a.ttw-btn-reverse-outline-success-g:focus,
.ttw-btn-reverse-outline-success-g
  a.ttw-btn-reverse-outline-success-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-success-g, 167);
  color: var(--dnn-color-success-g, 167);
}
.ttw-btn-inverse-success-g,
a.ttw-btn-inverse-success-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-success-g, 167);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-success-g:focus,
.ttw-btn-inverse-success-g:hover,
a.ttw-btn-inverse-success-g:focus,
a.ttw-btn-inverse-success-g:hover {
  background-color: rgba(
    var(--dnn-color-success-g-r),
    var(--dnn-color-success-g-g),
    var(--dnn-color-success-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-success-g-r),
    var(--dnn-color-success-g-g),
    var(--dnn-color-success-g-b),
    0.9
  );
  color: "success-g";
}
.ttw-btn-success-b,
a.ttw-btn-success-b {
  background-color: var(--dnn-color-success-b, 69);
  border-color: var(--dnn-color-success-b, 69);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-success-b:focus,
.ttw-btn-success-b:hover,
a.ttw-btn-success-b:focus,
a.ttw-btn-success-b:hover {
  background-color: rgba(
    var(--dnn-color-success-b-r),
    var(--dnn-color-success-b-g),
    var(--dnn-color-success-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-success-b-r),
    var(--dnn-color-success-b-g),
    var(--dnn-color-success-b-b),
    0.8
  );
}
.ttw-btn-outline-success-b,
a.ttw-btn-outline-success-b {
  background-color: transparent;
  border-color: var(--dnn-color-success-b, 69);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-success-b, 69);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-success-b:focus,
.ttw-btn-outline-success-b:hover,
.ttw-btn-reverse-outline-success-b
  a.ttw-btn-reverse-outline-success-b,
a.ttw-btn-outline-success-b:focus,
a.ttw-btn-outline-success-b:hover {
  background-color: var(--dnn-color-success-b, 69);
  border-color: var(--dnn-color-success-b, 69);
}
.ttw-btn-reverse-outline-success-b
  a.ttw-btn-reverse-outline-success-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-success-b
  a.ttw-btn-reverse-outline-success-b:focus,
.ttw-btn-reverse-outline-success-b
  a.ttw-btn-reverse-outline-success-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-success-b, 69);
  color: var(--dnn-color-success-b, 69);
}
.ttw-btn-inverse-success-b,
a.ttw-btn-inverse-success-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-success-b, 69);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-success-b:focus,
.ttw-btn-inverse-success-b:hover,
a.ttw-btn-inverse-success-b:focus,
a.ttw-btn-inverse-success-b:hover {
  background-color: rgba(
    var(--dnn-color-success-b-r),
    var(--dnn-color-success-b-g),
    var(--dnn-color-success-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-success-b-r),
    var(--dnn-color-success-b-g),
    var(--dnn-color-success-b-b),
    0.9
  );
  color: "success-b";
}
.ttw-btn-success-light,
a.ttw-btn-success-light {
  background-color: var(--dnn-color-success-light, #49c25d);
  border-color: var(--dnn-color-success-light, #49c25d);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-success-light:focus,
.ttw-btn-success-light:hover,
a.ttw-btn-success-light:focus,
a.ttw-btn-success-light:hover {
  background-color: rgba(
    var(--dnn-color-success-light-r),
    var(--dnn-color-success-light-g),
    var(--dnn-color-success-light-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-success-light-r),
    var(--dnn-color-success-light-g),
    var(--dnn-color-success-light-b),
    0.8
  );
}
.ttw-btn-outline-success-light,
a.ttw-btn-outline-success-light {
  background-color: transparent;
  border-color: var(--dnn-color-success-light, #49c25d);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-success-light, #49c25d);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-success-light:focus,
.ttw-btn-outline-success-light:hover,
.ttw-btn-reverse-outline-success-light
  a.ttw-btn-reverse-outline-success-light,
a.ttw-btn-outline-success-light:focus,
a.ttw-btn-outline-success-light:hover {
  background-color: var(--dnn-color-success-light, #49c25d);
  border-color: var(--dnn-color-success-light, #49c25d);
}
.ttw-btn-reverse-outline-success-light
  a.ttw-btn-reverse-outline-success-light {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-success-light
  a.ttw-btn-reverse-outline-success-light:focus,
.ttw-btn-reverse-outline-success-light
  a.ttw-btn-reverse-outline-success-light:hover {
  background-color: transparent;
  border-color: var(--dnn-color-success-light, #49c25d);
  color: var(--dnn-color-success-light, #49c25d);
}
.ttw-btn-inverse-success-light,
a.ttw-btn-inverse-success-light {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-success-light, #49c25d);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-success-light:focus,
.ttw-btn-inverse-success-light:hover,
a.ttw-btn-inverse-success-light:focus,
a.ttw-btn-inverse-success-light:hover {
  background-color: rgba(
    var(--dnn-color-success-light-r),
    var(--dnn-color-success-light-g),
    var(--dnn-color-success-light-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-success-light-r),
    var(--dnn-color-success-light-g),
    var(--dnn-color-success-light-b),
    0.9
  );
  color: "success-light";
}
.ttw-btn-success-light-r,
a.ttw-btn-success-light-r {
  background-color: var(--dnn-color-success-light-r, 73);
  border-color: var(--dnn-color-success-light-r, 73);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-success-light-r:focus,
.ttw-btn-success-light-r:hover,
a.ttw-btn-success-light-r:focus,
a.ttw-btn-success-light-r:hover {
  background-color: rgba(
    var(--dnn-color-success-light-r-r),
    var(--dnn-color-success-light-r-g),
    var(--dnn-color-success-light-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-success-light-r-r),
    var(--dnn-color-success-light-r-g),
    var(--dnn-color-success-light-r-b),
    0.8
  );
}
.ttw-btn-outline-success-light-r,
a.ttw-btn-outline-success-light-r {
  background-color: transparent;
  border-color: var(--dnn-color-success-light-r, 73);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-success-light-r, 73);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-success-light-r:focus,
.ttw-btn-outline-success-light-r:hover,
.ttw-btn-reverse-outline-success-light-r
  a.ttw-btn-reverse-outline-success-light-r,
a.ttw-btn-outline-success-light-r:focus,
a.ttw-btn-outline-success-light-r:hover {
  background-color: var(--dnn-color-success-light-r, 73);
  border-color: var(--dnn-color-success-light-r, 73);
}
.ttw-btn-reverse-outline-success-light-r
  a.ttw-btn-reverse-outline-success-light-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-success-light-r
  a.ttw-btn-reverse-outline-success-light-r:focus,
.ttw-btn-reverse-outline-success-light-r
  a.ttw-btn-reverse-outline-success-light-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-success-light-r, 73);
  color: var(--dnn-color-success-light-r, 73);
}
.ttw-btn-inverse-success-light-r,
a.ttw-btn-inverse-success-light-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-success-light-r, 73);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-success-light-r:focus,
.ttw-btn-inverse-success-light-r:hover,
a.ttw-btn-inverse-success-light-r:focus,
a.ttw-btn-inverse-success-light-r:hover {
  background-color: rgba(
    var(--dnn-color-success-light-r-r),
    var(--dnn-color-success-light-r-g),
    var(--dnn-color-success-light-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-success-light-r-r),
    var(--dnn-color-success-light-r-g),
    var(--dnn-color-success-light-r-b),
    0.9
  );
  color: "success-light-r";
}
.ttw-btn-success-light-g,
a.ttw-btn-success-light-g {
  background-color: var(--dnn-color-success-light-g, 194);
  border-color: var(--dnn-color-success-light-g, 194);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-success-light-g:focus,
.ttw-btn-success-light-g:hover,
a.ttw-btn-success-light-g:focus,
a.ttw-btn-success-light-g:hover {
  background-color: rgba(
    var(--dnn-color-success-light-g-r),
    var(--dnn-color-success-light-g-g),
    var(--dnn-color-success-light-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-success-light-g-r),
    var(--dnn-color-success-light-g-g),
    var(--dnn-color-success-light-g-b),
    0.8
  );
}
.ttw-btn-outline-success-light-g,
a.ttw-btn-outline-success-light-g {
  background-color: transparent;
  border-color: var(--dnn-color-success-light-g, 194);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-success-light-g, 194);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-success-light-g:focus,
.ttw-btn-outline-success-light-g:hover,
.ttw-btn-reverse-outline-success-light-g
  a.ttw-btn-reverse-outline-success-light-g,
a.ttw-btn-outline-success-light-g:focus,
a.ttw-btn-outline-success-light-g:hover {
  background-color: var(--dnn-color-success-light-g, 194);
  border-color: var(--dnn-color-success-light-g, 194);
}
.ttw-btn-reverse-outline-success-light-g
  a.ttw-btn-reverse-outline-success-light-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-success-light-g
  a.ttw-btn-reverse-outline-success-light-g:focus,
.ttw-btn-reverse-outline-success-light-g
  a.ttw-btn-reverse-outline-success-light-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-success-light-g, 194);
  color: var(--dnn-color-success-light-g, 194);
}
.ttw-btn-inverse-success-light-g,
a.ttw-btn-inverse-success-light-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-success-light-g, 194);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-success-light-g:focus,
.ttw-btn-inverse-success-light-g:hover,
a.ttw-btn-inverse-success-light-g:focus,
a.ttw-btn-inverse-success-light-g:hover {
  background-color: rgba(
    var(--dnn-color-success-light-g-r),
    var(--dnn-color-success-light-g-g),
    var(--dnn-color-success-light-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-success-light-g-r),
    var(--dnn-color-success-light-g-g),
    var(--dnn-color-success-light-g-b),
    0.9
  );
  color: "success-light-g";
}
.ttw-btn-success-light-b,
a.ttw-btn-success-light-b {
  background-color: var(--dnn-color-success-light-b, 93);
  border-color: var(--dnn-color-success-light-b, 93);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-success-light-b:focus,
.ttw-btn-success-light-b:hover,
a.ttw-btn-success-light-b:focus,
a.ttw-btn-success-light-b:hover {
  background-color: rgba(
    var(--dnn-color-success-light-b-r),
    var(--dnn-color-success-light-b-g),
    var(--dnn-color-success-light-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-success-light-b-r),
    var(--dnn-color-success-light-b-g),
    var(--dnn-color-success-light-b-b),
    0.8
  );
}
.ttw-btn-outline-success-light-b,
a.ttw-btn-outline-success-light-b {
  background-color: transparent;
  border-color: var(--dnn-color-success-light-b, 93);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-success-light-b, 93);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-success-light-b:focus,
.ttw-btn-outline-success-light-b:hover,
.ttw-btn-reverse-outline-success-light-b
  a.ttw-btn-reverse-outline-success-light-b,
a.ttw-btn-outline-success-light-b:focus,
a.ttw-btn-outline-success-light-b:hover {
  background-color: var(--dnn-color-success-light-b, 93);
  border-color: var(--dnn-color-success-light-b, 93);
}
.ttw-btn-reverse-outline-success-light-b
  a.ttw-btn-reverse-outline-success-light-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-success-light-b
  a.ttw-btn-reverse-outline-success-light-b:focus,
.ttw-btn-reverse-outline-success-light-b
  a.ttw-btn-reverse-outline-success-light-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-success-light-b, 93);
  color: var(--dnn-color-success-light-b, 93);
}
.ttw-btn-inverse-success-light-b,
a.ttw-btn-inverse-success-light-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-success-light-b, 93);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-success-light-b:focus,
.ttw-btn-inverse-success-light-b:hover,
a.ttw-btn-inverse-success-light-b:focus,
a.ttw-btn-inverse-success-light-b:hover {
  background-color: rgba(
    var(--dnn-color-success-light-b-r),
    var(--dnn-color-success-light-b-g),
    var(--dnn-color-success-light-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-success-light-b-r),
    var(--dnn-color-success-light-b-g),
    var(--dnn-color-success-light-b-b),
    0.9
  );
  color: "success-light-b";
}
.ttw-btn-success-dark,
a.ttw-btn-success-dark {
  background-color: var(--dnn-color-success-dark, #00902f);
  border-color: var(--dnn-color-success-dark, #00902f);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-success-dark:focus,
.ttw-btn-success-dark:hover,
a.ttw-btn-success-dark:focus,
a.ttw-btn-success-dark:hover {
  background-color: rgba(
    var(--dnn-color-success-dark-r),
    var(--dnn-color-success-dark-g),
    var(--dnn-color-success-dark-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-success-dark-r),
    var(--dnn-color-success-dark-g),
    var(--dnn-color-success-dark-b),
    0.8
  );
}
.ttw-btn-outline-success-dark,
a.ttw-btn-outline-success-dark {
  background-color: transparent;
  border-color: var(--dnn-color-success-dark, #00902f);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-success-dark, #00902f);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-success-dark:focus,
.ttw-btn-outline-success-dark:hover,
.ttw-btn-reverse-outline-success-dark
  a.ttw-btn-reverse-outline-success-dark,
a.ttw-btn-outline-success-dark:focus,
a.ttw-btn-outline-success-dark:hover {
  background-color: var(--dnn-color-success-dark, #00902f);
  border-color: var(--dnn-color-success-dark, #00902f);
}
.ttw-btn-reverse-outline-success-dark
  a.ttw-btn-reverse-outline-success-dark {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-success-dark
  a.ttw-btn-reverse-outline-success-dark:focus,
.ttw-btn-reverse-outline-success-dark
  a.ttw-btn-reverse-outline-success-dark:hover {
  background-color: transparent;
  border-color: var(--dnn-color-success-dark, #00902f);
  color: var(--dnn-color-success-dark, #00902f);
}
.ttw-btn-inverse-success-dark,
a.ttw-btn-inverse-success-dark {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-success-dark, #00902f);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-success-dark:focus,
.ttw-btn-inverse-success-dark:hover,
a.ttw-btn-inverse-success-dark:focus,
a.ttw-btn-inverse-success-dark:hover {
  background-color: rgba(
    var(--dnn-color-success-dark-r),
    var(--dnn-color-success-dark-g),
    var(--dnn-color-success-dark-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-success-dark-r),
    var(--dnn-color-success-dark-g),
    var(--dnn-color-success-dark-b),
    0.9
  );
  color: "success-dark";
}
.ttw-btn-success-dark-r,
a.ttw-btn-success-dark-r {
  background-color: var(--dnn-color-success-dark-r, 0);
  border-color: var(--dnn-color-success-dark-r, 0);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-success-dark-r:focus,
.ttw-btn-success-dark-r:hover,
a.ttw-btn-success-dark-r:focus,
a.ttw-btn-success-dark-r:hover {
  background-color: rgba(
    var(--dnn-color-success-dark-r-r),
    var(--dnn-color-success-dark-r-g),
    var(--dnn-color-success-dark-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-success-dark-r-r),
    var(--dnn-color-success-dark-r-g),
    var(--dnn-color-success-dark-r-b),
    0.8
  );
}
.ttw-btn-outline-success-dark-r,
a.ttw-btn-outline-success-dark-r {
  background-color: transparent;
  border-color: var(--dnn-color-success-dark-r, 0);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-success-dark-r, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-success-dark-r:focus,
.ttw-btn-outline-success-dark-r:hover,
.ttw-btn-reverse-outline-success-dark-r
  a.ttw-btn-reverse-outline-success-dark-r,
a.ttw-btn-outline-success-dark-r:focus,
a.ttw-btn-outline-success-dark-r:hover {
  background-color: var(--dnn-color-success-dark-r, 0);
  border-color: var(--dnn-color-success-dark-r, 0);
}
.ttw-btn-reverse-outline-success-dark-r
  a.ttw-btn-reverse-outline-success-dark-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-success-dark-r
  a.ttw-btn-reverse-outline-success-dark-r:focus,
.ttw-btn-reverse-outline-success-dark-r
  a.ttw-btn-reverse-outline-success-dark-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-success-dark-r, 0);
  color: var(--dnn-color-success-dark-r, 0);
}
.ttw-btn-inverse-success-dark-r,
a.ttw-btn-inverse-success-dark-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-success-dark-r, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-success-dark-r:focus,
.ttw-btn-inverse-success-dark-r:hover,
a.ttw-btn-inverse-success-dark-r:focus,
a.ttw-btn-inverse-success-dark-r:hover {
  background-color: rgba(
    var(--dnn-color-success-dark-r-r),
    var(--dnn-color-success-dark-r-g),
    var(--dnn-color-success-dark-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-success-dark-r-r),
    var(--dnn-color-success-dark-r-g),
    var(--dnn-color-success-dark-r-b),
    0.9
  );
  color: "success-dark-r";
}
.ttw-btn-success-dark-g,
a.ttw-btn-success-dark-g {
  background-color: var(--dnn-color-success-dark-g, 144);
  border-color: var(--dnn-color-success-dark-g, 144);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-success-dark-g:focus,
.ttw-btn-success-dark-g:hover,
a.ttw-btn-success-dark-g:focus,
a.ttw-btn-success-dark-g:hover {
  background-color: rgba(
    var(--dnn-color-success-dark-g-r),
    var(--dnn-color-success-dark-g-g),
    var(--dnn-color-success-dark-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-success-dark-g-r),
    var(--dnn-color-success-dark-g-g),
    var(--dnn-color-success-dark-g-b),
    0.8
  );
}
.ttw-btn-outline-success-dark-g,
a.ttw-btn-outline-success-dark-g {
  background-color: transparent;
  border-color: var(--dnn-color-success-dark-g, 144);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-success-dark-g, 144);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-success-dark-g:focus,
.ttw-btn-outline-success-dark-g:hover,
.ttw-btn-reverse-outline-success-dark-g
  a.ttw-btn-reverse-outline-success-dark-g,
a.ttw-btn-outline-success-dark-g:focus,
a.ttw-btn-outline-success-dark-g:hover {
  background-color: var(--dnn-color-success-dark-g, 144);
  border-color: var(--dnn-color-success-dark-g, 144);
}
.ttw-btn-reverse-outline-success-dark-g
  a.ttw-btn-reverse-outline-success-dark-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-success-dark-g
  a.ttw-btn-reverse-outline-success-dark-g:focus,
.ttw-btn-reverse-outline-success-dark-g
  a.ttw-btn-reverse-outline-success-dark-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-success-dark-g, 144);
  color: var(--dnn-color-success-dark-g, 144);
}
.ttw-btn-inverse-success-dark-g,
a.ttw-btn-inverse-success-dark-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-success-dark-g, 144);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-success-dark-g:focus,
.ttw-btn-inverse-success-dark-g:hover,
a.ttw-btn-inverse-success-dark-g:focus,
a.ttw-btn-inverse-success-dark-g:hover {
  background-color: rgba(
    var(--dnn-color-success-dark-g-r),
    var(--dnn-color-success-dark-g-g),
    var(--dnn-color-success-dark-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-success-dark-g-r),
    var(--dnn-color-success-dark-g-g),
    var(--dnn-color-success-dark-g-b),
    0.9
  );
  color: "success-dark-g";
}
.ttw-btn-success-dark-b,
a.ttw-btn-success-dark-b {
  background-color: var(--dnn-color-success-dark-b, 47);
  border-color: var(--dnn-color-success-dark-b, 47);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-success-dark-b:focus,
.ttw-btn-success-dark-b:hover,
a.ttw-btn-success-dark-b:focus,
a.ttw-btn-success-dark-b:hover {
  background-color: rgba(
    var(--dnn-color-success-dark-b-r),
    var(--dnn-color-success-dark-b-g),
    var(--dnn-color-success-dark-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-success-dark-b-r),
    var(--dnn-color-success-dark-b-g),
    var(--dnn-color-success-dark-b-b),
    0.8
  );
}
.ttw-btn-outline-success-dark-b,
a.ttw-btn-outline-success-dark-b {
  background-color: transparent;
  border-color: var(--dnn-color-success-dark-b, 47);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-success-dark-b, 47);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-success-dark-b:focus,
.ttw-btn-outline-success-dark-b:hover,
.ttw-btn-reverse-outline-success-dark-b
  a.ttw-btn-reverse-outline-success-dark-b,
a.ttw-btn-outline-success-dark-b:focus,
a.ttw-btn-outline-success-dark-b:hover {
  background-color: var(--dnn-color-success-dark-b, 47);
  border-color: var(--dnn-color-success-dark-b, 47);
}
.ttw-btn-reverse-outline-success-dark-b
  a.ttw-btn-reverse-outline-success-dark-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-success-dark-b
  a.ttw-btn-reverse-outline-success-dark-b:focus,
.ttw-btn-reverse-outline-success-dark-b
  a.ttw-btn-reverse-outline-success-dark-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-success-dark-b, 47);
  color: var(--dnn-color-success-dark-b, 47);
}
.ttw-btn-inverse-success-dark-b,
a.ttw-btn-inverse-success-dark-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-success-dark-b, 47);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-success-dark-b:focus,
.ttw-btn-inverse-success-dark-b:hover,
a.ttw-btn-inverse-success-dark-b:focus,
a.ttw-btn-inverse-success-dark-b:hover {
  background-color: rgba(
    var(--dnn-color-success-dark-b-r),
    var(--dnn-color-success-dark-b-g),
    var(--dnn-color-success-dark-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-success-dark-b-r),
    var(--dnn-color-success-dark-b-g),
    var(--dnn-color-success-dark-b-b),
    0.9
  );
  color: "success-dark-b";
}
.ttw-btn-success-contrast,
a.ttw-btn-success-contrast {
  background-color: var(--dnn-color-success-contrast, #fff);
  border-color: var(--dnn-color-success-contrast, #fff);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-success-contrast:focus,
.ttw-btn-success-contrast:hover,
a.ttw-btn-success-contrast:focus,
a.ttw-btn-success-contrast:hover {
  background-color: rgba(
    var(--dnn-color-success-contrast-r),
    var(--dnn-color-success-contrast-g),
    var(--dnn-color-success-contrast-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-success-contrast-r),
    var(--dnn-color-success-contrast-g),
    var(--dnn-color-success-contrast-b),
    0.8
  );
}
.ttw-btn-outline-success-contrast,
a.ttw-btn-outline-success-contrast {
  background-color: transparent;
  border-color: var(--dnn-color-success-contrast, #fff);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-success-contrast, #fff);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-success-contrast:focus,
.ttw-btn-outline-success-contrast:hover,
.ttw-btn-reverse-outline-success-contrast
  a.ttw-btn-reverse-outline-success-contrast,
a.ttw-btn-outline-success-contrast:focus,
a.ttw-btn-outline-success-contrast:hover {
  background-color: var(--dnn-color-success-contrast, #fff);
  border-color: var(--dnn-color-success-contrast, #fff);
}
.ttw-btn-reverse-outline-success-contrast
  a.ttw-btn-reverse-outline-success-contrast {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-success-contrast
  a.ttw-btn-reverse-outline-success-contrast:focus,
.ttw-btn-reverse-outline-success-contrast
  a.ttw-btn-reverse-outline-success-contrast:hover {
  background-color: transparent;
  border-color: var(--dnn-color-success-contrast, #fff);
  color: var(--dnn-color-success-contrast, #fff);
}
.ttw-btn-inverse-success-contrast,
a.ttw-btn-inverse-success-contrast {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-success-contrast, #fff);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-success-contrast:focus,
.ttw-btn-inverse-success-contrast:hover,
a.ttw-btn-inverse-success-contrast:focus,
a.ttw-btn-inverse-success-contrast:hover {
  background-color: rgba(
    var(--dnn-color-success-contrast-r),
    var(--dnn-color-success-contrast-g),
    var(--dnn-color-success-contrast-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-success-contrast-r),
    var(--dnn-color-success-contrast-g),
    var(--dnn-color-success-contrast-b),
    0.9
  );
  color: "success-contrast";
}
.ttw-btn-success-contrast-r,
a.ttw-btn-success-contrast-r {
  background-color: var(--dnn-color-success-contrast-r, 255);
  border-color: var(--dnn-color-success-contrast-r, 255);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-success-contrast-r:focus,
.ttw-btn-success-contrast-r:hover,
a.ttw-btn-success-contrast-r:focus,
a.ttw-btn-success-contrast-r:hover {
  background-color: rgba(
    var(--dnn-color-success-contrast-r-r),
    var(--dnn-color-success-contrast-r-g),
    var(--dnn-color-success-contrast-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-success-contrast-r-r),
    var(--dnn-color-success-contrast-r-g),
    var(--dnn-color-success-contrast-r-b),
    0.8
  );
}
.ttw-btn-outline-success-contrast-r,
a.ttw-btn-outline-success-contrast-r {
  background-color: transparent;
  border-color: var(--dnn-color-success-contrast-r, 255);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-success-contrast-r, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-success-contrast-r:focus,
.ttw-btn-outline-success-contrast-r:hover,
.ttw-btn-reverse-outline-success-contrast-r
  a.ttw-btn-reverse-outline-success-contrast-r,
a.ttw-btn-outline-success-contrast-r:focus,
a.ttw-btn-outline-success-contrast-r:hover {
  background-color: var(--dnn-color-success-contrast-r, 255);
  border-color: var(--dnn-color-success-contrast-r, 255);
}
.ttw-btn-reverse-outline-success-contrast-r
  a.ttw-btn-reverse-outline-success-contrast-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-success-contrast-r
  a.ttw-btn-reverse-outline-success-contrast-r:focus,
.ttw-btn-reverse-outline-success-contrast-r
  a.ttw-btn-reverse-outline-success-contrast-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-success-contrast-r, 255);
  color: var(--dnn-color-success-contrast-r, 255);
}
.ttw-btn-inverse-success-contrast-r,
a.ttw-btn-inverse-success-contrast-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-success-contrast-r, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-success-contrast-r:focus,
.ttw-btn-inverse-success-contrast-r:hover,
a.ttw-btn-inverse-success-contrast-r:focus,
a.ttw-btn-inverse-success-contrast-r:hover {
  background-color: rgba(
    var(--dnn-color-success-contrast-r-r),
    var(--dnn-color-success-contrast-r-g),
    var(--dnn-color-success-contrast-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-success-contrast-r-r),
    var(--dnn-color-success-contrast-r-g),
    var(--dnn-color-success-contrast-r-b),
    0.9
  );
  color: "success-contrast-r";
}
.ttw-btn-success-contrast-g,
a.ttw-btn-success-contrast-g {
  background-color: var(--dnn-color-success-contrast-g, 255);
  border-color: var(--dnn-color-success-contrast-g, 255);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-success-contrast-g:focus,
.ttw-btn-success-contrast-g:hover,
a.ttw-btn-success-contrast-g:focus,
a.ttw-btn-success-contrast-g:hover {
  background-color: rgba(
    var(--dnn-color-success-contrast-g-r),
    var(--dnn-color-success-contrast-g-g),
    var(--dnn-color-success-contrast-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-success-contrast-g-r),
    var(--dnn-color-success-contrast-g-g),
    var(--dnn-color-success-contrast-g-b),
    0.8
  );
}
.ttw-btn-outline-success-contrast-g,
a.ttw-btn-outline-success-contrast-g {
  background-color: transparent;
  border-color: var(--dnn-color-success-contrast-g, 255);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-success-contrast-g, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-success-contrast-g:focus,
.ttw-btn-outline-success-contrast-g:hover,
.ttw-btn-reverse-outline-success-contrast-g
  a.ttw-btn-reverse-outline-success-contrast-g,
a.ttw-btn-outline-success-contrast-g:focus,
a.ttw-btn-outline-success-contrast-g:hover {
  background-color: var(--dnn-color-success-contrast-g, 255);
  border-color: var(--dnn-color-success-contrast-g, 255);
}
.ttw-btn-reverse-outline-success-contrast-g
  a.ttw-btn-reverse-outline-success-contrast-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-success-contrast-g
  a.ttw-btn-reverse-outline-success-contrast-g:focus,
.ttw-btn-reverse-outline-success-contrast-g
  a.ttw-btn-reverse-outline-success-contrast-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-success-contrast-g, 255);
  color: var(--dnn-color-success-contrast-g, 255);
}
.ttw-btn-inverse-success-contrast-g,
a.ttw-btn-inverse-success-contrast-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-success-contrast-g, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-success-contrast-g:focus,
.ttw-btn-inverse-success-contrast-g:hover,
a.ttw-btn-inverse-success-contrast-g:focus,
a.ttw-btn-inverse-success-contrast-g:hover {
  background-color: rgba(
    var(--dnn-color-success-contrast-g-r),
    var(--dnn-color-success-contrast-g-g),
    var(--dnn-color-success-contrast-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-success-contrast-g-r),
    var(--dnn-color-success-contrast-g-g),
    var(--dnn-color-success-contrast-g-b),
    0.9
  );
  color: "success-contrast-g";
}
.ttw-btn-success-contrast-b,
a.ttw-btn-success-contrast-b {
  background-color: var(--dnn-color-success-contrast-b, 255);
  border-color: var(--dnn-color-success-contrast-b, 255);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-success-contrast-b:focus,
.ttw-btn-success-contrast-b:hover,
a.ttw-btn-success-contrast-b:focus,
a.ttw-btn-success-contrast-b:hover {
  background-color: rgba(
    var(--dnn-color-success-contrast-b-r),
    var(--dnn-color-success-contrast-b-g),
    var(--dnn-color-success-contrast-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-success-contrast-b-r),
    var(--dnn-color-success-contrast-b-g),
    var(--dnn-color-success-contrast-b-b),
    0.8
  );
}
.ttw-btn-outline-success-contrast-b,
a.ttw-btn-outline-success-contrast-b {
  background-color: transparent;
  border-color: var(--dnn-color-success-contrast-b, 255);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-success-contrast-b, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-success-contrast-b:focus,
.ttw-btn-outline-success-contrast-b:hover,
.ttw-btn-reverse-outline-success-contrast-b
  a.ttw-btn-reverse-outline-success-contrast-b,
a.ttw-btn-outline-success-contrast-b:focus,
a.ttw-btn-outline-success-contrast-b:hover {
  background-color: var(--dnn-color-success-contrast-b, 255);
  border-color: var(--dnn-color-success-contrast-b, 255);
}
.ttw-btn-reverse-outline-success-contrast-b
  a.ttw-btn-reverse-outline-success-contrast-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-success-contrast-b
  a.ttw-btn-reverse-outline-success-contrast-b:focus,
.ttw-btn-reverse-outline-success-contrast-b
  a.ttw-btn-reverse-outline-success-contrast-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-success-contrast-b, 255);
  color: var(--dnn-color-success-contrast-b, 255);
}
.ttw-btn-inverse-success-contrast-b,
a.ttw-btn-inverse-success-contrast-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-success-contrast-b, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-success-contrast-b:focus,
.ttw-btn-inverse-success-contrast-b:hover,
a.ttw-btn-inverse-success-contrast-b:focus,
a.ttw-btn-inverse-success-contrast-b:hover {
  background-color: rgba(
    var(--dnn-color-success-contrast-b-r),
    var(--dnn-color-success-contrast-b-g),
    var(--dnn-color-success-contrast-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-success-contrast-b-r),
    var(--dnn-color-success-contrast-b-g),
    var(--dnn-color-success-contrast-b-b),
    0.9
  );
  color: "success-contrast-b";
}
.ttw-btn-warning,
a.ttw-btn-warning {
  background-color: var(--dnn-color-warning, #ffc107);
  border-color: var(--dnn-color-warning, #ffc107);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-warning-contrast, #fff);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-warning:focus,
.ttw-btn-warning:hover,
a.ttw-btn-warning:focus,
a.ttw-btn-warning:hover {
  background-color: rgba(
    var(--dnn-color-warning-r),
    var(--dnn-color-warning-g),
    var(--dnn-color-warning-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-warning-r),
    var(--dnn-color-warning-g),
    var(--dnn-color-warning-b),
    0.8
  );
  color: var(--dnn-color-warning-contrast, #fff);
}
.ttw-btn-outline-warning,
a.ttw-btn-outline-warning {
  background-color: transparent;
  border-color: var(--dnn-color-warning, #ffc107);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-warning, #ffc107);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-warning:focus,
.ttw-btn-outline-warning:hover,
.ttw-btn-reverse-outline-warning a.ttw-btn-reverse-outline-warning,
a.ttw-btn-outline-warning:focus,
a.ttw-btn-outline-warning:hover {
  background-color: var(--dnn-color-warning, #ffc107);
  border-color: var(--dnn-color-warning, #ffc107);
  color: var(--dnn-color-warning-contrast, #fff);
}
.ttw-btn-reverse-outline-warning a.ttw-btn-reverse-outline-warning {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-warning
  a.ttw-btn-reverse-outline-warning:focus,
.ttw-btn-reverse-outline-warning
  a.ttw-btn-reverse-outline-warning:hover {
  background-color: transparent;
  border-color: var(--dnn-color-warning, #ffc107);
  color: var(--dnn-color-warning, #ffc107);
}
.ttw-btn-inverse-warning,
a.ttw-btn-inverse-warning {
  background-color: var(--dnn-color-warning-contrast, #fff);
  background-image: none;
  border-color: var(--dnn-color-warning-contrast, #fff);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-warning, #ffc107);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-warning:focus,
.ttw-btn-inverse-warning:hover,
a.ttw-btn-inverse-warning:focus,
a.ttw-btn-inverse-warning:hover {
  background-color: rgba(
    var(--dnn-color-warning-r),
    var(--dnn-color-warning-g),
    var(--dnn-color-warning-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-warning-r),
    var(--dnn-color-warning-g),
    var(--dnn-color-warning-b),
    0.9
  );
  color: "warning";
}
.ttw-btn-warning-r,
a.ttw-btn-warning-r {
  background-color: var(--dnn-color-warning-r, 255);
  border-color: var(--dnn-color-warning-r, 255);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-warning-r:focus,
.ttw-btn-warning-r:hover,
a.ttw-btn-warning-r:focus,
a.ttw-btn-warning-r:hover {
  background-color: rgba(
    var(--dnn-color-warning-r-r),
    var(--dnn-color-warning-r-g),
    var(--dnn-color-warning-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-warning-r-r),
    var(--dnn-color-warning-r-g),
    var(--dnn-color-warning-r-b),
    0.8
  );
}
.ttw-btn-outline-warning-r,
a.ttw-btn-outline-warning-r {
  background-color: transparent;
  border-color: var(--dnn-color-warning-r, 255);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-warning-r, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-warning-r:focus,
.ttw-btn-outline-warning-r:hover,
.ttw-btn-reverse-outline-warning-r
  a.ttw-btn-reverse-outline-warning-r,
a.ttw-btn-outline-warning-r:focus,
a.ttw-btn-outline-warning-r:hover {
  background-color: var(--dnn-color-warning-r, 255);
  border-color: var(--dnn-color-warning-r, 255);
}
.ttw-btn-reverse-outline-warning-r
  a.ttw-btn-reverse-outline-warning-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-warning-r
  a.ttw-btn-reverse-outline-warning-r:focus,
.ttw-btn-reverse-outline-warning-r
  a.ttw-btn-reverse-outline-warning-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-warning-r, 255);
  color: var(--dnn-color-warning-r, 255);
}
.ttw-btn-inverse-warning-r,
a.ttw-btn-inverse-warning-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-warning-r, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-warning-r:focus,
.ttw-btn-inverse-warning-r:hover,
a.ttw-btn-inverse-warning-r:focus,
a.ttw-btn-inverse-warning-r:hover {
  background-color: rgba(
    var(--dnn-color-warning-r-r),
    var(--dnn-color-warning-r-g),
    var(--dnn-color-warning-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-warning-r-r),
    var(--dnn-color-warning-r-g),
    var(--dnn-color-warning-r-b),
    0.9
  );
  color: "warning-r";
}
.ttw-btn-warning-g,
a.ttw-btn-warning-g {
  background-color: var(--dnn-color-warning-g, 193);
  border-color: var(--dnn-color-warning-g, 193);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-warning-g:focus,
.ttw-btn-warning-g:hover,
a.ttw-btn-warning-g:focus,
a.ttw-btn-warning-g:hover {
  background-color: rgba(
    var(--dnn-color-warning-g-r),
    var(--dnn-color-warning-g-g),
    var(--dnn-color-warning-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-warning-g-r),
    var(--dnn-color-warning-g-g),
    var(--dnn-color-warning-g-b),
    0.8
  );
}
.ttw-btn-outline-warning-g,
a.ttw-btn-outline-warning-g {
  background-color: transparent;
  border-color: var(--dnn-color-warning-g, 193);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-warning-g, 193);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-warning-g:focus,
.ttw-btn-outline-warning-g:hover,
.ttw-btn-reverse-outline-warning-g
  a.ttw-btn-reverse-outline-warning-g,
a.ttw-btn-outline-warning-g:focus,
a.ttw-btn-outline-warning-g:hover {
  background-color: var(--dnn-color-warning-g, 193);
  border-color: var(--dnn-color-warning-g, 193);
}
.ttw-btn-reverse-outline-warning-g
  a.ttw-btn-reverse-outline-warning-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-warning-g
  a.ttw-btn-reverse-outline-warning-g:focus,
.ttw-btn-reverse-outline-warning-g
  a.ttw-btn-reverse-outline-warning-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-warning-g, 193);
  color: var(--dnn-color-warning-g, 193);
}
.ttw-btn-inverse-warning-g,
a.ttw-btn-inverse-warning-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-warning-g, 193);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-warning-g:focus,
.ttw-btn-inverse-warning-g:hover,
a.ttw-btn-inverse-warning-g:focus,
a.ttw-btn-inverse-warning-g:hover {
  background-color: rgba(
    var(--dnn-color-warning-g-r),
    var(--dnn-color-warning-g-g),
    var(--dnn-color-warning-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-warning-g-r),
    var(--dnn-color-warning-g-g),
    var(--dnn-color-warning-g-b),
    0.9
  );
  color: "warning-g";
}
.ttw-btn-warning-b,
a.ttw-btn-warning-b {
  background-color: var(--dnn-color-warning-b, 7);
  border-color: var(--dnn-color-warning-b, 7);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-warning-b:focus,
.ttw-btn-warning-b:hover,
a.ttw-btn-warning-b:focus,
a.ttw-btn-warning-b:hover {
  background-color: rgba(
    var(--dnn-color-warning-b-r),
    var(--dnn-color-warning-b-g),
    var(--dnn-color-warning-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-warning-b-r),
    var(--dnn-color-warning-b-g),
    var(--dnn-color-warning-b-b),
    0.8
  );
}
.ttw-btn-outline-warning-b,
a.ttw-btn-outline-warning-b {
  background-color: transparent;
  border-color: var(--dnn-color-warning-b, 7);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-warning-b, 7);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-warning-b:focus,
.ttw-btn-outline-warning-b:hover,
.ttw-btn-reverse-outline-warning-b
  a.ttw-btn-reverse-outline-warning-b,
a.ttw-btn-outline-warning-b:focus,
a.ttw-btn-outline-warning-b:hover {
  background-color: var(--dnn-color-warning-b, 7);
  border-color: var(--dnn-color-warning-b, 7);
}
.ttw-btn-reverse-outline-warning-b
  a.ttw-btn-reverse-outline-warning-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-warning-b
  a.ttw-btn-reverse-outline-warning-b:focus,
.ttw-btn-reverse-outline-warning-b
  a.ttw-btn-reverse-outline-warning-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-warning-b, 7);
  color: var(--dnn-color-warning-b, 7);
}
.ttw-btn-inverse-warning-b,
a.ttw-btn-inverse-warning-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-warning-b, 7);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-warning-b:focus,
.ttw-btn-inverse-warning-b:hover,
a.ttw-btn-inverse-warning-b:focus,
a.ttw-btn-inverse-warning-b:hover {
  background-color: rgba(
    var(--dnn-color-warning-b-r),
    var(--dnn-color-warning-b-g),
    var(--dnn-color-warning-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-warning-b-r),
    var(--dnn-color-warning-b-g),
    var(--dnn-color-warning-b-b),
    0.9
  );
  color: "warning-b";
}
.ttw-btn-warning-light,
a.ttw-btn-warning-light {
  background-color: var(--dnn-color-warning-light, #ffd42e);
  border-color: var(--dnn-color-warning-light, #ffd42e);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-warning-light:focus,
.ttw-btn-warning-light:hover,
a.ttw-btn-warning-light:focus,
a.ttw-btn-warning-light:hover {
  background-color: rgba(
    var(--dnn-color-warning-light-r),
    var(--dnn-color-warning-light-g),
    var(--dnn-color-warning-light-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-warning-light-r),
    var(--dnn-color-warning-light-g),
    var(--dnn-color-warning-light-b),
    0.8
  );
}
.ttw-btn-outline-warning-light,
a.ttw-btn-outline-warning-light {
  background-color: transparent;
  border-color: var(--dnn-color-warning-light, #ffd42e);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-warning-light, #ffd42e);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-warning-light:focus,
.ttw-btn-outline-warning-light:hover,
.ttw-btn-reverse-outline-warning-light
  a.ttw-btn-reverse-outline-warning-light,
a.ttw-btn-outline-warning-light:focus,
a.ttw-btn-outline-warning-light:hover {
  background-color: var(--dnn-color-warning-light, #ffd42e);
  border-color: var(--dnn-color-warning-light, #ffd42e);
}
.ttw-btn-reverse-outline-warning-light
  a.ttw-btn-reverse-outline-warning-light {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-warning-light
  a.ttw-btn-reverse-outline-warning-light:focus,
.ttw-btn-reverse-outline-warning-light
  a.ttw-btn-reverse-outline-warning-light:hover {
  background-color: transparent;
  border-color: var(--dnn-color-warning-light, #ffd42e);
  color: var(--dnn-color-warning-light, #ffd42e);
}
.ttw-btn-inverse-warning-light,
a.ttw-btn-inverse-warning-light {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-warning-light, #ffd42e);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-warning-light:focus,
.ttw-btn-inverse-warning-light:hover,
a.ttw-btn-inverse-warning-light:focus,
a.ttw-btn-inverse-warning-light:hover {
  background-color: rgba(
    var(--dnn-color-warning-light-r),
    var(--dnn-color-warning-light-g),
    var(--dnn-color-warning-light-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-warning-light-r),
    var(--dnn-color-warning-light-g),
    var(--dnn-color-warning-light-b),
    0.9
  );
  color: "warning-light";
}
.ttw-btn-warning-light-r,
a.ttw-btn-warning-light-r {
  background-color: var(--dnn-color-warning-light-r, 255);
  border-color: var(--dnn-color-warning-light-r, 255);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-warning-light-r:focus,
.ttw-btn-warning-light-r:hover,
a.ttw-btn-warning-light-r:focus,
a.ttw-btn-warning-light-r:hover {
  background-color: rgba(
    var(--dnn-color-warning-light-r-r),
    var(--dnn-color-warning-light-r-g),
    var(--dnn-color-warning-light-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-warning-light-r-r),
    var(--dnn-color-warning-light-r-g),
    var(--dnn-color-warning-light-r-b),
    0.8
  );
}
.ttw-btn-outline-warning-light-r,
a.ttw-btn-outline-warning-light-r {
  background-color: transparent;
  border-color: var(--dnn-color-warning-light-r, 255);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-warning-light-r, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-warning-light-r:focus,
.ttw-btn-outline-warning-light-r:hover,
.ttw-btn-reverse-outline-warning-light-r
  a.ttw-btn-reverse-outline-warning-light-r,
a.ttw-btn-outline-warning-light-r:focus,
a.ttw-btn-outline-warning-light-r:hover {
  background-color: var(--dnn-color-warning-light-r, 255);
  border-color: var(--dnn-color-warning-light-r, 255);
}
.ttw-btn-reverse-outline-warning-light-r
  a.ttw-btn-reverse-outline-warning-light-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-warning-light-r
  a.ttw-btn-reverse-outline-warning-light-r:focus,
.ttw-btn-reverse-outline-warning-light-r
  a.ttw-btn-reverse-outline-warning-light-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-warning-light-r, 255);
  color: var(--dnn-color-warning-light-r, 255);
}
.ttw-btn-inverse-warning-light-r,
a.ttw-btn-inverse-warning-light-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-warning-light-r, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-warning-light-r:focus,
.ttw-btn-inverse-warning-light-r:hover,
a.ttw-btn-inverse-warning-light-r:focus,
a.ttw-btn-inverse-warning-light-r:hover {
  background-color: rgba(
    var(--dnn-color-warning-light-r-r),
    var(--dnn-color-warning-light-r-g),
    var(--dnn-color-warning-light-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-warning-light-r-r),
    var(--dnn-color-warning-light-r-g),
    var(--dnn-color-warning-light-r-b),
    0.9
  );
  color: "warning-light-r";
}
.ttw-btn-warning-light-g,
a.ttw-btn-warning-light-g {
  background-color: var(--dnn-color-warning-light-g, 212);
  border-color: var(--dnn-color-warning-light-g, 212);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-warning-light-g:focus,
.ttw-btn-warning-light-g:hover,
a.ttw-btn-warning-light-g:focus,
a.ttw-btn-warning-light-g:hover {
  background-color: rgba(
    var(--dnn-color-warning-light-g-r),
    var(--dnn-color-warning-light-g-g),
    var(--dnn-color-warning-light-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-warning-light-g-r),
    var(--dnn-color-warning-light-g-g),
    var(--dnn-color-warning-light-g-b),
    0.8
  );
}
.ttw-btn-outline-warning-light-g,
a.ttw-btn-outline-warning-light-g {
  background-color: transparent;
  border-color: var(--dnn-color-warning-light-g, 212);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-warning-light-g, 212);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-warning-light-g:focus,
.ttw-btn-outline-warning-light-g:hover,
.ttw-btn-reverse-outline-warning-light-g
  a.ttw-btn-reverse-outline-warning-light-g,
a.ttw-btn-outline-warning-light-g:focus,
a.ttw-btn-outline-warning-light-g:hover {
  background-color: var(--dnn-color-warning-light-g, 212);
  border-color: var(--dnn-color-warning-light-g, 212);
}
.ttw-btn-reverse-outline-warning-light-g
  a.ttw-btn-reverse-outline-warning-light-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-warning-light-g
  a.ttw-btn-reverse-outline-warning-light-g:focus,
.ttw-btn-reverse-outline-warning-light-g
  a.ttw-btn-reverse-outline-warning-light-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-warning-light-g, 212);
  color: var(--dnn-color-warning-light-g, 212);
}
.ttw-btn-inverse-warning-light-g,
a.ttw-btn-inverse-warning-light-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-warning-light-g, 212);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-warning-light-g:focus,
.ttw-btn-inverse-warning-light-g:hover,
a.ttw-btn-inverse-warning-light-g:focus,
a.ttw-btn-inverse-warning-light-g:hover {
  background-color: rgba(
    var(--dnn-color-warning-light-g-r),
    var(--dnn-color-warning-light-g-g),
    var(--dnn-color-warning-light-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-warning-light-g-r),
    var(--dnn-color-warning-light-g-g),
    var(--dnn-color-warning-light-g-b),
    0.9
  );
  color: "warning-light-g";
}
.ttw-btn-warning-light-b,
a.ttw-btn-warning-light-b {
  background-color: var(--dnn-color-warning-light-b, 46);
  border-color: var(--dnn-color-warning-light-b, 46);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-warning-light-b:focus,
.ttw-btn-warning-light-b:hover,
a.ttw-btn-warning-light-b:focus,
a.ttw-btn-warning-light-b:hover {
  background-color: rgba(
    var(--dnn-color-warning-light-b-r),
    var(--dnn-color-warning-light-b-g),
    var(--dnn-color-warning-light-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-warning-light-b-r),
    var(--dnn-color-warning-light-b-g),
    var(--dnn-color-warning-light-b-b),
    0.8
  );
}
.ttw-btn-outline-warning-light-b,
a.ttw-btn-outline-warning-light-b {
  background-color: transparent;
  border-color: var(--dnn-color-warning-light-b, 46);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-warning-light-b, 46);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-warning-light-b:focus,
.ttw-btn-outline-warning-light-b:hover,
.ttw-btn-reverse-outline-warning-light-b
  a.ttw-btn-reverse-outline-warning-light-b,
a.ttw-btn-outline-warning-light-b:focus,
a.ttw-btn-outline-warning-light-b:hover {
  background-color: var(--dnn-color-warning-light-b, 46);
  border-color: var(--dnn-color-warning-light-b, 46);
}
.ttw-btn-reverse-outline-warning-light-b
  a.ttw-btn-reverse-outline-warning-light-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-warning-light-b
  a.ttw-btn-reverse-outline-warning-light-b:focus,
.ttw-btn-reverse-outline-warning-light-b
  a.ttw-btn-reverse-outline-warning-light-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-warning-light-b, 46);
  color: var(--dnn-color-warning-light-b, 46);
}
.ttw-btn-inverse-warning-light-b,
a.ttw-btn-inverse-warning-light-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-warning-light-b, 46);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-warning-light-b:focus,
.ttw-btn-inverse-warning-light-b:hover,
a.ttw-btn-inverse-warning-light-b:focus,
a.ttw-btn-inverse-warning-light-b:hover {
  background-color: rgba(
    var(--dnn-color-warning-light-b-r),
    var(--dnn-color-warning-light-b-g),
    var(--dnn-color-warning-light-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-warning-light-b-r),
    var(--dnn-color-warning-light-b-g),
    var(--dnn-color-warning-light-b-b),
    0.9
  );
  color: "warning-light-b";
}
.ttw-btn-warning-dark,
a.ttw-btn-warning-dark {
  background-color: var(--dnn-color-warning-dark, #e9ad00);
  border-color: var(--dnn-color-warning-dark, #e9ad00);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-warning-dark:focus,
.ttw-btn-warning-dark:hover,
a.ttw-btn-warning-dark:focus,
a.ttw-btn-warning-dark:hover {
  background-color: rgba(
    var(--dnn-color-warning-dark-r),
    var(--dnn-color-warning-dark-g),
    var(--dnn-color-warning-dark-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-warning-dark-r),
    var(--dnn-color-warning-dark-g),
    var(--dnn-color-warning-dark-b),
    0.8
  );
}
.ttw-btn-outline-warning-dark,
a.ttw-btn-outline-warning-dark {
  background-color: transparent;
  border-color: var(--dnn-color-warning-dark, #e9ad00);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-warning-dark, #e9ad00);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-warning-dark:focus,
.ttw-btn-outline-warning-dark:hover,
.ttw-btn-reverse-outline-warning-dark
  a.ttw-btn-reverse-outline-warning-dark,
a.ttw-btn-outline-warning-dark:focus,
a.ttw-btn-outline-warning-dark:hover {
  background-color: var(--dnn-color-warning-dark, #e9ad00);
  border-color: var(--dnn-color-warning-dark, #e9ad00);
}
.ttw-btn-reverse-outline-warning-dark
  a.ttw-btn-reverse-outline-warning-dark {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-warning-dark
  a.ttw-btn-reverse-outline-warning-dark:focus,
.ttw-btn-reverse-outline-warning-dark
  a.ttw-btn-reverse-outline-warning-dark:hover {
  background-color: transparent;
  border-color: var(--dnn-color-warning-dark, #e9ad00);
  color: var(--dnn-color-warning-dark, #e9ad00);
}
.ttw-btn-inverse-warning-dark,
a.ttw-btn-inverse-warning-dark {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-warning-dark, #e9ad00);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-warning-dark:focus,
.ttw-btn-inverse-warning-dark:hover,
a.ttw-btn-inverse-warning-dark:focus,
a.ttw-btn-inverse-warning-dark:hover {
  background-color: rgba(
    var(--dnn-color-warning-dark-r),
    var(--dnn-color-warning-dark-g),
    var(--dnn-color-warning-dark-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-warning-dark-r),
    var(--dnn-color-warning-dark-g),
    var(--dnn-color-warning-dark-b),
    0.9
  );
  color: "warning-dark";
}
.ttw-btn-warning-dark-r,
a.ttw-btn-warning-dark-r {
  background-color: var(--dnn-color-warning-dark-r, 233);
  border-color: var(--dnn-color-warning-dark-r, 233);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-warning-dark-r:focus,
.ttw-btn-warning-dark-r:hover,
a.ttw-btn-warning-dark-r:focus,
a.ttw-btn-warning-dark-r:hover {
  background-color: rgba(
    var(--dnn-color-warning-dark-r-r),
    var(--dnn-color-warning-dark-r-g),
    var(--dnn-color-warning-dark-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-warning-dark-r-r),
    var(--dnn-color-warning-dark-r-g),
    var(--dnn-color-warning-dark-r-b),
    0.8
  );
}
.ttw-btn-outline-warning-dark-r,
a.ttw-btn-outline-warning-dark-r {
  background-color: transparent;
  border-color: var(--dnn-color-warning-dark-r, 233);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-warning-dark-r, 233);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-warning-dark-r:focus,
.ttw-btn-outline-warning-dark-r:hover,
.ttw-btn-reverse-outline-warning-dark-r
  a.ttw-btn-reverse-outline-warning-dark-r,
a.ttw-btn-outline-warning-dark-r:focus,
a.ttw-btn-outline-warning-dark-r:hover {
  background-color: var(--dnn-color-warning-dark-r, 233);
  border-color: var(--dnn-color-warning-dark-r, 233);
}
.ttw-btn-reverse-outline-warning-dark-r
  a.ttw-btn-reverse-outline-warning-dark-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-warning-dark-r
  a.ttw-btn-reverse-outline-warning-dark-r:focus,
.ttw-btn-reverse-outline-warning-dark-r
  a.ttw-btn-reverse-outline-warning-dark-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-warning-dark-r, 233);
  color: var(--dnn-color-warning-dark-r, 233);
}
.ttw-btn-inverse-warning-dark-r,
a.ttw-btn-inverse-warning-dark-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-warning-dark-r, 233);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-warning-dark-r:focus,
.ttw-btn-inverse-warning-dark-r:hover,
a.ttw-btn-inverse-warning-dark-r:focus,
a.ttw-btn-inverse-warning-dark-r:hover {
  background-color: rgba(
    var(--dnn-color-warning-dark-r-r),
    var(--dnn-color-warning-dark-r-g),
    var(--dnn-color-warning-dark-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-warning-dark-r-r),
    var(--dnn-color-warning-dark-r-g),
    var(--dnn-color-warning-dark-r-b),
    0.9
  );
  color: "warning-dark-r";
}
.ttw-btn-warning-dark-g,
a.ttw-btn-warning-dark-g {
  background-color: var(--dnn-color-warning-dark-g, 173);
  border-color: var(--dnn-color-warning-dark-g, 173);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-warning-dark-g:focus,
.ttw-btn-warning-dark-g:hover,
a.ttw-btn-warning-dark-g:focus,
a.ttw-btn-warning-dark-g:hover {
  background-color: rgba(
    var(--dnn-color-warning-dark-g-r),
    var(--dnn-color-warning-dark-g-g),
    var(--dnn-color-warning-dark-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-warning-dark-g-r),
    var(--dnn-color-warning-dark-g-g),
    var(--dnn-color-warning-dark-g-b),
    0.8
  );
}
.ttw-btn-outline-warning-dark-g,
a.ttw-btn-outline-warning-dark-g {
  background-color: transparent;
  border-color: var(--dnn-color-warning-dark-g, 173);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-warning-dark-g, 173);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-warning-dark-g:focus,
.ttw-btn-outline-warning-dark-g:hover,
.ttw-btn-reverse-outline-warning-dark-g
  a.ttw-btn-reverse-outline-warning-dark-g,
a.ttw-btn-outline-warning-dark-g:focus,
a.ttw-btn-outline-warning-dark-g:hover {
  background-color: var(--dnn-color-warning-dark-g, 173);
  border-color: var(--dnn-color-warning-dark-g, 173);
}
.ttw-btn-reverse-outline-warning-dark-g
  a.ttw-btn-reverse-outline-warning-dark-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-warning-dark-g
  a.ttw-btn-reverse-outline-warning-dark-g:focus,
.ttw-btn-reverse-outline-warning-dark-g
  a.ttw-btn-reverse-outline-warning-dark-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-warning-dark-g, 173);
  color: var(--dnn-color-warning-dark-g, 173);
}
.ttw-btn-inverse-warning-dark-g,
a.ttw-btn-inverse-warning-dark-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-warning-dark-g, 173);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-warning-dark-g:focus,
.ttw-btn-inverse-warning-dark-g:hover,
a.ttw-btn-inverse-warning-dark-g:focus,
a.ttw-btn-inverse-warning-dark-g:hover {
  background-color: rgba(
    var(--dnn-color-warning-dark-g-r),
    var(--dnn-color-warning-dark-g-g),
    var(--dnn-color-warning-dark-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-warning-dark-g-r),
    var(--dnn-color-warning-dark-g-g),
    var(--dnn-color-warning-dark-g-b),
    0.9
  );
  color: "warning-dark-g";
}
.ttw-btn-warning-dark-b,
a.ttw-btn-warning-dark-b {
  background-color: var(--dnn-color-warning-dark-b, 0);
  border-color: var(--dnn-color-warning-dark-b, 0);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-warning-dark-b:focus,
.ttw-btn-warning-dark-b:hover,
a.ttw-btn-warning-dark-b:focus,
a.ttw-btn-warning-dark-b:hover {
  background-color: rgba(
    var(--dnn-color-warning-dark-b-r),
    var(--dnn-color-warning-dark-b-g),
    var(--dnn-color-warning-dark-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-warning-dark-b-r),
    var(--dnn-color-warning-dark-b-g),
    var(--dnn-color-warning-dark-b-b),
    0.8
  );
}
.ttw-btn-outline-warning-dark-b,
a.ttw-btn-outline-warning-dark-b {
  background-color: transparent;
  border-color: var(--dnn-color-warning-dark-b, 0);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-warning-dark-b, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-warning-dark-b:focus,
.ttw-btn-outline-warning-dark-b:hover,
.ttw-btn-reverse-outline-warning-dark-b
  a.ttw-btn-reverse-outline-warning-dark-b,
a.ttw-btn-outline-warning-dark-b:focus,
a.ttw-btn-outline-warning-dark-b:hover {
  background-color: var(--dnn-color-warning-dark-b, 0);
  border-color: var(--dnn-color-warning-dark-b, 0);
}
.ttw-btn-reverse-outline-warning-dark-b
  a.ttw-btn-reverse-outline-warning-dark-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-warning-dark-b
  a.ttw-btn-reverse-outline-warning-dark-b:focus,
.ttw-btn-reverse-outline-warning-dark-b
  a.ttw-btn-reverse-outline-warning-dark-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-warning-dark-b, 0);
  color: var(--dnn-color-warning-dark-b, 0);
}
.ttw-btn-inverse-warning-dark-b,
a.ttw-btn-inverse-warning-dark-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-warning-dark-b, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-warning-dark-b:focus,
.ttw-btn-inverse-warning-dark-b:hover,
a.ttw-btn-inverse-warning-dark-b:focus,
a.ttw-btn-inverse-warning-dark-b:hover {
  background-color: rgba(
    var(--dnn-color-warning-dark-b-r),
    var(--dnn-color-warning-dark-b-g),
    var(--dnn-color-warning-dark-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-warning-dark-b-r),
    var(--dnn-color-warning-dark-b-g),
    var(--dnn-color-warning-dark-b-b),
    0.9
  );
  color: "warning-dark-b";
}
.ttw-btn-warning-contrast,
a.ttw-btn-warning-contrast {
  background-color: var(--dnn-color-warning-contrast, #fff);
  border-color: var(--dnn-color-warning-contrast, #fff);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-warning-contrast:focus,
.ttw-btn-warning-contrast:hover,
a.ttw-btn-warning-contrast:focus,
a.ttw-btn-warning-contrast:hover {
  background-color: rgba(
    var(--dnn-color-warning-contrast-r),
    var(--dnn-color-warning-contrast-g),
    var(--dnn-color-warning-contrast-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-warning-contrast-r),
    var(--dnn-color-warning-contrast-g),
    var(--dnn-color-warning-contrast-b),
    0.8
  );
}
.ttw-btn-outline-warning-contrast,
a.ttw-btn-outline-warning-contrast {
  background-color: transparent;
  border-color: var(--dnn-color-warning-contrast, #fff);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-warning-contrast, #fff);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-warning-contrast:focus,
.ttw-btn-outline-warning-contrast:hover,
.ttw-btn-reverse-outline-warning-contrast
  a.ttw-btn-reverse-outline-warning-contrast,
a.ttw-btn-outline-warning-contrast:focus,
a.ttw-btn-outline-warning-contrast:hover {
  background-color: var(--dnn-color-warning-contrast, #fff);
  border-color: var(--dnn-color-warning-contrast, #fff);
}
.ttw-btn-reverse-outline-warning-contrast
  a.ttw-btn-reverse-outline-warning-contrast {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-warning-contrast
  a.ttw-btn-reverse-outline-warning-contrast:focus,
.ttw-btn-reverse-outline-warning-contrast
  a.ttw-btn-reverse-outline-warning-contrast:hover {
  background-color: transparent;
  border-color: var(--dnn-color-warning-contrast, #fff);
  color: var(--dnn-color-warning-contrast, #fff);
}
.ttw-btn-inverse-warning-contrast,
a.ttw-btn-inverse-warning-contrast {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-warning-contrast, #fff);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-warning-contrast:focus,
.ttw-btn-inverse-warning-contrast:hover,
a.ttw-btn-inverse-warning-contrast:focus,
a.ttw-btn-inverse-warning-contrast:hover {
  background-color: rgba(
    var(--dnn-color-warning-contrast-r),
    var(--dnn-color-warning-contrast-g),
    var(--dnn-color-warning-contrast-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-warning-contrast-r),
    var(--dnn-color-warning-contrast-g),
    var(--dnn-color-warning-contrast-b),
    0.9
  );
  color: "warning-contrast";
}
.ttw-btn-warning-contrast-r,
a.ttw-btn-warning-contrast-r {
  background-color: var(--dnn-color-warning-contrast-r, 255);
  border-color: var(--dnn-color-warning-contrast-r, 255);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-warning-contrast-r:focus,
.ttw-btn-warning-contrast-r:hover,
a.ttw-btn-warning-contrast-r:focus,
a.ttw-btn-warning-contrast-r:hover {
  background-color: rgba(
    var(--dnn-color-warning-contrast-r-r),
    var(--dnn-color-warning-contrast-r-g),
    var(--dnn-color-warning-contrast-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-warning-contrast-r-r),
    var(--dnn-color-warning-contrast-r-g),
    var(--dnn-color-warning-contrast-r-b),
    0.8
  );
}
.ttw-btn-outline-warning-contrast-r,
a.ttw-btn-outline-warning-contrast-r {
  background-color: transparent;
  border-color: var(--dnn-color-warning-contrast-r, 255);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-warning-contrast-r, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-warning-contrast-r:focus,
.ttw-btn-outline-warning-contrast-r:hover,
.ttw-btn-reverse-outline-warning-contrast-r
  a.ttw-btn-reverse-outline-warning-contrast-r,
a.ttw-btn-outline-warning-contrast-r:focus,
a.ttw-btn-outline-warning-contrast-r:hover {
  background-color: var(--dnn-color-warning-contrast-r, 255);
  border-color: var(--dnn-color-warning-contrast-r, 255);
}
.ttw-btn-reverse-outline-warning-contrast-r
  a.ttw-btn-reverse-outline-warning-contrast-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-warning-contrast-r
  a.ttw-btn-reverse-outline-warning-contrast-r:focus,
.ttw-btn-reverse-outline-warning-contrast-r
  a.ttw-btn-reverse-outline-warning-contrast-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-warning-contrast-r, 255);
  color: var(--dnn-color-warning-contrast-r, 255);
}
.ttw-btn-inverse-warning-contrast-r,
a.ttw-btn-inverse-warning-contrast-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-warning-contrast-r, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-warning-contrast-r:focus,
.ttw-btn-inverse-warning-contrast-r:hover,
a.ttw-btn-inverse-warning-contrast-r:focus,
a.ttw-btn-inverse-warning-contrast-r:hover {
  background-color: rgba(
    var(--dnn-color-warning-contrast-r-r),
    var(--dnn-color-warning-contrast-r-g),
    var(--dnn-color-warning-contrast-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-warning-contrast-r-r),
    var(--dnn-color-warning-contrast-r-g),
    var(--dnn-color-warning-contrast-r-b),
    0.9
  );
  color: "warning-contrast-r";
}
.ttw-btn-warning-contrast-g,
a.ttw-btn-warning-contrast-g {
  background-color: var(--dnn-color-warning-contrast-g, 255);
  border-color: var(--dnn-color-warning-contrast-g, 255);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-warning-contrast-g:focus,
.ttw-btn-warning-contrast-g:hover,
a.ttw-btn-warning-contrast-g:focus,
a.ttw-btn-warning-contrast-g:hover {
  background-color: rgba(
    var(--dnn-color-warning-contrast-g-r),
    var(--dnn-color-warning-contrast-g-g),
    var(--dnn-color-warning-contrast-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-warning-contrast-g-r),
    var(--dnn-color-warning-contrast-g-g),
    var(--dnn-color-warning-contrast-g-b),
    0.8
  );
}
.ttw-btn-outline-warning-contrast-g,
a.ttw-btn-outline-warning-contrast-g {
  background-color: transparent;
  border-color: var(--dnn-color-warning-contrast-g, 255);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-warning-contrast-g, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-warning-contrast-g:focus,
.ttw-btn-outline-warning-contrast-g:hover,
.ttw-btn-reverse-outline-warning-contrast-g
  a.ttw-btn-reverse-outline-warning-contrast-g,
a.ttw-btn-outline-warning-contrast-g:focus,
a.ttw-btn-outline-warning-contrast-g:hover {
  background-color: var(--dnn-color-warning-contrast-g, 255);
  border-color: var(--dnn-color-warning-contrast-g, 255);
}
.ttw-btn-reverse-outline-warning-contrast-g
  a.ttw-btn-reverse-outline-warning-contrast-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-warning-contrast-g
  a.ttw-btn-reverse-outline-warning-contrast-g:focus,
.ttw-btn-reverse-outline-warning-contrast-g
  a.ttw-btn-reverse-outline-warning-contrast-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-warning-contrast-g, 255);
  color: var(--dnn-color-warning-contrast-g, 255);
}
.ttw-btn-inverse-warning-contrast-g,
a.ttw-btn-inverse-warning-contrast-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-warning-contrast-g, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-warning-contrast-g:focus,
.ttw-btn-inverse-warning-contrast-g:hover,
a.ttw-btn-inverse-warning-contrast-g:focus,
a.ttw-btn-inverse-warning-contrast-g:hover {
  background-color: rgba(
    var(--dnn-color-warning-contrast-g-r),
    var(--dnn-color-warning-contrast-g-g),
    var(--dnn-color-warning-contrast-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-warning-contrast-g-r),
    var(--dnn-color-warning-contrast-g-g),
    var(--dnn-color-warning-contrast-g-b),
    0.9
  );
  color: "warning-contrast-g";
}
.ttw-btn-warning-contrast-b,
a.ttw-btn-warning-contrast-b {
  background-color: var(--dnn-color-warning-contrast-b, 255);
  border-color: var(--dnn-color-warning-contrast-b, 255);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-warning-contrast-b:focus,
.ttw-btn-warning-contrast-b:hover,
a.ttw-btn-warning-contrast-b:focus,
a.ttw-btn-warning-contrast-b:hover {
  background-color: rgba(
    var(--dnn-color-warning-contrast-b-r),
    var(--dnn-color-warning-contrast-b-g),
    var(--dnn-color-warning-contrast-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-warning-contrast-b-r),
    var(--dnn-color-warning-contrast-b-g),
    var(--dnn-color-warning-contrast-b-b),
    0.8
  );
}
.ttw-btn-outline-warning-contrast-b,
a.ttw-btn-outline-warning-contrast-b {
  background-color: transparent;
  border-color: var(--dnn-color-warning-contrast-b, 255);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-warning-contrast-b, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-warning-contrast-b:focus,
.ttw-btn-outline-warning-contrast-b:hover,
.ttw-btn-reverse-outline-warning-contrast-b
  a.ttw-btn-reverse-outline-warning-contrast-b,
a.ttw-btn-outline-warning-contrast-b:focus,
a.ttw-btn-outline-warning-contrast-b:hover {
  background-color: var(--dnn-color-warning-contrast-b, 255);
  border-color: var(--dnn-color-warning-contrast-b, 255);
}
.ttw-btn-reverse-outline-warning-contrast-b
  a.ttw-btn-reverse-outline-warning-contrast-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-warning-contrast-b
  a.ttw-btn-reverse-outline-warning-contrast-b:focus,
.ttw-btn-reverse-outline-warning-contrast-b
  a.ttw-btn-reverse-outline-warning-contrast-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-warning-contrast-b, 255);
  color: var(--dnn-color-warning-contrast-b, 255);
}
.ttw-btn-inverse-warning-contrast-b,
a.ttw-btn-inverse-warning-contrast-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-warning-contrast-b, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-warning-contrast-b:focus,
.ttw-btn-inverse-warning-contrast-b:hover,
a.ttw-btn-inverse-warning-contrast-b:focus,
a.ttw-btn-inverse-warning-contrast-b:hover {
  background-color: rgba(
    var(--dnn-color-warning-contrast-b-r),
    var(--dnn-color-warning-contrast-b-g),
    var(--dnn-color-warning-contrast-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-warning-contrast-b-r),
    var(--dnn-color-warning-contrast-b-g),
    var(--dnn-color-warning-contrast-b-b),
    0.9
  );
  color: "warning-contrast-b";
}
.ttw-btn-danger,
a.ttw-btn-danger {
  background-color: var(--dnn-color-danger, #dc3545);
  border-color: var(--dnn-color-danger, #dc3545);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-danger-contrast, #fff);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-danger:focus,
.ttw-btn-danger:hover,
a.ttw-btn-danger:focus,
a.ttw-btn-danger:hover {
  background-color: rgba(
    var(--dnn-color-danger-r),
    var(--dnn-color-danger-g),
    var(--dnn-color-danger-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-danger-r),
    var(--dnn-color-danger-g),
    var(--dnn-color-danger-b),
    0.8
  );
  color: var(--dnn-color-danger-contrast, #fff);
}
.ttw-btn-outline-danger,
a.ttw-btn-outline-danger {
  background-color: transparent;
  border-color: var(--dnn-color-danger, #dc3545);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-danger, #dc3545);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-danger:focus,
.ttw-btn-outline-danger:hover,
.ttw-btn-reverse-outline-danger a.ttw-btn-reverse-outline-danger,
a.ttw-btn-outline-danger:focus,
a.ttw-btn-outline-danger:hover {
  background-color: var(--dnn-color-danger, #dc3545);
  border-color: var(--dnn-color-danger, #dc3545);
  color: var(--dnn-color-danger-contrast, #fff);
}
.ttw-btn-reverse-outline-danger a.ttw-btn-reverse-outline-danger {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-danger
  a.ttw-btn-reverse-outline-danger:focus,
.ttw-btn-reverse-outline-danger
  a.ttw-btn-reverse-outline-danger:hover {
  background-color: transparent;
  border-color: var(--dnn-color-danger, #dc3545);
  color: var(--dnn-color-danger, #dc3545);
}
.ttw-btn-inverse-danger,
a.ttw-btn-inverse-danger {
  background-color: var(--dnn-color-danger-contrast, #fff);
  background-image: none;
  border-color: var(--dnn-color-danger-contrast, #fff);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-danger, #dc3545);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-danger:focus,
.ttw-btn-inverse-danger:hover,
a.ttw-btn-inverse-danger:focus,
a.ttw-btn-inverse-danger:hover {
  background-color: rgba(
    var(--dnn-color-danger-r),
    var(--dnn-color-danger-g),
    var(--dnn-color-danger-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-danger-r),
    var(--dnn-color-danger-g),
    var(--dnn-color-danger-b),
    0.9
  );
  color: "danger";
}
.ttw-btn-danger-r,
a.ttw-btn-danger-r {
  background-color: var(--dnn-color-danger-r, 220);
  border-color: var(--dnn-color-danger-r, 220);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-danger-r:focus,
.ttw-btn-danger-r:hover,
a.ttw-btn-danger-r:focus,
a.ttw-btn-danger-r:hover {
  background-color: rgba(
    var(--dnn-color-danger-r-r),
    var(--dnn-color-danger-r-g),
    var(--dnn-color-danger-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-danger-r-r),
    var(--dnn-color-danger-r-g),
    var(--dnn-color-danger-r-b),
    0.8
  );
}
.ttw-btn-outline-danger-r,
a.ttw-btn-outline-danger-r {
  background-color: transparent;
  border-color: var(--dnn-color-danger-r, 220);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-danger-r, 220);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-danger-r:focus,
.ttw-btn-outline-danger-r:hover,
.ttw-btn-reverse-outline-danger-r a.ttw-btn-reverse-outline-danger-r,
a.ttw-btn-outline-danger-r:focus,
a.ttw-btn-outline-danger-r:hover {
  background-color: var(--dnn-color-danger-r, 220);
  border-color: var(--dnn-color-danger-r, 220);
}
.ttw-btn-reverse-outline-danger-r a.ttw-btn-reverse-outline-danger-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-danger-r
  a.ttw-btn-reverse-outline-danger-r:focus,
.ttw-btn-reverse-outline-danger-r
  a.ttw-btn-reverse-outline-danger-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-danger-r, 220);
  color: var(--dnn-color-danger-r, 220);
}
.ttw-btn-inverse-danger-r,
a.ttw-btn-inverse-danger-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-danger-r, 220);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-danger-r:focus,
.ttw-btn-inverse-danger-r:hover,
a.ttw-btn-inverse-danger-r:focus,
a.ttw-btn-inverse-danger-r:hover {
  background-color: rgba(
    var(--dnn-color-danger-r-r),
    var(--dnn-color-danger-r-g),
    var(--dnn-color-danger-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-danger-r-r),
    var(--dnn-color-danger-r-g),
    var(--dnn-color-danger-r-b),
    0.9
  );
  color: "danger-r";
}
.ttw-btn-danger-g,
a.ttw-btn-danger-g {
  background-color: var(--dnn-color-danger-g, 53);
  border-color: var(--dnn-color-danger-g, 53);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-danger-g:focus,
.ttw-btn-danger-g:hover,
a.ttw-btn-danger-g:focus,
a.ttw-btn-danger-g:hover {
  background-color: rgba(
    var(--dnn-color-danger-g-r),
    var(--dnn-color-danger-g-g),
    var(--dnn-color-danger-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-danger-g-r),
    var(--dnn-color-danger-g-g),
    var(--dnn-color-danger-g-b),
    0.8
  );
}
.ttw-btn-outline-danger-g,
a.ttw-btn-outline-danger-g {
  background-color: transparent;
  border-color: var(--dnn-color-danger-g, 53);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-danger-g, 53);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-danger-g:focus,
.ttw-btn-outline-danger-g:hover,
.ttw-btn-reverse-outline-danger-g a.ttw-btn-reverse-outline-danger-g,
a.ttw-btn-outline-danger-g:focus,
a.ttw-btn-outline-danger-g:hover {
  background-color: var(--dnn-color-danger-g, 53);
  border-color: var(--dnn-color-danger-g, 53);
}
.ttw-btn-reverse-outline-danger-g a.ttw-btn-reverse-outline-danger-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-danger-g
  a.ttw-btn-reverse-outline-danger-g:focus,
.ttw-btn-reverse-outline-danger-g
  a.ttw-btn-reverse-outline-danger-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-danger-g, 53);
  color: var(--dnn-color-danger-g, 53);
}
.ttw-btn-inverse-danger-g,
a.ttw-btn-inverse-danger-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-danger-g, 53);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-danger-g:focus,
.ttw-btn-inverse-danger-g:hover,
a.ttw-btn-inverse-danger-g:focus,
a.ttw-btn-inverse-danger-g:hover {
  background-color: rgba(
    var(--dnn-color-danger-g-r),
    var(--dnn-color-danger-g-g),
    var(--dnn-color-danger-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-danger-g-r),
    var(--dnn-color-danger-g-g),
    var(--dnn-color-danger-g-b),
    0.9
  );
  color: "danger-g";
}
.ttw-btn-danger-b,
a.ttw-btn-danger-b {
  background-color: var(--dnn-color-danger-b, 69);
  border-color: var(--dnn-color-danger-b, 69);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-danger-b:focus,
.ttw-btn-danger-b:hover,
a.ttw-btn-danger-b:focus,
a.ttw-btn-danger-b:hover {
  background-color: rgba(
    var(--dnn-color-danger-b-r),
    var(--dnn-color-danger-b-g),
    var(--dnn-color-danger-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-danger-b-r),
    var(--dnn-color-danger-b-g),
    var(--dnn-color-danger-b-b),
    0.8
  );
}
.ttw-btn-outline-danger-b,
a.ttw-btn-outline-danger-b {
  background-color: transparent;
  border-color: var(--dnn-color-danger-b, 69);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-danger-b, 69);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-danger-b:focus,
.ttw-btn-outline-danger-b:hover,
.ttw-btn-reverse-outline-danger-b a.ttw-btn-reverse-outline-danger-b,
a.ttw-btn-outline-danger-b:focus,
a.ttw-btn-outline-danger-b:hover {
  background-color: var(--dnn-color-danger-b, 69);
  border-color: var(--dnn-color-danger-b, 69);
}
.ttw-btn-reverse-outline-danger-b a.ttw-btn-reverse-outline-danger-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-danger-b
  a.ttw-btn-reverse-outline-danger-b:focus,
.ttw-btn-reverse-outline-danger-b
  a.ttw-btn-reverse-outline-danger-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-danger-b, 69);
  color: var(--dnn-color-danger-b, 69);
}
.ttw-btn-inverse-danger-b,
a.ttw-btn-inverse-danger-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-danger-b, 69);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-danger-b:focus,
.ttw-btn-inverse-danger-b:hover,
a.ttw-btn-inverse-danger-b:focus,
a.ttw-btn-inverse-danger-b:hover {
  background-color: rgba(
    var(--dnn-color-danger-b-r),
    var(--dnn-color-danger-b-g),
    var(--dnn-color-danger-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-danger-b-r),
    var(--dnn-color-danger-b-g),
    var(--dnn-color-danger-b-b),
    0.9
  );
  color: "danger-b";
}
.ttw-btn-danger-light,
a.ttw-btn-danger-light {
  background-color: var(--dnn-color-danger-light, #f14954);
  border-color: var(--dnn-color-danger-light, #f14954);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-danger-light:focus,
.ttw-btn-danger-light:hover,
a.ttw-btn-danger-light:focus,
a.ttw-btn-danger-light:hover {
  background-color: rgba(
    var(--dnn-color-danger-light-r),
    var(--dnn-color-danger-light-g),
    var(--dnn-color-danger-light-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-danger-light-r),
    var(--dnn-color-danger-light-g),
    var(--dnn-color-danger-light-b),
    0.8
  );
}
.ttw-btn-outline-danger-light,
a.ttw-btn-outline-danger-light {
  background-color: transparent;
  border-color: var(--dnn-color-danger-light, #f14954);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-danger-light, #f14954);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-danger-light:focus,
.ttw-btn-outline-danger-light:hover,
.ttw-btn-reverse-outline-danger-light
  a.ttw-btn-reverse-outline-danger-light,
a.ttw-btn-outline-danger-light:focus,
a.ttw-btn-outline-danger-light:hover {
  background-color: var(--dnn-color-danger-light, #f14954);
  border-color: var(--dnn-color-danger-light, #f14954);
}
.ttw-btn-reverse-outline-danger-light
  a.ttw-btn-reverse-outline-danger-light {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-danger-light
  a.ttw-btn-reverse-outline-danger-light:focus,
.ttw-btn-reverse-outline-danger-light
  a.ttw-btn-reverse-outline-danger-light:hover {
  background-color: transparent;
  border-color: var(--dnn-color-danger-light, #f14954);
  color: var(--dnn-color-danger-light, #f14954);
}
.ttw-btn-inverse-danger-light,
a.ttw-btn-inverse-danger-light {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-danger-light, #f14954);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-danger-light:focus,
.ttw-btn-inverse-danger-light:hover,
a.ttw-btn-inverse-danger-light:focus,
a.ttw-btn-inverse-danger-light:hover {
  background-color: rgba(
    var(--dnn-color-danger-light-r),
    var(--dnn-color-danger-light-g),
    var(--dnn-color-danger-light-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-danger-light-r),
    var(--dnn-color-danger-light-g),
    var(--dnn-color-danger-light-b),
    0.9
  );
  color: "danger-light";
}
.ttw-btn-danger-light-r,
a.ttw-btn-danger-light-r {
  background-color: var(--dnn-color-danger-light-r, 241);
  border-color: var(--dnn-color-danger-light-r, 241);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-danger-light-r:focus,
.ttw-btn-danger-light-r:hover,
a.ttw-btn-danger-light-r:focus,
a.ttw-btn-danger-light-r:hover {
  background-color: rgba(
    var(--dnn-color-danger-light-r-r),
    var(--dnn-color-danger-light-r-g),
    var(--dnn-color-danger-light-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-danger-light-r-r),
    var(--dnn-color-danger-light-r-g),
    var(--dnn-color-danger-light-r-b),
    0.8
  );
}
.ttw-btn-outline-danger-light-r,
a.ttw-btn-outline-danger-light-r {
  background-color: transparent;
  border-color: var(--dnn-color-danger-light-r, 241);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-danger-light-r, 241);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-danger-light-r:focus,
.ttw-btn-outline-danger-light-r:hover,
.ttw-btn-reverse-outline-danger-light-r
  a.ttw-btn-reverse-outline-danger-light-r,
a.ttw-btn-outline-danger-light-r:focus,
a.ttw-btn-outline-danger-light-r:hover {
  background-color: var(--dnn-color-danger-light-r, 241);
  border-color: var(--dnn-color-danger-light-r, 241);
}
.ttw-btn-reverse-outline-danger-light-r
  a.ttw-btn-reverse-outline-danger-light-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-danger-light-r
  a.ttw-btn-reverse-outline-danger-light-r:focus,
.ttw-btn-reverse-outline-danger-light-r
  a.ttw-btn-reverse-outline-danger-light-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-danger-light-r, 241);
  color: var(--dnn-color-danger-light-r, 241);
}
.ttw-btn-inverse-danger-light-r,
a.ttw-btn-inverse-danger-light-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-danger-light-r, 241);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-danger-light-r:focus,
.ttw-btn-inverse-danger-light-r:hover,
a.ttw-btn-inverse-danger-light-r:focus,
a.ttw-btn-inverse-danger-light-r:hover {
  background-color: rgba(
    var(--dnn-color-danger-light-r-r),
    var(--dnn-color-danger-light-r-g),
    var(--dnn-color-danger-light-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-danger-light-r-r),
    var(--dnn-color-danger-light-r-g),
    var(--dnn-color-danger-light-r-b),
    0.9
  );
  color: "danger-light-r";
}
.ttw-btn-danger-light-g,
a.ttw-btn-danger-light-g {
  background-color: var(--dnn-color-danger-light-g, 73);
  border-color: var(--dnn-color-danger-light-g, 73);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-danger-light-g:focus,
.ttw-btn-danger-light-g:hover,
a.ttw-btn-danger-light-g:focus,
a.ttw-btn-danger-light-g:hover {
  background-color: rgba(
    var(--dnn-color-danger-light-g-r),
    var(--dnn-color-danger-light-g-g),
    var(--dnn-color-danger-light-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-danger-light-g-r),
    var(--dnn-color-danger-light-g-g),
    var(--dnn-color-danger-light-g-b),
    0.8
  );
}
.ttw-btn-outline-danger-light-g,
a.ttw-btn-outline-danger-light-g {
  background-color: transparent;
  border-color: var(--dnn-color-danger-light-g, 73);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-danger-light-g, 73);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-danger-light-g:focus,
.ttw-btn-outline-danger-light-g:hover,
.ttw-btn-reverse-outline-danger-light-g
  a.ttw-btn-reverse-outline-danger-light-g,
a.ttw-btn-outline-danger-light-g:focus,
a.ttw-btn-outline-danger-light-g:hover {
  background-color: var(--dnn-color-danger-light-g, 73);
  border-color: var(--dnn-color-danger-light-g, 73);
}
.ttw-btn-reverse-outline-danger-light-g
  a.ttw-btn-reverse-outline-danger-light-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-danger-light-g
  a.ttw-btn-reverse-outline-danger-light-g:focus,
.ttw-btn-reverse-outline-danger-light-g
  a.ttw-btn-reverse-outline-danger-light-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-danger-light-g, 73);
  color: var(--dnn-color-danger-light-g, 73);
}
.ttw-btn-inverse-danger-light-g,
a.ttw-btn-inverse-danger-light-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-danger-light-g, 73);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-danger-light-g:focus,
.ttw-btn-inverse-danger-light-g:hover,
a.ttw-btn-inverse-danger-light-g:focus,
a.ttw-btn-inverse-danger-light-g:hover {
  background-color: rgba(
    var(--dnn-color-danger-light-g-r),
    var(--dnn-color-danger-light-g-g),
    var(--dnn-color-danger-light-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-danger-light-g-r),
    var(--dnn-color-danger-light-g-g),
    var(--dnn-color-danger-light-g-b),
    0.9
  );
  color: "danger-light-g";
}
.ttw-btn-danger-light-b,
a.ttw-btn-danger-light-b {
  background-color: var(--dnn-color-danger-light-b, 84);
  border-color: var(--dnn-color-danger-light-b, 84);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-danger-light-b:focus,
.ttw-btn-danger-light-b:hover,
a.ttw-btn-danger-light-b:focus,
a.ttw-btn-danger-light-b:hover {
  background-color: rgba(
    var(--dnn-color-danger-light-b-r),
    var(--dnn-color-danger-light-b-g),
    var(--dnn-color-danger-light-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-danger-light-b-r),
    var(--dnn-color-danger-light-b-g),
    var(--dnn-color-danger-light-b-b),
    0.8
  );
}
.ttw-btn-outline-danger-light-b,
a.ttw-btn-outline-danger-light-b {
  background-color: transparent;
  border-color: var(--dnn-color-danger-light-b, 84);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-danger-light-b, 84);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-danger-light-b:focus,
.ttw-btn-outline-danger-light-b:hover,
.ttw-btn-reverse-outline-danger-light-b
  a.ttw-btn-reverse-outline-danger-light-b,
a.ttw-btn-outline-danger-light-b:focus,
a.ttw-btn-outline-danger-light-b:hover {
  background-color: var(--dnn-color-danger-light-b, 84);
  border-color: var(--dnn-color-danger-light-b, 84);
}
.ttw-btn-reverse-outline-danger-light-b
  a.ttw-btn-reverse-outline-danger-light-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-danger-light-b
  a.ttw-btn-reverse-outline-danger-light-b:focus,
.ttw-btn-reverse-outline-danger-light-b
  a.ttw-btn-reverse-outline-danger-light-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-danger-light-b, 84);
  color: var(--dnn-color-danger-light-b, 84);
}
.ttw-btn-inverse-danger-light-b,
a.ttw-btn-inverse-danger-light-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-danger-light-b, 84);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-danger-light-b:focus,
.ttw-btn-inverse-danger-light-b:hover,
a.ttw-btn-inverse-danger-light-b:focus,
a.ttw-btn-inverse-danger-light-b:hover {
  background-color: rgba(
    var(--dnn-color-danger-light-b-r),
    var(--dnn-color-danger-light-b-g),
    var(--dnn-color-danger-light-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-danger-light-b-r),
    var(--dnn-color-danger-light-b-g),
    var(--dnn-color-danger-light-b-b),
    0.9
  );
  color: "danger-light-b";
}
.ttw-btn-danger-dark,
a.ttw-btn-danger-dark {
  background-color: var(--dnn-color-danger-dark, #c51535);
  border-color: var(--dnn-color-danger-dark, #c51535);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-danger-dark:focus,
.ttw-btn-danger-dark:hover,
a.ttw-btn-danger-dark:focus,
a.ttw-btn-danger-dark:hover {
  background-color: rgba(
    var(--dnn-color-danger-dark-r),
    var(--dnn-color-danger-dark-g),
    var(--dnn-color-danger-dark-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-danger-dark-r),
    var(--dnn-color-danger-dark-g),
    var(--dnn-color-danger-dark-b),
    0.8
  );
}
.ttw-btn-outline-danger-dark,
a.ttw-btn-outline-danger-dark {
  background-color: transparent;
  border-color: var(--dnn-color-danger-dark, #c51535);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-danger-dark, #c51535);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-danger-dark:focus,
.ttw-btn-outline-danger-dark:hover,
.ttw-btn-reverse-outline-danger-dark
  a.ttw-btn-reverse-outline-danger-dark,
a.ttw-btn-outline-danger-dark:focus,
a.ttw-btn-outline-danger-dark:hover {
  background-color: var(--dnn-color-danger-dark, #c51535);
  border-color: var(--dnn-color-danger-dark, #c51535);
}
.ttw-btn-reverse-outline-danger-dark
  a.ttw-btn-reverse-outline-danger-dark {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-danger-dark
  a.ttw-btn-reverse-outline-danger-dark:focus,
.ttw-btn-reverse-outline-danger-dark
  a.ttw-btn-reverse-outline-danger-dark:hover {
  background-color: transparent;
  border-color: var(--dnn-color-danger-dark, #c51535);
  color: var(--dnn-color-danger-dark, #c51535);
}
.ttw-btn-inverse-danger-dark,
a.ttw-btn-inverse-danger-dark {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-danger-dark, #c51535);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-danger-dark:focus,
.ttw-btn-inverse-danger-dark:hover,
a.ttw-btn-inverse-danger-dark:focus,
a.ttw-btn-inverse-danger-dark:hover {
  background-color: rgba(
    var(--dnn-color-danger-dark-r),
    var(--dnn-color-danger-dark-g),
    var(--dnn-color-danger-dark-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-danger-dark-r),
    var(--dnn-color-danger-dark-g),
    var(--dnn-color-danger-dark-b),
    0.9
  );
  color: "danger-dark";
}
.ttw-btn-danger-dark-r,
a.ttw-btn-danger-dark-r {
  background-color: var(--dnn-color-danger-dark-r, 197);
  border-color: var(--dnn-color-danger-dark-r, 197);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-danger-dark-r:focus,
.ttw-btn-danger-dark-r:hover,
a.ttw-btn-danger-dark-r:focus,
a.ttw-btn-danger-dark-r:hover {
  background-color: rgba(
    var(--dnn-color-danger-dark-r-r),
    var(--dnn-color-danger-dark-r-g),
    var(--dnn-color-danger-dark-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-danger-dark-r-r),
    var(--dnn-color-danger-dark-r-g),
    var(--dnn-color-danger-dark-r-b),
    0.8
  );
}
.ttw-btn-outline-danger-dark-r,
a.ttw-btn-outline-danger-dark-r {
  background-color: transparent;
  border-color: var(--dnn-color-danger-dark-r, 197);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-danger-dark-r, 197);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-danger-dark-r:focus,
.ttw-btn-outline-danger-dark-r:hover,
.ttw-btn-reverse-outline-danger-dark-r
  a.ttw-btn-reverse-outline-danger-dark-r,
a.ttw-btn-outline-danger-dark-r:focus,
a.ttw-btn-outline-danger-dark-r:hover {
  background-color: var(--dnn-color-danger-dark-r, 197);
  border-color: var(--dnn-color-danger-dark-r, 197);
}
.ttw-btn-reverse-outline-danger-dark-r
  a.ttw-btn-reverse-outline-danger-dark-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-danger-dark-r
  a.ttw-btn-reverse-outline-danger-dark-r:focus,
.ttw-btn-reverse-outline-danger-dark-r
  a.ttw-btn-reverse-outline-danger-dark-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-danger-dark-r, 197);
  color: var(--dnn-color-danger-dark-r, 197);
}
.ttw-btn-inverse-danger-dark-r,
a.ttw-btn-inverse-danger-dark-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-danger-dark-r, 197);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-danger-dark-r:focus,
.ttw-btn-inverse-danger-dark-r:hover,
a.ttw-btn-inverse-danger-dark-r:focus,
a.ttw-btn-inverse-danger-dark-r:hover {
  background-color: rgba(
    var(--dnn-color-danger-dark-r-r),
    var(--dnn-color-danger-dark-r-g),
    var(--dnn-color-danger-dark-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-danger-dark-r-r),
    var(--dnn-color-danger-dark-r-g),
    var(--dnn-color-danger-dark-r-b),
    0.9
  );
  color: "danger-dark-r";
}
.ttw-btn-danger-dark-g,
a.ttw-btn-danger-dark-g {
  background-color: var(--dnn-color-danger-dark-g, 21);
  border-color: var(--dnn-color-danger-dark-g, 21);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-danger-dark-g:focus,
.ttw-btn-danger-dark-g:hover,
a.ttw-btn-danger-dark-g:focus,
a.ttw-btn-danger-dark-g:hover {
  background-color: rgba(
    var(--dnn-color-danger-dark-g-r),
    var(--dnn-color-danger-dark-g-g),
    var(--dnn-color-danger-dark-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-danger-dark-g-r),
    var(--dnn-color-danger-dark-g-g),
    var(--dnn-color-danger-dark-g-b),
    0.8
  );
}
.ttw-btn-outline-danger-dark-g,
a.ttw-btn-outline-danger-dark-g {
  background-color: transparent;
  border-color: var(--dnn-color-danger-dark-g, 21);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-danger-dark-g, 21);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-danger-dark-g:focus,
.ttw-btn-outline-danger-dark-g:hover,
.ttw-btn-reverse-outline-danger-dark-g
  a.ttw-btn-reverse-outline-danger-dark-g,
a.ttw-btn-outline-danger-dark-g:focus,
a.ttw-btn-outline-danger-dark-g:hover {
  background-color: var(--dnn-color-danger-dark-g, 21);
  border-color: var(--dnn-color-danger-dark-g, 21);
}
.ttw-btn-reverse-outline-danger-dark-g
  a.ttw-btn-reverse-outline-danger-dark-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-danger-dark-g
  a.ttw-btn-reverse-outline-danger-dark-g:focus,
.ttw-btn-reverse-outline-danger-dark-g
  a.ttw-btn-reverse-outline-danger-dark-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-danger-dark-g, 21);
  color: var(--dnn-color-danger-dark-g, 21);
}
.ttw-btn-inverse-danger-dark-g,
a.ttw-btn-inverse-danger-dark-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-danger-dark-g, 21);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-danger-dark-g:focus,
.ttw-btn-inverse-danger-dark-g:hover,
a.ttw-btn-inverse-danger-dark-g:focus,
a.ttw-btn-inverse-danger-dark-g:hover {
  background-color: rgba(
    var(--dnn-color-danger-dark-g-r),
    var(--dnn-color-danger-dark-g-g),
    var(--dnn-color-danger-dark-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-danger-dark-g-r),
    var(--dnn-color-danger-dark-g-g),
    var(--dnn-color-danger-dark-g-b),
    0.9
  );
  color: "danger-dark-g";
}
.ttw-btn-danger-dark-b,
a.ttw-btn-danger-dark-b {
  background-color: var(--dnn-color-danger-dark-b, 53);
  border-color: var(--dnn-color-danger-dark-b, 53);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-danger-dark-b:focus,
.ttw-btn-danger-dark-b:hover,
a.ttw-btn-danger-dark-b:focus,
a.ttw-btn-danger-dark-b:hover {
  background-color: rgba(
    var(--dnn-color-danger-dark-b-r),
    var(--dnn-color-danger-dark-b-g),
    var(--dnn-color-danger-dark-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-danger-dark-b-r),
    var(--dnn-color-danger-dark-b-g),
    var(--dnn-color-danger-dark-b-b),
    0.8
  );
}
.ttw-btn-outline-danger-dark-b,
a.ttw-btn-outline-danger-dark-b {
  background-color: transparent;
  border-color: var(--dnn-color-danger-dark-b, 53);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-danger-dark-b, 53);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-danger-dark-b:focus,
.ttw-btn-outline-danger-dark-b:hover,
.ttw-btn-reverse-outline-danger-dark-b
  a.ttw-btn-reverse-outline-danger-dark-b,
a.ttw-btn-outline-danger-dark-b:focus,
a.ttw-btn-outline-danger-dark-b:hover {
  background-color: var(--dnn-color-danger-dark-b, 53);
  border-color: var(--dnn-color-danger-dark-b, 53);
}
.ttw-btn-reverse-outline-danger-dark-b
  a.ttw-btn-reverse-outline-danger-dark-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-danger-dark-b
  a.ttw-btn-reverse-outline-danger-dark-b:focus,
.ttw-btn-reverse-outline-danger-dark-b
  a.ttw-btn-reverse-outline-danger-dark-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-danger-dark-b, 53);
  color: var(--dnn-color-danger-dark-b, 53);
}
.ttw-btn-inverse-danger-dark-b,
a.ttw-btn-inverse-danger-dark-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-danger-dark-b, 53);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-danger-dark-b:focus,
.ttw-btn-inverse-danger-dark-b:hover,
a.ttw-btn-inverse-danger-dark-b:focus,
a.ttw-btn-inverse-danger-dark-b:hover {
  background-color: rgba(
    var(--dnn-color-danger-dark-b-r),
    var(--dnn-color-danger-dark-b-g),
    var(--dnn-color-danger-dark-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-danger-dark-b-r),
    var(--dnn-color-danger-dark-b-g),
    var(--dnn-color-danger-dark-b-b),
    0.9
  );
  color: "danger-dark-b";
}
.ttw-btn-danger-contrast,
a.ttw-btn-danger-contrast {
  background-color: var(--dnn-color-danger-contrast, #fff);
  border-color: var(--dnn-color-danger-contrast, #fff);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-danger-contrast:focus,
.ttw-btn-danger-contrast:hover,
a.ttw-btn-danger-contrast:focus,
a.ttw-btn-danger-contrast:hover {
  background-color: rgba(
    var(--dnn-color-danger-contrast-r),
    var(--dnn-color-danger-contrast-g),
    var(--dnn-color-danger-contrast-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-danger-contrast-r),
    var(--dnn-color-danger-contrast-g),
    var(--dnn-color-danger-contrast-b),
    0.8
  );
}
.ttw-btn-outline-danger-contrast,
a.ttw-btn-outline-danger-contrast {
  background-color: transparent;
  border-color: var(--dnn-color-danger-contrast, #fff);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-danger-contrast, #fff);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-danger-contrast:focus,
.ttw-btn-outline-danger-contrast:hover,
.ttw-btn-reverse-outline-danger-contrast
  a.ttw-btn-reverse-outline-danger-contrast,
a.ttw-btn-outline-danger-contrast:focus,
a.ttw-btn-outline-danger-contrast:hover {
  background-color: var(--dnn-color-danger-contrast, #fff);
  border-color: var(--dnn-color-danger-contrast, #fff);
}
.ttw-btn-reverse-outline-danger-contrast
  a.ttw-btn-reverse-outline-danger-contrast {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-danger-contrast
  a.ttw-btn-reverse-outline-danger-contrast:focus,
.ttw-btn-reverse-outline-danger-contrast
  a.ttw-btn-reverse-outline-danger-contrast:hover {
  background-color: transparent;
  border-color: var(--dnn-color-danger-contrast, #fff);
  color: var(--dnn-color-danger-contrast, #fff);
}
.ttw-btn-inverse-danger-contrast,
a.ttw-btn-inverse-danger-contrast {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-danger-contrast, #fff);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-danger-contrast:focus,
.ttw-btn-inverse-danger-contrast:hover,
a.ttw-btn-inverse-danger-contrast:focus,
a.ttw-btn-inverse-danger-contrast:hover {
  background-color: rgba(
    var(--dnn-color-danger-contrast-r),
    var(--dnn-color-danger-contrast-g),
    var(--dnn-color-danger-contrast-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-danger-contrast-r),
    var(--dnn-color-danger-contrast-g),
    var(--dnn-color-danger-contrast-b),
    0.9
  );
  color: "danger-contrast";
}
.ttw-btn-danger-contrast-r,
a.ttw-btn-danger-contrast-r {
  background-color: var(--dnn-color-danger-contrast-r, 255);
  border-color: var(--dnn-color-danger-contrast-r, 255);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-danger-contrast-r:focus,
.ttw-btn-danger-contrast-r:hover,
a.ttw-btn-danger-contrast-r:focus,
a.ttw-btn-danger-contrast-r:hover {
  background-color: rgba(
    var(--dnn-color-danger-contrast-r-r),
    var(--dnn-color-danger-contrast-r-g),
    var(--dnn-color-danger-contrast-r-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-danger-contrast-r-r),
    var(--dnn-color-danger-contrast-r-g),
    var(--dnn-color-danger-contrast-r-b),
    0.8
  );
}
.ttw-btn-outline-danger-contrast-r,
a.ttw-btn-outline-danger-contrast-r {
  background-color: transparent;
  border-color: var(--dnn-color-danger-contrast-r, 255);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-danger-contrast-r, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-danger-contrast-r:focus,
.ttw-btn-outline-danger-contrast-r:hover,
.ttw-btn-reverse-outline-danger-contrast-r
  a.ttw-btn-reverse-outline-danger-contrast-r,
a.ttw-btn-outline-danger-contrast-r:focus,
a.ttw-btn-outline-danger-contrast-r:hover {
  background-color: var(--dnn-color-danger-contrast-r, 255);
  border-color: var(--dnn-color-danger-contrast-r, 255);
}
.ttw-btn-reverse-outline-danger-contrast-r
  a.ttw-btn-reverse-outline-danger-contrast-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-danger-contrast-r
  a.ttw-btn-reverse-outline-danger-contrast-r:focus,
.ttw-btn-reverse-outline-danger-contrast-r
  a.ttw-btn-reverse-outline-danger-contrast-r:hover {
  background-color: transparent;
  border-color: var(--dnn-color-danger-contrast-r, 255);
  color: var(--dnn-color-danger-contrast-r, 255);
}
.ttw-btn-inverse-danger-contrast-r,
a.ttw-btn-inverse-danger-contrast-r {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-danger-contrast-r, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-danger-contrast-r:focus,
.ttw-btn-inverse-danger-contrast-r:hover,
a.ttw-btn-inverse-danger-contrast-r:focus,
a.ttw-btn-inverse-danger-contrast-r:hover {
  background-color: rgba(
    var(--dnn-color-danger-contrast-r-r),
    var(--dnn-color-danger-contrast-r-g),
    var(--dnn-color-danger-contrast-r-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-danger-contrast-r-r),
    var(--dnn-color-danger-contrast-r-g),
    var(--dnn-color-danger-contrast-r-b),
    0.9
  );
  color: "danger-contrast-r";
}
.ttw-btn-danger-contrast-g,
a.ttw-btn-danger-contrast-g {
  background-color: var(--dnn-color-danger-contrast-g, 255);
  border-color: var(--dnn-color-danger-contrast-g, 255);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-danger-contrast-g:focus,
.ttw-btn-danger-contrast-g:hover,
a.ttw-btn-danger-contrast-g:focus,
a.ttw-btn-danger-contrast-g:hover {
  background-color: rgba(
    var(--dnn-color-danger-contrast-g-r),
    var(--dnn-color-danger-contrast-g-g),
    var(--dnn-color-danger-contrast-g-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-danger-contrast-g-r),
    var(--dnn-color-danger-contrast-g-g),
    var(--dnn-color-danger-contrast-g-b),
    0.8
  );
}
.ttw-btn-outline-danger-contrast-g,
a.ttw-btn-outline-danger-contrast-g {
  background-color: transparent;
  border-color: var(--dnn-color-danger-contrast-g, 255);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-danger-contrast-g, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-danger-contrast-g:focus,
.ttw-btn-outline-danger-contrast-g:hover,
.ttw-btn-reverse-outline-danger-contrast-g
  a.ttw-btn-reverse-outline-danger-contrast-g,
a.ttw-btn-outline-danger-contrast-g:focus,
a.ttw-btn-outline-danger-contrast-g:hover {
  background-color: var(--dnn-color-danger-contrast-g, 255);
  border-color: var(--dnn-color-danger-contrast-g, 255);
}
.ttw-btn-reverse-outline-danger-contrast-g
  a.ttw-btn-reverse-outline-danger-contrast-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-danger-contrast-g
  a.ttw-btn-reverse-outline-danger-contrast-g:focus,
.ttw-btn-reverse-outline-danger-contrast-g
  a.ttw-btn-reverse-outline-danger-contrast-g:hover {
  background-color: transparent;
  border-color: var(--dnn-color-danger-contrast-g, 255);
  color: var(--dnn-color-danger-contrast-g, 255);
}
.ttw-btn-inverse-danger-contrast-g,
a.ttw-btn-inverse-danger-contrast-g {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-danger-contrast-g, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-danger-contrast-g:focus,
.ttw-btn-inverse-danger-contrast-g:hover,
a.ttw-btn-inverse-danger-contrast-g:focus,
a.ttw-btn-inverse-danger-contrast-g:hover {
  background-color: rgba(
    var(--dnn-color-danger-contrast-g-r),
    var(--dnn-color-danger-contrast-g-g),
    var(--dnn-color-danger-contrast-g-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-danger-contrast-g-r),
    var(--dnn-color-danger-contrast-g-g),
    var(--dnn-color-danger-contrast-g-b),
    0.9
  );
  color: "danger-contrast-g";
}
.ttw-btn-danger-contrast-b,
a.ttw-btn-danger-contrast-b {
  background-color: var(--dnn-color-danger-contrast-b, 255);
  border-color: var(--dnn-color-danger-contrast-b, 255);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-danger-contrast-b:focus,
.ttw-btn-danger-contrast-b:hover,
a.ttw-btn-danger-contrast-b:focus,
a.ttw-btn-danger-contrast-b:hover {
  background-color: rgba(
    var(--dnn-color-danger-contrast-b-r),
    var(--dnn-color-danger-contrast-b-g),
    var(--dnn-color-danger-contrast-b-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-danger-contrast-b-r),
    var(--dnn-color-danger-contrast-b-g),
    var(--dnn-color-danger-contrast-b-b),
    0.8
  );
}
.ttw-btn-outline-danger-contrast-b,
a.ttw-btn-outline-danger-contrast-b {
  background-color: transparent;
  border-color: var(--dnn-color-danger-contrast-b, 255);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-danger-contrast-b, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-danger-contrast-b:focus,
.ttw-btn-outline-danger-contrast-b:hover,
.ttw-btn-reverse-outline-danger-contrast-b
  a.ttw-btn-reverse-outline-danger-contrast-b,
a.ttw-btn-outline-danger-contrast-b:focus,
a.ttw-btn-outline-danger-contrast-b:hover {
  background-color: var(--dnn-color-danger-contrast-b, 255);
  border-color: var(--dnn-color-danger-contrast-b, 255);
}
.ttw-btn-reverse-outline-danger-contrast-b
  a.ttw-btn-reverse-outline-danger-contrast-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-danger-contrast-b
  a.ttw-btn-reverse-outline-danger-contrast-b:focus,
.ttw-btn-reverse-outline-danger-contrast-b
  a.ttw-btn-reverse-outline-danger-contrast-b:hover {
  background-color: transparent;
  border-color: var(--dnn-color-danger-contrast-b, 255);
  color: var(--dnn-color-danger-contrast-b, 255);
}
.ttw-btn-inverse-danger-contrast-b,
a.ttw-btn-inverse-danger-contrast-b {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-danger-contrast-b, 255);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-danger-contrast-b:focus,
.ttw-btn-inverse-danger-contrast-b:hover,
a.ttw-btn-inverse-danger-contrast-b:focus,
a.ttw-btn-inverse-danger-contrast-b:hover {
  background-color: rgba(
    var(--dnn-color-danger-contrast-b-r),
    var(--dnn-color-danger-contrast-b-g),
    var(--dnn-color-danger-contrast-b-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-danger-contrast-b-r),
    var(--dnn-color-danger-contrast-b-g),
    var(--dnn-color-danger-contrast-b-b),
    0.9
  );
  color: "danger-contrast-b";
}
.ttw-btn-variation-opacity,
a.ttw-btn-variation-opacity {
  background-color: var(--dnn-color-variation-opacity, 0.8);
  border-color: var(--dnn-color-variation-opacity, 0.8);
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-variation-opacity:focus,
.ttw-btn-variation-opacity:hover,
a.ttw-btn-variation-opacity:focus,
a.ttw-btn-variation-opacity:hover {
  background-color: rgba(
    var(--dnn-color-variation-opacity-r),
    var(--dnn-color-variation-opacity-g),
    var(--dnn-color-variation-opacity-b),
    0.8
  );
  border-color: rgba(
    var(--dnn-color-variation-opacity-r),
    var(--dnn-color-variation-opacity-g),
    var(--dnn-color-variation-opacity-b),
    0.8
  );
}
.ttw-btn-outline-variation-opacity,
a.ttw-btn-outline-variation-opacity {
  background-color: transparent;
  border-color: var(--dnn-color-variation-opacity, 0.8);
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-variation-opacity, 0.8);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-outline-variation-opacity:focus,
.ttw-btn-outline-variation-opacity:hover,
.ttw-btn-reverse-outline-variation-opacity
  a.ttw-btn-reverse-outline-variation-opacity,
a.ttw-btn-outline-variation-opacity:focus,
a.ttw-btn-outline-variation-opacity:hover {
  background-color: var(--dnn-color-variation-opacity, 0.8);
  border-color: var(--dnn-color-variation-opacity, 0.8);
}
.ttw-btn-reverse-outline-variation-opacity
  a.ttw-btn-reverse-outline-variation-opacity {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-reverse-outline-variation-opacity
  a.ttw-btn-reverse-outline-variation-opacity:focus,
.ttw-btn-reverse-outline-variation-opacity
  a.ttw-btn-reverse-outline-variation-opacity:hover {
  background-color: transparent;
  border-color: var(--dnn-color-variation-opacity, 0.8);
  color: var(--dnn-color-variation-opacity, 0.8);
}
.ttw-btn-inverse-variation-opacity,
a.ttw-btn-inverse-variation-opacity {
  background-image: none;
  border-radius: var(--dnn-controls-radius, 0);
  color: var(--dnn-color-variation-opacity, 0.8);
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--dnn-controls-padding, 0.5rem) * 1.25)
    calc(var(--dnn-controls-padding, 0.5rem) * 4);
}
.ttw-btn-inverse-variation-opacity:focus,
.ttw-btn-inverse-variation-opacity:hover,
a.ttw-btn-inverse-variation-opacity:focus,
a.ttw-btn-inverse-variation-opacity:hover {
  background-color: rgba(
    var(--dnn-color-variation-opacity-r),
    var(--dnn-color-variation-opacity-g),
    var(--dnn-color-variation-opacity-b),
    0.9
  );
  border-color: rgba(
    var(--dnn-color-variation-opacity-r),
    var(--dnn-color-variation-opacity-g),
    var(--dnn-color-variation-opacity-b),
    0.9
  );
  color: "variation-opacity";
}
.ttw-title-wrapper {
  margin-top: 1rem;
}
.ttw-title-wrapper h5 {
  margin-left: 2rem;
}
.ttw-content-pane .ttw-title-wrapper h5 {
  margin-left: 0;
}
#personaBar-iframe {
  box-shadow: 0 0 10px #000;
}
.ttw-w-0 {
  width: 0;
}
@media (min-width: 0px) {
  .ttw-w-xs-0 {
    width: 0 !important;
  }
}
@media (min-width: 576px) {
  .ttw-w-sm-0 {
    width: 0 !important;
  }
}
@media (min-width: 768px) {
  .ttw-w-md-0 {
    width: 0 !important;
  }
}
@media (min-width: 992px) {
  .ttw-w-lg-0 {
    width: 0 !important;
  }
}
@media (min-width: 1200px) {
  .ttw-w-xl-0 {
    width: 0 !important;
  }
}
.ttw-w-25 {
  width: 25%;
}
@media (min-width: 0px) {
  .ttw-w-xs-25 {
    width: 25% !important;
  }
}
@media (min-width: 576px) {
  .ttw-w-sm-25 {
    width: 25% !important;
  }
}
@media (min-width: 768px) {
  .ttw-w-md-25 {
    width: 25% !important;
  }
}
@media (min-width: 992px) {
  .ttw-w-lg-25 {
    width: 25% !important;
  }
}
@media (min-width: 1200px) {
  .ttw-w-xl-25 {
    width: 25% !important;
  }
}
.ttw-w-50 {
  width: 50%;
}
@media (min-width: 0px) {
  .ttw-w-xs-50 {
    width: 50% !important;
  }
}
@media (min-width: 576px) {
  .ttw-w-sm-50 {
    width: 50% !important;
  }
}
@media (min-width: 768px) {
  .ttw-w-md-50 {
    width: 50% !important;
  }
}
@media (min-width: 992px) {
  .ttw-w-lg-50 {
    width: 50% !important;
  }
}
@media (min-width: 1200px) {
  .ttw-w-xl-50 {
    width: 50% !important;
  }
}
.ttw-w-75 {
  width: 75%;
}
@media (min-width: 0px) {
  .ttw-w-xs-75 {
    width: 75% !important;
  }
}
@media (min-width: 576px) {
  .ttw-w-sm-75 {
    width: 75% !important;
  }
}
@media (min-width: 768px) {
  .ttw-w-md-75 {
    width: 75% !important;
  }
}
@media (min-width: 992px) {
  .ttw-w-lg-75 {
    width: 75% !important;
  }
}
@media (min-width: 1200px) {
  .ttw-w-xl-75 {
    width: 75% !important;
  }
}
.ttw-w-100 {
  width: 100%;
}
@media (min-width: 0px) {
  .ttw-w-xs-100 {
    width: 100% !important;
  }
}
@media (min-width: 576px) {
  .ttw-w-sm-100 {
    width: 100% !important;
  }
}
@media (min-width: 768px) {
  .ttw-w-md-100 {
    width: 100% !important;
  }
}
@media (min-width: 992px) {
  .ttw-w-lg-100 {
    width: 100% !important;
  }
}
@media (min-width: 1200px) {
  .ttw-w-xl-100 {
    width: 100% !important;
  }
}
.ttw-w-auto {
  width: auto;
}
@media (min-width: 0px) {
  .ttw-w-xs-auto {
    width: auto !important;
  }
}
@media (min-width: 576px) {
  .ttw-w-sm-auto {
    width: auto !important;
  }
}
@media (min-width: 768px) {
  .ttw-w-md-auto {
    width: auto !important;
  }
}
@media (min-width: 992px) {
  .ttw-w-lg-auto {
    width: auto !important;
  }
}
@media (min-width: 1200px) {
  .ttw-w-xl-auto {
    width: auto !important;
  }
}
.ttw-h-0 {
  height: 0;
}
@media (min-width: 0px) {
  .ttw-h-xs-0 {
    height: 0 !important;
  }
}
@media (min-width: 576px) {
  .ttw-h-sm-0 {
    height: 0 !important;
  }
}
@media (min-width: 768px) {
  .ttw-h-md-0 {
    height: 0 !important;
  }
}
@media (min-width: 992px) {
  .ttw-h-lg-0 {
    height: 0 !important;
  }
}
@media (min-width: 1200px) {
  .ttw-h-xl-0 {
    height: 0 !important;
  }
}
.ttw-h-25 {
  height: 25%;
}
@media (min-width: 0px) {
  .ttw-h-xs-25 {
    height: 25% !important;
  }
}
@media (min-width: 576px) {
  .ttw-h-sm-25 {
    height: 25% !important;
  }
}
@media (min-width: 768px) {
  .ttw-h-md-25 {
    height: 25% !important;
  }
}
@media (min-width: 992px) {
  .ttw-h-lg-25 {
    height: 25% !important;
  }
}
@media (min-width: 1200px) {
  .ttw-h-xl-25 {
    height: 25% !important;
  }
}
.ttw-h-50 {
  height: 50%;
}
@media (min-width: 0px) {
  .ttw-h-xs-50 {
    height: 50% !important;
  }
}
@media (min-width: 576px) {
  .ttw-h-sm-50 {
    height: 50% !important;
  }
}
@media (min-width: 768px) {
  .ttw-h-md-50 {
    height: 50% !important;
  }
}
@media (min-width: 992px) {
  .ttw-h-lg-50 {
    height: 50% !important;
  }
}
@media (min-width: 1200px) {
  .ttw-h-xl-50 {
    height: 50% !important;
  }
}
.ttw-h-75 {
  height: 75%;
}
@media (min-width: 0px) {
  .ttw-h-xs-75 {
    height: 75% !important;
  }
}
@media (min-width: 576px) {
  .ttw-h-sm-75 {
    height: 75% !important;
  }
}
@media (min-width: 768px) {
  .ttw-h-md-75 {
    height: 75% !important;
  }
}
@media (min-width: 992px) {
  .ttw-h-lg-75 {
    height: 75% !important;
  }
}
@media (min-width: 1200px) {
  .ttw-h-xl-75 {
    height: 75% !important;
  }
}
.ttw-h-100 {
  height: 100%;
}
@media (min-width: 0px) {
  .ttw-h-xs-100 {
    height: 100% !important;
  }
}
@media (min-width: 576px) {
  .ttw-h-sm-100 {
    height: 100% !important;
  }
}
@media (min-width: 768px) {
  .ttw-h-md-100 {
    height: 100% !important;
  }
}
@media (min-width: 992px) {
  .ttw-h-lg-100 {
    height: 100% !important;
  }
}
@media (min-width: 1200px) {
  .ttw-h-xl-100 {
    height: 100% !important;
  }
}
.ttw-h-auto {
  height: auto;
}
@media (min-width: 0px) {
  .ttw-h-xs-auto {
    height: auto !important;
  }
}
@media (min-width: 576px) {
  .ttw-h-sm-auto {
    height: auto !important;
  }
}
@media (min-width: 768px) {
  .ttw-h-md-auto {
    height: auto !important;
  }
}
@media (min-width: 992px) {
  .ttw-h-lg-auto {
    height: auto !important;
  }
}
@media (min-width: 1200px) {
  .ttw-h-xl-auto {
    height: auto !important;
  }
}
.ttw-min-w-0 {
  min-width: 0;
}
@media (min-width: 0px) {
  .ttw-min-w-xs-0 {
    min-width: 0 !important;
  }
}
@media (min-width: 576px) {
  .ttw-min-w-sm-0 {
    min-width: 0 !important;
  }
}
@media (min-width: 768px) {
  .ttw-min-w-md-0 {
    min-width: 0 !important;
  }
}
@media (min-width: 992px) {
  .ttw-min-w-lg-0 {
    min-width: 0 !important;
  }
}
@media (min-width: 1200px) {
  .ttw-min-w-xl-0 {
    min-width: 0 !important;
  }
}
.ttw-min-w-25 {
  min-width: 25%;
}
@media (min-width: 0px) {
  .ttw-min-w-xs-25 {
    min-width: 25% !important;
  }
}
@media (min-width: 576px) {
  .ttw-min-w-sm-25 {
    min-width: 25% !important;
  }
}
@media (min-width: 768px) {
  .ttw-min-w-md-25 {
    min-width: 25% !important;
  }
}
@media (min-width: 992px) {
  .ttw-min-w-lg-25 {
    min-width: 25% !important;
  }
}
@media (min-width: 1200px) {
  .ttw-min-w-xl-25 {
    min-width: 25% !important;
  }
}
.ttw-min-w-50 {
  min-width: 50%;
}
@media (min-width: 0px) {
  .ttw-min-w-xs-50 {
    min-width: 50% !important;
  }
}
@media (min-width: 576px) {
  .ttw-min-w-sm-50 {
    min-width: 50% !important;
  }
}
@media (min-width: 768px) {
  .ttw-min-w-md-50 {
    min-width: 50% !important;
  }
}
@media (min-width: 992px) {
  .ttw-min-w-lg-50 {
    min-width: 50% !important;
  }
}
@media (min-width: 1200px) {
  .ttw-min-w-xl-50 {
    min-width: 50% !important;
  }
}
.ttw-min-w-75 {
  min-width: 75%;
}
@media (min-width: 0px) {
  .ttw-min-w-xs-75 {
    min-width: 75% !important;
  }
}
@media (min-width: 576px) {
  .ttw-min-w-sm-75 {
    min-width: 75% !important;
  }
}
@media (min-width: 768px) {
  .ttw-min-w-md-75 {
    min-width: 75% !important;
  }
}
@media (min-width: 992px) {
  .ttw-min-w-lg-75 {
    min-width: 75% !important;
  }
}
@media (min-width: 1200px) {
  .ttw-min-w-xl-75 {
    min-width: 75% !important;
  }
}
.ttw-min-w-100 {
  min-width: 100%;
}
@media (min-width: 0px) {
  .ttw-min-w-xs-100 {
    min-width: 100% !important;
  }
}
@media (min-width: 576px) {
  .ttw-min-w-sm-100 {
    min-width: 100% !important;
  }
}
@media (min-width: 768px) {
  .ttw-min-w-md-100 {
    min-width: 100% !important;
  }
}
@media (min-width: 992px) {
  .ttw-min-w-lg-100 {
    min-width: 100% !important;
  }
}
@media (min-width: 1200px) {
  .ttw-min-w-xl-100 {
    min-width: 100% !important;
  }
}
.ttw-min-w-auto {
  min-width: auto;
}
@media (min-width: 0px) {
  .ttw-min-w-xs-auto {
    min-width: auto !important;
  }
}
@media (min-width: 576px) {
  .ttw-min-w-sm-auto {
    min-width: auto !important;
  }
}
@media (min-width: 768px) {
  .ttw-min-w-md-auto {
    min-width: auto !important;
  }
}
@media (min-width: 992px) {
  .ttw-min-w-lg-auto {
    min-width: auto !important;
  }
}
@media (min-width: 1200px) {
  .ttw-min-w-xl-auto {
    min-width: auto !important;
  }
}
.ttw-min-h-0 {
  min-height: 0;
}
@media (min-width: 0px) {
  .ttw-min-h-xs-0 {
    min-height: 0 !important;
  }
}
@media (min-width: 576px) {
  .ttw-min-h-sm-0 {
    min-height: 0 !important;
  }
}
@media (min-width: 768px) {
  .ttw-min-h-md-0 {
    min-height: 0 !important;
  }
}
@media (min-width: 992px) {
  .ttw-min-h-lg-0 {
    min-height: 0 !important;
  }
}
@media (min-width: 1200px) {
  .ttw-min-h-xl-0 {
    min-height: 0 !important;
  }
}
.ttw-min-h-25 {
  min-height: 25%;
}
@media (min-width: 0px) {
  .ttw-min-h-xs-25 {
    min-height: 25% !important;
  }
}
@media (min-width: 576px) {
  .ttw-min-h-sm-25 {
    min-height: 25% !important;
  }
}
@media (min-width: 768px) {
  .ttw-min-h-md-25 {
    min-height: 25% !important;
  }
}
@media (min-width: 992px) {
  .ttw-min-h-lg-25 {
    min-height: 25% !important;
  }
}
@media (min-width: 1200px) {
  .ttw-min-h-xl-25 {
    min-height: 25% !important;
  }
}
.ttw-min-h-50 {
  min-height: 50%;
}
@media (min-width: 0px) {
  .ttw-min-h-xs-50 {
    min-height: 50% !important;
  }
}
@media (min-width: 576px) {
  .ttw-min-h-sm-50 {
    min-height: 50% !important;
  }
}
@media (min-width: 768px) {
  .ttw-min-h-md-50 {
    min-height: 50% !important;
  }
}
@media (min-width: 992px) {
  .ttw-min-h-lg-50 {
    min-height: 50% !important;
  }
}
@media (min-width: 1200px) {
  .ttw-min-h-xl-50 {
    min-height: 50% !important;
  }
}
.ttw-min-h-75 {
  min-height: 75%;
}
@media (min-width: 0px) {
  .ttw-min-h-xs-75 {
    min-height: 75% !important;
  }
}
@media (min-width: 576px) {
  .ttw-min-h-sm-75 {
    min-height: 75% !important;
  }
}
@media (min-width: 768px) {
  .ttw-min-h-md-75 {
    min-height: 75% !important;
  }
}
@media (min-width: 992px) {
  .ttw-min-h-lg-75 {
    min-height: 75% !important;
  }
}
@media (min-width: 1200px) {
  .ttw-min-h-xl-75 {
    min-height: 75% !important;
  }
}
.ttw-min-h-100 {
  min-height: 100%;
}
@media (min-width: 0px) {
  .ttw-min-h-xs-100 {
    min-height: 100% !important;
  }
}
@media (min-width: 576px) {
  .ttw-min-h-sm-100 {
    min-height: 100% !important;
  }
}
@media (min-width: 768px) {
  .ttw-min-h-md-100 {
    min-height: 100% !important;
  }
}
@media (min-width: 992px) {
  .ttw-min-h-lg-100 {
    min-height: 100% !important;
  }
}
@media (min-width: 1200px) {
  .ttw-min-h-xl-100 {
    min-height: 100% !important;
  }
}
.ttw-min-h-auto {
  min-height: auto;
}
@media (min-width: 0px) {
  .ttw-min-h-xs-auto {
    min-height: auto !important;
  }
}
@media (min-width: 576px) {
  .ttw-min-h-sm-auto {
    min-height: auto !important;
  }
}
@media (min-width: 768px) {
  .ttw-min-h-md-auto {
    min-height: auto !important;
  }
}
@media (min-width: 992px) {
  .ttw-min-h-lg-auto {
    min-height: auto !important;
  }
}
@media (min-width: 1200px) {
  .ttw-min-h-xl-auto {
    min-height: auto !important;
  }
}
.ttw-max-w-0 {
  max-width: 0;
}
@media (min-width: 0px) {
  .ttw-max-w-xs-0 {
    max-width: 0 !important;
  }
}
@media (min-width: 576px) {
  .ttw-max-w-sm-0 {
    max-width: 0 !important;
  }
}
@media (min-width: 768px) {
  .ttw-max-w-md-0 {
    max-width: 0 !important;
  }
}
@media (min-width: 992px) {
  .ttw-max-w-lg-0 {
    max-width: 0 !important;
  }
}
@media (min-width: 1200px) {
  .ttw-max-w-xl-0 {
    max-width: 0 !important;
  }
}
.ttw-max-w-25 {
  max-width: 25%;
}
@media (min-width: 0px) {
  .ttw-max-w-xs-25 {
    max-width: 25% !important;
  }
}
@media (min-width: 576px) {
  .ttw-max-w-sm-25 {
    max-width: 25% !important;
  }
}
@media (min-width: 768px) {
  .ttw-max-w-md-25 {
    max-width: 25% !important;
  }
}
@media (min-width: 992px) {
  .ttw-max-w-lg-25 {
    max-width: 25% !important;
  }
}
@media (min-width: 1200px) {
  .ttw-max-w-xl-25 {
    max-width: 25% !important;
  }
}
.ttw-max-w-50 {
  max-width: 50%;
}
@media (min-width: 0px) {
  .ttw-max-w-xs-50 {
    max-width: 50% !important;
  }
}
@media (min-width: 576px) {
  .ttw-max-w-sm-50 {
    max-width: 50% !important;
  }
}
@media (min-width: 768px) {
  .ttw-max-w-md-50 {
    max-width: 50% !important;
  }
}
@media (min-width: 992px) {
  .ttw-max-w-lg-50 {
    max-width: 50% !important;
  }
}
@media (min-width: 1200px) {
  .ttw-max-w-xl-50 {
    max-width: 50% !important;
  }
}
.ttw-max-w-75 {
  max-width: 75%;
}
@media (min-width: 0px) {
  .ttw-max-w-xs-75 {
    max-width: 75% !important;
  }
}
@media (min-width: 576px) {
  .ttw-max-w-sm-75 {
    max-width: 75% !important;
  }
}
@media (min-width: 768px) {
  .ttw-max-w-md-75 {
    max-width: 75% !important;
  }
}
@media (min-width: 992px) {
  .ttw-max-w-lg-75 {
    max-width: 75% !important;
  }
}
@media (min-width: 1200px) {
  .ttw-max-w-xl-75 {
    max-width: 75% !important;
  }
}
.ttw-max-w-100 {
  max-width: 100%;
}
@media (min-width: 0px) {
  .ttw-max-w-xs-100 {
    max-width: 100% !important;
  }
}
@media (min-width: 576px) {
  .ttw-max-w-sm-100 {
    max-width: 100% !important;
  }
}
@media (min-width: 768px) {
  .ttw-max-w-md-100 {
    max-width: 100% !important;
  }
}
@media (min-width: 992px) {
  .ttw-max-w-lg-100 {
    max-width: 100% !important;
  }
}
@media (min-width: 1200px) {
  .ttw-max-w-xl-100 {
    max-width: 100% !important;
  }
}
.ttw-max-w-auto {
  max-width: auto;
}
@media (min-width: 0px) {
  .ttw-max-w-xs-auto {
    max-width: auto !important;
  }
}
@media (min-width: 576px) {
  .ttw-max-w-sm-auto {
    max-width: auto !important;
  }
}
@media (min-width: 768px) {
  .ttw-max-w-md-auto {
    max-width: auto !important;
  }
}
@media (min-width: 992px) {
  .ttw-max-w-lg-auto {
    max-width: auto !important;
  }
}
@media (min-width: 1200px) {
  .ttw-max-w-xl-auto {
    max-width: auto !important;
  }
}
.ttw-max-h-0 {
  max-height: 0;
}
@media (min-width: 0px) {
  .ttw-max-h-xs-0 {
    max-height: 0 !important;
  }
}
@media (min-width: 576px) {
  .ttw-max-h-sm-0 {
    max-height: 0 !important;
  }
}
@media (min-width: 768px) {
  .ttw-max-h-md-0 {
    max-height: 0 !important;
  }
}
@media (min-width: 992px) {
  .ttw-max-h-lg-0 {
    max-height: 0 !important;
  }
}
@media (min-width: 1200px) {
  .ttw-max-h-xl-0 {
    max-height: 0 !important;
  }
}
.ttw-max-h-25 {
  max-height: 25%;
}
@media (min-width: 0px) {
  .ttw-max-h-xs-25 {
    max-height: 25% !important;
  }
}
@media (min-width: 576px) {
  .ttw-max-h-sm-25 {
    max-height: 25% !important;
  }
}
@media (min-width: 768px) {
  .ttw-max-h-md-25 {
    max-height: 25% !important;
  }
}
@media (min-width: 992px) {
  .ttw-max-h-lg-25 {
    max-height: 25% !important;
  }
}
@media (min-width: 1200px) {
  .ttw-max-h-xl-25 {
    max-height: 25% !important;
  }
}
.ttw-max-h-50 {
  max-height: 50%;
}
@media (min-width: 0px) {
  .ttw-max-h-xs-50 {
    max-height: 50% !important;
  }
}
@media (min-width: 576px) {
  .ttw-max-h-sm-50 {
    max-height: 50% !important;
  }
}
@media (min-width: 768px) {
  .ttw-max-h-md-50 {
    max-height: 50% !important;
  }
}
@media (min-width: 992px) {
  .ttw-max-h-lg-50 {
    max-height: 50% !important;
  }
}
@media (min-width: 1200px) {
  .ttw-max-h-xl-50 {
    max-height: 50% !important;
  }
}
.ttw-max-h-75 {
  max-height: 75%;
}
@media (min-width: 0px) {
  .ttw-max-h-xs-75 {
    max-height: 75% !important;
  }
}
@media (min-width: 576px) {
  .ttw-max-h-sm-75 {
    max-height: 75% !important;
  }
}
@media (min-width: 768px) {
  .ttw-max-h-md-75 {
    max-height: 75% !important;
  }
}
@media (min-width: 992px) {
  .ttw-max-h-lg-75 {
    max-height: 75% !important;
  }
}
@media (min-width: 1200px) {
  .ttw-max-h-xl-75 {
    max-height: 75% !important;
  }
}
.ttw-max-h-100 {
  max-height: 100%;
}
@media (min-width: 0px) {
  .ttw-max-h-xs-100 {
    max-height: 100% !important;
  }
}
@media (min-width: 576px) {
  .ttw-max-h-sm-100 {
    max-height: 100% !important;
  }
}
@media (min-width: 768px) {
  .ttw-max-h-md-100 {
    max-height: 100% !important;
  }
}
@media (min-width: 992px) {
  .ttw-max-h-lg-100 {
    max-height: 100% !important;
  }
}
@media (min-width: 1200px) {
  .ttw-max-h-xl-100 {
    max-height: 100% !important;
  }
}
.ttw-max-h-auto {
  max-height: auto;
}
@media (min-width: 0px) {
  .ttw-max-h-xs-auto {
    max-height: auto !important;
  }
}
@media (min-width: 576px) {
  .ttw-max-h-sm-auto {
    max-height: auto !important;
  }
}
@media (min-width: 768px) {
  .ttw-max-h-md-auto {
    max-height: auto !important;
  }
}
@media (min-width: 992px) {
  .ttw-max-h-lg-auto {
    max-height: auto !important;
  }
}
@media (min-width: 1200px) {
  .ttw-max-h-xl-auto {
    max-height: auto !important;
  }
}
.ttw-d-none {
  display: none;
}
@media (min-width: 0px) {
  .ttw-d-xs-none {
    display: none !important;
  }
}
@media (min-width: 576px) {
  .ttw-d-sm-none {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .ttw-d-md-none {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .ttw-d-lg-none {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .ttw-d-xl-none {
    display: none !important;
  }
}
.ttw-d-inline {
  display: inline;
}
@media (min-width: 0px) {
  .ttw-d-xs-inline {
    display: inline !important;
  }
}
@media (min-width: 576px) {
  .ttw-d-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) {
  .ttw-d-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) {
  .ttw-d-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .ttw-d-xl-inline {
    display: inline !important;
  }
}
.ttw-d-block {
  display: block;
}
@media (min-width: 0px) {
  .ttw-d-xs-block {
    display: block !important;
  }
}
@media (min-width: 576px) {
  .ttw-d-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) {
  .ttw-d-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .ttw-d-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .ttw-d-xl-block {
    display: block !important;
  }
}
.ttw-d-inline-block {
  display: inline-block;
}
@media (min-width: 0px) {
  .ttw-d-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 576px) {
  .ttw-d-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) {
  .ttw-d-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .ttw-d-lg-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .ttw-d-xl-inline-block {
    display: inline-block !important;
  }
}
.ttw-d-flex {
  display: flex;
}
@media (min-width: 0px) {
  .ttw-d-xs-flex {
    display: flex !important;
  }
}
@media (min-width: 576px) {
  .ttw-d-sm-flex {
    display: flex !important;
  }
}
@media (min-width: 768px) {
  .ttw-d-md-flex {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .ttw-d-lg-flex {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .ttw-d-xl-flex {
    display: flex !important;
  }
}
.ttw-d-inline-flex {
  display: inline-flex;
}
@media (min-width: 0px) {
  .ttw-d-xs-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 576px) {
  .ttw-d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .ttw-d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .ttw-d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .ttw-d-xl-inline-flex {
    display: inline-flex !important;
  }
}
.ttw-divider {
  background-image: url(/portals/0/images/banner-bottom.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 3rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
@media (min-width: 0px) {
  .ttw-flex-xs-row {
    flex-direction: row !important;
  }
}
@media (min-width: 576px) {
  .ttw-flex-sm-row {
    flex-direction: row !important;
  }
}
@media (min-width: 768px) {
  .ttw-flex-md-row {
    flex-direction: row !important;
  }
}
@media (min-width: 992px) {
  .ttw-flex-lg-row {
    flex-direction: row !important;
  }
}
@media (min-width: 1200px) {
  .ttw-flex-xl-row {
    flex-direction: row !important;
  }
}
.ttw-flex-row {
  flex-direction: row;
}
@media (min-width: 0px) {
  .ttw-flex-xs-column {
    flex-direction: column !important;
  }
}
@media (min-width: 576px) {
  .ttw-flex-sm-column {
    flex-direction: column !important;
  }
}
@media (min-width: 768px) {
  .ttw-flex-md-column {
    flex-direction: column !important;
  }
}
@media (min-width: 992px) {
  .ttw-flex-lg-column {
    flex-direction: column !important;
  }
}
@media (min-width: 1200px) {
  .ttw-flex-xl-column {
    flex-direction: column !important;
  }
}
.ttw-flex-column {
  flex-direction: column;
}
@media (min-width: 0px) {
  .ttw-flex-xs-wrap {
    flex-wrap: wrap !important;
  }
}
@media (min-width: 576px) {
  .ttw-flex-sm-wrap {
    flex-wrap: wrap !important;
  }
}
@media (min-width: 768px) {
  .ttw-flex-md-wrap {
    flex-wrap: wrap !important;
  }
}
@media (min-width: 992px) {
  .ttw-flex-lg-wrap {
    flex-wrap: wrap !important;
  }
}
@media (min-width: 1200px) {
  .ttw-flex-xl-wrap {
    flex-wrap: wrap !important;
  }
}
.ttw-flex-wrap {
  flex-wrap: wrap;
}
@media (min-width: 0px) {
  .ttw-flex-xs-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media (min-width: 576px) {
  .ttw-flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media (min-width: 768px) {
  .ttw-flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media (min-width: 992px) {
  .ttw-flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media (min-width: 1200px) {
  .ttw-flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
}
.ttw-flex-nowrap {
  flex-wrap: nowrap;
}
@media (min-width: 0px) {
  .ttw-flex-wrap-xs-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media (min-width: 576px) {
  .ttw-flex-wrap-sm-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media (min-width: 768px) {
  .ttw-flex-wrap-md-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media (min-width: 992px) {
  .ttw-flex-wrap-lg-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media (min-width: 1200px) {
  .ttw-flex-wrap-xl-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
.ttw-flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
@media (min-width: 0px) {
  .ttw-flex-grow-xs-0 {
    flex-grow: 0 !important;
  }
}
@media (min-width: 576px) {
  .ttw-flex-grow-sm-0 {
    flex-grow: 0 !important;
  }
}
@media (min-width: 768px) {
  .ttw-flex-grow-md-0 {
    flex-grow: 0 !important;
  }
}
@media (min-width: 992px) {
  .ttw-flex-grow-lg-0 {
    flex-grow: 0 !important;
  }
}
@media (min-width: 1200px) {
  .ttw-flex-grow-xl-0 {
    flex-grow: 0 !important;
  }
}
.ttw-flex-grow-0 {
  flex-grow: 0;
}
@media (min-width: 0px) {
  .ttw-flex-grow-xs-1 {
    flex-grow: 1 !important;
  }
}
@media (min-width: 576px) {
  .ttw-flex-grow-sm-1 {
    flex-grow: 1 !important;
  }
}
@media (min-width: 768px) {
  .ttw-flex-grow-md-1 {
    flex-grow: 1 !important;
  }
}
@media (min-width: 992px) {
  .ttw-flex-grow-lg-1 {
    flex-grow: 1 !important;
  }
}
@media (min-width: 1200px) {
  .ttw-flex-grow-xl-1 {
    flex-grow: 1 !important;
  }
}
.ttw-flex-grow-1 {
  flex-grow: 1;
}
@media (min-width: 0px) {
  .ttw-flex-shrink-xs-0 {
    flex-shrink: 0 !important;
  }
}
@media (min-width: 576px) {
  .ttw-flex-shrink-sm-0 {
    flex-shrink: 0 !important;
  }
}
@media (min-width: 768px) {
  .ttw-flex-shrink-md-0 {
    flex-shrink: 0 !important;
  }
}
@media (min-width: 992px) {
  .ttw-flex-shrink-lg-0 {
    flex-shrink: 0 !important;
  }
}
@media (min-width: 1200px) {
  .ttw-flex-shrink-xl-0 {
    flex-shrink: 0 !important;
  }
}
.ttw-flex-shrink-0 {
  flex-shrink: 0;
}
@media (min-width: 0px) {
  .ttw-flex-shrink-xs-1 {
    flex-shrink: 1 !important;
  }
}
@media (min-width: 576px) {
  .ttw-flex-shrink-sm-1 {
    flex-shrink: 1 !important;
  }
}
@media (min-width: 768px) {
  .ttw-flex-shrink-md-1 {
    flex-shrink: 1 !important;
  }
}
@media (min-width: 992px) {
  .ttw-flex-shrink-lg-1 {
    flex-shrink: 1 !important;
  }
}
@media (min-width: 1200px) {
  .ttw-flex-shrink-xl-1 {
    flex-shrink: 1 !important;
  }
}
.ttw-flex-shrink-1 {
  flex-shrink: 1;
}
@media (min-width: 0px) {
  .ttw-flex-xs-fill {
    flex: 1 1 auto !important;
  }
}
@media (min-width: 576px) {
  .ttw-flex-sm-fill {
    flex: 1 1 auto !important;
  }
}
@media (min-width: 768px) {
  .ttw-flex-md-fill {
    flex: 1 1 auto !important;
  }
}
@media (min-width: 992px) {
  .ttw-flex-lg-fill {
    flex: 1 1 auto !important;
  }
}
@media (min-width: 1200px) {
  .ttw-flex-xl-fill {
    flex: 1 1 auto !important;
  }
}
.ttw-flex-fill {
  flex: 1 1 auto;
}
@media (min-width: 0px) {
  .ttw-justify-content-xs-start {
    justify-content: flex-start !important;
  }
}
@media (min-width: 576px) {
  .ttw-justify-content-sm-start {
    justify-content: flex-start !important;
  }
}
@media (min-width: 768px) {
  .ttw-justify-content-md-start {
    justify-content: flex-start !important;
  }
}
@media (min-width: 992px) {
  .ttw-justify-content-lg-start {
    justify-content: flex-start !important;
  }
}
@media (min-width: 1200px) {
  .ttw-justify-content-xl-start {
    justify-content: flex-start !important;
  }
}
.ttw-justify-content-start {
  justify-content: flex-start;
}
@media (min-width: 0px) {
  .ttw-justify-content-xs-end {
    justify-content: flex-end !important;
  }
}
@media (min-width: 576px) {
  .ttw-justify-content-sm-end {
    justify-content: flex-end !important;
  }
}
@media (min-width: 768px) {
  .ttw-justify-content-md-end {
    justify-content: flex-end !important;
  }
}
@media (min-width: 992px) {
  .ttw-justify-content-lg-end {
    justify-content: flex-end !important;
  }
}
@media (min-width: 1200px) {
  .ttw-justify-content-xl-end {
    justify-content: flex-end !important;
  }
}
.ttw-justify-content-end {
  justify-content: flex-end;
}
@media (min-width: 0px) {
  .ttw-justify-content-xs-center {
    justify-content: center !important;
  }
}
@media (min-width: 576px) {
  .ttw-justify-content-sm-center {
    justify-content: center !important;
  }
}
@media (min-width: 768px) {
  .ttw-justify-content-md-center {
    justify-content: center !important;
  }
}
@media (min-width: 992px) {
  .ttw-justify-content-lg-center {
    justify-content: center !important;
  }
}
@media (min-width: 1200px) {
  .ttw-justify-content-xl-center {
    justify-content: center !important;
  }
}
.ttw-justify-content-center {
  justify-content: center;
}
@media (min-width: 0px) {
  .ttw-justify-content-xs-between {
    justify-content: space-between !important;
  }
}
@media (min-width: 576px) {
  .ttw-justify-content-sm-between {
    justify-content: space-between !important;
  }
}
@media (min-width: 768px) {
  .ttw-justify-content-md-between {
    justify-content: space-between !important;
  }
}
@media (min-width: 992px) {
  .ttw-justify-content-lg-between {
    justify-content: space-between !important;
  }
}
@media (min-width: 1200px) {
  .ttw-justify-content-xl-between {
    justify-content: space-between !important;
  }
}
.ttw-justify-content-between {
  justify-content: space-between;
}
@media (min-width: 0px) {
  .ttw-justify-content-xs-around {
    justify-content: space-around !important;
  }
}
@media (min-width: 576px) {
  .ttw-justify-content-sm-around {
    justify-content: space-around !important;
  }
}
@media (min-width: 768px) {
  .ttw-justify-content-md-around {
    justify-content: space-around !important;
  }
}
@media (min-width: 992px) {
  .ttw-justify-content-lg-around {
    justify-content: space-around !important;
  }
}
@media (min-width: 1200px) {
  .ttw-justify-content-xl-around {
    justify-content: space-around !important;
  }
}
.ttw-justify-content-around {
  justify-content: space-around;
}
@media (min-width: 0px) {
  .ttw-align-items-xs-start {
    align-items: flex-start !important;
  }
}
@media (min-width: 576px) {
  .ttw-align-items-sm-start {
    align-items: flex-start !important;
  }
}
@media (min-width: 768px) {
  .ttw-align-items-md-start {
    align-items: flex-start !important;
  }
}
@media (min-width: 992px) {
  .ttw-align-items-lg-start {
    align-items: flex-start !important;
  }
}
@media (min-width: 1200px) {
  .ttw-align-items-xl-start {
    align-items: flex-start !important;
  }
}
.ttw-align-items-start {
  align-items: flex-start;
}
@media (min-width: 0px) {
  .ttw-align-items-xs-end {
    align-items: flex-end !important;
  }
}
@media (min-width: 576px) {
  .ttw-align-items-sm-end {
    align-items: flex-end !important;
  }
}
@media (min-width: 768px) {
  .ttw-align-items-md-end {
    align-items: flex-end !important;
  }
}
@media (min-width: 992px) {
  .ttw-align-items-lg-end {
    align-items: flex-end !important;
  }
}
@media (min-width: 1200px) {
  .ttw-align-items-xl-end {
    align-items: flex-end !important;
  }
}
.ttw-align-items-end {
  align-items: flex-end;
}
@media (min-width: 0px) {
  .ttw-align-items-xs-center {
    align-items: center !important;
  }
}
@media (min-width: 576px) {
  .ttw-align-items-sm-center {
    align-items: center !important;
  }
}
@media (min-width: 768px) {
  .ttw-align-items-md-center {
    align-items: center !important;
  }
}
@media (min-width: 992px) {
  .ttw-align-items-lg-center {
    align-items: center !important;
  }
}
@media (min-width: 1200px) {
  .ttw-align-items-xl-center {
    align-items: center !important;
  }
}
.ttw-align-items-center {
  align-items: center;
}
@media (min-width: 0px) {
  .ttw-align-items-xs-baseline {
    align-items: baseline !important;
  }
}
@media (min-width: 576px) {
  .ttw-align-items-sm-baseline {
    align-items: baseline !important;
  }
}
@media (min-width: 768px) {
  .ttw-align-items-md-baseline {
    align-items: baseline !important;
  }
}
@media (min-width: 992px) {
  .ttw-align-items-lg-baseline {
    align-items: baseline !important;
  }
}
@media (min-width: 1200px) {
  .ttw-align-items-xl-baseline {
    align-items: baseline !important;
  }
}
.ttw-align-items-baseline {
  align-items: baseline;
}
@media (min-width: 0px) {
  .ttw-align-items-xs-stretch {
    align-items: stretch !important;
  }
}
@media (min-width: 576px) {
  .ttw-align-items-sm-stretch {
    align-items: stretch !important;
  }
}
@media (min-width: 768px) {
  .ttw-align-items-md-stretch {
    align-items: stretch !important;
  }
}
@media (min-width: 992px) {
  .ttw-align-items-lg-stretch {
    align-items: stretch !important;
  }
}
@media (min-width: 1200px) {
  .ttw-align-items-xl-stretch {
    align-items: stretch !important;
  }
}
.ttw-align-items-stretch {
  align-items: stretch;
}
@media (min-width: 0px) {
  .ttw-align-content-xs-start {
    align-content: flex-start !important;
  }
}
@media (min-width: 576px) {
  .ttw-align-content-sm-start {
    align-content: flex-start !important;
  }
}
@media (min-width: 768px) {
  .ttw-align-content-md-start {
    align-content: flex-start !important;
  }
}
@media (min-width: 992px) {
  .ttw-align-content-lg-start {
    align-content: flex-start !important;
  }
}
@media (min-width: 1200px) {
  .ttw-align-content-xl-start {
    align-content: flex-start !important;
  }
}
.ttw-align-content-start {
  align-content: flex-start;
}
@media (min-width: 0px) {
  .ttw-align-content-xs-end {
    align-content: flex-end !important;
  }
}
@media (min-width: 576px) {
  .ttw-align-content-sm-end {
    align-content: flex-end !important;
  }
}
@media (min-width: 768px) {
  .ttw-align-content-md-end {
    align-content: flex-end !important;
  }
}
@media (min-width: 992px) {
  .ttw-align-content-lg-end {
    align-content: flex-end !important;
  }
}
@media (min-width: 1200px) {
  .ttw-align-content-xl-end {
    align-content: flex-end !important;
  }
}
.ttw-align-content-end {
  align-content: flex-end;
}
@media (min-width: 0px) {
  .ttw-align-content-xs-center {
    align-content: center !important;
  }
}
@media (min-width: 576px) {
  .ttw-align-content-sm-center {
    align-content: center !important;
  }
}
@media (min-width: 768px) {
  .ttw-align-content-md-center {
    align-content: center !important;
  }
}
@media (min-width: 992px) {
  .ttw-align-content-lg-center {
    align-content: center !important;
  }
}
@media (min-width: 1200px) {
  .ttw-align-content-xl-center {
    align-content: center !important;
  }
}
.ttw-align-content-center {
  align-content: center;
}
@media (min-width: 0px) {
  .ttw-align-content-xs-between {
    align-content: space-between !important;
  }
}
@media (min-width: 576px) {
  .ttw-align-content-sm-between {
    align-content: space-between !important;
  }
}
@media (min-width: 768px) {
  .ttw-align-content-md-between {
    align-content: space-between !important;
  }
}
@media (min-width: 992px) {
  .ttw-align-content-lg-between {
    align-content: space-between !important;
  }
}
@media (min-width: 1200px) {
  .ttw-align-content-xl-between {
    align-content: space-between !important;
  }
}
.ttw-align-content-between {
  align-content: space-between;
}
@media (min-width: 0px) {
  .ttw-align-content-xs-around {
    align-content: space-around !important;
  }
}
@media (min-width: 576px) {
  .ttw-align-content-sm-around {
    align-content: space-around !important;
  }
}
@media (min-width: 768px) {
  .ttw-align-content-md-around {
    align-content: space-around !important;
  }
}
@media (min-width: 992px) {
  .ttw-align-content-lg-around {
    align-content: space-around !important;
  }
}
@media (min-width: 1200px) {
  .ttw-align-content-xl-around {
    align-content: space-around !important;
  }
}
.ttw-align-content-around {
  align-content: space-around;
}
@media (min-width: 0px) {
  .ttw-align-content-xs-stretch {
    align-content: stretch !important;
  }
}
@media (min-width: 576px) {
  .ttw-align-content-sm-stretch {
    align-content: stretch !important;
  }
}
@media (min-width: 768px) {
  .ttw-align-content-md-stretch {
    align-content: stretch !important;
  }
}
@media (min-width: 992px) {
  .ttw-align-content-lg-stretch {
    align-content: stretch !important;
  }
}
@media (min-width: 1200px) {
  .ttw-align-content-xl-stretch {
    align-content: stretch !important;
  }
}
.ttw-align-content-stretch {
  align-content: stretch;
}
@media (min-width: 0px) {
  .ttw-align-self-xs-auto {
    align-self: auto !important;
  }
}
@media (min-width: 576px) {
  .ttw-align-self-sm-auto {
    align-self: auto !important;
  }
}
@media (min-width: 768px) {
  .ttw-align-self-md-auto {
    align-self: auto !important;
  }
}
@media (min-width: 992px) {
  .ttw-align-self-lg-auto {
    align-self: auto !important;
  }
}
@media (min-width: 1200px) {
  .ttw-align-self-xl-auto {
    align-self: auto !important;
  }
}
.ttw-align-self-auto {
  align-self: auto;
}
@media (min-width: 0px) {
  .ttw-align-self-xs-start {
    align-self: flex-start !important;
  }
}
@media (min-width: 576px) {
  .ttw-align-self-sm-start {
    align-self: flex-start !important;
  }
}
@media (min-width: 768px) {
  .ttw-align-self-md-start {
    align-self: flex-start !important;
  }
}
@media (min-width: 992px) {
  .ttw-align-self-lg-start {
    align-self: flex-start !important;
  }
}
@media (min-width: 1200px) {
  .ttw-align-self-xl-start {
    align-self: flex-start !important;
  }
}
.ttw-align-self-start {
  align-self: flex-start;
}
@media (min-width: 0px) {
  .ttw-align-self-xs-end {
    align-self: flex-end !important;
  }
}
@media (min-width: 576px) {
  .ttw-align-self-sm-end {
    align-self: flex-end !important;
  }
}
@media (min-width: 768px) {
  .ttw-align-self-md-end {
    align-self: flex-end !important;
  }
}
@media (min-width: 992px) {
  .ttw-align-self-lg-end {
    align-self: flex-end !important;
  }
}
@media (min-width: 1200px) {
  .ttw-align-self-xl-end {
    align-self: flex-end !important;
  }
}
.ttw-align-self-end {
  align-self: flex-end;
}
@media (min-width: 0px) {
  .ttw-align-self-xs-center {
    align-self: center !important;
  }
}
@media (min-width: 576px) {
  .ttw-align-self-sm-center {
    align-self: center !important;
  }
}
@media (min-width: 768px) {
  .ttw-align-self-md-center {
    align-self: center !important;
  }
}
@media (min-width: 992px) {
  .ttw-align-self-lg-center {
    align-self: center !important;
  }
}
@media (min-width: 1200px) {
  .ttw-align-self-xl-center {
    align-self: center !important;
  }
}
.ttw-align-self-center {
  align-self: center;
}
@media (min-width: 0px) {
  .ttw-align-self-xs-baseline {
    align-self: baseline !important;
  }
}
@media (min-width: 576px) {
  .ttw-align-self-sm-baseline {
    align-self: baseline !important;
  }
}
@media (min-width: 768px) {
  .ttw-align-self-md-baseline {
    align-self: baseline !important;
  }
}
@media (min-width: 992px) {
  .ttw-align-self-lg-baseline {
    align-self: baseline !important;
  }
}
@media (min-width: 1200px) {
  .ttw-align-self-xl-baseline {
    align-self: baseline !important;
  }
}
.ttw-align-self-baseline {
  align-self: baseline;
}
@media (min-width: 0px) {
  .ttw-align-self-xs-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 576px) {
  .ttw-align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .ttw-align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .ttw-align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .ttw-align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.ttw-align-self-stretch {
  align-self: stretch;
}
.ttw-gap-0 {
  gap: 0;
}
@media (min-width: 0px) {
  .ttw-gap-xs-0 {
    gap: 0 !important;
  }
}
@media (min-width: 576px) {
  .ttw-gap-sm-0 {
    gap: 0 !important;
  }
}
@media (min-width: 768px) {
  .ttw-gap-md-0 {
    gap: 0 !important;
  }
}
@media (min-width: 992px) {
  .ttw-gap-lg-0 {
    gap: 0 !important;
  }
}
@media (min-width: 1200px) {
  .ttw-gap-xl-0 {
    gap: 0 !important;
  }
}
.ttw-gap-1 {
  gap: 0.25rem;
}
@media (min-width: 0px) {
  .ttw-gap-xs-1 {
    gap: 0.25rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-gap-sm-1 {
    gap: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-gap-md-1 {
    gap: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-gap-lg-1 {
    gap: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-gap-xl-1 {
    gap: 0.25rem !important;
  }
}
.ttw-gap-2 {
  gap: 0.5rem;
}
@media (min-width: 0px) {
  .ttw-gap-xs-2 {
    gap: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-gap-sm-2 {
    gap: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-gap-md-2 {
    gap: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-gap-lg-2 {
    gap: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-gap-xl-2 {
    gap: 0.5rem !important;
  }
}
.ttw-gap-3 {
  gap: 1rem;
}
@media (min-width: 0px) {
  .ttw-gap-xs-3 {
    gap: 1rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-gap-sm-3 {
    gap: 1rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-gap-md-3 {
    gap: 1rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-gap-lg-3 {
    gap: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-gap-xl-3 {
    gap: 1rem !important;
  }
}
.ttw-gap-4 {
  gap: 2.5rem;
}
@media (min-width: 0px) {
  .ttw-gap-xs-4 {
    gap: 2.5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-gap-sm-4 {
    gap: 2.5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-gap-md-4 {
    gap: 2.5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-gap-lg-4 {
    gap: 2.5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-gap-xl-4 {
    gap: 2.5rem !important;
  }
}
.ttw-gap-5 {
  gap: 5rem;
}
@media (min-width: 0px) {
  .ttw-gap-xs-5 {
    gap: 5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-gap-sm-5 {
    gap: 5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-gap-md-5 {
    gap: 5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-gap-lg-5 {
    gap: 5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-gap-xl-5 {
    gap: 5rem !important;
  }
}
.ttw-row-gap-0 {
  row-gap: 0;
}
@media (min-width: 0px) {
  .ttw-row-gap-xs-0 {
    row-gap: 0 !important;
  }
}
@media (min-width: 576px) {
  .ttw-row-gap-sm-0 {
    row-gap: 0 !important;
  }
}
@media (min-width: 768px) {
  .ttw-row-gap-md-0 {
    row-gap: 0 !important;
  }
}
@media (min-width: 992px) {
  .ttw-row-gap-lg-0 {
    row-gap: 0 !important;
  }
}
@media (min-width: 1200px) {
  .ttw-row-gap-xl-0 {
    row-gap: 0 !important;
  }
}
.ttw-row-gap-1 {
  row-gap: 0.25rem;
}
@media (min-width: 0px) {
  .ttw-row-gap-xs-1 {
    row-gap: 0.25rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
}
.ttw-row-gap-2 {
  row-gap: 0.5rem;
}
@media (min-width: 0px) {
  .ttw-row-gap-xs-2 {
    row-gap: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
}
.ttw-row-gap-3 {
  row-gap: 1rem;
}
@media (min-width: 0px) {
  .ttw-row-gap-xs-3 {
    row-gap: 1rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-row-gap-sm-3 {
    row-gap: 1rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-row-gap-md-3 {
    row-gap: 1rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-row-gap-lg-3 {
    row-gap: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-row-gap-xl-3 {
    row-gap: 1rem !important;
  }
}
.ttw-row-gap-4 {
  row-gap: 2.5rem;
}
@media (min-width: 0px) {
  .ttw-row-gap-xs-4 {
    row-gap: 2.5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-row-gap-sm-4 {
    row-gap: 2.5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-row-gap-md-4 {
    row-gap: 2.5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-row-gap-lg-4 {
    row-gap: 2.5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-row-gap-xl-4 {
    row-gap: 2.5rem !important;
  }
}
.ttw-row-gap-5 {
  row-gap: 5rem;
}
@media (min-width: 0px) {
  .ttw-row-gap-xs-5 {
    row-gap: 5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-row-gap-sm-5 {
    row-gap: 5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-row-gap-md-5 {
    row-gap: 5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-row-gap-lg-5 {
    row-gap: 5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-row-gap-xl-5 {
    row-gap: 5rem !important;
  }
}
.ttw-column-gap-0 {
  -moz-column-gap: 0;
  column-gap: 0;
}
@media (min-width: 0px) {
  .ttw-column-gap-xs-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
}
@media (min-width: 576px) {
  .ttw-column-gap-sm-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
}
@media (min-width: 768px) {
  .ttw-column-gap-md-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
}
@media (min-width: 992px) {
  .ttw-column-gap-lg-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
}
@media (min-width: 1200px) {
  .ttw-column-gap-xl-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
}
.ttw-column-gap-1 {
  -moz-column-gap: 0.25rem;
  column-gap: 0.25rem;
}
@media (min-width: 0px) {
  .ttw-column-gap-xs-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-column-gap-sm-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-column-gap-md-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-column-gap-lg-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-column-gap-xl-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
}
.ttw-column-gap-2 {
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
}
@media (min-width: 0px) {
  .ttw-column-gap-xs-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-column-gap-sm-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-column-gap-md-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-column-gap-lg-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-column-gap-xl-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
}
.ttw-column-gap-3 {
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}
@media (min-width: 0px) {
  .ttw-column-gap-xs-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-column-gap-sm-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-column-gap-md-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-column-gap-lg-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-column-gap-xl-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
}
.ttw-column-gap-4 {
  -moz-column-gap: 2.5rem;
  column-gap: 2.5rem;
}
@media (min-width: 0px) {
  .ttw-column-gap-xs-4 {
    -moz-column-gap: 2.5rem !important;
    column-gap: 2.5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-column-gap-sm-4 {
    -moz-column-gap: 2.5rem !important;
    column-gap: 2.5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-column-gap-md-4 {
    -moz-column-gap: 2.5rem !important;
    column-gap: 2.5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-column-gap-lg-4 {
    -moz-column-gap: 2.5rem !important;
    column-gap: 2.5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-column-gap-xl-4 {
    -moz-column-gap: 2.5rem !important;
    column-gap: 2.5rem !important;
  }
}
.ttw-column-gap-5 {
  -moz-column-gap: 5rem;
  column-gap: 5rem;
}
@media (min-width: 0px) {
  .ttw-column-gap-xs-5 {
    -moz-column-gap: 5rem !important;
    column-gap: 5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-column-gap-sm-5 {
    -moz-column-gap: 5rem !important;
    column-gap: 5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-column-gap-md-5 {
    -moz-column-gap: 5rem !important;
    column-gap: 5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-column-gap-lg-5 {
    -moz-column-gap: 5rem !important;
    column-gap: 5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-column-gap-xl-5 {
    -moz-column-gap: 5rem !important;
    column-gap: 5rem !important;
  }
}
.ttw-img-fluid {
  height: auto;
  max-width: 100%;
}
.ttw-m-0 {
  margin: 0;
}
@media (min-width: 0px) {
  .ttw-m-xs-0 {
    margin: 0 !important;
  }
}
@media (min-width: 576px) {
  .ttw-m-sm-0 {
    margin: 0 !important;
  }
}
@media (min-width: 768px) {
  .ttw-m-md-0 {
    margin: 0 !important;
  }
}
@media (min-width: 992px) {
  .ttw-m-lg-0 {
    margin: 0 !important;
  }
}
@media (min-width: 1200px) {
  .ttw-m-xl-0 {
    margin: 0 !important;
  }
}
.ttw-m-1 {
  margin: 0.25rem;
}
@media (min-width: 0px) {
  .ttw-m-xs-1 {
    margin: 0.25rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-m-sm-1 {
    margin: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-m-md-1 {
    margin: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-m-lg-1 {
    margin: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-m-xl-1 {
    margin: 0.25rem !important;
  }
}
.ttw-m-2 {
  margin: 0.5rem;
}
@media (min-width: 0px) {
  .ttw-m-xs-2 {
    margin: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-m-sm-2 {
    margin: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-m-md-2 {
    margin: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-m-lg-2 {
    margin: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-m-xl-2 {
    margin: 0.5rem !important;
  }
}
.ttw-m-3 {
  margin: 1rem;
}
@media (min-width: 0px) {
  .ttw-m-xs-3 {
    margin: 1rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-m-sm-3 {
    margin: 1rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-m-md-3 {
    margin: 1rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-m-lg-3 {
    margin: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-m-xl-3 {
    margin: 1rem !important;
  }
}
.ttw-m-4 {
  margin: 2.5rem;
}
@media (min-width: 0px) {
  .ttw-m-xs-4 {
    margin: 2.5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-m-sm-4 {
    margin: 2.5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-m-md-4 {
    margin: 2.5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-m-lg-4 {
    margin: 2.5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-m-xl-4 {
    margin: 2.5rem !important;
  }
}
.ttw-m-5 {
  margin: 5rem;
}
@media (min-width: 0px) {
  .ttw-m-xs-5 {
    margin: 5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-m-sm-5 {
    margin: 5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-m-md-5 {
    margin: 5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-m-lg-5 {
    margin: 5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-m-xl-5 {
    margin: 5rem !important;
  }
}
.ttw-m-auto {
  margin: auto;
}
@media (min-width: 0px) {
  .ttw-m-xs-auto {
    margin: auto !important;
  }
}
@media (min-width: 576px) {
  .ttw-m-sm-auto {
    margin: auto !important;
  }
}
@media (min-width: 768px) {
  .ttw-m-md-auto {
    margin: auto !important;
  }
}
@media (min-width: 992px) {
  .ttw-m-lg-auto {
    margin: auto !important;
  }
}
@media (min-width: 1200px) {
  .ttw-m-xl-auto {
    margin: auto !important;
  }
}
.ttw-mx-0 {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 0px) {
  .ttw-mx-xs-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media (min-width: 576px) {
  .ttw-mx-sm-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media (min-width: 768px) {
  .ttw-mx-md-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media (min-width: 992px) {
  .ttw-mx-lg-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media (min-width: 1200px) {
  .ttw-mx-xl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
.ttw-mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
@media (min-width: 0px) {
  .ttw-mx-xs-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-mx-sm-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-mx-md-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-mx-lg-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-mx-xl-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
}
.ttw-mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
@media (min-width: 0px) {
  .ttw-mx-xs-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-mx-sm-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-mx-md-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-mx-lg-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-mx-xl-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}
.ttw-mx-3 {
  margin-left: 1rem;
  margin-right: 1rem;
}
@media (min-width: 0px) {
  .ttw-mx-xs-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-mx-sm-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-mx-md-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-mx-lg-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-mx-xl-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}
.ttw-mx-4 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
@media (min-width: 0px) {
  .ttw-mx-xs-4 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-mx-sm-4 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-mx-md-4 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-mx-lg-4 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-mx-xl-4 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
}
.ttw-mx-5 {
  margin-left: 5rem;
  margin-right: 5rem;
}
@media (min-width: 0px) {
  .ttw-mx-xs-5 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-mx-sm-5 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-mx-md-5 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-mx-lg-5 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-mx-xl-5 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
.ttw-mx-auto {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 0px) {
  .ttw-mx-xs-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media (min-width: 576px) {
  .ttw-mx-sm-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media (min-width: 768px) {
  .ttw-mx-md-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media (min-width: 992px) {
  .ttw-mx-lg-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media (min-width: 1200px) {
  .ttw-mx-xl-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.ttw-my-0 {
  margin-bottom: 0;
  margin-top: 0;
}
@media (min-width: 0px) {
  .ttw-my-xs-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
}
@media (min-width: 576px) {
  .ttw-my-sm-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
}
@media (min-width: 768px) {
  .ttw-my-md-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
}
@media (min-width: 992px) {
  .ttw-my-lg-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
}
@media (min-width: 1200px) {
  .ttw-my-xl-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
}
.ttw-my-1 {
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
}
@media (min-width: 0px) {
  .ttw-my-xs-1 {
    margin-bottom: 0.25rem !important;
    margin-top: 0.25rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-my-sm-1 {
    margin-bottom: 0.25rem !important;
    margin-top: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-my-md-1 {
    margin-bottom: 0.25rem !important;
    margin-top: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-my-lg-1 {
    margin-bottom: 0.25rem !important;
    margin-top: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-my-xl-1 {
    margin-bottom: 0.25rem !important;
    margin-top: 0.25rem !important;
  }
}
.ttw-my-2 {
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}
@media (min-width: 0px) {
  .ttw-my-xs-2 {
    margin-bottom: 0.5rem !important;
    margin-top: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-my-sm-2 {
    margin-bottom: 0.5rem !important;
    margin-top: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-my-md-2 {
    margin-bottom: 0.5rem !important;
    margin-top: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-my-lg-2 {
    margin-bottom: 0.5rem !important;
    margin-top: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-my-xl-2 {
    margin-bottom: 0.5rem !important;
    margin-top: 0.5rem !important;
  }
}
.ttw-my-3 {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
@media (min-width: 0px) {
  .ttw-my-xs-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-my-sm-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-my-md-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-my-lg-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-my-xl-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }
}
.ttw-my-4 {
  margin-bottom: 2.5rem;
  margin-top: 2.5rem;
}
@media (min-width: 0px) {
  .ttw-my-xs-4 {
    margin-bottom: 2.5rem !important;
    margin-top: 2.5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-my-sm-4 {
    margin-bottom: 2.5rem !important;
    margin-top: 2.5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-my-md-4 {
    margin-bottom: 2.5rem !important;
    margin-top: 2.5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-my-lg-4 {
    margin-bottom: 2.5rem !important;
    margin-top: 2.5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-my-xl-4 {
    margin-bottom: 2.5rem !important;
    margin-top: 2.5rem !important;
  }
}
.ttw-my-5 {
  margin-bottom: 5rem;
  margin-top: 5rem;
}
@media (min-width: 0px) {
  .ttw-my-xs-5 {
    margin-bottom: 5rem !important;
    margin-top: 5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-my-sm-5 {
    margin-bottom: 5rem !important;
    margin-top: 5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-my-md-5 {
    margin-bottom: 5rem !important;
    margin-top: 5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-my-lg-5 {
    margin-bottom: 5rem !important;
    margin-top: 5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-my-xl-5 {
    margin-bottom: 5rem !important;
    margin-top: 5rem !important;
  }
}
.ttw-my-auto {
  margin-bottom: auto;
  margin-top: auto;
}
@media (min-width: 0px) {
  .ttw-my-xs-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
  }
}
@media (min-width: 576px) {
  .ttw-my-sm-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
  }
}
@media (min-width: 768px) {
  .ttw-my-md-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
  }
}
@media (min-width: 992px) {
  .ttw-my-lg-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
  }
}
@media (min-width: 1200px) {
  .ttw-my-xl-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
  }
}
.ttw-mt-0 {
  margin-top: 0;
}
@media (min-width: 0px) {
  .ttw-mt-xs-0 {
    margin-top: 0 !important;
  }
}
@media (min-width: 576px) {
  .ttw-mt-sm-0 {
    margin-top: 0 !important;
  }
}
@media (min-width: 768px) {
  .ttw-mt-md-0 {
    margin-top: 0 !important;
  }
}
@media (min-width: 992px) {
  .ttw-mt-lg-0 {
    margin-top: 0 !important;
  }
}
@media (min-width: 1200px) {
  .ttw-mt-xl-0 {
    margin-top: 0 !important;
  }
}
.ttw-mt-1 {
  margin-top: 0.25rem;
}
@media (min-width: 0px) {
  .ttw-mt-xs-1 {
    margin-top: 0.25rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-mt-sm-1 {
    margin-top: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-mt-md-1 {
    margin-top: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-mt-lg-1 {
    margin-top: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-mt-xl-1 {
    margin-top: 0.25rem !important;
  }
}
.ttw-mt-2 {
  margin-top: 0.5rem;
}
@media (min-width: 0px) {
  .ttw-mt-xs-2 {
    margin-top: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-mt-sm-2 {
    margin-top: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-mt-md-2 {
    margin-top: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-mt-lg-2 {
    margin-top: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-mt-xl-2 {
    margin-top: 0.5rem !important;
  }
}
.ttw-mt-3 {
  margin-top: 1rem;
}
@media (min-width: 0px) {
  .ttw-mt-xs-3 {
    margin-top: 1rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-mt-sm-3 {
    margin-top: 1rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-mt-md-3 {
    margin-top: 1rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-mt-lg-3 {
    margin-top: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-mt-xl-3 {
    margin-top: 1rem !important;
  }
}
.ttw-mt-4 {
  margin-top: 2.5rem;
}
@media (min-width: 0px) {
  .ttw-mt-xs-4 {
    margin-top: 2.5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-mt-sm-4 {
    margin-top: 2.5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-mt-md-4 {
    margin-top: 2.5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-mt-lg-4 {
    margin-top: 2.5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-mt-xl-4 {
    margin-top: 2.5rem !important;
  }
}
.ttw-mt-5 {
  margin-top: 5rem;
}
@media (min-width: 0px) {
  .ttw-mt-xs-5 {
    margin-top: 5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-mt-sm-5 {
    margin-top: 5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-mt-md-5 {
    margin-top: 5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-mt-lg-5 {
    margin-top: 5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-mt-xl-5 {
    margin-top: 5rem !important;
  }
}
.ttw-mt-auto {
  margin-top: auto;
}
@media (min-width: 0px) {
  .ttw-mt-xs-auto {
    margin-top: auto !important;
  }
}
@media (min-width: 576px) {
  .ttw-mt-sm-auto {
    margin-top: auto !important;
  }
}
@media (min-width: 768px) {
  .ttw-mt-md-auto {
    margin-top: auto !important;
  }
}
@media (min-width: 992px) {
  .ttw-mt-lg-auto {
    margin-top: auto !important;
  }
}
@media (min-width: 1200px) {
  .ttw-mt-xl-auto {
    margin-top: auto !important;
  }
}
.ttw-mb-0 {
  margin-bottom: 0;
}
@media (min-width: 0px) {
  .ttw-mb-xs-0 {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 576px) {
  .ttw-mb-sm-0 {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 768px) {
  .ttw-mb-md-0 {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 992px) {
  .ttw-mb-lg-0 {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 1200px) {
  .ttw-mb-xl-0 {
    margin-bottom: 0 !important;
  }
}
.ttw-mb-1 {
  margin-bottom: 0.25rem;
}
@media (min-width: 0px) {
  .ttw-mb-xs-1 {
    margin-bottom: 0.25rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
}
.ttw-mb-2 {
  margin-bottom: 0.5rem;
}
@media (min-width: 0px) {
  .ttw-mb-xs-2 {
    margin-bottom: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
}
.ttw-mb-3 {
  margin-bottom: 1rem;
}
@media (min-width: 0px) {
  .ttw-mb-xs-3 {
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-mb-sm-3 {
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-mb-md-3 {
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-mb-lg-3 {
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-mb-xl-3 {
    margin-bottom: 1rem !important;
  }
}
.ttw-mb-4 {
  margin-bottom: 2.5rem;
}
@media (min-width: 0px) {
  .ttw-mb-xs-4 {
    margin-bottom: 2.5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-mb-sm-4 {
    margin-bottom: 2.5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-mb-md-4 {
    margin-bottom: 2.5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-mb-lg-4 {
    margin-bottom: 2.5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-mb-xl-4 {
    margin-bottom: 2.5rem !important;
  }
}
.ttw-mb-5 {
  margin-bottom: 5rem;
}
@media (min-width: 0px) {
  .ttw-mb-xs-5 {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-mb-sm-5 {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-mb-md-5 {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-mb-lg-5 {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-mb-xl-5 {
    margin-bottom: 5rem !important;
  }
}
.ttw-mb-auto {
  margin-bottom: auto;
}
@media (min-width: 0px) {
  .ttw-mb-xs-auto {
    margin-bottom: auto !important;
  }
}
@media (min-width: 576px) {
  .ttw-mb-sm-auto {
    margin-bottom: auto !important;
  }
}
@media (min-width: 768px) {
  .ttw-mb-md-auto {
    margin-bottom: auto !important;
  }
}
@media (min-width: 992px) {
  .ttw-mb-lg-auto {
    margin-bottom: auto !important;
  }
}
@media (min-width: 1200px) {
  .ttw-mb-xl-auto {
    margin-bottom: auto !important;
  }
}
.ttw-ms-0 {
  margin-left: 0;
}
@media (min-width: 0px) {
  .ttw-ms-xs-0 {
    margin-left: 0 !important;
  }
}
@media (min-width: 576px) {
  .ttw-ms-sm-0 {
    margin-left: 0 !important;
  }
}
@media (min-width: 768px) {
  .ttw-ms-md-0 {
    margin-left: 0 !important;
  }
}
@media (min-width: 992px) {
  .ttw-ms-lg-0 {
    margin-left: 0 !important;
  }
}
@media (min-width: 1200px) {
  .ttw-ms-xl-0 {
    margin-left: 0 !important;
  }
}
.ttw-ms-1 {
  margin-left: 0.25rem;
}
@media (min-width: 0px) {
  .ttw-ms-xs-1 {
    margin-left: 0.25rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-ms-sm-1 {
    margin-left: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-ms-md-1 {
    margin-left: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-ms-lg-1 {
    margin-left: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-ms-xl-1 {
    margin-left: 0.25rem !important;
  }
}
.ttw-ms-2 {
  margin-left: 0.5rem;
}
@media (min-width: 0px) {
  .ttw-ms-xs-2 {
    margin-left: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-ms-sm-2 {
    margin-left: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-ms-md-2 {
    margin-left: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-ms-lg-2 {
    margin-left: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-ms-xl-2 {
    margin-left: 0.5rem !important;
  }
}
.ttw-ms-3 {
  margin-left: 1rem;
}
@media (min-width: 0px) {
  .ttw-ms-xs-3 {
    margin-left: 1rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-ms-sm-3 {
    margin-left: 1rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-ms-md-3 {
    margin-left: 1rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-ms-lg-3 {
    margin-left: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-ms-xl-3 {
    margin-left: 1rem !important;
  }
}
.ttw-ms-4 {
  margin-left: 2.5rem;
}
@media (min-width: 0px) {
  .ttw-ms-xs-4 {
    margin-left: 2.5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-ms-sm-4 {
    margin-left: 2.5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-ms-md-4 {
    margin-left: 2.5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-ms-lg-4 {
    margin-left: 2.5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-ms-xl-4 {
    margin-left: 2.5rem !important;
  }
}
.ttw-ms-5 {
  margin-left: 5rem;
}
@media (min-width: 0px) {
  .ttw-ms-xs-5 {
    margin-left: 5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-ms-sm-5 {
    margin-left: 5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-ms-md-5 {
    margin-left: 5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-ms-lg-5 {
    margin-left: 5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-ms-xl-5 {
    margin-left: 5rem !important;
  }
}
.ttw-ms-auto {
  margin-left: auto;
}
@media (min-width: 0px) {
  .ttw-ms-xs-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 576px) {
  .ttw-ms-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .ttw-ms-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .ttw-ms-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .ttw-ms-xl-auto {
    margin-left: auto !important;
  }
}
.ttw-me-0 {
  margin-right: 0;
}
@media (min-width: 0px) {
  .ttw-me-xs-0 {
    margin-right: 0 !important;
  }
}
@media (min-width: 576px) {
  .ttw-me-sm-0 {
    margin-right: 0 !important;
  }
}
@media (min-width: 768px) {
  .ttw-me-md-0 {
    margin-right: 0 !important;
  }
}
@media (min-width: 992px) {
  .ttw-me-lg-0 {
    margin-right: 0 !important;
  }
}
@media (min-width: 1200px) {
  .ttw-me-xl-0 {
    margin-right: 0 !important;
  }
}
.ttw-me-1 {
  margin-right: 0.25rem;
}
@media (min-width: 0px) {
  .ttw-me-xs-1 {
    margin-right: 0.25rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-me-sm-1 {
    margin-right: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-me-md-1 {
    margin-right: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-me-lg-1 {
    margin-right: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-me-xl-1 {
    margin-right: 0.25rem !important;
  }
}
.ttw-me-2 {
  margin-right: 0.5rem;
}
@media (min-width: 0px) {
  .ttw-me-xs-2 {
    margin-right: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-me-sm-2 {
    margin-right: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-me-md-2 {
    margin-right: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-me-lg-2 {
    margin-right: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-me-xl-2 {
    margin-right: 0.5rem !important;
  }
}
.ttw-me-3 {
  margin-right: 1rem;
}
@media (min-width: 0px) {
  .ttw-me-xs-3 {
    margin-right: 1rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-me-sm-3 {
    margin-right: 1rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-me-md-3 {
    margin-right: 1rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-me-lg-3 {
    margin-right: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-me-xl-3 {
    margin-right: 1rem !important;
  }
}
.ttw-me-4 {
  margin-right: 2.5rem;
}
@media (min-width: 0px) {
  .ttw-me-xs-4 {
    margin-right: 2.5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-me-sm-4 {
    margin-right: 2.5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-me-md-4 {
    margin-right: 2.5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-me-lg-4 {
    margin-right: 2.5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-me-xl-4 {
    margin-right: 2.5rem !important;
  }
}
.ttw-me-5 {
  margin-right: 5rem;
}
@media (min-width: 0px) {
  .ttw-me-xs-5 {
    margin-right: 5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-me-sm-5 {
    margin-right: 5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-me-md-5 {
    margin-right: 5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-me-lg-5 {
    margin-right: 5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-me-xl-5 {
    margin-right: 5rem !important;
  }
}
.ttw-me-auto {
  margin-right: auto;
}
@media (min-width: 0px) {
  .ttw-me-xs-auto {
    margin-right: auto !important;
  }
}
@media (min-width: 576px) {
  .ttw-me-sm-auto {
    margin-right: auto !important;
  }
}
@media (min-width: 768px) {
  .ttw-me-md-auto {
    margin-right: auto !important;
  }
}
@media (min-width: 992px) {
  .ttw-me-lg-auto {
    margin-right: auto !important;
  }
}
@media (min-width: 1200px) {
  .ttw-me-xl-auto {
    margin-right: auto !important;
  }
}
.ttw-overflow-auto {
  overflow: auto;
}
.ttw-overflow-hidden {
  overflow: hidden;
}
.ttw-overflow-visible {
  overflow: visible;
}
.ttw-overflow-scroll {
  overflow: scroll;
}
.ttw-overflow-x-auto {
  overflow-x: auto;
}
.ttw-overflow-y-auto {
  overflow-y: auto;
}
.ttw-overflow-x-hidden {
  overflow-x: hidden;
}
.ttw-overflow-y-hidden {
  overflow-y: hidden;
}
.ttw-overflow-x-visible {
  overflow-x: visible;
}
.ttw-overflow-y-visible {
  overflow-y: visible;
}
.ttw-overflow-x-scroll {
  overflow-x: scroll;
}
.ttw-overflow-y-scroll {
  overflow-y: scroll;
}
.ttw-p-0 {
  padding: 0;
}
@media (min-width: 0px) {
  .ttw-p-xs-0 {
    padding: 0 !important;
  }
}
@media (min-width: 576px) {
  .ttw-p-sm-0 {
    padding: 0 !important;
  }
}
@media (min-width: 768px) {
  .ttw-p-md-0 {
    padding: 0 !important;
  }
}
@media (min-width: 992px) {
  .ttw-p-lg-0 {
    padding: 0 !important;
  }
}
@media (min-width: 1200px) {
  .ttw-p-xl-0 {
    padding: 0 !important;
  }
}
.ttw-p-1 {
  padding: 0.25rem;
}
@media (min-width: 0px) {
  .ttw-p-xs-1 {
    padding: 0.25rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-p-sm-1 {
    padding: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-p-md-1 {
    padding: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-p-lg-1 {
    padding: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-p-xl-1 {
    padding: 0.25rem !important;
  }
}
.ttw-p-2 {
  padding: 0.5rem;
}
@media (min-width: 0px) {
  .ttw-p-xs-2 {
    padding: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-p-sm-2 {
    padding: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-p-md-2 {
    padding: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-p-lg-2 {
    padding: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-p-xl-2 {
    padding: 0.5rem !important;
  }
}
.ttw-p-3 {
  padding: 1rem;
}
@media (min-width: 0px) {
  .ttw-p-xs-3 {
    padding: 1rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-p-sm-3 {
    padding: 1rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-p-md-3 {
    padding: 1rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-p-lg-3 {
    padding: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-p-xl-3 {
    padding: 1rem !important;
  }
}
.ttw-p-4 {
  padding: 2.5rem;
}
@media (min-width: 0px) {
  .ttw-p-xs-4 {
    padding: 2.5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-p-sm-4 {
    padding: 2.5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-p-md-4 {
    padding: 2.5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-p-lg-4 {
    padding: 2.5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-p-xl-4 {
    padding: 2.5rem !important;
  }
}
.ttw-p-5 {
  padding: 5rem;
}
@media (min-width: 0px) {
  .ttw-p-xs-5 {
    padding: 5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-p-sm-5 {
    padding: 5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-p-md-5 {
    padding: 5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-p-lg-5 {
    padding: 5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-p-xl-5 {
    padding: 5rem !important;
  }
}
.ttw-px-0 {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 0px) {
  .ttw-px-xs-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (min-width: 576px) {
  .ttw-px-sm-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (min-width: 768px) {
  .ttw-px-md-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (min-width: 992px) {
  .ttw-px-lg-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (min-width: 1200px) {
  .ttw-px-xl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.ttw-px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
@media (min-width: 0px) {
  .ttw-px-xs-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-px-sm-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-px-md-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-px-lg-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-px-xl-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
}
.ttw-px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 0px) {
  .ttw-px-xs-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-px-sm-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-px-md-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-px-lg-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-px-xl-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}
.ttw-px-3 {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 0px) {
  .ttw-px-xs-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-px-sm-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-px-md-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-px-lg-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-px-xl-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
.ttw-px-4 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
@media (min-width: 0px) {
  .ttw-px-xs-4 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-px-sm-4 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-px-md-4 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-px-lg-4 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-px-xl-4 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
}
.ttw-px-5 {
  padding-left: 5rem;
  padding-right: 5rem;
}
@media (min-width: 0px) {
  .ttw-px-xs-5 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-px-sm-5 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-px-md-5 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-px-lg-5 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-px-xl-5 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
.ttw-py-0 {
  padding-bottom: 0;
  padding-top: 0;
}
@media (min-width: 0px) {
  .ttw-py-xs-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
}
@media (min-width: 576px) {
  .ttw-py-sm-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
}
@media (min-width: 768px) {
  .ttw-py-md-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
}
@media (min-width: 992px) {
  .ttw-py-lg-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
}
@media (min-width: 1200px) {
  .ttw-py-xl-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
}
.ttw-py-1 {
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
}
@media (min-width: 0px) {
  .ttw-py-xs-1 {
    padding-bottom: 0.25rem !important;
    padding-top: 0.25rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-py-sm-1 {
    padding-bottom: 0.25rem !important;
    padding-top: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-py-md-1 {
    padding-bottom: 0.25rem !important;
    padding-top: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-py-lg-1 {
    padding-bottom: 0.25rem !important;
    padding-top: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-py-xl-1 {
    padding-bottom: 0.25rem !important;
    padding-top: 0.25rem !important;
  }
}
.ttw-py-2 {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
@media (min-width: 0px) {
  .ttw-py-xs-2 {
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-py-sm-2 {
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-py-md-2 {
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-py-lg-2 {
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-py-xl-2 {
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
  }
}
.ttw-py-3 {
  padding-bottom: 1rem;
  padding-top: 1rem;
}
@media (min-width: 0px) {
  .ttw-py-xs-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-py-sm-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-py-md-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-py-lg-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-py-xl-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
  }
}
.ttw-py-4 {
  padding-bottom: 2.5rem;
  padding-top: 2.5rem;
}
@media (min-width: 0px) {
  .ttw-py-xs-4 {
    padding-bottom: 2.5rem !important;
    padding-top: 2.5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-py-sm-4 {
    padding-bottom: 2.5rem !important;
    padding-top: 2.5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-py-md-4 {
    padding-bottom: 2.5rem !important;
    padding-top: 2.5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-py-lg-4 {
    padding-bottom: 2.5rem !important;
    padding-top: 2.5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-py-xl-4 {
    padding-bottom: 2.5rem !important;
    padding-top: 2.5rem !important;
  }
}
.ttw-py-5 {
  padding-bottom: 5rem;
  padding-top: 5rem;
}
@media (min-width: 0px) {
  .ttw-py-xs-5 {
    padding-bottom: 5rem !important;
    padding-top: 5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-py-sm-5 {
    padding-bottom: 5rem !important;
    padding-top: 5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-py-md-5 {
    padding-bottom: 5rem !important;
    padding-top: 5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-py-lg-5 {
    padding-bottom: 5rem !important;
    padding-top: 5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-py-xl-5 {
    padding-bottom: 5rem !important;
    padding-top: 5rem !important;
  }
}
.ttw-pt-0 {
  padding-top: 0;
}
@media (min-width: 0px) {
  .ttw-pt-xs-0 {
    padding-top: 0 !important;
  }
}
@media (min-width: 576px) {
  .ttw-pt-sm-0 {
    padding-top: 0 !important;
  }
}
@media (min-width: 768px) {
  .ttw-pt-md-0 {
    padding-top: 0 !important;
  }
}
@media (min-width: 992px) {
  .ttw-pt-lg-0 {
    padding-top: 0 !important;
  }
}
@media (min-width: 1200px) {
  .ttw-pt-xl-0 {
    padding-top: 0 !important;
  }
}
.ttw-pt-1 {
  padding-top: 0.25rem;
}
@media (min-width: 0px) {
  .ttw-pt-xs-1 {
    padding-top: 0.25rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-pt-sm-1 {
    padding-top: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-pt-md-1 {
    padding-top: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-pt-lg-1 {
    padding-top: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-pt-xl-1 {
    padding-top: 0.25rem !important;
  }
}
.ttw-pt-2 {
  padding-top: 0.5rem;
}
@media (min-width: 0px) {
  .ttw-pt-xs-2 {
    padding-top: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-pt-sm-2 {
    padding-top: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-pt-md-2 {
    padding-top: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-pt-lg-2 {
    padding-top: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-pt-xl-2 {
    padding-top: 0.5rem !important;
  }
}
.ttw-pt-3 {
  padding-top: 1rem;
}
@media (min-width: 0px) {
  .ttw-pt-xs-3 {
    padding-top: 1rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-pt-sm-3 {
    padding-top: 1rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-pt-md-3 {
    padding-top: 1rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-pt-lg-3 {
    padding-top: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-pt-xl-3 {
    padding-top: 1rem !important;
  }
}
.ttw-pt-4 {
  padding-top: 2.5rem;
}
@media (min-width: 0px) {
  .ttw-pt-xs-4 {
    padding-top: 2.5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-pt-sm-4 {
    padding-top: 2.5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-pt-md-4 {
    padding-top: 2.5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-pt-lg-4 {
    padding-top: 2.5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-pt-xl-4 {
    padding-top: 2.5rem !important;
  }
}
.ttw-pt-5 {
  padding-top: 5rem;
}
@media (min-width: 0px) {
  .ttw-pt-xs-5 {
    padding-top: 5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-pt-sm-5 {
    padding-top: 5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-pt-md-5 {
    padding-top: 5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-pt-lg-5 {
    padding-top: 5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-pt-xl-5 {
    padding-top: 5rem !important;
  }
}
.ttw-pb-0 {
  padding-bottom: 0;
}
@media (min-width: 0px) {
  .ttw-pb-xs-0 {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 576px) {
  .ttw-pb-sm-0 {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 768px) {
  .ttw-pb-md-0 {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 992px) {
  .ttw-pb-lg-0 {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 1200px) {
  .ttw-pb-xl-0 {
    padding-bottom: 0 !important;
  }
}
.ttw-pb-1 {
  padding-bottom: 0.25rem;
}
@media (min-width: 0px) {
  .ttw-pb-xs-1 {
    padding-bottom: 0.25rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
}
.ttw-pb-2 {
  padding-bottom: 0.5rem;
}
@media (min-width: 0px) {
  .ttw-pb-xs-2 {
    padding-bottom: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
}
.ttw-pb-3 {
  padding-bottom: 1rem;
}
@media (min-width: 0px) {
  .ttw-pb-xs-3 {
    padding-bottom: 1rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-pb-sm-3 {
    padding-bottom: 1rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-pb-md-3 {
    padding-bottom: 1rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-pb-lg-3 {
    padding-bottom: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-pb-xl-3 {
    padding-bottom: 1rem !important;
  }
}
.ttw-pb-4 {
  padding-bottom: 2.5rem;
}
@media (min-width: 0px) {
  .ttw-pb-xs-4 {
    padding-bottom: 2.5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-pb-sm-4 {
    padding-bottom: 2.5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-pb-md-4 {
    padding-bottom: 2.5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-pb-lg-4 {
    padding-bottom: 2.5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-pb-xl-4 {
    padding-bottom: 2.5rem !important;
  }
}
.ttw-pb-5 {
  padding-bottom: 5rem;
}
@media (min-width: 0px) {
  .ttw-pb-xs-5 {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-pb-sm-5 {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-pb-md-5 {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-pb-lg-5 {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-pb-xl-5 {
    padding-bottom: 5rem !important;
  }
}
.ttw-ps-0 {
  padding-left: 0;
}
@media (min-width: 0px) {
  .ttw-ps-xs-0 {
    padding-left: 0 !important;
  }
}
@media (min-width: 576px) {
  .ttw-ps-sm-0 {
    padding-left: 0 !important;
  }
}
@media (min-width: 768px) {
  .ttw-ps-md-0 {
    padding-left: 0 !important;
  }
}
@media (min-width: 992px) {
  .ttw-ps-lg-0 {
    padding-left: 0 !important;
  }
}
@media (min-width: 1200px) {
  .ttw-ps-xl-0 {
    padding-left: 0 !important;
  }
}
.ttw-ps-1 {
  padding-left: 0.25rem;
}
@media (min-width: 0px) {
  .ttw-ps-xs-1 {
    padding-left: 0.25rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-ps-sm-1 {
    padding-left: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-ps-md-1 {
    padding-left: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-ps-lg-1 {
    padding-left: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-ps-xl-1 {
    padding-left: 0.25rem !important;
  }
}
.ttw-ps-2 {
  padding-left: 0.5rem;
}
@media (min-width: 0px) {
  .ttw-ps-xs-2 {
    padding-left: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-ps-sm-2 {
    padding-left: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-ps-md-2 {
    padding-left: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-ps-lg-2 {
    padding-left: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-ps-xl-2 {
    padding-left: 0.5rem !important;
  }
}
.ttw-ps-3 {
  padding-left: 1rem;
}
@media (min-width: 0px) {
  .ttw-ps-xs-3 {
    padding-left: 1rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-ps-sm-3 {
    padding-left: 1rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-ps-md-3 {
    padding-left: 1rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-ps-lg-3 {
    padding-left: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-ps-xl-3 {
    padding-left: 1rem !important;
  }
}
.ttw-ps-4 {
  padding-left: 2.5rem;
}
@media (min-width: 0px) {
  .ttw-ps-xs-4 {
    padding-left: 2.5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-ps-sm-4 {
    padding-left: 2.5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-ps-md-4 {
    padding-left: 2.5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-ps-lg-4 {
    padding-left: 2.5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-ps-xl-4 {
    padding-left: 2.5rem !important;
  }
}
.ttw-ps-5 {
  padding-left: 5rem;
}
@media (min-width: 0px) {
  .ttw-ps-xs-5 {
    padding-left: 5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-ps-sm-5 {
    padding-left: 5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-ps-md-5 {
    padding-left: 5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-ps-lg-5 {
    padding-left: 5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-ps-xl-5 {
    padding-left: 5rem !important;
  }
}
.ttw-pe-0 {
  padding-right: 0;
}
@media (min-width: 0px) {
  .ttw-pe-xs-0 {
    padding-right: 0 !important;
  }
}
@media (min-width: 576px) {
  .ttw-pe-sm-0 {
    padding-right: 0 !important;
  }
}
@media (min-width: 768px) {
  .ttw-pe-md-0 {
    padding-right: 0 !important;
  }
}
@media (min-width: 992px) {
  .ttw-pe-lg-0 {
    padding-right: 0 !important;
  }
}
@media (min-width: 1200px) {
  .ttw-pe-xl-0 {
    padding-right: 0 !important;
  }
}
.ttw-pe-1 {
  padding-right: 0.25rem;
}
@media (min-width: 0px) {
  .ttw-pe-xs-1 {
    padding-right: 0.25rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-pe-sm-1 {
    padding-right: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-pe-md-1 {
    padding-right: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-pe-lg-1 {
    padding-right: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-pe-xl-1 {
    padding-right: 0.25rem !important;
  }
}
.ttw-pe-2 {
  padding-right: 0.5rem;
}
@media (min-width: 0px) {
  .ttw-pe-xs-2 {
    padding-right: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-pe-sm-2 {
    padding-right: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-pe-md-2 {
    padding-right: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-pe-lg-2 {
    padding-right: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-pe-xl-2 {
    padding-right: 0.5rem !important;
  }
}
.ttw-pe-3 {
  padding-right: 1rem;
}
@media (min-width: 0px) {
  .ttw-pe-xs-3 {
    padding-right: 1rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-pe-sm-3 {
    padding-right: 1rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-pe-md-3 {
    padding-right: 1rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-pe-lg-3 {
    padding-right: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-pe-xl-3 {
    padding-right: 1rem !important;
  }
}
.ttw-pe-4 {
  padding-right: 2.5rem;
}
@media (min-width: 0px) {
  .ttw-pe-xs-4 {
    padding-right: 2.5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-pe-sm-4 {
    padding-right: 2.5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-pe-md-4 {
    padding-right: 2.5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-pe-lg-4 {
    padding-right: 2.5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-pe-xl-4 {
    padding-right: 2.5rem !important;
  }
}
.ttw-pe-5 {
  padding-right: 5rem;
}
@media (min-width: 0px) {
  .ttw-pe-xs-5 {
    padding-right: 5rem !important;
  }
}
@media (min-width: 576px) {
  .ttw-pe-sm-5 {
    padding-right: 5rem !important;
  }
}
@media (min-width: 768px) {
  .ttw-pe-md-5 {
    padding-right: 5rem !important;
  }
}
@media (min-width: 992px) {
  .ttw-pe-lg-5 {
    padding-right: 5rem !important;
  }
}
@media (min-width: 1200px) {
  .ttw-pe-xl-5 {
    padding-right: 5rem !important;
  }
}
.ttw-content-pane {
  margin: 0 auto;
  max-width: 1280px;
  padding: 0 2rem;
  width: 100%;
}
.ttw-static {
  position: static;
}
.ttw-relative {
  position: relative;
}
.ttw-absolute {
  position: absolute;
}
.ttw-fixed {
  position: fixed;
}
.ttw-sticky {
  position: "-webkit-sticky";
  position: sticky;
}
.ttw-top-0 {
  top: 0;
}
.ttw-end-0 {
  right: 0;
}
.ttw-bottom-0 {
  bottom: 0;
}
.ttw-start-0 {
  left: 0;
}
.ttw-top-1 {
  top: 0.25rem;
}
.ttw-end-1 {
  right: 0.25rem;
}
.ttw-bottom-1 {
  bottom: 0.25rem;
}
.ttw-start-1 {
  left: 0.25rem;
}
.ttw-top-2 {
  top: 0.5rem;
}
.ttw-end-2 {
  right: 0.5rem;
}
.ttw-bottom-2 {
  bottom: 0.5rem;
}
.ttw-start-2 {
  left: 0.5rem;
}
.ttw-top-3 {
  top: 1rem;
}
.ttw-end-3 {
  right: 1rem;
}
.ttw-bottom-3 {
  bottom: 1rem;
}
.ttw-start-3 {
  left: 1rem;
}
.ttw-top-4 {
  top: 2.5rem;
}
.ttw-end-4 {
  right: 2.5rem;
}
.ttw-bottom-4 {
  bottom: 2.5rem;
}
.ttw-start-4 {
  left: 2.5rem;
}
.ttw-top-5 {
  top: 5rem;
}
.ttw-end-5 {
  right: 5rem;
}
.ttw-bottom-5 {
  bottom: 5rem;
}
.ttw-start-5 {
  left: 5rem;
}
.ttw-text-start {
  text-align: start;
}
@media (min-width: 0px) {
  .ttw-text-xs-start {
    text-align: start !important;
  }
}
@media (min-width: 576px) {
  .ttw-text-sm-start {
    text-align: start !important;
  }
}
@media (min-width: 768px) {
  .ttw-text-md-start {
    text-align: start !important;
  }
}
@media (min-width: 992px) {
  .ttw-text-lg-start {
    text-align: start !important;
  }
}
@media (min-width: 1200px) {
  .ttw-text-xl-start {
    text-align: start !important;
  }
}
.ttw-text-center {
  text-align: center;
}
@media (min-width: 0px) {
  .ttw-text-xs-center {
    text-align: center !important;
  }
}
@media (min-width: 576px) {
  .ttw-text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .ttw-text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .ttw-text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .ttw-text-xl-center {
    text-align: center !important;
  }
}
.ttw-text-end {
  text-align: end;
}
@media (min-width: 0px) {
  .ttw-text-xs-end {
    text-align: end !important;
  }
}
@media (min-width: 576px) {
  .ttw-text-sm-end {
    text-align: end !important;
  }
}
@media (min-width: 768px) {
  .ttw-text-md-end {
    text-align: end !important;
  }
}
@media (min-width: 992px) {
  .ttw-text-lg-end {
    text-align: end !important;
  }
}
@media (min-width: 1200px) {
  .ttw-text-xl-end {
    text-align: end !important;
  }
}
.ttw-text-primary {
  color: var(--dnn-color-primary, #00a5e0);
}
.ttw-text-primary-r {
  color: var(--dnn-color-primary-r, 0);
}
.ttw-text-primary-g {
  color: var(--dnn-color-primary-g, 165);
}
.ttw-text-primary-b {
  color: var(--dnn-color-primary-b, 224);
}
.ttw-text-primary-light {
  color: var(--dnn-color-primary-light, #1aaee3);
}
.ttw-text-primary-light-r {
  color: var(--dnn-color-primary-light-r, 26);
}
.ttw-text-primary-light-g {
  color: var(--dnn-color-primary-light-g, 174);
}
.ttw-text-primary-light-b {
  color: var(--dnn-color-primary-light-b, 227);
}
.ttw-text-primary-dark {
  color: var(--dnn-color-primary-dark, #0091c5);
}
.ttw-text-primary-dark-r {
  color: var(--dnn-color-primary-dark-r, 0);
}
.ttw-text-primary-dark-g {
  color: var(--dnn-color-primary-dark-g, 145);
}
.ttw-text-primary-dark-b {
  color: var(--dnn-color-primary-dark-b 197);
}
.ttw-text-primary-contrast {
  color: var(--dnn-color-primary-contrast, #fff);
}
.ttw-text-primary-contrast-r {
  color: var(--dnn-color-primary-contrast-r, 255);
}
.ttw-text-primary-contrast-g {
  color: var(--dnn-color-primary-contrast-g, 255);
}
.ttw-text-primary-contrast-b {
  color: var(--dnn-color-primary-contrast-b 255);
}
.ttw-text-secondary {
  color: var(--dnn-color-secondary, #ed3d46);
}
.ttw-text-secondary-r {
  color: var(--dnn-color-secondary-r, 237);
}
.ttw-text-secondary-g {
  color: var(--dnn-color-secondary-g, 61);
}
.ttw-text-secondary-b {
  color: var(--dnn-color-secondary-b, 70);
}
.ttw-text-secondary-light {
  color: var(--dnn-color-secondary-light, #ef5059);
}
.ttw-text-secondary-light-r {
  color: var(--dnn-color-secondary-light-r, 239);
}
.ttw-text-secondary-light-g {
  color: var(--dnn-color-secondary-light-g, 80);
}
.ttw-text-secondary-light-b {
  color: var(--dnn-color-secondary-light-b, 89);
}
.ttw-text-secondary-dark {
  color: var(--dnn-color-secondary-dark, #d1363e);
}
.ttw-text-secondary-dark-r {
  color: var(--dnn-color-secondary-dark-r, 209);
}
.ttw-text-secondary-dark-g {
  color: var(--dnn-color-secondary-dark-g, 54);
}
.ttw-text-secondary-dark-b {
  color: var(--dnn-color-secondary-dark-b, 62);
}
.ttw-text-secondary-contrast {
  color: var(--dnn-color-secondary-contrast, #fff);
}
.ttw-text-secondary-contrast-r {
  color: var(--dnn-color-secondary-contrast-r, 255);
}
.ttw-text-secondary-contrast-g {
  color: var(--dnn-color-secondary-contrast-g, 255);
}
.ttw-text-secondary-contrast-b {
  color: var(--dnn-color-secondary-contrast-b, 255);
}
.ttw-text-tertiary {
  color: var(--dnn-color-tertiary, #0e2936);
}
.ttw-text-tertiary-r {
  color: var(--dnn-color-tertiary-r, 14);
}
.ttw-text-tertiary-g {
  color: var(--dnn-color-tertiary-g, 41);
}
.ttw-text-tertiary-b {
  color: var(--dnn-color-tertiary-b, 54);
}
.ttw-text-tertiary-light {
  color: var(--dnn-color-tertiary-light, #3c7a9a);
}
.ttw-text-tertiary-light-r {
  color: var(--dnn-color-tertiary-light-r, 60);
}
.ttw-text-tertiary-light-g {
  color: var(--dnn-color-tertiary-light-g, 122);
}
.ttw-text-tertiary-light-b {
  color: var(--dnn-color-tertiary-light-b, 154);
}
.ttw-text-tertiary-dark {
  color: var(--dnn-color-tertiary-dark, #0b1c24);
}
.ttw-text-tertiary-dark-r {
  color: var(--dnn-color-tertiary-dark-r, 11);
}
.ttw-text-tertiary-dark-g {
  color: var(--dnn-color-tertiary-dark-g, 28);
}
.ttw-text-tertiary-dark-b {
  color: var(--dnn-color-tertiary-dark-b, 36);
}
.ttw-text-tertiary-contrast {
  color: var(--dnn-color-tertiary-contrast, #fff);
}
.ttw-text-tertiary-contrast-r {
  color: var(--dnn-color-tertiary-contrast-r, 255);
}
.ttw-text-tertiary-contrast-g {
  color: var(--dnn-color-tertiary-contrast-g, 255);
}
.ttw-text-tertiary-contrast-b {
  color: var(--dnn-color-tertiary-contrast-b, 255);
}
.ttw-text-neutral {
  color: var(--dnn-color-neutral, #ededee);
}
.ttw-text-neutral-r {
  color: var(--dnn-color-neutral-r, 245);
}
.ttw-text-neutral-g {
  color: var(--dnn-color-neutral-g, 245);
}
.ttw-text-neutral-b {
  color: var(--dnn-color-neutral-b, 245);
}
.ttw-text-neutral-light {
  color: var(--dnn-color-neutral-light, #fff);
}
.ttw-text-neutral-light-r {
  color: var(--dnn-color-neutral-light-r, 255);
}
.ttw-text-neutral-light-g {
  color: var(--dnn-color-neutral-light-g, 255);
}
.ttw-text-neutral-light-b {
  color: var(--dnn-color-neutral-light-b, 255);
}
.ttw-text-neutral-dark {
  color: var(--dnn-color-neutral-dark, #999);
}
.ttw-text-neutral-dark-r {
  color: var(--dnn-color-neutral-dark-r, 153);
}
.ttw-text-neutral-dark-g {
  color: var(--dnn-color-neutral-dark-g, 153);
}
.ttw-text-neutral-dark-b {
  color: var(--dnn-color-neutral-dark-b, 153);
}
.ttw-text-neutral-contrast {
  color: var(--dnn-color-neutral-contrast, #000);
}
.ttw-text-neutral-contrast-r {
  color: var(--dnn-color-neutral-contrast-r, 0);
}
.ttw-text-neutral-contrast-g {
  color: var(--dnn-color-neutral-contrast-g, 0);
}
.ttw-text-neutral-contrast-b {
  color: var(--dnn-color-neutral-contrast-b, 0);
}
.ttw-text-background {
  color: var(--dnn-color-background, #fff);
}
.ttw-text-background-r {
  color: var(--dnn-color-background-r, 255);
}
.ttw-text-background-g {
  color: var(--dnn-color-background-g, 255);
}
.ttw-text-background-b {
  color: var(--dnn-color-background-b, 255);
}
.ttw-text-background-light {
  color: var(--dnn-color-background-light, #f5f5f5);
}
.ttw-text-background-light-r {
  color: var(--dnn-color-background-light-r, 245);
}
.ttw-text-background-light-g {
  color: var(--dnn-color-background-light-g, 245);
}
.ttw-text-background-light-b {
  color: var(--dnn-color-background-light-b, 245);
}
.ttw-text-background-dark {
  color: var(--dnn-color-background-dark, #ccc);
}
.ttw-text-background-dark-r {
  color: var(--dnn-color-background-dark-r, 204);
}
.ttw-text-background-dark-g {
  color: var(--dnn-color-background-dark-g, 204);
}
.ttw-text-background-dark-b {
  color: var(--dnn-color-background-dark-b, 204);
}
.ttw-text-background-contrast {
  color: var(--dnn-color-background-contrast, #000);
}
.ttw-text-background-contrast-r {
  color: var(--dnn-color-background-contrast-r, 0);
}
.ttw-text-background-contrast-g {
  color: var(--dnn-color-background-contrast-g, 0);
}
.ttw-text-background-contrast-b {
  color: var(--dnn-color-background-contrast-b, 0);
}
.ttw-text-foreground {
  color: var(--dnn-color-foreground, #000);
}
.ttw-text-foreground-r {
  color: var(--dnn-color-foreground-r, 0);
}
.ttw-text-foreground-g {
  color: var(--dnn-color-foreground-g, 0);
}
.ttw-text-foreground-b {
  color: var(--dnn-color-foreground-b, 0);
}
.ttw-text-foreground-light {
  color: var(--dnn-color-foreground-light, #333);
}
.ttw-text-foreground-light-r {
  color: var(--dnn-color-foreground-light-r, 51);
}
.ttw-text-foreground-light-g {
  color: var(--dnn-color-foreground-light-g, 51);
}
.ttw-text-foreground-light-b {
  color: var(--dnn-color-foreground-light-b, 51);
}
.ttw-text-foreground-dark {
  color: var(--dnn-color-foreground-dark, #000);
}
.ttw-text-foreground-dark-r {
  color: var(--dnn-color-foreground-dark-r, 0);
}
.ttw-text-foreground-dark-g {
  color: var(--dnn-color-foreground-dark-g, 0);
}
.ttw-text-foreground-dark-b {
  color: var(--dnn-color-foreground-dark-b, 0);
}
.ttw-text-foreground-contrast {
  color: var(--dnn-color-foreground-contrast, #fff);
}
.ttw-text-foreground-contrast-r {
  color: var(--dnn-color-foreground-contrast-r, 255);
}
.ttw-text-foreground-contrast-g {
  color: var(--dnn-color-foreground-contrast-g, 255);
}
.ttw-text-foreground-contrast-b {
  color: var(--dnn-color-foreground-contrast-b, 255);
}
.ttw-text-surface {
  color: var(--dnn-color-surface, #eee);
}
.ttw-text-surface-r {
  color: var(--dnn-color-surface-r, 238);
}
.ttw-text-surface-g {
  color: var(--dnn-color-surface-g, 238);
}
.ttw-text-surface-b {
  color: var(--dnn-color-surface-b, 238);
}
.ttw-text-surface-light {
  color: var(--dnn-color-surface-light, #f5f5f5);
}
.ttw-text-surface-light-r {
  color: var(--dnn-color-surface-light-r, 245);
}
.ttw-text-surface-light-g {
  color: var(--dnn-color-surface-light-g, 245);
}
.ttw-text-surface-light-b {
  color: var(--dnn-color-surface-light-b, 245);
}
.ttw-text-surface-dark {
  color: var(--dnn-color-surface-dark, #ccc);
}
.ttw-text-surface-dark-r {
  color: var(--dnn-color-surface-dark-r, 204);
}
.ttw-text-surface-dark-g {
  color: var(--dnn-color-surface-dark-g, 204);
}
.ttw-text-surface-dark-b {
  color: var(--dnn-color-surface-dark-b, 204);
}
.ttw-text-surface-contrast {
  color: var(--dnn-color-surface-contrast, #000);
}
.ttw-text-surface-contrast-r {
  color: var(--dnn-color-surface-contrast-r, 0);
}
.ttw-text-surface-contrast-g {
  color: var(--dnn-color-surface-contrast-g, 0);
}
.ttw-text-surface-contrast-b {
  color: var(--dnn-color-surface-contrast-b, 0);
}
.ttw-text-info {
  color: var(--dnn-color-info, #17a2b8);
}
.ttw-text-info-r {
  color: var(--dnn-color-info-r, 23);
}
.ttw-text-info-g {
  color: var(--dnn-color-info-g, 162);
}
.ttw-text-info-b {
  color: var(--dnn-color-info-b, 184);
}
.ttw-text-info-light {
  color: var(--dnn-color-info-light, #23b8cf);
}
.ttw-text-info-light-r {
  color: var(--dnn-color-info-light-r, 35);
}
.ttw-text-info-light-g {
  color: var(--dnn-color-info-light-g, 184);
}
.ttw-text-info-light-b {
  color: var(--dnn-color-info-light-b, 207);
}
.ttw-text-info-dark {
  color: var(--dnn-color-info-dark, #00889e);
}
.ttw-text-info-dark-r {
  color: var(--dnn-color-info-dark-r, 0);
}
.ttw-text-info-dark-g {
  color: var(--dnn-color-info-dark-g, 136);
}
.ttw-text-info-dark-b {
  color: var(--dnn-color-info-dark-b, 158);
}
.ttw-text-info-contrast {
  color: var(--dnn-color-info-contrast, #fff);
}
.ttw-text-info-contrast-r {
  color: var(--dnn-color-info-contrast-r, 255);
}
.ttw-text-info-contrast-g {
  color: var(--dnn-color-info-contrast-g, 255);
}
.ttw-text-info-contrast-b {
  color: var(--dnn-color-info-contrast-b, 255);
}
.ttw-text-success {
  color: var(--dnn-color-success, #28a745);
}
.ttw-text-success-r {
  color: var(--dnn-color-success-r, 40);
}
.ttw-text-success-g {
  color: var(--dnn-color-success-g, 167);
}
.ttw-text-success-b {
  color: var(--dnn-color-success-b, 69);
}
.ttw-text-success-light {
  color: var(--dnn-color-success-light, #49c25d);
}
.ttw-text-success-light-r {
  color: var(--dnn-color-success-light-r, 73);
}
.ttw-text-success-light-g {
  color: var(--dnn-color-success-light-g, 194);
}
.ttw-text-success-light-b {
  color: var(--dnn-color-success-light-b, 93);
}
.ttw-text-success-dark {
  color: var(--dnn-color-success-dark, #00902f);
}
.ttw-text-success-dark-r {
  color: var(--dnn-color-success-dark-r, 0);
}
.ttw-text-success-dark-g {
  color: var(--dnn-color-success-dark-g, 144);
}
.ttw-text-success-dark-b {
  color: var(--dnn-color-success-dark-b, 47);
}
.ttw-text-success-contrast {
  color: var(--dnn-color-success-contrast, #fff);
}
.ttw-text-success-contrast-r {
  color: var(--dnn-color-success-contrast-r, 255);
}
.ttw-text-success-contrast-g {
  color: var(--dnn-color-success-contrast-g, 255);
}
.ttw-text-success-contrast-b {
  color: var(--dnn-color-success-contrast-b, 255);
}
.ttw-text-warning {
  color: var(--dnn-color-warning, #ffc107);
}
.ttw-text-warning-r {
  color: var(--dnn-color-warning-r, 255);
}
.ttw-text-warning-g {
  color: var(--dnn-color-warning-g, 193);
}
.ttw-text-warning-b {
  color: var(--dnn-color-warning-b, 7);
}
.ttw-text-warning-light {
  color: var(--dnn-color-warning-light, #ffd42e);
}
.ttw-text-warning-light-r {
  color: var(--dnn-color-warning-light-r, 255);
}
.ttw-text-warning-light-g {
  color: var(--dnn-color-warning-light-g, 212);
}
.ttw-text-warning-light-b {
  color: var(--dnn-color-warning-light-b, 46);
}
.ttw-text-warning-dark {
  color: var(--dnn-color-warning-dark, #e9ad00);
}
.ttw-text-warning-dark-r {
  color: var(--dnn-color-warning-dark-r, 233);
}
.ttw-text-warning-dark-g {
  color: var(--dnn-color-warning-dark-g, 173);
}
.ttw-text-warning-dark-b {
  color: var(--dnn-color-warning-dark-b, 0);
}
.ttw-text-warning-contrast {
  color: var(--dnn-color-warning-contrast, #fff);
}
.ttw-text-warning-contrast-r {
  color: var(--dnn-color-warning-contrast-r, 255);
}
.ttw-text-warning-contrast-g {
  color: var(--dnn-color-warning-contrast-g, 255);
}
.ttw-text-warning-contrast-b {
  color: var(--dnn-color-warning-contrast-b, 255);
}
.ttw-text-danger {
  color: var(--dnn-color-danger, #dc3545);
}
.ttw-text-danger-r {
  color: var(--dnn-color-danger-r, 220);
}
.ttw-text-danger-g {
  color: var(--dnn-color-danger-g, 53);
}
.ttw-text-danger-b {
  color: var(--dnn-color-danger-b, 69);
}
.ttw-text-danger-light {
  color: var(--dnn-color-danger-light, #f14954);
}
.ttw-text-danger-light-r {
  color: var(--dnn-color-danger-light-r, 241);
}
.ttw-text-danger-light-g {
  color: var(--dnn-color-danger-light-g, 73);
}
.ttw-text-danger-light-b {
  color: var(--dnn-color-danger-light-b, 84);
}
.ttw-text-danger-dark {
  color: var(--dnn-color-danger-dark, #c51535);
}
.ttw-text-danger-dark-r {
  color: var(--dnn-color-danger-dark-r, 197);
}
.ttw-text-danger-dark-g {
  color: var(--dnn-color-danger-dark-g, 21);
}
.ttw-text-danger-dark-b {
  color: var(--dnn-color-danger-dark-b, 53);
}
.ttw-text-danger-contrast {
  color: var(--dnn-color-danger-contrast, #fff);
}
.ttw-text-danger-contrast-r {
  color: var(--dnn-color-danger-contrast-r, 255);
}
.ttw-text-danger-contrast-g {
  color: var(--dnn-color-danger-contrast-g, 255);
}
.ttw-text-danger-contrast-b {
  color: var(--dnn-color-danger-contrast-b, 255);
}
.ttw-text-variation-opacity {
  color: var(--dnn-color-variation-opacity, 0.8);
}
.ttw-visible {
  visibility: visible;
}
.ttw-invisible {
  visibility: hidden;
}
*,
:after,
:before {
  box-sizing: border-box;
}
body {
  background-color: var(--dnn-color-background, #fff);
  color: var(--dnn-color-foreground, #000);
  font-size: 16px;
  font-weight: 200;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased; 
  margin: 0;
  padding: 0;
}
body,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Barlow Condensed", sans-serif; 
  font-weight: 600;
}

h2,
h4,
h6 {
  font-weight: 500;
  font-family: "Source Sans 3", sans-serif;
}
h1,
h2 {
  font-size: 1.5rem;
}
h1,
h2,
h3 {
  line-height: 1.15;
  margin-bottom: 1rem;
}
h3 {
  font-size: 2rem;
}
h4,
h5 {
  font-size: 1.75rem;
}
h4,
h5,
h6 {
  line-height: 1.15;
  margin-bottom: 1.5rem;
}
h6 {
  font-size: 1.33rem;
}
.lead {
  font-size: 1.22rem;
  margin-bottom: 2rem;
}
.lead,
p {
  line-height: 1.9;
}
p {
  font-size: 1rem;
}
blockquote,
ol,
p,
pre,
table,
ul {
  margin-bottom: 1.5rem;
}
ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0;
}
b,
code,
em,
small,
strong {
  line-height: 1;
}
sub,
sup {
  position: relative;
  top: -0.4em;
  vertical-align: baseline;
}
sub {
  top: 0.4em;
}
a {
  color: var(--dnn-color-primary, #00a5e0);
  transition: all 0.25s ease-in-out;
}
a,
a:hover {
  text-decoration: none;
}
a:hover {
  color: var(--dnn-color-primary-light, #1aaee3);
}
footer a,
header a {
  color: var(--dnn-color-tertiary-contrast, #fff);
  font-weight: 400;
}
hr {
  border: 0;
  border-top: 1px solid var(--dnn-color-primary, #00a5e0);
  display: block;
  height: 1px;
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
  padding: 0;
  width: 25%;
}
pre {
  background: var(--dnn-color-neutral, #ededee);
  padding: 10px 15px;
}
.dnnLogin {
  display: flex;
  justify-content: center;
  margin: 3rem;
  width: 90%;
}
@media (max-width: 768px) {
  .dnnLogin {
    margin: 2rem 0;
  }
}
.dnnLogin .LoginPanel,
.dnnLogin > div {
  padding: 0;
  width: 100%;
}
.dnnLogin .LoginPanel .dnnFormItem .dnnFormLabel {
  display: none;
}
.dnnLogin .LoginPanel .dnnFormItem:first-child,
.dnnLogin .LoginPanel .dnnFormItem:nth-child(2) {
  display: flex;
  flex-direction: column;
}
.dnnLogin .LoginPanel .dnnFormItem:first-child .dnnFormLabel,
.dnnLogin .LoginPanel .dnnFormItem:nth-child(2) .dnnFormLabel {
  display: block;
  float: left;
}
.dnnLogin .LoginPanel .dnnFormItem:first-child .dnnFormLabel:after,
.dnnLogin .LoginPanel .dnnFormItem:nth-child(2) .dnnFormLabel:after {
  clear: both;
  content: "";
}
.dnnLogin .LoginPanel .dnnFormItem:first-child label,
.dnnLogin .LoginPanel .dnnFormItem:nth-child(2) label {
  font-size: 1.5rem;
  font-weight: 700;
}
.dnnLogin .LoginPanel .dnnFormItem:first-child input,
.dnnLogin .LoginPanel .dnnFormItem:nth-child(2) input {
  font-size: 1.5rem;
  font-weight: 500;
  min-width: 100%;
  padding: 0.25em;
}
.dnnLogin .LoginPanel .dnnFormItem:nth-child(3) {
  width: 50%;
}
.dnnLogin .LoginPanel .dnnFormItem:nth-child(3) a {
  margin: 0;
  width: 50%;
}
.dnnLogin .LoginPanel .dnnFormItem:nth-child(3) a.dnnPrimaryAction {
  margin-right: 0.25em;
}
.dnnLogin .LoginPanel .dnnFormItem:nth-child(3) a.dnnSecondaryAction {
  margin-left: 0.25em;
}
.dnnLogin .LoginPanel .dnnFormItem .dnnLoginRememberMe {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
}
.dnnLogin .LoginPanel .dnnFormItem .dnnLoginRememberMe img {
  margin: 0;
  padding: 0;
}
.dnnLogin .LoginPanel .dnnFormItem .dnnLoginRememberMe .dnnCheckbox {
  display: inline-flex;
  margin: 1em 0;
  vertical-align: middle;
}
.dnnLogin .LoginPanel .dnnFormItem .dnnLoginRememberMe label {
  font-size: 1.25rem;
  font-weight: 550;
  margin-left: 0.5em;
}
.dnnLogin .LoginPanel .dnnFormItem:last-child,
.dnnLogin .LoginPanel .dnnFormItem:last-child .dnnLoginActions {
  width: 100%;
}
.dnnLogin .LoginPanel .dnnFormItem:last-child .dnnLoginActions ul {
  margin: 0;
  padding: 0;
}
.dnnLogin .LoginPanel .dnnFormItem:last-child .dnnLoginActions li {
  margin: 0;
}
.dnnLogin .LoginPanel .dnnFormItem:last-child .dnnLoginActions li:first-child {
  padding-right: 0.25em;
}
.dnnLogin .LoginPanel .dnnFormItem:last-child .dnnLoginActions li:nth-child(2) {
  padding-left: 0.25em;
}
.dnnLogin .LoginPanel .dnnFormItem:last-child .dnnLoginActions a {
  width: 100%;
}
header a[id*="dnnLOGO"] {
  display: block;
  padding: 1.125rem 0;
}
header a[id*="dnnLOGO"] img {
  height: 70px;
  max-height: 100%;
  width: auto;
}
@media only screen and (max-width: calc(400 / var(--dnn-base-font-size,18px) * 1em)) {
  header a[id*="dnnLOGO"] img {
    height: 50px;
  }
}
#nav-desktop,
#nav-desktop ul,
#nav-footer,
#nav-footer ul {
  display: flex;
  gap: 2rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
#nav-desktop ul,
#nav-desktop ul ul,
#nav-footer ul,
#nav-footer ul ul {
  flex-direction: column;
  gap: 0.5rem;
}
#nav-desktop ul li a:hover,
#nav-desktop ul ul li a:hover,
#nav-footer ul li a:hover,
#nav-footer ul ul li a:hover {
  color: var(--dnn-color-tertiary-light, #3c7a9a);
}
#nav-desktop li,
#nav-footer li {
  display: flex;
}
#nav-desktop a,
#nav-footer a {
  color: var(--dnn-color-background-light, #f5f5f5);
  font-size: 0.89rem;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
}
#nav-desktop a:hover,
#nav-footer a:hover {
  color: var(--dnn-color-background, #fff);
}
#nav-desktop > li,
#nav-footer > li {
  position: relative;
}
#nav-desktop > li:hover > ul,
#nav-footer > li:hover > ul {
  display: flex;
}
#nav-desktop > li > a,
#nav-footer > li > a {
  align-items: flex-end;
  display: flex;
}
#nav-desktop > li ul,
#nav-footer > li ul {
  flex-direction: column;
}
#nav-desktop > li li.selected > a,
#nav-footer > li li.selected > a {
  background: transparent;
  color: var(--dnn-color-background, #fff);
}
#nav-desktop > li li:not(.selected) > a:hover,
#nav-footer > li li:not(.selected) > a:hover {
  background: transparent;
}
#nav-desktop > li > ul,
#nav-footer > li > ul {
  background: var(--dnn-color-tertiary, #0e2936);
  box-shadow: 1px 1px 5px 1px
    rgba(
      var(--dnn-color-foreground-r),
      var(--dnn-color-foreground-g),
      var(--dnn-color-foreground-b),
      0.2
    );
  display: none;
  flex-direction: column;
  max-width: 100%;
  min-width: -moz-max-content;
  min-width: max-content;
  padding-right: 2rem;
  position: absolute;
  top: 100%;
}
#nav-desktop > li > ul a,
#nav-footer > li > ul a {
  padding: 0.75rem 1.25rem;
}
#nav-desktop > li > ul li,
#nav-footer > li > ul li {
  flex-direction: column;
}
#nav-desktop > li > ul li > ul a,
#nav-footer > li > ul li > ul a {
  font-size: 0.78rem;
  font-weight: 700;
  padding: 0.5rem 0.75rem 0.5rem 3rem;
}
#body-overlay {
  background: rgba(0, 0, 0, 0.6);
  bottom: 0;
  height: 100vh;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100vw;
  z-index: 1;
}
.hamburger {
  color: var(--dnn-color-primary-contrast, #fff);
  cursor: pointer;
  margin-left: auto;
}
#menuToggle {
  display: block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 1;
}
#menuToggle a {
  color: var(--dnn-color-background-light, #f5f5f5);
  text-decoration: none;
  transition: color 0.3s ease;
}
#menuToggle a:hover {
  background-color: var(--dnn-color-background-dark, #ccc);
  color: var(--dnn-color-tertiary-light, #3c7a9a);
}
#menuToggle input {
  cursor: pointer;
  display: block;
  height: 32px;
  left: -5px;
  opacity: 0;
  position: absolute;
  top: -7px;
  width: 40px;
  z-index: 2;
  -webkit-touch-callout: none;
}
#menuToggle span {
  background: #cdcdcd;
  border-radius: 3px;
  display: block;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  transform-origin: 4px 0;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
    background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
  width: 33px;
  z-index: 1;
}
#menuToggle span:first-child {
  transform-origin: 0 0;
}
#menuToggle span:nth-last-child(2) {
  transform-origin: 0 100%;
}
#menuToggle input:checked ~ span {
  background: var(--dnn-color-primary-contrast, #fff);
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
}
#menuToggle input:checked ~ span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2);
}
#menuToggle input:checked ~ span:nth-last-child(2) {
  transform: rotate(-45deg) translateY(-1px);
}
#menuToggle input:checked ~ ul {
  transform: none;
}
.nav-is-toggled .nav-drill {
  transform: translateX(0);
}
.nav-drill {
  background-color: var(--dnn-color-tertiary-light, #3c7a9a);
  display: flex;
  height: calc(100vh - 168px);
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  right: 0;
  top: 0;
  width: 320px;
  z-index: 100;
  -webkit-overflow-scrolling: touch;
  margin-top: 168px;
  transform: translateX(100%);
  transition: 0.45s;
}
.nav-drill ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav-items {
  flex: 0 0 100%;
}
.nav-item {
  display: flex;
  justify-content: space-between;
}
.nav-item:not(:last-child) {
  border-bottom: 1px hidden var(--dnn-color-foreground-light, #333);
}
.nav-item .nav-link {
  background-color: var(--dnn-color-tertiary-light, #3c7a9a);
  color: var(--dnn-color-tertiary-contrast, #fff);
}
.nav-item.selected {
  background-color: var(--dnn-color-primary-light, #1aaee3);
}
.nav-item.selected > .nav-link {
  background-color: transparent;
  color: var(--dnn-color-background, #fff);
}
.nav-item .nav-back-link {
  align-items: center;
  background: var(--dnn-color-neutral-dark, #999);
  color: var(--dnn-color-background, #fff);
  display: flex;
}
.nav-item .nav-back-link i {
  font-size: 1.125rem;
}
.nav-link {
  display: block;
  flex: 1 1 auto;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5em;
  padding: 0.875rem 1rem;
}
.nav-link .link-description {
  font-size: 0.875rem;
  font-weight: 400;
}
.nav-expand-content {
  background-color: var(--dnn-color-tertiary-light, #3c7a9a);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: translateX(100%);
  transition: 0.3s;
  visibility: hidden;
  width: 100%;
}
.nav-expand-link {
  align-items: center;
  display: flex;
  flex-grow: 0;
  font-size: 1.125rem;
}
.nav-expand.active > .nav-expand-content {
  transform: translateX(0);
  visibility: visible;
}
ul.searchSkinObjectPreview > li > a.searchSkinObjectPreview_more {
  color: var(--dnn-color-neutral-dark, #999);
}
#dnn_dnnSearch_ClassicSearch span {
  margin-right: 0.5rem;
}
.ttw-theme {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.ttw-theme .ttw-header {
  position: sticky;
  top: 0;
  z-index: 1000;
}
.ttw-theme .ttw-header .eyebrow-bar {
  background-color: var(--dnn-color-tertiary, #0e2936);
  margin: 0;
  padding: 0.5rem 0;
}
.ttw-theme .ttw-header .eyebrow-bar .ttw-container {
  display: flex;
  justify-content: flex-end;
}
.ttw-theme .ttw-header .logo-menu-bar {
  background-color: var(--dnn-color-tertiary-light, #3c7a9a);
  margin: 0;
  padding: 0.5rem 0;
}
.ttw-theme .ttw-header .logo-menu-bar .ttw-container {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .ttw-theme
    .ttw-header
    .logo-menu-bar
    .ttw-container
    #nav-desktop.desktop-menu {
    display: none;
  }
}
@media (min-width: 768px) {
  .ttw-theme
    .ttw-header
    .logo-menu-bar
    .ttw-container
    .mobile-menu {
    display: none;
  }
}
.ttw-theme .ttw-footer {
  background-color: var(--dnn-color-tertiary, #0e2936);
  color: var(--dnn-color-foreground-contrast, #fff);
  margin: 0;
  padding: 2rem 0;
}
.ttw-theme .ttw-footer .ttw-container {
  display: flex;
  gap: 2rem;
}
.ttw-theme .ttw-footer .ttw-container .footer-left {
  display: flex;
  flex-direction: column;
}
.ttw-theme .ttw-footer .ttw-container .footer-left .footer-menu {
  margin-bottom: auto;
}
@media (max-width: 767px) {
  .ttw-theme
    .ttw-footer
    .ttw-container
    .footer-left
    .footer-menu
    #nav-footer {
    flex-direction: column;
    gap: 1rem;
  }
}
.ttw-theme
  .ttw-footer
  .ttw-container
  .footer-left
  .footer-terms-privacy {
  font-size: small;
  margin-bottom: 0.5rem;
  margin-top: 2rem;
}
.ttw-theme
  .ttw-footer
  .ttw-container
  .footer-left
  .footer-terms-privacy
  .ttw-terms:after {
  content: " | ";
  opacity: 0.25;
}
.ttw-theme
  .ttw-footer
  .ttw-container
  .footer-left
  .footer-terms-privacy
  a {
  font-weight: 200;
}
.ttw-theme
  .ttw-footer
  .ttw-container
  .footer-left
  .footer-copyright {
  font-size: small;
}
.ttw-theme .ttw-footer .ttw-container .footer-right {
  width: 100%;
}
@media (max-width: 767px) {
  .ttw-theme .ttw-footer .ttw-container {
    flex-direction: column-reverse;
  }
}
.ttw-theme .ttw-container {
  display: flex;
  margin: 0 auto;
  max-width: 1280px;
  padding: 0 2rem;
  width: 100%;
}
.ttw-theme .ttw-main {
  flex-grow: 1;
}
/*# sourceMappingURL=skin.min.css.map */