/*!
 * This file is generated.
 * Do not edit it directly.
 * Changes will be overwritten upon upgrades.
 * 
 */
@font-face {
    font-display: swap;
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 700;
    src:
        url(../fonts/Ubuntu-Bold.woff2) format("woff2"),
        url(../fonts/Ubuntu-Bold.woff) format("woff");
}
@font-face {
    font-display: swap;
    font-family: Ubuntu;
    font-style: italic;
    font-weight: 700;
    src:
        url(../fonts/Ubuntu-BoldItalic.woff2) format("woff2"),
        url(../fonts/Ubuntu-BoldItalic.woff) format("woff");
}
@font-face {
    font-display: swap;
    font-family: Ubuntu;
    font-style: italic;
    font-weight: 400;
    src:
        url(../fonts/Ubuntu-Italic.woff2) format("woff2"),
        url(../fonts/Ubuntu-Italic.woff) format("woff");
}
@font-face {
    font-display: swap;
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 300;
    src:
        url(../fonts/Ubuntu-Light.woff2) format("woff2"),
        url(../fonts/Ubuntu-Light.woff) format("woff");
}
@font-face {
    font-display: swap;
    font-family: Ubuntu;
    font-style: italic;
    font-weight: 300;
    src:
        url(../fonts/Ubuntu-LightItalic.woff2) format("woff2"),
        url(../fonts/Ubuntu-LightItalic.woff) format("woff");
}
@font-face {
    font-display: swap;
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 500;
    src:
        url(../fonts/Ubuntu-Medium.woff2) format("woff2"),
        url(../fonts/Ubuntu-Medium.woff) format("woff");
}
@font-face {
    font-display: swap;
    font-family: Ubuntu;
    font-style: italic;
    font-weight: 500;
    src:
        url(../fonts/Ubuntu-MediumItalic.woff2) format("woff2"),
        url(../fonts/Ubuntu-MediumItalic.woff) format("woff");
}
@font-face {
    font-display: swap;
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 400;
    src:
        url(../fonts/Ubuntu-Regular.woff2) format("woff2"),
        url(../fonts/Ubuntu-Regular.woff) format("woff");
}
.aperture-bg-primary {
    background-color: var(--dnn-color-primary, #00a5e0);
}
.aperture-bg-primary-r {
    background-color: var(--dnn-color-primary-r, 0);
}
.aperture-bg-primary-g {
    background-color: var(--dnn-color-primary-g, 165);
}
.aperture-bg-primary-b {
    background-color: var(--dnn-color-primary-b, 224);
}
.aperture-bg-primary-light {
    background-color: var(--dnn-color-primary-light, #1aaee3);
}
.aperture-bg-primary-light-r {
    background-color: var(--dnn-color-primary-light-r, 26);
}
.aperture-bg-primary-light-g {
    background-color: var(--dnn-color-primary-light-g, 174);
}
.aperture-bg-primary-light-b {
    background-color: var(--dnn-color-primary-light-b, 227);
}
.aperture-bg-primary-dark {
    background-color: var(--dnn-color-primary-dark, #0091c5);
}
.aperture-bg-primary-dark-r {
    background-color: var(--dnn-color-primary-dark-r, 0);
}
.aperture-bg-primary-dark-g {
    background-color: var(--dnn-color-primary-dark-g, 145);
}
.aperture-bg-primary-dark-b {
    background-color: var(--dnn-color-primary-dark-b 197);
}
.aperture-bg-primary-contrast {
    background-color: var(--dnn-color-primary-contrast, #fff);
}
.aperture-bg-primary-contrast-r {
    background-color: var(--dnn-color-primary-contrast-r, 255);
}
.aperture-bg-primary-contrast-g {
    background-color: var(--dnn-color-primary-contrast-g, 255);
}
.aperture-bg-primary-contrast-b {
    background-color: var(--dnn-color-primary-contrast-b 255);
}
.aperture-bg-secondary {
    background-color: var(--dnn-color-secondary, #ed3d46);
}
.aperture-bg-secondary-r {
    background-color: var(--dnn-color-secondary-r, 237);
}
.aperture-bg-secondary-g {
    background-color: var(--dnn-color-secondary-g, 61);
}
.aperture-bg-secondary-b {
    background-color: var(--dnn-color-secondary-b, 70);
}
.aperture-bg-secondary-light {
    background-color: var(--dnn-color-secondary-light, #ef5059);
}
.aperture-bg-secondary-light-r {
    background-color: var(--dnn-color-secondary-light-r, 239);
}
.aperture-bg-secondary-light-g {
    background-color: var(--dnn-color-secondary-light-g, 80);
}
.aperture-bg-secondary-light-b {
    background-color: var(--dnn-color-secondary-light-b, 89);
}
.aperture-bg-secondary-dark {
    background-color: var(--dnn-color-secondary-dark, #d1363e);
}
.aperture-bg-secondary-dark-r {
    background-color: var(--dnn-color-secondary-dark-r, 209);
}
.aperture-bg-secondary-dark-g {
    background-color: var(--dnn-color-secondary-dark-g, 54);
}
.aperture-bg-secondary-dark-b {
    background-color: var(--dnn-color-secondary-dark-b, 62);
}
.aperture-bg-secondary-contrast {
    background-color: var(--dnn-color-secondary-contrast, #fff);
}
.aperture-bg-secondary-contrast-r {
    background-color: var(--dnn-color-secondary-contrast-r, 255);
}
.aperture-bg-secondary-contrast-g {
    background-color: var(--dnn-color-secondary-contrast-g, 255);
}
.aperture-bg-secondary-contrast-b {
    background-color: var(--dnn-color-secondary-contrast-b, 255);
}
.aperture-bg-tertiary {
    background-color: var(--dnn-color-tertiary, #0e2936);
}
.aperture-bg-tertiary-r {
    background-color: var(--dnn-color-tertiary-r, 14);
}
.aperture-bg-tertiary-g {
    background-color: var(--dnn-color-tertiary-g, 41);
}
.aperture-bg-tertiary-b {
    background-color: var(--dnn-color-tertiary-b, 54);
}
.aperture-bg-tertiary-light {
    background-color: var(--dnn-color-tertiary-light, #3c7a9a);
}
.aperture-bg-tertiary-light-r {
    background-color: var(--dnn-color-tertiary-light-r, 60);
}
.aperture-bg-tertiary-light-g {
    background-color: var(--dnn-color-tertiary-light-g, 122);
}
.aperture-bg-tertiary-light-b {
    background-color: var(--dnn-color-tertiary-light-b, 154);
}
.aperture-bg-tertiary-dark {
    background-color: var(--dnn-color-tertiary-dark, #0b1c24);
}
.aperture-bg-tertiary-dark-r {
    background-color: var(--dnn-color-tertiary-dark-r, 11);
}
.aperture-bg-tertiary-dark-g {
    background-color: var(--dnn-color-tertiary-dark-g, 28);
}
.aperture-bg-tertiary-dark-b {
    background-color: var(--dnn-color-tertiary-dark-b, 36);
}
.aperture-bg-tertiary-contrast {
    background-color: var(--dnn-color-tertiary-contrast, #fff);
}
.aperture-bg-tertiary-contrast-r {
    background-color: var(--dnn-color-tertiary-contrast-r, 255);
}
.aperture-bg-tertiary-contrast-g {
    background-color: var(--dnn-color-tertiary-contrast-g, 255);
}
.aperture-bg-tertiary-contrast-b {
    background-color: var(--dnn-color-tertiary-contrast-b, 255);
}
.aperture-bg-neutral {
    background-color: var(--dnn-color-neutral, #ededee);
}
.aperture-bg-neutral-r {
    background-color: var(--dnn-color-neutral-r, 245);
}
.aperture-bg-neutral-g {
    background-color: var(--dnn-color-neutral-g, 245);
}
.aperture-bg-neutral-b {
    background-color: var(--dnn-color-neutral-b, 245);
}
.aperture-bg-neutral-light {
    background-color: var(--dnn-color-neutral-light, #fff);
}
.aperture-bg-neutral-light-r {
    background-color: var(--dnn-color-neutral-light-r, 255);
}
.aperture-bg-neutral-light-g {
    background-color: var(--dnn-color-neutral-light-g, 255);
}
.aperture-bg-neutral-light-b {
    background-color: var(--dnn-color-neutral-light-b, 255);
}
.aperture-bg-neutral-dark {
    background-color: var(--dnn-color-neutral-dark, #999);
}
.aperture-bg-neutral-dark-r {
    background-color: var(--dnn-color-neutral-dark-r, 153);
}
.aperture-bg-neutral-dark-g {
    background-color: var(--dnn-color-neutral-dark-g, 153);
}
.aperture-bg-neutral-dark-b {
    background-color: var(--dnn-color-neutral-dark-b, 153);
}
.aperture-bg-neutral-contrast {
    background-color: var(--dnn-color-neutral-contrast, #000);
}
.aperture-bg-neutral-contrast-r {
    background-color: var(--dnn-color-neutral-contrast-r, 0);
}
.aperture-bg-neutral-contrast-g {
    background-color: var(--dnn-color-neutral-contrast-g, 0);
}
.aperture-bg-neutral-contrast-b {
    background-color: var(--dnn-color-neutral-contrast-b, 0);
}
.aperture-bg-background {
    background-color: var(--dnn-color-background, #fff);
}
.aperture-bg-background-r {
    background-color: var(--dnn-color-background-r, 255);
}
.aperture-bg-background-g {
    background-color: var(--dnn-color-background-g, 255);
}
.aperture-bg-background-b {
    background-color: var(--dnn-color-background-b, 255);
}
.aperture-bg-background-light {
    background-color: var(--dnn-color-background-light, #f5f5f5);
}
.aperture-bg-background-light-r {
    background-color: var(--dnn-color-background-light-r, 245);
}
.aperture-bg-background-light-g {
    background-color: var(--dnn-color-background-light-g, 245);
}
.aperture-bg-background-light-b {
    background-color: var(--dnn-color-background-light-b, 245);
}
.aperture-bg-background-dark {
    background-color: var(--dnn-color-background-dark, #ccc);
}
.aperture-bg-background-dark-r {
    background-color: var(--dnn-color-background-dark-r, 204);
}
.aperture-bg-background-dark-g {
    background-color: var(--dnn-color-background-dark-g, 204);
}
.aperture-bg-background-dark-b {
    background-color: var(--dnn-color-background-dark-b, 204);
}
.aperture-bg-background-contrast {
    background-color: var(--dnn-color-background-contrast, #000);
}
.aperture-bg-background-contrast-r {
    background-color: var(--dnn-color-background-contrast-r, 0);
}
.aperture-bg-background-contrast-g {
    background-color: var(--dnn-color-background-contrast-g, 0);
}
.aperture-bg-background-contrast-b {
    background-color: var(--dnn-color-background-contrast-b, 0);
}
.aperture-bg-foreground {
    background-color: var(--dnn-color-foreground, #000);
}
.aperture-bg-foreground-r {
    background-color: var(--dnn-color-foreground-r, 0);
}
.aperture-bg-foreground-g {
    background-color: var(--dnn-color-foreground-g, 0);
}
.aperture-bg-foreground-b {
    background-color: var(--dnn-color-foreground-b, 0);
}
.aperture-bg-foreground-light {
    background-color: var(--dnn-color-foreground-light, #333);
}
.aperture-bg-foreground-light-r {
    background-color: var(--dnn-color-foreground-light-r, 51);
}
.aperture-bg-foreground-light-g {
    background-color: var(--dnn-color-foreground-light-g, 51);
}
.aperture-bg-foreground-light-b {
    background-color: var(--dnn-color-foreground-light-b, 51);
}
.aperture-bg-foreground-dark {
    background-color: var(--dnn-color-foreground-dark, #000);
}
.aperture-bg-foreground-dark-r {
    background-color: var(--dnn-color-foreground-dark-r, 0);
}
.aperture-bg-foreground-dark-g {
    background-color: var(--dnn-color-foreground-dark-g, 0);
}
.aperture-bg-foreground-dark-b {
    background-color: var(--dnn-color-foreground-dark-b, 0);
}
.aperture-bg-foreground-contrast {
    background-color: var(--dnn-color-foreground-contrast, #fff);
}
.aperture-bg-foreground-contrast-r {
    background-color: var(--dnn-color-foreground-contrast-r, 255);
}
.aperture-bg-foreground-contrast-g {
    background-color: var(--dnn-color-foreground-contrast-g, 255);
}
.aperture-bg-foreground-contrast-b {
    background-color: var(--dnn-color-foreground-contrast-b, 255);
}
.aperture-bg-surface {
    background-color: var(--dnn-color-surface, #eee);
}
.aperture-bg-surface-r {
    background-color: var(--dnn-color-surface-r, 238);
}
.aperture-bg-surface-g {
    background-color: var(--dnn-color-surface-g, 238);
}
.aperture-bg-surface-b {
    background-color: var(--dnn-color-surface-b, 238);
}
.aperture-bg-surface-light {
    background-color: var(--dnn-color-surface-light, #f5f5f5);
}
.aperture-bg-surface-light-r {
    background-color: var(--dnn-color-surface-light-r, 245);
}
.aperture-bg-surface-light-g {
    background-color: var(--dnn-color-surface-light-g, 245);
}
.aperture-bg-surface-light-b {
    background-color: var(--dnn-color-surface-light-b, 245);
}
.aperture-bg-surface-dark {
    background-color: var(--dnn-color-surface-dark, #ccc);
}
.aperture-bg-surface-dark-r {
    background-color: var(--dnn-color-surface-dark-r, 204);
}
.aperture-bg-surface-dark-g {
    background-color: var(--dnn-color-surface-dark-g, 204);
}
.aperture-bg-surface-dark-b {
    background-color: var(--dnn-color-surface-dark-b, 204);
}
.aperture-bg-surface-contrast {
    background-color: var(--dnn-color-surface-contrast, #000);
}
.aperture-bg-surface-contrast-r {
    background-color: var(--dnn-color-surface-contrast-r, 0);
}
.aperture-bg-surface-contrast-g {
    background-color: var(--dnn-color-surface-contrast-g, 0);
}
.aperture-bg-surface-contrast-b {
    background-color: var(--dnn-color-surface-contrast-b, 0);
}
.aperture-bg-info {
    background-color: var(--dnn-color-info, #17a2b8);
}
.aperture-bg-info-r {
    background-color: var(--dnn-color-info-r, 23);
}
.aperture-bg-info-g {
    background-color: var(--dnn-color-info-g, 162);
}
.aperture-bg-info-b {
    background-color: var(--dnn-color-info-b, 184);
}
.aperture-bg-info-light {
    background-color: var(--dnn-color-info-light, #23b8cf);
}
.aperture-bg-info-light-r {
    background-color: var(--dnn-color-info-light-r, 35);
}
.aperture-bg-info-light-g {
    background-color: var(--dnn-color-info-light-g, 184);
}
.aperture-bg-info-light-b {
    background-color: var(--dnn-color-info-light-b, 207);
}
.aperture-bg-info-dark {
    background-color: var(--dnn-color-info-dark, #00889e);
}
.aperture-bg-info-dark-r {
    background-color: var(--dnn-color-info-dark-r, 0);
}
.aperture-bg-info-dark-g {
    background-color: var(--dnn-color-info-dark-g, 136);
}
.aperture-bg-info-dark-b {
    background-color: var(--dnn-color-info-dark-b, 158);
}
.aperture-bg-info-contrast {
    background-color: var(--dnn-color-info-contrast, #fff);
}
.aperture-bg-info-contrast-r {
    background-color: var(--dnn-color-info-contrast-r, 255);
}
.aperture-bg-info-contrast-g {
    background-color: var(--dnn-color-info-contrast-g, 255);
}
.aperture-bg-info-contrast-b {
    background-color: var(--dnn-color-info-contrast-b, 255);
}
.aperture-bg-success {
    background-color: var(--dnn-color-success, #28a745);
}
.aperture-bg-success-r {
    background-color: var(--dnn-color-success-r, 40);
}
.aperture-bg-success-g {
    background-color: var(--dnn-color-success-g, 167);
}
.aperture-bg-success-b {
    background-color: var(--dnn-color-success-b, 69);
}
.aperture-bg-success-light {
    background-color: var(--dnn-color-success-light, #49c25d);
}
.aperture-bg-success-light-r {
    background-color: var(--dnn-color-success-light-r, 73);
}
.aperture-bg-success-light-g {
    background-color: var(--dnn-color-success-light-g, 194);
}
.aperture-bg-success-light-b {
    background-color: var(--dnn-color-success-light-b, 93);
}
.aperture-bg-success-dark {
    background-color: var(--dnn-color-success-dark, #00902f);
}
.aperture-bg-success-dark-r {
    background-color: var(--dnn-color-success-dark-r, 0);
}
.aperture-bg-success-dark-g {
    background-color: var(--dnn-color-success-dark-g, 144);
}
.aperture-bg-success-dark-b {
    background-color: var(--dnn-color-success-dark-b, 47);
}
.aperture-bg-success-contrast {
    background-color: var(--dnn-color-success-contrast, #fff);
}
.aperture-bg-success-contrast-r {
    background-color: var(--dnn-color-success-contrast-r, 255);
}
.aperture-bg-success-contrast-g {
    background-color: var(--dnn-color-success-contrast-g, 255);
}
.aperture-bg-success-contrast-b {
    background-color: var(--dnn-color-success-contrast-b, 255);
}
.aperture-bg-warning {
    background-color: var(--dnn-color-warning, #ffc107);
}
.aperture-bg-warning-r {
    background-color: var(--dnn-color-warning-r, 255);
}
.aperture-bg-warning-g {
    background-color: var(--dnn-color-warning-g, 193);
}
.aperture-bg-warning-b {
    background-color: var(--dnn-color-warning-b, 7);
}
.aperture-bg-warning-light {
    background-color: var(--dnn-color-warning-light, #ffd42e);
}
.aperture-bg-warning-light-r {
    background-color: var(--dnn-color-warning-light-r, 255);
}
.aperture-bg-warning-light-g {
    background-color: var(--dnn-color-warning-light-g, 212);
}
.aperture-bg-warning-light-b {
    background-color: var(--dnn-color-warning-light-b, 46);
}
.aperture-bg-warning-dark {
    background-color: var(--dnn-color-warning-dark, #e9ad00);
}
.aperture-bg-warning-dark-r {
    background-color: var(--dnn-color-warning-dark-r, 233);
}
.aperture-bg-warning-dark-g {
    background-color: var(--dnn-color-warning-dark-g, 173);
}
.aperture-bg-warning-dark-b {
    background-color: var(--dnn-color-warning-dark-b, 0);
}
.aperture-bg-warning-contrast {
    background-color: var(--dnn-color-warning-contrast, #fff);
}
.aperture-bg-warning-contrast-r {
    background-color: var(--dnn-color-warning-contrast-r, 255);
}
.aperture-bg-warning-contrast-g {
    background-color: var(--dnn-color-warning-contrast-g, 255);
}
.aperture-bg-warning-contrast-b {
    background-color: var(--dnn-color-warning-contrast-b, 255);
}
.aperture-bg-danger {
    background-color: var(--dnn-color-danger, #dc3545);
}
.aperture-bg-danger-r {
    background-color: var(--dnn-color-danger-r, 220);
}
.aperture-bg-danger-g {
    background-color: var(--dnn-color-danger-g, 53);
}
.aperture-bg-danger-b {
    background-color: var(--dnn-color-danger-b, 69);
}
.aperture-bg-danger-light {
    background-color: var(--dnn-color-danger-light, #f14954);
}
.aperture-bg-danger-light-r {
    background-color: var(--dnn-color-danger-light-r, 241);
}
.aperture-bg-danger-light-g {
    background-color: var(--dnn-color-danger-light-g, 73);
}
.aperture-bg-danger-light-b {
    background-color: var(--dnn-color-danger-light-b, 84);
}
.aperture-bg-danger-dark {
    background-color: var(--dnn-color-danger-dark, #c51535);
}
.aperture-bg-danger-dark-r {
    background-color: var(--dnn-color-danger-dark-r, 197);
}
.aperture-bg-danger-dark-g {
    background-color: var(--dnn-color-danger-dark-g, 21);
}
.aperture-bg-danger-dark-b {
    background-color: var(--dnn-color-danger-dark-b, 53);
}
.aperture-bg-danger-contrast {
    background-color: var(--dnn-color-danger-contrast, #fff);
}
.aperture-bg-danger-contrast-r {
    background-color: var(--dnn-color-danger-contrast-r, 255);
}
.aperture-bg-danger-contrast-g {
    background-color: var(--dnn-color-danger-contrast-g, 255);
}
.aperture-bg-danger-contrast-b {
    background-color: var(--dnn-color-danger-contrast-b, 255);
}
.aperture-bg-variation-opacity {
    background-color: var(--dnn-color-variation-opacity, 0.8);
}
.aperture-border-radius-0 {
    border-radius: 0;
}
@media (min-width: 0px) {
    .aperture-border-radius-xs-0 {
        border-radius: 0 !important;
    }
}
@media (min-width: 576px) {
    .aperture-border-radius-sm-0 {
        border-radius: 0 !important;
    }
}
@media (min-width: 768px) {
    .aperture-border-radius-md-0 {
        border-radius: 0 !important;
    }
}
@media (min-width: 992px) {
    .aperture-border-radius-lg-0 {
        border-radius: 0 !important;
    }
}
@media (min-width: 1200px) {
    .aperture-border-radius-xl-0 {
        border-radius: 0 !important;
    }
}
.aperture-border-radius-1 {
    border-radius: 0.25rem;
}
@media (min-width: 0px) {
    .aperture-border-radius-xs-1 {
        border-radius: 0.25rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-border-radius-sm-1 {
        border-radius: 0.25rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-border-radius-md-1 {
        border-radius: 0.25rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-border-radius-lg-1 {
        border-radius: 0.25rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-border-radius-xl-1 {
        border-radius: 0.25rem !important;
    }
}
.aperture-border-radius-2 {
    border-radius: 0.5rem;
}
@media (min-width: 0px) {
    .aperture-border-radius-xs-2 {
        border-radius: 0.5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-border-radius-sm-2 {
        border-radius: 0.5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-border-radius-md-2 {
        border-radius: 0.5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-border-radius-lg-2 {
        border-radius: 0.5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-border-radius-xl-2 {
        border-radius: 0.5rem !important;
    }
}
.aperture-border-radius-3 {
    border-radius: 1rem;
}
@media (min-width: 0px) {
    .aperture-border-radius-xs-3 {
        border-radius: 1rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-border-radius-sm-3 {
        border-radius: 1rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-border-radius-md-3 {
        border-radius: 1rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-border-radius-lg-3 {
        border-radius: 1rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-border-radius-xl-3 {
        border-radius: 1rem !important;
    }
}
.aperture-border-radius-4 {
    border-radius: 2.5rem;
}
@media (min-width: 0px) {
    .aperture-border-radius-xs-4 {
        border-radius: 2.5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-border-radius-sm-4 {
        border-radius: 2.5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-border-radius-md-4 {
        border-radius: 2.5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-border-radius-lg-4 {
        border-radius: 2.5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-border-radius-xl-4 {
        border-radius: 2.5rem !important;
    }
}
.aperture-border-radius-5 {
    border-radius: 5rem;
}
@media (min-width: 0px) {
    .aperture-border-radius-xs-5 {
        border-radius: 5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-border-radius-sm-5 {
        border-radius: 5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-border-radius-md-5 {
        border-radius: 5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-border-radius-lg-5 {
        border-radius: 5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-border-radius-xl-5 {
        border-radius: 5rem !important;
    }
}
.aperture-border-primary {
    border-color: var(--dnn-color-primary, #00a5e0);
}
.aperture-border-primary-r {
    border-color: var(--dnn-color-primary-r, 0);
}
.aperture-border-primary-g {
    border-color: var(--dnn-color-primary-g, 165);
}
.aperture-border-primary-b {
    border-color: var(--dnn-color-primary-b, 224);
}
.aperture-border-primary-light {
    border-color: var(--dnn-color-primary-light, #1aaee3);
}
.aperture-border-primary-light-r {
    border-color: var(--dnn-color-primary-light-r, 26);
}
.aperture-border-primary-light-g {
    border-color: var(--dnn-color-primary-light-g, 174);
}
.aperture-border-primary-light-b {
    border-color: var(--dnn-color-primary-light-b, 227);
}
.aperture-border-primary-dark {
    border-color: var(--dnn-color-primary-dark, #0091c5);
}
.aperture-border-primary-dark-r {
    border-color: var(--dnn-color-primary-dark-r, 0);
}
.aperture-border-primary-dark-g {
    border-color: var(--dnn-color-primary-dark-g, 145);
}
.aperture-border-primary-dark-b {
    border-color: var(--dnn-color-primary-dark-b 197);
}
.aperture-border-primary-contrast {
    border-color: var(--dnn-color-primary-contrast, #fff);
}
.aperture-border-primary-contrast-r {
    border-color: var(--dnn-color-primary-contrast-r, 255);
}
.aperture-border-primary-contrast-g {
    border-color: var(--dnn-color-primary-contrast-g, 255);
}
.aperture-border-primary-contrast-b {
    border-color: var(--dnn-color-primary-contrast-b 255);
}
.aperture-border-secondary {
    border-color: var(--dnn-color-secondary, #ed3d46);
}
.aperture-border-secondary-r {
    border-color: var(--dnn-color-secondary-r, 237);
}
.aperture-border-secondary-g {
    border-color: var(--dnn-color-secondary-g, 61);
}
.aperture-border-secondary-b {
    border-color: var(--dnn-color-secondary-b, 70);
}
.aperture-border-secondary-light {
    border-color: var(--dnn-color-secondary-light, #ef5059);
}
.aperture-border-secondary-light-r {
    border-color: var(--dnn-color-secondary-light-r, 239);
}
.aperture-border-secondary-light-g {
    border-color: var(--dnn-color-secondary-light-g, 80);
}
.aperture-border-secondary-light-b {
    border-color: var(--dnn-color-secondary-light-b, 89);
}
.aperture-border-secondary-dark {
    border-color: var(--dnn-color-secondary-dark, #d1363e);
}
.aperture-border-secondary-dark-r {
    border-color: var(--dnn-color-secondary-dark-r, 209);
}
.aperture-border-secondary-dark-g {
    border-color: var(--dnn-color-secondary-dark-g, 54);
}
.aperture-border-secondary-dark-b {
    border-color: var(--dnn-color-secondary-dark-b, 62);
}
.aperture-border-secondary-contrast {
    border-color: var(--dnn-color-secondary-contrast, #fff);
}
.aperture-border-secondary-contrast-r {
    border-color: var(--dnn-color-secondary-contrast-r, 255);
}
.aperture-border-secondary-contrast-g {
    border-color: var(--dnn-color-secondary-contrast-g, 255);
}
.aperture-border-secondary-contrast-b {
    border-color: var(--dnn-color-secondary-contrast-b, 255);
}
.aperture-border-tertiary {
    border-color: var(--dnn-color-tertiary, #0e2936);
}
.aperture-border-tertiary-r {
    border-color: var(--dnn-color-tertiary-r, 14);
}
.aperture-border-tertiary-g {
    border-color: var(--dnn-color-tertiary-g, 41);
}
.aperture-border-tertiary-b {
    border-color: var(--dnn-color-tertiary-b, 54);
}
.aperture-border-tertiary-light {
    border-color: var(--dnn-color-tertiary-light, #3c7a9a);
}
.aperture-border-tertiary-light-r {
    border-color: var(--dnn-color-tertiary-light-r, 60);
}
.aperture-border-tertiary-light-g {
    border-color: var(--dnn-color-tertiary-light-g, 122);
}
.aperture-border-tertiary-light-b {
    border-color: var(--dnn-color-tertiary-light-b, 154);
}
.aperture-border-tertiary-dark {
    border-color: var(--dnn-color-tertiary-dark, #0b1c24);
}
.aperture-border-tertiary-dark-r {
    border-color: var(--dnn-color-tertiary-dark-r, 11);
}
.aperture-border-tertiary-dark-g {
    border-color: var(--dnn-color-tertiary-dark-g, 28);
}
.aperture-border-tertiary-dark-b {
    border-color: var(--dnn-color-tertiary-dark-b, 36);
}
.aperture-border-tertiary-contrast {
    border-color: var(--dnn-color-tertiary-contrast, #fff);
}
.aperture-border-tertiary-contrast-r {
    border-color: var(--dnn-color-tertiary-contrast-r, 255);
}
.aperture-border-tertiary-contrast-g {
    border-color: var(--dnn-color-tertiary-contrast-g, 255);
}
.aperture-border-tertiary-contrast-b {
    border-color: var(--dnn-color-tertiary-contrast-b, 255);
}
.aperture-border-neutral {
    border-color: var(--dnn-color-neutral, #ededee);
}
.aperture-border-neutral-r {
    border-color: var(--dnn-color-neutral-r, 245);
}
.aperture-border-neutral-g {
    border-color: var(--dnn-color-neutral-g, 245);
}
.aperture-border-neutral-b {
    border-color: var(--dnn-color-neutral-b, 245);
}
.aperture-border-neutral-light {
    border-color: var(--dnn-color-neutral-light, #fff);
}
.aperture-border-neutral-light-r {
    border-color: var(--dnn-color-neutral-light-r, 255);
}
.aperture-border-neutral-light-g {
    border-color: var(--dnn-color-neutral-light-g, 255);
}
.aperture-border-neutral-light-b {
    border-color: var(--dnn-color-neutral-light-b, 255);
}
.aperture-border-neutral-dark {
    border-color: var(--dnn-color-neutral-dark, #999);
}
.aperture-border-neutral-dark-r {
    border-color: var(--dnn-color-neutral-dark-r, 153);
}
.aperture-border-neutral-dark-g {
    border-color: var(--dnn-color-neutral-dark-g, 153);
}
.aperture-border-neutral-dark-b {
    border-color: var(--dnn-color-neutral-dark-b, 153);
}
.aperture-border-neutral-contrast {
    border-color: var(--dnn-color-neutral-contrast, #000);
}
.aperture-border-neutral-contrast-r {
    border-color: var(--dnn-color-neutral-contrast-r, 0);
}
.aperture-border-neutral-contrast-g {
    border-color: var(--dnn-color-neutral-contrast-g, 0);
}
.aperture-border-neutral-contrast-b {
    border-color: var(--dnn-color-neutral-contrast-b, 0);
}
.aperture-border-background {
    border-color: var(--dnn-color-background, #fff);
}
.aperture-border-background-r {
    border-color: var(--dnn-color-background-r, 255);
}
.aperture-border-background-g {
    border-color: var(--dnn-color-background-g, 255);
}
.aperture-border-background-b {
    border-color: var(--dnn-color-background-b, 255);
}
.aperture-border-background-light {
    border-color: var(--dnn-color-background-light, #f5f5f5);
}
.aperture-border-background-light-r {
    border-color: var(--dnn-color-background-light-r, 245);
}
.aperture-border-background-light-g {
    border-color: var(--dnn-color-background-light-g, 245);
}
.aperture-border-background-light-b {
    border-color: var(--dnn-color-background-light-b, 245);
}
.aperture-border-background-dark {
    border-color: var(--dnn-color-background-dark, #ccc);
}
.aperture-border-background-dark-r {
    border-color: var(--dnn-color-background-dark-r, 204);
}
.aperture-border-background-dark-g {
    border-color: var(--dnn-color-background-dark-g, 204);
}
.aperture-border-background-dark-b {
    border-color: var(--dnn-color-background-dark-b, 204);
}
.aperture-border-background-contrast {
    border-color: var(--dnn-color-background-contrast, #000);
}
.aperture-border-background-contrast-r {
    border-color: var(--dnn-color-background-contrast-r, 0);
}
.aperture-border-background-contrast-g {
    border-color: var(--dnn-color-background-contrast-g, 0);
}
.aperture-border-background-contrast-b {
    border-color: var(--dnn-color-background-contrast-b, 0);
}
.aperture-border-foreground {
    border-color: var(--dnn-color-foreground, #000);
}
.aperture-border-foreground-r {
    border-color: var(--dnn-color-foreground-r, 0);
}
.aperture-border-foreground-g {
    border-color: var(--dnn-color-foreground-g, 0);
}
.aperture-border-foreground-b {
    border-color: var(--dnn-color-foreground-b, 0);
}
.aperture-border-foreground-light {
    border-color: var(--dnn-color-foreground-light, #333);
}
.aperture-border-foreground-light-r {
    border-color: var(--dnn-color-foreground-light-r, 51);
}
.aperture-border-foreground-light-g {
    border-color: var(--dnn-color-foreground-light-g, 51);
}
.aperture-border-foreground-light-b {
    border-color: var(--dnn-color-foreground-light-b, 51);
}
.aperture-border-foreground-dark {
    border-color: var(--dnn-color-foreground-dark, #000);
}
.aperture-border-foreground-dark-r {
    border-color: var(--dnn-color-foreground-dark-r, 0);
}
.aperture-border-foreground-dark-g {
    border-color: var(--dnn-color-foreground-dark-g, 0);
}
.aperture-border-foreground-dark-b {
    border-color: var(--dnn-color-foreground-dark-b, 0);
}
.aperture-border-foreground-contrast {
    border-color: var(--dnn-color-foreground-contrast, #fff);
}
.aperture-border-foreground-contrast-r {
    border-color: var(--dnn-color-foreground-contrast-r, 255);
}
.aperture-border-foreground-contrast-g {
    border-color: var(--dnn-color-foreground-contrast-g, 255);
}
.aperture-border-foreground-contrast-b {
    border-color: var(--dnn-color-foreground-contrast-b, 255);
}
.aperture-border-surface {
    border-color: var(--dnn-color-surface, #eee);
}
.aperture-border-surface-r {
    border-color: var(--dnn-color-surface-r, 238);
}
.aperture-border-surface-g {
    border-color: var(--dnn-color-surface-g, 238);
}
.aperture-border-surface-b {
    border-color: var(--dnn-color-surface-b, 238);
}
.aperture-border-surface-light {
    border-color: var(--dnn-color-surface-light, #f5f5f5);
}
.aperture-border-surface-light-r {
    border-color: var(--dnn-color-surface-light-r, 245);
}
.aperture-border-surface-light-g {
    border-color: var(--dnn-color-surface-light-g, 245);
}
.aperture-border-surface-light-b {
    border-color: var(--dnn-color-surface-light-b, 245);
}
.aperture-border-surface-dark {
    border-color: var(--dnn-color-surface-dark, #ccc);
}
.aperture-border-surface-dark-r {
    border-color: var(--dnn-color-surface-dark-r, 204);
}
.aperture-border-surface-dark-g {
    border-color: var(--dnn-color-surface-dark-g, 204);
}
.aperture-border-surface-dark-b {
    border-color: var(--dnn-color-surface-dark-b, 204);
}
.aperture-border-surface-contrast {
    border-color: var(--dnn-color-surface-contrast, #000);
}
.aperture-border-surface-contrast-r {
    border-color: var(--dnn-color-surface-contrast-r, 0);
}
.aperture-border-surface-contrast-g {
    border-color: var(--dnn-color-surface-contrast-g, 0);
}
.aperture-border-surface-contrast-b {
    border-color: var(--dnn-color-surface-contrast-b, 0);
}
.aperture-border-info {
    border-color: var(--dnn-color-info, #17a2b8);
}
.aperture-border-info-r {
    border-color: var(--dnn-color-info-r, 23);
}
.aperture-border-info-g {
    border-color: var(--dnn-color-info-g, 162);
}
.aperture-border-info-b {
    border-color: var(--dnn-color-info-b, 184);
}
.aperture-border-info-light {
    border-color: var(--dnn-color-info-light, #23b8cf);
}
.aperture-border-info-light-r {
    border-color: var(--dnn-color-info-light-r, 35);
}
.aperture-border-info-light-g {
    border-color: var(--dnn-color-info-light-g, 184);
}
.aperture-border-info-light-b {
    border-color: var(--dnn-color-info-light-b, 207);
}
.aperture-border-info-dark {
    border-color: var(--dnn-color-info-dark, #00889e);
}
.aperture-border-info-dark-r {
    border-color: var(--dnn-color-info-dark-r, 0);
}
.aperture-border-info-dark-g {
    border-color: var(--dnn-color-info-dark-g, 136);
}
.aperture-border-info-dark-b {
    border-color: var(--dnn-color-info-dark-b, 158);
}
.aperture-border-info-contrast {
    border-color: var(--dnn-color-info-contrast, #fff);
}
.aperture-border-info-contrast-r {
    border-color: var(--dnn-color-info-contrast-r, 255);
}
.aperture-border-info-contrast-g {
    border-color: var(--dnn-color-info-contrast-g, 255);
}
.aperture-border-info-contrast-b {
    border-color: var(--dnn-color-info-contrast-b, 255);
}
.aperture-border-success {
    border-color: var(--dnn-color-success, #28a745);
}
.aperture-border-success-r {
    border-color: var(--dnn-color-success-r, 40);
}
.aperture-border-success-g {
    border-color: var(--dnn-color-success-g, 167);
}
.aperture-border-success-b {
    border-color: var(--dnn-color-success-b, 69);
}
.aperture-border-success-light {
    border-color: var(--dnn-color-success-light, #49c25d);
}
.aperture-border-success-light-r {
    border-color: var(--dnn-color-success-light-r, 73);
}
.aperture-border-success-light-g {
    border-color: var(--dnn-color-success-light-g, 194);
}
.aperture-border-success-light-b {
    border-color: var(--dnn-color-success-light-b, 93);
}
.aperture-border-success-dark {
    border-color: var(--dnn-color-success-dark, #00902f);
}
.aperture-border-success-dark-r {
    border-color: var(--dnn-color-success-dark-r, 0);
}
.aperture-border-success-dark-g {
    border-color: var(--dnn-color-success-dark-g, 144);
}
.aperture-border-success-dark-b {
    border-color: var(--dnn-color-success-dark-b, 47);
}
.aperture-border-success-contrast {
    border-color: var(--dnn-color-success-contrast, #fff);
}
.aperture-border-success-contrast-r {
    border-color: var(--dnn-color-success-contrast-r, 255);
}
.aperture-border-success-contrast-g {
    border-color: var(--dnn-color-success-contrast-g, 255);
}
.aperture-border-success-contrast-b {
    border-color: var(--dnn-color-success-contrast-b, 255);
}
.aperture-border-warning {
    border-color: var(--dnn-color-warning, #ffc107);
}
.aperture-border-warning-r {
    border-color: var(--dnn-color-warning-r, 255);
}
.aperture-border-warning-g {
    border-color: var(--dnn-color-warning-g, 193);
}
.aperture-border-warning-b {
    border-color: var(--dnn-color-warning-b, 7);
}
.aperture-border-warning-light {
    border-color: var(--dnn-color-warning-light, #ffd42e);
}
.aperture-border-warning-light-r {
    border-color: var(--dnn-color-warning-light-r, 255);
}
.aperture-border-warning-light-g {
    border-color: var(--dnn-color-warning-light-g, 212);
}
.aperture-border-warning-light-b {
    border-color: var(--dnn-color-warning-light-b, 46);
}
.aperture-border-warning-dark {
    border-color: var(--dnn-color-warning-dark, #e9ad00);
}
.aperture-border-warning-dark-r {
    border-color: var(--dnn-color-warning-dark-r, 233);
}
.aperture-border-warning-dark-g {
    border-color: var(--dnn-color-warning-dark-g, 173);
}
.aperture-border-warning-dark-b {
    border-color: var(--dnn-color-warning-dark-b, 0);
}
.aperture-border-warning-contrast {
    border-color: var(--dnn-color-warning-contrast, #fff);
}
.aperture-border-warning-contrast-r {
    border-color: var(--dnn-color-warning-contrast-r, 255);
}
.aperture-border-warning-contrast-g {
    border-color: var(--dnn-color-warning-contrast-g, 255);
}
.aperture-border-warning-contrast-b {
    border-color: var(--dnn-color-warning-contrast-b, 255);
}
.aperture-border-danger {
    border-color: var(--dnn-color-danger, #dc3545);
}
.aperture-border-danger-r {
    border-color: var(--dnn-color-danger-r, 220);
}
.aperture-border-danger-g {
    border-color: var(--dnn-color-danger-g, 53);
}
.aperture-border-danger-b {
    border-color: var(--dnn-color-danger-b, 69);
}
.aperture-border-danger-light {
    border-color: var(--dnn-color-danger-light, #f14954);
}
.aperture-border-danger-light-r {
    border-color: var(--dnn-color-danger-light-r, 241);
}
.aperture-border-danger-light-g {
    border-color: var(--dnn-color-danger-light-g, 73);
}
.aperture-border-danger-light-b {
    border-color: var(--dnn-color-danger-light-b, 84);
}
.aperture-border-danger-dark {
    border-color: var(--dnn-color-danger-dark, #c51535);
}
.aperture-border-danger-dark-r {
    border-color: var(--dnn-color-danger-dark-r, 197);
}
.aperture-border-danger-dark-g {
    border-color: var(--dnn-color-danger-dark-g, 21);
}
.aperture-border-danger-dark-b {
    border-color: var(--dnn-color-danger-dark-b, 53);
}
.aperture-border-danger-contrast {
    border-color: var(--dnn-color-danger-contrast, #fff);
}
.aperture-border-danger-contrast-r {
    border-color: var(--dnn-color-danger-contrast-r, 255);
}
.aperture-border-danger-contrast-g {
    border-color: var(--dnn-color-danger-contrast-g, 255);
}
.aperture-border-danger-contrast-b {
    border-color: var(--dnn-color-danger-contrast-b, 255);
}
.aperture-border-variation-opacity {
    border-color: var(--dnn-color-variation-opacity, 0.8);
}
.aperture-btn-primary,
a.aperture-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);
}
.aperture-btn-primary:focus,
.aperture-btn-primary:hover,
a.aperture-btn-primary:focus,
a.aperture-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);
}
.aperture-btn-outline-primary,
a.aperture-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);
}
.aperture-btn-outline-primary:focus,
.aperture-btn-outline-primary:hover,
.aperture-btn-reverse-outline-primary a.aperture-btn-reverse-outline-primary,
a.aperture-btn-outline-primary:focus,
a.aperture-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);
}
.aperture-btn-reverse-outline-primary a.aperture-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);
}
.aperture-btn-reverse-outline-primary a.aperture-btn-reverse-outline-primary:focus,
.aperture-btn-reverse-outline-primary a.aperture-btn-reverse-outline-primary:hover {
    background-color: transparent;
    border-color: var(--dnn-color-primary, #00a5e0);
    color: var(--dnn-color-primary, #00a5e0);
}
.aperture-btn-inverse-primary,
a.aperture-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);
}
.aperture-btn-inverse-primary:focus,
.aperture-btn-inverse-primary:hover,
a.aperture-btn-inverse-primary:focus,
a.aperture-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";
}
.aperture-btn-primary-r,
a.aperture-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);
}
.aperture-btn-primary-r:focus,
.aperture-btn-primary-r:hover,
a.aperture-btn-primary-r:focus,
a.aperture-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);
}
.aperture-btn-outline-primary-r,
a.aperture-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);
}
.aperture-btn-outline-primary-r:focus,
.aperture-btn-outline-primary-r:hover,
.aperture-btn-reverse-outline-primary-r a.aperture-btn-reverse-outline-primary-r,
a.aperture-btn-outline-primary-r:focus,
a.aperture-btn-outline-primary-r:hover {
    background-color: var(--dnn-color-primary-r, 0);
    border-color: var(--dnn-color-primary-r, 0);
}
.aperture-btn-reverse-outline-primary-r a.aperture-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);
}
.aperture-btn-reverse-outline-primary-r a.aperture-btn-reverse-outline-primary-r:focus,
.aperture-btn-reverse-outline-primary-r a.aperture-btn-reverse-outline-primary-r:hover {
    background-color: transparent;
    border-color: var(--dnn-color-primary-r, 0);
    color: var(--dnn-color-primary-r, 0);
}
.aperture-btn-inverse-primary-r,
a.aperture-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);
}
.aperture-btn-inverse-primary-r:focus,
.aperture-btn-inverse-primary-r:hover,
a.aperture-btn-inverse-primary-r:focus,
a.aperture-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";
}
.aperture-btn-primary-g,
a.aperture-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);
}
.aperture-btn-primary-g:focus,
.aperture-btn-primary-g:hover,
a.aperture-btn-primary-g:focus,
a.aperture-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);
}
.aperture-btn-outline-primary-g,
a.aperture-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);
}
.aperture-btn-outline-primary-g:focus,
.aperture-btn-outline-primary-g:hover,
.aperture-btn-reverse-outline-primary-g a.aperture-btn-reverse-outline-primary-g,
a.aperture-btn-outline-primary-g:focus,
a.aperture-btn-outline-primary-g:hover {
    background-color: var(--dnn-color-primary-g, 165);
    border-color: var(--dnn-color-primary-g, 165);
}
.aperture-btn-reverse-outline-primary-g a.aperture-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);
}
.aperture-btn-reverse-outline-primary-g a.aperture-btn-reverse-outline-primary-g:focus,
.aperture-btn-reverse-outline-primary-g a.aperture-btn-reverse-outline-primary-g:hover {
    background-color: transparent;
    border-color: var(--dnn-color-primary-g, 165);
    color: var(--dnn-color-primary-g, 165);
}
.aperture-btn-inverse-primary-g,
a.aperture-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);
}
.aperture-btn-inverse-primary-g:focus,
.aperture-btn-inverse-primary-g:hover,
a.aperture-btn-inverse-primary-g:focus,
a.aperture-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";
}
.aperture-btn-primary-b,
a.aperture-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);
}
.aperture-btn-primary-b:focus,
.aperture-btn-primary-b:hover,
a.aperture-btn-primary-b:focus,
a.aperture-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);
}
.aperture-btn-outline-primary-b,
a.aperture-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);
}
.aperture-btn-outline-primary-b:focus,
.aperture-btn-outline-primary-b:hover,
.aperture-btn-reverse-outline-primary-b a.aperture-btn-reverse-outline-primary-b,
a.aperture-btn-outline-primary-b:focus,
a.aperture-btn-outline-primary-b:hover {
    background-color: var(--dnn-color-primary-b, 224);
    border-color: var(--dnn-color-primary-b, 224);
}
.aperture-btn-reverse-outline-primary-b a.aperture-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);
}
.aperture-btn-reverse-outline-primary-b a.aperture-btn-reverse-outline-primary-b:focus,
.aperture-btn-reverse-outline-primary-b a.aperture-btn-reverse-outline-primary-b:hover {
    background-color: transparent;
    border-color: var(--dnn-color-primary-b, 224);
    color: var(--dnn-color-primary-b, 224);
}
.aperture-btn-inverse-primary-b,
a.aperture-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);
}
.aperture-btn-inverse-primary-b:focus,
.aperture-btn-inverse-primary-b:hover,
a.aperture-btn-inverse-primary-b:focus,
a.aperture-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";
}
.aperture-btn-primary-light,
a.aperture-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);
}
.aperture-btn-primary-light:focus,
.aperture-btn-primary-light:hover,
a.aperture-btn-primary-light:focus,
a.aperture-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
    );
}
.aperture-btn-outline-primary-light,
a.aperture-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);
}
.aperture-btn-outline-primary-light:focus,
.aperture-btn-outline-primary-light:hover,
.aperture-btn-reverse-outline-primary-light a.aperture-btn-reverse-outline-primary-light,
a.aperture-btn-outline-primary-light:focus,
a.aperture-btn-outline-primary-light:hover {
    background-color: var(--dnn-color-primary-light, #1aaee3);
    border-color: var(--dnn-color-primary-light, #1aaee3);
}
.aperture-btn-reverse-outline-primary-light a.aperture-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);
}
.aperture-btn-reverse-outline-primary-light a.aperture-btn-reverse-outline-primary-light:focus,
.aperture-btn-reverse-outline-primary-light a.aperture-btn-reverse-outline-primary-light:hover {
    background-color: transparent;
    border-color: var(--dnn-color-primary-light, #1aaee3);
    color: var(--dnn-color-primary-light, #1aaee3);
}
.aperture-btn-inverse-primary-light,
a.aperture-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);
}
.aperture-btn-inverse-primary-light:focus,
.aperture-btn-inverse-primary-light:hover,
a.aperture-btn-inverse-primary-light:focus,
a.aperture-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";
}
.aperture-btn-primary-light-r,
a.aperture-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);
}
.aperture-btn-primary-light-r:focus,
.aperture-btn-primary-light-r:hover,
a.aperture-btn-primary-light-r:focus,
a.aperture-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
    );
}
.aperture-btn-outline-primary-light-r,
a.aperture-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);
}
.aperture-btn-outline-primary-light-r:focus,
.aperture-btn-outline-primary-light-r:hover,
.aperture-btn-reverse-outline-primary-light-r a.aperture-btn-reverse-outline-primary-light-r,
a.aperture-btn-outline-primary-light-r:focus,
a.aperture-btn-outline-primary-light-r:hover {
    background-color: var(--dnn-color-primary-light-r, 26);
    border-color: var(--dnn-color-primary-light-r, 26);
}
.aperture-btn-reverse-outline-primary-light-r a.aperture-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);
}
.aperture-btn-reverse-outline-primary-light-r a.aperture-btn-reverse-outline-primary-light-r:focus,
.aperture-btn-reverse-outline-primary-light-r a.aperture-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);
}
.aperture-btn-inverse-primary-light-r,
a.aperture-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);
}
.aperture-btn-inverse-primary-light-r:focus,
.aperture-btn-inverse-primary-light-r:hover,
a.aperture-btn-inverse-primary-light-r:focus,
a.aperture-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";
}
.aperture-btn-primary-light-g,
a.aperture-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);
}
.aperture-btn-primary-light-g:focus,
.aperture-btn-primary-light-g:hover,
a.aperture-btn-primary-light-g:focus,
a.aperture-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
    );
}
.aperture-btn-outline-primary-light-g,
a.aperture-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);
}
.aperture-btn-outline-primary-light-g:focus,
.aperture-btn-outline-primary-light-g:hover,
.aperture-btn-reverse-outline-primary-light-g a.aperture-btn-reverse-outline-primary-light-g,
a.aperture-btn-outline-primary-light-g:focus,
a.aperture-btn-outline-primary-light-g:hover {
    background-color: var(--dnn-color-primary-light-g, 174);
    border-color: var(--dnn-color-primary-light-g, 174);
}
.aperture-btn-reverse-outline-primary-light-g a.aperture-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);
}
.aperture-btn-reverse-outline-primary-light-g a.aperture-btn-reverse-outline-primary-light-g:focus,
.aperture-btn-reverse-outline-primary-light-g a.aperture-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);
}
.aperture-btn-inverse-primary-light-g,
a.aperture-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);
}
.aperture-btn-inverse-primary-light-g:focus,
.aperture-btn-inverse-primary-light-g:hover,
a.aperture-btn-inverse-primary-light-g:focus,
a.aperture-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";
}
.aperture-btn-primary-light-b,
a.aperture-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);
}
.aperture-btn-primary-light-b:focus,
.aperture-btn-primary-light-b:hover,
a.aperture-btn-primary-light-b:focus,
a.aperture-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
    );
}
.aperture-btn-outline-primary-light-b,
a.aperture-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);
}
.aperture-btn-outline-primary-light-b:focus,
.aperture-btn-outline-primary-light-b:hover,
.aperture-btn-reverse-outline-primary-light-b a.aperture-btn-reverse-outline-primary-light-b,
a.aperture-btn-outline-primary-light-b:focus,
a.aperture-btn-outline-primary-light-b:hover {
    background-color: var(--dnn-color-primary-light-b, 227);
    border-color: var(--dnn-color-primary-light-b, 227);
}
.aperture-btn-reverse-outline-primary-light-b a.aperture-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);
}
.aperture-btn-reverse-outline-primary-light-b a.aperture-btn-reverse-outline-primary-light-b:focus,
.aperture-btn-reverse-outline-primary-light-b a.aperture-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);
}
.aperture-btn-inverse-primary-light-b,
a.aperture-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);
}
.aperture-btn-inverse-primary-light-b:focus,
.aperture-btn-inverse-primary-light-b:hover,
a.aperture-btn-inverse-primary-light-b:focus,
a.aperture-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";
}
.aperture-btn-primary-dark,
a.aperture-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);
}
.aperture-btn-primary-dark:focus,
.aperture-btn-primary-dark:hover,
a.aperture-btn-primary-dark:focus,
a.aperture-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
    );
}
.aperture-btn-outline-primary-dark,
a.aperture-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);
}
.aperture-btn-outline-primary-dark:focus,
.aperture-btn-outline-primary-dark:hover,
.aperture-btn-reverse-outline-primary-dark a.aperture-btn-reverse-outline-primary-dark,
a.aperture-btn-outline-primary-dark:focus,
a.aperture-btn-outline-primary-dark:hover {
    background-color: var(--dnn-color-primary-dark, #0091c5);
    border-color: var(--dnn-color-primary-dark, #0091c5);
}
.aperture-btn-reverse-outline-primary-dark a.aperture-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);
}
.aperture-btn-reverse-outline-primary-dark a.aperture-btn-reverse-outline-primary-dark:focus,
.aperture-btn-reverse-outline-primary-dark a.aperture-btn-reverse-outline-primary-dark:hover {
    background-color: transparent;
    border-color: var(--dnn-color-primary-dark, #0091c5);
    color: var(--dnn-color-primary-dark, #0091c5);
}
.aperture-btn-inverse-primary-dark,
a.aperture-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);
}
.aperture-btn-inverse-primary-dark:focus,
.aperture-btn-inverse-primary-dark:hover,
a.aperture-btn-inverse-primary-dark:focus,
a.aperture-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";
}
.aperture-btn-primary-dark-r,
a.aperture-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);
}
.aperture-btn-primary-dark-r:focus,
.aperture-btn-primary-dark-r:hover,
a.aperture-btn-primary-dark-r:focus,
a.aperture-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
    );
}
.aperture-btn-outline-primary-dark-r,
a.aperture-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);
}
.aperture-btn-outline-primary-dark-r:focus,
.aperture-btn-outline-primary-dark-r:hover,
.aperture-btn-reverse-outline-primary-dark-r a.aperture-btn-reverse-outline-primary-dark-r,
a.aperture-btn-outline-primary-dark-r:focus,
a.aperture-btn-outline-primary-dark-r:hover {
    background-color: var(--dnn-color-primary-dark-r, 0);
    border-color: var(--dnn-color-primary-dark-r, 0);
}
.aperture-btn-reverse-outline-primary-dark-r a.aperture-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);
}
.aperture-btn-reverse-outline-primary-dark-r a.aperture-btn-reverse-outline-primary-dark-r:focus,
.aperture-btn-reverse-outline-primary-dark-r a.aperture-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);
}
.aperture-btn-inverse-primary-dark-r,
a.aperture-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);
}
.aperture-btn-inverse-primary-dark-r:focus,
.aperture-btn-inverse-primary-dark-r:hover,
a.aperture-btn-inverse-primary-dark-r:focus,
a.aperture-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";
}
.aperture-btn-primary-dark-g,
a.aperture-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);
}
.aperture-btn-primary-dark-g:focus,
.aperture-btn-primary-dark-g:hover,
a.aperture-btn-primary-dark-g:focus,
a.aperture-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
    );
}
.aperture-btn-outline-primary-dark-g,
a.aperture-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);
}
.aperture-btn-outline-primary-dark-g:focus,
.aperture-btn-outline-primary-dark-g:hover,
.aperture-btn-reverse-outline-primary-dark-g a.aperture-btn-reverse-outline-primary-dark-g,
a.aperture-btn-outline-primary-dark-g:focus,
a.aperture-btn-outline-primary-dark-g:hover {
    background-color: var(--dnn-color-primary-dark-g, 145);
    border-color: var(--dnn-color-primary-dark-g, 145);
}
.aperture-btn-reverse-outline-primary-dark-g a.aperture-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);
}
.aperture-btn-reverse-outline-primary-dark-g a.aperture-btn-reverse-outline-primary-dark-g:focus,
.aperture-btn-reverse-outline-primary-dark-g a.aperture-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);
}
.aperture-btn-inverse-primary-dark-g,
a.aperture-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);
}
.aperture-btn-inverse-primary-dark-g:focus,
.aperture-btn-inverse-primary-dark-g:hover,
a.aperture-btn-inverse-primary-dark-g:focus,
a.aperture-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";
}
.aperture-btn-primary-dark-b,
a.aperture-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);
}
.aperture-btn-primary-dark-b:focus,
.aperture-btn-primary-dark-b:hover,
a.aperture-btn-primary-dark-b:focus,
a.aperture-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
    );
}
.aperture-btn-outline-primary-dark-b,
a.aperture-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);
}
.aperture-btn-outline-primary-dark-b:focus,
.aperture-btn-outline-primary-dark-b:hover,
.aperture-btn-reverse-outline-primary-dark-b a.aperture-btn-reverse-outline-primary-dark-b,
a.aperture-btn-outline-primary-dark-b:focus,
a.aperture-btn-outline-primary-dark-b:hover {
    background-color: var(--dnn-color-primary-dark-b 197);
    border-color: var(--dnn-color-primary-dark-b 197);
}
.aperture-btn-reverse-outline-primary-dark-b a.aperture-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);
}
.aperture-btn-reverse-outline-primary-dark-b a.aperture-btn-reverse-outline-primary-dark-b:focus,
.aperture-btn-reverse-outline-primary-dark-b a.aperture-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);
}
.aperture-btn-inverse-primary-dark-b,
a.aperture-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);
}
.aperture-btn-inverse-primary-dark-b:focus,
.aperture-btn-inverse-primary-dark-b:hover,
a.aperture-btn-inverse-primary-dark-b:focus,
a.aperture-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";
}
.aperture-btn-primary-contrast,
a.aperture-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);
}
.aperture-btn-primary-contrast:focus,
.aperture-btn-primary-contrast:hover,
a.aperture-btn-primary-contrast:focus,
a.aperture-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
    );
}
.aperture-btn-outline-primary-contrast,
a.aperture-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);
}
.aperture-btn-outline-primary-contrast:focus,
.aperture-btn-outline-primary-contrast:hover,
.aperture-btn-reverse-outline-primary-contrast a.aperture-btn-reverse-outline-primary-contrast,
a.aperture-btn-outline-primary-contrast:focus,
a.aperture-btn-outline-primary-contrast:hover {
    background-color: var(--dnn-color-primary-contrast, #fff);
    border-color: var(--dnn-color-primary-contrast, #fff);
}
.aperture-btn-reverse-outline-primary-contrast a.aperture-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);
}
.aperture-btn-reverse-outline-primary-contrast a.aperture-btn-reverse-outline-primary-contrast:focus,
.aperture-btn-reverse-outline-primary-contrast a.aperture-btn-reverse-outline-primary-contrast:hover {
    background-color: transparent;
    border-color: var(--dnn-color-primary-contrast, #fff);
    color: var(--dnn-color-primary-contrast, #fff);
}
.aperture-btn-inverse-primary-contrast,
a.aperture-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);
}
.aperture-btn-inverse-primary-contrast:focus,
.aperture-btn-inverse-primary-contrast:hover,
a.aperture-btn-inverse-primary-contrast:focus,
a.aperture-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";
}
.aperture-btn-primary-contrast-r,
a.aperture-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);
}
.aperture-btn-primary-contrast-r:focus,
.aperture-btn-primary-contrast-r:hover,
a.aperture-btn-primary-contrast-r:focus,
a.aperture-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
    );
}
.aperture-btn-outline-primary-contrast-r,
a.aperture-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);
}
.aperture-btn-outline-primary-contrast-r:focus,
.aperture-btn-outline-primary-contrast-r:hover,
.aperture-btn-reverse-outline-primary-contrast-r a.aperture-btn-reverse-outline-primary-contrast-r,
a.aperture-btn-outline-primary-contrast-r:focus,
a.aperture-btn-outline-primary-contrast-r:hover {
    background-color: var(--dnn-color-primary-contrast-r, 255);
    border-color: var(--dnn-color-primary-contrast-r, 255);
}
.aperture-btn-reverse-outline-primary-contrast-r a.aperture-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);
}
.aperture-btn-reverse-outline-primary-contrast-r a.aperture-btn-reverse-outline-primary-contrast-r:focus,
.aperture-btn-reverse-outline-primary-contrast-r a.aperture-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);
}
.aperture-btn-inverse-primary-contrast-r,
a.aperture-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);
}
.aperture-btn-inverse-primary-contrast-r:focus,
.aperture-btn-inverse-primary-contrast-r:hover,
a.aperture-btn-inverse-primary-contrast-r:focus,
a.aperture-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";
}
.aperture-btn-primary-contrast-g,
a.aperture-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);
}
.aperture-btn-primary-contrast-g:focus,
.aperture-btn-primary-contrast-g:hover,
a.aperture-btn-primary-contrast-g:focus,
a.aperture-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
    );
}
.aperture-btn-outline-primary-contrast-g,
a.aperture-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);
}
.aperture-btn-outline-primary-contrast-g:focus,
.aperture-btn-outline-primary-contrast-g:hover,
.aperture-btn-reverse-outline-primary-contrast-g a.aperture-btn-reverse-outline-primary-contrast-g,
a.aperture-btn-outline-primary-contrast-g:focus,
a.aperture-btn-outline-primary-contrast-g:hover {
    background-color: var(--dnn-color-primary-contrast-g, 255);
    border-color: var(--dnn-color-primary-contrast-g, 255);
}
.aperture-btn-reverse-outline-primary-contrast-g a.aperture-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);
}
.aperture-btn-reverse-outline-primary-contrast-g a.aperture-btn-reverse-outline-primary-contrast-g:focus,
.aperture-btn-reverse-outline-primary-contrast-g a.aperture-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);
}
.aperture-btn-inverse-primary-contrast-g,
a.aperture-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);
}
.aperture-btn-inverse-primary-contrast-g:focus,
.aperture-btn-inverse-primary-contrast-g:hover,
a.aperture-btn-inverse-primary-contrast-g:focus,
a.aperture-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";
}
.aperture-btn-primary-contrast-b,
a.aperture-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);
}
.aperture-btn-primary-contrast-b:focus,
.aperture-btn-primary-contrast-b:hover,
a.aperture-btn-primary-contrast-b:focus,
a.aperture-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
    );
}
.aperture-btn-outline-primary-contrast-b,
a.aperture-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);
}
.aperture-btn-outline-primary-contrast-b:focus,
.aperture-btn-outline-primary-contrast-b:hover,
.aperture-btn-reverse-outline-primary-contrast-b a.aperture-btn-reverse-outline-primary-contrast-b,
a.aperture-btn-outline-primary-contrast-b:focus,
a.aperture-btn-outline-primary-contrast-b:hover {
    background-color: var(--dnn-color-primary-contrast-b 255);
    border-color: var(--dnn-color-primary-contrast-b 255);
}
.aperture-btn-reverse-outline-primary-contrast-b a.aperture-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);
}
.aperture-btn-reverse-outline-primary-contrast-b a.aperture-btn-reverse-outline-primary-contrast-b:focus,
.aperture-btn-reverse-outline-primary-contrast-b a.aperture-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);
}
.aperture-btn-inverse-primary-contrast-b,
a.aperture-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);
}
.aperture-btn-inverse-primary-contrast-b:focus,
.aperture-btn-inverse-primary-contrast-b:hover,
a.aperture-btn-inverse-primary-contrast-b:focus,
a.aperture-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";
}
.aperture-btn-secondary,
a.aperture-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);
}
.aperture-btn-secondary:focus,
.aperture-btn-secondary:hover,
a.aperture-btn-secondary:focus,
a.aperture-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);
}
.aperture-btn-outline-secondary,
a.aperture-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);
}
.aperture-btn-outline-secondary:focus,
.aperture-btn-outline-secondary:hover,
.aperture-btn-reverse-outline-secondary a.aperture-btn-reverse-outline-secondary,
a.aperture-btn-outline-secondary:focus,
a.aperture-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);
}
.aperture-btn-reverse-outline-secondary a.aperture-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);
}
.aperture-btn-reverse-outline-secondary a.aperture-btn-reverse-outline-secondary:focus,
.aperture-btn-reverse-outline-secondary a.aperture-btn-reverse-outline-secondary:hover {
    background-color: transparent;
    border-color: var(--dnn-color-secondary, #ed3d46);
    color: var(--dnn-color-secondary, #ed3d46);
}
.aperture-btn-inverse-secondary,
a.aperture-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);
}
.aperture-btn-inverse-secondary:focus,
.aperture-btn-inverse-secondary:hover,
a.aperture-btn-inverse-secondary:focus,
a.aperture-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";
}
.aperture-btn-secondary-r,
a.aperture-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);
}
.aperture-btn-secondary-r:focus,
.aperture-btn-secondary-r:hover,
a.aperture-btn-secondary-r:focus,
a.aperture-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
    );
}
.aperture-btn-outline-secondary-r,
a.aperture-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);
}
.aperture-btn-outline-secondary-r:focus,
.aperture-btn-outline-secondary-r:hover,
.aperture-btn-reverse-outline-secondary-r a.aperture-btn-reverse-outline-secondary-r,
a.aperture-btn-outline-secondary-r:focus,
a.aperture-btn-outline-secondary-r:hover {
    background-color: var(--dnn-color-secondary-r, 237);
    border-color: var(--dnn-color-secondary-r, 237);
}
.aperture-btn-reverse-outline-secondary-r a.aperture-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);
}
.aperture-btn-reverse-outline-secondary-r a.aperture-btn-reverse-outline-secondary-r:focus,
.aperture-btn-reverse-outline-secondary-r a.aperture-btn-reverse-outline-secondary-r:hover {
    background-color: transparent;
    border-color: var(--dnn-color-secondary-r, 237);
    color: var(--dnn-color-secondary-r, 237);
}
.aperture-btn-inverse-secondary-r,
a.aperture-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);
}
.aperture-btn-inverse-secondary-r:focus,
.aperture-btn-inverse-secondary-r:hover,
a.aperture-btn-inverse-secondary-r:focus,
a.aperture-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";
}
.aperture-btn-secondary-g,
a.aperture-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);
}
.aperture-btn-secondary-g:focus,
.aperture-btn-secondary-g:hover,
a.aperture-btn-secondary-g:focus,
a.aperture-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
    );
}
.aperture-btn-outline-secondary-g,
a.aperture-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);
}
.aperture-btn-outline-secondary-g:focus,
.aperture-btn-outline-secondary-g:hover,
.aperture-btn-reverse-outline-secondary-g a.aperture-btn-reverse-outline-secondary-g,
a.aperture-btn-outline-secondary-g:focus,
a.aperture-btn-outline-secondary-g:hover {
    background-color: var(--dnn-color-secondary-g, 61);
    border-color: var(--dnn-color-secondary-g, 61);
}
.aperture-btn-reverse-outline-secondary-g a.aperture-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);
}
.aperture-btn-reverse-outline-secondary-g a.aperture-btn-reverse-outline-secondary-g:focus,
.aperture-btn-reverse-outline-secondary-g a.aperture-btn-reverse-outline-secondary-g:hover {
    background-color: transparent;
    border-color: var(--dnn-color-secondary-g, 61);
    color: var(--dnn-color-secondary-g, 61);
}
.aperture-btn-inverse-secondary-g,
a.aperture-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);
}
.aperture-btn-inverse-secondary-g:focus,
.aperture-btn-inverse-secondary-g:hover,
a.aperture-btn-inverse-secondary-g:focus,
a.aperture-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";
}
.aperture-btn-secondary-b,
a.aperture-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);
}
.aperture-btn-secondary-b:focus,
.aperture-btn-secondary-b:hover,
a.aperture-btn-secondary-b:focus,
a.aperture-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
    );
}
.aperture-btn-outline-secondary-b,
a.aperture-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);
}
.aperture-btn-outline-secondary-b:focus,
.aperture-btn-outline-secondary-b:hover,
.aperture-btn-reverse-outline-secondary-b a.aperture-btn-reverse-outline-secondary-b,
a.aperture-btn-outline-secondary-b:focus,
a.aperture-btn-outline-secondary-b:hover {
    background-color: var(--dnn-color-secondary-b, 70);
    border-color: var(--dnn-color-secondary-b, 70);
}
.aperture-btn-reverse-outline-secondary-b a.aperture-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);
}
.aperture-btn-reverse-outline-secondary-b a.aperture-btn-reverse-outline-secondary-b:focus,
.aperture-btn-reverse-outline-secondary-b a.aperture-btn-reverse-outline-secondary-b:hover {
    background-color: transparent;
    border-color: var(--dnn-color-secondary-b, 70);
    color: var(--dnn-color-secondary-b, 70);
}
.aperture-btn-inverse-secondary-b,
a.aperture-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);
}
.aperture-btn-inverse-secondary-b:focus,
.aperture-btn-inverse-secondary-b:hover,
a.aperture-btn-inverse-secondary-b:focus,
a.aperture-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";
}
.aperture-btn-secondary-light,
a.aperture-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);
}
.aperture-btn-secondary-light:focus,
.aperture-btn-secondary-light:hover,
a.aperture-btn-secondary-light:focus,
a.aperture-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
    );
}
.aperture-btn-outline-secondary-light,
a.aperture-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);
}
.aperture-btn-outline-secondary-light:focus,
.aperture-btn-outline-secondary-light:hover,
.aperture-btn-reverse-outline-secondary-light a.aperture-btn-reverse-outline-secondary-light,
a.aperture-btn-outline-secondary-light:focus,
a.aperture-btn-outline-secondary-light:hover {
    background-color: var(--dnn-color-secondary-light, #ef5059);
    border-color: var(--dnn-color-secondary-light, #ef5059);
}
.aperture-btn-reverse-outline-secondary-light a.aperture-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);
}
.aperture-btn-reverse-outline-secondary-light a.aperture-btn-reverse-outline-secondary-light:focus,
.aperture-btn-reverse-outline-secondary-light a.aperture-btn-reverse-outline-secondary-light:hover {
    background-color: transparent;
    border-color: var(--dnn-color-secondary-light, #ef5059);
    color: var(--dnn-color-secondary-light, #ef5059);
}
.aperture-btn-inverse-secondary-light,
a.aperture-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);
}
.aperture-btn-inverse-secondary-light:focus,
.aperture-btn-inverse-secondary-light:hover,
a.aperture-btn-inverse-secondary-light:focus,
a.aperture-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";
}
.aperture-btn-secondary-light-r,
a.aperture-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);
}
.aperture-btn-secondary-light-r:focus,
.aperture-btn-secondary-light-r:hover,
a.aperture-btn-secondary-light-r:focus,
a.aperture-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
    );
}
.aperture-btn-outline-secondary-light-r,
a.aperture-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);
}
.aperture-btn-outline-secondary-light-r:focus,
.aperture-btn-outline-secondary-light-r:hover,
.aperture-btn-reverse-outline-secondary-light-r a.aperture-btn-reverse-outline-secondary-light-r,
a.aperture-btn-outline-secondary-light-r:focus,
a.aperture-btn-outline-secondary-light-r:hover {
    background-color: var(--dnn-color-secondary-light-r, 239);
    border-color: var(--dnn-color-secondary-light-r, 239);
}
.aperture-btn-reverse-outline-secondary-light-r a.aperture-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);
}
.aperture-btn-reverse-outline-secondary-light-r a.aperture-btn-reverse-outline-secondary-light-r:focus,
.aperture-btn-reverse-outline-secondary-light-r a.aperture-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);
}
.aperture-btn-inverse-secondary-light-r,
a.aperture-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);
}
.aperture-btn-inverse-secondary-light-r:focus,
.aperture-btn-inverse-secondary-light-r:hover,
a.aperture-btn-inverse-secondary-light-r:focus,
a.aperture-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";
}
.aperture-btn-secondary-light-g,
a.aperture-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);
}
.aperture-btn-secondary-light-g:focus,
.aperture-btn-secondary-light-g:hover,
a.aperture-btn-secondary-light-g:focus,
a.aperture-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
    );
}
.aperture-btn-outline-secondary-light-g,
a.aperture-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);
}
.aperture-btn-outline-secondary-light-g:focus,
.aperture-btn-outline-secondary-light-g:hover,
.aperture-btn-reverse-outline-secondary-light-g a.aperture-btn-reverse-outline-secondary-light-g,
a.aperture-btn-outline-secondary-light-g:focus,
a.aperture-btn-outline-secondary-light-g:hover {
    background-color: var(--dnn-color-secondary-light-g, 80);
    border-color: var(--dnn-color-secondary-light-g, 80);
}
.aperture-btn-reverse-outline-secondary-light-g a.aperture-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);
}
.aperture-btn-reverse-outline-secondary-light-g a.aperture-btn-reverse-outline-secondary-light-g:focus,
.aperture-btn-reverse-outline-secondary-light-g a.aperture-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);
}
.aperture-btn-inverse-secondary-light-g,
a.aperture-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);
}
.aperture-btn-inverse-secondary-light-g:focus,
.aperture-btn-inverse-secondary-light-g:hover,
a.aperture-btn-inverse-secondary-light-g:focus,
a.aperture-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";
}
.aperture-btn-secondary-light-b,
a.aperture-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);
}
.aperture-btn-secondary-light-b:focus,
.aperture-btn-secondary-light-b:hover,
a.aperture-btn-secondary-light-b:focus,
a.aperture-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
    );
}
.aperture-btn-outline-secondary-light-b,
a.aperture-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);
}
.aperture-btn-outline-secondary-light-b:focus,
.aperture-btn-outline-secondary-light-b:hover,
.aperture-btn-reverse-outline-secondary-light-b a.aperture-btn-reverse-outline-secondary-light-b,
a.aperture-btn-outline-secondary-light-b:focus,
a.aperture-btn-outline-secondary-light-b:hover {
    background-color: var(--dnn-color-secondary-light-b, 89);
    border-color: var(--dnn-color-secondary-light-b, 89);
}
.aperture-btn-reverse-outline-secondary-light-b a.aperture-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);
}
.aperture-btn-reverse-outline-secondary-light-b a.aperture-btn-reverse-outline-secondary-light-b:focus,
.aperture-btn-reverse-outline-secondary-light-b a.aperture-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);
}
.aperture-btn-inverse-secondary-light-b,
a.aperture-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);
}
.aperture-btn-inverse-secondary-light-b:focus,
.aperture-btn-inverse-secondary-light-b:hover,
a.aperture-btn-inverse-secondary-light-b:focus,
a.aperture-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";
}
.aperture-btn-secondary-dark,
a.aperture-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);
}
.aperture-btn-secondary-dark:focus,
.aperture-btn-secondary-dark:hover,
a.aperture-btn-secondary-dark:focus,
a.aperture-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
    );
}
.aperture-btn-outline-secondary-dark,
a.aperture-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);
}
.aperture-btn-outline-secondary-dark:focus,
.aperture-btn-outline-secondary-dark:hover,
.aperture-btn-reverse-outline-secondary-dark a.aperture-btn-reverse-outline-secondary-dark,
a.aperture-btn-outline-secondary-dark:focus,
a.aperture-btn-outline-secondary-dark:hover {
    background-color: var(--dnn-color-secondary-dark, #d1363e);
    border-color: var(--dnn-color-secondary-dark, #d1363e);
}
.aperture-btn-reverse-outline-secondary-dark a.aperture-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);
}
.aperture-btn-reverse-outline-secondary-dark a.aperture-btn-reverse-outline-secondary-dark:focus,
.aperture-btn-reverse-outline-secondary-dark a.aperture-btn-reverse-outline-secondary-dark:hover {
    background-color: transparent;
    border-color: var(--dnn-color-secondary-dark, #d1363e);
    color: var(--dnn-color-secondary-dark, #d1363e);
}
.aperture-btn-inverse-secondary-dark,
a.aperture-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);
}
.aperture-btn-inverse-secondary-dark:focus,
.aperture-btn-inverse-secondary-dark:hover,
a.aperture-btn-inverse-secondary-dark:focus,
a.aperture-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";
}
.aperture-btn-secondary-dark-r,
a.aperture-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);
}
.aperture-btn-secondary-dark-r:focus,
.aperture-btn-secondary-dark-r:hover,
a.aperture-btn-secondary-dark-r:focus,
a.aperture-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
    );
}
.aperture-btn-outline-secondary-dark-r,
a.aperture-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);
}
.aperture-btn-outline-secondary-dark-r:focus,
.aperture-btn-outline-secondary-dark-r:hover,
.aperture-btn-reverse-outline-secondary-dark-r a.aperture-btn-reverse-outline-secondary-dark-r,
a.aperture-btn-outline-secondary-dark-r:focus,
a.aperture-btn-outline-secondary-dark-r:hover {
    background-color: var(--dnn-color-secondary-dark-r, 209);
    border-color: var(--dnn-color-secondary-dark-r, 209);
}
.aperture-btn-reverse-outline-secondary-dark-r a.aperture-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);
}
.aperture-btn-reverse-outline-secondary-dark-r a.aperture-btn-reverse-outline-secondary-dark-r:focus,
.aperture-btn-reverse-outline-secondary-dark-r a.aperture-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);
}
.aperture-btn-inverse-secondary-dark-r,
a.aperture-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);
}
.aperture-btn-inverse-secondary-dark-r:focus,
.aperture-btn-inverse-secondary-dark-r:hover,
a.aperture-btn-inverse-secondary-dark-r:focus,
a.aperture-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";
}
.aperture-btn-secondary-dark-g,
a.aperture-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);
}
.aperture-btn-secondary-dark-g:focus,
.aperture-btn-secondary-dark-g:hover,
a.aperture-btn-secondary-dark-g:focus,
a.aperture-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
    );
}
.aperture-btn-outline-secondary-dark-g,
a.aperture-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);
}
.aperture-btn-outline-secondary-dark-g:focus,
.aperture-btn-outline-secondary-dark-g:hover,
.aperture-btn-reverse-outline-secondary-dark-g a.aperture-btn-reverse-outline-secondary-dark-g,
a.aperture-btn-outline-secondary-dark-g:focus,
a.aperture-btn-outline-secondary-dark-g:hover {
    background-color: var(--dnn-color-secondary-dark-g, 54);
    border-color: var(--dnn-color-secondary-dark-g, 54);
}
.aperture-btn-reverse-outline-secondary-dark-g a.aperture-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);
}
.aperture-btn-reverse-outline-secondary-dark-g a.aperture-btn-reverse-outline-secondary-dark-g:focus,
.aperture-btn-reverse-outline-secondary-dark-g a.aperture-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);
}
.aperture-btn-inverse-secondary-dark-g,
a.aperture-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);
}
.aperture-btn-inverse-secondary-dark-g:focus,
.aperture-btn-inverse-secondary-dark-g:hover,
a.aperture-btn-inverse-secondary-dark-g:focus,
a.aperture-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";
}
.aperture-btn-secondary-dark-b,
a.aperture-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);
}
.aperture-btn-secondary-dark-b:focus,
.aperture-btn-secondary-dark-b:hover,
a.aperture-btn-secondary-dark-b:focus,
a.aperture-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
    );
}
.aperture-btn-outline-secondary-dark-b,
a.aperture-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);
}
.aperture-btn-outline-secondary-dark-b:focus,
.aperture-btn-outline-secondary-dark-b:hover,
.aperture-btn-reverse-outline-secondary-dark-b a.aperture-btn-reverse-outline-secondary-dark-b,
a.aperture-btn-outline-secondary-dark-b:focus,
a.aperture-btn-outline-secondary-dark-b:hover {
    background-color: var(--dnn-color-secondary-dark-b, 62);
    border-color: var(--dnn-color-secondary-dark-b, 62);
}
.aperture-btn-reverse-outline-secondary-dark-b a.aperture-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);
}
.aperture-btn-reverse-outline-secondary-dark-b a.aperture-btn-reverse-outline-secondary-dark-b:focus,
.aperture-btn-reverse-outline-secondary-dark-b a.aperture-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);
}
.aperture-btn-inverse-secondary-dark-b,
a.aperture-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);
}
.aperture-btn-inverse-secondary-dark-b:focus,
.aperture-btn-inverse-secondary-dark-b:hover,
a.aperture-btn-inverse-secondary-dark-b:focus,
a.aperture-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";
}
.aperture-btn-secondary-contrast,
a.aperture-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);
}
.aperture-btn-secondary-contrast:focus,
.aperture-btn-secondary-contrast:hover,
a.aperture-btn-secondary-contrast:focus,
a.aperture-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
    );
}
.aperture-btn-outline-secondary-contrast,
a.aperture-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);
}
.aperture-btn-outline-secondary-contrast:focus,
.aperture-btn-outline-secondary-contrast:hover,
.aperture-btn-reverse-outline-secondary-contrast a.aperture-btn-reverse-outline-secondary-contrast,
a.aperture-btn-outline-secondary-contrast:focus,
a.aperture-btn-outline-secondary-contrast:hover {
    background-color: var(--dnn-color-secondary-contrast, #fff);
    border-color: var(--dnn-color-secondary-contrast, #fff);
}
.aperture-btn-reverse-outline-secondary-contrast a.aperture-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);
}
.aperture-btn-reverse-outline-secondary-contrast a.aperture-btn-reverse-outline-secondary-contrast:focus,
.aperture-btn-reverse-outline-secondary-contrast a.aperture-btn-reverse-outline-secondary-contrast:hover {
    background-color: transparent;
    border-color: var(--dnn-color-secondary-contrast, #fff);
    color: var(--dnn-color-secondary-contrast, #fff);
}
.aperture-btn-inverse-secondary-contrast,
a.aperture-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);
}
.aperture-btn-inverse-secondary-contrast:focus,
.aperture-btn-inverse-secondary-contrast:hover,
a.aperture-btn-inverse-secondary-contrast:focus,
a.aperture-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";
}
.aperture-btn-secondary-contrast-r,
a.aperture-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);
}
.aperture-btn-secondary-contrast-r:focus,
.aperture-btn-secondary-contrast-r:hover,
a.aperture-btn-secondary-contrast-r:focus,
a.aperture-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
    );
}
.aperture-btn-outline-secondary-contrast-r,
a.aperture-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);
}
.aperture-btn-outline-secondary-contrast-r:focus,
.aperture-btn-outline-secondary-contrast-r:hover,
.aperture-btn-reverse-outline-secondary-contrast-r a.aperture-btn-reverse-outline-secondary-contrast-r,
a.aperture-btn-outline-secondary-contrast-r:focus,
a.aperture-btn-outline-secondary-contrast-r:hover {
    background-color: var(--dnn-color-secondary-contrast-r, 255);
    border-color: var(--dnn-color-secondary-contrast-r, 255);
}
.aperture-btn-reverse-outline-secondary-contrast-r a.aperture-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);
}
.aperture-btn-reverse-outline-secondary-contrast-r a.aperture-btn-reverse-outline-secondary-contrast-r:focus,
.aperture-btn-reverse-outline-secondary-contrast-r a.aperture-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);
}
.aperture-btn-inverse-secondary-contrast-r,
a.aperture-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);
}
.aperture-btn-inverse-secondary-contrast-r:focus,
.aperture-btn-inverse-secondary-contrast-r:hover,
a.aperture-btn-inverse-secondary-contrast-r:focus,
a.aperture-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";
}
.aperture-btn-secondary-contrast-g,
a.aperture-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);
}
.aperture-btn-secondary-contrast-g:focus,
.aperture-btn-secondary-contrast-g:hover,
a.aperture-btn-secondary-contrast-g:focus,
a.aperture-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
    );
}
.aperture-btn-outline-secondary-contrast-g,
a.aperture-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);
}
.aperture-btn-outline-secondary-contrast-g:focus,
.aperture-btn-outline-secondary-contrast-g:hover,
.aperture-btn-reverse-outline-secondary-contrast-g a.aperture-btn-reverse-outline-secondary-contrast-g,
a.aperture-btn-outline-secondary-contrast-g:focus,
a.aperture-btn-outline-secondary-contrast-g:hover {
    background-color: var(--dnn-color-secondary-contrast-g, 255);
    border-color: var(--dnn-color-secondary-contrast-g, 255);
}
.aperture-btn-reverse-outline-secondary-contrast-g a.aperture-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);
}
.aperture-btn-reverse-outline-secondary-contrast-g a.aperture-btn-reverse-outline-secondary-contrast-g:focus,
.aperture-btn-reverse-outline-secondary-contrast-g a.aperture-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);
}
.aperture-btn-inverse-secondary-contrast-g,
a.aperture-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);
}
.aperture-btn-inverse-secondary-contrast-g:focus,
.aperture-btn-inverse-secondary-contrast-g:hover,
a.aperture-btn-inverse-secondary-contrast-g:focus,
a.aperture-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";
}
.aperture-btn-secondary-contrast-b,
a.aperture-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);
}
.aperture-btn-secondary-contrast-b:focus,
.aperture-btn-secondary-contrast-b:hover,
a.aperture-btn-secondary-contrast-b:focus,
a.aperture-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
    );
}
.aperture-btn-outline-secondary-contrast-b,
a.aperture-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);
}
.aperture-btn-outline-secondary-contrast-b:focus,
.aperture-btn-outline-secondary-contrast-b:hover,
.aperture-btn-reverse-outline-secondary-contrast-b a.aperture-btn-reverse-outline-secondary-contrast-b,
a.aperture-btn-outline-secondary-contrast-b:focus,
a.aperture-btn-outline-secondary-contrast-b:hover {
    background-color: var(--dnn-color-secondary-contrast-b, 255);
    border-color: var(--dnn-color-secondary-contrast-b, 255);
}
.aperture-btn-reverse-outline-secondary-contrast-b a.aperture-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);
}
.aperture-btn-reverse-outline-secondary-contrast-b a.aperture-btn-reverse-outline-secondary-contrast-b:focus,
.aperture-btn-reverse-outline-secondary-contrast-b a.aperture-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);
}
.aperture-btn-inverse-secondary-contrast-b,
a.aperture-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);
}
.aperture-btn-inverse-secondary-contrast-b:focus,
.aperture-btn-inverse-secondary-contrast-b:hover,
a.aperture-btn-inverse-secondary-contrast-b:focus,
a.aperture-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";
}
.aperture-btn-tertiary,
a.aperture-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);
}
.aperture-btn-tertiary:focus,
.aperture-btn-tertiary:hover,
a.aperture-btn-tertiary:focus,
a.aperture-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);
}
.aperture-btn-outline-tertiary,
a.aperture-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);
}
.aperture-btn-outline-tertiary:focus,
.aperture-btn-outline-tertiary:hover,
.aperture-btn-reverse-outline-tertiary a.aperture-btn-reverse-outline-tertiary,
a.aperture-btn-outline-tertiary:focus,
a.aperture-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);
}
.aperture-btn-reverse-outline-tertiary a.aperture-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);
}
.aperture-btn-reverse-outline-tertiary a.aperture-btn-reverse-outline-tertiary:focus,
.aperture-btn-reverse-outline-tertiary a.aperture-btn-reverse-outline-tertiary:hover {
    background-color: transparent;
    border-color: var(--dnn-color-tertiary, #0e2936);
    color: var(--dnn-color-tertiary, #0e2936);
}
.aperture-btn-inverse-tertiary,
a.aperture-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);
}
.aperture-btn-inverse-tertiary:focus,
.aperture-btn-inverse-tertiary:hover,
a.aperture-btn-inverse-tertiary:focus,
a.aperture-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";
}
.aperture-btn-tertiary-r,
a.aperture-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);
}
.aperture-btn-tertiary-r:focus,
.aperture-btn-tertiary-r:hover,
a.aperture-btn-tertiary-r:focus,
a.aperture-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
    );
}
.aperture-btn-outline-tertiary-r,
a.aperture-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);
}
.aperture-btn-outline-tertiary-r:focus,
.aperture-btn-outline-tertiary-r:hover,
.aperture-btn-reverse-outline-tertiary-r a.aperture-btn-reverse-outline-tertiary-r,
a.aperture-btn-outline-tertiary-r:focus,
a.aperture-btn-outline-tertiary-r:hover {
    background-color: var(--dnn-color-tertiary-r, 14);
    border-color: var(--dnn-color-tertiary-r, 14);
}
.aperture-btn-reverse-outline-tertiary-r a.aperture-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);
}
.aperture-btn-reverse-outline-tertiary-r a.aperture-btn-reverse-outline-tertiary-r:focus,
.aperture-btn-reverse-outline-tertiary-r a.aperture-btn-reverse-outline-tertiary-r:hover {
    background-color: transparent;
    border-color: var(--dnn-color-tertiary-r, 14);
    color: var(--dnn-color-tertiary-r, 14);
}
.aperture-btn-inverse-tertiary-r,
a.aperture-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);
}
.aperture-btn-inverse-tertiary-r:focus,
.aperture-btn-inverse-tertiary-r:hover,
a.aperture-btn-inverse-tertiary-r:focus,
a.aperture-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";
}
.aperture-btn-tertiary-g,
a.aperture-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);
}
.aperture-btn-tertiary-g:focus,
.aperture-btn-tertiary-g:hover,
a.aperture-btn-tertiary-g:focus,
a.aperture-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
    );
}
.aperture-btn-outline-tertiary-g,
a.aperture-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);
}
.aperture-btn-outline-tertiary-g:focus,
.aperture-btn-outline-tertiary-g:hover,
.aperture-btn-reverse-outline-tertiary-g a.aperture-btn-reverse-outline-tertiary-g,
a.aperture-btn-outline-tertiary-g:focus,
a.aperture-btn-outline-tertiary-g:hover {
    background-color: var(--dnn-color-tertiary-g, 41);
    border-color: var(--dnn-color-tertiary-g, 41);
}
.aperture-btn-reverse-outline-tertiary-g a.aperture-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);
}
.aperture-btn-reverse-outline-tertiary-g a.aperture-btn-reverse-outline-tertiary-g:focus,
.aperture-btn-reverse-outline-tertiary-g a.aperture-btn-reverse-outline-tertiary-g:hover {
    background-color: transparent;
    border-color: var(--dnn-color-tertiary-g, 41);
    color: var(--dnn-color-tertiary-g, 41);
}
.aperture-btn-inverse-tertiary-g,
a.aperture-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);
}
.aperture-btn-inverse-tertiary-g:focus,
.aperture-btn-inverse-tertiary-g:hover,
a.aperture-btn-inverse-tertiary-g:focus,
a.aperture-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";
}
.aperture-btn-tertiary-b,
a.aperture-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);
}
.aperture-btn-tertiary-b:focus,
.aperture-btn-tertiary-b:hover,
a.aperture-btn-tertiary-b:focus,
a.aperture-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
    );
}
.aperture-btn-outline-tertiary-b,
a.aperture-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);
}
.aperture-btn-outline-tertiary-b:focus,
.aperture-btn-outline-tertiary-b:hover,
.aperture-btn-reverse-outline-tertiary-b a.aperture-btn-reverse-outline-tertiary-b,
a.aperture-btn-outline-tertiary-b:focus,
a.aperture-btn-outline-tertiary-b:hover {
    background-color: var(--dnn-color-tertiary-b, 54);
    border-color: var(--dnn-color-tertiary-b, 54);
}
.aperture-btn-reverse-outline-tertiary-b a.aperture-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);
}
.aperture-btn-reverse-outline-tertiary-b a.aperture-btn-reverse-outline-tertiary-b:focus,
.aperture-btn-reverse-outline-tertiary-b a.aperture-btn-reverse-outline-tertiary-b:hover {
    background-color: transparent;
    border-color: var(--dnn-color-tertiary-b, 54);
    color: var(--dnn-color-tertiary-b, 54);
}
.aperture-btn-inverse-tertiary-b,
a.aperture-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);
}
.aperture-btn-inverse-tertiary-b:focus,
.aperture-btn-inverse-tertiary-b:hover,
a.aperture-btn-inverse-tertiary-b:focus,
a.aperture-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";
}
.aperture-btn-tertiary-light,
a.aperture-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);
}
.aperture-btn-tertiary-light:focus,
.aperture-btn-tertiary-light:hover,
a.aperture-btn-tertiary-light:focus,
a.aperture-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
    );
}
.aperture-btn-outline-tertiary-light,
a.aperture-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);
}
.aperture-btn-outline-tertiary-light:focus,
.aperture-btn-outline-tertiary-light:hover,
.aperture-btn-reverse-outline-tertiary-light a.aperture-btn-reverse-outline-tertiary-light,
a.aperture-btn-outline-tertiary-light:focus,
a.aperture-btn-outline-tertiary-light:hover {
    background-color: var(--dnn-color-tertiary-light, #3c7a9a);
    border-color: var(--dnn-color-tertiary-light, #3c7a9a);
}
.aperture-btn-reverse-outline-tertiary-light a.aperture-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);
}
.aperture-btn-reverse-outline-tertiary-light a.aperture-btn-reverse-outline-tertiary-light:focus,
.aperture-btn-reverse-outline-tertiary-light a.aperture-btn-reverse-outline-tertiary-light:hover {
    background-color: transparent;
    border-color: var(--dnn-color-tertiary-light, #3c7a9a);
    color: var(--dnn-color-tertiary-light, #3c7a9a);
}
.aperture-btn-inverse-tertiary-light,
a.aperture-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);
}
.aperture-btn-inverse-tertiary-light:focus,
.aperture-btn-inverse-tertiary-light:hover,
a.aperture-btn-inverse-tertiary-light:focus,
a.aperture-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";
}
.aperture-btn-tertiary-light-r,
a.aperture-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);
}
.aperture-btn-tertiary-light-r:focus,
.aperture-btn-tertiary-light-r:hover,
a.aperture-btn-tertiary-light-r:focus,
a.aperture-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
    );
}
.aperture-btn-outline-tertiary-light-r,
a.aperture-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);
}
.aperture-btn-outline-tertiary-light-r:focus,
.aperture-btn-outline-tertiary-light-r:hover,
.aperture-btn-reverse-outline-tertiary-light-r a.aperture-btn-reverse-outline-tertiary-light-r,
a.aperture-btn-outline-tertiary-light-r:focus,
a.aperture-btn-outline-tertiary-light-r:hover {
    background-color: var(--dnn-color-tertiary-light-r, 60);
    border-color: var(--dnn-color-tertiary-light-r, 60);
}
.aperture-btn-reverse-outline-tertiary-light-r a.aperture-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);
}
.aperture-btn-reverse-outline-tertiary-light-r a.aperture-btn-reverse-outline-tertiary-light-r:focus,
.aperture-btn-reverse-outline-tertiary-light-r a.aperture-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);
}
.aperture-btn-inverse-tertiary-light-r,
a.aperture-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);
}
.aperture-btn-inverse-tertiary-light-r:focus,
.aperture-btn-inverse-tertiary-light-r:hover,
a.aperture-btn-inverse-tertiary-light-r:focus,
a.aperture-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";
}
.aperture-btn-tertiary-light-g,
a.aperture-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);
}
.aperture-btn-tertiary-light-g:focus,
.aperture-btn-tertiary-light-g:hover,
a.aperture-btn-tertiary-light-g:focus,
a.aperture-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
    );
}
.aperture-btn-outline-tertiary-light-g,
a.aperture-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);
}
.aperture-btn-outline-tertiary-light-g:focus,
.aperture-btn-outline-tertiary-light-g:hover,
.aperture-btn-reverse-outline-tertiary-light-g a.aperture-btn-reverse-outline-tertiary-light-g,
a.aperture-btn-outline-tertiary-light-g:focus,
a.aperture-btn-outline-tertiary-light-g:hover {
    background-color: var(--dnn-color-tertiary-light-g, 122);
    border-color: var(--dnn-color-tertiary-light-g, 122);
}
.aperture-btn-reverse-outline-tertiary-light-g a.aperture-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);
}
.aperture-btn-reverse-outline-tertiary-light-g a.aperture-btn-reverse-outline-tertiary-light-g:focus,
.aperture-btn-reverse-outline-tertiary-light-g a.aperture-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);
}
.aperture-btn-inverse-tertiary-light-g,
a.aperture-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);
}
.aperture-btn-inverse-tertiary-light-g:focus,
.aperture-btn-inverse-tertiary-light-g:hover,
a.aperture-btn-inverse-tertiary-light-g:focus,
a.aperture-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";
}
.aperture-btn-tertiary-light-b,
a.aperture-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);
}
.aperture-btn-tertiary-light-b:focus,
.aperture-btn-tertiary-light-b:hover,
a.aperture-btn-tertiary-light-b:focus,
a.aperture-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
    );
}
.aperture-btn-outline-tertiary-light-b,
a.aperture-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);
}
.aperture-btn-outline-tertiary-light-b:focus,
.aperture-btn-outline-tertiary-light-b:hover,
.aperture-btn-reverse-outline-tertiary-light-b a.aperture-btn-reverse-outline-tertiary-light-b,
a.aperture-btn-outline-tertiary-light-b:focus,
a.aperture-btn-outline-tertiary-light-b:hover {
    background-color: var(--dnn-color-tertiary-light-b, 154);
    border-color: var(--dnn-color-tertiary-light-b, 154);
}
.aperture-btn-reverse-outline-tertiary-light-b a.aperture-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);
}
.aperture-btn-reverse-outline-tertiary-light-b a.aperture-btn-reverse-outline-tertiary-light-b:focus,
.aperture-btn-reverse-outline-tertiary-light-b a.aperture-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);
}
.aperture-btn-inverse-tertiary-light-b,
a.aperture-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);
}
.aperture-btn-inverse-tertiary-light-b:focus,
.aperture-btn-inverse-tertiary-light-b:hover,
a.aperture-btn-inverse-tertiary-light-b:focus,
a.aperture-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";
}
.aperture-btn-tertiary-dark,
a.aperture-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);
}
.aperture-btn-tertiary-dark:focus,
.aperture-btn-tertiary-dark:hover,
a.aperture-btn-tertiary-dark:focus,
a.aperture-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
    );
}
.aperture-btn-outline-tertiary-dark,
a.aperture-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);
}
.aperture-btn-outline-tertiary-dark:focus,
.aperture-btn-outline-tertiary-dark:hover,
.aperture-btn-reverse-outline-tertiary-dark a.aperture-btn-reverse-outline-tertiary-dark,
a.aperture-btn-outline-tertiary-dark:focus,
a.aperture-btn-outline-tertiary-dark:hover {
    background-color: var(--dnn-color-tertiary-dark, #0b1c24);
    border-color: var(--dnn-color-tertiary-dark, #0b1c24);
}
.aperture-btn-reverse-outline-tertiary-dark a.aperture-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);
}
.aperture-btn-reverse-outline-tertiary-dark a.aperture-btn-reverse-outline-tertiary-dark:focus,
.aperture-btn-reverse-outline-tertiary-dark a.aperture-btn-reverse-outline-tertiary-dark:hover {
    background-color: transparent;
    border-color: var(--dnn-color-tertiary-dark, #0b1c24);
    color: var(--dnn-color-tertiary-dark, #0b1c24);
}
.aperture-btn-inverse-tertiary-dark,
a.aperture-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);
}
.aperture-btn-inverse-tertiary-dark:focus,
.aperture-btn-inverse-tertiary-dark:hover,
a.aperture-btn-inverse-tertiary-dark:focus,
a.aperture-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";
}
.aperture-btn-tertiary-dark-r,
a.aperture-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);
}
.aperture-btn-tertiary-dark-r:focus,
.aperture-btn-tertiary-dark-r:hover,
a.aperture-btn-tertiary-dark-r:focus,
a.aperture-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
    );
}
.aperture-btn-outline-tertiary-dark-r,
a.aperture-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);
}
.aperture-btn-outline-tertiary-dark-r:focus,
.aperture-btn-outline-tertiary-dark-r:hover,
.aperture-btn-reverse-outline-tertiary-dark-r a.aperture-btn-reverse-outline-tertiary-dark-r,
a.aperture-btn-outline-tertiary-dark-r:focus,
a.aperture-btn-outline-tertiary-dark-r:hover {
    background-color: var(--dnn-color-tertiary-dark-r, 11);
    border-color: var(--dnn-color-tertiary-dark-r, 11);
}
.aperture-btn-reverse-outline-tertiary-dark-r a.aperture-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);
}
.aperture-btn-reverse-outline-tertiary-dark-r a.aperture-btn-reverse-outline-tertiary-dark-r:focus,
.aperture-btn-reverse-outline-tertiary-dark-r a.aperture-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);
}
.aperture-btn-inverse-tertiary-dark-r,
a.aperture-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);
}
.aperture-btn-inverse-tertiary-dark-r:focus,
.aperture-btn-inverse-tertiary-dark-r:hover,
a.aperture-btn-inverse-tertiary-dark-r:focus,
a.aperture-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";
}
.aperture-btn-tertiary-dark-g,
a.aperture-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);
}
.aperture-btn-tertiary-dark-g:focus,
.aperture-btn-tertiary-dark-g:hover,
a.aperture-btn-tertiary-dark-g:focus,
a.aperture-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
    );
}
.aperture-btn-outline-tertiary-dark-g,
a.aperture-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);
}
.aperture-btn-outline-tertiary-dark-g:focus,
.aperture-btn-outline-tertiary-dark-g:hover,
.aperture-btn-reverse-outline-tertiary-dark-g a.aperture-btn-reverse-outline-tertiary-dark-g,
a.aperture-btn-outline-tertiary-dark-g:focus,
a.aperture-btn-outline-tertiary-dark-g:hover {
    background-color: var(--dnn-color-tertiary-dark-g, 28);
    border-color: var(--dnn-color-tertiary-dark-g, 28);
}
.aperture-btn-reverse-outline-tertiary-dark-g a.aperture-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);
}
.aperture-btn-reverse-outline-tertiary-dark-g a.aperture-btn-reverse-outline-tertiary-dark-g:focus,
.aperture-btn-reverse-outline-tertiary-dark-g a.aperture-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);
}
.aperture-btn-inverse-tertiary-dark-g,
a.aperture-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);
}
.aperture-btn-inverse-tertiary-dark-g:focus,
.aperture-btn-inverse-tertiary-dark-g:hover,
a.aperture-btn-inverse-tertiary-dark-g:focus,
a.aperture-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";
}
.aperture-btn-tertiary-dark-b,
a.aperture-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);
}
.aperture-btn-tertiary-dark-b:focus,
.aperture-btn-tertiary-dark-b:hover,
a.aperture-btn-tertiary-dark-b:focus,
a.aperture-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
    );
}
.aperture-btn-outline-tertiary-dark-b,
a.aperture-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);
}
.aperture-btn-outline-tertiary-dark-b:focus,
.aperture-btn-outline-tertiary-dark-b:hover,
.aperture-btn-reverse-outline-tertiary-dark-b a.aperture-btn-reverse-outline-tertiary-dark-b,
a.aperture-btn-outline-tertiary-dark-b:focus,
a.aperture-btn-outline-tertiary-dark-b:hover {
    background-color: var(--dnn-color-tertiary-dark-b, 36);
    border-color: var(--dnn-color-tertiary-dark-b, 36);
}
.aperture-btn-reverse-outline-tertiary-dark-b a.aperture-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);
}
.aperture-btn-reverse-outline-tertiary-dark-b a.aperture-btn-reverse-outline-tertiary-dark-b:focus,
.aperture-btn-reverse-outline-tertiary-dark-b a.aperture-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);
}
.aperture-btn-inverse-tertiary-dark-b,
a.aperture-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);
}
.aperture-btn-inverse-tertiary-dark-b:focus,
.aperture-btn-inverse-tertiary-dark-b:hover,
a.aperture-btn-inverse-tertiary-dark-b:focus,
a.aperture-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";
}
.aperture-btn-tertiary-contrast,
a.aperture-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);
}
.aperture-btn-tertiary-contrast:focus,
.aperture-btn-tertiary-contrast:hover,
a.aperture-btn-tertiary-contrast:focus,
a.aperture-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
    );
}
.aperture-btn-outline-tertiary-contrast,
a.aperture-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);
}
.aperture-btn-outline-tertiary-contrast:focus,
.aperture-btn-outline-tertiary-contrast:hover,
.aperture-btn-reverse-outline-tertiary-contrast a.aperture-btn-reverse-outline-tertiary-contrast,
a.aperture-btn-outline-tertiary-contrast:focus,
a.aperture-btn-outline-tertiary-contrast:hover {
    background-color: var(--dnn-color-tertiary-contrast, #fff);
    border-color: var(--dnn-color-tertiary-contrast, #fff);
}
.aperture-btn-reverse-outline-tertiary-contrast a.aperture-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);
}
.aperture-btn-reverse-outline-tertiary-contrast a.aperture-btn-reverse-outline-tertiary-contrast:focus,
.aperture-btn-reverse-outline-tertiary-contrast a.aperture-btn-reverse-outline-tertiary-contrast:hover {
    background-color: transparent;
    border-color: var(--dnn-color-tertiary-contrast, #fff);
    color: var(--dnn-color-tertiary-contrast, #fff);
}
.aperture-btn-inverse-tertiary-contrast,
a.aperture-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);
}
.aperture-btn-inverse-tertiary-contrast:focus,
.aperture-btn-inverse-tertiary-contrast:hover,
a.aperture-btn-inverse-tertiary-contrast:focus,
a.aperture-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";
}
.aperture-btn-tertiary-contrast-r,
a.aperture-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);
}
.aperture-btn-tertiary-contrast-r:focus,
.aperture-btn-tertiary-contrast-r:hover,
a.aperture-btn-tertiary-contrast-r:focus,
a.aperture-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
    );
}
.aperture-btn-outline-tertiary-contrast-r,
a.aperture-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);
}
.aperture-btn-outline-tertiary-contrast-r:focus,
.aperture-btn-outline-tertiary-contrast-r:hover,
.aperture-btn-reverse-outline-tertiary-contrast-r a.aperture-btn-reverse-outline-tertiary-contrast-r,
a.aperture-btn-outline-tertiary-contrast-r:focus,
a.aperture-btn-outline-tertiary-contrast-r:hover {
    background-color: var(--dnn-color-tertiary-contrast-r, 255);
    border-color: var(--dnn-color-tertiary-contrast-r, 255);
}
.aperture-btn-reverse-outline-tertiary-contrast-r a.aperture-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);
}
.aperture-btn-reverse-outline-tertiary-contrast-r a.aperture-btn-reverse-outline-tertiary-contrast-r:focus,
.aperture-btn-reverse-outline-tertiary-contrast-r a.aperture-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);
}
.aperture-btn-inverse-tertiary-contrast-r,
a.aperture-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);
}
.aperture-btn-inverse-tertiary-contrast-r:focus,
.aperture-btn-inverse-tertiary-contrast-r:hover,
a.aperture-btn-inverse-tertiary-contrast-r:focus,
a.aperture-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";
}
.aperture-btn-tertiary-contrast-g,
a.aperture-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);
}
.aperture-btn-tertiary-contrast-g:focus,
.aperture-btn-tertiary-contrast-g:hover,
a.aperture-btn-tertiary-contrast-g:focus,
a.aperture-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
    );
}
.aperture-btn-outline-tertiary-contrast-g,
a.aperture-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);
}
.aperture-btn-outline-tertiary-contrast-g:focus,
.aperture-btn-outline-tertiary-contrast-g:hover,
.aperture-btn-reverse-outline-tertiary-contrast-g a.aperture-btn-reverse-outline-tertiary-contrast-g,
a.aperture-btn-outline-tertiary-contrast-g:focus,
a.aperture-btn-outline-tertiary-contrast-g:hover {
    background-color: var(--dnn-color-tertiary-contrast-g, 255);
    border-color: var(--dnn-color-tertiary-contrast-g, 255);
}
.aperture-btn-reverse-outline-tertiary-contrast-g a.aperture-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);
}
.aperture-btn-reverse-outline-tertiary-contrast-g a.aperture-btn-reverse-outline-tertiary-contrast-g:focus,
.aperture-btn-reverse-outline-tertiary-contrast-g a.aperture-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);
}
.aperture-btn-inverse-tertiary-contrast-g,
a.aperture-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);
}
.aperture-btn-inverse-tertiary-contrast-g:focus,
.aperture-btn-inverse-tertiary-contrast-g:hover,
a.aperture-btn-inverse-tertiary-contrast-g:focus,
a.aperture-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";
}
.aperture-btn-tertiary-contrast-b,
a.aperture-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);
}
.aperture-btn-tertiary-contrast-b:focus,
.aperture-btn-tertiary-contrast-b:hover,
a.aperture-btn-tertiary-contrast-b:focus,
a.aperture-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
    );
}
.aperture-btn-outline-tertiary-contrast-b,
a.aperture-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);
}
.aperture-btn-outline-tertiary-contrast-b:focus,
.aperture-btn-outline-tertiary-contrast-b:hover,
.aperture-btn-reverse-outline-tertiary-contrast-b a.aperture-btn-reverse-outline-tertiary-contrast-b,
a.aperture-btn-outline-tertiary-contrast-b:focus,
a.aperture-btn-outline-tertiary-contrast-b:hover {
    background-color: var(--dnn-color-tertiary-contrast-b, 255);
    border-color: var(--dnn-color-tertiary-contrast-b, 255);
}
.aperture-btn-reverse-outline-tertiary-contrast-b a.aperture-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);
}
.aperture-btn-reverse-outline-tertiary-contrast-b a.aperture-btn-reverse-outline-tertiary-contrast-b:focus,
.aperture-btn-reverse-outline-tertiary-contrast-b a.aperture-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);
}
.aperture-btn-inverse-tertiary-contrast-b,
a.aperture-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);
}
.aperture-btn-inverse-tertiary-contrast-b:focus,
.aperture-btn-inverse-tertiary-contrast-b:hover,
a.aperture-btn-inverse-tertiary-contrast-b:focus,
a.aperture-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";
}
.aperture-btn-neutral,
a.aperture-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);
}
.aperture-btn-neutral:focus,
.aperture-btn-neutral:hover,
a.aperture-btn-neutral:focus,
a.aperture-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);
}
.aperture-btn-outline-neutral,
a.aperture-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);
}
.aperture-btn-outline-neutral:focus,
.aperture-btn-outline-neutral:hover,
.aperture-btn-reverse-outline-neutral a.aperture-btn-reverse-outline-neutral,
a.aperture-btn-outline-neutral:focus,
a.aperture-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);
}
.aperture-btn-reverse-outline-neutral a.aperture-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);
}
.aperture-btn-reverse-outline-neutral a.aperture-btn-reverse-outline-neutral:focus,
.aperture-btn-reverse-outline-neutral a.aperture-btn-reverse-outline-neutral:hover {
    background-color: transparent;
    border-color: var(--dnn-color-neutral, #ededee);
    color: var(--dnn-color-neutral, #ededee);
}
.aperture-btn-inverse-neutral,
a.aperture-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);
}
.aperture-btn-inverse-neutral:focus,
.aperture-btn-inverse-neutral:hover,
a.aperture-btn-inverse-neutral:focus,
a.aperture-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";
}
.aperture-btn-neutral-r,
a.aperture-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);
}
.aperture-btn-neutral-r:focus,
.aperture-btn-neutral-r:hover,
a.aperture-btn-neutral-r:focus,
a.aperture-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);
}
.aperture-btn-outline-neutral-r,
a.aperture-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);
}
.aperture-btn-outline-neutral-r:focus,
.aperture-btn-outline-neutral-r:hover,
.aperture-btn-reverse-outline-neutral-r a.aperture-btn-reverse-outline-neutral-r,
a.aperture-btn-outline-neutral-r:focus,
a.aperture-btn-outline-neutral-r:hover {
    background-color: var(--dnn-color-neutral-r, 245);
    border-color: var(--dnn-color-neutral-r, 245);
}
.aperture-btn-reverse-outline-neutral-r a.aperture-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);
}
.aperture-btn-reverse-outline-neutral-r a.aperture-btn-reverse-outline-neutral-r:focus,
.aperture-btn-reverse-outline-neutral-r a.aperture-btn-reverse-outline-neutral-r:hover {
    background-color: transparent;
    border-color: var(--dnn-color-neutral-r, 245);
    color: var(--dnn-color-neutral-r, 245);
}
.aperture-btn-inverse-neutral-r,
a.aperture-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);
}
.aperture-btn-inverse-neutral-r:focus,
.aperture-btn-inverse-neutral-r:hover,
a.aperture-btn-inverse-neutral-r:focus,
a.aperture-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";
}
.aperture-btn-neutral-g,
a.aperture-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);
}
.aperture-btn-neutral-g:focus,
.aperture-btn-neutral-g:hover,
a.aperture-btn-neutral-g:focus,
a.aperture-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);
}
.aperture-btn-outline-neutral-g,
a.aperture-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);
}
.aperture-btn-outline-neutral-g:focus,
.aperture-btn-outline-neutral-g:hover,
.aperture-btn-reverse-outline-neutral-g a.aperture-btn-reverse-outline-neutral-g,
a.aperture-btn-outline-neutral-g:focus,
a.aperture-btn-outline-neutral-g:hover {
    background-color: var(--dnn-color-neutral-g, 245);
    border-color: var(--dnn-color-neutral-g, 245);
}
.aperture-btn-reverse-outline-neutral-g a.aperture-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);
}
.aperture-btn-reverse-outline-neutral-g a.aperture-btn-reverse-outline-neutral-g:focus,
.aperture-btn-reverse-outline-neutral-g a.aperture-btn-reverse-outline-neutral-g:hover {
    background-color: transparent;
    border-color: var(--dnn-color-neutral-g, 245);
    color: var(--dnn-color-neutral-g, 245);
}
.aperture-btn-inverse-neutral-g,
a.aperture-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);
}
.aperture-btn-inverse-neutral-g:focus,
.aperture-btn-inverse-neutral-g:hover,
a.aperture-btn-inverse-neutral-g:focus,
a.aperture-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";
}
.aperture-btn-neutral-b,
a.aperture-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);
}
.aperture-btn-neutral-b:focus,
.aperture-btn-neutral-b:hover,
a.aperture-btn-neutral-b:focus,
a.aperture-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);
}
.aperture-btn-outline-neutral-b,
a.aperture-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);
}
.aperture-btn-outline-neutral-b:focus,
.aperture-btn-outline-neutral-b:hover,
.aperture-btn-reverse-outline-neutral-b a.aperture-btn-reverse-outline-neutral-b,
a.aperture-btn-outline-neutral-b:focus,
a.aperture-btn-outline-neutral-b:hover {
    background-color: var(--dnn-color-neutral-b, 245);
    border-color: var(--dnn-color-neutral-b, 245);
}
.aperture-btn-reverse-outline-neutral-b a.aperture-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);
}
.aperture-btn-reverse-outline-neutral-b a.aperture-btn-reverse-outline-neutral-b:focus,
.aperture-btn-reverse-outline-neutral-b a.aperture-btn-reverse-outline-neutral-b:hover {
    background-color: transparent;
    border-color: var(--dnn-color-neutral-b, 245);
    color: var(--dnn-color-neutral-b, 245);
}
.aperture-btn-inverse-neutral-b,
a.aperture-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);
}
.aperture-btn-inverse-neutral-b:focus,
.aperture-btn-inverse-neutral-b:hover,
a.aperture-btn-inverse-neutral-b:focus,
a.aperture-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";
}
.aperture-btn-neutral-light,
a.aperture-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);
}
.aperture-btn-neutral-light:focus,
.aperture-btn-neutral-light:hover,
a.aperture-btn-neutral-light:focus,
a.aperture-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
    );
}
.aperture-btn-outline-neutral-light,
a.aperture-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);
}
.aperture-btn-outline-neutral-light:focus,
.aperture-btn-outline-neutral-light:hover,
.aperture-btn-reverse-outline-neutral-light a.aperture-btn-reverse-outline-neutral-light,
a.aperture-btn-outline-neutral-light:focus,
a.aperture-btn-outline-neutral-light:hover {
    background-color: var(--dnn-color-neutral-light, #fff);
    border-color: var(--dnn-color-neutral-light, #fff);
}
.aperture-btn-reverse-outline-neutral-light a.aperture-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);
}
.aperture-btn-reverse-outline-neutral-light a.aperture-btn-reverse-outline-neutral-light:focus,
.aperture-btn-reverse-outline-neutral-light a.aperture-btn-reverse-outline-neutral-light:hover {
    background-color: transparent;
    border-color: var(--dnn-color-neutral-light, #fff);
    color: var(--dnn-color-neutral-light, #fff);
}
.aperture-btn-inverse-neutral-light,
a.aperture-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);
}
.aperture-btn-inverse-neutral-light:focus,
.aperture-btn-inverse-neutral-light:hover,
a.aperture-btn-inverse-neutral-light:focus,
a.aperture-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";
}
.aperture-btn-neutral-light-r,
a.aperture-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);
}
.aperture-btn-neutral-light-r:focus,
.aperture-btn-neutral-light-r:hover,
a.aperture-btn-neutral-light-r:focus,
a.aperture-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
    );
}
.aperture-btn-outline-neutral-light-r,
a.aperture-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);
}
.aperture-btn-outline-neutral-light-r:focus,
.aperture-btn-outline-neutral-light-r:hover,
.aperture-btn-reverse-outline-neutral-light-r a.aperture-btn-reverse-outline-neutral-light-r,
a.aperture-btn-outline-neutral-light-r:focus,
a.aperture-btn-outline-neutral-light-r:hover {
    background-color: var(--dnn-color-neutral-light-r, 255);
    border-color: var(--dnn-color-neutral-light-r, 255);
}
.aperture-btn-reverse-outline-neutral-light-r a.aperture-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);
}
.aperture-btn-reverse-outline-neutral-light-r a.aperture-btn-reverse-outline-neutral-light-r:focus,
.aperture-btn-reverse-outline-neutral-light-r a.aperture-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);
}
.aperture-btn-inverse-neutral-light-r,
a.aperture-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);
}
.aperture-btn-inverse-neutral-light-r:focus,
.aperture-btn-inverse-neutral-light-r:hover,
a.aperture-btn-inverse-neutral-light-r:focus,
a.aperture-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";
}
.aperture-btn-neutral-light-g,
a.aperture-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);
}
.aperture-btn-neutral-light-g:focus,
.aperture-btn-neutral-light-g:hover,
a.aperture-btn-neutral-light-g:focus,
a.aperture-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
    );
}
.aperture-btn-outline-neutral-light-g,
a.aperture-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);
}
.aperture-btn-outline-neutral-light-g:focus,
.aperture-btn-outline-neutral-light-g:hover,
.aperture-btn-reverse-outline-neutral-light-g a.aperture-btn-reverse-outline-neutral-light-g,
a.aperture-btn-outline-neutral-light-g:focus,
a.aperture-btn-outline-neutral-light-g:hover {
    background-color: var(--dnn-color-neutral-light-g, 255);
    border-color: var(--dnn-color-neutral-light-g, 255);
}
.aperture-btn-reverse-outline-neutral-light-g a.aperture-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);
}
.aperture-btn-reverse-outline-neutral-light-g a.aperture-btn-reverse-outline-neutral-light-g:focus,
.aperture-btn-reverse-outline-neutral-light-g a.aperture-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);
}
.aperture-btn-inverse-neutral-light-g,
a.aperture-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);
}
.aperture-btn-inverse-neutral-light-g:focus,
.aperture-btn-inverse-neutral-light-g:hover,
a.aperture-btn-inverse-neutral-light-g:focus,
a.aperture-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";
}
.aperture-btn-neutral-light-b,
a.aperture-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);
}
.aperture-btn-neutral-light-b:focus,
.aperture-btn-neutral-light-b:hover,
a.aperture-btn-neutral-light-b:focus,
a.aperture-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
    );
}
.aperture-btn-outline-neutral-light-b,
a.aperture-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);
}
.aperture-btn-outline-neutral-light-b:focus,
.aperture-btn-outline-neutral-light-b:hover,
.aperture-btn-reverse-outline-neutral-light-b a.aperture-btn-reverse-outline-neutral-light-b,
a.aperture-btn-outline-neutral-light-b:focus,
a.aperture-btn-outline-neutral-light-b:hover {
    background-color: var(--dnn-color-neutral-light-b, 255);
    border-color: var(--dnn-color-neutral-light-b, 255);
}
.aperture-btn-reverse-outline-neutral-light-b a.aperture-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);
}
.aperture-btn-reverse-outline-neutral-light-b a.aperture-btn-reverse-outline-neutral-light-b:focus,
.aperture-btn-reverse-outline-neutral-light-b a.aperture-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);
}
.aperture-btn-inverse-neutral-light-b,
a.aperture-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);
}
.aperture-btn-inverse-neutral-light-b:focus,
.aperture-btn-inverse-neutral-light-b:hover,
a.aperture-btn-inverse-neutral-light-b:focus,
a.aperture-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";
}
.aperture-btn-neutral-dark,
a.aperture-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);
}
.aperture-btn-neutral-dark:focus,
.aperture-btn-neutral-dark:hover,
a.aperture-btn-neutral-dark:focus,
a.aperture-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
    );
}
.aperture-btn-outline-neutral-dark,
a.aperture-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);
}
.aperture-btn-outline-neutral-dark:focus,
.aperture-btn-outline-neutral-dark:hover,
.aperture-btn-reverse-outline-neutral-dark a.aperture-btn-reverse-outline-neutral-dark,
a.aperture-btn-outline-neutral-dark:focus,
a.aperture-btn-outline-neutral-dark:hover {
    background-color: var(--dnn-color-neutral-dark, #999);
    border-color: var(--dnn-color-neutral-dark, #999);
}
.aperture-btn-reverse-outline-neutral-dark a.aperture-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);
}
.aperture-btn-reverse-outline-neutral-dark a.aperture-btn-reverse-outline-neutral-dark:focus,
.aperture-btn-reverse-outline-neutral-dark a.aperture-btn-reverse-outline-neutral-dark:hover {
    background-color: transparent;
    border-color: var(--dnn-color-neutral-dark, #999);
    color: var(--dnn-color-neutral-dark, #999);
}
.aperture-btn-inverse-neutral-dark,
a.aperture-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);
}
.aperture-btn-inverse-neutral-dark:focus,
.aperture-btn-inverse-neutral-dark:hover,
a.aperture-btn-inverse-neutral-dark:focus,
a.aperture-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";
}
.aperture-btn-neutral-dark-r,
a.aperture-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);
}
.aperture-btn-neutral-dark-r:focus,
.aperture-btn-neutral-dark-r:hover,
a.aperture-btn-neutral-dark-r:focus,
a.aperture-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
    );
}
.aperture-btn-outline-neutral-dark-r,
a.aperture-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);
}
.aperture-btn-outline-neutral-dark-r:focus,
.aperture-btn-outline-neutral-dark-r:hover,
.aperture-btn-reverse-outline-neutral-dark-r a.aperture-btn-reverse-outline-neutral-dark-r,
a.aperture-btn-outline-neutral-dark-r:focus,
a.aperture-btn-outline-neutral-dark-r:hover {
    background-color: var(--dnn-color-neutral-dark-r, 153);
    border-color: var(--dnn-color-neutral-dark-r, 153);
}
.aperture-btn-reverse-outline-neutral-dark-r a.aperture-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);
}
.aperture-btn-reverse-outline-neutral-dark-r a.aperture-btn-reverse-outline-neutral-dark-r:focus,
.aperture-btn-reverse-outline-neutral-dark-r a.aperture-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);
}
.aperture-btn-inverse-neutral-dark-r,
a.aperture-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);
}
.aperture-btn-inverse-neutral-dark-r:focus,
.aperture-btn-inverse-neutral-dark-r:hover,
a.aperture-btn-inverse-neutral-dark-r:focus,
a.aperture-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";
}
.aperture-btn-neutral-dark-g,
a.aperture-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);
}
.aperture-btn-neutral-dark-g:focus,
.aperture-btn-neutral-dark-g:hover,
a.aperture-btn-neutral-dark-g:focus,
a.aperture-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
    );
}
.aperture-btn-outline-neutral-dark-g,
a.aperture-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);
}
.aperture-btn-outline-neutral-dark-g:focus,
.aperture-btn-outline-neutral-dark-g:hover,
.aperture-btn-reverse-outline-neutral-dark-g a.aperture-btn-reverse-outline-neutral-dark-g,
a.aperture-btn-outline-neutral-dark-g:focus,
a.aperture-btn-outline-neutral-dark-g:hover {
    background-color: var(--dnn-color-neutral-dark-g, 153);
    border-color: var(--dnn-color-neutral-dark-g, 153);
}
.aperture-btn-reverse-outline-neutral-dark-g a.aperture-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);
}
.aperture-btn-reverse-outline-neutral-dark-g a.aperture-btn-reverse-outline-neutral-dark-g:focus,
.aperture-btn-reverse-outline-neutral-dark-g a.aperture-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);
}
.aperture-btn-inverse-neutral-dark-g,
a.aperture-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);
}
.aperture-btn-inverse-neutral-dark-g:focus,
.aperture-btn-inverse-neutral-dark-g:hover,
a.aperture-btn-inverse-neutral-dark-g:focus,
a.aperture-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";
}
.aperture-btn-neutral-dark-b,
a.aperture-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);
}
.aperture-btn-neutral-dark-b:focus,
.aperture-btn-neutral-dark-b:hover,
a.aperture-btn-neutral-dark-b:focus,
a.aperture-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
    );
}
.aperture-btn-outline-neutral-dark-b,
a.aperture-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);
}
.aperture-btn-outline-neutral-dark-b:focus,
.aperture-btn-outline-neutral-dark-b:hover,
.aperture-btn-reverse-outline-neutral-dark-b a.aperture-btn-reverse-outline-neutral-dark-b,
a.aperture-btn-outline-neutral-dark-b:focus,
a.aperture-btn-outline-neutral-dark-b:hover {
    background-color: var(--dnn-color-neutral-dark-b, 153);
    border-color: var(--dnn-color-neutral-dark-b, 153);
}
.aperture-btn-reverse-outline-neutral-dark-b a.aperture-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);
}
.aperture-btn-reverse-outline-neutral-dark-b a.aperture-btn-reverse-outline-neutral-dark-b:focus,
.aperture-btn-reverse-outline-neutral-dark-b a.aperture-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);
}
.aperture-btn-inverse-neutral-dark-b,
a.aperture-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);
}
.aperture-btn-inverse-neutral-dark-b:focus,
.aperture-btn-inverse-neutral-dark-b:hover,
a.aperture-btn-inverse-neutral-dark-b:focus,
a.aperture-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";
}
.aperture-btn-neutral-contrast,
a.aperture-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);
}
.aperture-btn-neutral-contrast:focus,
.aperture-btn-neutral-contrast:hover,
a.aperture-btn-neutral-contrast:focus,
a.aperture-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
    );
}
.aperture-btn-outline-neutral-contrast,
a.aperture-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);
}
.aperture-btn-outline-neutral-contrast:focus,
.aperture-btn-outline-neutral-contrast:hover,
.aperture-btn-reverse-outline-neutral-contrast a.aperture-btn-reverse-outline-neutral-contrast,
a.aperture-btn-outline-neutral-contrast:focus,
a.aperture-btn-outline-neutral-contrast:hover {
    background-color: var(--dnn-color-neutral-contrast, #000);
    border-color: var(--dnn-color-neutral-contrast, #000);
}
.aperture-btn-reverse-outline-neutral-contrast a.aperture-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);
}
.aperture-btn-reverse-outline-neutral-contrast a.aperture-btn-reverse-outline-neutral-contrast:focus,
.aperture-btn-reverse-outline-neutral-contrast a.aperture-btn-reverse-outline-neutral-contrast:hover {
    background-color: transparent;
    border-color: var(--dnn-color-neutral-contrast, #000);
    color: var(--dnn-color-neutral-contrast, #000);
}
.aperture-btn-inverse-neutral-contrast,
a.aperture-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);
}
.aperture-btn-inverse-neutral-contrast:focus,
.aperture-btn-inverse-neutral-contrast:hover,
a.aperture-btn-inverse-neutral-contrast:focus,
a.aperture-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";
}
.aperture-btn-neutral-contrast-r,
a.aperture-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);
}
.aperture-btn-neutral-contrast-r:focus,
.aperture-btn-neutral-contrast-r:hover,
a.aperture-btn-neutral-contrast-r:focus,
a.aperture-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
    );
}
.aperture-btn-outline-neutral-contrast-r,
a.aperture-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);
}
.aperture-btn-outline-neutral-contrast-r:focus,
.aperture-btn-outline-neutral-contrast-r:hover,
.aperture-btn-reverse-outline-neutral-contrast-r a.aperture-btn-reverse-outline-neutral-contrast-r,
a.aperture-btn-outline-neutral-contrast-r:focus,
a.aperture-btn-outline-neutral-contrast-r:hover {
    background-color: var(--dnn-color-neutral-contrast-r, 0);
    border-color: var(--dnn-color-neutral-contrast-r, 0);
}
.aperture-btn-reverse-outline-neutral-contrast-r a.aperture-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);
}
.aperture-btn-reverse-outline-neutral-contrast-r a.aperture-btn-reverse-outline-neutral-contrast-r:focus,
.aperture-btn-reverse-outline-neutral-contrast-r a.aperture-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);
}
.aperture-btn-inverse-neutral-contrast-r,
a.aperture-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);
}
.aperture-btn-inverse-neutral-contrast-r:focus,
.aperture-btn-inverse-neutral-contrast-r:hover,
a.aperture-btn-inverse-neutral-contrast-r:focus,
a.aperture-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";
}
.aperture-btn-neutral-contrast-g,
a.aperture-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);
}
.aperture-btn-neutral-contrast-g:focus,
.aperture-btn-neutral-contrast-g:hover,
a.aperture-btn-neutral-contrast-g:focus,
a.aperture-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
    );
}
.aperture-btn-outline-neutral-contrast-g,
a.aperture-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);
}
.aperture-btn-outline-neutral-contrast-g:focus,
.aperture-btn-outline-neutral-contrast-g:hover,
.aperture-btn-reverse-outline-neutral-contrast-g a.aperture-btn-reverse-outline-neutral-contrast-g,
a.aperture-btn-outline-neutral-contrast-g:focus,
a.aperture-btn-outline-neutral-contrast-g:hover {
    background-color: var(--dnn-color-neutral-contrast-g, 0);
    border-color: var(--dnn-color-neutral-contrast-g, 0);
}
.aperture-btn-reverse-outline-neutral-contrast-g a.aperture-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);
}
.aperture-btn-reverse-outline-neutral-contrast-g a.aperture-btn-reverse-outline-neutral-contrast-g:focus,
.aperture-btn-reverse-outline-neutral-contrast-g a.aperture-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);
}
.aperture-btn-inverse-neutral-contrast-g,
a.aperture-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);
}
.aperture-btn-inverse-neutral-contrast-g:focus,
.aperture-btn-inverse-neutral-contrast-g:hover,
a.aperture-btn-inverse-neutral-contrast-g:focus,
a.aperture-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";
}
.aperture-btn-neutral-contrast-b,
a.aperture-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);
}
.aperture-btn-neutral-contrast-b:focus,
.aperture-btn-neutral-contrast-b:hover,
a.aperture-btn-neutral-contrast-b:focus,
a.aperture-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
    );
}
.aperture-btn-outline-neutral-contrast-b,
a.aperture-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);
}
.aperture-btn-outline-neutral-contrast-b:focus,
.aperture-btn-outline-neutral-contrast-b:hover,
.aperture-btn-reverse-outline-neutral-contrast-b a.aperture-btn-reverse-outline-neutral-contrast-b,
a.aperture-btn-outline-neutral-contrast-b:focus,
a.aperture-btn-outline-neutral-contrast-b:hover {
    background-color: var(--dnn-color-neutral-contrast-b, 0);
    border-color: var(--dnn-color-neutral-contrast-b, 0);
}
.aperture-btn-reverse-outline-neutral-contrast-b a.aperture-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);
}
.aperture-btn-reverse-outline-neutral-contrast-b a.aperture-btn-reverse-outline-neutral-contrast-b:focus,
.aperture-btn-reverse-outline-neutral-contrast-b a.aperture-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);
}
.aperture-btn-inverse-neutral-contrast-b,
a.aperture-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);
}
.aperture-btn-inverse-neutral-contrast-b:focus,
.aperture-btn-inverse-neutral-contrast-b:hover,
a.aperture-btn-inverse-neutral-contrast-b:focus,
a.aperture-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";
}
.aperture-btn-background,
a.aperture-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);
}
.aperture-btn-background:focus,
.aperture-btn-background:hover,
a.aperture-btn-background:focus,
a.aperture-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);
}
.aperture-btn-outline-background,
a.aperture-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);
}
.aperture-btn-outline-background:focus,
.aperture-btn-outline-background:hover,
.aperture-btn-reverse-outline-background a.aperture-btn-reverse-outline-background,
a.aperture-btn-outline-background:focus,
a.aperture-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);
}
.aperture-btn-reverse-outline-background a.aperture-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);
}
.aperture-btn-reverse-outline-background a.aperture-btn-reverse-outline-background:focus,
.aperture-btn-reverse-outline-background a.aperture-btn-reverse-outline-background:hover {
    background-color: transparent;
    border-color: var(--dnn-color-background, #fff);
    color: var(--dnn-color-background, #fff);
}
.aperture-btn-inverse-background,
a.aperture-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);
}
.aperture-btn-inverse-background:focus,
.aperture-btn-inverse-background:hover,
a.aperture-btn-inverse-background:focus,
a.aperture-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";
}
.aperture-btn-background-r,
a.aperture-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);
}
.aperture-btn-background-r:focus,
.aperture-btn-background-r:hover,
a.aperture-btn-background-r:focus,
a.aperture-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
    );
}
.aperture-btn-outline-background-r,
a.aperture-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);
}
.aperture-btn-outline-background-r:focus,
.aperture-btn-outline-background-r:hover,
.aperture-btn-reverse-outline-background-r a.aperture-btn-reverse-outline-background-r,
a.aperture-btn-outline-background-r:focus,
a.aperture-btn-outline-background-r:hover {
    background-color: var(--dnn-color-background-r, 255);
    border-color: var(--dnn-color-background-r, 255);
}
.aperture-btn-reverse-outline-background-r a.aperture-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);
}
.aperture-btn-reverse-outline-background-r a.aperture-btn-reverse-outline-background-r:focus,
.aperture-btn-reverse-outline-background-r a.aperture-btn-reverse-outline-background-r:hover {
    background-color: transparent;
    border-color: var(--dnn-color-background-r, 255);
    color: var(--dnn-color-background-r, 255);
}
.aperture-btn-inverse-background-r,
a.aperture-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);
}
.aperture-btn-inverse-background-r:focus,
.aperture-btn-inverse-background-r:hover,
a.aperture-btn-inverse-background-r:focus,
a.aperture-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";
}
.aperture-btn-background-g,
a.aperture-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);
}
.aperture-btn-background-g:focus,
.aperture-btn-background-g:hover,
a.aperture-btn-background-g:focus,
a.aperture-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
    );
}
.aperture-btn-outline-background-g,
a.aperture-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);
}
.aperture-btn-outline-background-g:focus,
.aperture-btn-outline-background-g:hover,
.aperture-btn-reverse-outline-background-g a.aperture-btn-reverse-outline-background-g,
a.aperture-btn-outline-background-g:focus,
a.aperture-btn-outline-background-g:hover {
    background-color: var(--dnn-color-background-g, 255);
    border-color: var(--dnn-color-background-g, 255);
}
.aperture-btn-reverse-outline-background-g a.aperture-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);
}
.aperture-btn-reverse-outline-background-g a.aperture-btn-reverse-outline-background-g:focus,
.aperture-btn-reverse-outline-background-g a.aperture-btn-reverse-outline-background-g:hover {
    background-color: transparent;
    border-color: var(--dnn-color-background-g, 255);
    color: var(--dnn-color-background-g, 255);
}
.aperture-btn-inverse-background-g,
a.aperture-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);
}
.aperture-btn-inverse-background-g:focus,
.aperture-btn-inverse-background-g:hover,
a.aperture-btn-inverse-background-g:focus,
a.aperture-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";
}
.aperture-btn-background-b,
a.aperture-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);
}
.aperture-btn-background-b:focus,
.aperture-btn-background-b:hover,
a.aperture-btn-background-b:focus,
a.aperture-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
    );
}
.aperture-btn-outline-background-b,
a.aperture-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);
}
.aperture-btn-outline-background-b:focus,
.aperture-btn-outline-background-b:hover,
.aperture-btn-reverse-outline-background-b a.aperture-btn-reverse-outline-background-b,
a.aperture-btn-outline-background-b:focus,
a.aperture-btn-outline-background-b:hover {
    background-color: var(--dnn-color-background-b, 255);
    border-color: var(--dnn-color-background-b, 255);
}
.aperture-btn-reverse-outline-background-b a.aperture-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);
}
.aperture-btn-reverse-outline-background-b a.aperture-btn-reverse-outline-background-b:focus,
.aperture-btn-reverse-outline-background-b a.aperture-btn-reverse-outline-background-b:hover {
    background-color: transparent;
    border-color: var(--dnn-color-background-b, 255);
    color: var(--dnn-color-background-b, 255);
}
.aperture-btn-inverse-background-b,
a.aperture-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);
}
.aperture-btn-inverse-background-b:focus,
.aperture-btn-inverse-background-b:hover,
a.aperture-btn-inverse-background-b:focus,
a.aperture-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";
}
.aperture-btn-background-light,
a.aperture-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);
}
.aperture-btn-background-light:focus,
.aperture-btn-background-light:hover,
a.aperture-btn-background-light:focus,
a.aperture-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
    );
}
.aperture-btn-outline-background-light,
a.aperture-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);
}
.aperture-btn-outline-background-light:focus,
.aperture-btn-outline-background-light:hover,
.aperture-btn-reverse-outline-background-light a.aperture-btn-reverse-outline-background-light,
a.aperture-btn-outline-background-light:focus,
a.aperture-btn-outline-background-light:hover {
    background-color: var(--dnn-color-background-light, #f5f5f5);
    border-color: var(--dnn-color-background-light, #f5f5f5);
}
.aperture-btn-reverse-outline-background-light a.aperture-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);
}
.aperture-btn-reverse-outline-background-light a.aperture-btn-reverse-outline-background-light:focus,
.aperture-btn-reverse-outline-background-light a.aperture-btn-reverse-outline-background-light:hover {
    background-color: transparent;
    border-color: var(--dnn-color-background-light, #f5f5f5);
    color: var(--dnn-color-background-light, #f5f5f5);
}
.aperture-btn-inverse-background-light,
a.aperture-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);
}
.aperture-btn-inverse-background-light:focus,
.aperture-btn-inverse-background-light:hover,
a.aperture-btn-inverse-background-light:focus,
a.aperture-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";
}
.aperture-btn-background-light-r,
a.aperture-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);
}
.aperture-btn-background-light-r:focus,
.aperture-btn-background-light-r:hover,
a.aperture-btn-background-light-r:focus,
a.aperture-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
    );
}
.aperture-btn-outline-background-light-r,
a.aperture-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);
}
.aperture-btn-outline-background-light-r:focus,
.aperture-btn-outline-background-light-r:hover,
.aperture-btn-reverse-outline-background-light-r a.aperture-btn-reverse-outline-background-light-r,
a.aperture-btn-outline-background-light-r:focus,
a.aperture-btn-outline-background-light-r:hover {
    background-color: var(--dnn-color-background-light-r, 245);
    border-color: var(--dnn-color-background-light-r, 245);
}
.aperture-btn-reverse-outline-background-light-r a.aperture-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);
}
.aperture-btn-reverse-outline-background-light-r a.aperture-btn-reverse-outline-background-light-r:focus,
.aperture-btn-reverse-outline-background-light-r a.aperture-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);
}
.aperture-btn-inverse-background-light-r,
a.aperture-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);
}
.aperture-btn-inverse-background-light-r:focus,
.aperture-btn-inverse-background-light-r:hover,
a.aperture-btn-inverse-background-light-r:focus,
a.aperture-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";
}
.aperture-btn-background-light-g,
a.aperture-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);
}
.aperture-btn-background-light-g:focus,
.aperture-btn-background-light-g:hover,
a.aperture-btn-background-light-g:focus,
a.aperture-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
    );
}
.aperture-btn-outline-background-light-g,
a.aperture-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);
}
.aperture-btn-outline-background-light-g:focus,
.aperture-btn-outline-background-light-g:hover,
.aperture-btn-reverse-outline-background-light-g a.aperture-btn-reverse-outline-background-light-g,
a.aperture-btn-outline-background-light-g:focus,
a.aperture-btn-outline-background-light-g:hover {
    background-color: var(--dnn-color-background-light-g, 245);
    border-color: var(--dnn-color-background-light-g, 245);
}
.aperture-btn-reverse-outline-background-light-g a.aperture-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);
}
.aperture-btn-reverse-outline-background-light-g a.aperture-btn-reverse-outline-background-light-g:focus,
.aperture-btn-reverse-outline-background-light-g a.aperture-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);
}
.aperture-btn-inverse-background-light-g,
a.aperture-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);
}
.aperture-btn-inverse-background-light-g:focus,
.aperture-btn-inverse-background-light-g:hover,
a.aperture-btn-inverse-background-light-g:focus,
a.aperture-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";
}
.aperture-btn-background-light-b,
a.aperture-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);
}
.aperture-btn-background-light-b:focus,
.aperture-btn-background-light-b:hover,
a.aperture-btn-background-light-b:focus,
a.aperture-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
    );
}
.aperture-btn-outline-background-light-b,
a.aperture-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);
}
.aperture-btn-outline-background-light-b:focus,
.aperture-btn-outline-background-light-b:hover,
.aperture-btn-reverse-outline-background-light-b a.aperture-btn-reverse-outline-background-light-b,
a.aperture-btn-outline-background-light-b:focus,
a.aperture-btn-outline-background-light-b:hover {
    background-color: var(--dnn-color-background-light-b, 245);
    border-color: var(--dnn-color-background-light-b, 245);
}
.aperture-btn-reverse-outline-background-light-b a.aperture-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);
}
.aperture-btn-reverse-outline-background-light-b a.aperture-btn-reverse-outline-background-light-b:focus,
.aperture-btn-reverse-outline-background-light-b a.aperture-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);
}
.aperture-btn-inverse-background-light-b,
a.aperture-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);
}
.aperture-btn-inverse-background-light-b:focus,
.aperture-btn-inverse-background-light-b:hover,
a.aperture-btn-inverse-background-light-b:focus,
a.aperture-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";
}
.aperture-btn-background-dark,
a.aperture-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);
}
.aperture-btn-background-dark:focus,
.aperture-btn-background-dark:hover,
a.aperture-btn-background-dark:focus,
a.aperture-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
    );
}
.aperture-btn-outline-background-dark,
a.aperture-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);
}
.aperture-btn-outline-background-dark:focus,
.aperture-btn-outline-background-dark:hover,
.aperture-btn-reverse-outline-background-dark a.aperture-btn-reverse-outline-background-dark,
a.aperture-btn-outline-background-dark:focus,
a.aperture-btn-outline-background-dark:hover {
    background-color: var(--dnn-color-background-dark, #ccc);
    border-color: var(--dnn-color-background-dark, #ccc);
}
.aperture-btn-reverse-outline-background-dark a.aperture-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);
}
.aperture-btn-reverse-outline-background-dark a.aperture-btn-reverse-outline-background-dark:focus,
.aperture-btn-reverse-outline-background-dark a.aperture-btn-reverse-outline-background-dark:hover {
    background-color: transparent;
    border-color: var(--dnn-color-background-dark, #ccc);
    color: var(--dnn-color-background-dark, #ccc);
}
.aperture-btn-inverse-background-dark,
a.aperture-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);
}
.aperture-btn-inverse-background-dark:focus,
.aperture-btn-inverse-background-dark:hover,
a.aperture-btn-inverse-background-dark:focus,
a.aperture-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";
}
.aperture-btn-background-dark-r,
a.aperture-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);
}
.aperture-btn-background-dark-r:focus,
.aperture-btn-background-dark-r:hover,
a.aperture-btn-background-dark-r:focus,
a.aperture-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
    );
}
.aperture-btn-outline-background-dark-r,
a.aperture-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);
}
.aperture-btn-outline-background-dark-r:focus,
.aperture-btn-outline-background-dark-r:hover,
.aperture-btn-reverse-outline-background-dark-r a.aperture-btn-reverse-outline-background-dark-r,
a.aperture-btn-outline-background-dark-r:focus,
a.aperture-btn-outline-background-dark-r:hover {
    background-color: var(--dnn-color-background-dark-r, 204);
    border-color: var(--dnn-color-background-dark-r, 204);
}
.aperture-btn-reverse-outline-background-dark-r a.aperture-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);
}
.aperture-btn-reverse-outline-background-dark-r a.aperture-btn-reverse-outline-background-dark-r:focus,
.aperture-btn-reverse-outline-background-dark-r a.aperture-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);
}
.aperture-btn-inverse-background-dark-r,
a.aperture-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);
}
.aperture-btn-inverse-background-dark-r:focus,
.aperture-btn-inverse-background-dark-r:hover,
a.aperture-btn-inverse-background-dark-r:focus,
a.aperture-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";
}
.aperture-btn-background-dark-g,
a.aperture-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);
}
.aperture-btn-background-dark-g:focus,
.aperture-btn-background-dark-g:hover,
a.aperture-btn-background-dark-g:focus,
a.aperture-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
    );
}
.aperture-btn-outline-background-dark-g,
a.aperture-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);
}
.aperture-btn-outline-background-dark-g:focus,
.aperture-btn-outline-background-dark-g:hover,
.aperture-btn-reverse-outline-background-dark-g a.aperture-btn-reverse-outline-background-dark-g,
a.aperture-btn-outline-background-dark-g:focus,
a.aperture-btn-outline-background-dark-g:hover {
    background-color: var(--dnn-color-background-dark-g, 204);
    border-color: var(--dnn-color-background-dark-g, 204);
}
.aperture-btn-reverse-outline-background-dark-g a.aperture-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);
}
.aperture-btn-reverse-outline-background-dark-g a.aperture-btn-reverse-outline-background-dark-g:focus,
.aperture-btn-reverse-outline-background-dark-g a.aperture-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);
}
.aperture-btn-inverse-background-dark-g,
a.aperture-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);
}
.aperture-btn-inverse-background-dark-g:focus,
.aperture-btn-inverse-background-dark-g:hover,
a.aperture-btn-inverse-background-dark-g:focus,
a.aperture-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";
}
.aperture-btn-background-dark-b,
a.aperture-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);
}
.aperture-btn-background-dark-b:focus,
.aperture-btn-background-dark-b:hover,
a.aperture-btn-background-dark-b:focus,
a.aperture-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
    );
}
.aperture-btn-outline-background-dark-b,
a.aperture-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);
}
.aperture-btn-outline-background-dark-b:focus,
.aperture-btn-outline-background-dark-b:hover,
.aperture-btn-reverse-outline-background-dark-b a.aperture-btn-reverse-outline-background-dark-b,
a.aperture-btn-outline-background-dark-b:focus,
a.aperture-btn-outline-background-dark-b:hover {
    background-color: var(--dnn-color-background-dark-b, 204);
    border-color: var(--dnn-color-background-dark-b, 204);
}
.aperture-btn-reverse-outline-background-dark-b a.aperture-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);
}
.aperture-btn-reverse-outline-background-dark-b a.aperture-btn-reverse-outline-background-dark-b:focus,
.aperture-btn-reverse-outline-background-dark-b a.aperture-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);
}
.aperture-btn-inverse-background-dark-b,
a.aperture-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);
}
.aperture-btn-inverse-background-dark-b:focus,
.aperture-btn-inverse-background-dark-b:hover,
a.aperture-btn-inverse-background-dark-b:focus,
a.aperture-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";
}
.aperture-btn-background-contrast,
a.aperture-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);
}
.aperture-btn-background-contrast:focus,
.aperture-btn-background-contrast:hover,
a.aperture-btn-background-contrast:focus,
a.aperture-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
    );
}
.aperture-btn-outline-background-contrast,
a.aperture-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);
}
.aperture-btn-outline-background-contrast:focus,
.aperture-btn-outline-background-contrast:hover,
.aperture-btn-reverse-outline-background-contrast a.aperture-btn-reverse-outline-background-contrast,
a.aperture-btn-outline-background-contrast:focus,
a.aperture-btn-outline-background-contrast:hover {
    background-color: var(--dnn-color-background-contrast, #000);
    border-color: var(--dnn-color-background-contrast, #000);
}
.aperture-btn-reverse-outline-background-contrast a.aperture-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);
}
.aperture-btn-reverse-outline-background-contrast a.aperture-btn-reverse-outline-background-contrast:focus,
.aperture-btn-reverse-outline-background-contrast a.aperture-btn-reverse-outline-background-contrast:hover {
    background-color: transparent;
    border-color: var(--dnn-color-background-contrast, #000);
    color: var(--dnn-color-background-contrast, #000);
}
.aperture-btn-inverse-background-contrast,
a.aperture-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);
}
.aperture-btn-inverse-background-contrast:focus,
.aperture-btn-inverse-background-contrast:hover,
a.aperture-btn-inverse-background-contrast:focus,
a.aperture-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";
}
.aperture-btn-background-contrast-r,
a.aperture-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);
}
.aperture-btn-background-contrast-r:focus,
.aperture-btn-background-contrast-r:hover,
a.aperture-btn-background-contrast-r:focus,
a.aperture-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
    );
}
.aperture-btn-outline-background-contrast-r,
a.aperture-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);
}
.aperture-btn-outline-background-contrast-r:focus,
.aperture-btn-outline-background-contrast-r:hover,
.aperture-btn-reverse-outline-background-contrast-r a.aperture-btn-reverse-outline-background-contrast-r,
a.aperture-btn-outline-background-contrast-r:focus,
a.aperture-btn-outline-background-contrast-r:hover {
    background-color: var(--dnn-color-background-contrast-r, 0);
    border-color: var(--dnn-color-background-contrast-r, 0);
}
.aperture-btn-reverse-outline-background-contrast-r a.aperture-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);
}
.aperture-btn-reverse-outline-background-contrast-r a.aperture-btn-reverse-outline-background-contrast-r:focus,
.aperture-btn-reverse-outline-background-contrast-r a.aperture-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);
}
.aperture-btn-inverse-background-contrast-r,
a.aperture-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);
}
.aperture-btn-inverse-background-contrast-r:focus,
.aperture-btn-inverse-background-contrast-r:hover,
a.aperture-btn-inverse-background-contrast-r:focus,
a.aperture-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";
}
.aperture-btn-background-contrast-g,
a.aperture-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);
}
.aperture-btn-background-contrast-g:focus,
.aperture-btn-background-contrast-g:hover,
a.aperture-btn-background-contrast-g:focus,
a.aperture-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
    );
}
.aperture-btn-outline-background-contrast-g,
a.aperture-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);
}
.aperture-btn-outline-background-contrast-g:focus,
.aperture-btn-outline-background-contrast-g:hover,
.aperture-btn-reverse-outline-background-contrast-g a.aperture-btn-reverse-outline-background-contrast-g,
a.aperture-btn-outline-background-contrast-g:focus,
a.aperture-btn-outline-background-contrast-g:hover {
    background-color: var(--dnn-color-background-contrast-g, 0);
    border-color: var(--dnn-color-background-contrast-g, 0);
}
.aperture-btn-reverse-outline-background-contrast-g a.aperture-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);
}
.aperture-btn-reverse-outline-background-contrast-g a.aperture-btn-reverse-outline-background-contrast-g:focus,
.aperture-btn-reverse-outline-background-contrast-g a.aperture-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);
}
.aperture-btn-inverse-background-contrast-g,
a.aperture-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);
}
.aperture-btn-inverse-background-contrast-g:focus,
.aperture-btn-inverse-background-contrast-g:hover,
a.aperture-btn-inverse-background-contrast-g:focus,
a.aperture-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";
}
.aperture-btn-background-contrast-b,
a.aperture-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);
}
.aperture-btn-background-contrast-b:focus,
.aperture-btn-background-contrast-b:hover,
a.aperture-btn-background-contrast-b:focus,
a.aperture-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
    );
}
.aperture-btn-outline-background-contrast-b,
a.aperture-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);
}
.aperture-btn-outline-background-contrast-b:focus,
.aperture-btn-outline-background-contrast-b:hover,
.aperture-btn-reverse-outline-background-contrast-b a.aperture-btn-reverse-outline-background-contrast-b,
a.aperture-btn-outline-background-contrast-b:focus,
a.aperture-btn-outline-background-contrast-b:hover {
    background-color: var(--dnn-color-background-contrast-b, 0);
    border-color: var(--dnn-color-background-contrast-b, 0);
}
.aperture-btn-reverse-outline-background-contrast-b a.aperture-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);
}
.aperture-btn-reverse-outline-background-contrast-b a.aperture-btn-reverse-outline-background-contrast-b:focus,
.aperture-btn-reverse-outline-background-contrast-b a.aperture-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);
}
.aperture-btn-inverse-background-contrast-b,
a.aperture-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);
}
.aperture-btn-inverse-background-contrast-b:focus,
.aperture-btn-inverse-background-contrast-b:hover,
a.aperture-btn-inverse-background-contrast-b:focus,
a.aperture-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";
}
.aperture-btn-foreground,
a.aperture-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);
}
.aperture-btn-foreground:focus,
.aperture-btn-foreground:hover,
a.aperture-btn-foreground:focus,
a.aperture-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);
}
.aperture-btn-outline-foreground,
a.aperture-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);
}
.aperture-btn-outline-foreground:focus,
.aperture-btn-outline-foreground:hover,
.aperture-btn-reverse-outline-foreground a.aperture-btn-reverse-outline-foreground,
a.aperture-btn-outline-foreground:focus,
a.aperture-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);
}
.aperture-btn-reverse-outline-foreground a.aperture-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);
}
.aperture-btn-reverse-outline-foreground a.aperture-btn-reverse-outline-foreground:focus,
.aperture-btn-reverse-outline-foreground a.aperture-btn-reverse-outline-foreground:hover {
    background-color: transparent;
    border-color: var(--dnn-color-foreground, #000);
    color: var(--dnn-color-foreground, #000);
}
.aperture-btn-inverse-foreground,
a.aperture-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);
}
.aperture-btn-inverse-foreground:focus,
.aperture-btn-inverse-foreground:hover,
a.aperture-btn-inverse-foreground:focus,
a.aperture-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";
}
.aperture-btn-foreground-r,
a.aperture-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);
}
.aperture-btn-foreground-r:focus,
.aperture-btn-foreground-r:hover,
a.aperture-btn-foreground-r:focus,
a.aperture-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
    );
}
.aperture-btn-outline-foreground-r,
a.aperture-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);
}
.aperture-btn-outline-foreground-r:focus,
.aperture-btn-outline-foreground-r:hover,
.aperture-btn-reverse-outline-foreground-r a.aperture-btn-reverse-outline-foreground-r,
a.aperture-btn-outline-foreground-r:focus,
a.aperture-btn-outline-foreground-r:hover {
    background-color: var(--dnn-color-foreground-r, 0);
    border-color: var(--dnn-color-foreground-r, 0);
}
.aperture-btn-reverse-outline-foreground-r a.aperture-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);
}
.aperture-btn-reverse-outline-foreground-r a.aperture-btn-reverse-outline-foreground-r:focus,
.aperture-btn-reverse-outline-foreground-r a.aperture-btn-reverse-outline-foreground-r:hover {
    background-color: transparent;
    border-color: var(--dnn-color-foreground-r, 0);
    color: var(--dnn-color-foreground-r, 0);
}
.aperture-btn-inverse-foreground-r,
a.aperture-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);
}
.aperture-btn-inverse-foreground-r:focus,
.aperture-btn-inverse-foreground-r:hover,
a.aperture-btn-inverse-foreground-r:focus,
a.aperture-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";
}
.aperture-btn-foreground-g,
a.aperture-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);
}
.aperture-btn-foreground-g:focus,
.aperture-btn-foreground-g:hover,
a.aperture-btn-foreground-g:focus,
a.aperture-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
    );
}
.aperture-btn-outline-foreground-g,
a.aperture-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);
}
.aperture-btn-outline-foreground-g:focus,
.aperture-btn-outline-foreground-g:hover,
.aperture-btn-reverse-outline-foreground-g a.aperture-btn-reverse-outline-foreground-g,
a.aperture-btn-outline-foreground-g:focus,
a.aperture-btn-outline-foreground-g:hover {
    background-color: var(--dnn-color-foreground-g, 0);
    border-color: var(--dnn-color-foreground-g, 0);
}
.aperture-btn-reverse-outline-foreground-g a.aperture-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);
}
.aperture-btn-reverse-outline-foreground-g a.aperture-btn-reverse-outline-foreground-g:focus,
.aperture-btn-reverse-outline-foreground-g a.aperture-btn-reverse-outline-foreground-g:hover {
    background-color: transparent;
    border-color: var(--dnn-color-foreground-g, 0);
    color: var(--dnn-color-foreground-g, 0);
}
.aperture-btn-inverse-foreground-g,
a.aperture-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);
}
.aperture-btn-inverse-foreground-g:focus,
.aperture-btn-inverse-foreground-g:hover,
a.aperture-btn-inverse-foreground-g:focus,
a.aperture-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";
}
.aperture-btn-foreground-b,
a.aperture-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);
}
.aperture-btn-foreground-b:focus,
.aperture-btn-foreground-b:hover,
a.aperture-btn-foreground-b:focus,
a.aperture-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
    );
}
.aperture-btn-outline-foreground-b,
a.aperture-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);
}
.aperture-btn-outline-foreground-b:focus,
.aperture-btn-outline-foreground-b:hover,
.aperture-btn-reverse-outline-foreground-b a.aperture-btn-reverse-outline-foreground-b,
a.aperture-btn-outline-foreground-b:focus,
a.aperture-btn-outline-foreground-b:hover {
    background-color: var(--dnn-color-foreground-b, 0);
    border-color: var(--dnn-color-foreground-b, 0);
}
.aperture-btn-reverse-outline-foreground-b a.aperture-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);
}
.aperture-btn-reverse-outline-foreground-b a.aperture-btn-reverse-outline-foreground-b:focus,
.aperture-btn-reverse-outline-foreground-b a.aperture-btn-reverse-outline-foreground-b:hover {
    background-color: transparent;
    border-color: var(--dnn-color-foreground-b, 0);
    color: var(--dnn-color-foreground-b, 0);
}
.aperture-btn-inverse-foreground-b,
a.aperture-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);
}
.aperture-btn-inverse-foreground-b:focus,
.aperture-btn-inverse-foreground-b:hover,
a.aperture-btn-inverse-foreground-b:focus,
a.aperture-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";
}
.aperture-btn-foreground-light,
a.aperture-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);
}
.aperture-btn-foreground-light:focus,
.aperture-btn-foreground-light:hover,
a.aperture-btn-foreground-light:focus,
a.aperture-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
    );
}
.aperture-btn-outline-foreground-light,
a.aperture-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);
}
.aperture-btn-outline-foreground-light:focus,
.aperture-btn-outline-foreground-light:hover,
.aperture-btn-reverse-outline-foreground-light a.aperture-btn-reverse-outline-foreground-light,
a.aperture-btn-outline-foreground-light:focus,
a.aperture-btn-outline-foreground-light:hover {
    background-color: var(--dnn-color-foreground-light, #333);
    border-color: var(--dnn-color-foreground-light, #333);
}
.aperture-btn-reverse-outline-foreground-light a.aperture-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);
}
.aperture-btn-reverse-outline-foreground-light a.aperture-btn-reverse-outline-foreground-light:focus,
.aperture-btn-reverse-outline-foreground-light a.aperture-btn-reverse-outline-foreground-light:hover {
    background-color: transparent;
    border-color: var(--dnn-color-foreground-light, #333);
    color: var(--dnn-color-foreground-light, #333);
}
.aperture-btn-inverse-foreground-light,
a.aperture-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);
}
.aperture-btn-inverse-foreground-light:focus,
.aperture-btn-inverse-foreground-light:hover,
a.aperture-btn-inverse-foreground-light:focus,
a.aperture-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";
}
.aperture-btn-foreground-light-r,
a.aperture-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);
}
.aperture-btn-foreground-light-r:focus,
.aperture-btn-foreground-light-r:hover,
a.aperture-btn-foreground-light-r:focus,
a.aperture-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
    );
}
.aperture-btn-outline-foreground-light-r,
a.aperture-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);
}
.aperture-btn-outline-foreground-light-r:focus,
.aperture-btn-outline-foreground-light-r:hover,
.aperture-btn-reverse-outline-foreground-light-r a.aperture-btn-reverse-outline-foreground-light-r,
a.aperture-btn-outline-foreground-light-r:focus,
a.aperture-btn-outline-foreground-light-r:hover {
    background-color: var(--dnn-color-foreground-light-r, 51);
    border-color: var(--dnn-color-foreground-light-r, 51);
}
.aperture-btn-reverse-outline-foreground-light-r a.aperture-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);
}
.aperture-btn-reverse-outline-foreground-light-r a.aperture-btn-reverse-outline-foreground-light-r:focus,
.aperture-btn-reverse-outline-foreground-light-r a.aperture-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);
}
.aperture-btn-inverse-foreground-light-r,
a.aperture-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);
}
.aperture-btn-inverse-foreground-light-r:focus,
.aperture-btn-inverse-foreground-light-r:hover,
a.aperture-btn-inverse-foreground-light-r:focus,
a.aperture-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";
}
.aperture-btn-foreground-light-g,
a.aperture-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);
}
.aperture-btn-foreground-light-g:focus,
.aperture-btn-foreground-light-g:hover,
a.aperture-btn-foreground-light-g:focus,
a.aperture-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
    );
}
.aperture-btn-outline-foreground-light-g,
a.aperture-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);
}
.aperture-btn-outline-foreground-light-g:focus,
.aperture-btn-outline-foreground-light-g:hover,
.aperture-btn-reverse-outline-foreground-light-g a.aperture-btn-reverse-outline-foreground-light-g,
a.aperture-btn-outline-foreground-light-g:focus,
a.aperture-btn-outline-foreground-light-g:hover {
    background-color: var(--dnn-color-foreground-light-g, 51);
    border-color: var(--dnn-color-foreground-light-g, 51);
}
.aperture-btn-reverse-outline-foreground-light-g a.aperture-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);
}
.aperture-btn-reverse-outline-foreground-light-g a.aperture-btn-reverse-outline-foreground-light-g:focus,
.aperture-btn-reverse-outline-foreground-light-g a.aperture-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);
}
.aperture-btn-inverse-foreground-light-g,
a.aperture-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);
}
.aperture-btn-inverse-foreground-light-g:focus,
.aperture-btn-inverse-foreground-light-g:hover,
a.aperture-btn-inverse-foreground-light-g:focus,
a.aperture-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";
}
.aperture-btn-foreground-light-b,
a.aperture-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);
}
.aperture-btn-foreground-light-b:focus,
.aperture-btn-foreground-light-b:hover,
a.aperture-btn-foreground-light-b:focus,
a.aperture-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
    );
}
.aperture-btn-outline-foreground-light-b,
a.aperture-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);
}
.aperture-btn-outline-foreground-light-b:focus,
.aperture-btn-outline-foreground-light-b:hover,
.aperture-btn-reverse-outline-foreground-light-b a.aperture-btn-reverse-outline-foreground-light-b,
a.aperture-btn-outline-foreground-light-b:focus,
a.aperture-btn-outline-foreground-light-b:hover {
    background-color: var(--dnn-color-foreground-light-b, 51);
    border-color: var(--dnn-color-foreground-light-b, 51);
}
.aperture-btn-reverse-outline-foreground-light-b a.aperture-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);
}
.aperture-btn-reverse-outline-foreground-light-b a.aperture-btn-reverse-outline-foreground-light-b:focus,
.aperture-btn-reverse-outline-foreground-light-b a.aperture-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);
}
.aperture-btn-inverse-foreground-light-b,
a.aperture-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);
}
.aperture-btn-inverse-foreground-light-b:focus,
.aperture-btn-inverse-foreground-light-b:hover,
a.aperture-btn-inverse-foreground-light-b:focus,
a.aperture-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";
}
.aperture-btn-foreground-dark,
a.aperture-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);
}
.aperture-btn-foreground-dark:focus,
.aperture-btn-foreground-dark:hover,
a.aperture-btn-foreground-dark:focus,
a.aperture-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
    );
}
.aperture-btn-outline-foreground-dark,
a.aperture-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);
}
.aperture-btn-outline-foreground-dark:focus,
.aperture-btn-outline-foreground-dark:hover,
.aperture-btn-reverse-outline-foreground-dark a.aperture-btn-reverse-outline-foreground-dark,
a.aperture-btn-outline-foreground-dark:focus,
a.aperture-btn-outline-foreground-dark:hover {
    background-color: var(--dnn-color-foreground-dark, #000);
    border-color: var(--dnn-color-foreground-dark, #000);
}
.aperture-btn-reverse-outline-foreground-dark a.aperture-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);
}
.aperture-btn-reverse-outline-foreground-dark a.aperture-btn-reverse-outline-foreground-dark:focus,
.aperture-btn-reverse-outline-foreground-dark a.aperture-btn-reverse-outline-foreground-dark:hover {
    background-color: transparent;
    border-color: var(--dnn-color-foreground-dark, #000);
    color: var(--dnn-color-foreground-dark, #000);
}
.aperture-btn-inverse-foreground-dark,
a.aperture-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);
}
.aperture-btn-inverse-foreground-dark:focus,
.aperture-btn-inverse-foreground-dark:hover,
a.aperture-btn-inverse-foreground-dark:focus,
a.aperture-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";
}
.aperture-btn-foreground-dark-r,
a.aperture-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);
}
.aperture-btn-foreground-dark-r:focus,
.aperture-btn-foreground-dark-r:hover,
a.aperture-btn-foreground-dark-r:focus,
a.aperture-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
    );
}
.aperture-btn-outline-foreground-dark-r,
a.aperture-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);
}
.aperture-btn-outline-foreground-dark-r:focus,
.aperture-btn-outline-foreground-dark-r:hover,
.aperture-btn-reverse-outline-foreground-dark-r a.aperture-btn-reverse-outline-foreground-dark-r,
a.aperture-btn-outline-foreground-dark-r:focus,
a.aperture-btn-outline-foreground-dark-r:hover {
    background-color: var(--dnn-color-foreground-dark-r, 0);
    border-color: var(--dnn-color-foreground-dark-r, 0);
}
.aperture-btn-reverse-outline-foreground-dark-r a.aperture-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);
}
.aperture-btn-reverse-outline-foreground-dark-r a.aperture-btn-reverse-outline-foreground-dark-r:focus,
.aperture-btn-reverse-outline-foreground-dark-r a.aperture-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);
}
.aperture-btn-inverse-foreground-dark-r,
a.aperture-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);
}
.aperture-btn-inverse-foreground-dark-r:focus,
.aperture-btn-inverse-foreground-dark-r:hover,
a.aperture-btn-inverse-foreground-dark-r:focus,
a.aperture-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";
}
.aperture-btn-foreground-dark-g,
a.aperture-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);
}
.aperture-btn-foreground-dark-g:focus,
.aperture-btn-foreground-dark-g:hover,
a.aperture-btn-foreground-dark-g:focus,
a.aperture-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
    );
}
.aperture-btn-outline-foreground-dark-g,
a.aperture-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);
}
.aperture-btn-outline-foreground-dark-g:focus,
.aperture-btn-outline-foreground-dark-g:hover,
.aperture-btn-reverse-outline-foreground-dark-g a.aperture-btn-reverse-outline-foreground-dark-g,
a.aperture-btn-outline-foreground-dark-g:focus,
a.aperture-btn-outline-foreground-dark-g:hover {
    background-color: var(--dnn-color-foreground-dark-g, 0);
    border-color: var(--dnn-color-foreground-dark-g, 0);
}
.aperture-btn-reverse-outline-foreground-dark-g a.aperture-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);
}
.aperture-btn-reverse-outline-foreground-dark-g a.aperture-btn-reverse-outline-foreground-dark-g:focus,
.aperture-btn-reverse-outline-foreground-dark-g a.aperture-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);
}
.aperture-btn-inverse-foreground-dark-g,
a.aperture-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);
}
.aperture-btn-inverse-foreground-dark-g:focus,
.aperture-btn-inverse-foreground-dark-g:hover,
a.aperture-btn-inverse-foreground-dark-g:focus,
a.aperture-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";
}
.aperture-btn-foreground-dark-b,
a.aperture-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);
}
.aperture-btn-foreground-dark-b:focus,
.aperture-btn-foreground-dark-b:hover,
a.aperture-btn-foreground-dark-b:focus,
a.aperture-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
    );
}
.aperture-btn-outline-foreground-dark-b,
a.aperture-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);
}
.aperture-btn-outline-foreground-dark-b:focus,
.aperture-btn-outline-foreground-dark-b:hover,
.aperture-btn-reverse-outline-foreground-dark-b a.aperture-btn-reverse-outline-foreground-dark-b,
a.aperture-btn-outline-foreground-dark-b:focus,
a.aperture-btn-outline-foreground-dark-b:hover {
    background-color: var(--dnn-color-foreground-dark-b, 0);
    border-color: var(--dnn-color-foreground-dark-b, 0);
}
.aperture-btn-reverse-outline-foreground-dark-b a.aperture-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);
}
.aperture-btn-reverse-outline-foreground-dark-b a.aperture-btn-reverse-outline-foreground-dark-b:focus,
.aperture-btn-reverse-outline-foreground-dark-b a.aperture-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);
}
.aperture-btn-inverse-foreground-dark-b,
a.aperture-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);
}
.aperture-btn-inverse-foreground-dark-b:focus,
.aperture-btn-inverse-foreground-dark-b:hover,
a.aperture-btn-inverse-foreground-dark-b:focus,
a.aperture-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";
}
.aperture-btn-foreground-contrast,
a.aperture-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);
}
.aperture-btn-foreground-contrast:focus,
.aperture-btn-foreground-contrast:hover,
a.aperture-btn-foreground-contrast:focus,
a.aperture-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
    );
}
.aperture-btn-outline-foreground-contrast,
a.aperture-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);
}
.aperture-btn-outline-foreground-contrast:focus,
.aperture-btn-outline-foreground-contrast:hover,
.aperture-btn-reverse-outline-foreground-contrast a.aperture-btn-reverse-outline-foreground-contrast,
a.aperture-btn-outline-foreground-contrast:focus,
a.aperture-btn-outline-foreground-contrast:hover {
    background-color: var(--dnn-color-foreground-contrast, #fff);
    border-color: var(--dnn-color-foreground-contrast, #fff);
}
.aperture-btn-reverse-outline-foreground-contrast a.aperture-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);
}
.aperture-btn-reverse-outline-foreground-contrast a.aperture-btn-reverse-outline-foreground-contrast:focus,
.aperture-btn-reverse-outline-foreground-contrast a.aperture-btn-reverse-outline-foreground-contrast:hover {
    background-color: transparent;
    border-color: var(--dnn-color-foreground-contrast, #fff);
    color: var(--dnn-color-foreground-contrast, #fff);
}
.aperture-btn-inverse-foreground-contrast,
a.aperture-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);
}
.aperture-btn-inverse-foreground-contrast:focus,
.aperture-btn-inverse-foreground-contrast:hover,
a.aperture-btn-inverse-foreground-contrast:focus,
a.aperture-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";
}
.aperture-btn-foreground-contrast-r,
a.aperture-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);
}
.aperture-btn-foreground-contrast-r:focus,
.aperture-btn-foreground-contrast-r:hover,
a.aperture-btn-foreground-contrast-r:focus,
a.aperture-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
    );
}
.aperture-btn-outline-foreground-contrast-r,
a.aperture-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);
}
.aperture-btn-outline-foreground-contrast-r:focus,
.aperture-btn-outline-foreground-contrast-r:hover,
.aperture-btn-reverse-outline-foreground-contrast-r a.aperture-btn-reverse-outline-foreground-contrast-r,
a.aperture-btn-outline-foreground-contrast-r:focus,
a.aperture-btn-outline-foreground-contrast-r:hover {
    background-color: var(--dnn-color-foreground-contrast-r, 255);
    border-color: var(--dnn-color-foreground-contrast-r, 255);
}
.aperture-btn-reverse-outline-foreground-contrast-r a.aperture-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);
}
.aperture-btn-reverse-outline-foreground-contrast-r a.aperture-btn-reverse-outline-foreground-contrast-r:focus,
.aperture-btn-reverse-outline-foreground-contrast-r a.aperture-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);
}
.aperture-btn-inverse-foreground-contrast-r,
a.aperture-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);
}
.aperture-btn-inverse-foreground-contrast-r:focus,
.aperture-btn-inverse-foreground-contrast-r:hover,
a.aperture-btn-inverse-foreground-contrast-r:focus,
a.aperture-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";
}
.aperture-btn-foreground-contrast-g,
a.aperture-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);
}
.aperture-btn-foreground-contrast-g:focus,
.aperture-btn-foreground-contrast-g:hover,
a.aperture-btn-foreground-contrast-g:focus,
a.aperture-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
    );
}
.aperture-btn-outline-foreground-contrast-g,
a.aperture-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);
}
.aperture-btn-outline-foreground-contrast-g:focus,
.aperture-btn-outline-foreground-contrast-g:hover,
.aperture-btn-reverse-outline-foreground-contrast-g a.aperture-btn-reverse-outline-foreground-contrast-g,
a.aperture-btn-outline-foreground-contrast-g:focus,
a.aperture-btn-outline-foreground-contrast-g:hover {
    background-color: var(--dnn-color-foreground-contrast-g, 255);
    border-color: var(--dnn-color-foreground-contrast-g, 255);
}
.aperture-btn-reverse-outline-foreground-contrast-g a.aperture-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);
}
.aperture-btn-reverse-outline-foreground-contrast-g a.aperture-btn-reverse-outline-foreground-contrast-g:focus,
.aperture-btn-reverse-outline-foreground-contrast-g a.aperture-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);
}
.aperture-btn-inverse-foreground-contrast-g,
a.aperture-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);
}
.aperture-btn-inverse-foreground-contrast-g:focus,
.aperture-btn-inverse-foreground-contrast-g:hover,
a.aperture-btn-inverse-foreground-contrast-g:focus,
a.aperture-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";
}
.aperture-btn-foreground-contrast-b,
a.aperture-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);
}
.aperture-btn-foreground-contrast-b:focus,
.aperture-btn-foreground-contrast-b:hover,
a.aperture-btn-foreground-contrast-b:focus,
a.aperture-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
    );
}
.aperture-btn-outline-foreground-contrast-b,
a.aperture-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);
}
.aperture-btn-outline-foreground-contrast-b:focus,
.aperture-btn-outline-foreground-contrast-b:hover,
.aperture-btn-reverse-outline-foreground-contrast-b a.aperture-btn-reverse-outline-foreground-contrast-b,
a.aperture-btn-outline-foreground-contrast-b:focus,
a.aperture-btn-outline-foreground-contrast-b:hover {
    background-color: var(--dnn-color-foreground-contrast-b, 255);
    border-color: var(--dnn-color-foreground-contrast-b, 255);
}
.aperture-btn-reverse-outline-foreground-contrast-b a.aperture-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);
}
.aperture-btn-reverse-outline-foreground-contrast-b a.aperture-btn-reverse-outline-foreground-contrast-b:focus,
.aperture-btn-reverse-outline-foreground-contrast-b a.aperture-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);
}
.aperture-btn-inverse-foreground-contrast-b,
a.aperture-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);
}
.aperture-btn-inverse-foreground-contrast-b:focus,
.aperture-btn-inverse-foreground-contrast-b:hover,
a.aperture-btn-inverse-foreground-contrast-b:focus,
a.aperture-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";
}
.aperture-btn-surface,
a.aperture-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);
}
.aperture-btn-surface:focus,
.aperture-btn-surface:hover,
a.aperture-btn-surface:focus,
a.aperture-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);
}
.aperture-btn-outline-surface,
a.aperture-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);
}
.aperture-btn-outline-surface:focus,
.aperture-btn-outline-surface:hover,
.aperture-btn-reverse-outline-surface a.aperture-btn-reverse-outline-surface,
a.aperture-btn-outline-surface:focus,
a.aperture-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);
}
.aperture-btn-reverse-outline-surface a.aperture-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);
}
.aperture-btn-reverse-outline-surface a.aperture-btn-reverse-outline-surface:focus,
.aperture-btn-reverse-outline-surface a.aperture-btn-reverse-outline-surface:hover {
    background-color: transparent;
    border-color: var(--dnn-color-surface, #eee);
    color: var(--dnn-color-surface, #eee);
}
.aperture-btn-inverse-surface,
a.aperture-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);
}
.aperture-btn-inverse-surface:focus,
.aperture-btn-inverse-surface:hover,
a.aperture-btn-inverse-surface:focus,
a.aperture-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";
}
.aperture-btn-surface-r,
a.aperture-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);
}
.aperture-btn-surface-r:focus,
.aperture-btn-surface-r:hover,
a.aperture-btn-surface-r:focus,
a.aperture-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);
}
.aperture-btn-outline-surface-r,
a.aperture-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);
}
.aperture-btn-outline-surface-r:focus,
.aperture-btn-outline-surface-r:hover,
.aperture-btn-reverse-outline-surface-r a.aperture-btn-reverse-outline-surface-r,
a.aperture-btn-outline-surface-r:focus,
a.aperture-btn-outline-surface-r:hover {
    background-color: var(--dnn-color-surface-r, 238);
    border-color: var(--dnn-color-surface-r, 238);
}
.aperture-btn-reverse-outline-surface-r a.aperture-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);
}
.aperture-btn-reverse-outline-surface-r a.aperture-btn-reverse-outline-surface-r:focus,
.aperture-btn-reverse-outline-surface-r a.aperture-btn-reverse-outline-surface-r:hover {
    background-color: transparent;
    border-color: var(--dnn-color-surface-r, 238);
    color: var(--dnn-color-surface-r, 238);
}
.aperture-btn-inverse-surface-r,
a.aperture-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);
}
.aperture-btn-inverse-surface-r:focus,
.aperture-btn-inverse-surface-r:hover,
a.aperture-btn-inverse-surface-r:focus,
a.aperture-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";
}
.aperture-btn-surface-g,
a.aperture-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);
}
.aperture-btn-surface-g:focus,
.aperture-btn-surface-g:hover,
a.aperture-btn-surface-g:focus,
a.aperture-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);
}
.aperture-btn-outline-surface-g,
a.aperture-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);
}
.aperture-btn-outline-surface-g:focus,
.aperture-btn-outline-surface-g:hover,
.aperture-btn-reverse-outline-surface-g a.aperture-btn-reverse-outline-surface-g,
a.aperture-btn-outline-surface-g:focus,
a.aperture-btn-outline-surface-g:hover {
    background-color: var(--dnn-color-surface-g, 238);
    border-color: var(--dnn-color-surface-g, 238);
}
.aperture-btn-reverse-outline-surface-g a.aperture-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);
}
.aperture-btn-reverse-outline-surface-g a.aperture-btn-reverse-outline-surface-g:focus,
.aperture-btn-reverse-outline-surface-g a.aperture-btn-reverse-outline-surface-g:hover {
    background-color: transparent;
    border-color: var(--dnn-color-surface-g, 238);
    color: var(--dnn-color-surface-g, 238);
}
.aperture-btn-inverse-surface-g,
a.aperture-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);
}
.aperture-btn-inverse-surface-g:focus,
.aperture-btn-inverse-surface-g:hover,
a.aperture-btn-inverse-surface-g:focus,
a.aperture-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";
}
.aperture-btn-surface-b,
a.aperture-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);
}
.aperture-btn-surface-b:focus,
.aperture-btn-surface-b:hover,
a.aperture-btn-surface-b:focus,
a.aperture-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);
}
.aperture-btn-outline-surface-b,
a.aperture-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);
}
.aperture-btn-outline-surface-b:focus,
.aperture-btn-outline-surface-b:hover,
.aperture-btn-reverse-outline-surface-b a.aperture-btn-reverse-outline-surface-b,
a.aperture-btn-outline-surface-b:focus,
a.aperture-btn-outline-surface-b:hover {
    background-color: var(--dnn-color-surface-b, 238);
    border-color: var(--dnn-color-surface-b, 238);
}
.aperture-btn-reverse-outline-surface-b a.aperture-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);
}
.aperture-btn-reverse-outline-surface-b a.aperture-btn-reverse-outline-surface-b:focus,
.aperture-btn-reverse-outline-surface-b a.aperture-btn-reverse-outline-surface-b:hover {
    background-color: transparent;
    border-color: var(--dnn-color-surface-b, 238);
    color: var(--dnn-color-surface-b, 238);
}
.aperture-btn-inverse-surface-b,
a.aperture-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);
}
.aperture-btn-inverse-surface-b:focus,
.aperture-btn-inverse-surface-b:hover,
a.aperture-btn-inverse-surface-b:focus,
a.aperture-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";
}
.aperture-btn-surface-light,
a.aperture-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);
}
.aperture-btn-surface-light:focus,
.aperture-btn-surface-light:hover,
a.aperture-btn-surface-light:focus,
a.aperture-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
    );
}
.aperture-btn-outline-surface-light,
a.aperture-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);
}
.aperture-btn-outline-surface-light:focus,
.aperture-btn-outline-surface-light:hover,
.aperture-btn-reverse-outline-surface-light a.aperture-btn-reverse-outline-surface-light,
a.aperture-btn-outline-surface-light:focus,
a.aperture-btn-outline-surface-light:hover {
    background-color: var(--dnn-color-surface-light, #f5f5f5);
    border-color: var(--dnn-color-surface-light, #f5f5f5);
}
.aperture-btn-reverse-outline-surface-light a.aperture-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);
}
.aperture-btn-reverse-outline-surface-light a.aperture-btn-reverse-outline-surface-light:focus,
.aperture-btn-reverse-outline-surface-light a.aperture-btn-reverse-outline-surface-light:hover {
    background-color: transparent;
    border-color: var(--dnn-color-surface-light, #f5f5f5);
    color: var(--dnn-color-surface-light, #f5f5f5);
}
.aperture-btn-inverse-surface-light,
a.aperture-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);
}
.aperture-btn-inverse-surface-light:focus,
.aperture-btn-inverse-surface-light:hover,
a.aperture-btn-inverse-surface-light:focus,
a.aperture-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";
}
.aperture-btn-surface-light-r,
a.aperture-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);
}
.aperture-btn-surface-light-r:focus,
.aperture-btn-surface-light-r:hover,
a.aperture-btn-surface-light-r:focus,
a.aperture-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
    );
}
.aperture-btn-outline-surface-light-r,
a.aperture-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);
}
.aperture-btn-outline-surface-light-r:focus,
.aperture-btn-outline-surface-light-r:hover,
.aperture-btn-reverse-outline-surface-light-r a.aperture-btn-reverse-outline-surface-light-r,
a.aperture-btn-outline-surface-light-r:focus,
a.aperture-btn-outline-surface-light-r:hover {
    background-color: var(--dnn-color-surface-light-r, 245);
    border-color: var(--dnn-color-surface-light-r, 245);
}
.aperture-btn-reverse-outline-surface-light-r a.aperture-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);
}
.aperture-btn-reverse-outline-surface-light-r a.aperture-btn-reverse-outline-surface-light-r:focus,
.aperture-btn-reverse-outline-surface-light-r a.aperture-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);
}
.aperture-btn-inverse-surface-light-r,
a.aperture-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);
}
.aperture-btn-inverse-surface-light-r:focus,
.aperture-btn-inverse-surface-light-r:hover,
a.aperture-btn-inverse-surface-light-r:focus,
a.aperture-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";
}
.aperture-btn-surface-light-g,
a.aperture-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);
}
.aperture-btn-surface-light-g:focus,
.aperture-btn-surface-light-g:hover,
a.aperture-btn-surface-light-g:focus,
a.aperture-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
    );
}
.aperture-btn-outline-surface-light-g,
a.aperture-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);
}
.aperture-btn-outline-surface-light-g:focus,
.aperture-btn-outline-surface-light-g:hover,
.aperture-btn-reverse-outline-surface-light-g a.aperture-btn-reverse-outline-surface-light-g,
a.aperture-btn-outline-surface-light-g:focus,
a.aperture-btn-outline-surface-light-g:hover {
    background-color: var(--dnn-color-surface-light-g, 245);
    border-color: var(--dnn-color-surface-light-g, 245);
}
.aperture-btn-reverse-outline-surface-light-g a.aperture-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);
}
.aperture-btn-reverse-outline-surface-light-g a.aperture-btn-reverse-outline-surface-light-g:focus,
.aperture-btn-reverse-outline-surface-light-g a.aperture-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);
}
.aperture-btn-inverse-surface-light-g,
a.aperture-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);
}
.aperture-btn-inverse-surface-light-g:focus,
.aperture-btn-inverse-surface-light-g:hover,
a.aperture-btn-inverse-surface-light-g:focus,
a.aperture-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";
}
.aperture-btn-surface-light-b,
a.aperture-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);
}
.aperture-btn-surface-light-b:focus,
.aperture-btn-surface-light-b:hover,
a.aperture-btn-surface-light-b:focus,
a.aperture-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
    );
}
.aperture-btn-outline-surface-light-b,
a.aperture-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);
}
.aperture-btn-outline-surface-light-b:focus,
.aperture-btn-outline-surface-light-b:hover,
.aperture-btn-reverse-outline-surface-light-b a.aperture-btn-reverse-outline-surface-light-b,
a.aperture-btn-outline-surface-light-b:focus,
a.aperture-btn-outline-surface-light-b:hover {
    background-color: var(--dnn-color-surface-light-b, 245);
    border-color: var(--dnn-color-surface-light-b, 245);
}
.aperture-btn-reverse-outline-surface-light-b a.aperture-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);
}
.aperture-btn-reverse-outline-surface-light-b a.aperture-btn-reverse-outline-surface-light-b:focus,
.aperture-btn-reverse-outline-surface-light-b a.aperture-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);
}
.aperture-btn-inverse-surface-light-b,
a.aperture-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);
}
.aperture-btn-inverse-surface-light-b:focus,
.aperture-btn-inverse-surface-light-b:hover,
a.aperture-btn-inverse-surface-light-b:focus,
a.aperture-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";
}
.aperture-btn-surface-dark,
a.aperture-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);
}
.aperture-btn-surface-dark:focus,
.aperture-btn-surface-dark:hover,
a.aperture-btn-surface-dark:focus,
a.aperture-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
    );
}
.aperture-btn-outline-surface-dark,
a.aperture-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);
}
.aperture-btn-outline-surface-dark:focus,
.aperture-btn-outline-surface-dark:hover,
.aperture-btn-reverse-outline-surface-dark a.aperture-btn-reverse-outline-surface-dark,
a.aperture-btn-outline-surface-dark:focus,
a.aperture-btn-outline-surface-dark:hover {
    background-color: var(--dnn-color-surface-dark, #ccc);
    border-color: var(--dnn-color-surface-dark, #ccc);
}
.aperture-btn-reverse-outline-surface-dark a.aperture-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);
}
.aperture-btn-reverse-outline-surface-dark a.aperture-btn-reverse-outline-surface-dark:focus,
.aperture-btn-reverse-outline-surface-dark a.aperture-btn-reverse-outline-surface-dark:hover {
    background-color: transparent;
    border-color: var(--dnn-color-surface-dark, #ccc);
    color: var(--dnn-color-surface-dark, #ccc);
}
.aperture-btn-inverse-surface-dark,
a.aperture-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);
}
.aperture-btn-inverse-surface-dark:focus,
.aperture-btn-inverse-surface-dark:hover,
a.aperture-btn-inverse-surface-dark:focus,
a.aperture-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";
}
.aperture-btn-surface-dark-r,
a.aperture-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);
}
.aperture-btn-surface-dark-r:focus,
.aperture-btn-surface-dark-r:hover,
a.aperture-btn-surface-dark-r:focus,
a.aperture-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
    );
}
.aperture-btn-outline-surface-dark-r,
a.aperture-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);
}
.aperture-btn-outline-surface-dark-r:focus,
.aperture-btn-outline-surface-dark-r:hover,
.aperture-btn-reverse-outline-surface-dark-r a.aperture-btn-reverse-outline-surface-dark-r,
a.aperture-btn-outline-surface-dark-r:focus,
a.aperture-btn-outline-surface-dark-r:hover {
    background-color: var(--dnn-color-surface-dark-r, 204);
    border-color: var(--dnn-color-surface-dark-r, 204);
}
.aperture-btn-reverse-outline-surface-dark-r a.aperture-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);
}
.aperture-btn-reverse-outline-surface-dark-r a.aperture-btn-reverse-outline-surface-dark-r:focus,
.aperture-btn-reverse-outline-surface-dark-r a.aperture-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);
}
.aperture-btn-inverse-surface-dark-r,
a.aperture-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);
}
.aperture-btn-inverse-surface-dark-r:focus,
.aperture-btn-inverse-surface-dark-r:hover,
a.aperture-btn-inverse-surface-dark-r:focus,
a.aperture-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";
}
.aperture-btn-surface-dark-g,
a.aperture-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);
}
.aperture-btn-surface-dark-g:focus,
.aperture-btn-surface-dark-g:hover,
a.aperture-btn-surface-dark-g:focus,
a.aperture-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
    );
}
.aperture-btn-outline-surface-dark-g,
a.aperture-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);
}
.aperture-btn-outline-surface-dark-g:focus,
.aperture-btn-outline-surface-dark-g:hover,
.aperture-btn-reverse-outline-surface-dark-g a.aperture-btn-reverse-outline-surface-dark-g,
a.aperture-btn-outline-surface-dark-g:focus,
a.aperture-btn-outline-surface-dark-g:hover {
    background-color: var(--dnn-color-surface-dark-g, 204);
    border-color: var(--dnn-color-surface-dark-g, 204);
}
.aperture-btn-reverse-outline-surface-dark-g a.aperture-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);
}
.aperture-btn-reverse-outline-surface-dark-g a.aperture-btn-reverse-outline-surface-dark-g:focus,
.aperture-btn-reverse-outline-surface-dark-g a.aperture-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);
}
.aperture-btn-inverse-surface-dark-g,
a.aperture-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);
}
.aperture-btn-inverse-surface-dark-g:focus,
.aperture-btn-inverse-surface-dark-g:hover,
a.aperture-btn-inverse-surface-dark-g:focus,
a.aperture-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";
}
.aperture-btn-surface-dark-b,
a.aperture-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);
}
.aperture-btn-surface-dark-b:focus,
.aperture-btn-surface-dark-b:hover,
a.aperture-btn-surface-dark-b:focus,
a.aperture-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
    );
}
.aperture-btn-outline-surface-dark-b,
a.aperture-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);
}
.aperture-btn-outline-surface-dark-b:focus,
.aperture-btn-outline-surface-dark-b:hover,
.aperture-btn-reverse-outline-surface-dark-b a.aperture-btn-reverse-outline-surface-dark-b,
a.aperture-btn-outline-surface-dark-b:focus,
a.aperture-btn-outline-surface-dark-b:hover {
    background-color: var(--dnn-color-surface-dark-b, 204);
    border-color: var(--dnn-color-surface-dark-b, 204);
}
.aperture-btn-reverse-outline-surface-dark-b a.aperture-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);
}
.aperture-btn-reverse-outline-surface-dark-b a.aperture-btn-reverse-outline-surface-dark-b:focus,
.aperture-btn-reverse-outline-surface-dark-b a.aperture-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);
}
.aperture-btn-inverse-surface-dark-b,
a.aperture-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);
}
.aperture-btn-inverse-surface-dark-b:focus,
.aperture-btn-inverse-surface-dark-b:hover,
a.aperture-btn-inverse-surface-dark-b:focus,
a.aperture-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";
}
.aperture-btn-surface-contrast,
a.aperture-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);
}
.aperture-btn-surface-contrast:focus,
.aperture-btn-surface-contrast:hover,
a.aperture-btn-surface-contrast:focus,
a.aperture-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
    );
}
.aperture-btn-outline-surface-contrast,
a.aperture-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);
}
.aperture-btn-outline-surface-contrast:focus,
.aperture-btn-outline-surface-contrast:hover,
.aperture-btn-reverse-outline-surface-contrast a.aperture-btn-reverse-outline-surface-contrast,
a.aperture-btn-outline-surface-contrast:focus,
a.aperture-btn-outline-surface-contrast:hover {
    background-color: var(--dnn-color-surface-contrast, #000);
    border-color: var(--dnn-color-surface-contrast, #000);
}
.aperture-btn-reverse-outline-surface-contrast a.aperture-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);
}
.aperture-btn-reverse-outline-surface-contrast a.aperture-btn-reverse-outline-surface-contrast:focus,
.aperture-btn-reverse-outline-surface-contrast a.aperture-btn-reverse-outline-surface-contrast:hover {
    background-color: transparent;
    border-color: var(--dnn-color-surface-contrast, #000);
    color: var(--dnn-color-surface-contrast, #000);
}
.aperture-btn-inverse-surface-contrast,
a.aperture-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);
}
.aperture-btn-inverse-surface-contrast:focus,
.aperture-btn-inverse-surface-contrast:hover,
a.aperture-btn-inverse-surface-contrast:focus,
a.aperture-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";
}
.aperture-btn-surface-contrast-r,
a.aperture-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);
}
.aperture-btn-surface-contrast-r:focus,
.aperture-btn-surface-contrast-r:hover,
a.aperture-btn-surface-contrast-r:focus,
a.aperture-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
    );
}
.aperture-btn-outline-surface-contrast-r,
a.aperture-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);
}
.aperture-btn-outline-surface-contrast-r:focus,
.aperture-btn-outline-surface-contrast-r:hover,
.aperture-btn-reverse-outline-surface-contrast-r a.aperture-btn-reverse-outline-surface-contrast-r,
a.aperture-btn-outline-surface-contrast-r:focus,
a.aperture-btn-outline-surface-contrast-r:hover {
    background-color: var(--dnn-color-surface-contrast-r, 0);
    border-color: var(--dnn-color-surface-contrast-r, 0);
}
.aperture-btn-reverse-outline-surface-contrast-r a.aperture-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);
}
.aperture-btn-reverse-outline-surface-contrast-r a.aperture-btn-reverse-outline-surface-contrast-r:focus,
.aperture-btn-reverse-outline-surface-contrast-r a.aperture-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);
}
.aperture-btn-inverse-surface-contrast-r,
a.aperture-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);
}
.aperture-btn-inverse-surface-contrast-r:focus,
.aperture-btn-inverse-surface-contrast-r:hover,
a.aperture-btn-inverse-surface-contrast-r:focus,
a.aperture-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";
}
.aperture-btn-surface-contrast-g,
a.aperture-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);
}
.aperture-btn-surface-contrast-g:focus,
.aperture-btn-surface-contrast-g:hover,
a.aperture-btn-surface-contrast-g:focus,
a.aperture-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
    );
}
.aperture-btn-outline-surface-contrast-g,
a.aperture-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);
}
.aperture-btn-outline-surface-contrast-g:focus,
.aperture-btn-outline-surface-contrast-g:hover,
.aperture-btn-reverse-outline-surface-contrast-g a.aperture-btn-reverse-outline-surface-contrast-g,
a.aperture-btn-outline-surface-contrast-g:focus,
a.aperture-btn-outline-surface-contrast-g:hover {
    background-color: var(--dnn-color-surface-contrast-g, 0);
    border-color: var(--dnn-color-surface-contrast-g, 0);
}
.aperture-btn-reverse-outline-surface-contrast-g a.aperture-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);
}
.aperture-btn-reverse-outline-surface-contrast-g a.aperture-btn-reverse-outline-surface-contrast-g:focus,
.aperture-btn-reverse-outline-surface-contrast-g a.aperture-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);
}
.aperture-btn-inverse-surface-contrast-g,
a.aperture-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);
}
.aperture-btn-inverse-surface-contrast-g:focus,
.aperture-btn-inverse-surface-contrast-g:hover,
a.aperture-btn-inverse-surface-contrast-g:focus,
a.aperture-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";
}
.aperture-btn-surface-contrast-b,
a.aperture-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);
}
.aperture-btn-surface-contrast-b:focus,
.aperture-btn-surface-contrast-b:hover,
a.aperture-btn-surface-contrast-b:focus,
a.aperture-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
    );
}
.aperture-btn-outline-surface-contrast-b,
a.aperture-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);
}
.aperture-btn-outline-surface-contrast-b:focus,
.aperture-btn-outline-surface-contrast-b:hover,
.aperture-btn-reverse-outline-surface-contrast-b a.aperture-btn-reverse-outline-surface-contrast-b,
a.aperture-btn-outline-surface-contrast-b:focus,
a.aperture-btn-outline-surface-contrast-b:hover {
    background-color: var(--dnn-color-surface-contrast-b, 0);
    border-color: var(--dnn-color-surface-contrast-b, 0);
}
.aperture-btn-reverse-outline-surface-contrast-b a.aperture-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);
}
.aperture-btn-reverse-outline-surface-contrast-b a.aperture-btn-reverse-outline-surface-contrast-b:focus,
.aperture-btn-reverse-outline-surface-contrast-b a.aperture-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);
}
.aperture-btn-inverse-surface-contrast-b,
a.aperture-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);
}
.aperture-btn-inverse-surface-contrast-b:focus,
.aperture-btn-inverse-surface-contrast-b:hover,
a.aperture-btn-inverse-surface-contrast-b:focus,
a.aperture-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";
}
.aperture-btn-info,
a.aperture-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);
}
.aperture-btn-info:focus,
.aperture-btn-info:hover,
a.aperture-btn-info:focus,
a.aperture-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);
}
.aperture-btn-outline-info,
a.aperture-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);
}
.aperture-btn-outline-info:focus,
.aperture-btn-outline-info:hover,
.aperture-btn-reverse-outline-info a.aperture-btn-reverse-outline-info,
a.aperture-btn-outline-info:focus,
a.aperture-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);
}
.aperture-btn-reverse-outline-info a.aperture-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);
}
.aperture-btn-reverse-outline-info a.aperture-btn-reverse-outline-info:focus,
.aperture-btn-reverse-outline-info a.aperture-btn-reverse-outline-info:hover {
    background-color: transparent;
    border-color: var(--dnn-color-info, #17a2b8);
    color: var(--dnn-color-info, #17a2b8);
}
.aperture-btn-inverse-info,
a.aperture-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);
}
.aperture-btn-inverse-info:focus,
.aperture-btn-inverse-info:hover,
a.aperture-btn-inverse-info:focus,
a.aperture-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";
}
.aperture-btn-info-r,
a.aperture-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);
}
.aperture-btn-info-r:focus,
.aperture-btn-info-r:hover,
a.aperture-btn-info-r:focus,
a.aperture-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);
}
.aperture-btn-outline-info-r,
a.aperture-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);
}
.aperture-btn-outline-info-r:focus,
.aperture-btn-outline-info-r:hover,
.aperture-btn-reverse-outline-info-r a.aperture-btn-reverse-outline-info-r,
a.aperture-btn-outline-info-r:focus,
a.aperture-btn-outline-info-r:hover {
    background-color: var(--dnn-color-info-r, 23);
    border-color: var(--dnn-color-info-r, 23);
}
.aperture-btn-reverse-outline-info-r a.aperture-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);
}
.aperture-btn-reverse-outline-info-r a.aperture-btn-reverse-outline-info-r:focus,
.aperture-btn-reverse-outline-info-r a.aperture-btn-reverse-outline-info-r:hover {
    background-color: transparent;
    border-color: var(--dnn-color-info-r, 23);
    color: var(--dnn-color-info-r, 23);
}
.aperture-btn-inverse-info-r,
a.aperture-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);
}
.aperture-btn-inverse-info-r:focus,
.aperture-btn-inverse-info-r:hover,
a.aperture-btn-inverse-info-r:focus,
a.aperture-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";
}
.aperture-btn-info-g,
a.aperture-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);
}
.aperture-btn-info-g:focus,
.aperture-btn-info-g:hover,
a.aperture-btn-info-g:focus,
a.aperture-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);
}
.aperture-btn-outline-info-g,
a.aperture-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);
}
.aperture-btn-outline-info-g:focus,
.aperture-btn-outline-info-g:hover,
.aperture-btn-reverse-outline-info-g a.aperture-btn-reverse-outline-info-g,
a.aperture-btn-outline-info-g:focus,
a.aperture-btn-outline-info-g:hover {
    background-color: var(--dnn-color-info-g, 162);
    border-color: var(--dnn-color-info-g, 162);
}
.aperture-btn-reverse-outline-info-g a.aperture-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);
}
.aperture-btn-reverse-outline-info-g a.aperture-btn-reverse-outline-info-g:focus,
.aperture-btn-reverse-outline-info-g a.aperture-btn-reverse-outline-info-g:hover {
    background-color: transparent;
    border-color: var(--dnn-color-info-g, 162);
    color: var(--dnn-color-info-g, 162);
}
.aperture-btn-inverse-info-g,
a.aperture-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);
}
.aperture-btn-inverse-info-g:focus,
.aperture-btn-inverse-info-g:hover,
a.aperture-btn-inverse-info-g:focus,
a.aperture-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";
}
.aperture-btn-info-b,
a.aperture-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);
}
.aperture-btn-info-b:focus,
.aperture-btn-info-b:hover,
a.aperture-btn-info-b:focus,
a.aperture-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);
}
.aperture-btn-outline-info-b,
a.aperture-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);
}
.aperture-btn-outline-info-b:focus,
.aperture-btn-outline-info-b:hover,
.aperture-btn-reverse-outline-info-b a.aperture-btn-reverse-outline-info-b,
a.aperture-btn-outline-info-b:focus,
a.aperture-btn-outline-info-b:hover {
    background-color: var(--dnn-color-info-b, 184);
    border-color: var(--dnn-color-info-b, 184);
}
.aperture-btn-reverse-outline-info-b a.aperture-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);
}
.aperture-btn-reverse-outline-info-b a.aperture-btn-reverse-outline-info-b:focus,
.aperture-btn-reverse-outline-info-b a.aperture-btn-reverse-outline-info-b:hover {
    background-color: transparent;
    border-color: var(--dnn-color-info-b, 184);
    color: var(--dnn-color-info-b, 184);
}
.aperture-btn-inverse-info-b,
a.aperture-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);
}
.aperture-btn-inverse-info-b:focus,
.aperture-btn-inverse-info-b:hover,
a.aperture-btn-inverse-info-b:focus,
a.aperture-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";
}
.aperture-btn-info-light,
a.aperture-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);
}
.aperture-btn-info-light:focus,
.aperture-btn-info-light:hover,
a.aperture-btn-info-light:focus,
a.aperture-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
    );
}
.aperture-btn-outline-info-light,
a.aperture-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);
}
.aperture-btn-outline-info-light:focus,
.aperture-btn-outline-info-light:hover,
.aperture-btn-reverse-outline-info-light a.aperture-btn-reverse-outline-info-light,
a.aperture-btn-outline-info-light:focus,
a.aperture-btn-outline-info-light:hover {
    background-color: var(--dnn-color-info-light, #23b8cf);
    border-color: var(--dnn-color-info-light, #23b8cf);
}
.aperture-btn-reverse-outline-info-light a.aperture-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);
}
.aperture-btn-reverse-outline-info-light a.aperture-btn-reverse-outline-info-light:focus,
.aperture-btn-reverse-outline-info-light a.aperture-btn-reverse-outline-info-light:hover {
    background-color: transparent;
    border-color: var(--dnn-color-info-light, #23b8cf);
    color: var(--dnn-color-info-light, #23b8cf);
}
.aperture-btn-inverse-info-light,
a.aperture-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);
}
.aperture-btn-inverse-info-light:focus,
.aperture-btn-inverse-info-light:hover,
a.aperture-btn-inverse-info-light:focus,
a.aperture-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";
}
.aperture-btn-info-light-r,
a.aperture-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);
}
.aperture-btn-info-light-r:focus,
.aperture-btn-info-light-r:hover,
a.aperture-btn-info-light-r:focus,
a.aperture-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
    );
}
.aperture-btn-outline-info-light-r,
a.aperture-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);
}
.aperture-btn-outline-info-light-r:focus,
.aperture-btn-outline-info-light-r:hover,
.aperture-btn-reverse-outline-info-light-r a.aperture-btn-reverse-outline-info-light-r,
a.aperture-btn-outline-info-light-r:focus,
a.aperture-btn-outline-info-light-r:hover {
    background-color: var(--dnn-color-info-light-r, 35);
    border-color: var(--dnn-color-info-light-r, 35);
}
.aperture-btn-reverse-outline-info-light-r a.aperture-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);
}
.aperture-btn-reverse-outline-info-light-r a.aperture-btn-reverse-outline-info-light-r:focus,
.aperture-btn-reverse-outline-info-light-r a.aperture-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);
}
.aperture-btn-inverse-info-light-r,
a.aperture-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);
}
.aperture-btn-inverse-info-light-r:focus,
.aperture-btn-inverse-info-light-r:hover,
a.aperture-btn-inverse-info-light-r:focus,
a.aperture-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";
}
.aperture-btn-info-light-g,
a.aperture-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);
}
.aperture-btn-info-light-g:focus,
.aperture-btn-info-light-g:hover,
a.aperture-btn-info-light-g:focus,
a.aperture-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
    );
}
.aperture-btn-outline-info-light-g,
a.aperture-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);
}
.aperture-btn-outline-info-light-g:focus,
.aperture-btn-outline-info-light-g:hover,
.aperture-btn-reverse-outline-info-light-g a.aperture-btn-reverse-outline-info-light-g,
a.aperture-btn-outline-info-light-g:focus,
a.aperture-btn-outline-info-light-g:hover {
    background-color: var(--dnn-color-info-light-g, 184);
    border-color: var(--dnn-color-info-light-g, 184);
}
.aperture-btn-reverse-outline-info-light-g a.aperture-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);
}
.aperture-btn-reverse-outline-info-light-g a.aperture-btn-reverse-outline-info-light-g:focus,
.aperture-btn-reverse-outline-info-light-g a.aperture-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);
}
.aperture-btn-inverse-info-light-g,
a.aperture-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);
}
.aperture-btn-inverse-info-light-g:focus,
.aperture-btn-inverse-info-light-g:hover,
a.aperture-btn-inverse-info-light-g:focus,
a.aperture-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";
}
.aperture-btn-info-light-b,
a.aperture-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);
}
.aperture-btn-info-light-b:focus,
.aperture-btn-info-light-b:hover,
a.aperture-btn-info-light-b:focus,
a.aperture-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
    );
}
.aperture-btn-outline-info-light-b,
a.aperture-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);
}
.aperture-btn-outline-info-light-b:focus,
.aperture-btn-outline-info-light-b:hover,
.aperture-btn-reverse-outline-info-light-b a.aperture-btn-reverse-outline-info-light-b,
a.aperture-btn-outline-info-light-b:focus,
a.aperture-btn-outline-info-light-b:hover {
    background-color: var(--dnn-color-info-light-b, 207);
    border-color: var(--dnn-color-info-light-b, 207);
}
.aperture-btn-reverse-outline-info-light-b a.aperture-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);
}
.aperture-btn-reverse-outline-info-light-b a.aperture-btn-reverse-outline-info-light-b:focus,
.aperture-btn-reverse-outline-info-light-b a.aperture-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);
}
.aperture-btn-inverse-info-light-b,
a.aperture-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);
}
.aperture-btn-inverse-info-light-b:focus,
.aperture-btn-inverse-info-light-b:hover,
a.aperture-btn-inverse-info-light-b:focus,
a.aperture-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";
}
.aperture-btn-info-dark,
a.aperture-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);
}
.aperture-btn-info-dark:focus,
.aperture-btn-info-dark:hover,
a.aperture-btn-info-dark:focus,
a.aperture-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);
}
.aperture-btn-outline-info-dark,
a.aperture-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);
}
.aperture-btn-outline-info-dark:focus,
.aperture-btn-outline-info-dark:hover,
.aperture-btn-reverse-outline-info-dark a.aperture-btn-reverse-outline-info-dark,
a.aperture-btn-outline-info-dark:focus,
a.aperture-btn-outline-info-dark:hover {
    background-color: var(--dnn-color-info-dark, #00889e);
    border-color: var(--dnn-color-info-dark, #00889e);
}
.aperture-btn-reverse-outline-info-dark a.aperture-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);
}
.aperture-btn-reverse-outline-info-dark a.aperture-btn-reverse-outline-info-dark:focus,
.aperture-btn-reverse-outline-info-dark a.aperture-btn-reverse-outline-info-dark:hover {
    background-color: transparent;
    border-color: var(--dnn-color-info-dark, #00889e);
    color: var(--dnn-color-info-dark, #00889e);
}
.aperture-btn-inverse-info-dark,
a.aperture-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);
}
.aperture-btn-inverse-info-dark:focus,
.aperture-btn-inverse-info-dark:hover,
a.aperture-btn-inverse-info-dark:focus,
a.aperture-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";
}
.aperture-btn-info-dark-r,
a.aperture-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);
}
.aperture-btn-info-dark-r:focus,
.aperture-btn-info-dark-r:hover,
a.aperture-btn-info-dark-r:focus,
a.aperture-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
    );
}
.aperture-btn-outline-info-dark-r,
a.aperture-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);
}
.aperture-btn-outline-info-dark-r:focus,
.aperture-btn-outline-info-dark-r:hover,
.aperture-btn-reverse-outline-info-dark-r a.aperture-btn-reverse-outline-info-dark-r,
a.aperture-btn-outline-info-dark-r:focus,
a.aperture-btn-outline-info-dark-r:hover {
    background-color: var(--dnn-color-info-dark-r, 0);
    border-color: var(--dnn-color-info-dark-r, 0);
}
.aperture-btn-reverse-outline-info-dark-r a.aperture-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);
}
.aperture-btn-reverse-outline-info-dark-r a.aperture-btn-reverse-outline-info-dark-r:focus,
.aperture-btn-reverse-outline-info-dark-r a.aperture-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);
}
.aperture-btn-inverse-info-dark-r,
a.aperture-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);
}
.aperture-btn-inverse-info-dark-r:focus,
.aperture-btn-inverse-info-dark-r:hover,
a.aperture-btn-inverse-info-dark-r:focus,
a.aperture-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";
}
.aperture-btn-info-dark-g,
a.aperture-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);
}
.aperture-btn-info-dark-g:focus,
.aperture-btn-info-dark-g:hover,
a.aperture-btn-info-dark-g:focus,
a.aperture-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
    );
}
.aperture-btn-outline-info-dark-g,
a.aperture-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);
}
.aperture-btn-outline-info-dark-g:focus,
.aperture-btn-outline-info-dark-g:hover,
.aperture-btn-reverse-outline-info-dark-g a.aperture-btn-reverse-outline-info-dark-g,
a.aperture-btn-outline-info-dark-g:focus,
a.aperture-btn-outline-info-dark-g:hover {
    background-color: var(--dnn-color-info-dark-g, 136);
    border-color: var(--dnn-color-info-dark-g, 136);
}
.aperture-btn-reverse-outline-info-dark-g a.aperture-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);
}
.aperture-btn-reverse-outline-info-dark-g a.aperture-btn-reverse-outline-info-dark-g:focus,
.aperture-btn-reverse-outline-info-dark-g a.aperture-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);
}
.aperture-btn-inverse-info-dark-g,
a.aperture-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);
}
.aperture-btn-inverse-info-dark-g:focus,
.aperture-btn-inverse-info-dark-g:hover,
a.aperture-btn-inverse-info-dark-g:focus,
a.aperture-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";
}
.aperture-btn-info-dark-b,
a.aperture-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);
}
.aperture-btn-info-dark-b:focus,
.aperture-btn-info-dark-b:hover,
a.aperture-btn-info-dark-b:focus,
a.aperture-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
    );
}
.aperture-btn-outline-info-dark-b,
a.aperture-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);
}
.aperture-btn-outline-info-dark-b:focus,
.aperture-btn-outline-info-dark-b:hover,
.aperture-btn-reverse-outline-info-dark-b a.aperture-btn-reverse-outline-info-dark-b,
a.aperture-btn-outline-info-dark-b:focus,
a.aperture-btn-outline-info-dark-b:hover {
    background-color: var(--dnn-color-info-dark-b, 158);
    border-color: var(--dnn-color-info-dark-b, 158);
}
.aperture-btn-reverse-outline-info-dark-b a.aperture-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);
}
.aperture-btn-reverse-outline-info-dark-b a.aperture-btn-reverse-outline-info-dark-b:focus,
.aperture-btn-reverse-outline-info-dark-b a.aperture-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);
}
.aperture-btn-inverse-info-dark-b,
a.aperture-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);
}
.aperture-btn-inverse-info-dark-b:focus,
.aperture-btn-inverse-info-dark-b:hover,
a.aperture-btn-inverse-info-dark-b:focus,
a.aperture-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";
}
.aperture-btn-info-contrast,
a.aperture-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);
}
.aperture-btn-info-contrast:focus,
.aperture-btn-info-contrast:hover,
a.aperture-btn-info-contrast:focus,
a.aperture-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
    );
}
.aperture-btn-outline-info-contrast,
a.aperture-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);
}
.aperture-btn-outline-info-contrast:focus,
.aperture-btn-outline-info-contrast:hover,
.aperture-btn-reverse-outline-info-contrast a.aperture-btn-reverse-outline-info-contrast,
a.aperture-btn-outline-info-contrast:focus,
a.aperture-btn-outline-info-contrast:hover {
    background-color: var(--dnn-color-info-contrast, #fff);
    border-color: var(--dnn-color-info-contrast, #fff);
}
.aperture-btn-reverse-outline-info-contrast a.aperture-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);
}
.aperture-btn-reverse-outline-info-contrast a.aperture-btn-reverse-outline-info-contrast:focus,
.aperture-btn-reverse-outline-info-contrast a.aperture-btn-reverse-outline-info-contrast:hover {
    background-color: transparent;
    border-color: var(--dnn-color-info-contrast, #fff);
    color: var(--dnn-color-info-contrast, #fff);
}
.aperture-btn-inverse-info-contrast,
a.aperture-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);
}
.aperture-btn-inverse-info-contrast:focus,
.aperture-btn-inverse-info-contrast:hover,
a.aperture-btn-inverse-info-contrast:focus,
a.aperture-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";
}
.aperture-btn-info-contrast-r,
a.aperture-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);
}
.aperture-btn-info-contrast-r:focus,
.aperture-btn-info-contrast-r:hover,
a.aperture-btn-info-contrast-r:focus,
a.aperture-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
    );
}
.aperture-btn-outline-info-contrast-r,
a.aperture-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);
}
.aperture-btn-outline-info-contrast-r:focus,
.aperture-btn-outline-info-contrast-r:hover,
.aperture-btn-reverse-outline-info-contrast-r a.aperture-btn-reverse-outline-info-contrast-r,
a.aperture-btn-outline-info-contrast-r:focus,
a.aperture-btn-outline-info-contrast-r:hover {
    background-color: var(--dnn-color-info-contrast-r, 255);
    border-color: var(--dnn-color-info-contrast-r, 255);
}
.aperture-btn-reverse-outline-info-contrast-r a.aperture-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);
}
.aperture-btn-reverse-outline-info-contrast-r a.aperture-btn-reverse-outline-info-contrast-r:focus,
.aperture-btn-reverse-outline-info-contrast-r a.aperture-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);
}
.aperture-btn-inverse-info-contrast-r,
a.aperture-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);
}
.aperture-btn-inverse-info-contrast-r:focus,
.aperture-btn-inverse-info-contrast-r:hover,
a.aperture-btn-inverse-info-contrast-r:focus,
a.aperture-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";
}
.aperture-btn-info-contrast-g,
a.aperture-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);
}
.aperture-btn-info-contrast-g:focus,
.aperture-btn-info-contrast-g:hover,
a.aperture-btn-info-contrast-g:focus,
a.aperture-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
    );
}
.aperture-btn-outline-info-contrast-g,
a.aperture-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);
}
.aperture-btn-outline-info-contrast-g:focus,
.aperture-btn-outline-info-contrast-g:hover,
.aperture-btn-reverse-outline-info-contrast-g a.aperture-btn-reverse-outline-info-contrast-g,
a.aperture-btn-outline-info-contrast-g:focus,
a.aperture-btn-outline-info-contrast-g:hover {
    background-color: var(--dnn-color-info-contrast-g, 255);
    border-color: var(--dnn-color-info-contrast-g, 255);
}
.aperture-btn-reverse-outline-info-contrast-g a.aperture-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);
}
.aperture-btn-reverse-outline-info-contrast-g a.aperture-btn-reverse-outline-info-contrast-g:focus,
.aperture-btn-reverse-outline-info-contrast-g a.aperture-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);
}
.aperture-btn-inverse-info-contrast-g,
a.aperture-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);
}
.aperture-btn-inverse-info-contrast-g:focus,
.aperture-btn-inverse-info-contrast-g:hover,
a.aperture-btn-inverse-info-contrast-g:focus,
a.aperture-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";
}
.aperture-btn-info-contrast-b,
a.aperture-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);
}
.aperture-btn-info-contrast-b:focus,
.aperture-btn-info-contrast-b:hover,
a.aperture-btn-info-contrast-b:focus,
a.aperture-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
    );
}
.aperture-btn-outline-info-contrast-b,
a.aperture-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);
}
.aperture-btn-outline-info-contrast-b:focus,
.aperture-btn-outline-info-contrast-b:hover,
.aperture-btn-reverse-outline-info-contrast-b a.aperture-btn-reverse-outline-info-contrast-b,
a.aperture-btn-outline-info-contrast-b:focus,
a.aperture-btn-outline-info-contrast-b:hover {
    background-color: var(--dnn-color-info-contrast-b, 255);
    border-color: var(--dnn-color-info-contrast-b, 255);
}
.aperture-btn-reverse-outline-info-contrast-b a.aperture-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);
}
.aperture-btn-reverse-outline-info-contrast-b a.aperture-btn-reverse-outline-info-contrast-b:focus,
.aperture-btn-reverse-outline-info-contrast-b a.aperture-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);
}
.aperture-btn-inverse-info-contrast-b,
a.aperture-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);
}
.aperture-btn-inverse-info-contrast-b:focus,
.aperture-btn-inverse-info-contrast-b:hover,
a.aperture-btn-inverse-info-contrast-b:focus,
a.aperture-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";
}
.aperture-btn-success,
a.aperture-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);
}
.aperture-btn-success:focus,
.aperture-btn-success:hover,
a.aperture-btn-success:focus,
a.aperture-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);
}
.aperture-btn-outline-success,
a.aperture-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);
}
.aperture-btn-outline-success:focus,
.aperture-btn-outline-success:hover,
.aperture-btn-reverse-outline-success a.aperture-btn-reverse-outline-success,
a.aperture-btn-outline-success:focus,
a.aperture-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);
}
.aperture-btn-reverse-outline-success a.aperture-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);
}
.aperture-btn-reverse-outline-success a.aperture-btn-reverse-outline-success:focus,
.aperture-btn-reverse-outline-success a.aperture-btn-reverse-outline-success:hover {
    background-color: transparent;
    border-color: var(--dnn-color-success, #28a745);
    color: var(--dnn-color-success, #28a745);
}
.aperture-btn-inverse-success,
a.aperture-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);
}
.aperture-btn-inverse-success:focus,
.aperture-btn-inverse-success:hover,
a.aperture-btn-inverse-success:focus,
a.aperture-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";
}
.aperture-btn-success-r,
a.aperture-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);
}
.aperture-btn-success-r:focus,
.aperture-btn-success-r:hover,
a.aperture-btn-success-r:focus,
a.aperture-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);
}
.aperture-btn-outline-success-r,
a.aperture-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);
}
.aperture-btn-outline-success-r:focus,
.aperture-btn-outline-success-r:hover,
.aperture-btn-reverse-outline-success-r a.aperture-btn-reverse-outline-success-r,
a.aperture-btn-outline-success-r:focus,
a.aperture-btn-outline-success-r:hover {
    background-color: var(--dnn-color-success-r, 40);
    border-color: var(--dnn-color-success-r, 40);
}
.aperture-btn-reverse-outline-success-r a.aperture-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);
}
.aperture-btn-reverse-outline-success-r a.aperture-btn-reverse-outline-success-r:focus,
.aperture-btn-reverse-outline-success-r a.aperture-btn-reverse-outline-success-r:hover {
    background-color: transparent;
    border-color: var(--dnn-color-success-r, 40);
    color: var(--dnn-color-success-r, 40);
}
.aperture-btn-inverse-success-r,
a.aperture-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);
}
.aperture-btn-inverse-success-r:focus,
.aperture-btn-inverse-success-r:hover,
a.aperture-btn-inverse-success-r:focus,
a.aperture-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";
}
.aperture-btn-success-g,
a.aperture-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);
}
.aperture-btn-success-g:focus,
.aperture-btn-success-g:hover,
a.aperture-btn-success-g:focus,
a.aperture-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);
}
.aperture-btn-outline-success-g,
a.aperture-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);
}
.aperture-btn-outline-success-g:focus,
.aperture-btn-outline-success-g:hover,
.aperture-btn-reverse-outline-success-g a.aperture-btn-reverse-outline-success-g,
a.aperture-btn-outline-success-g:focus,
a.aperture-btn-outline-success-g:hover {
    background-color: var(--dnn-color-success-g, 167);
    border-color: var(--dnn-color-success-g, 167);
}
.aperture-btn-reverse-outline-success-g a.aperture-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);
}
.aperture-btn-reverse-outline-success-g a.aperture-btn-reverse-outline-success-g:focus,
.aperture-btn-reverse-outline-success-g a.aperture-btn-reverse-outline-success-g:hover {
    background-color: transparent;
    border-color: var(--dnn-color-success-g, 167);
    color: var(--dnn-color-success-g, 167);
}
.aperture-btn-inverse-success-g,
a.aperture-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);
}
.aperture-btn-inverse-success-g:focus,
.aperture-btn-inverse-success-g:hover,
a.aperture-btn-inverse-success-g:focus,
a.aperture-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";
}
.aperture-btn-success-b,
a.aperture-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);
}
.aperture-btn-success-b:focus,
.aperture-btn-success-b:hover,
a.aperture-btn-success-b:focus,
a.aperture-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);
}
.aperture-btn-outline-success-b,
a.aperture-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);
}
.aperture-btn-outline-success-b:focus,
.aperture-btn-outline-success-b:hover,
.aperture-btn-reverse-outline-success-b a.aperture-btn-reverse-outline-success-b,
a.aperture-btn-outline-success-b:focus,
a.aperture-btn-outline-success-b:hover {
    background-color: var(--dnn-color-success-b, 69);
    border-color: var(--dnn-color-success-b, 69);
}
.aperture-btn-reverse-outline-success-b a.aperture-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);
}
.aperture-btn-reverse-outline-success-b a.aperture-btn-reverse-outline-success-b:focus,
.aperture-btn-reverse-outline-success-b a.aperture-btn-reverse-outline-success-b:hover {
    background-color: transparent;
    border-color: var(--dnn-color-success-b, 69);
    color: var(--dnn-color-success-b, 69);
}
.aperture-btn-inverse-success-b,
a.aperture-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);
}
.aperture-btn-inverse-success-b:focus,
.aperture-btn-inverse-success-b:hover,
a.aperture-btn-inverse-success-b:focus,
a.aperture-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";
}
.aperture-btn-success-light,
a.aperture-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);
}
.aperture-btn-success-light:focus,
.aperture-btn-success-light:hover,
a.aperture-btn-success-light:focus,
a.aperture-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
    );
}
.aperture-btn-outline-success-light,
a.aperture-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);
}
.aperture-btn-outline-success-light:focus,
.aperture-btn-outline-success-light:hover,
.aperture-btn-reverse-outline-success-light a.aperture-btn-reverse-outline-success-light,
a.aperture-btn-outline-success-light:focus,
a.aperture-btn-outline-success-light:hover {
    background-color: var(--dnn-color-success-light, #49c25d);
    border-color: var(--dnn-color-success-light, #49c25d);
}
.aperture-btn-reverse-outline-success-light a.aperture-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);
}
.aperture-btn-reverse-outline-success-light a.aperture-btn-reverse-outline-success-light:focus,
.aperture-btn-reverse-outline-success-light a.aperture-btn-reverse-outline-success-light:hover {
    background-color: transparent;
    border-color: var(--dnn-color-success-light, #49c25d);
    color: var(--dnn-color-success-light, #49c25d);
}
.aperture-btn-inverse-success-light,
a.aperture-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);
}
.aperture-btn-inverse-success-light:focus,
.aperture-btn-inverse-success-light:hover,
a.aperture-btn-inverse-success-light:focus,
a.aperture-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";
}
.aperture-btn-success-light-r,
a.aperture-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);
}
.aperture-btn-success-light-r:focus,
.aperture-btn-success-light-r:hover,
a.aperture-btn-success-light-r:focus,
a.aperture-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
    );
}
.aperture-btn-outline-success-light-r,
a.aperture-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);
}
.aperture-btn-outline-success-light-r:focus,
.aperture-btn-outline-success-light-r:hover,
.aperture-btn-reverse-outline-success-light-r a.aperture-btn-reverse-outline-success-light-r,
a.aperture-btn-outline-success-light-r:focus,
a.aperture-btn-outline-success-light-r:hover {
    background-color: var(--dnn-color-success-light-r, 73);
    border-color: var(--dnn-color-success-light-r, 73);
}
.aperture-btn-reverse-outline-success-light-r a.aperture-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);
}
.aperture-btn-reverse-outline-success-light-r a.aperture-btn-reverse-outline-success-light-r:focus,
.aperture-btn-reverse-outline-success-light-r a.aperture-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);
}
.aperture-btn-inverse-success-light-r,
a.aperture-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);
}
.aperture-btn-inverse-success-light-r:focus,
.aperture-btn-inverse-success-light-r:hover,
a.aperture-btn-inverse-success-light-r:focus,
a.aperture-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";
}
.aperture-btn-success-light-g,
a.aperture-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);
}
.aperture-btn-success-light-g:focus,
.aperture-btn-success-light-g:hover,
a.aperture-btn-success-light-g:focus,
a.aperture-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
    );
}
.aperture-btn-outline-success-light-g,
a.aperture-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);
}
.aperture-btn-outline-success-light-g:focus,
.aperture-btn-outline-success-light-g:hover,
.aperture-btn-reverse-outline-success-light-g a.aperture-btn-reverse-outline-success-light-g,
a.aperture-btn-outline-success-light-g:focus,
a.aperture-btn-outline-success-light-g:hover {
    background-color: var(--dnn-color-success-light-g, 194);
    border-color: var(--dnn-color-success-light-g, 194);
}
.aperture-btn-reverse-outline-success-light-g a.aperture-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);
}
.aperture-btn-reverse-outline-success-light-g a.aperture-btn-reverse-outline-success-light-g:focus,
.aperture-btn-reverse-outline-success-light-g a.aperture-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);
}
.aperture-btn-inverse-success-light-g,
a.aperture-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);
}
.aperture-btn-inverse-success-light-g:focus,
.aperture-btn-inverse-success-light-g:hover,
a.aperture-btn-inverse-success-light-g:focus,
a.aperture-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";
}
.aperture-btn-success-light-b,
a.aperture-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);
}
.aperture-btn-success-light-b:focus,
.aperture-btn-success-light-b:hover,
a.aperture-btn-success-light-b:focus,
a.aperture-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
    );
}
.aperture-btn-outline-success-light-b,
a.aperture-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);
}
.aperture-btn-outline-success-light-b:focus,
.aperture-btn-outline-success-light-b:hover,
.aperture-btn-reverse-outline-success-light-b a.aperture-btn-reverse-outline-success-light-b,
a.aperture-btn-outline-success-light-b:focus,
a.aperture-btn-outline-success-light-b:hover {
    background-color: var(--dnn-color-success-light-b, 93);
    border-color: var(--dnn-color-success-light-b, 93);
}
.aperture-btn-reverse-outline-success-light-b a.aperture-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);
}
.aperture-btn-reverse-outline-success-light-b a.aperture-btn-reverse-outline-success-light-b:focus,
.aperture-btn-reverse-outline-success-light-b a.aperture-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);
}
.aperture-btn-inverse-success-light-b,
a.aperture-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);
}
.aperture-btn-inverse-success-light-b:focus,
.aperture-btn-inverse-success-light-b:hover,
a.aperture-btn-inverse-success-light-b:focus,
a.aperture-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";
}
.aperture-btn-success-dark,
a.aperture-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);
}
.aperture-btn-success-dark:focus,
.aperture-btn-success-dark:hover,
a.aperture-btn-success-dark:focus,
a.aperture-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
    );
}
.aperture-btn-outline-success-dark,
a.aperture-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);
}
.aperture-btn-outline-success-dark:focus,
.aperture-btn-outline-success-dark:hover,
.aperture-btn-reverse-outline-success-dark a.aperture-btn-reverse-outline-success-dark,
a.aperture-btn-outline-success-dark:focus,
a.aperture-btn-outline-success-dark:hover {
    background-color: var(--dnn-color-success-dark, #00902f);
    border-color: var(--dnn-color-success-dark, #00902f);
}
.aperture-btn-reverse-outline-success-dark a.aperture-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);
}
.aperture-btn-reverse-outline-success-dark a.aperture-btn-reverse-outline-success-dark:focus,
.aperture-btn-reverse-outline-success-dark a.aperture-btn-reverse-outline-success-dark:hover {
    background-color: transparent;
    border-color: var(--dnn-color-success-dark, #00902f);
    color: var(--dnn-color-success-dark, #00902f);
}
.aperture-btn-inverse-success-dark,
a.aperture-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);
}
.aperture-btn-inverse-success-dark:focus,
.aperture-btn-inverse-success-dark:hover,
a.aperture-btn-inverse-success-dark:focus,
a.aperture-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";
}
.aperture-btn-success-dark-r,
a.aperture-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);
}
.aperture-btn-success-dark-r:focus,
.aperture-btn-success-dark-r:hover,
a.aperture-btn-success-dark-r:focus,
a.aperture-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
    );
}
.aperture-btn-outline-success-dark-r,
a.aperture-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);
}
.aperture-btn-outline-success-dark-r:focus,
.aperture-btn-outline-success-dark-r:hover,
.aperture-btn-reverse-outline-success-dark-r a.aperture-btn-reverse-outline-success-dark-r,
a.aperture-btn-outline-success-dark-r:focus,
a.aperture-btn-outline-success-dark-r:hover {
    background-color: var(--dnn-color-success-dark-r, 0);
    border-color: var(--dnn-color-success-dark-r, 0);
}
.aperture-btn-reverse-outline-success-dark-r a.aperture-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);
}
.aperture-btn-reverse-outline-success-dark-r a.aperture-btn-reverse-outline-success-dark-r:focus,
.aperture-btn-reverse-outline-success-dark-r a.aperture-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);
}
.aperture-btn-inverse-success-dark-r,
a.aperture-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);
}
.aperture-btn-inverse-success-dark-r:focus,
.aperture-btn-inverse-success-dark-r:hover,
a.aperture-btn-inverse-success-dark-r:focus,
a.aperture-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";
}
.aperture-btn-success-dark-g,
a.aperture-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);
}
.aperture-btn-success-dark-g:focus,
.aperture-btn-success-dark-g:hover,
a.aperture-btn-success-dark-g:focus,
a.aperture-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
    );
}
.aperture-btn-outline-success-dark-g,
a.aperture-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);
}
.aperture-btn-outline-success-dark-g:focus,
.aperture-btn-outline-success-dark-g:hover,
.aperture-btn-reverse-outline-success-dark-g a.aperture-btn-reverse-outline-success-dark-g,
a.aperture-btn-outline-success-dark-g:focus,
a.aperture-btn-outline-success-dark-g:hover {
    background-color: var(--dnn-color-success-dark-g, 144);
    border-color: var(--dnn-color-success-dark-g, 144);
}
.aperture-btn-reverse-outline-success-dark-g a.aperture-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);
}
.aperture-btn-reverse-outline-success-dark-g a.aperture-btn-reverse-outline-success-dark-g:focus,
.aperture-btn-reverse-outline-success-dark-g a.aperture-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);
}
.aperture-btn-inverse-success-dark-g,
a.aperture-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);
}
.aperture-btn-inverse-success-dark-g:focus,
.aperture-btn-inverse-success-dark-g:hover,
a.aperture-btn-inverse-success-dark-g:focus,
a.aperture-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";
}
.aperture-btn-success-dark-b,
a.aperture-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);
}
.aperture-btn-success-dark-b:focus,
.aperture-btn-success-dark-b:hover,
a.aperture-btn-success-dark-b:focus,
a.aperture-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
    );
}
.aperture-btn-outline-success-dark-b,
a.aperture-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);
}
.aperture-btn-outline-success-dark-b:focus,
.aperture-btn-outline-success-dark-b:hover,
.aperture-btn-reverse-outline-success-dark-b a.aperture-btn-reverse-outline-success-dark-b,
a.aperture-btn-outline-success-dark-b:focus,
a.aperture-btn-outline-success-dark-b:hover {
    background-color: var(--dnn-color-success-dark-b, 47);
    border-color: var(--dnn-color-success-dark-b, 47);
}
.aperture-btn-reverse-outline-success-dark-b a.aperture-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);
}
.aperture-btn-reverse-outline-success-dark-b a.aperture-btn-reverse-outline-success-dark-b:focus,
.aperture-btn-reverse-outline-success-dark-b a.aperture-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);
}
.aperture-btn-inverse-success-dark-b,
a.aperture-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);
}
.aperture-btn-inverse-success-dark-b:focus,
.aperture-btn-inverse-success-dark-b:hover,
a.aperture-btn-inverse-success-dark-b:focus,
a.aperture-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";
}
.aperture-btn-success-contrast,
a.aperture-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);
}
.aperture-btn-success-contrast:focus,
.aperture-btn-success-contrast:hover,
a.aperture-btn-success-contrast:focus,
a.aperture-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
    );
}
.aperture-btn-outline-success-contrast,
a.aperture-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);
}
.aperture-btn-outline-success-contrast:focus,
.aperture-btn-outline-success-contrast:hover,
.aperture-btn-reverse-outline-success-contrast a.aperture-btn-reverse-outline-success-contrast,
a.aperture-btn-outline-success-contrast:focus,
a.aperture-btn-outline-success-contrast:hover {
    background-color: var(--dnn-color-success-contrast, #fff);
    border-color: var(--dnn-color-success-contrast, #fff);
}
.aperture-btn-reverse-outline-success-contrast a.aperture-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);
}
.aperture-btn-reverse-outline-success-contrast a.aperture-btn-reverse-outline-success-contrast:focus,
.aperture-btn-reverse-outline-success-contrast a.aperture-btn-reverse-outline-success-contrast:hover {
    background-color: transparent;
    border-color: var(--dnn-color-success-contrast, #fff);
    color: var(--dnn-color-success-contrast, #fff);
}
.aperture-btn-inverse-success-contrast,
a.aperture-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);
}
.aperture-btn-inverse-success-contrast:focus,
.aperture-btn-inverse-success-contrast:hover,
a.aperture-btn-inverse-success-contrast:focus,
a.aperture-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";
}
.aperture-btn-success-contrast-r,
a.aperture-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);
}
.aperture-btn-success-contrast-r:focus,
.aperture-btn-success-contrast-r:hover,
a.aperture-btn-success-contrast-r:focus,
a.aperture-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
    );
}
.aperture-btn-outline-success-contrast-r,
a.aperture-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);
}
.aperture-btn-outline-success-contrast-r:focus,
.aperture-btn-outline-success-contrast-r:hover,
.aperture-btn-reverse-outline-success-contrast-r a.aperture-btn-reverse-outline-success-contrast-r,
a.aperture-btn-outline-success-contrast-r:focus,
a.aperture-btn-outline-success-contrast-r:hover {
    background-color: var(--dnn-color-success-contrast-r, 255);
    border-color: var(--dnn-color-success-contrast-r, 255);
}
.aperture-btn-reverse-outline-success-contrast-r a.aperture-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);
}
.aperture-btn-reverse-outline-success-contrast-r a.aperture-btn-reverse-outline-success-contrast-r:focus,
.aperture-btn-reverse-outline-success-contrast-r a.aperture-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);
}
.aperture-btn-inverse-success-contrast-r,
a.aperture-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);
}
.aperture-btn-inverse-success-contrast-r:focus,
.aperture-btn-inverse-success-contrast-r:hover,
a.aperture-btn-inverse-success-contrast-r:focus,
a.aperture-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";
}
.aperture-btn-success-contrast-g,
a.aperture-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);
}
.aperture-btn-success-contrast-g:focus,
.aperture-btn-success-contrast-g:hover,
a.aperture-btn-success-contrast-g:focus,
a.aperture-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
    );
}
.aperture-btn-outline-success-contrast-g,
a.aperture-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);
}
.aperture-btn-outline-success-contrast-g:focus,
.aperture-btn-outline-success-contrast-g:hover,
.aperture-btn-reverse-outline-success-contrast-g a.aperture-btn-reverse-outline-success-contrast-g,
a.aperture-btn-outline-success-contrast-g:focus,
a.aperture-btn-outline-success-contrast-g:hover {
    background-color: var(--dnn-color-success-contrast-g, 255);
    border-color: var(--dnn-color-success-contrast-g, 255);
}
.aperture-btn-reverse-outline-success-contrast-g a.aperture-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);
}
.aperture-btn-reverse-outline-success-contrast-g a.aperture-btn-reverse-outline-success-contrast-g:focus,
.aperture-btn-reverse-outline-success-contrast-g a.aperture-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);
}
.aperture-btn-inverse-success-contrast-g,
a.aperture-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);
}
.aperture-btn-inverse-success-contrast-g:focus,
.aperture-btn-inverse-success-contrast-g:hover,
a.aperture-btn-inverse-success-contrast-g:focus,
a.aperture-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";
}
.aperture-btn-success-contrast-b,
a.aperture-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);
}
.aperture-btn-success-contrast-b:focus,
.aperture-btn-success-contrast-b:hover,
a.aperture-btn-success-contrast-b:focus,
a.aperture-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
    );
}
.aperture-btn-outline-success-contrast-b,
a.aperture-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);
}
.aperture-btn-outline-success-contrast-b:focus,
.aperture-btn-outline-success-contrast-b:hover,
.aperture-btn-reverse-outline-success-contrast-b a.aperture-btn-reverse-outline-success-contrast-b,
a.aperture-btn-outline-success-contrast-b:focus,
a.aperture-btn-outline-success-contrast-b:hover {
    background-color: var(--dnn-color-success-contrast-b, 255);
    border-color: var(--dnn-color-success-contrast-b, 255);
}
.aperture-btn-reverse-outline-success-contrast-b a.aperture-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);
}
.aperture-btn-reverse-outline-success-contrast-b a.aperture-btn-reverse-outline-success-contrast-b:focus,
.aperture-btn-reverse-outline-success-contrast-b a.aperture-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);
}
.aperture-btn-inverse-success-contrast-b,
a.aperture-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);
}
.aperture-btn-inverse-success-contrast-b:focus,
.aperture-btn-inverse-success-contrast-b:hover,
a.aperture-btn-inverse-success-contrast-b:focus,
a.aperture-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";
}
.aperture-btn-warning,
a.aperture-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);
}
.aperture-btn-warning:focus,
.aperture-btn-warning:hover,
a.aperture-btn-warning:focus,
a.aperture-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);
}
.aperture-btn-outline-warning,
a.aperture-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);
}
.aperture-btn-outline-warning:focus,
.aperture-btn-outline-warning:hover,
.aperture-btn-reverse-outline-warning a.aperture-btn-reverse-outline-warning,
a.aperture-btn-outline-warning:focus,
a.aperture-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);
}
.aperture-btn-reverse-outline-warning a.aperture-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);
}
.aperture-btn-reverse-outline-warning a.aperture-btn-reverse-outline-warning:focus,
.aperture-btn-reverse-outline-warning a.aperture-btn-reverse-outline-warning:hover {
    background-color: transparent;
    border-color: var(--dnn-color-warning, #ffc107);
    color: var(--dnn-color-warning, #ffc107);
}
.aperture-btn-inverse-warning,
a.aperture-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);
}
.aperture-btn-inverse-warning:focus,
.aperture-btn-inverse-warning:hover,
a.aperture-btn-inverse-warning:focus,
a.aperture-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";
}
.aperture-btn-warning-r,
a.aperture-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);
}
.aperture-btn-warning-r:focus,
.aperture-btn-warning-r:hover,
a.aperture-btn-warning-r:focus,
a.aperture-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);
}
.aperture-btn-outline-warning-r,
a.aperture-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);
}
.aperture-btn-outline-warning-r:focus,
.aperture-btn-outline-warning-r:hover,
.aperture-btn-reverse-outline-warning-r a.aperture-btn-reverse-outline-warning-r,
a.aperture-btn-outline-warning-r:focus,
a.aperture-btn-outline-warning-r:hover {
    background-color: var(--dnn-color-warning-r, 255);
    border-color: var(--dnn-color-warning-r, 255);
}
.aperture-btn-reverse-outline-warning-r a.aperture-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);
}
.aperture-btn-reverse-outline-warning-r a.aperture-btn-reverse-outline-warning-r:focus,
.aperture-btn-reverse-outline-warning-r a.aperture-btn-reverse-outline-warning-r:hover {
    background-color: transparent;
    border-color: var(--dnn-color-warning-r, 255);
    color: var(--dnn-color-warning-r, 255);
}
.aperture-btn-inverse-warning-r,
a.aperture-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);
}
.aperture-btn-inverse-warning-r:focus,
.aperture-btn-inverse-warning-r:hover,
a.aperture-btn-inverse-warning-r:focus,
a.aperture-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";
}
.aperture-btn-warning-g,
a.aperture-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);
}
.aperture-btn-warning-g:focus,
.aperture-btn-warning-g:hover,
a.aperture-btn-warning-g:focus,
a.aperture-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);
}
.aperture-btn-outline-warning-g,
a.aperture-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);
}
.aperture-btn-outline-warning-g:focus,
.aperture-btn-outline-warning-g:hover,
.aperture-btn-reverse-outline-warning-g a.aperture-btn-reverse-outline-warning-g,
a.aperture-btn-outline-warning-g:focus,
a.aperture-btn-outline-warning-g:hover {
    background-color: var(--dnn-color-warning-g, 193);
    border-color: var(--dnn-color-warning-g, 193);
}
.aperture-btn-reverse-outline-warning-g a.aperture-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);
}
.aperture-btn-reverse-outline-warning-g a.aperture-btn-reverse-outline-warning-g:focus,
.aperture-btn-reverse-outline-warning-g a.aperture-btn-reverse-outline-warning-g:hover {
    background-color: transparent;
    border-color: var(--dnn-color-warning-g, 193);
    color: var(--dnn-color-warning-g, 193);
}
.aperture-btn-inverse-warning-g,
a.aperture-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);
}
.aperture-btn-inverse-warning-g:focus,
.aperture-btn-inverse-warning-g:hover,
a.aperture-btn-inverse-warning-g:focus,
a.aperture-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";
}
.aperture-btn-warning-b,
a.aperture-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);
}
.aperture-btn-warning-b:focus,
.aperture-btn-warning-b:hover,
a.aperture-btn-warning-b:focus,
a.aperture-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);
}
.aperture-btn-outline-warning-b,
a.aperture-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);
}
.aperture-btn-outline-warning-b:focus,
.aperture-btn-outline-warning-b:hover,
.aperture-btn-reverse-outline-warning-b a.aperture-btn-reverse-outline-warning-b,
a.aperture-btn-outline-warning-b:focus,
a.aperture-btn-outline-warning-b:hover {
    background-color: var(--dnn-color-warning-b, 7);
    border-color: var(--dnn-color-warning-b, 7);
}
.aperture-btn-reverse-outline-warning-b a.aperture-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);
}
.aperture-btn-reverse-outline-warning-b a.aperture-btn-reverse-outline-warning-b:focus,
.aperture-btn-reverse-outline-warning-b a.aperture-btn-reverse-outline-warning-b:hover {
    background-color: transparent;
    border-color: var(--dnn-color-warning-b, 7);
    color: var(--dnn-color-warning-b, 7);
}
.aperture-btn-inverse-warning-b,
a.aperture-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);
}
.aperture-btn-inverse-warning-b:focus,
.aperture-btn-inverse-warning-b:hover,
a.aperture-btn-inverse-warning-b:focus,
a.aperture-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";
}
.aperture-btn-warning-light,
a.aperture-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);
}
.aperture-btn-warning-light:focus,
.aperture-btn-warning-light:hover,
a.aperture-btn-warning-light:focus,
a.aperture-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
    );
}
.aperture-btn-outline-warning-light,
a.aperture-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);
}
.aperture-btn-outline-warning-light:focus,
.aperture-btn-outline-warning-light:hover,
.aperture-btn-reverse-outline-warning-light a.aperture-btn-reverse-outline-warning-light,
a.aperture-btn-outline-warning-light:focus,
a.aperture-btn-outline-warning-light:hover {
    background-color: var(--dnn-color-warning-light, #ffd42e);
    border-color: var(--dnn-color-warning-light, #ffd42e);
}
.aperture-btn-reverse-outline-warning-light a.aperture-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);
}
.aperture-btn-reverse-outline-warning-light a.aperture-btn-reverse-outline-warning-light:focus,
.aperture-btn-reverse-outline-warning-light a.aperture-btn-reverse-outline-warning-light:hover {
    background-color: transparent;
    border-color: var(--dnn-color-warning-light, #ffd42e);
    color: var(--dnn-color-warning-light, #ffd42e);
}
.aperture-btn-inverse-warning-light,
a.aperture-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);
}
.aperture-btn-inverse-warning-light:focus,
.aperture-btn-inverse-warning-light:hover,
a.aperture-btn-inverse-warning-light:focus,
a.aperture-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";
}
.aperture-btn-warning-light-r,
a.aperture-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);
}
.aperture-btn-warning-light-r:focus,
.aperture-btn-warning-light-r:hover,
a.aperture-btn-warning-light-r:focus,
a.aperture-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
    );
}
.aperture-btn-outline-warning-light-r,
a.aperture-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);
}
.aperture-btn-outline-warning-light-r:focus,
.aperture-btn-outline-warning-light-r:hover,
.aperture-btn-reverse-outline-warning-light-r a.aperture-btn-reverse-outline-warning-light-r,
a.aperture-btn-outline-warning-light-r:focus,
a.aperture-btn-outline-warning-light-r:hover {
    background-color: var(--dnn-color-warning-light-r, 255);
    border-color: var(--dnn-color-warning-light-r, 255);
}
.aperture-btn-reverse-outline-warning-light-r a.aperture-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);
}
.aperture-btn-reverse-outline-warning-light-r a.aperture-btn-reverse-outline-warning-light-r:focus,
.aperture-btn-reverse-outline-warning-light-r a.aperture-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);
}
.aperture-btn-inverse-warning-light-r,
a.aperture-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);
}
.aperture-btn-inverse-warning-light-r:focus,
.aperture-btn-inverse-warning-light-r:hover,
a.aperture-btn-inverse-warning-light-r:focus,
a.aperture-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";
}
.aperture-btn-warning-light-g,
a.aperture-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);
}
.aperture-btn-warning-light-g:focus,
.aperture-btn-warning-light-g:hover,
a.aperture-btn-warning-light-g:focus,
a.aperture-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
    );
}
.aperture-btn-outline-warning-light-g,
a.aperture-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);
}
.aperture-btn-outline-warning-light-g:focus,
.aperture-btn-outline-warning-light-g:hover,
.aperture-btn-reverse-outline-warning-light-g a.aperture-btn-reverse-outline-warning-light-g,
a.aperture-btn-outline-warning-light-g:focus,
a.aperture-btn-outline-warning-light-g:hover {
    background-color: var(--dnn-color-warning-light-g, 212);
    border-color: var(--dnn-color-warning-light-g, 212);
}
.aperture-btn-reverse-outline-warning-light-g a.aperture-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);
}
.aperture-btn-reverse-outline-warning-light-g a.aperture-btn-reverse-outline-warning-light-g:focus,
.aperture-btn-reverse-outline-warning-light-g a.aperture-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);
}
.aperture-btn-inverse-warning-light-g,
a.aperture-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);
}
.aperture-btn-inverse-warning-light-g:focus,
.aperture-btn-inverse-warning-light-g:hover,
a.aperture-btn-inverse-warning-light-g:focus,
a.aperture-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";
}
.aperture-btn-warning-light-b,
a.aperture-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);
}
.aperture-btn-warning-light-b:focus,
.aperture-btn-warning-light-b:hover,
a.aperture-btn-warning-light-b:focus,
a.aperture-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
    );
}
.aperture-btn-outline-warning-light-b,
a.aperture-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);
}
.aperture-btn-outline-warning-light-b:focus,
.aperture-btn-outline-warning-light-b:hover,
.aperture-btn-reverse-outline-warning-light-b a.aperture-btn-reverse-outline-warning-light-b,
a.aperture-btn-outline-warning-light-b:focus,
a.aperture-btn-outline-warning-light-b:hover {
    background-color: var(--dnn-color-warning-light-b, 46);
    border-color: var(--dnn-color-warning-light-b, 46);
}
.aperture-btn-reverse-outline-warning-light-b a.aperture-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);
}
.aperture-btn-reverse-outline-warning-light-b a.aperture-btn-reverse-outline-warning-light-b:focus,
.aperture-btn-reverse-outline-warning-light-b a.aperture-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);
}
.aperture-btn-inverse-warning-light-b,
a.aperture-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);
}
.aperture-btn-inverse-warning-light-b:focus,
.aperture-btn-inverse-warning-light-b:hover,
a.aperture-btn-inverse-warning-light-b:focus,
a.aperture-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";
}
.aperture-btn-warning-dark,
a.aperture-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);
}
.aperture-btn-warning-dark:focus,
.aperture-btn-warning-dark:hover,
a.aperture-btn-warning-dark:focus,
a.aperture-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
    );
}
.aperture-btn-outline-warning-dark,
a.aperture-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);
}
.aperture-btn-outline-warning-dark:focus,
.aperture-btn-outline-warning-dark:hover,
.aperture-btn-reverse-outline-warning-dark a.aperture-btn-reverse-outline-warning-dark,
a.aperture-btn-outline-warning-dark:focus,
a.aperture-btn-outline-warning-dark:hover {
    background-color: var(--dnn-color-warning-dark, #e9ad00);
    border-color: var(--dnn-color-warning-dark, #e9ad00);
}
.aperture-btn-reverse-outline-warning-dark a.aperture-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);
}
.aperture-btn-reverse-outline-warning-dark a.aperture-btn-reverse-outline-warning-dark:focus,
.aperture-btn-reverse-outline-warning-dark a.aperture-btn-reverse-outline-warning-dark:hover {
    background-color: transparent;
    border-color: var(--dnn-color-warning-dark, #e9ad00);
    color: var(--dnn-color-warning-dark, #e9ad00);
}
.aperture-btn-inverse-warning-dark,
a.aperture-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);
}
.aperture-btn-inverse-warning-dark:focus,
.aperture-btn-inverse-warning-dark:hover,
a.aperture-btn-inverse-warning-dark:focus,
a.aperture-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";
}
.aperture-btn-warning-dark-r,
a.aperture-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);
}
.aperture-btn-warning-dark-r:focus,
.aperture-btn-warning-dark-r:hover,
a.aperture-btn-warning-dark-r:focus,
a.aperture-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
    );
}
.aperture-btn-outline-warning-dark-r,
a.aperture-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);
}
.aperture-btn-outline-warning-dark-r:focus,
.aperture-btn-outline-warning-dark-r:hover,
.aperture-btn-reverse-outline-warning-dark-r a.aperture-btn-reverse-outline-warning-dark-r,
a.aperture-btn-outline-warning-dark-r:focus,
a.aperture-btn-outline-warning-dark-r:hover {
    background-color: var(--dnn-color-warning-dark-r, 233);
    border-color: var(--dnn-color-warning-dark-r, 233);
}
.aperture-btn-reverse-outline-warning-dark-r a.aperture-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);
}
.aperture-btn-reverse-outline-warning-dark-r a.aperture-btn-reverse-outline-warning-dark-r:focus,
.aperture-btn-reverse-outline-warning-dark-r a.aperture-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);
}
.aperture-btn-inverse-warning-dark-r,
a.aperture-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);
}
.aperture-btn-inverse-warning-dark-r:focus,
.aperture-btn-inverse-warning-dark-r:hover,
a.aperture-btn-inverse-warning-dark-r:focus,
a.aperture-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";
}
.aperture-btn-warning-dark-g,
a.aperture-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);
}
.aperture-btn-warning-dark-g:focus,
.aperture-btn-warning-dark-g:hover,
a.aperture-btn-warning-dark-g:focus,
a.aperture-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
    );
}
.aperture-btn-outline-warning-dark-g,
a.aperture-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);
}
.aperture-btn-outline-warning-dark-g:focus,
.aperture-btn-outline-warning-dark-g:hover,
.aperture-btn-reverse-outline-warning-dark-g a.aperture-btn-reverse-outline-warning-dark-g,
a.aperture-btn-outline-warning-dark-g:focus,
a.aperture-btn-outline-warning-dark-g:hover {
    background-color: var(--dnn-color-warning-dark-g, 173);
    border-color: var(--dnn-color-warning-dark-g, 173);
}
.aperture-btn-reverse-outline-warning-dark-g a.aperture-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);
}
.aperture-btn-reverse-outline-warning-dark-g a.aperture-btn-reverse-outline-warning-dark-g:focus,
.aperture-btn-reverse-outline-warning-dark-g a.aperture-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);
}
.aperture-btn-inverse-warning-dark-g,
a.aperture-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);
}
.aperture-btn-inverse-warning-dark-g:focus,
.aperture-btn-inverse-warning-dark-g:hover,
a.aperture-btn-inverse-warning-dark-g:focus,
a.aperture-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";
}
.aperture-btn-warning-dark-b,
a.aperture-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);
}
.aperture-btn-warning-dark-b:focus,
.aperture-btn-warning-dark-b:hover,
a.aperture-btn-warning-dark-b:focus,
a.aperture-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
    );
}
.aperture-btn-outline-warning-dark-b,
a.aperture-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);
}
.aperture-btn-outline-warning-dark-b:focus,
.aperture-btn-outline-warning-dark-b:hover,
.aperture-btn-reverse-outline-warning-dark-b a.aperture-btn-reverse-outline-warning-dark-b,
a.aperture-btn-outline-warning-dark-b:focus,
a.aperture-btn-outline-warning-dark-b:hover {
    background-color: var(--dnn-color-warning-dark-b, 0);
    border-color: var(--dnn-color-warning-dark-b, 0);
}
.aperture-btn-reverse-outline-warning-dark-b a.aperture-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);
}
.aperture-btn-reverse-outline-warning-dark-b a.aperture-btn-reverse-outline-warning-dark-b:focus,
.aperture-btn-reverse-outline-warning-dark-b a.aperture-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);
}
.aperture-btn-inverse-warning-dark-b,
a.aperture-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);
}
.aperture-btn-inverse-warning-dark-b:focus,
.aperture-btn-inverse-warning-dark-b:hover,
a.aperture-btn-inverse-warning-dark-b:focus,
a.aperture-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";
}
.aperture-btn-warning-contrast,
a.aperture-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);
}
.aperture-btn-warning-contrast:focus,
.aperture-btn-warning-contrast:hover,
a.aperture-btn-warning-contrast:focus,
a.aperture-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
    );
}
.aperture-btn-outline-warning-contrast,
a.aperture-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);
}
.aperture-btn-outline-warning-contrast:focus,
.aperture-btn-outline-warning-contrast:hover,
.aperture-btn-reverse-outline-warning-contrast a.aperture-btn-reverse-outline-warning-contrast,
a.aperture-btn-outline-warning-contrast:focus,
a.aperture-btn-outline-warning-contrast:hover {
    background-color: var(--dnn-color-warning-contrast, #fff);
    border-color: var(--dnn-color-warning-contrast, #fff);
}
.aperture-btn-reverse-outline-warning-contrast a.aperture-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);
}
.aperture-btn-reverse-outline-warning-contrast a.aperture-btn-reverse-outline-warning-contrast:focus,
.aperture-btn-reverse-outline-warning-contrast a.aperture-btn-reverse-outline-warning-contrast:hover {
    background-color: transparent;
    border-color: var(--dnn-color-warning-contrast, #fff);
    color: var(--dnn-color-warning-contrast, #fff);
}
.aperture-btn-inverse-warning-contrast,
a.aperture-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);
}
.aperture-btn-inverse-warning-contrast:focus,
.aperture-btn-inverse-warning-contrast:hover,
a.aperture-btn-inverse-warning-contrast:focus,
a.aperture-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";
}
.aperture-btn-warning-contrast-r,
a.aperture-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);
}
.aperture-btn-warning-contrast-r:focus,
.aperture-btn-warning-contrast-r:hover,
a.aperture-btn-warning-contrast-r:focus,
a.aperture-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
    );
}
.aperture-btn-outline-warning-contrast-r,
a.aperture-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);
}
.aperture-btn-outline-warning-contrast-r:focus,
.aperture-btn-outline-warning-contrast-r:hover,
.aperture-btn-reverse-outline-warning-contrast-r a.aperture-btn-reverse-outline-warning-contrast-r,
a.aperture-btn-outline-warning-contrast-r:focus,
a.aperture-btn-outline-warning-contrast-r:hover {
    background-color: var(--dnn-color-warning-contrast-r, 255);
    border-color: var(--dnn-color-warning-contrast-r, 255);
}
.aperture-btn-reverse-outline-warning-contrast-r a.aperture-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);
}
.aperture-btn-reverse-outline-warning-contrast-r a.aperture-btn-reverse-outline-warning-contrast-r:focus,
.aperture-btn-reverse-outline-warning-contrast-r a.aperture-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);
}
.aperture-btn-inverse-warning-contrast-r,
a.aperture-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);
}
.aperture-btn-inverse-warning-contrast-r:focus,
.aperture-btn-inverse-warning-contrast-r:hover,
a.aperture-btn-inverse-warning-contrast-r:focus,
a.aperture-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";
}
.aperture-btn-warning-contrast-g,
a.aperture-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);
}
.aperture-btn-warning-contrast-g:focus,
.aperture-btn-warning-contrast-g:hover,
a.aperture-btn-warning-contrast-g:focus,
a.aperture-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
    );
}
.aperture-btn-outline-warning-contrast-g,
a.aperture-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);
}
.aperture-btn-outline-warning-contrast-g:focus,
.aperture-btn-outline-warning-contrast-g:hover,
.aperture-btn-reverse-outline-warning-contrast-g a.aperture-btn-reverse-outline-warning-contrast-g,
a.aperture-btn-outline-warning-contrast-g:focus,
a.aperture-btn-outline-warning-contrast-g:hover {
    background-color: var(--dnn-color-warning-contrast-g, 255);
    border-color: var(--dnn-color-warning-contrast-g, 255);
}
.aperture-btn-reverse-outline-warning-contrast-g a.aperture-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);
}
.aperture-btn-reverse-outline-warning-contrast-g a.aperture-btn-reverse-outline-warning-contrast-g:focus,
.aperture-btn-reverse-outline-warning-contrast-g a.aperture-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);
}
.aperture-btn-inverse-warning-contrast-g,
a.aperture-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);
}
.aperture-btn-inverse-warning-contrast-g:focus,
.aperture-btn-inverse-warning-contrast-g:hover,
a.aperture-btn-inverse-warning-contrast-g:focus,
a.aperture-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";
}
.aperture-btn-warning-contrast-b,
a.aperture-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);
}
.aperture-btn-warning-contrast-b:focus,
.aperture-btn-warning-contrast-b:hover,
a.aperture-btn-warning-contrast-b:focus,
a.aperture-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
    );
}
.aperture-btn-outline-warning-contrast-b,
a.aperture-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);
}
.aperture-btn-outline-warning-contrast-b:focus,
.aperture-btn-outline-warning-contrast-b:hover,
.aperture-btn-reverse-outline-warning-contrast-b a.aperture-btn-reverse-outline-warning-contrast-b,
a.aperture-btn-outline-warning-contrast-b:focus,
a.aperture-btn-outline-warning-contrast-b:hover {
    background-color: var(--dnn-color-warning-contrast-b, 255);
    border-color: var(--dnn-color-warning-contrast-b, 255);
}
.aperture-btn-reverse-outline-warning-contrast-b a.aperture-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);
}
.aperture-btn-reverse-outline-warning-contrast-b a.aperture-btn-reverse-outline-warning-contrast-b:focus,
.aperture-btn-reverse-outline-warning-contrast-b a.aperture-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);
}
.aperture-btn-inverse-warning-contrast-b,
a.aperture-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);
}
.aperture-btn-inverse-warning-contrast-b:focus,
.aperture-btn-inverse-warning-contrast-b:hover,
a.aperture-btn-inverse-warning-contrast-b:focus,
a.aperture-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";
}
.aperture-btn-danger,
a.aperture-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);
}
.aperture-btn-danger:focus,
.aperture-btn-danger:hover,
a.aperture-btn-danger:focus,
a.aperture-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);
}
.aperture-btn-outline-danger,
a.aperture-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);
}
.aperture-btn-outline-danger:focus,
.aperture-btn-outline-danger:hover,
.aperture-btn-reverse-outline-danger a.aperture-btn-reverse-outline-danger,
a.aperture-btn-outline-danger:focus,
a.aperture-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);
}
.aperture-btn-reverse-outline-danger a.aperture-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);
}
.aperture-btn-reverse-outline-danger a.aperture-btn-reverse-outline-danger:focus,
.aperture-btn-reverse-outline-danger a.aperture-btn-reverse-outline-danger:hover {
    background-color: transparent;
    border-color: var(--dnn-color-danger, #dc3545);
    color: var(--dnn-color-danger, #dc3545);
}
.aperture-btn-inverse-danger,
a.aperture-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);
}
.aperture-btn-inverse-danger:focus,
.aperture-btn-inverse-danger:hover,
a.aperture-btn-inverse-danger:focus,
a.aperture-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";
}
.aperture-btn-danger-r,
a.aperture-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);
}
.aperture-btn-danger-r:focus,
.aperture-btn-danger-r:hover,
a.aperture-btn-danger-r:focus,
a.aperture-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);
}
.aperture-btn-outline-danger-r,
a.aperture-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);
}
.aperture-btn-outline-danger-r:focus,
.aperture-btn-outline-danger-r:hover,
.aperture-btn-reverse-outline-danger-r a.aperture-btn-reverse-outline-danger-r,
a.aperture-btn-outline-danger-r:focus,
a.aperture-btn-outline-danger-r:hover {
    background-color: var(--dnn-color-danger-r, 220);
    border-color: var(--dnn-color-danger-r, 220);
}
.aperture-btn-reverse-outline-danger-r a.aperture-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);
}
.aperture-btn-reverse-outline-danger-r a.aperture-btn-reverse-outline-danger-r:focus,
.aperture-btn-reverse-outline-danger-r a.aperture-btn-reverse-outline-danger-r:hover {
    background-color: transparent;
    border-color: var(--dnn-color-danger-r, 220);
    color: var(--dnn-color-danger-r, 220);
}
.aperture-btn-inverse-danger-r,
a.aperture-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);
}
.aperture-btn-inverse-danger-r:focus,
.aperture-btn-inverse-danger-r:hover,
a.aperture-btn-inverse-danger-r:focus,
a.aperture-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";
}
.aperture-btn-danger-g,
a.aperture-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);
}
.aperture-btn-danger-g:focus,
.aperture-btn-danger-g:hover,
a.aperture-btn-danger-g:focus,
a.aperture-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);
}
.aperture-btn-outline-danger-g,
a.aperture-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);
}
.aperture-btn-outline-danger-g:focus,
.aperture-btn-outline-danger-g:hover,
.aperture-btn-reverse-outline-danger-g a.aperture-btn-reverse-outline-danger-g,
a.aperture-btn-outline-danger-g:focus,
a.aperture-btn-outline-danger-g:hover {
    background-color: var(--dnn-color-danger-g, 53);
    border-color: var(--dnn-color-danger-g, 53);
}
.aperture-btn-reverse-outline-danger-g a.aperture-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);
}
.aperture-btn-reverse-outline-danger-g a.aperture-btn-reverse-outline-danger-g:focus,
.aperture-btn-reverse-outline-danger-g a.aperture-btn-reverse-outline-danger-g:hover {
    background-color: transparent;
    border-color: var(--dnn-color-danger-g, 53);
    color: var(--dnn-color-danger-g, 53);
}
.aperture-btn-inverse-danger-g,
a.aperture-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);
}
.aperture-btn-inverse-danger-g:focus,
.aperture-btn-inverse-danger-g:hover,
a.aperture-btn-inverse-danger-g:focus,
a.aperture-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";
}
.aperture-btn-danger-b,
a.aperture-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);
}
.aperture-btn-danger-b:focus,
.aperture-btn-danger-b:hover,
a.aperture-btn-danger-b:focus,
a.aperture-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);
}
.aperture-btn-outline-danger-b,
a.aperture-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);
}
.aperture-btn-outline-danger-b:focus,
.aperture-btn-outline-danger-b:hover,
.aperture-btn-reverse-outline-danger-b a.aperture-btn-reverse-outline-danger-b,
a.aperture-btn-outline-danger-b:focus,
a.aperture-btn-outline-danger-b:hover {
    background-color: var(--dnn-color-danger-b, 69);
    border-color: var(--dnn-color-danger-b, 69);
}
.aperture-btn-reverse-outline-danger-b a.aperture-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);
}
.aperture-btn-reverse-outline-danger-b a.aperture-btn-reverse-outline-danger-b:focus,
.aperture-btn-reverse-outline-danger-b a.aperture-btn-reverse-outline-danger-b:hover {
    background-color: transparent;
    border-color: var(--dnn-color-danger-b, 69);
    color: var(--dnn-color-danger-b, 69);
}
.aperture-btn-inverse-danger-b,
a.aperture-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);
}
.aperture-btn-inverse-danger-b:focus,
.aperture-btn-inverse-danger-b:hover,
a.aperture-btn-inverse-danger-b:focus,
a.aperture-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";
}
.aperture-btn-danger-light,
a.aperture-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);
}
.aperture-btn-danger-light:focus,
.aperture-btn-danger-light:hover,
a.aperture-btn-danger-light:focus,
a.aperture-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
    );
}
.aperture-btn-outline-danger-light,
a.aperture-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);
}
.aperture-btn-outline-danger-light:focus,
.aperture-btn-outline-danger-light:hover,
.aperture-btn-reverse-outline-danger-light a.aperture-btn-reverse-outline-danger-light,
a.aperture-btn-outline-danger-light:focus,
a.aperture-btn-outline-danger-light:hover {
    background-color: var(--dnn-color-danger-light, #f14954);
    border-color: var(--dnn-color-danger-light, #f14954);
}
.aperture-btn-reverse-outline-danger-light a.aperture-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);
}
.aperture-btn-reverse-outline-danger-light a.aperture-btn-reverse-outline-danger-light:focus,
.aperture-btn-reverse-outline-danger-light a.aperture-btn-reverse-outline-danger-light:hover {
    background-color: transparent;
    border-color: var(--dnn-color-danger-light, #f14954);
    color: var(--dnn-color-danger-light, #f14954);
}
.aperture-btn-inverse-danger-light,
a.aperture-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);
}
.aperture-btn-inverse-danger-light:focus,
.aperture-btn-inverse-danger-light:hover,
a.aperture-btn-inverse-danger-light:focus,
a.aperture-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";
}
.aperture-btn-danger-light-r,
a.aperture-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);
}
.aperture-btn-danger-light-r:focus,
.aperture-btn-danger-light-r:hover,
a.aperture-btn-danger-light-r:focus,
a.aperture-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
    );
}
.aperture-btn-outline-danger-light-r,
a.aperture-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);
}
.aperture-btn-outline-danger-light-r:focus,
.aperture-btn-outline-danger-light-r:hover,
.aperture-btn-reverse-outline-danger-light-r a.aperture-btn-reverse-outline-danger-light-r,
a.aperture-btn-outline-danger-light-r:focus,
a.aperture-btn-outline-danger-light-r:hover {
    background-color: var(--dnn-color-danger-light-r, 241);
    border-color: var(--dnn-color-danger-light-r, 241);
}
.aperture-btn-reverse-outline-danger-light-r a.aperture-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);
}
.aperture-btn-reverse-outline-danger-light-r a.aperture-btn-reverse-outline-danger-light-r:focus,
.aperture-btn-reverse-outline-danger-light-r a.aperture-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);
}
.aperture-btn-inverse-danger-light-r,
a.aperture-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);
}
.aperture-btn-inverse-danger-light-r:focus,
.aperture-btn-inverse-danger-light-r:hover,
a.aperture-btn-inverse-danger-light-r:focus,
a.aperture-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";
}
.aperture-btn-danger-light-g,
a.aperture-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);
}
.aperture-btn-danger-light-g:focus,
.aperture-btn-danger-light-g:hover,
a.aperture-btn-danger-light-g:focus,
a.aperture-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
    );
}
.aperture-btn-outline-danger-light-g,
a.aperture-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);
}
.aperture-btn-outline-danger-light-g:focus,
.aperture-btn-outline-danger-light-g:hover,
.aperture-btn-reverse-outline-danger-light-g a.aperture-btn-reverse-outline-danger-light-g,
a.aperture-btn-outline-danger-light-g:focus,
a.aperture-btn-outline-danger-light-g:hover {
    background-color: var(--dnn-color-danger-light-g, 73);
    border-color: var(--dnn-color-danger-light-g, 73);
}
.aperture-btn-reverse-outline-danger-light-g a.aperture-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);
}
.aperture-btn-reverse-outline-danger-light-g a.aperture-btn-reverse-outline-danger-light-g:focus,
.aperture-btn-reverse-outline-danger-light-g a.aperture-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);
}
.aperture-btn-inverse-danger-light-g,
a.aperture-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);
}
.aperture-btn-inverse-danger-light-g:focus,
.aperture-btn-inverse-danger-light-g:hover,
a.aperture-btn-inverse-danger-light-g:focus,
a.aperture-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";
}
.aperture-btn-danger-light-b,
a.aperture-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);
}
.aperture-btn-danger-light-b:focus,
.aperture-btn-danger-light-b:hover,
a.aperture-btn-danger-light-b:focus,
a.aperture-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
    );
}
.aperture-btn-outline-danger-light-b,
a.aperture-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);
}
.aperture-btn-outline-danger-light-b:focus,
.aperture-btn-outline-danger-light-b:hover,
.aperture-btn-reverse-outline-danger-light-b a.aperture-btn-reverse-outline-danger-light-b,
a.aperture-btn-outline-danger-light-b:focus,
a.aperture-btn-outline-danger-light-b:hover {
    background-color: var(--dnn-color-danger-light-b, 84);
    border-color: var(--dnn-color-danger-light-b, 84);
}
.aperture-btn-reverse-outline-danger-light-b a.aperture-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);
}
.aperture-btn-reverse-outline-danger-light-b a.aperture-btn-reverse-outline-danger-light-b:focus,
.aperture-btn-reverse-outline-danger-light-b a.aperture-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);
}
.aperture-btn-inverse-danger-light-b,
a.aperture-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);
}
.aperture-btn-inverse-danger-light-b:focus,
.aperture-btn-inverse-danger-light-b:hover,
a.aperture-btn-inverse-danger-light-b:focus,
a.aperture-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";
}
.aperture-btn-danger-dark,
a.aperture-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);
}
.aperture-btn-danger-dark:focus,
.aperture-btn-danger-dark:hover,
a.aperture-btn-danger-dark:focus,
a.aperture-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
    );
}
.aperture-btn-outline-danger-dark,
a.aperture-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);
}
.aperture-btn-outline-danger-dark:focus,
.aperture-btn-outline-danger-dark:hover,
.aperture-btn-reverse-outline-danger-dark a.aperture-btn-reverse-outline-danger-dark,
a.aperture-btn-outline-danger-dark:focus,
a.aperture-btn-outline-danger-dark:hover {
    background-color: var(--dnn-color-danger-dark, #c51535);
    border-color: var(--dnn-color-danger-dark, #c51535);
}
.aperture-btn-reverse-outline-danger-dark a.aperture-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);
}
.aperture-btn-reverse-outline-danger-dark a.aperture-btn-reverse-outline-danger-dark:focus,
.aperture-btn-reverse-outline-danger-dark a.aperture-btn-reverse-outline-danger-dark:hover {
    background-color: transparent;
    border-color: var(--dnn-color-danger-dark, #c51535);
    color: var(--dnn-color-danger-dark, #c51535);
}
.aperture-btn-inverse-danger-dark,
a.aperture-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);
}
.aperture-btn-inverse-danger-dark:focus,
.aperture-btn-inverse-danger-dark:hover,
a.aperture-btn-inverse-danger-dark:focus,
a.aperture-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";
}
.aperture-btn-danger-dark-r,
a.aperture-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);
}
.aperture-btn-danger-dark-r:focus,
.aperture-btn-danger-dark-r:hover,
a.aperture-btn-danger-dark-r:focus,
a.aperture-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
    );
}
.aperture-btn-outline-danger-dark-r,
a.aperture-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);
}
.aperture-btn-outline-danger-dark-r:focus,
.aperture-btn-outline-danger-dark-r:hover,
.aperture-btn-reverse-outline-danger-dark-r a.aperture-btn-reverse-outline-danger-dark-r,
a.aperture-btn-outline-danger-dark-r:focus,
a.aperture-btn-outline-danger-dark-r:hover {
    background-color: var(--dnn-color-danger-dark-r, 197);
    border-color: var(--dnn-color-danger-dark-r, 197);
}
.aperture-btn-reverse-outline-danger-dark-r a.aperture-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);
}
.aperture-btn-reverse-outline-danger-dark-r a.aperture-btn-reverse-outline-danger-dark-r:focus,
.aperture-btn-reverse-outline-danger-dark-r a.aperture-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);
}
.aperture-btn-inverse-danger-dark-r,
a.aperture-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);
}
.aperture-btn-inverse-danger-dark-r:focus,
.aperture-btn-inverse-danger-dark-r:hover,
a.aperture-btn-inverse-danger-dark-r:focus,
a.aperture-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";
}
.aperture-btn-danger-dark-g,
a.aperture-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);
}
.aperture-btn-danger-dark-g:focus,
.aperture-btn-danger-dark-g:hover,
a.aperture-btn-danger-dark-g:focus,
a.aperture-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
    );
}
.aperture-btn-outline-danger-dark-g,
a.aperture-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);
}
.aperture-btn-outline-danger-dark-g:focus,
.aperture-btn-outline-danger-dark-g:hover,
.aperture-btn-reverse-outline-danger-dark-g a.aperture-btn-reverse-outline-danger-dark-g,
a.aperture-btn-outline-danger-dark-g:focus,
a.aperture-btn-outline-danger-dark-g:hover {
    background-color: var(--dnn-color-danger-dark-g, 21);
    border-color: var(--dnn-color-danger-dark-g, 21);
}
.aperture-btn-reverse-outline-danger-dark-g a.aperture-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);
}
.aperture-btn-reverse-outline-danger-dark-g a.aperture-btn-reverse-outline-danger-dark-g:focus,
.aperture-btn-reverse-outline-danger-dark-g a.aperture-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);
}
.aperture-btn-inverse-danger-dark-g,
a.aperture-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);
}
.aperture-btn-inverse-danger-dark-g:focus,
.aperture-btn-inverse-danger-dark-g:hover,
a.aperture-btn-inverse-danger-dark-g:focus,
a.aperture-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";
}
.aperture-btn-danger-dark-b,
a.aperture-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);
}
.aperture-btn-danger-dark-b:focus,
.aperture-btn-danger-dark-b:hover,
a.aperture-btn-danger-dark-b:focus,
a.aperture-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
    );
}
.aperture-btn-outline-danger-dark-b,
a.aperture-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);
}
.aperture-btn-outline-danger-dark-b:focus,
.aperture-btn-outline-danger-dark-b:hover,
.aperture-btn-reverse-outline-danger-dark-b a.aperture-btn-reverse-outline-danger-dark-b,
a.aperture-btn-outline-danger-dark-b:focus,
a.aperture-btn-outline-danger-dark-b:hover {
    background-color: var(--dnn-color-danger-dark-b, 53);
    border-color: var(--dnn-color-danger-dark-b, 53);
}
.aperture-btn-reverse-outline-danger-dark-b a.aperture-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);
}
.aperture-btn-reverse-outline-danger-dark-b a.aperture-btn-reverse-outline-danger-dark-b:focus,
.aperture-btn-reverse-outline-danger-dark-b a.aperture-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);
}
.aperture-btn-inverse-danger-dark-b,
a.aperture-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);
}
.aperture-btn-inverse-danger-dark-b:focus,
.aperture-btn-inverse-danger-dark-b:hover,
a.aperture-btn-inverse-danger-dark-b:focus,
a.aperture-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";
}
.aperture-btn-danger-contrast,
a.aperture-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);
}
.aperture-btn-danger-contrast:focus,
.aperture-btn-danger-contrast:hover,
a.aperture-btn-danger-contrast:focus,
a.aperture-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
    );
}
.aperture-btn-outline-danger-contrast,
a.aperture-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);
}
.aperture-btn-outline-danger-contrast:focus,
.aperture-btn-outline-danger-contrast:hover,
.aperture-btn-reverse-outline-danger-contrast a.aperture-btn-reverse-outline-danger-contrast,
a.aperture-btn-outline-danger-contrast:focus,
a.aperture-btn-outline-danger-contrast:hover {
    background-color: var(--dnn-color-danger-contrast, #fff);
    border-color: var(--dnn-color-danger-contrast, #fff);
}
.aperture-btn-reverse-outline-danger-contrast a.aperture-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);
}
.aperture-btn-reverse-outline-danger-contrast a.aperture-btn-reverse-outline-danger-contrast:focus,
.aperture-btn-reverse-outline-danger-contrast a.aperture-btn-reverse-outline-danger-contrast:hover {
    background-color: transparent;
    border-color: var(--dnn-color-danger-contrast, #fff);
    color: var(--dnn-color-danger-contrast, #fff);
}
.aperture-btn-inverse-danger-contrast,
a.aperture-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);
}
.aperture-btn-inverse-danger-contrast:focus,
.aperture-btn-inverse-danger-contrast:hover,
a.aperture-btn-inverse-danger-contrast:focus,
a.aperture-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";
}
.aperture-btn-danger-contrast-r,
a.aperture-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);
}
.aperture-btn-danger-contrast-r:focus,
.aperture-btn-danger-contrast-r:hover,
a.aperture-btn-danger-contrast-r:focus,
a.aperture-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
    );
}
.aperture-btn-outline-danger-contrast-r,
a.aperture-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);
}
.aperture-btn-outline-danger-contrast-r:focus,
.aperture-btn-outline-danger-contrast-r:hover,
.aperture-btn-reverse-outline-danger-contrast-r a.aperture-btn-reverse-outline-danger-contrast-r,
a.aperture-btn-outline-danger-contrast-r:focus,
a.aperture-btn-outline-danger-contrast-r:hover {
    background-color: var(--dnn-color-danger-contrast-r, 255);
    border-color: var(--dnn-color-danger-contrast-r, 255);
}
.aperture-btn-reverse-outline-danger-contrast-r a.aperture-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);
}
.aperture-btn-reverse-outline-danger-contrast-r a.aperture-btn-reverse-outline-danger-contrast-r:focus,
.aperture-btn-reverse-outline-danger-contrast-r a.aperture-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);
}
.aperture-btn-inverse-danger-contrast-r,
a.aperture-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);
}
.aperture-btn-inverse-danger-contrast-r:focus,
.aperture-btn-inverse-danger-contrast-r:hover,
a.aperture-btn-inverse-danger-contrast-r:focus,
a.aperture-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";
}
.aperture-btn-danger-contrast-g,
a.aperture-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);
}
.aperture-btn-danger-contrast-g:focus,
.aperture-btn-danger-contrast-g:hover,
a.aperture-btn-danger-contrast-g:focus,
a.aperture-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
    );
}
.aperture-btn-outline-danger-contrast-g,
a.aperture-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);
}
.aperture-btn-outline-danger-contrast-g:focus,
.aperture-btn-outline-danger-contrast-g:hover,
.aperture-btn-reverse-outline-danger-contrast-g a.aperture-btn-reverse-outline-danger-contrast-g,
a.aperture-btn-outline-danger-contrast-g:focus,
a.aperture-btn-outline-danger-contrast-g:hover {
    background-color: var(--dnn-color-danger-contrast-g, 255);
    border-color: var(--dnn-color-danger-contrast-g, 255);
}
.aperture-btn-reverse-outline-danger-contrast-g a.aperture-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);
}
.aperture-btn-reverse-outline-danger-contrast-g a.aperture-btn-reverse-outline-danger-contrast-g:focus,
.aperture-btn-reverse-outline-danger-contrast-g a.aperture-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);
}
.aperture-btn-inverse-danger-contrast-g,
a.aperture-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);
}
.aperture-btn-inverse-danger-contrast-g:focus,
.aperture-btn-inverse-danger-contrast-g:hover,
a.aperture-btn-inverse-danger-contrast-g:focus,
a.aperture-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";
}
.aperture-btn-danger-contrast-b,
a.aperture-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);
}
.aperture-btn-danger-contrast-b:focus,
.aperture-btn-danger-contrast-b:hover,
a.aperture-btn-danger-contrast-b:focus,
a.aperture-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
    );
}
.aperture-btn-outline-danger-contrast-b,
a.aperture-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);
}
.aperture-btn-outline-danger-contrast-b:focus,
.aperture-btn-outline-danger-contrast-b:hover,
.aperture-btn-reverse-outline-danger-contrast-b a.aperture-btn-reverse-outline-danger-contrast-b,
a.aperture-btn-outline-danger-contrast-b:focus,
a.aperture-btn-outline-danger-contrast-b:hover {
    background-color: var(--dnn-color-danger-contrast-b, 255);
    border-color: var(--dnn-color-danger-contrast-b, 255);
}
.aperture-btn-reverse-outline-danger-contrast-b a.aperture-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);
}
.aperture-btn-reverse-outline-danger-contrast-b a.aperture-btn-reverse-outline-danger-contrast-b:focus,
.aperture-btn-reverse-outline-danger-contrast-b a.aperture-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);
}
.aperture-btn-inverse-danger-contrast-b,
a.aperture-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);
}
.aperture-btn-inverse-danger-contrast-b:focus,
.aperture-btn-inverse-danger-contrast-b:hover,
a.aperture-btn-inverse-danger-contrast-b:focus,
a.aperture-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";
}
.aperture-btn-variation-opacity,
a.aperture-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);
}
.aperture-btn-variation-opacity:focus,
.aperture-btn-variation-opacity:hover,
a.aperture-btn-variation-opacity:focus,
a.aperture-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
    );
}
.aperture-btn-outline-variation-opacity,
a.aperture-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);
}
.aperture-btn-outline-variation-opacity:focus,
.aperture-btn-outline-variation-opacity:hover,
.aperture-btn-reverse-outline-variation-opacity a.aperture-btn-reverse-outline-variation-opacity,
a.aperture-btn-outline-variation-opacity:focus,
a.aperture-btn-outline-variation-opacity:hover {
    background-color: var(--dnn-color-variation-opacity, 0.8);
    border-color: var(--dnn-color-variation-opacity, 0.8);
}
.aperture-btn-reverse-outline-variation-opacity a.aperture-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);
}
.aperture-btn-reverse-outline-variation-opacity a.aperture-btn-reverse-outline-variation-opacity:focus,
.aperture-btn-reverse-outline-variation-opacity a.aperture-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);
}
.aperture-btn-inverse-variation-opacity,
a.aperture-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);
}
.aperture-btn-inverse-variation-opacity:focus,
.aperture-btn-inverse-variation-opacity:hover,
a.aperture-btn-inverse-variation-opacity:focus,
a.aperture-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";
}
.aperture-title-wrapper {
    margin-top: 1rem;
}
.aperture-title-wrapper h5 {
    margin-left: 2rem;
}
.aperture-content-pane .aperture-title-wrapper h5 {
    margin-left: 0;
}
#personaBar-iframe {
    box-shadow: 0 0 10px #000;
}
.aperture-w-0 {
    width: 0;
}
@media (min-width: 0px) {
    .aperture-w-xs-0 {
        width: 0 !important;
    }
}
@media (min-width: 576px) {
    .aperture-w-sm-0 {
        width: 0 !important;
    }
}
@media (min-width: 768px) {
    .aperture-w-md-0 {
        width: 0 !important;
    }
}
@media (min-width: 992px) {
    .aperture-w-lg-0 {
        width: 0 !important;
    }
}
@media (min-width: 1200px) {
    .aperture-w-xl-0 {
        width: 0 !important;
    }
}
.aperture-w-25 {
    width: 25%;
}
@media (min-width: 0px) {
    .aperture-w-xs-25 {
        width: 25% !important;
    }
}
@media (min-width: 576px) {
    .aperture-w-sm-25 {
        width: 25% !important;
    }
}
@media (min-width: 768px) {
    .aperture-w-md-25 {
        width: 25% !important;
    }
}
@media (min-width: 992px) {
    .aperture-w-lg-25 {
        width: 25% !important;
    }
}
@media (min-width: 1200px) {
    .aperture-w-xl-25 {
        width: 25% !important;
    }
}
.aperture-w-50 {
    width: 50%;
}
@media (min-width: 0px) {
    .aperture-w-xs-50 {
        width: 50% !important;
    }
}
@media (min-width: 576px) {
    .aperture-w-sm-50 {
        width: 50% !important;
    }
}
@media (min-width: 768px) {
    .aperture-w-md-50 {
        width: 50% !important;
    }
}
@media (min-width: 992px) {
    .aperture-w-lg-50 {
        width: 50% !important;
    }
}
@media (min-width: 1200px) {
    .aperture-w-xl-50 {
        width: 50% !important;
    }
}
.aperture-w-75 {
    width: 75%;
}
@media (min-width: 0px) {
    .aperture-w-xs-75 {
        width: 75% !important;
    }
}
@media (min-width: 576px) {
    .aperture-w-sm-75 {
        width: 75% !important;
    }
}
@media (min-width: 768px) {
    .aperture-w-md-75 {
        width: 75% !important;
    }
}
@media (min-width: 992px) {
    .aperture-w-lg-75 {
        width: 75% !important;
    }
}
@media (min-width: 1200px) {
    .aperture-w-xl-75 {
        width: 75% !important;
    }
}
.aperture-w-100 {
    width: 100%;
}
@media (min-width: 0px) {
    .aperture-w-xs-100 {
        width: 100% !important;
    }
}
@media (min-width: 576px) {
    .aperture-w-sm-100 {
        width: 100% !important;
    }
}
@media (min-width: 768px) {
    .aperture-w-md-100 {
        width: 100% !important;
    }
}
@media (min-width: 992px) {
    .aperture-w-lg-100 {
        width: 100% !important;
    }
}
@media (min-width: 1200px) {
    .aperture-w-xl-100 {
        width: 100% !important;
    }
}
.aperture-w-auto {
    width: auto;
}
@media (min-width: 0px) {
    .aperture-w-xs-auto {
        width: auto !important;
    }
}
@media (min-width: 576px) {
    .aperture-w-sm-auto {
        width: auto !important;
    }
}
@media (min-width: 768px) {
    .aperture-w-md-auto {
        width: auto !important;
    }
}
@media (min-width: 992px) {
    .aperture-w-lg-auto {
        width: auto !important;
    }
}
@media (min-width: 1200px) {
    .aperture-w-xl-auto {
        width: auto !important;
    }
}
.aperture-h-0 {
    height: 0;
}
@media (min-width: 0px) {
    .aperture-h-xs-0 {
        height: 0 !important;
    }
}
@media (min-width: 576px) {
    .aperture-h-sm-0 {
        height: 0 !important;
    }
}
@media (min-width: 768px) {
    .aperture-h-md-0 {
        height: 0 !important;
    }
}
@media (min-width: 992px) {
    .aperture-h-lg-0 {
        height: 0 !important;
    }
}
@media (min-width: 1200px) {
    .aperture-h-xl-0 {
        height: 0 !important;
    }
}
.aperture-h-25 {
    height: 25%;
}
@media (min-width: 0px) {
    .aperture-h-xs-25 {
        height: 25% !important;
    }
}
@media (min-width: 576px) {
    .aperture-h-sm-25 {
        height: 25% !important;
    }
}
@media (min-width: 768px) {
    .aperture-h-md-25 {
        height: 25% !important;
    }
}
@media (min-width: 992px) {
    .aperture-h-lg-25 {
        height: 25% !important;
    }
}
@media (min-width: 1200px) {
    .aperture-h-xl-25 {
        height: 25% !important;
    }
}
.aperture-h-50 {
    height: 50%;
}
@media (min-width: 0px) {
    .aperture-h-xs-50 {
        height: 50% !important;
    }
}
@media (min-width: 576px) {
    .aperture-h-sm-50 {
        height: 50% !important;
    }
}
@media (min-width: 768px) {
    .aperture-h-md-50 {
        height: 50% !important;
    }
}
@media (min-width: 992px) {
    .aperture-h-lg-50 {
        height: 50% !important;
    }
}
@media (min-width: 1200px) {
    .aperture-h-xl-50 {
        height: 50% !important;
    }
}
.aperture-h-75 {
    height: 75%;
}
@media (min-width: 0px) {
    .aperture-h-xs-75 {
        height: 75% !important;
    }
}
@media (min-width: 576px) {
    .aperture-h-sm-75 {
        height: 75% !important;
    }
}
@media (min-width: 768px) {
    .aperture-h-md-75 {
        height: 75% !important;
    }
}
@media (min-width: 992px) {
    .aperture-h-lg-75 {
        height: 75% !important;
    }
}
@media (min-width: 1200px) {
    .aperture-h-xl-75 {
        height: 75% !important;
    }
}
.aperture-h-100 {
    height: 100%;
}
@media (min-width: 0px) {
    .aperture-h-xs-100 {
        height: 100% !important;
    }
}
@media (min-width: 576px) {
    .aperture-h-sm-100 {
        height: 100% !important;
    }
}
@media (min-width: 768px) {
    .aperture-h-md-100 {
        height: 100% !important;
    }
}
@media (min-width: 992px) {
    .aperture-h-lg-100 {
        height: 100% !important;
    }
}
@media (min-width: 1200px) {
    .aperture-h-xl-100 {
        height: 100% !important;
    }
}
.aperture-h-auto {
    height: auto;
}
@media (min-width: 0px) {
    .aperture-h-xs-auto {
        height: auto !important;
    }
}
@media (min-width: 576px) {
    .aperture-h-sm-auto {
        height: auto !important;
    }
}
@media (min-width: 768px) {
    .aperture-h-md-auto {
        height: auto !important;
    }
}
@media (min-width: 992px) {
    .aperture-h-lg-auto {
        height: auto !important;
    }
}
@media (min-width: 1200px) {
    .aperture-h-xl-auto {
        height: auto !important;
    }
}
.aperture-min-w-0 {
    min-width: 0;
}
@media (min-width: 0px) {
    .aperture-min-w-xs-0 {
        min-width: 0 !important;
    }
}
@media (min-width: 576px) {
    .aperture-min-w-sm-0 {
        min-width: 0 !important;
    }
}
@media (min-width: 768px) {
    .aperture-min-w-md-0 {
        min-width: 0 !important;
    }
}
@media (min-width: 992px) {
    .aperture-min-w-lg-0 {
        min-width: 0 !important;
    }
}
@media (min-width: 1200px) {
    .aperture-min-w-xl-0 {
        min-width: 0 !important;
    }
}
.aperture-min-w-25 {
    min-width: 25%;
}
@media (min-width: 0px) {
    .aperture-min-w-xs-25 {
        min-width: 25% !important;
    }
}
@media (min-width: 576px) {
    .aperture-min-w-sm-25 {
        min-width: 25% !important;
    }
}
@media (min-width: 768px) {
    .aperture-min-w-md-25 {
        min-width: 25% !important;
    }
}
@media (min-width: 992px) {
    .aperture-min-w-lg-25 {
        min-width: 25% !important;
    }
}
@media (min-width: 1200px) {
    .aperture-min-w-xl-25 {
        min-width: 25% !important;
    }
}
.aperture-min-w-50 {
    min-width: 50%;
}
@media (min-width: 0px) {
    .aperture-min-w-xs-50 {
        min-width: 50% !important;
    }
}
@media (min-width: 576px) {
    .aperture-min-w-sm-50 {
        min-width: 50% !important;
    }
}
@media (min-width: 768px) {
    .aperture-min-w-md-50 {
        min-width: 50% !important;
    }
}
@media (min-width: 992px) {
    .aperture-min-w-lg-50 {
        min-width: 50% !important;
    }
}
@media (min-width: 1200px) {
    .aperture-min-w-xl-50 {
        min-width: 50% !important;
    }
}
.aperture-min-w-75 {
    min-width: 75%;
}
@media (min-width: 0px) {
    .aperture-min-w-xs-75 {
        min-width: 75% !important;
    }
}
@media (min-width: 576px) {
    .aperture-min-w-sm-75 {
        min-width: 75% !important;
    }
}
@media (min-width: 768px) {
    .aperture-min-w-md-75 {
        min-width: 75% !important;
    }
}
@media (min-width: 992px) {
    .aperture-min-w-lg-75 {
        min-width: 75% !important;
    }
}
@media (min-width: 1200px) {
    .aperture-min-w-xl-75 {
        min-width: 75% !important;
    }
}
.aperture-min-w-100 {
    min-width: 100%;
}
@media (min-width: 0px) {
    .aperture-min-w-xs-100 {
        min-width: 100% !important;
    }
}
@media (min-width: 576px) {
    .aperture-min-w-sm-100 {
        min-width: 100% !important;
    }
}
@media (min-width: 768px) {
    .aperture-min-w-md-100 {
        min-width: 100% !important;
    }
}
@media (min-width: 992px) {
    .aperture-min-w-lg-100 {
        min-width: 100% !important;
    }
}
@media (min-width: 1200px) {
    .aperture-min-w-xl-100 {
        min-width: 100% !important;
    }
}
.aperture-min-w-auto {
    min-width: auto;
}
@media (min-width: 0px) {
    .aperture-min-w-xs-auto {
        min-width: auto !important;
    }
}
@media (min-width: 576px) {
    .aperture-min-w-sm-auto {
        min-width: auto !important;
    }
}
@media (min-width: 768px) {
    .aperture-min-w-md-auto {
        min-width: auto !important;
    }
}
@media (min-width: 992px) {
    .aperture-min-w-lg-auto {
        min-width: auto !important;
    }
}
@media (min-width: 1200px) {
    .aperture-min-w-xl-auto {
        min-width: auto !important;
    }
}
.aperture-min-h-0 {
    min-height: 0;
}
@media (min-width: 0px) {
    .aperture-min-h-xs-0 {
        min-height: 0 !important;
    }
}
@media (min-width: 576px) {
    .aperture-min-h-sm-0 {
        min-height: 0 !important;
    }
}
@media (min-width: 768px) {
    .aperture-min-h-md-0 {
        min-height: 0 !important;
    }
}
@media (min-width: 992px) {
    .aperture-min-h-lg-0 {
        min-height: 0 !important;
    }
}
@media (min-width: 1200px) {
    .aperture-min-h-xl-0 {
        min-height: 0 !important;
    }
}
.aperture-min-h-25 {
    min-height: 25%;
}
@media (min-width: 0px) {
    .aperture-min-h-xs-25 {
        min-height: 25% !important;
    }
}
@media (min-width: 576px) {
    .aperture-min-h-sm-25 {
        min-height: 25% !important;
    }
}
@media (min-width: 768px) {
    .aperture-min-h-md-25 {
        min-height: 25% !important;
    }
}
@media (min-width: 992px) {
    .aperture-min-h-lg-25 {
        min-height: 25% !important;
    }
}
@media (min-width: 1200px) {
    .aperture-min-h-xl-25 {
        min-height: 25% !important;
    }
}
.aperture-min-h-50 {
    min-height: 50%;
}
@media (min-width: 0px) {
    .aperture-min-h-xs-50 {
        min-height: 50% !important;
    }
}
@media (min-width: 576px) {
    .aperture-min-h-sm-50 {
        min-height: 50% !important;
    }
}
@media (min-width: 768px) {
    .aperture-min-h-md-50 {
        min-height: 50% !important;
    }
}
@media (min-width: 992px) {
    .aperture-min-h-lg-50 {
        min-height: 50% !important;
    }
}
@media (min-width: 1200px) {
    .aperture-min-h-xl-50 {
        min-height: 50% !important;
    }
}
.aperture-min-h-75 {
    min-height: 75%;
}
@media (min-width: 0px) {
    .aperture-min-h-xs-75 {
        min-height: 75% !important;
    }
}
@media (min-width: 576px) {
    .aperture-min-h-sm-75 {
        min-height: 75% !important;
    }
}
@media (min-width: 768px) {
    .aperture-min-h-md-75 {
        min-height: 75% !important;
    }
}
@media (min-width: 992px) {
    .aperture-min-h-lg-75 {
        min-height: 75% !important;
    }
}
@media (min-width: 1200px) {
    .aperture-min-h-xl-75 {
        min-height: 75% !important;
    }
}
.aperture-min-h-100 {
    min-height: 100%;
}
@media (min-width: 0px) {
    .aperture-min-h-xs-100 {
        min-height: 100% !important;
    }
}
@media (min-width: 576px) {
    .aperture-min-h-sm-100 {
        min-height: 100% !important;
    }
}
@media (min-width: 768px) {
    .aperture-min-h-md-100 {
        min-height: 100% !important;
    }
}
@media (min-width: 992px) {
    .aperture-min-h-lg-100 {
        min-height: 100% !important;
    }
}
@media (min-width: 1200px) {
    .aperture-min-h-xl-100 {
        min-height: 100% !important;
    }
}
.aperture-min-h-auto {
    min-height: auto;
}
@media (min-width: 0px) {
    .aperture-min-h-xs-auto {
        min-height: auto !important;
    }
}
@media (min-width: 576px) {
    .aperture-min-h-sm-auto {
        min-height: auto !important;
    }
}
@media (min-width: 768px) {
    .aperture-min-h-md-auto {
        min-height: auto !important;
    }
}
@media (min-width: 992px) {
    .aperture-min-h-lg-auto {
        min-height: auto !important;
    }
}
@media (min-width: 1200px) {
    .aperture-min-h-xl-auto {
        min-height: auto !important;
    }
}
.aperture-max-w-0 {
    max-width: 0;
}
@media (min-width: 0px) {
    .aperture-max-w-xs-0 {
        max-width: 0 !important;
    }
}
@media (min-width: 576px) {
    .aperture-max-w-sm-0 {
        max-width: 0 !important;
    }
}
@media (min-width: 768px) {
    .aperture-max-w-md-0 {
        max-width: 0 !important;
    }
}
@media (min-width: 992px) {
    .aperture-max-w-lg-0 {
        max-width: 0 !important;
    }
}
@media (min-width: 1200px) {
    .aperture-max-w-xl-0 {
        max-width: 0 !important;
    }
}
.aperture-max-w-25 {
    max-width: 25%;
}
@media (min-width: 0px) {
    .aperture-max-w-xs-25 {
        max-width: 25% !important;
    }
}
@media (min-width: 576px) {
    .aperture-max-w-sm-25 {
        max-width: 25% !important;
    }
}
@media (min-width: 768px) {
    .aperture-max-w-md-25 {
        max-width: 25% !important;
    }
}
@media (min-width: 992px) {
    .aperture-max-w-lg-25 {
        max-width: 25% !important;
    }
}
@media (min-width: 1200px) {
    .aperture-max-w-xl-25 {
        max-width: 25% !important;
    }
}
.aperture-max-w-50 {
    max-width: 50%;
}
@media (min-width: 0px) {
    .aperture-max-w-xs-50 {
        max-width: 50% !important;
    }
}
@media (min-width: 576px) {
    .aperture-max-w-sm-50 {
        max-width: 50% !important;
    }
}
@media (min-width: 768px) {
    .aperture-max-w-md-50 {
        max-width: 50% !important;
    }
}
@media (min-width: 992px) {
    .aperture-max-w-lg-50 {
        max-width: 50% !important;
    }
}
@media (min-width: 1200px) {
    .aperture-max-w-xl-50 {
        max-width: 50% !important;
    }
}
.aperture-max-w-75 {
    max-width: 75%;
}
@media (min-width: 0px) {
    .aperture-max-w-xs-75 {
        max-width: 75% !important;
    }
}
@media (min-width: 576px) {
    .aperture-max-w-sm-75 {
        max-width: 75% !important;
    }
}
@media (min-width: 768px) {
    .aperture-max-w-md-75 {
        max-width: 75% !important;
    }
}
@media (min-width: 992px) {
    .aperture-max-w-lg-75 {
        max-width: 75% !important;
    }
}
@media (min-width: 1200px) {
    .aperture-max-w-xl-75 {
        max-width: 75% !important;
    }
}
.aperture-max-w-100 {
    max-width: 100%;
}
@media (min-width: 0px) {
    .aperture-max-w-xs-100 {
        max-width: 100% !important;
    }
}
@media (min-width: 576px) {
    .aperture-max-w-sm-100 {
        max-width: 100% !important;
    }
}
@media (min-width: 768px) {
    .aperture-max-w-md-100 {
        max-width: 100% !important;
    }
}
@media (min-width: 992px) {
    .aperture-max-w-lg-100 {
        max-width: 100% !important;
    }
}
@media (min-width: 1200px) {
    .aperture-max-w-xl-100 {
        max-width: 100% !important;
    }
}
.aperture-max-w-auto {
    max-width: auto;
}
@media (min-width: 0px) {
    .aperture-max-w-xs-auto {
        max-width: auto !important;
    }
}
@media (min-width: 576px) {
    .aperture-max-w-sm-auto {
        max-width: auto !important;
    }
}
@media (min-width: 768px) {
    .aperture-max-w-md-auto {
        max-width: auto !important;
    }
}
@media (min-width: 992px) {
    .aperture-max-w-lg-auto {
        max-width: auto !important;
    }
}
@media (min-width: 1200px) {
    .aperture-max-w-xl-auto {
        max-width: auto !important;
    }
}
.aperture-max-h-0 {
    max-height: 0;
}
@media (min-width: 0px) {
    .aperture-max-h-xs-0 {
        max-height: 0 !important;
    }
}
@media (min-width: 576px) {
    .aperture-max-h-sm-0 {
        max-height: 0 !important;
    }
}
@media (min-width: 768px) {
    .aperture-max-h-md-0 {
        max-height: 0 !important;
    }
}
@media (min-width: 992px) {
    .aperture-max-h-lg-0 {
        max-height: 0 !important;
    }
}
@media (min-width: 1200px) {
    .aperture-max-h-xl-0 {
        max-height: 0 !important;
    }
}
.aperture-max-h-25 {
    max-height: 25%;
}
@media (min-width: 0px) {
    .aperture-max-h-xs-25 {
        max-height: 25% !important;
    }
}
@media (min-width: 576px) {
    .aperture-max-h-sm-25 {
        max-height: 25% !important;
    }
}
@media (min-width: 768px) {
    .aperture-max-h-md-25 {
        max-height: 25% !important;
    }
}
@media (min-width: 992px) {
    .aperture-max-h-lg-25 {
        max-height: 25% !important;
    }
}
@media (min-width: 1200px) {
    .aperture-max-h-xl-25 {
        max-height: 25% !important;
    }
}
.aperture-max-h-50 {
    max-height: 50%;
}
@media (min-width: 0px) {
    .aperture-max-h-xs-50 {
        max-height: 50% !important;
    }
}
@media (min-width: 576px) {
    .aperture-max-h-sm-50 {
        max-height: 50% !important;
    }
}
@media (min-width: 768px) {
    .aperture-max-h-md-50 {
        max-height: 50% !important;
    }
}
@media (min-width: 992px) {
    .aperture-max-h-lg-50 {
        max-height: 50% !important;
    }
}
@media (min-width: 1200px) {
    .aperture-max-h-xl-50 {
        max-height: 50% !important;
    }
}
.aperture-max-h-75 {
    max-height: 75%;
}
@media (min-width: 0px) {
    .aperture-max-h-xs-75 {
        max-height: 75% !important;
    }
}
@media (min-width: 576px) {
    .aperture-max-h-sm-75 {
        max-height: 75% !important;
    }
}
@media (min-width: 768px) {
    .aperture-max-h-md-75 {
        max-height: 75% !important;
    }
}
@media (min-width: 992px) {
    .aperture-max-h-lg-75 {
        max-height: 75% !important;
    }
}
@media (min-width: 1200px) {
    .aperture-max-h-xl-75 {
        max-height: 75% !important;
    }
}
.aperture-max-h-100 {
    max-height: 100%;
}
@media (min-width: 0px) {
    .aperture-max-h-xs-100 {
        max-height: 100% !important;
    }
}
@media (min-width: 576px) {
    .aperture-max-h-sm-100 {
        max-height: 100% !important;
    }
}
@media (min-width: 768px) {
    .aperture-max-h-md-100 {
        max-height: 100% !important;
    }
}
@media (min-width: 992px) {
    .aperture-max-h-lg-100 {
        max-height: 100% !important;
    }
}
@media (min-width: 1200px) {
    .aperture-max-h-xl-100 {
        max-height: 100% !important;
    }
}
.aperture-max-h-auto {
    max-height: auto;
}
@media (min-width: 0px) {
    .aperture-max-h-xs-auto {
        max-height: auto !important;
    }
}
@media (min-width: 576px) {
    .aperture-max-h-sm-auto {
        max-height: auto !important;
    }
}
@media (min-width: 768px) {
    .aperture-max-h-md-auto {
        max-height: auto !important;
    }
}
@media (min-width: 992px) {
    .aperture-max-h-lg-auto {
        max-height: auto !important;
    }
}
@media (min-width: 1200px) {
    .aperture-max-h-xl-auto {
        max-height: auto !important;
    }
}
.aperture-d-none {
    display: none;
}
@media (min-width: 0px) {
    .aperture-d-xs-none {
        display: none !important;
    }
}
@media (min-width: 576px) {
    .aperture-d-sm-none {
        display: none !important;
    }
}
@media (min-width: 768px) {
    .aperture-d-md-none {
        display: none !important;
    }
}
@media (min-width: 992px) {
    .aperture-d-lg-none {
        display: none !important;
    }
}
@media (min-width: 1200px) {
    .aperture-d-xl-none {
        display: none !important;
    }
}
.aperture-d-inline {
    display: inline;
}
@media (min-width: 0px) {
    .aperture-d-xs-inline {
        display: inline !important;
    }
}
@media (min-width: 576px) {
    .aperture-d-sm-inline {
        display: inline !important;
    }
}
@media (min-width: 768px) {
    .aperture-d-md-inline {
        display: inline !important;
    }
}
@media (min-width: 992px) {
    .aperture-d-lg-inline {
        display: inline !important;
    }
}
@media (min-width: 1200px) {
    .aperture-d-xl-inline {
        display: inline !important;
    }
}
.aperture-d-block {
    display: block;
}
@media (min-width: 0px) {
    .aperture-d-xs-block {
        display: block !important;
    }
}
@media (min-width: 576px) {
    .aperture-d-sm-block {
        display: block !important;
    }
}
@media (min-width: 768px) {
    .aperture-d-md-block {
        display: block !important;
    }
}
@media (min-width: 992px) {
    .aperture-d-lg-block {
        display: block !important;
    }
}
@media (min-width: 1200px) {
    .aperture-d-xl-block {
        display: block !important;
    }
}
.aperture-d-inline-block {
    display: inline-block;
}
@media (min-width: 0px) {
    .aperture-d-xs-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 576px) {
    .aperture-d-sm-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 768px) {
    .aperture-d-md-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 992px) {
    .aperture-d-lg-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 1200px) {
    .aperture-d-xl-inline-block {
        display: inline-block !important;
    }
}
.aperture-d-flex {
    display: flex;
}
@media (min-width: 0px) {
    .aperture-d-xs-flex {
        display: flex !important;
    }
}
@media (min-width: 576px) {
    .aperture-d-sm-flex {
        display: flex !important;
    }
}
@media (min-width: 768px) {
    .aperture-d-md-flex {
        display: flex !important;
    }
}
@media (min-width: 992px) {
    .aperture-d-lg-flex {
        display: flex !important;
    }
}
@media (min-width: 1200px) {
    .aperture-d-xl-flex {
        display: flex !important;
    }
}
.aperture-d-inline-flex {
    display: inline-flex;
}
@media (min-width: 0px) {
    .aperture-d-xs-inline-flex {
        display: inline-flex !important;
    }
}
@media (min-width: 576px) {
    .aperture-d-sm-inline-flex {
        display: inline-flex !important;
    }
}
@media (min-width: 768px) {
    .aperture-d-md-inline-flex {
        display: inline-flex !important;
    }
}
@media (min-width: 992px) {
    .aperture-d-lg-inline-flex {
        display: inline-flex !important;
    }
}
@media (min-width: 1200px) {
    .aperture-d-xl-inline-flex {
        display: inline-flex !important;
    }
}
.aperture-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) {
    .aperture-flex-xs-row {
        flex-direction: row !important;
    }
}
@media (min-width: 576px) {
    .aperture-flex-sm-row {
        flex-direction: row !important;
    }
}
@media (min-width: 768px) {
    .aperture-flex-md-row {
        flex-direction: row !important;
    }
}
@media (min-width: 992px) {
    .aperture-flex-lg-row {
        flex-direction: row !important;
    }
}
@media (min-width: 1200px) {
    .aperture-flex-xl-row {
        flex-direction: row !important;
    }
}
.aperture-flex-row {
    flex-direction: row;
}
@media (min-width: 0px) {
    .aperture-flex-xs-column {
        flex-direction: column !important;
    }
}
@media (min-width: 576px) {
    .aperture-flex-sm-column {
        flex-direction: column !important;
    }
}
@media (min-width: 768px) {
    .aperture-flex-md-column {
        flex-direction: column !important;
    }
}
@media (min-width: 992px) {
    .aperture-flex-lg-column {
        flex-direction: column !important;
    }
}
@media (min-width: 1200px) {
    .aperture-flex-xl-column {
        flex-direction: column !important;
    }
}
.aperture-flex-column {
    flex-direction: column;
}
@media (min-width: 0px) {
    .aperture-flex-xs-wrap {
        flex-wrap: wrap !important;
    }
}
@media (min-width: 576px) {
    .aperture-flex-sm-wrap {
        flex-wrap: wrap !important;
    }
}
@media (min-width: 768px) {
    .aperture-flex-md-wrap {
        flex-wrap: wrap !important;
    }
}
@media (min-width: 992px) {
    .aperture-flex-lg-wrap {
        flex-wrap: wrap !important;
    }
}
@media (min-width: 1200px) {
    .aperture-flex-xl-wrap {
        flex-wrap: wrap !important;
    }
}
.aperture-flex-wrap {
    flex-wrap: wrap;
}
@media (min-width: 0px) {
    .aperture-flex-xs-nowrap {
        flex-wrap: nowrap !important;
    }
}
@media (min-width: 576px) {
    .aperture-flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }
}
@media (min-width: 768px) {
    .aperture-flex-md-nowrap {
        flex-wrap: nowrap !important;
    }
}
@media (min-width: 992px) {
    .aperture-flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }
}
@media (min-width: 1200px) {
    .aperture-flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }
}
.aperture-flex-nowrap {
    flex-wrap: nowrap;
}
@media (min-width: 0px) {
    .aperture-flex-wrap-xs-reverse {
        flex-wrap: wrap-reverse !important;
    }
}
@media (min-width: 576px) {
    .aperture-flex-wrap-sm-reverse {
        flex-wrap: wrap-reverse !important;
    }
}
@media (min-width: 768px) {
    .aperture-flex-wrap-md-reverse {
        flex-wrap: wrap-reverse !important;
    }
}
@media (min-width: 992px) {
    .aperture-flex-wrap-lg-reverse {
        flex-wrap: wrap-reverse !important;
    }
}
@media (min-width: 1200px) {
    .aperture-flex-wrap-xl-reverse {
        flex-wrap: wrap-reverse !important;
    }
}
.aperture-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
}
@media (min-width: 0px) {
    .aperture-flex-grow-xs-0 {
        flex-grow: 0 !important;
    }
}
@media (min-width: 576px) {
    .aperture-flex-grow-sm-0 {
        flex-grow: 0 !important;
    }
}
@media (min-width: 768px) {
    .aperture-flex-grow-md-0 {
        flex-grow: 0 !important;
    }
}
@media (min-width: 992px) {
    .aperture-flex-grow-lg-0 {
        flex-grow: 0 !important;
    }
}
@media (min-width: 1200px) {
    .aperture-flex-grow-xl-0 {
        flex-grow: 0 !important;
    }
}
.aperture-flex-grow-0 {
    flex-grow: 0;
}
@media (min-width: 0px) {
    .aperture-flex-grow-xs-1 {
        flex-grow: 1 !important;
    }
}
@media (min-width: 576px) {
    .aperture-flex-grow-sm-1 {
        flex-grow: 1 !important;
    }
}
@media (min-width: 768px) {
    .aperture-flex-grow-md-1 {
        flex-grow: 1 !important;
    }
}
@media (min-width: 992px) {
    .aperture-flex-grow-lg-1 {
        flex-grow: 1 !important;
    }
}
@media (min-width: 1200px) {
    .aperture-flex-grow-xl-1 {
        flex-grow: 1 !important;
    }
}
.aperture-flex-grow-1 {
    flex-grow: 1;
}
@media (min-width: 0px) {
    .aperture-flex-shrink-xs-0 {
        flex-shrink: 0 !important;
    }
}
@media (min-width: 576px) {
    .aperture-flex-shrink-sm-0 {
        flex-shrink: 0 !important;
    }
}
@media (min-width: 768px) {
    .aperture-flex-shrink-md-0 {
        flex-shrink: 0 !important;
    }
}
@media (min-width: 992px) {
    .aperture-flex-shrink-lg-0 {
        flex-shrink: 0 !important;
    }
}
@media (min-width: 1200px) {
    .aperture-flex-shrink-xl-0 {
        flex-shrink: 0 !important;
    }
}
.aperture-flex-shrink-0 {
    flex-shrink: 0;
}
@media (min-width: 0px) {
    .aperture-flex-shrink-xs-1 {
        flex-shrink: 1 !important;
    }
}
@media (min-width: 576px) {
    .aperture-flex-shrink-sm-1 {
        flex-shrink: 1 !important;
    }
}
@media (min-width: 768px) {
    .aperture-flex-shrink-md-1 {
        flex-shrink: 1 !important;
    }
}
@media (min-width: 992px) {
    .aperture-flex-shrink-lg-1 {
        flex-shrink: 1 !important;
    }
}
@media (min-width: 1200px) {
    .aperture-flex-shrink-xl-1 {
        flex-shrink: 1 !important;
    }
}
.aperture-flex-shrink-1 {
    flex-shrink: 1;
}
@media (min-width: 0px) {
    .aperture-flex-xs-fill {
        flex: 1 1 auto !important;
    }
}
@media (min-width: 576px) {
    .aperture-flex-sm-fill {
        flex: 1 1 auto !important;
    }
}
@media (min-width: 768px) {
    .aperture-flex-md-fill {
        flex: 1 1 auto !important;
    }
}
@media (min-width: 992px) {
    .aperture-flex-lg-fill {
        flex: 1 1 auto !important;
    }
}
@media (min-width: 1200px) {
    .aperture-flex-xl-fill {
        flex: 1 1 auto !important;
    }
}
.aperture-flex-fill {
    flex: 1 1 auto;
}
@media (min-width: 0px) {
    .aperture-justify-content-xs-start {
        justify-content: flex-start !important;
    }
}
@media (min-width: 576px) {
    .aperture-justify-content-sm-start {
        justify-content: flex-start !important;
    }
}
@media (min-width: 768px) {
    .aperture-justify-content-md-start {
        justify-content: flex-start !important;
    }
}
@media (min-width: 992px) {
    .aperture-justify-content-lg-start {
        justify-content: flex-start !important;
    }
}
@media (min-width: 1200px) {
    .aperture-justify-content-xl-start {
        justify-content: flex-start !important;
    }
}
.aperture-justify-content-start {
    justify-content: flex-start;
}
@media (min-width: 0px) {
    .aperture-justify-content-xs-end {
        justify-content: flex-end !important;
    }
}
@media (min-width: 576px) {
    .aperture-justify-content-sm-end {
        justify-content: flex-end !important;
    }
}
@media (min-width: 768px) {
    .aperture-justify-content-md-end {
        justify-content: flex-end !important;
    }
}
@media (min-width: 992px) {
    .aperture-justify-content-lg-end {
        justify-content: flex-end !important;
    }
}
@media (min-width: 1200px) {
    .aperture-justify-content-xl-end {
        justify-content: flex-end !important;
    }
}
.aperture-justify-content-end {
    justify-content: flex-end;
}
@media (min-width: 0px) {
    .aperture-justify-content-xs-center {
        justify-content: center !important;
    }
}
@media (min-width: 576px) {
    .aperture-justify-content-sm-center {
        justify-content: center !important;
    }
}
@media (min-width: 768px) {
    .aperture-justify-content-md-center {
        justify-content: center !important;
    }
}
@media (min-width: 992px) {
    .aperture-justify-content-lg-center {
        justify-content: center !important;
    }
}
@media (min-width: 1200px) {
    .aperture-justify-content-xl-center {
        justify-content: center !important;
    }
}
.aperture-justify-content-center {
    justify-content: center;
}
@media (min-width: 0px) {
    .aperture-justify-content-xs-between {
        justify-content: space-between !important;
    }
}
@media (min-width: 576px) {
    .aperture-justify-content-sm-between {
        justify-content: space-between !important;
    }
}
@media (min-width: 768px) {
    .aperture-justify-content-md-between {
        justify-content: space-between !important;
    }
}
@media (min-width: 992px) {
    .aperture-justify-content-lg-between {
        justify-content: space-between !important;
    }
}
@media (min-width: 1200px) {
    .aperture-justify-content-xl-between {
        justify-content: space-between !important;
    }
}
.aperture-justify-content-between {
    justify-content: space-between;
}
@media (min-width: 0px) {
    .aperture-justify-content-xs-around {
        justify-content: space-around !important;
    }
}
@media (min-width: 576px) {
    .aperture-justify-content-sm-around {
        justify-content: space-around !important;
    }
}
@media (min-width: 768px) {
    .aperture-justify-content-md-around {
        justify-content: space-around !important;
    }
}
@media (min-width: 992px) {
    .aperture-justify-content-lg-around {
        justify-content: space-around !important;
    }
}
@media (min-width: 1200px) {
    .aperture-justify-content-xl-around {
        justify-content: space-around !important;
    }
}
.aperture-justify-content-around {
    justify-content: space-around;
}
@media (min-width: 0px) {
    .aperture-align-items-xs-start {
        align-items: flex-start !important;
    }
}
@media (min-width: 576px) {
    .aperture-align-items-sm-start {
        align-items: flex-start !important;
    }
}
@media (min-width: 768px) {
    .aperture-align-items-md-start {
        align-items: flex-start !important;
    }
}
@media (min-width: 992px) {
    .aperture-align-items-lg-start {
        align-items: flex-start !important;
    }
}
@media (min-width: 1200px) {
    .aperture-align-items-xl-start {
        align-items: flex-start !important;
    }
}
.aperture-align-items-start {
    align-items: flex-start;
}
@media (min-width: 0px) {
    .aperture-align-items-xs-end {
        align-items: flex-end !important;
    }
}
@media (min-width: 576px) {
    .aperture-align-items-sm-end {
        align-items: flex-end !important;
    }
}
@media (min-width: 768px) {
    .aperture-align-items-md-end {
        align-items: flex-end !important;
    }
}
@media (min-width: 992px) {
    .aperture-align-items-lg-end {
        align-items: flex-end !important;
    }
}
@media (min-width: 1200px) {
    .aperture-align-items-xl-end {
        align-items: flex-end !important;
    }
}
.aperture-align-items-end {
    align-items: flex-end;
}
@media (min-width: 0px) {
    .aperture-align-items-xs-center {
        align-items: center !important;
    }
}
@media (min-width: 576px) {
    .aperture-align-items-sm-center {
        align-items: center !important;
    }
}
@media (min-width: 768px) {
    .aperture-align-items-md-center {
        align-items: center !important;
    }
}
@media (min-width: 992px) {
    .aperture-align-items-lg-center {
        align-items: center !important;
    }
}
@media (min-width: 1200px) {
    .aperture-align-items-xl-center {
        align-items: center !important;
    }
}
.aperture-align-items-center {
    align-items: center;
}
@media (min-width: 0px) {
    .aperture-align-items-xs-baseline {
        align-items: baseline !important;
    }
}
@media (min-width: 576px) {
    .aperture-align-items-sm-baseline {
        align-items: baseline !important;
    }
}
@media (min-width: 768px) {
    .aperture-align-items-md-baseline {
        align-items: baseline !important;
    }
}
@media (min-width: 992px) {
    .aperture-align-items-lg-baseline {
        align-items: baseline !important;
    }
}
@media (min-width: 1200px) {
    .aperture-align-items-xl-baseline {
        align-items: baseline !important;
    }
}
.aperture-align-items-baseline {
    align-items: baseline;
}
@media (min-width: 0px) {
    .aperture-align-items-xs-stretch {
        align-items: stretch !important;
    }
}
@media (min-width: 576px) {
    .aperture-align-items-sm-stretch {
        align-items: stretch !important;
    }
}
@media (min-width: 768px) {
    .aperture-align-items-md-stretch {
        align-items: stretch !important;
    }
}
@media (min-width: 992px) {
    .aperture-align-items-lg-stretch {
        align-items: stretch !important;
    }
}
@media (min-width: 1200px) {
    .aperture-align-items-xl-stretch {
        align-items: stretch !important;
    }
}
.aperture-align-items-stretch {
    align-items: stretch;
}
@media (min-width: 0px) {
    .aperture-align-content-xs-start {
        align-content: flex-start !important;
    }
}
@media (min-width: 576px) {
    .aperture-align-content-sm-start {
        align-content: flex-start !important;
    }
}
@media (min-width: 768px) {
    .aperture-align-content-md-start {
        align-content: flex-start !important;
    }
}
@media (min-width: 992px) {
    .aperture-align-content-lg-start {
        align-content: flex-start !important;
    }
}
@media (min-width: 1200px) {
    .aperture-align-content-xl-start {
        align-content: flex-start !important;
    }
}
.aperture-align-content-start {
    align-content: flex-start;
}
@media (min-width: 0px) {
    .aperture-align-content-xs-end {
        align-content: flex-end !important;
    }
}
@media (min-width: 576px) {
    .aperture-align-content-sm-end {
        align-content: flex-end !important;
    }
}
@media (min-width: 768px) {
    .aperture-align-content-md-end {
        align-content: flex-end !important;
    }
}
@media (min-width: 992px) {
    .aperture-align-content-lg-end {
        align-content: flex-end !important;
    }
}
@media (min-width: 1200px) {
    .aperture-align-content-xl-end {
        align-content: flex-end !important;
    }
}
.aperture-align-content-end {
    align-content: flex-end;
}
@media (min-width: 0px) {
    .aperture-align-content-xs-center {
        align-content: center !important;
    }
}
@media (min-width: 576px) {
    .aperture-align-content-sm-center {
        align-content: center !important;
    }
}
@media (min-width: 768px) {
    .aperture-align-content-md-center {
        align-content: center !important;
    }
}
@media (min-width: 992px) {
    .aperture-align-content-lg-center {
        align-content: center !important;
    }
}
@media (min-width: 1200px) {
    .aperture-align-content-xl-center {
        align-content: center !important;
    }
}
.aperture-align-content-center {
    align-content: center;
}
@media (min-width: 0px) {
    .aperture-align-content-xs-between {
        align-content: space-between !important;
    }
}
@media (min-width: 576px) {
    .aperture-align-content-sm-between {
        align-content: space-between !important;
    }
}
@media (min-width: 768px) {
    .aperture-align-content-md-between {
        align-content: space-between !important;
    }
}
@media (min-width: 992px) {
    .aperture-align-content-lg-between {
        align-content: space-between !important;
    }
}
@media (min-width: 1200px) {
    .aperture-align-content-xl-between {
        align-content: space-between !important;
    }
}
.aperture-align-content-between {
    align-content: space-between;
}
@media (min-width: 0px) {
    .aperture-align-content-xs-around {
        align-content: space-around !important;
    }
}
@media (min-width: 576px) {
    .aperture-align-content-sm-around {
        align-content: space-around !important;
    }
}
@media (min-width: 768px) {
    .aperture-align-content-md-around {
        align-content: space-around !important;
    }
}
@media (min-width: 992px) {
    .aperture-align-content-lg-around {
        align-content: space-around !important;
    }
}
@media (min-width: 1200px) {
    .aperture-align-content-xl-around {
        align-content: space-around !important;
    }
}
.aperture-align-content-around {
    align-content: space-around;
}
@media (min-width: 0px) {
    .aperture-align-content-xs-stretch {
        align-content: stretch !important;
    }
}
@media (min-width: 576px) {
    .aperture-align-content-sm-stretch {
        align-content: stretch !important;
    }
}
@media (min-width: 768px) {
    .aperture-align-content-md-stretch {
        align-content: stretch !important;
    }
}
@media (min-width: 992px) {
    .aperture-align-content-lg-stretch {
        align-content: stretch !important;
    }
}
@media (min-width: 1200px) {
    .aperture-align-content-xl-stretch {
        align-content: stretch !important;
    }
}
.aperture-align-content-stretch {
    align-content: stretch;
}
@media (min-width: 0px) {
    .aperture-align-self-xs-auto {
        align-self: auto !important;
    }
}
@media (min-width: 576px) {
    .aperture-align-self-sm-auto {
        align-self: auto !important;
    }
}
@media (min-width: 768px) {
    .aperture-align-self-md-auto {
        align-self: auto !important;
    }
}
@media (min-width: 992px) {
    .aperture-align-self-lg-auto {
        align-self: auto !important;
    }
}
@media (min-width: 1200px) {
    .aperture-align-self-xl-auto {
        align-self: auto !important;
    }
}
.aperture-align-self-auto {
    align-self: auto;
}
@media (min-width: 0px) {
    .aperture-align-self-xs-start {
        align-self: flex-start !important;
    }
}
@media (min-width: 576px) {
    .aperture-align-self-sm-start {
        align-self: flex-start !important;
    }
}
@media (min-width: 768px) {
    .aperture-align-self-md-start {
        align-self: flex-start !important;
    }
}
@media (min-width: 992px) {
    .aperture-align-self-lg-start {
        align-self: flex-start !important;
    }
}
@media (min-width: 1200px) {
    .aperture-align-self-xl-start {
        align-self: flex-start !important;
    }
}
.aperture-align-self-start {
    align-self: flex-start;
}
@media (min-width: 0px) {
    .aperture-align-self-xs-end {
        align-self: flex-end !important;
    }
}
@media (min-width: 576px) {
    .aperture-align-self-sm-end {
        align-self: flex-end !important;
    }
}
@media (min-width: 768px) {
    .aperture-align-self-md-end {
        align-self: flex-end !important;
    }
}
@media (min-width: 992px) {
    .aperture-align-self-lg-end {
        align-self: flex-end !important;
    }
}
@media (min-width: 1200px) {
    .aperture-align-self-xl-end {
        align-self: flex-end !important;
    }
}
.aperture-align-self-end {
    align-self: flex-end;
}
@media (min-width: 0px) {
    .aperture-align-self-xs-center {
        align-self: center !important;
    }
}
@media (min-width: 576px) {
    .aperture-align-self-sm-center {
        align-self: center !important;
    }
}
@media (min-width: 768px) {
    .aperture-align-self-md-center {
        align-self: center !important;
    }
}
@media (min-width: 992px) {
    .aperture-align-self-lg-center {
        align-self: center !important;
    }
}
@media (min-width: 1200px) {
    .aperture-align-self-xl-center {
        align-self: center !important;
    }
}
.aperture-align-self-center {
    align-self: center;
}
@media (min-width: 0px) {
    .aperture-align-self-xs-baseline {
        align-self: baseline !important;
    }
}
@media (min-width: 576px) {
    .aperture-align-self-sm-baseline {
        align-self: baseline !important;
    }
}
@media (min-width: 768px) {
    .aperture-align-self-md-baseline {
        align-self: baseline !important;
    }
}
@media (min-width: 992px) {
    .aperture-align-self-lg-baseline {
        align-self: baseline !important;
    }
}
@media (min-width: 1200px) {
    .aperture-align-self-xl-baseline {
        align-self: baseline !important;
    }
}
.aperture-align-self-baseline {
    align-self: baseline;
}
@media (min-width: 0px) {
    .aperture-align-self-xs-stretch {
        align-self: stretch !important;
    }
}
@media (min-width: 576px) {
    .aperture-align-self-sm-stretch {
        align-self: stretch !important;
    }
}
@media (min-width: 768px) {
    .aperture-align-self-md-stretch {
        align-self: stretch !important;
    }
}
@media (min-width: 992px) {
    .aperture-align-self-lg-stretch {
        align-self: stretch !important;
    }
}
@media (min-width: 1200px) {
    .aperture-align-self-xl-stretch {
        align-self: stretch !important;
    }
}
.aperture-align-self-stretch {
    align-self: stretch;
}
.aperture-gap-0 {
    gap: 0;
}
@media (min-width: 0px) {
    .aperture-gap-xs-0 {
        gap: 0 !important;
    }
}
@media (min-width: 576px) {
    .aperture-gap-sm-0 {
        gap: 0 !important;
    }
}
@media (min-width: 768px) {
    .aperture-gap-md-0 {
        gap: 0 !important;
    }
}
@media (min-width: 992px) {
    .aperture-gap-lg-0 {
        gap: 0 !important;
    }
}
@media (min-width: 1200px) {
    .aperture-gap-xl-0 {
        gap: 0 !important;
    }
}
.aperture-gap-1 {
    gap: 0.25rem;
}
@media (min-width: 0px) {
    .aperture-gap-xs-1 {
        gap: 0.25rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-gap-sm-1 {
        gap: 0.25rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-gap-md-1 {
        gap: 0.25rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-gap-lg-1 {
        gap: 0.25rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-gap-xl-1 {
        gap: 0.25rem !important;
    }
}
.aperture-gap-2 {
    gap: 0.5rem;
}
@media (min-width: 0px) {
    .aperture-gap-xs-2 {
        gap: 0.5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-gap-sm-2 {
        gap: 0.5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-gap-md-2 {
        gap: 0.5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-gap-lg-2 {
        gap: 0.5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-gap-xl-2 {
        gap: 0.5rem !important;
    }
}
.aperture-gap-3 {
    gap: 1rem;
}
@media (min-width: 0px) {
    .aperture-gap-xs-3 {
        gap: 1rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-gap-sm-3 {
        gap: 1rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-gap-md-3 {
        gap: 1rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-gap-lg-3 {
        gap: 1rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-gap-xl-3 {
        gap: 1rem !important;
    }
}
.aperture-gap-4 {
    gap: 2.5rem;
}
@media (min-width: 0px) {
    .aperture-gap-xs-4 {
        gap: 2.5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-gap-sm-4 {
        gap: 2.5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-gap-md-4 {
        gap: 2.5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-gap-lg-4 {
        gap: 2.5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-gap-xl-4 {
        gap: 2.5rem !important;
    }
}
.aperture-gap-5 {
    gap: 5rem;
}
@media (min-width: 0px) {
    .aperture-gap-xs-5 {
        gap: 5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-gap-sm-5 {
        gap: 5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-gap-md-5 {
        gap: 5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-gap-lg-5 {
        gap: 5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-gap-xl-5 {
        gap: 5rem !important;
    }
}
.aperture-row-gap-0 {
    row-gap: 0;
}
@media (min-width: 0px) {
    .aperture-row-gap-xs-0 {
        row-gap: 0 !important;
    }
}
@media (min-width: 576px) {
    .aperture-row-gap-sm-0 {
        row-gap: 0 !important;
    }
}
@media (min-width: 768px) {
    .aperture-row-gap-md-0 {
        row-gap: 0 !important;
    }
}
@media (min-width: 992px) {
    .aperture-row-gap-lg-0 {
        row-gap: 0 !important;
    }
}
@media (min-width: 1200px) {
    .aperture-row-gap-xl-0 {
        row-gap: 0 !important;
    }
}
.aperture-row-gap-1 {
    row-gap: 0.25rem;
}
@media (min-width: 0px) {
    .aperture-row-gap-xs-1 {
        row-gap: 0.25rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-row-gap-sm-1 {
        row-gap: 0.25rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-row-gap-md-1 {
        row-gap: 0.25rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-row-gap-lg-1 {
        row-gap: 0.25rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-row-gap-xl-1 {
        row-gap: 0.25rem !important;
    }
}
.aperture-row-gap-2 {
    row-gap: 0.5rem;
}
@media (min-width: 0px) {
    .aperture-row-gap-xs-2 {
        row-gap: 0.5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-row-gap-sm-2 {
        row-gap: 0.5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-row-gap-md-2 {
        row-gap: 0.5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-row-gap-lg-2 {
        row-gap: 0.5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-row-gap-xl-2 {
        row-gap: 0.5rem !important;
    }
}
.aperture-row-gap-3 {
    row-gap: 1rem;
}
@media (min-width: 0px) {
    .aperture-row-gap-xs-3 {
        row-gap: 1rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-row-gap-sm-3 {
        row-gap: 1rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-row-gap-md-3 {
        row-gap: 1rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-row-gap-lg-3 {
        row-gap: 1rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-row-gap-xl-3 {
        row-gap: 1rem !important;
    }
}
.aperture-row-gap-4 {
    row-gap: 2.5rem;
}
@media (min-width: 0px) {
    .aperture-row-gap-xs-4 {
        row-gap: 2.5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-row-gap-sm-4 {
        row-gap: 2.5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-row-gap-md-4 {
        row-gap: 2.5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-row-gap-lg-4 {
        row-gap: 2.5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-row-gap-xl-4 {
        row-gap: 2.5rem !important;
    }
}
.aperture-row-gap-5 {
    row-gap: 5rem;
}
@media (min-width: 0px) {
    .aperture-row-gap-xs-5 {
        row-gap: 5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-row-gap-sm-5 {
        row-gap: 5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-row-gap-md-5 {
        row-gap: 5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-row-gap-lg-5 {
        row-gap: 5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-row-gap-xl-5 {
        row-gap: 5rem !important;
    }
}
.aperture-column-gap-0 {
    -moz-column-gap: 0;
    column-gap: 0;
}
@media (min-width: 0px) {
    .aperture-column-gap-xs-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important;
    }
}
@media (min-width: 576px) {
    .aperture-column-gap-sm-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important;
    }
}
@media (min-width: 768px) {
    .aperture-column-gap-md-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important;
    }
}
@media (min-width: 992px) {
    .aperture-column-gap-lg-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important;
    }
}
@media (min-width: 1200px) {
    .aperture-column-gap-xl-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important;
    }
}
.aperture-column-gap-1 {
    -moz-column-gap: 0.25rem;
    column-gap: 0.25rem;
}
@media (min-width: 0px) {
    .aperture-column-gap-xs-1 {
        -moz-column-gap: 0.25rem !important;
        column-gap: 0.25rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-column-gap-sm-1 {
        -moz-column-gap: 0.25rem !important;
        column-gap: 0.25rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-column-gap-md-1 {
        -moz-column-gap: 0.25rem !important;
        column-gap: 0.25rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-column-gap-lg-1 {
        -moz-column-gap: 0.25rem !important;
        column-gap: 0.25rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-column-gap-xl-1 {
        -moz-column-gap: 0.25rem !important;
        column-gap: 0.25rem !important;
    }
}
.aperture-column-gap-2 {
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
}
@media (min-width: 0px) {
    .aperture-column-gap-xs-2 {
        -moz-column-gap: 0.5rem !important;
        column-gap: 0.5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-column-gap-sm-2 {
        -moz-column-gap: 0.5rem !important;
        column-gap: 0.5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-column-gap-md-2 {
        -moz-column-gap: 0.5rem !important;
        column-gap: 0.5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-column-gap-lg-2 {
        -moz-column-gap: 0.5rem !important;
        column-gap: 0.5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-column-gap-xl-2 {
        -moz-column-gap: 0.5rem !important;
        column-gap: 0.5rem !important;
    }
}
.aperture-column-gap-3 {
    -moz-column-gap: 1rem;
    column-gap: 1rem;
}
@media (min-width: 0px) {
    .aperture-column-gap-xs-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-column-gap-sm-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-column-gap-md-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-column-gap-lg-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-column-gap-xl-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important;
    }
}
.aperture-column-gap-4 {
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem;
}
@media (min-width: 0px) {
    .aperture-column-gap-xs-4 {
        -moz-column-gap: 2.5rem !important;
        column-gap: 2.5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-column-gap-sm-4 {
        -moz-column-gap: 2.5rem !important;
        column-gap: 2.5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-column-gap-md-4 {
        -moz-column-gap: 2.5rem !important;
        column-gap: 2.5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-column-gap-lg-4 {
        -moz-column-gap: 2.5rem !important;
        column-gap: 2.5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-column-gap-xl-4 {
        -moz-column-gap: 2.5rem !important;
        column-gap: 2.5rem !important;
    }
}
.aperture-column-gap-5 {
    -moz-column-gap: 5rem;
    column-gap: 5rem;
}
@media (min-width: 0px) {
    .aperture-column-gap-xs-5 {
        -moz-column-gap: 5rem !important;
        column-gap: 5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-column-gap-sm-5 {
        -moz-column-gap: 5rem !important;
        column-gap: 5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-column-gap-md-5 {
        -moz-column-gap: 5rem !important;
        column-gap: 5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-column-gap-lg-5 {
        -moz-column-gap: 5rem !important;
        column-gap: 5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-column-gap-xl-5 {
        -moz-column-gap: 5rem !important;
        column-gap: 5rem !important;
    }
}
.aperture-img-fluid {
    height: auto;
    max-width: 100%;
}
.aperture-m-0 {
    margin: 0;
}
@media (min-width: 0px) {
    .aperture-m-xs-0 {
        margin: 0 !important;
    }
}
@media (min-width: 576px) {
    .aperture-m-sm-0 {
        margin: 0 !important;
    }
}
@media (min-width: 768px) {
    .aperture-m-md-0 {
        margin: 0 !important;
    }
}
@media (min-width: 992px) {
    .aperture-m-lg-0 {
        margin: 0 !important;
    }
}
@media (min-width: 1200px) {
    .aperture-m-xl-0 {
        margin: 0 !important;
    }
}
.aperture-m-1 {
    margin: 0.25rem;
}
@media (min-width: 0px) {
    .aperture-m-xs-1 {
        margin: 0.25rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-m-sm-1 {
        margin: 0.25rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-m-md-1 {
        margin: 0.25rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-m-lg-1 {
        margin: 0.25rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-m-xl-1 {
        margin: 0.25rem !important;
    }
}
.aperture-m-2 {
    margin: 0.5rem;
}
@media (min-width: 0px) {
    .aperture-m-xs-2 {
        margin: 0.5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-m-sm-2 {
        margin: 0.5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-m-md-2 {
        margin: 0.5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-m-lg-2 {
        margin: 0.5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-m-xl-2 {
        margin: 0.5rem !important;
    }
}
.aperture-m-3 {
    margin: 1rem;
}
@media (min-width: 0px) {
    .aperture-m-xs-3 {
        margin: 1rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-m-sm-3 {
        margin: 1rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-m-md-3 {
        margin: 1rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-m-lg-3 {
        margin: 1rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-m-xl-3 {
        margin: 1rem !important;
    }
}
.aperture-m-4 {
    margin: 2.5rem;
}
@media (min-width: 0px) {
    .aperture-m-xs-4 {
        margin: 2.5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-m-sm-4 {
        margin: 2.5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-m-md-4 {
        margin: 2.5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-m-lg-4 {
        margin: 2.5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-m-xl-4 {
        margin: 2.5rem !important;
    }
}
.aperture-m-5 {
    margin: 5rem;
}
@media (min-width: 0px) {
    .aperture-m-xs-5 {
        margin: 5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-m-sm-5 {
        margin: 5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-m-md-5 {
        margin: 5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-m-lg-5 {
        margin: 5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-m-xl-5 {
        margin: 5rem !important;
    }
}
.aperture-m-auto {
    margin: auto;
}
@media (min-width: 0px) {
    .aperture-m-xs-auto {
        margin: auto !important;
    }
}
@media (min-width: 576px) {
    .aperture-m-sm-auto {
        margin: auto !important;
    }
}
@media (min-width: 768px) {
    .aperture-m-md-auto {
        margin: auto !important;
    }
}
@media (min-width: 992px) {
    .aperture-m-lg-auto {
        margin: auto !important;
    }
}
@media (min-width: 1200px) {
    .aperture-m-xl-auto {
        margin: auto !important;
    }
}
.aperture-mx-0 {
    margin-left: 0;
    margin-right: 0;
}
@media (min-width: 0px) {
    .aperture-mx-xs-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}
@media (min-width: 576px) {
    .aperture-mx-sm-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}
@media (min-width: 768px) {
    .aperture-mx-md-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}
@media (min-width: 992px) {
    .aperture-mx-lg-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}
@media (min-width: 1200px) {
    .aperture-mx-xl-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}
.aperture-mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}
@media (min-width: 0px) {
    .aperture-mx-xs-1 {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-mx-sm-1 {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-mx-md-1 {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-mx-lg-1 {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-mx-xl-1 {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
    }
}
.aperture-mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}
@media (min-width: 0px) {
    .aperture-mx-xs-2 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-mx-sm-2 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-mx-md-2 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-mx-lg-2 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-mx-xl-2 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }
}
.aperture-mx-3 {
    margin-left: 1rem;
    margin-right: 1rem;
}
@media (min-width: 0px) {
    .aperture-mx-xs-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-mx-sm-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-mx-md-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-mx-lg-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-mx-xl-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }
}
.aperture-mx-4 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
}
@media (min-width: 0px) {
    .aperture-mx-xs-4 {
        margin-left: 2.5rem !important;
        margin-right: 2.5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-mx-sm-4 {
        margin-left: 2.5rem !important;
        margin-right: 2.5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-mx-md-4 {
        margin-left: 2.5rem !important;
        margin-right: 2.5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-mx-lg-4 {
        margin-left: 2.5rem !important;
        margin-right: 2.5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-mx-xl-4 {
        margin-left: 2.5rem !important;
        margin-right: 2.5rem !important;
    }
}
.aperture-mx-5 {
    margin-left: 5rem;
    margin-right: 5rem;
}
@media (min-width: 0px) {
    .aperture-mx-xs-5 {
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-mx-sm-5 {
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-mx-md-5 {
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-mx-lg-5 {
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-mx-xl-5 {
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }
}
.aperture-mx-auto {
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 0px) {
    .aperture-mx-xs-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
@media (min-width: 576px) {
    .aperture-mx-sm-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
@media (min-width: 768px) {
    .aperture-mx-md-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
@media (min-width: 992px) {
    .aperture-mx-lg-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
@media (min-width: 1200px) {
    .aperture-mx-xl-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
.aperture-my-0 {
    margin-bottom: 0;
    margin-top: 0;
}
@media (min-width: 0px) {
    .aperture-my-xs-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }
}
@media (min-width: 576px) {
    .aperture-my-sm-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }
}
@media (min-width: 768px) {
    .aperture-my-md-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }
}
@media (min-width: 992px) {
    .aperture-my-lg-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }
}
@media (min-width: 1200px) {
    .aperture-my-xl-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }
}
.aperture-my-1 {
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
}
@media (min-width: 0px) {
    .aperture-my-xs-1 {
        margin-bottom: 0.25rem !important;
        margin-top: 0.25rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-my-sm-1 {
        margin-bottom: 0.25rem !important;
        margin-top: 0.25rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-my-md-1 {
        margin-bottom: 0.25rem !important;
        margin-top: 0.25rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-my-lg-1 {
        margin-bottom: 0.25rem !important;
        margin-top: 0.25rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-my-xl-1 {
        margin-bottom: 0.25rem !important;
        margin-top: 0.25rem !important;
    }
}
.aperture-my-2 {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}
@media (min-width: 0px) {
    .aperture-my-xs-2 {
        margin-bottom: 0.5rem !important;
        margin-top: 0.5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-my-sm-2 {
        margin-bottom: 0.5rem !important;
        margin-top: 0.5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-my-md-2 {
        margin-bottom: 0.5rem !important;
        margin-top: 0.5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-my-lg-2 {
        margin-bottom: 0.5rem !important;
        margin-top: 0.5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-my-xl-2 {
        margin-bottom: 0.5rem !important;
        margin-top: 0.5rem !important;
    }
}
.aperture-my-3 {
    margin-bottom: 1rem;
    margin-top: 1rem;
}
@media (min-width: 0px) {
    .aperture-my-xs-3 {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-my-sm-3 {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-my-md-3 {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-my-lg-3 {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-my-xl-3 {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important;
    }
}
.aperture-my-4 {
    margin-bottom: 2.5rem;
    margin-top: 2.5rem;
}
@media (min-width: 0px) {
    .aperture-my-xs-4 {
        margin-bottom: 2.5rem !important;
        margin-top: 2.5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-my-sm-4 {
        margin-bottom: 2.5rem !important;
        margin-top: 2.5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-my-md-4 {
        margin-bottom: 2.5rem !important;
        margin-top: 2.5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-my-lg-4 {
        margin-bottom: 2.5rem !important;
        margin-top: 2.5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-my-xl-4 {
        margin-bottom: 2.5rem !important;
        margin-top: 2.5rem !important;
    }
}
.aperture-my-5 {
    margin-bottom: 5rem;
    margin-top: 5rem;
}
@media (min-width: 0px) {
    .aperture-my-xs-5 {
        margin-bottom: 5rem !important;
        margin-top: 5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-my-sm-5 {
        margin-bottom: 5rem !important;
        margin-top: 5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-my-md-5 {
        margin-bottom: 5rem !important;
        margin-top: 5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-my-lg-5 {
        margin-bottom: 5rem !important;
        margin-top: 5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-my-xl-5 {
        margin-bottom: 5rem !important;
        margin-top: 5rem !important;
    }
}
.aperture-my-auto {
    margin-bottom: auto;
    margin-top: auto;
}
@media (min-width: 0px) {
    .aperture-my-xs-auto {
        margin-bottom: auto !important;
        margin-top: auto !important;
    }
}
@media (min-width: 576px) {
    .aperture-my-sm-auto {
        margin-bottom: auto !important;
        margin-top: auto !important;
    }
}
@media (min-width: 768px) {
    .aperture-my-md-auto {
        margin-bottom: auto !important;
        margin-top: auto !important;
    }
}
@media (min-width: 992px) {
    .aperture-my-lg-auto {
        margin-bottom: auto !important;
        margin-top: auto !important;
    }
}
@media (min-width: 1200px) {
    .aperture-my-xl-auto {
        margin-bottom: auto !important;
        margin-top: auto !important;
    }
}
.aperture-mt-0 {
    margin-top: 0;
}
@media (min-width: 0px) {
    .aperture-mt-xs-0 {
        margin-top: 0 !important;
    }
}
@media (min-width: 576px) {
    .aperture-mt-sm-0 {
        margin-top: 0 !important;
    }
}
@media (min-width: 768px) {
    .aperture-mt-md-0 {
        margin-top: 0 !important;
    }
}
@media (min-width: 992px) {
    .aperture-mt-lg-0 {
        margin-top: 0 !important;
    }
}
@media (min-width: 1200px) {
    .aperture-mt-xl-0 {
        margin-top: 0 !important;
    }
}
.aperture-mt-1 {
    margin-top: 0.25rem;
}
@media (min-width: 0px) {
    .aperture-mt-xs-1 {
        margin-top: 0.25rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-mt-sm-1 {
        margin-top: 0.25rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-mt-md-1 {
        margin-top: 0.25rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-mt-lg-1 {
        margin-top: 0.25rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-mt-xl-1 {
        margin-top: 0.25rem !important;
    }
}
.aperture-mt-2 {
    margin-top: 0.5rem;
}
@media (min-width: 0px) {
    .aperture-mt-xs-2 {
        margin-top: 0.5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-mt-sm-2 {
        margin-top: 0.5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-mt-md-2 {
        margin-top: 0.5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-mt-lg-2 {
        margin-top: 0.5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-mt-xl-2 {
        margin-top: 0.5rem !important;
    }
}
.aperture-mt-3 {
    margin-top: 1rem;
}
@media (min-width: 0px) {
    .aperture-mt-xs-3 {
        margin-top: 1rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-mt-sm-3 {
        margin-top: 1rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-mt-md-3 {
        margin-top: 1rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-mt-lg-3 {
        margin-top: 1rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-mt-xl-3 {
        margin-top: 1rem !important;
    }
}
.aperture-mt-4 {
    margin-top: 2.5rem;
}
@media (min-width: 0px) {
    .aperture-mt-xs-4 {
        margin-top: 2.5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-mt-sm-4 {
        margin-top: 2.5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-mt-md-4 {
        margin-top: 2.5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-mt-lg-4 {
        margin-top: 2.5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-mt-xl-4 {
        margin-top: 2.5rem !important;
    }
}
.aperture-mt-5 {
    margin-top: 5rem;
}
@media (min-width: 0px) {
    .aperture-mt-xs-5 {
        margin-top: 5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-mt-sm-5 {
        margin-top: 5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-mt-md-5 {
        margin-top: 5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-mt-lg-5 {
        margin-top: 5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-mt-xl-5 {
        margin-top: 5rem !important;
    }
}
.aperture-mt-auto {
    margin-top: auto;
}
@media (min-width: 0px) {
    .aperture-mt-xs-auto {
        margin-top: auto !important;
    }
}
@media (min-width: 576px) {
    .aperture-mt-sm-auto {
        margin-top: auto !important;
    }
}
@media (min-width: 768px) {
    .aperture-mt-md-auto {
        margin-top: auto !important;
    }
}
@media (min-width: 992px) {
    .aperture-mt-lg-auto {
        margin-top: auto !important;
    }
}
@media (min-width: 1200px) {
    .aperture-mt-xl-auto {
        margin-top: auto !important;
    }
}
.aperture-mb-0 {
    margin-bottom: 0;
}
@media (min-width: 0px) {
    .aperture-mb-xs-0 {
        margin-bottom: 0 !important;
    }
}
@media (min-width: 576px) {
    .aperture-mb-sm-0 {
        margin-bottom: 0 !important;
    }
}
@media (min-width: 768px) {
    .aperture-mb-md-0 {
        margin-bottom: 0 !important;
    }
}
@media (min-width: 992px) {
    .aperture-mb-lg-0 {
        margin-bottom: 0 !important;
    }
}
@media (min-width: 1200px) {
    .aperture-mb-xl-0 {
        margin-bottom: 0 !important;
    }
}
.aperture-mb-1 {
    margin-bottom: 0.25rem;
}
@media (min-width: 0px) {
    .aperture-mb-xs-1 {
        margin-bottom: 0.25rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-mb-sm-1 {
        margin-bottom: 0.25rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-mb-md-1 {
        margin-bottom: 0.25rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-mb-lg-1 {
        margin-bottom: 0.25rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-mb-xl-1 {
        margin-bottom: 0.25rem !important;
    }
}
.aperture-mb-2 {
    margin-bottom: 0.5rem;
}
@media (min-width: 0px) {
    .aperture-mb-xs-2 {
        margin-bottom: 0.5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-mb-sm-2 {
        margin-bottom: 0.5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-mb-md-2 {
        margin-bottom: 0.5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-mb-lg-2 {
        margin-bottom: 0.5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-mb-xl-2 {
        margin-bottom: 0.5rem !important;
    }
}
.aperture-mb-3 {
    margin-bottom: 1rem;
}
@media (min-width: 0px) {
    .aperture-mb-xs-3 {
        margin-bottom: 1rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-mb-sm-3 {
        margin-bottom: 1rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-mb-md-3 {
        margin-bottom: 1rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-mb-lg-3 {
        margin-bottom: 1rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-mb-xl-3 {
        margin-bottom: 1rem !important;
    }
}
.aperture-mb-4 {
    margin-bottom: 2.5rem;
}
@media (min-width: 0px) {
    .aperture-mb-xs-4 {
        margin-bottom: 2.5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-mb-sm-4 {
        margin-bottom: 2.5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-mb-md-4 {
        margin-bottom: 2.5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-mb-lg-4 {
        margin-bottom: 2.5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-mb-xl-4 {
        margin-bottom: 2.5rem !important;
    }
}
.aperture-mb-5 {
    margin-bottom: 5rem;
}
@media (min-width: 0px) {
    .aperture-mb-xs-5 {
        margin-bottom: 5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-mb-sm-5 {
        margin-bottom: 5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-mb-md-5 {
        margin-bottom: 5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-mb-lg-5 {
        margin-bottom: 5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-mb-xl-5 {
        margin-bottom: 5rem !important;
    }
}
.aperture-mb-auto {
    margin-bottom: auto;
}
@media (min-width: 0px) {
    .aperture-mb-xs-auto {
        margin-bottom: auto !important;
    }
}
@media (min-width: 576px) {
    .aperture-mb-sm-auto {
        margin-bottom: auto !important;
    }
}
@media (min-width: 768px) {
    .aperture-mb-md-auto {
        margin-bottom: auto !important;
    }
}
@media (min-width: 992px) {
    .aperture-mb-lg-auto {
        margin-bottom: auto !important;
    }
}
@media (min-width: 1200px) {
    .aperture-mb-xl-auto {
        margin-bottom: auto !important;
    }
}
.aperture-ms-0 {
    margin-left: 0;
}
@media (min-width: 0px) {
    .aperture-ms-xs-0 {
        margin-left: 0 !important;
    }
}
@media (min-width: 576px) {
    .aperture-ms-sm-0 {
        margin-left: 0 !important;
    }
}
@media (min-width: 768px) {
    .aperture-ms-md-0 {
        margin-left: 0 !important;
    }
}
@media (min-width: 992px) {
    .aperture-ms-lg-0 {
        margin-left: 0 !important;
    }
}
@media (min-width: 1200px) {
    .aperture-ms-xl-0 {
        margin-left: 0 !important;
    }
}
.aperture-ms-1 {
    margin-left: 0.25rem;
}
@media (min-width: 0px) {
    .aperture-ms-xs-1 {
        margin-left: 0.25rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-ms-sm-1 {
        margin-left: 0.25rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-ms-md-1 {
        margin-left: 0.25rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-ms-lg-1 {
        margin-left: 0.25rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-ms-xl-1 {
        margin-left: 0.25rem !important;
    }
}
.aperture-ms-2 {
    margin-left: 0.5rem;
}
@media (min-width: 0px) {
    .aperture-ms-xs-2 {
        margin-left: 0.5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-ms-sm-2 {
        margin-left: 0.5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-ms-md-2 {
        margin-left: 0.5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-ms-lg-2 {
        margin-left: 0.5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-ms-xl-2 {
        margin-left: 0.5rem !important;
    }
}
.aperture-ms-3 {
    margin-left: 1rem;
}
@media (min-width: 0px) {
    .aperture-ms-xs-3 {
        margin-left: 1rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-ms-sm-3 {
        margin-left: 1rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-ms-md-3 {
        margin-left: 1rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-ms-lg-3 {
        margin-left: 1rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-ms-xl-3 {
        margin-left: 1rem !important;
    }
}
.aperture-ms-4 {
    margin-left: 2.5rem;
}
@media (min-width: 0px) {
    .aperture-ms-xs-4 {
        margin-left: 2.5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-ms-sm-4 {
        margin-left: 2.5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-ms-md-4 {
        margin-left: 2.5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-ms-lg-4 {
        margin-left: 2.5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-ms-xl-4 {
        margin-left: 2.5rem !important;
    }
}
.aperture-ms-5 {
    margin-left: 5rem;
}
@media (min-width: 0px) {
    .aperture-ms-xs-5 {
        margin-left: 5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-ms-sm-5 {
        margin-left: 5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-ms-md-5 {
        margin-left: 5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-ms-lg-5 {
        margin-left: 5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-ms-xl-5 {
        margin-left: 5rem !important;
    }
}
.aperture-ms-auto {
    margin-left: auto;
}
@media (min-width: 0px) {
    .aperture-ms-xs-auto {
        margin-left: auto !important;
    }
}
@media (min-width: 576px) {
    .aperture-ms-sm-auto {
        margin-left: auto !important;
    }
}
@media (min-width: 768px) {
    .aperture-ms-md-auto {
        margin-left: auto !important;
    }
}
@media (min-width: 992px) {
    .aperture-ms-lg-auto {
        margin-left: auto !important;
    }
}
@media (min-width: 1200px) {
    .aperture-ms-xl-auto {
        margin-left: auto !important;
    }
}
.aperture-me-0 {
    margin-right: 0;
}
@media (min-width: 0px) {
    .aperture-me-xs-0 {
        margin-right: 0 !important;
    }
}
@media (min-width: 576px) {
    .aperture-me-sm-0 {
        margin-right: 0 !important;
    }
}
@media (min-width: 768px) {
    .aperture-me-md-0 {
        margin-right: 0 !important;
    }
}
@media (min-width: 992px) {
    .aperture-me-lg-0 {
        margin-right: 0 !important;
    }
}
@media (min-width: 1200px) {
    .aperture-me-xl-0 {
        margin-right: 0 !important;
    }
}
.aperture-me-1 {
    margin-right: 0.25rem;
}
@media (min-width: 0px) {
    .aperture-me-xs-1 {
        margin-right: 0.25rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-me-sm-1 {
        margin-right: 0.25rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-me-md-1 {
        margin-right: 0.25rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-me-lg-1 {
        margin-right: 0.25rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-me-xl-1 {
        margin-right: 0.25rem !important;
    }
}
.aperture-me-2 {
    margin-right: 0.5rem;
}
@media (min-width: 0px) {
    .aperture-me-xs-2 {
        margin-right: 0.5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-me-sm-2 {
        margin-right: 0.5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-me-md-2 {
        margin-right: 0.5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-me-lg-2 {
        margin-right: 0.5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-me-xl-2 {
        margin-right: 0.5rem !important;
    }
}
.aperture-me-3 {
    margin-right: 1rem;
}
@media (min-width: 0px) {
    .aperture-me-xs-3 {
        margin-right: 1rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-me-sm-3 {
        margin-right: 1rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-me-md-3 {
        margin-right: 1rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-me-lg-3 {
        margin-right: 1rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-me-xl-3 {
        margin-right: 1rem !important;
    }
}
.aperture-me-4 {
    margin-right: 2.5rem;
}
@media (min-width: 0px) {
    .aperture-me-xs-4 {
        margin-right: 2.5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-me-sm-4 {
        margin-right: 2.5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-me-md-4 {
        margin-right: 2.5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-me-lg-4 {
        margin-right: 2.5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-me-xl-4 {
        margin-right: 2.5rem !important;
    }
}
.aperture-me-5 {
    margin-right: 5rem;
}
@media (min-width: 0px) {
    .aperture-me-xs-5 {
        margin-right: 5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-me-sm-5 {
        margin-right: 5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-me-md-5 {
        margin-right: 5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-me-lg-5 {
        margin-right: 5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-me-xl-5 {
        margin-right: 5rem !important;
    }
}
.aperture-me-auto {
    margin-right: auto;
}
@media (min-width: 0px) {
    .aperture-me-xs-auto {
        margin-right: auto !important;
    }
}
@media (min-width: 576px) {
    .aperture-me-sm-auto {
        margin-right: auto !important;
    }
}
@media (min-width: 768px) {
    .aperture-me-md-auto {
        margin-right: auto !important;
    }
}
@media (min-width: 992px) {
    .aperture-me-lg-auto {
        margin-right: auto !important;
    }
}
@media (min-width: 1200px) {
    .aperture-me-xl-auto {
        margin-right: auto !important;
    }
}
.aperture-overflow-auto {
    overflow: auto;
}
.aperture-overflow-hidden {
    overflow: hidden;
}
.aperture-overflow-visible {
    overflow: visible;
}
.aperture-overflow-scroll {
    overflow: scroll;
}
.aperture-overflow-x-auto {
    overflow-x: auto;
}
.aperture-overflow-y-auto {
    overflow-y: auto;
}
.aperture-overflow-x-hidden {
    overflow-x: hidden;
}
.aperture-overflow-y-hidden {
    overflow-y: hidden;
}
.aperture-overflow-x-visible {
    overflow-x: visible;
}
.aperture-overflow-y-visible {
    overflow-y: visible;
}
.aperture-overflow-x-scroll {
    overflow-x: scroll;
}
.aperture-overflow-y-scroll {
    overflow-y: scroll;
}
.aperture-p-0 {
    padding: 0;
}
@media (min-width: 0px) {
    .aperture-p-xs-0 {
        padding: 0 !important;
    }
}
@media (min-width: 576px) {
    .aperture-p-sm-0 {
        padding: 0 !important;
    }
}
@media (min-width: 768px) {
    .aperture-p-md-0 {
        padding: 0 !important;
    }
}
@media (min-width: 992px) {
    .aperture-p-lg-0 {
        padding: 0 !important;
    }
}
@media (min-width: 1200px) {
    .aperture-p-xl-0 {
        padding: 0 !important;
    }
}
.aperture-p-1 {
    padding: 0.25rem;
}
@media (min-width: 0px) {
    .aperture-p-xs-1 {
        padding: 0.25rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-p-sm-1 {
        padding: 0.25rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-p-md-1 {
        padding: 0.25rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-p-lg-1 {
        padding: 0.25rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-p-xl-1 {
        padding: 0.25rem !important;
    }
}
.aperture-p-2 {
    padding: 0.5rem;
}
@media (min-width: 0px) {
    .aperture-p-xs-2 {
        padding: 0.5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-p-sm-2 {
        padding: 0.5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-p-md-2 {
        padding: 0.5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-p-lg-2 {
        padding: 0.5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-p-xl-2 {
        padding: 0.5rem !important;
    }
}
.aperture-p-3 {
    padding: 1rem;
}
@media (min-width: 0px) {
    .aperture-p-xs-3 {
        padding: 1rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-p-sm-3 {
        padding: 1rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-p-md-3 {
        padding: 1rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-p-lg-3 {
        padding: 1rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-p-xl-3 {
        padding: 1rem !important;
    }
}
.aperture-p-4 {
    padding: 2.5rem;
}
@media (min-width: 0px) {
    .aperture-p-xs-4 {
        padding: 2.5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-p-sm-4 {
        padding: 2.5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-p-md-4 {
        padding: 2.5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-p-lg-4 {
        padding: 2.5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-p-xl-4 {
        padding: 2.5rem !important;
    }
}
.aperture-p-5 {
    padding: 5rem;
}
@media (min-width: 0px) {
    .aperture-p-xs-5 {
        padding: 5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-p-sm-5 {
        padding: 5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-p-md-5 {
        padding: 5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-p-lg-5 {
        padding: 5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-p-xl-5 {
        padding: 5rem !important;
    }
}
.aperture-px-0 {
    padding-left: 0;
    padding-right: 0;
}
@media (min-width: 0px) {
    .aperture-px-xs-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
@media (min-width: 576px) {
    .aperture-px-sm-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
@media (min-width: 768px) {
    .aperture-px-md-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
@media (min-width: 992px) {
    .aperture-px-lg-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
@media (min-width: 1200px) {
    .aperture-px-xl-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
.aperture-px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}
@media (min-width: 0px) {
    .aperture-px-xs-1 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-px-sm-1 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-px-md-1 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-px-lg-1 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-px-xl-1 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }
}
.aperture-px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
@media (min-width: 0px) {
    .aperture-px-xs-2 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-px-sm-2 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-px-md-2 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-px-lg-2 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-px-xl-2 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
}
.aperture-px-3 {
    padding-left: 1rem;
    padding-right: 1rem;
}
@media (min-width: 0px) {
    .aperture-px-xs-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-px-sm-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-px-md-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-px-lg-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-px-xl-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}
.aperture-px-4 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}
@media (min-width: 0px) {
    .aperture-px-xs-4 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-px-sm-4 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-px-md-4 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-px-lg-4 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-px-xl-4 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
    }
}
.aperture-px-5 {
    padding-left: 5rem;
    padding-right: 5rem;
}
@media (min-width: 0px) {
    .aperture-px-xs-5 {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-px-sm-5 {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-px-md-5 {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-px-lg-5 {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-px-xl-5 {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
}
.aperture-py-0 {
    padding-bottom: 0;
    padding-top: 0;
}
@media (min-width: 0px) {
    .aperture-py-xs-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
}
@media (min-width: 576px) {
    .aperture-py-sm-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
}
@media (min-width: 768px) {
    .aperture-py-md-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
}
@media (min-width: 992px) {
    .aperture-py-lg-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
}
@media (min-width: 1200px) {
    .aperture-py-xl-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
}
.aperture-py-1 {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
}
@media (min-width: 0px) {
    .aperture-py-xs-1 {
        padding-bottom: 0.25rem !important;
        padding-top: 0.25rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-py-sm-1 {
        padding-bottom: 0.25rem !important;
        padding-top: 0.25rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-py-md-1 {
        padding-bottom: 0.25rem !important;
        padding-top: 0.25rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-py-lg-1 {
        padding-bottom: 0.25rem !important;
        padding-top: 0.25rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-py-xl-1 {
        padding-bottom: 0.25rem !important;
        padding-top: 0.25rem !important;
    }
}
.aperture-py-2 {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}
@media (min-width: 0px) {
    .aperture-py-xs-2 {
        padding-bottom: 0.5rem !important;
        padding-top: 0.5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-py-sm-2 {
        padding-bottom: 0.5rem !important;
        padding-top: 0.5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-py-md-2 {
        padding-bottom: 0.5rem !important;
        padding-top: 0.5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-py-lg-2 {
        padding-bottom: 0.5rem !important;
        padding-top: 0.5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-py-xl-2 {
        padding-bottom: 0.5rem !important;
        padding-top: 0.5rem !important;
    }
}
.aperture-py-3 {
    padding-bottom: 1rem;
    padding-top: 1rem;
}
@media (min-width: 0px) {
    .aperture-py-xs-3 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-py-sm-3 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-py-md-3 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-py-lg-3 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-py-xl-3 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important;
    }
}
.aperture-py-4 {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
}
@media (min-width: 0px) {
    .aperture-py-xs-4 {
        padding-bottom: 2.5rem !important;
        padding-top: 2.5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-py-sm-4 {
        padding-bottom: 2.5rem !important;
        padding-top: 2.5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-py-md-4 {
        padding-bottom: 2.5rem !important;
        padding-top: 2.5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-py-lg-4 {
        padding-bottom: 2.5rem !important;
        padding-top: 2.5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-py-xl-4 {
        padding-bottom: 2.5rem !important;
        padding-top: 2.5rem !important;
    }
}
.aperture-py-5 {
    padding-bottom: 5rem;
    padding-top: 5rem;
}
@media (min-width: 0px) {
    .aperture-py-xs-5 {
        padding-bottom: 5rem !important;
        padding-top: 5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-py-sm-5 {
        padding-bottom: 5rem !important;
        padding-top: 5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-py-md-5 {
        padding-bottom: 5rem !important;
        padding-top: 5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-py-lg-5 {
        padding-bottom: 5rem !important;
        padding-top: 5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-py-xl-5 {
        padding-bottom: 5rem !important;
        padding-top: 5rem !important;
    }
}
.aperture-pt-0 {
    padding-top: 0;
}
@media (min-width: 0px) {
    .aperture-pt-xs-0 {
        padding-top: 0 !important;
    }
}
@media (min-width: 576px) {
    .aperture-pt-sm-0 {
        padding-top: 0 !important;
    }
}
@media (min-width: 768px) {
    .aperture-pt-md-0 {
        padding-top: 0 !important;
    }
}
@media (min-width: 992px) {
    .aperture-pt-lg-0 {
        padding-top: 0 !important;
    }
}
@media (min-width: 1200px) {
    .aperture-pt-xl-0 {
        padding-top: 0 !important;
    }
}
.aperture-pt-1 {
    padding-top: 0.25rem;
}
@media (min-width: 0px) {
    .aperture-pt-xs-1 {
        padding-top: 0.25rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-pt-sm-1 {
        padding-top: 0.25rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-pt-md-1 {
        padding-top: 0.25rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-pt-lg-1 {
        padding-top: 0.25rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-pt-xl-1 {
        padding-top: 0.25rem !important;
    }
}
.aperture-pt-2 {
    padding-top: 0.5rem;
}
@media (min-width: 0px) {
    .aperture-pt-xs-2 {
        padding-top: 0.5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-pt-sm-2 {
        padding-top: 0.5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-pt-md-2 {
        padding-top: 0.5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-pt-lg-2 {
        padding-top: 0.5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-pt-xl-2 {
        padding-top: 0.5rem !important;
    }
}
.aperture-pt-3 {
    padding-top: 1rem;
}
@media (min-width: 0px) {
    .aperture-pt-xs-3 {
        padding-top: 1rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-pt-sm-3 {
        padding-top: 1rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-pt-md-3 {
        padding-top: 1rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-pt-lg-3 {
        padding-top: 1rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-pt-xl-3 {
        padding-top: 1rem !important;
    }
}
.aperture-pt-4 {
    padding-top: 2.5rem;
}
@media (min-width: 0px) {
    .aperture-pt-xs-4 {
        padding-top: 2.5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-pt-sm-4 {
        padding-top: 2.5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-pt-md-4 {
        padding-top: 2.5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-pt-lg-4 {
        padding-top: 2.5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-pt-xl-4 {
        padding-top: 2.5rem !important;
    }
}
.aperture-pt-5 {
    padding-top: 5rem;
}
@media (min-width: 0px) {
    .aperture-pt-xs-5 {
        padding-top: 5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-pt-sm-5 {
        padding-top: 5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-pt-md-5 {
        padding-top: 5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-pt-lg-5 {
        padding-top: 5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-pt-xl-5 {
        padding-top: 5rem !important;
    }
}
.aperture-pb-0 {
    padding-bottom: 0;
}
@media (min-width: 0px) {
    .aperture-pb-xs-0 {
        padding-bottom: 0 !important;
    }
}
@media (min-width: 576px) {
    .aperture-pb-sm-0 {
        padding-bottom: 0 !important;
    }
}
@media (min-width: 768px) {
    .aperture-pb-md-0 {
        padding-bottom: 0 !important;
    }
}
@media (min-width: 992px) {
    .aperture-pb-lg-0 {
        padding-bottom: 0 !important;
    }
}
@media (min-width: 1200px) {
    .aperture-pb-xl-0 {
        padding-bottom: 0 !important;
    }
}
.aperture-pb-1 {
    padding-bottom: 0.25rem;
}
@media (min-width: 0px) {
    .aperture-pb-xs-1 {
        padding-bottom: 0.25rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-pb-sm-1 {
        padding-bottom: 0.25rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-pb-md-1 {
        padding-bottom: 0.25rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-pb-lg-1 {
        padding-bottom: 0.25rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-pb-xl-1 {
        padding-bottom: 0.25rem !important;
    }
}
.aperture-pb-2 {
    padding-bottom: 0.5rem;
}
@media (min-width: 0px) {
    .aperture-pb-xs-2 {
        padding-bottom: 0.5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-pb-sm-2 {
        padding-bottom: 0.5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-pb-md-2 {
        padding-bottom: 0.5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-pb-lg-2 {
        padding-bottom: 0.5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-pb-xl-2 {
        padding-bottom: 0.5rem !important;
    }
}
.aperture-pb-3 {
    padding-bottom: 1rem;
}
@media (min-width: 0px) {
    .aperture-pb-xs-3 {
        padding-bottom: 1rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-pb-sm-3 {
        padding-bottom: 1rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-pb-md-3 {
        padding-bottom: 1rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-pb-lg-3 {
        padding-bottom: 1rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-pb-xl-3 {
        padding-bottom: 1rem !important;
    }
}
.aperture-pb-4 {
    padding-bottom: 2.5rem;
}
@media (min-width: 0px) {
    .aperture-pb-xs-4 {
        padding-bottom: 2.5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-pb-sm-4 {
        padding-bottom: 2.5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-pb-md-4 {
        padding-bottom: 2.5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-pb-lg-4 {
        padding-bottom: 2.5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-pb-xl-4 {
        padding-bottom: 2.5rem !important;
    }
}
.aperture-pb-5 {
    padding-bottom: 5rem;
}
@media (min-width: 0px) {
    .aperture-pb-xs-5 {
        padding-bottom: 5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-pb-sm-5 {
        padding-bottom: 5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-pb-md-5 {
        padding-bottom: 5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-pb-lg-5 {
        padding-bottom: 5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-pb-xl-5 {
        padding-bottom: 5rem !important;
    }
}
.aperture-ps-0 {
    padding-left: 0;
}
@media (min-width: 0px) {
    .aperture-ps-xs-0 {
        padding-left: 0 !important;
    }
}
@media (min-width: 576px) {
    .aperture-ps-sm-0 {
        padding-left: 0 !important;
    }
}
@media (min-width: 768px) {
    .aperture-ps-md-0 {
        padding-left: 0 !important;
    }
}
@media (min-width: 992px) {
    .aperture-ps-lg-0 {
        padding-left: 0 !important;
    }
}
@media (min-width: 1200px) {
    .aperture-ps-xl-0 {
        padding-left: 0 !important;
    }
}
.aperture-ps-1 {
    padding-left: 0.25rem;
}
@media (min-width: 0px) {
    .aperture-ps-xs-1 {
        padding-left: 0.25rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-ps-sm-1 {
        padding-left: 0.25rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-ps-md-1 {
        padding-left: 0.25rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-ps-lg-1 {
        padding-left: 0.25rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-ps-xl-1 {
        padding-left: 0.25rem !important;
    }
}
.aperture-ps-2 {
    padding-left: 0.5rem;
}
@media (min-width: 0px) {
    .aperture-ps-xs-2 {
        padding-left: 0.5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-ps-sm-2 {
        padding-left: 0.5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-ps-md-2 {
        padding-left: 0.5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-ps-lg-2 {
        padding-left: 0.5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-ps-xl-2 {
        padding-left: 0.5rem !important;
    }
}
.aperture-ps-3 {
    padding-left: 1rem;
}
@media (min-width: 0px) {
    .aperture-ps-xs-3 {
        padding-left: 1rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-ps-sm-3 {
        padding-left: 1rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-ps-md-3 {
        padding-left: 1rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-ps-lg-3 {
        padding-left: 1rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-ps-xl-3 {
        padding-left: 1rem !important;
    }
}
.aperture-ps-4 {
    padding-left: 2.5rem;
}
@media (min-width: 0px) {
    .aperture-ps-xs-4 {
        padding-left: 2.5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-ps-sm-4 {
        padding-left: 2.5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-ps-md-4 {
        padding-left: 2.5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-ps-lg-4 {
        padding-left: 2.5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-ps-xl-4 {
        padding-left: 2.5rem !important;
    }
}
.aperture-ps-5 {
    padding-left: 5rem;
}
@media (min-width: 0px) {
    .aperture-ps-xs-5 {
        padding-left: 5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-ps-sm-5 {
        padding-left: 5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-ps-md-5 {
        padding-left: 5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-ps-lg-5 {
        padding-left: 5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-ps-xl-5 {
        padding-left: 5rem !important;
    }
}
.aperture-pe-0 {
    padding-right: 0;
}
@media (min-width: 0px) {
    .aperture-pe-xs-0 {
        padding-right: 0 !important;
    }
}
@media (min-width: 576px) {
    .aperture-pe-sm-0 {
        padding-right: 0 !important;
    }
}
@media (min-width: 768px) {
    .aperture-pe-md-0 {
        padding-right: 0 !important;
    }
}
@media (min-width: 992px) {
    .aperture-pe-lg-0 {
        padding-right: 0 !important;
    }
}
@media (min-width: 1200px) {
    .aperture-pe-xl-0 {
        padding-right: 0 !important;
    }
}
.aperture-pe-1 {
    padding-right: 0.25rem;
}
@media (min-width: 0px) {
    .aperture-pe-xs-1 {
        padding-right: 0.25rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-pe-sm-1 {
        padding-right: 0.25rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-pe-md-1 {
        padding-right: 0.25rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-pe-lg-1 {
        padding-right: 0.25rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-pe-xl-1 {
        padding-right: 0.25rem !important;
    }
}
.aperture-pe-2 {
    padding-right: 0.5rem;
}
@media (min-width: 0px) {
    .aperture-pe-xs-2 {
        padding-right: 0.5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-pe-sm-2 {
        padding-right: 0.5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-pe-md-2 {
        padding-right: 0.5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-pe-lg-2 {
        padding-right: 0.5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-pe-xl-2 {
        padding-right: 0.5rem !important;
    }
}
.aperture-pe-3 {
    padding-right: 1rem;
}
@media (min-width: 0px) {
    .aperture-pe-xs-3 {
        padding-right: 1rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-pe-sm-3 {
        padding-right: 1rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-pe-md-3 {
        padding-right: 1rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-pe-lg-3 {
        padding-right: 1rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-pe-xl-3 {
        padding-right: 1rem !important;
    }
}
.aperture-pe-4 {
    padding-right: 2.5rem;
}
@media (min-width: 0px) {
    .aperture-pe-xs-4 {
        padding-right: 2.5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-pe-sm-4 {
        padding-right: 2.5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-pe-md-4 {
        padding-right: 2.5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-pe-lg-4 {
        padding-right: 2.5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-pe-xl-4 {
        padding-right: 2.5rem !important;
    }
}
.aperture-pe-5 {
    padding-right: 5rem;
}
@media (min-width: 0px) {
    .aperture-pe-xs-5 {
        padding-right: 5rem !important;
    }
}
@media (min-width: 576px) {
    .aperture-pe-sm-5 {
        padding-right: 5rem !important;
    }
}
@media (min-width: 768px) {
    .aperture-pe-md-5 {
        padding-right: 5rem !important;
    }
}
@media (min-width: 992px) {
    .aperture-pe-lg-5 {
        padding-right: 5rem !important;
    }
}
@media (min-width: 1200px) {
    .aperture-pe-xl-5 {
        padding-right: 5rem !important;
    }
}
.aperture-content-pane {
    margin: 0 auto;
    max-width: 1280px;
    padding: 0 2rem;
    width: 100%;
}
.aperture-static {
    position: static;
}
.aperture-relative {
    position: relative;
}
.aperture-absolute {
    position: absolute;
}
.aperture-fixed {
    position: fixed;
}
.aperture-sticky {
    position: "-webkit-sticky";
    position: sticky;
}
.aperture-top-0 {
    top: 0;
}
.aperture-end-0 {
    right: 0;
}
.aperture-bottom-0 {
    bottom: 0;
}
.aperture-start-0 {
    left: 0;
}
.aperture-top-1 {
    top: 0.25rem;
}
.aperture-end-1 {
    right: 0.25rem;
}
.aperture-bottom-1 {
    bottom: 0.25rem;
}
.aperture-start-1 {
    left: 0.25rem;
}
.aperture-top-2 {
    top: 0.5rem;
}
.aperture-end-2 {
    right: 0.5rem;
}
.aperture-bottom-2 {
    bottom: 0.5rem;
}
.aperture-start-2 {
    left: 0.5rem;
}
.aperture-top-3 {
    top: 1rem;
}
.aperture-end-3 {
    right: 1rem;
}
.aperture-bottom-3 {
    bottom: 1rem;
}
.aperture-start-3 {
    left: 1rem;
}
.aperture-top-4 {
    top: 2.5rem;
}
.aperture-end-4 {
    right: 2.5rem;
}
.aperture-bottom-4 {
    bottom: 2.5rem;
}
.aperture-start-4 {
    left: 2.5rem;
}
.aperture-top-5 {
    top: 5rem;
}
.aperture-end-5 {
    right: 5rem;
}
.aperture-bottom-5 {
    bottom: 5rem;
}
.aperture-start-5 {
    left: 5rem;
}
.aperture-text-start {
    text-align: start;
}
@media (min-width: 0px) {
    .aperture-text-xs-start {
        text-align: start !important;
    }
}
@media (min-width: 576px) {
    .aperture-text-sm-start {
        text-align: start !important;
    }
}
@media (min-width: 768px) {
    .aperture-text-md-start {
        text-align: start !important;
    }
}
@media (min-width: 992px) {
    .aperture-text-lg-start {
        text-align: start !important;
    }
}
@media (min-width: 1200px) {
    .aperture-text-xl-start {
        text-align: start !important;
    }
}
.aperture-text-center {
    text-align: center;
}
@media (min-width: 0px) {
    .aperture-text-xs-center {
        text-align: center !important;
    }
}
@media (min-width: 576px) {
    .aperture-text-sm-center {
        text-align: center !important;
    }
}
@media (min-width: 768px) {
    .aperture-text-md-center {
        text-align: center !important;
    }
}
@media (min-width: 992px) {
    .aperture-text-lg-center {
        text-align: center !important;
    }
}
@media (min-width: 1200px) {
    .aperture-text-xl-center {
        text-align: center !important;
    }
}
.aperture-text-end {
    text-align: end;
}
@media (min-width: 0px) {
    .aperture-text-xs-end {
        text-align: end !important;
    }
}
@media (min-width: 576px) {
    .aperture-text-sm-end {
        text-align: end !important;
    }
}
@media (min-width: 768px) {
    .aperture-text-md-end {
        text-align: end !important;
    }
}
@media (min-width: 992px) {
    .aperture-text-lg-end {
        text-align: end !important;
    }
}
@media (min-width: 1200px) {
    .aperture-text-xl-end {
        text-align: end !important;
    }
}
.aperture-text-primary {
    color: var(--dnn-color-primary, #00a5e0);
}
.aperture-text-primary-r {
    color: var(--dnn-color-primary-r, 0);
}
.aperture-text-primary-g {
    color: var(--dnn-color-primary-g, 165);
}
.aperture-text-primary-b {
    color: var(--dnn-color-primary-b, 224);
}
.aperture-text-primary-light {
    color: var(--dnn-color-primary-light, #1aaee3);
}
.aperture-text-primary-light-r {
    color: var(--dnn-color-primary-light-r, 26);
}
.aperture-text-primary-light-g {
    color: var(--dnn-color-primary-light-g, 174);
}
.aperture-text-primary-light-b {
    color: var(--dnn-color-primary-light-b, 227);
}
.aperture-text-primary-dark {
    color: var(--dnn-color-primary-dark, #0091c5);
}
.aperture-text-primary-dark-r {
    color: var(--dnn-color-primary-dark-r, 0);
}
.aperture-text-primary-dark-g {
    color: var(--dnn-color-primary-dark-g, 145);
}
.aperture-text-primary-dark-b {
    color: var(--dnn-color-primary-dark-b 197);
}
.aperture-text-primary-contrast {
    color: var(--dnn-color-primary-contrast, #fff);
}
.aperture-text-primary-contrast-r {
    color: var(--dnn-color-primary-contrast-r, 255);
}
.aperture-text-primary-contrast-g {
    color: var(--dnn-color-primary-contrast-g, 255);
}
.aperture-text-primary-contrast-b {
    color: var(--dnn-color-primary-contrast-b 255);
}
.aperture-text-secondary {
    color: var(--dnn-color-secondary, #ed3d46);
}
.aperture-text-secondary-r {
    color: var(--dnn-color-secondary-r, 237);
}
.aperture-text-secondary-g {
    color: var(--dnn-color-secondary-g, 61);
}
.aperture-text-secondary-b {
    color: var(--dnn-color-secondary-b, 70);
}
.aperture-text-secondary-light {
    color: var(--dnn-color-secondary-light, #ef5059);
}
.aperture-text-secondary-light-r {
    color: var(--dnn-color-secondary-light-r, 239);
}
.aperture-text-secondary-light-g {
    color: var(--dnn-color-secondary-light-g, 80);
}
.aperture-text-secondary-light-b {
    color: var(--dnn-color-secondary-light-b, 89);
}
.aperture-text-secondary-dark {
    color: var(--dnn-color-secondary-dark, #d1363e);
}
.aperture-text-secondary-dark-r {
    color: var(--dnn-color-secondary-dark-r, 209);
}
.aperture-text-secondary-dark-g {
    color: var(--dnn-color-secondary-dark-g, 54);
}
.aperture-text-secondary-dark-b {
    color: var(--dnn-color-secondary-dark-b, 62);
}
.aperture-text-secondary-contrast {
    color: var(--dnn-color-secondary-contrast, #fff);
}
.aperture-text-secondary-contrast-r {
    color: var(--dnn-color-secondary-contrast-r, 255);
}
.aperture-text-secondary-contrast-g {
    color: var(--dnn-color-secondary-contrast-g, 255);
}
.aperture-text-secondary-contrast-b {
    color: var(--dnn-color-secondary-contrast-b, 255);
}
.aperture-text-tertiary {
    color: var(--dnn-color-tertiary, #0e2936);
}
.aperture-text-tertiary-r {
    color: var(--dnn-color-tertiary-r, 14);
}
.aperture-text-tertiary-g {
    color: var(--dnn-color-tertiary-g, 41);
}
.aperture-text-tertiary-b {
    color: var(--dnn-color-tertiary-b, 54);
}
.aperture-text-tertiary-light {
    color: var(--dnn-color-tertiary-light, #3c7a9a);
}
.aperture-text-tertiary-light-r {
    color: var(--dnn-color-tertiary-light-r, 60);
}
.aperture-text-tertiary-light-g {
    color: var(--dnn-color-tertiary-light-g, 122);
}
.aperture-text-tertiary-light-b {
    color: var(--dnn-color-tertiary-light-b, 154);
}
.aperture-text-tertiary-dark {
    color: var(--dnn-color-tertiary-dark, #0b1c24);
}
.aperture-text-tertiary-dark-r {
    color: var(--dnn-color-tertiary-dark-r, 11);
}
.aperture-text-tertiary-dark-g {
    color: var(--dnn-color-tertiary-dark-g, 28);
}
.aperture-text-tertiary-dark-b {
    color: var(--dnn-color-tertiary-dark-b, 36);
}
.aperture-text-tertiary-contrast {
    color: var(--dnn-color-tertiary-contrast, #fff);
}
.aperture-text-tertiary-contrast-r {
    color: var(--dnn-color-tertiary-contrast-r, 255);
}
.aperture-text-tertiary-contrast-g {
    color: var(--dnn-color-tertiary-contrast-g, 255);
}
.aperture-text-tertiary-contrast-b {
    color: var(--dnn-color-tertiary-contrast-b, 255);
}
.aperture-text-neutral {
    color: var(--dnn-color-neutral, #ededee);
}
.aperture-text-neutral-r {
    color: var(--dnn-color-neutral-r, 245);
}
.aperture-text-neutral-g {
    color: var(--dnn-color-neutral-g, 245);
}
.aperture-text-neutral-b {
    color: var(--dnn-color-neutral-b, 245);
}
.aperture-text-neutral-light {
    color: var(--dnn-color-neutral-light, #fff);
}
.aperture-text-neutral-light-r {
    color: var(--dnn-color-neutral-light-r, 255);
}
.aperture-text-neutral-light-g {
    color: var(--dnn-color-neutral-light-g, 255);
}
.aperture-text-neutral-light-b {
    color: var(--dnn-color-neutral-light-b, 255);
}
.aperture-text-neutral-dark {
    color: var(--dnn-color-neutral-dark, #999);
}
.aperture-text-neutral-dark-r {
    color: var(--dnn-color-neutral-dark-r, 153);
}
.aperture-text-neutral-dark-g {
    color: var(--dnn-color-neutral-dark-g, 153);
}
.aperture-text-neutral-dark-b {
    color: var(--dnn-color-neutral-dark-b, 153);
}
.aperture-text-neutral-contrast {
    color: var(--dnn-color-neutral-contrast, #000);
}
.aperture-text-neutral-contrast-r {
    color: var(--dnn-color-neutral-contrast-r, 0);
}
.aperture-text-neutral-contrast-g {
    color: var(--dnn-color-neutral-contrast-g, 0);
}
.aperture-text-neutral-contrast-b {
    color: var(--dnn-color-neutral-contrast-b, 0);
}
.aperture-text-background {
    color: var(--dnn-color-background, #fff);
}
.aperture-text-background-r {
    color: var(--dnn-color-background-r, 255);
}
.aperture-text-background-g {
    color: var(--dnn-color-background-g, 255);
}
.aperture-text-background-b {
    color: var(--dnn-color-background-b, 255);
}
.aperture-text-background-light {
    color: var(--dnn-color-background-light, #f5f5f5);
}
.aperture-text-background-light-r {
    color: var(--dnn-color-background-light-r, 245);
}
.aperture-text-background-light-g {
    color: var(--dnn-color-background-light-g, 245);
}
.aperture-text-background-light-b {
    color: var(--dnn-color-background-light-b, 245);
}
.aperture-text-background-dark {
    color: var(--dnn-color-background-dark, #ccc);
}
.aperture-text-background-dark-r {
    color: var(--dnn-color-background-dark-r, 204);
}
.aperture-text-background-dark-g {
    color: var(--dnn-color-background-dark-g, 204);
}
.aperture-text-background-dark-b {
    color: var(--dnn-color-background-dark-b, 204);
}
.aperture-text-background-contrast {
    color: var(--dnn-color-background-contrast, #000);
}
.aperture-text-background-contrast-r {
    color: var(--dnn-color-background-contrast-r, 0);
}
.aperture-text-background-contrast-g {
    color: var(--dnn-color-background-contrast-g, 0);
}
.aperture-text-background-contrast-b {
    color: var(--dnn-color-background-contrast-b, 0);
}
.aperture-text-foreground {
    color: var(--dnn-color-foreground, #000);
}
.aperture-text-foreground-r {
    color: var(--dnn-color-foreground-r, 0);
}
.aperture-text-foreground-g {
    color: var(--dnn-color-foreground-g, 0);
}
.aperture-text-foreground-b {
    color: var(--dnn-color-foreground-b, 0);
}
.aperture-text-foreground-light {
    color: var(--dnn-color-foreground-light, #333);
}
.aperture-text-foreground-light-r {
    color: var(--dnn-color-foreground-light-r, 51);
}
.aperture-text-foreground-light-g {
    color: var(--dnn-color-foreground-light-g, 51);
}
.aperture-text-foreground-light-b {
    color: var(--dnn-color-foreground-light-b, 51);
}
.aperture-text-foreground-dark {
    color: var(--dnn-color-foreground-dark, #000);
}
.aperture-text-foreground-dark-r {
    color: var(--dnn-color-foreground-dark-r, 0);
}
.aperture-text-foreground-dark-g {
    color: var(--dnn-color-foreground-dark-g, 0);
}
.aperture-text-foreground-dark-b {
    color: var(--dnn-color-foreground-dark-b, 0);
}
.aperture-text-foreground-contrast {
    color: var(--dnn-color-foreground-contrast, #fff);
}
.aperture-text-foreground-contrast-r {
    color: var(--dnn-color-foreground-contrast-r, 255);
}
.aperture-text-foreground-contrast-g {
    color: var(--dnn-color-foreground-contrast-g, 255);
}
.aperture-text-foreground-contrast-b {
    color: var(--dnn-color-foreground-contrast-b, 255);
}
.aperture-text-surface {
    color: var(--dnn-color-surface, #eee);
}
.aperture-text-surface-r {
    color: var(--dnn-color-surface-r, 238);
}
.aperture-text-surface-g {
    color: var(--dnn-color-surface-g, 238);
}
.aperture-text-surface-b {
    color: var(--dnn-color-surface-b, 238);
}
.aperture-text-surface-light {
    color: var(--dnn-color-surface-light, #f5f5f5);
}
.aperture-text-surface-light-r {
    color: var(--dnn-color-surface-light-r, 245);
}
.aperture-text-surface-light-g {
    color: var(--dnn-color-surface-light-g, 245);
}
.aperture-text-surface-light-b {
    color: var(--dnn-color-surface-light-b, 245);
}
.aperture-text-surface-dark {
    color: var(--dnn-color-surface-dark, #ccc);
}
.aperture-text-surface-dark-r {
    color: var(--dnn-color-surface-dark-r, 204);
}
.aperture-text-surface-dark-g {
    color: var(--dnn-color-surface-dark-g, 204);
}
.aperture-text-surface-dark-b {
    color: var(--dnn-color-surface-dark-b, 204);
}
.aperture-text-surface-contrast {
    color: var(--dnn-color-surface-contrast, #000);
}
.aperture-text-surface-contrast-r {
    color: var(--dnn-color-surface-contrast-r, 0);
}
.aperture-text-surface-contrast-g {
    color: var(--dnn-color-surface-contrast-g, 0);
}
.aperture-text-surface-contrast-b {
    color: var(--dnn-color-surface-contrast-b, 0);
}
.aperture-text-info {
    color: var(--dnn-color-info, #17a2b8);
}
.aperture-text-info-r {
    color: var(--dnn-color-info-r, 23);
}
.aperture-text-info-g {
    color: var(--dnn-color-info-g, 162);
}
.aperture-text-info-b {
    color: var(--dnn-color-info-b, 184);
}
.aperture-text-info-light {
    color: var(--dnn-color-info-light, #23b8cf);
}
.aperture-text-info-light-r {
    color: var(--dnn-color-info-light-r, 35);
}
.aperture-text-info-light-g {
    color: var(--dnn-color-info-light-g, 184);
}
.aperture-text-info-light-b {
    color: var(--dnn-color-info-light-b, 207);
}
.aperture-text-info-dark {
    color: var(--dnn-color-info-dark, #00889e);
}
.aperture-text-info-dark-r {
    color: var(--dnn-color-info-dark-r, 0);
}
.aperture-text-info-dark-g {
    color: var(--dnn-color-info-dark-g, 136);
}
.aperture-text-info-dark-b {
    color: var(--dnn-color-info-dark-b, 158);
}
.aperture-text-info-contrast {
    color: var(--dnn-color-info-contrast, #fff);
}
.aperture-text-info-contrast-r {
    color: var(--dnn-color-info-contrast-r, 255);
}
.aperture-text-info-contrast-g {
    color: var(--dnn-color-info-contrast-g, 255);
}
.aperture-text-info-contrast-b {
    color: var(--dnn-color-info-contrast-b, 255);
}
.aperture-text-success {
    color: var(--dnn-color-success, #28a745);
}
.aperture-text-success-r {
    color: var(--dnn-color-success-r, 40);
}
.aperture-text-success-g {
    color: var(--dnn-color-success-g, 167);
}
.aperture-text-success-b {
    color: var(--dnn-color-success-b, 69);
}
.aperture-text-success-light {
    color: var(--dnn-color-success-light, #49c25d);
}
.aperture-text-success-light-r {
    color: var(--dnn-color-success-light-r, 73);
}
.aperture-text-success-light-g {
    color: var(--dnn-color-success-light-g, 194);
}
.aperture-text-success-light-b {
    color: var(--dnn-color-success-light-b, 93);
}
.aperture-text-success-dark {
    color: var(--dnn-color-success-dark, #00902f);
}
.aperture-text-success-dark-r {
    color: var(--dnn-color-success-dark-r, 0);
}
.aperture-text-success-dark-g {
    color: var(--dnn-color-success-dark-g, 144);
}
.aperture-text-success-dark-b {
    color: var(--dnn-color-success-dark-b, 47);
}
.aperture-text-success-contrast {
    color: var(--dnn-color-success-contrast, #fff);
}
.aperture-text-success-contrast-r {
    color: var(--dnn-color-success-contrast-r, 255);
}
.aperture-text-success-contrast-g {
    color: var(--dnn-color-success-contrast-g, 255);
}
.aperture-text-success-contrast-b {
    color: var(--dnn-color-success-contrast-b, 255);
}
.aperture-text-warning {
    color: var(--dnn-color-warning, #ffc107);
}
.aperture-text-warning-r {
    color: var(--dnn-color-warning-r, 255);
}
.aperture-text-warning-g {
    color: var(--dnn-color-warning-g, 193);
}
.aperture-text-warning-b {
    color: var(--dnn-color-warning-b, 7);
}
.aperture-text-warning-light {
    color: var(--dnn-color-warning-light, #ffd42e);
}
.aperture-text-warning-light-r {
    color: var(--dnn-color-warning-light-r, 255);
}
.aperture-text-warning-light-g {
    color: var(--dnn-color-warning-light-g, 212);
}
.aperture-text-warning-light-b {
    color: var(--dnn-color-warning-light-b, 46);
}
.aperture-text-warning-dark {
    color: var(--dnn-color-warning-dark, #e9ad00);
}
.aperture-text-warning-dark-r {
    color: var(--dnn-color-warning-dark-r, 233);
}
.aperture-text-warning-dark-g {
    color: var(--dnn-color-warning-dark-g, 173);
}
.aperture-text-warning-dark-b {
    color: var(--dnn-color-warning-dark-b, 0);
}
.aperture-text-warning-contrast {
    color: var(--dnn-color-warning-contrast, #fff);
}
.aperture-text-warning-contrast-r {
    color: var(--dnn-color-warning-contrast-r, 255);
}
.aperture-text-warning-contrast-g {
    color: var(--dnn-color-warning-contrast-g, 255);
}
.aperture-text-warning-contrast-b {
    color: var(--dnn-color-warning-contrast-b, 255);
}
.aperture-text-danger {
    color: var(--dnn-color-danger, #dc3545);
}
.aperture-text-danger-r {
    color: var(--dnn-color-danger-r, 220);
}
.aperture-text-danger-g {
    color: var(--dnn-color-danger-g, 53);
}
.aperture-text-danger-b {
    color: var(--dnn-color-danger-b, 69);
}
.aperture-text-danger-light {
    color: var(--dnn-color-danger-light, #f14954);
}
.aperture-text-danger-light-r {
    color: var(--dnn-color-danger-light-r, 241);
}
.aperture-text-danger-light-g {
    color: var(--dnn-color-danger-light-g, 73);
}
.aperture-text-danger-light-b {
    color: var(--dnn-color-danger-light-b, 84);
}
.aperture-text-danger-dark {
    color: var(--dnn-color-danger-dark, #c51535);
}
.aperture-text-danger-dark-r {
    color: var(--dnn-color-danger-dark-r, 197);
}
.aperture-text-danger-dark-g {
    color: var(--dnn-color-danger-dark-g, 21);
}
.aperture-text-danger-dark-b {
    color: var(--dnn-color-danger-dark-b, 53);
}
.aperture-text-danger-contrast {
    color: var(--dnn-color-danger-contrast, #fff);
}
.aperture-text-danger-contrast-r {
    color: var(--dnn-color-danger-contrast-r, 255);
}
.aperture-text-danger-contrast-g {
    color: var(--dnn-color-danger-contrast-g, 255);
}
.aperture-text-danger-contrast-b {
    color: var(--dnn-color-danger-contrast-b, 255);
}
.aperture-text-variation-opacity {
    color: var(--dnn-color-variation-opacity, 0.8);
}
.aperture-visible {
    visibility: visible;
}
.aperture-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: Ubuntu, Helvetica, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
}
h1,
h2 {
    font-size: 2.67rem;
}
h1,
h2,
h3 {
    line-height: 1.15;
    margin-bottom: 1rem;
}
h3 {
    font-size: 2.33rem;
}
h4,
h5 {
    font-size: 2rem;
}
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.5;
}
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;
}
.aperture-theme {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
.aperture-theme .aperture-header {
    position: sticky;
    top: 0;
    z-index: 1000;
}
.aperture-theme .aperture-header .eyebrow-bar {
    background-color: var(--dnn-color-tertiary, #0e2936);
    margin: 0;
    padding: 0.5rem 0;
}
.aperture-theme .aperture-header .eyebrow-bar .aperture-container {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
}
.aperture-theme .aperture-header .logo-menu-bar {
    background-color: var(--dnn-color-tertiary-light, #3c7a9a);
    margin: 0;
    padding: 0.5rem 0;
}
.aperture-theme .aperture-header .logo-menu-bar .aperture-container {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}
@media (max-width: 767px) {
    .aperture-theme .aperture-header .logo-menu-bar .aperture-container #nav-desktop.desktop-menu {
        display: none;
    }
}
@media (min-width: 768px) {
    .aperture-theme .aperture-header .logo-menu-bar .aperture-container .mobile-menu {
        display: none;
    }
}
.aperture-theme .aperture-footer {
    background-color: var(--dnn-color-tertiary, #0e2936);
    color: var(--dnn-color-foreground-contrast, #fff);
    margin: 0;
    padding: 2rem 0;
}
.aperture-theme .aperture-footer .aperture-container {
    display: flex;
    gap: 2rem;
}
.aperture-theme .aperture-footer .aperture-container .footer-left {
    display: flex;
    flex-direction: column;
}
.aperture-theme .aperture-footer .aperture-container .footer-left .footer-menu {
    margin-bottom: auto;
}
@media (max-width: 767px) {
    .aperture-theme .aperture-footer .aperture-container .footer-left .footer-menu #nav-footer {
        flex-direction: column;
        gap: 1rem;
    }
}
.aperture-theme .aperture-footer .aperture-container .footer-left .footer-terms-privacy {
    font-size: small;
    margin-bottom: 0.5rem;
    margin-top: 2rem;
}
.aperture-theme .aperture-footer .aperture-container .footer-left .footer-terms-privacy .aperture-terms:after {
    content: " | ";
    opacity: 0.25;
}
.aperture-theme .aperture-footer .aperture-container .footer-left .footer-terms-privacy a {
    font-weight: 200;
}
.aperture-theme .aperture-footer .aperture-container .footer-left .footer-copyright {
    font-size: small;
}
.aperture-theme .aperture-footer .aperture-container .footer-right {
    width: 100%;
}
@media (max-width: 767px) {
    .aperture-theme .aperture-footer .aperture-container {
        flex-direction: column-reverse;
    }
}
.aperture-theme .aperture-container {
    display: flex;
    margin: 0 auto;
    max-width: 1280px;
    padding: 0 2rem;
    width: 100%;
}
.aperture-theme .aperture-main {
    flex-grow: 1;
}
/*# sourceMappingURL=skin.min.css.map */