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

@font-face {
    font-display: swap;
    font-family: Cinzel;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/Cinzel.woff2) format("woff2"), url(../fonts/Cinzel.woff) format("woff");
}

@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: rgba(0, 0, 0, .6)
}

.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, .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: .25rem
}

@media (min-width:0px) {
    .aperture-border-radius-xs-1 {
        border-radius: .25rem !important
    }
}

@media (min-width:576px) {
    .aperture-border-radius-sm-1 {
        border-radius: .25rem !important
    }
}

@media (min-width:768px) {
    .aperture-border-radius-md-1 {
        border-radius: .25rem !important
    }
}

@media (min-width:992px) {
    .aperture-border-radius-lg-1 {
        border-radius: .25rem !important
    }
}

@media (min-width:1200px) {
    .aperture-border-radius-xl-1 {
        border-radius: .25rem !important
    }
}

.aperture-border-radius-2 {
    border-radius: .5rem
}

@media (min-width:0px) {
    .aperture-border-radius-xs-2 {
        border-radius: .5rem !important
    }
}

@media (min-width:576px) {
    .aperture-border-radius-sm-2 {
        border-radius: .5rem !important
    }
}

@media (min-width:768px) {
    .aperture-border-radius-md-2 {
        border-radius: .5rem !important
    }
}

@media (min-width:992px) {
    .aperture-border-radius-lg-2 {
        border-radius: .5rem !important
    }
}

@media (min-width:1200px) {
    .aperture-border-radius-xl-2 {
        border-radius: .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, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-primary-r), var(--dnn-color-primary-g), var(--dnn-color-primary-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-primary-r), var(--dnn-color-primary-g), var(--dnn-color-primary-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-primary-r-r), var(--dnn-color-primary-r-g), var(--dnn-color-primary-r-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-primary-r-r), var(--dnn-color-primary-r-g), var(--dnn-color-primary-r-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-primary-g-r), var(--dnn-color-primary-g-g), var(--dnn-color-primary-g-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-primary-g-r), var(--dnn-color-primary-g-g), var(--dnn-color-primary-g-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-primary-b-r), var(--dnn-color-primary-b-g), var(--dnn-color-primary-b-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-primary-b-r), var(--dnn-color-primary-b-g), var(--dnn-color-primary-b-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-primary-light-r), var(--dnn-color-primary-light-g), var(--dnn-color-primary-light-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-primary-light-r), var(--dnn-color-primary-light-g), var(--dnn-color-primary-light-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-primary-dark-r), var(--dnn-color-primary-dark-g), var(--dnn-color-primary-dark-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-primary-dark-r), var(--dnn-color-primary-dark-g), var(--dnn-color-primary-dark-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-primary-contrast-r), var(--dnn-color-primary-contrast-g), var(--dnn-color-primary-contrast-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-primary-contrast-r), var(--dnn-color-primary-contrast-g), var(--dnn-color-primary-contrast-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-secondary-r), var(--dnn-color-secondary-g), var(--dnn-color-secondary-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-secondary-r), var(--dnn-color-secondary-g), var(--dnn-color-secondary-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-secondary-r-r), var(--dnn-color-secondary-r-g), var(--dnn-color-secondary-r-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-secondary-r-r), var(--dnn-color-secondary-r-g), var(--dnn-color-secondary-r-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-secondary-g-r), var(--dnn-color-secondary-g-g), var(--dnn-color-secondary-g-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-secondary-g-r), var(--dnn-color-secondary-g-g), var(--dnn-color-secondary-g-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-secondary-b-r), var(--dnn-color-secondary-b-g), var(--dnn-color-secondary-b-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-secondary-b-r), var(--dnn-color-secondary-b-g), var(--dnn-color-secondary-b-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-secondary-light-r), var(--dnn-color-secondary-light-g), var(--dnn-color-secondary-light-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-secondary-light-r), var(--dnn-color-secondary-light-g), var(--dnn-color-secondary-light-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-secondary-dark-r), var(--dnn-color-secondary-dark-g), var(--dnn-color-secondary-dark-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-secondary-dark-r), var(--dnn-color-secondary-dark-g), var(--dnn-color-secondary-dark-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-secondary-contrast-r), var(--dnn-color-secondary-contrast-g), var(--dnn-color-secondary-contrast-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-secondary-contrast-r), var(--dnn-color-secondary-contrast-g), var(--dnn-color-secondary-contrast-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-tertiary-r), var(--dnn-color-tertiary-g), var(--dnn-color-tertiary-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-tertiary-r), var(--dnn-color-tertiary-g), var(--dnn-color-tertiary-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-tertiary-r-r), var(--dnn-color-tertiary-r-g), var(--dnn-color-tertiary-r-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-tertiary-r-r), var(--dnn-color-tertiary-r-g), var(--dnn-color-tertiary-r-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-tertiary-g-r), var(--dnn-color-tertiary-g-g), var(--dnn-color-tertiary-g-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-tertiary-g-r), var(--dnn-color-tertiary-g-g), var(--dnn-color-tertiary-g-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-tertiary-b-r), var(--dnn-color-tertiary-b-g), var(--dnn-color-tertiary-b-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-tertiary-b-r), var(--dnn-color-tertiary-b-g), var(--dnn-color-tertiary-b-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-tertiary-light-r), var(--dnn-color-tertiary-light-g), var(--dnn-color-tertiary-light-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-tertiary-light-r), var(--dnn-color-tertiary-light-g), var(--dnn-color-tertiary-light-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-tertiary-dark-r), var(--dnn-color-tertiary-dark-g), var(--dnn-color-tertiary-dark-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-tertiary-dark-r), var(--dnn-color-tertiary-dark-g), var(--dnn-color-tertiary-dark-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-tertiary-contrast-r), var(--dnn-color-tertiary-contrast-g), var(--dnn-color-tertiary-contrast-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-tertiary-contrast-r), var(--dnn-color-tertiary-contrast-g), var(--dnn-color-tertiary-contrast-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-neutral-r), var(--dnn-color-neutral-g), var(--dnn-color-neutral-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-neutral-r), var(--dnn-color-neutral-g), var(--dnn-color-neutral-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-neutral-r-r), var(--dnn-color-neutral-r-g), var(--dnn-color-neutral-r-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-neutral-r-r), var(--dnn-color-neutral-r-g), var(--dnn-color-neutral-r-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-neutral-g-r), var(--dnn-color-neutral-g-g), var(--dnn-color-neutral-g-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-neutral-g-r), var(--dnn-color-neutral-g-g), var(--dnn-color-neutral-g-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-neutral-b-r), var(--dnn-color-neutral-b-g), var(--dnn-color-neutral-b-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-neutral-b-r), var(--dnn-color-neutral-b-g), var(--dnn-color-neutral-b-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-neutral-light-r), var(--dnn-color-neutral-light-g), var(--dnn-color-neutral-light-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-neutral-light-r), var(--dnn-color-neutral-light-g), var(--dnn-color-neutral-light-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-neutral-dark-r), var(--dnn-color-neutral-dark-g), var(--dnn-color-neutral-dark-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-neutral-dark-r), var(--dnn-color-neutral-dark-g), var(--dnn-color-neutral-dark-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-neutral-contrast-r), var(--dnn-color-neutral-contrast-g), var(--dnn-color-neutral-contrast-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-neutral-contrast-r), var(--dnn-color-neutral-contrast-g), var(--dnn-color-neutral-contrast-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-background-r), var(--dnn-color-background-g), var(--dnn-color-background-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-background-r), var(--dnn-color-background-g), var(--dnn-color-background-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-background-r-r), var(--dnn-color-background-r-g), var(--dnn-color-background-r-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-background-r-r), var(--dnn-color-background-r-g), var(--dnn-color-background-r-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-background-g-r), var(--dnn-color-background-g-g), var(--dnn-color-background-g-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-background-g-r), var(--dnn-color-background-g-g), var(--dnn-color-background-g-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-background-b-r), var(--dnn-color-background-b-g), var(--dnn-color-background-b-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-background-b-r), var(--dnn-color-background-b-g), var(--dnn-color-background-b-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-background-light-r), var(--dnn-color-background-light-g), var(--dnn-color-background-light-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-background-light-r), var(--dnn-color-background-light-g), var(--dnn-color-background-light-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-background-dark-r), var(--dnn-color-background-dark-g), var(--dnn-color-background-dark-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-background-dark-r), var(--dnn-color-background-dark-g), var(--dnn-color-background-dark-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-background-contrast-r), var(--dnn-color-background-contrast-g), var(--dnn-color-background-contrast-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-background-contrast-r), var(--dnn-color-background-contrast-g), var(--dnn-color-background-contrast-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-foreground-r), var(--dnn-color-foreground-g), var(--dnn-color-foreground-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-foreground-r), var(--dnn-color-foreground-g), var(--dnn-color-foreground-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-foreground-r-r), var(--dnn-color-foreground-r-g), var(--dnn-color-foreground-r-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-foreground-r-r), var(--dnn-color-foreground-r-g), var(--dnn-color-foreground-r-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-foreground-g-r), var(--dnn-color-foreground-g-g), var(--dnn-color-foreground-g-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-foreground-g-r), var(--dnn-color-foreground-g-g), var(--dnn-color-foreground-g-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-foreground-b-r), var(--dnn-color-foreground-b-g), var(--dnn-color-foreground-b-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-foreground-b-r), var(--dnn-color-foreground-b-g), var(--dnn-color-foreground-b-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-foreground-light-r), var(--dnn-color-foreground-light-g), var(--dnn-color-foreground-light-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-foreground-light-r), var(--dnn-color-foreground-light-g), var(--dnn-color-foreground-light-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-foreground-dark-r), var(--dnn-color-foreground-dark-g), var(--dnn-color-foreground-dark-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-foreground-dark-r), var(--dnn-color-foreground-dark-g), var(--dnn-color-foreground-dark-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-foreground-contrast-r), var(--dnn-color-foreground-contrast-g), var(--dnn-color-foreground-contrast-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-foreground-contrast-r), var(--dnn-color-foreground-contrast-g), var(--dnn-color-foreground-contrast-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-surface-r), var(--dnn-color-surface-g), var(--dnn-color-surface-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-surface-r), var(--dnn-color-surface-g), var(--dnn-color-surface-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-surface-r-r), var(--dnn-color-surface-r-g), var(--dnn-color-surface-r-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-surface-r-r), var(--dnn-color-surface-r-g), var(--dnn-color-surface-r-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-surface-g-r), var(--dnn-color-surface-g-g), var(--dnn-color-surface-g-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-surface-g-r), var(--dnn-color-surface-g-g), var(--dnn-color-surface-g-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-surface-b-r), var(--dnn-color-surface-b-g), var(--dnn-color-surface-b-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-surface-b-r), var(--dnn-color-surface-b-g), var(--dnn-color-surface-b-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-surface-light-r), var(--dnn-color-surface-light-g), var(--dnn-color-surface-light-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-surface-light-r), var(--dnn-color-surface-light-g), var(--dnn-color-surface-light-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-surface-dark-r), var(--dnn-color-surface-dark-g), var(--dnn-color-surface-dark-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-surface-dark-r), var(--dnn-color-surface-dark-g), var(--dnn-color-surface-dark-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-surface-contrast-r), var(--dnn-color-surface-contrast-g), var(--dnn-color-surface-contrast-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-surface-contrast-r), var(--dnn-color-surface-contrast-g), var(--dnn-color-surface-contrast-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-info-r), var(--dnn-color-info-g), var(--dnn-color-info-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-info-r), var(--dnn-color-info-g), var(--dnn-color-info-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-info-r-r), var(--dnn-color-info-r-g), var(--dnn-color-info-r-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-info-r-r), var(--dnn-color-info-r-g), var(--dnn-color-info-r-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-info-g-r), var(--dnn-color-info-g-g), var(--dnn-color-info-g-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-info-g-r), var(--dnn-color-info-g-g), var(--dnn-color-info-g-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-info-b-r), var(--dnn-color-info-b-g), var(--dnn-color-info-b-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-info-b-r), var(--dnn-color-info-b-g), var(--dnn-color-info-b-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-info-light-r), var(--dnn-color-info-light-g), var(--dnn-color-info-light-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-info-light-r), var(--dnn-color-info-light-g), var(--dnn-color-info-light-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-info-dark-r), var(--dnn-color-info-dark-g), var(--dnn-color-info-dark-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-info-dark-r), var(--dnn-color-info-dark-g), var(--dnn-color-info-dark-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-info-contrast-r), var(--dnn-color-info-contrast-g), var(--dnn-color-info-contrast-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-info-contrast-r), var(--dnn-color-info-contrast-g), var(--dnn-color-info-contrast-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-success-r), var(--dnn-color-success-g), var(--dnn-color-success-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-success-r), var(--dnn-color-success-g), var(--dnn-color-success-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-success-r-r), var(--dnn-color-success-r-g), var(--dnn-color-success-r-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-success-r-r), var(--dnn-color-success-r-g), var(--dnn-color-success-r-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-success-g-r), var(--dnn-color-success-g-g), var(--dnn-color-success-g-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-success-g-r), var(--dnn-color-success-g-g), var(--dnn-color-success-g-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-success-b-r), var(--dnn-color-success-b-g), var(--dnn-color-success-b-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-success-b-r), var(--dnn-color-success-b-g), var(--dnn-color-success-b-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-success-light-r), var(--dnn-color-success-light-g), var(--dnn-color-success-light-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-success-light-r), var(--dnn-color-success-light-g), var(--dnn-color-success-light-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-success-dark-r), var(--dnn-color-success-dark-g), var(--dnn-color-success-dark-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-success-dark-r), var(--dnn-color-success-dark-g), var(--dnn-color-success-dark-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-success-contrast-r), var(--dnn-color-success-contrast-g), var(--dnn-color-success-contrast-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-success-contrast-r), var(--dnn-color-success-contrast-g), var(--dnn-color-success-contrast-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-warning-r), var(--dnn-color-warning-g), var(--dnn-color-warning-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-warning-r), var(--dnn-color-warning-g), var(--dnn-color-warning-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-warning-r-r), var(--dnn-color-warning-r-g), var(--dnn-color-warning-r-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-warning-r-r), var(--dnn-color-warning-r-g), var(--dnn-color-warning-r-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-warning-g-r), var(--dnn-color-warning-g-g), var(--dnn-color-warning-g-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-warning-g-r), var(--dnn-color-warning-g-g), var(--dnn-color-warning-g-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-warning-b-r), var(--dnn-color-warning-b-g), var(--dnn-color-warning-b-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-warning-b-r), var(--dnn-color-warning-b-g), var(--dnn-color-warning-b-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-warning-light-r), var(--dnn-color-warning-light-g), var(--dnn-color-warning-light-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-warning-light-r), var(--dnn-color-warning-light-g), var(--dnn-color-warning-light-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-warning-dark-r), var(--dnn-color-warning-dark-g), var(--dnn-color-warning-dark-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-warning-dark-r), var(--dnn-color-warning-dark-g), var(--dnn-color-warning-dark-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-warning-contrast-r), var(--dnn-color-warning-contrast-g), var(--dnn-color-warning-contrast-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-warning-contrast-r), var(--dnn-color-warning-contrast-g), var(--dnn-color-warning-contrast-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-danger-r), var(--dnn-color-danger-g), var(--dnn-color-danger-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-danger-r), var(--dnn-color-danger-g), var(--dnn-color-danger-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-danger-r-r), var(--dnn-color-danger-r-g), var(--dnn-color-danger-r-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-danger-r-r), var(--dnn-color-danger-r-g), var(--dnn-color-danger-r-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-danger-g-r), var(--dnn-color-danger-g-g), var(--dnn-color-danger-g-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-danger-g-r), var(--dnn-color-danger-g-g), var(--dnn-color-danger-g-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-danger-b-r), var(--dnn-color-danger-b-g), var(--dnn-color-danger-b-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-danger-b-r), var(--dnn-color-danger-b-g), var(--dnn-color-danger-b-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-danger-light-r), var(--dnn-color-danger-light-g), var(--dnn-color-danger-light-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-danger-light-r), var(--dnn-color-danger-light-g), var(--dnn-color-danger-light-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-danger-dark-r), var(--dnn-color-danger-dark-g), var(--dnn-color-danger-dark-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-danger-dark-r), var(--dnn-color-danger-dark-g), var(--dnn-color-danger-dark-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-danger-contrast-r), var(--dnn-color-danger-contrast-g), var(--dnn-color-danger-contrast-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-danger-contrast-r), var(--dnn-color-danger-contrast-g), var(--dnn-color-danger-contrast-b), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .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), .9);
    color: "danger-contrast-b"
}

.aperture-btn-variation-opacity,
a.aperture-btn-variation-opacity {
    background-color: var(--dnn-color-variation-opacity, .8);
    border-color: var(--dnn-color-variation-opacity, .8);
    border-radius: var(--dnn-controls-radius, 0);
    display: inline-block;
    font-weight: 700;
    padding: calc(var(--dnn-controls-padding, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .8);
    border-color: rgba(var(--dnn-color-variation-opacity-r), var(--dnn-color-variation-opacity-g), var(--dnn-color-variation-opacity-b), .8)
}

.aperture-btn-outline-variation-opacity,
a.aperture-btn-outline-variation-opacity {
    background-color: transparent;
    border-color: var(--dnn-color-variation-opacity, .8);
    border-radius: var(--dnn-controls-radius, 0);
    color: var(--dnn-color-variation-opacity, .8);
    display: inline-block;
    font-weight: 700;
    padding: calc(var(--dnn-controls-padding, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .8);
    border-color: var(--dnn-color-variation-opacity, .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, .5rem)*1.25) calc(var(--dnn-controls-padding, .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, .8);
    color: var(--dnn-color-variation-opacity, .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, .8);
    display: inline-block;
    font-weight: 700;
    padding: calc(var(--dnn-controls-padding, .5rem)*1.25) calc(var(--dnn-controls-padding, .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), .9);
    border-color: rgba(var(--dnn-color-variation-opacity-r), var(--dnn-color-variation-opacity-g), var(--dnn-color-variation-opacity-b), .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: .25rem
}

@media (min-width:0px) {
    .aperture-gap-xs-1 {
        gap: .25rem !important
    }
}

@media (min-width:576px) {
    .aperture-gap-sm-1 {
        gap: .25rem !important
    }
}

@media (min-width:768px) {
    .aperture-gap-md-1 {
        gap: .25rem !important
    }
}

@media (min-width:992px) {
    .aperture-gap-lg-1 {
        gap: .25rem !important
    }
}

@media (min-width:1200px) {
    .aperture-gap-xl-1 {
        gap: .25rem !important
    }
}

.aperture-gap-2 {
    gap: .5rem
}

@media (min-width:0px) {
    .aperture-gap-xs-2 {
        gap: .5rem !important
    }
}

@media (min-width:576px) {
    .aperture-gap-sm-2 {
        gap: .5rem !important
    }
}

@media (min-width:768px) {
    .aperture-gap-md-2 {
        gap: .5rem !important
    }
}

@media (min-width:992px) {
    .aperture-gap-lg-2 {
        gap: .5rem !important
    }
}

@media (min-width:1200px) {
    .aperture-gap-xl-2 {
        gap: .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: .25rem
}

@media (min-width:0px) {
    .aperture-row-gap-xs-1 {
        row-gap: .25rem !important
    }
}

@media (min-width:576px) {
    .aperture-row-gap-sm-1 {
        row-gap: .25rem !important
    }
}

@media (min-width:768px) {
    .aperture-row-gap-md-1 {
        row-gap: .25rem !important
    }
}

@media (min-width:992px) {
    .aperture-row-gap-lg-1 {
        row-gap: .25rem !important
    }
}

@media (min-width:1200px) {
    .aperture-row-gap-xl-1 {
        row-gap: .25rem !important
    }
}

.aperture-row-gap-2 {
    row-gap: .5rem
}

@media (min-width:0px) {
    .aperture-row-gap-xs-2 {
        row-gap: .5rem !important
    }
}

@media (min-width:576px) {
    .aperture-row-gap-sm-2 {
        row-gap: .5rem !important
    }
}

@media (min-width:768px) {
    .aperture-row-gap-md-2 {
        row-gap: .5rem !important
    }
}

@media (min-width:992px) {
    .aperture-row-gap-lg-2 {
        row-gap: .5rem !important
    }
}

@media (min-width:1200px) {
    .aperture-row-gap-xl-2 {
        row-gap: .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: .25rem;
    column-gap: .25rem
}

@media (min-width:0px) {
    .aperture-column-gap-xs-1 {
        -moz-column-gap: .25rem !important;
        column-gap: .25rem !important
    }
}

@media (min-width:576px) {
    .aperture-column-gap-sm-1 {
        -moz-column-gap: .25rem !important;
        column-gap: .25rem !important
    }
}

@media (min-width:768px) {
    .aperture-column-gap-md-1 {
        -moz-column-gap: .25rem !important;
        column-gap: .25rem !important
    }
}

@media (min-width:992px) {
    .aperture-column-gap-lg-1 {
        -moz-column-gap: .25rem !important;
        column-gap: .25rem !important
    }
}

@media (min-width:1200px) {
    .aperture-column-gap-xl-1 {
        -moz-column-gap: .25rem !important;
        column-gap: .25rem !important
    }
}

.aperture-column-gap-2 {
    -moz-column-gap: .5rem;
    column-gap: .5rem
}

@media (min-width:0px) {
    .aperture-column-gap-xs-2 {
        -moz-column-gap: .5rem !important;
        column-gap: .5rem !important
    }
}

@media (min-width:576px) {
    .aperture-column-gap-sm-2 {
        -moz-column-gap: .5rem !important;
        column-gap: .5rem !important
    }
}

@media (min-width:768px) {
    .aperture-column-gap-md-2 {
        -moz-column-gap: .5rem !important;
        column-gap: .5rem !important
    }
}

@media (min-width:992px) {
    .aperture-column-gap-lg-2 {
        -moz-column-gap: .5rem !important;
        column-gap: .5rem !important
    }
}

@media (min-width:1200px) {
    .aperture-column-gap-xl-2 {
        -moz-column-gap: .5rem !important;
        column-gap: .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: .25rem
}

@media (min-width:0px) {
    .aperture-m-xs-1 {
        margin: .25rem !important
    }
}

@media (min-width:576px) {
    .aperture-m-sm-1 {
        margin: .25rem !important
    }
}

@media (min-width:768px) {
    .aperture-m-md-1 {
        margin: .25rem !important
    }
}

@media (min-width:992px) {
    .aperture-m-lg-1 {
        margin: .25rem !important
    }
}

@media (min-width:1200px) {
    .aperture-m-xl-1 {
        margin: .25rem !important
    }
}

.aperture-m-2 {
    margin: .5rem
}

@media (min-width:0px) {
    .aperture-m-xs-2 {
        margin: .5rem !important
    }
}

@media (min-width:576px) {
    .aperture-m-sm-2 {
        margin: .5rem !important
    }
}

@media (min-width:768px) {
    .aperture-m-md-2 {
        margin: .5rem !important
    }
}

@media (min-width:992px) {
    .aperture-m-lg-2 {
        margin: .5rem !important
    }
}

@media (min-width:1200px) {
    .aperture-m-xl-2 {
        margin: .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: .25rem;
    margin-right: .25rem
}

@media (min-width:0px) {
    .aperture-mx-xs-1 {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }
}

@media (min-width:576px) {
    .aperture-mx-sm-1 {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }
}

@media (min-width:768px) {
    .aperture-mx-md-1 {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }
}

@media (min-width:992px) {
    .aperture-mx-lg-1 {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }
}

@media (min-width:1200px) {
    .aperture-mx-xl-1 {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }
}

.aperture-mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

@media (min-width:0px) {
    .aperture-mx-xs-2 {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }
}

@media (min-width:576px) {
    .aperture-mx-sm-2 {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }
}

@media (min-width:768px) {
    .aperture-mx-md-2 {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }
}

@media (min-width:992px) {
    .aperture-mx-lg-2 {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }
}

@media (min-width:1200px) {
    .aperture-mx-xl-2 {
        margin-left: .5rem !important;
        margin-right: .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: .25rem;
    margin-top: .25rem
}

@media (min-width:0px) {
    .aperture-my-xs-1 {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }
}

@media (min-width:576px) {
    .aperture-my-sm-1 {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }
}

@media (min-width:768px) {
    .aperture-my-md-1 {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }
}

@media (min-width:992px) {
    .aperture-my-lg-1 {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }
}

@media (min-width:1200px) {
    .aperture-my-xl-1 {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }
}

.aperture-my-2 {
    margin-bottom: .5rem;
    margin-top: .5rem
}

@media (min-width:0px) {
    .aperture-my-xs-2 {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
    }
}

@media (min-width:576px) {
    .aperture-my-sm-2 {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
    }
}

@media (min-width:768px) {
    .aperture-my-md-2 {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
    }
}

@media (min-width:992px) {
    .aperture-my-lg-2 {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
    }
}

@media (min-width:1200px) {
    .aperture-my-xl-2 {
        margin-bottom: .5rem !important;
        margin-top: .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: .25rem
}

@media (min-width:0px) {
    .aperture-mt-xs-1 {
        margin-top: .25rem !important
    }
}

@media (min-width:576px) {
    .aperture-mt-sm-1 {
        margin-top: .25rem !important
    }
}

@media (min-width:768px) {
    .aperture-mt-md-1 {
        margin-top: .25rem !important
    }
}

@media (min-width:992px) {
    .aperture-mt-lg-1 {
        margin-top: .25rem !important
    }
}

@media (min-width:1200px) {
    .aperture-mt-xl-1 {
        margin-top: .25rem !important
    }
}

.aperture-mt-2 {
    margin-top: .5rem
}

@media (min-width:0px) {
    .aperture-mt-xs-2 {
        margin-top: .5rem !important
    }
}

@media (min-width:576px) {
    .aperture-mt-sm-2 {
        margin-top: .5rem !important
    }
}

@media (min-width:768px) {
    .aperture-mt-md-2 {
        margin-top: .5rem !important
    }
}

@media (min-width:992px) {
    .aperture-mt-lg-2 {
        margin-top: .5rem !important
    }
}

@media (min-width:1200px) {
    .aperture-mt-xl-2 {
        margin-top: .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: .25rem
}

@media (min-width:0px) {
    .aperture-mb-xs-1 {
        margin-bottom: .25rem !important
    }
}

@media (min-width:576px) {
    .aperture-mb-sm-1 {
        margin-bottom: .25rem !important
    }
}

@media (min-width:768px) {
    .aperture-mb-md-1 {
        margin-bottom: .25rem !important
    }
}

@media (min-width:992px) {
    .aperture-mb-lg-1 {
        margin-bottom: .25rem !important
    }
}

@media (min-width:1200px) {
    .aperture-mb-xl-1 {
        margin-bottom: .25rem !important
    }
}

.aperture-mb-2 {
    margin-bottom: .5rem
}

@media (min-width:0px) {
    .aperture-mb-xs-2 {
        margin-bottom: .5rem !important
    }
}

@media (min-width:576px) {
    .aperture-mb-sm-2 {
        margin-bottom: .5rem !important
    }
}

@media (min-width:768px) {
    .aperture-mb-md-2 {
        margin-bottom: .5rem !important
    }
}

@media (min-width:992px) {
    .aperture-mb-lg-2 {
        margin-bottom: .5rem !important
    }
}

@media (min-width:1200px) {
    .aperture-mb-xl-2 {
        margin-bottom: .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: .25rem
}

@media (min-width:0px) {
    .aperture-ms-xs-1 {
        margin-left: .25rem !important
    }
}

@media (min-width:576px) {
    .aperture-ms-sm-1 {
        margin-left: .25rem !important
    }
}

@media (min-width:768px) {
    .aperture-ms-md-1 {
        margin-left: .25rem !important
    }
}

@media (min-width:992px) {
    .aperture-ms-lg-1 {
        margin-left: .25rem !important
    }
}

@media (min-width:1200px) {
    .aperture-ms-xl-1 {
        margin-left: .25rem !important
    }
}

.aperture-ms-2 {
    margin-left: .5rem
}

@media (min-width:0px) {
    .aperture-ms-xs-2 {
        margin-left: .5rem !important
    }
}

@media (min-width:576px) {
    .aperture-ms-sm-2 {
        margin-left: .5rem !important
    }
}

@media (min-width:768px) {
    .aperture-ms-md-2 {
        margin-left: .5rem !important
    }
}

@media (min-width:992px) {
    .aperture-ms-lg-2 {
        margin-left: .5rem !important
    }
}

@media (min-width:1200px) {
    .aperture-ms-xl-2 {
        margin-left: .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: .25rem
}

@media (min-width:0px) {
    .aperture-me-xs-1 {
        margin-right: .25rem !important
    }
}

@media (min-width:576px) {
    .aperture-me-sm-1 {
        margin-right: .25rem !important
    }
}

@media (min-width:768px) {
    .aperture-me-md-1 {
        margin-right: .25rem !important
    }
}

@media (min-width:992px) {
    .aperture-me-lg-1 {
        margin-right: .25rem !important
    }
}

@media (min-width:1200px) {
    .aperture-me-xl-1 {
        margin-right: .25rem !important
    }
}

.aperture-me-2 {
    margin-right: .5rem
}

@media (min-width:0px) {
    .aperture-me-xs-2 {
        margin-right: .5rem !important
    }
}

@media (min-width:576px) {
    .aperture-me-sm-2 {
        margin-right: .5rem !important
    }
}

@media (min-width:768px) {
    .aperture-me-md-2 {
        margin-right: .5rem !important
    }
}

@media (min-width:992px) {
    .aperture-me-lg-2 {
        margin-right: .5rem !important
    }
}

@media (min-width:1200px) {
    .aperture-me-xl-2 {
        margin-right: .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: .25rem
}

@media (min-width:0px) {
    .aperture-p-xs-1 {
        padding: .25rem !important
    }
}

@media (min-width:576px) {
    .aperture-p-sm-1 {
        padding: .25rem !important
    }
}

@media (min-width:768px) {
    .aperture-p-md-1 {
        padding: .25rem !important
    }
}

@media (min-width:992px) {
    .aperture-p-lg-1 {
        padding: .25rem !important
    }
}

@media (min-width:1200px) {
    .aperture-p-xl-1 {
        padding: .25rem !important
    }
}

.aperture-p-2 {
    padding: .5rem
}

@media (min-width:0px) {
    .aperture-p-xs-2 {
        padding: .5rem !important
    }
}

@media (min-width:576px) {
    .aperture-p-sm-2 {
        padding: .5rem !important
    }
}

@media (min-width:768px) {
    .aperture-p-md-2 {
        padding: .5rem !important
    }
}

@media (min-width:992px) {
    .aperture-p-lg-2 {
        padding: .5rem !important
    }
}

@media (min-width:1200px) {
    .aperture-p-xl-2 {
        padding: .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: .25rem;
    padding-right: .25rem
}

@media (min-width:0px) {
    .aperture-px-xs-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }
}

@media (min-width:576px) {
    .aperture-px-sm-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }
}

@media (min-width:768px) {
    .aperture-px-md-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }
}

@media (min-width:992px) {
    .aperture-px-lg-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }
}

@media (min-width:1200px) {
    .aperture-px-xl-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }
}

.aperture-px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

@media (min-width:0px) {
    .aperture-px-xs-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }
}

@media (min-width:576px) {
    .aperture-px-sm-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }
}

@media (min-width:768px) {
    .aperture-px-md-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }
}

@media (min-width:992px) {
    .aperture-px-lg-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }
}

@media (min-width:1200px) {
    .aperture-px-xl-2 {
        padding-left: .5rem !important;
        padding-right: .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: .25rem;
    padding-top: .25rem
}

@media (min-width:0px) {
    .aperture-py-xs-1 {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }
}

@media (min-width:576px) {
    .aperture-py-sm-1 {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }
}

@media (min-width:768px) {
    .aperture-py-md-1 {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }
}

@media (min-width:992px) {
    .aperture-py-lg-1 {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }
}

@media (min-width:1200px) {
    .aperture-py-xl-1 {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }
}

.aperture-py-2 {
    padding-bottom: .5rem;
    padding-top: .5rem
}

@media (min-width:0px) {
    .aperture-py-xs-2 {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }
}

@media (min-width:576px) {
    .aperture-py-sm-2 {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }
}

@media (min-width:768px) {
    .aperture-py-md-2 {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }
}

@media (min-width:992px) {
    .aperture-py-lg-2 {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }
}

@media (min-width:1200px) {
    .aperture-py-xl-2 {
        padding-bottom: .5rem !important;
        padding-top: .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: .25rem
}

@media (min-width:0px) {
    .aperture-pt-xs-1 {
        padding-top: .25rem !important
    }
}

@media (min-width:576px) {
    .aperture-pt-sm-1 {
        padding-top: .25rem !important
    }
}

@media (min-width:768px) {
    .aperture-pt-md-1 {
        padding-top: .25rem !important
    }
}

@media (min-width:992px) {
    .aperture-pt-lg-1 {
        padding-top: .25rem !important
    }
}

@media (min-width:1200px) {
    .aperture-pt-xl-1 {
        padding-top: .25rem !important
    }
}

.aperture-pt-2 {
    padding-top: .5rem
}

@media (min-width:0px) {
    .aperture-pt-xs-2 {
        padding-top: .5rem !important
    }
}

@media (min-width:576px) {
    .aperture-pt-sm-2 {
        padding-top: .5rem !important
    }
}

@media (min-width:768px) {
    .aperture-pt-md-2 {
        padding-top: .5rem !important
    }
}

@media (min-width:992px) {
    .aperture-pt-lg-2 {
        padding-top: .5rem !important
    }
}

@media (min-width:1200px) {
    .aperture-pt-xl-2 {
        padding-top: .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: .25rem
}

@media (min-width:0px) {
    .aperture-pb-xs-1 {
        padding-bottom: .25rem !important
    }
}

@media (min-width:576px) {
    .aperture-pb-sm-1 {
        padding-bottom: .25rem !important
    }
}

@media (min-width:768px) {
    .aperture-pb-md-1 {
        padding-bottom: .25rem !important
    }
}

@media (min-width:992px) {
    .aperture-pb-lg-1 {
        padding-bottom: .25rem !important
    }
}

@media (min-width:1200px) {
    .aperture-pb-xl-1 {
        padding-bottom: .25rem !important
    }
}

.aperture-pb-2 {
    padding-bottom: .5rem
}

@media (min-width:0px) {
    .aperture-pb-xs-2 {
        padding-bottom: .5rem !important
    }
}

@media (min-width:576px) {
    .aperture-pb-sm-2 {
        padding-bottom: .5rem !important
    }
}

@media (min-width:768px) {
    .aperture-pb-md-2 {
        padding-bottom: .5rem !important
    }
}

@media (min-width:992px) {
    .aperture-pb-lg-2 {
        padding-bottom: .5rem !important
    }
}

@media (min-width:1200px) {
    .aperture-pb-xl-2 {
        padding-bottom: .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: .25rem
}

@media (min-width:0px) {
    .aperture-ps-xs-1 {
        padding-left: .25rem !important
    }
}

@media (min-width:576px) {
    .aperture-ps-sm-1 {
        padding-left: .25rem !important
    }
}

@media (min-width:768px) {
    .aperture-ps-md-1 {
        padding-left: .25rem !important
    }
}

@media (min-width:992px) {
    .aperture-ps-lg-1 {
        padding-left: .25rem !important
    }
}

@media (min-width:1200px) {
    .aperture-ps-xl-1 {
        padding-left: .25rem !important
    }
}

.aperture-ps-2 {
    padding-left: .5rem
}

@media (min-width:0px) {
    .aperture-ps-xs-2 {
        padding-left: .5rem !important
    }
}

@media (min-width:576px) {
    .aperture-ps-sm-2 {
        padding-left: .5rem !important
    }
}

@media (min-width:768px) {
    .aperture-ps-md-2 {
        padding-left: .5rem !important
    }
}

@media (min-width:992px) {
    .aperture-ps-lg-2 {
        padding-left: .5rem !important
    }
}

@media (min-width:1200px) {
    .aperture-ps-xl-2 {
        padding-left: .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: .25rem
}

@media (min-width:0px) {
    .aperture-pe-xs-1 {
        padding-right: .25rem !important
    }
}

@media (min-width:576px) {
    .aperture-pe-sm-1 {
        padding-right: .25rem !important
    }
}

@media (min-width:768px) {
    .aperture-pe-md-1 {
        padding-right: .25rem !important
    }
}

@media (min-width:992px) {
    .aperture-pe-lg-1 {
        padding-right: .25rem !important
    }
}

@media (min-width:1200px) {
    .aperture-pe-xl-1 {
        padding-right: .25rem !important
    }
}

.aperture-pe-2 {
    padding-right: .5rem
}

@media (min-width:0px) {
    .aperture-pe-xs-2 {
        padding-right: .5rem !important
    }
}

@media (min-width:576px) {
    .aperture-pe-sm-2 {
        padding-right: .5rem !important
    }
}

@media (min-width:768px) {
    .aperture-pe-md-2 {
        padding-right: .5rem !important
    }
}

@media (min-width:992px) {
    .aperture-pe-lg-2 {
        padding-right: .5rem !important
    }
}

@media (min-width:1200px) {
    .aperture-pe-xl-2 {
        padding-right: .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: .25rem
}

.aperture-end-1 {
    right: .25rem
}

.aperture-bottom-1 {
    bottom: .25rem
}

.aperture-start-1 {
    left: .25rem
}

.aperture-top-2 {
    top: .5rem
}

.aperture-end-2 {
    right: .5rem
}

.aperture-bottom-2 {
    bottom: .5rem
}

.aperture-start-2 {
    left: .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, .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: -.4em;
    vertical-align: baseline
}

sub {
    top: .4em
}

a {
    color: var(--dnn-color-primary, #00a5e0);
    transition: all .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: ""
}

label.dnnFormLabel, label.dnnBoxLabel {
    width: 100%!important;
    color: #fff;
    text-align: left;
}

#Form div.aperture-theme {
    background: #123212 url(/portals/0/images/BOMChron_Background_repeat.jpg) no-repeat center top !important;
    margin: 0!important;
    padding: 0!important;
    background-size: cover !important;
    min-height: 100vh;
    width: 99.2vw;
    overflow: hidden;
}

.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: .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: .25em
}

.dnnLogin .LoginPanel .dnnFormItem:nth-child(3) a.dnnSecondaryAction {
    margin-left: .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: .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: .25em
}

.dnnLogin .LoginPanel .dnnFormItem:last-child .dnnLoginActions li:nth-child(2) {
    padding-left: .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: .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: .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), .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: .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: .78rem;
    font-weight: 700;
    padding: .5rem .75rem .5rem 3rem
}

#body-overlay {
    background: rgba(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 .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 .5s cubic-bezier(.77, .2, .05, 1), background .5s cubic-bezier(.77, .2, .05, 1), opacity .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(.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: .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: .875rem 1rem
}

.nav-link .link-description {
    font-size: .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: .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, #333)
}

#dnn_dnnSearch_ClassicSearch span {
    margin-right: .5rem
}

.aperture-theme {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: #3e5b21;
}

.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;
}

.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: rgba(06,32,03,.5);
    margin: 0;
    padding: .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: .5rem;
    margin-top: 2rem
}

.aperture-theme .aperture-footer .aperture-container .footer-left .footer-terms-privacy .aperture-terms:after {
    content: " | ";
    opacity: .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 */