/* STYLE :: 316 :: owrx.ui.shorthand (25.2.0) */

/* New */

.cursor-pointer {

    cursor: pointer !important;
    
}

/*  # 1. Backgrounds */


/*  ## 1.1 Background Size */

.bg-size-cover { background-size: cover !important; }
.bg-size-contain { background-size: contain !important; }

/*  ## 1.2 Background Position */
.bg-position-center { background-position: center !important; }
.bg-position-center-y { background-position: left center !important; }
.bg-position-center-x { background-position: center top !important; }
.bg-position-top-end { background-position: top right !important; }
.bg-position-top-start { background-position: top left !important; }
.bg-position-top-center { background-position: top center !important; }
.bg-position-center-end { background-position: center right !important; }
.bg-position-center-start { background-position: center left !important; }
.bg-position-center-bottom { background-position: center bottom !important; }
.bg-position-bottom-end { background-position: bottom right !important; }
.bg-position-bottom-start { background-position: bottom left !important; }
.bg-position-bottom-center { background-position: bottom center !important; }

/*  ## 1.3 Background Repeat */
.bg-repeat-0 { background-repeat: no-repeat !important; }
.bg-repeat-x { background-repeat: repeat-x !important; }
.bg-repeat-y { background-repeat: repeat-y !important; }

/*  ## 1.4 Background Image/Attachment */
.bg-attachment-fixed { background-attachment: fixed !important; }
.bg-image-none { background-image: none !important; }


/* Theme Gradients from Doob */
  
.bg-lessdark-gradient { background: var(--gray-gradient) !important; }

/*  # 2. Background Colors */

/* Background Colors */
.bg-none { -nbs-bg-opacity: 1; background-color: transparent !important; }
.bg-faded-primary { background-color: rgba(var(--rgb-primary), 0.12) !important; }
.bg-faded-success { background-color: rgba(var(--rgb-success), 0.12) !important; }
.bg-faded-info { background-color: rgba(var(--rgb-info), 0.12) !important; }
.bg-faded-warning { background-color: rgba(var(--rgb-warning), 0.12) !important; }
.bg-faded-danger { background-color: rgba(var(--rgb-danger), 0.12) !important; }
.bg-faded-light { background-color: rgba(var(--rgb-light), 0.05) !important; }
.bg-faded-dark { background-color: rgba(var(--rgb-dark), 0.12) !important; }
.bg-gradient-primary { background-image: var(--primary-gradient) !important; }
.bg-gradient-primary-translucent { background-image: linear-gradient(180deg, rgba(var(--rgb-primary), 0) 0%, rgba(var(--rgb-primary), 0.6) 120%) !important; }
.bg-gradient-dark-translucent { background-image: linear-gradient(180deg, rgba(var(--rgb-dark), 0.58) 0%, rgba(var(--rgb-dark), 0.78) 100%) important; }


/*  ## 2.1 Background Colors */

/* Background Colors : Primary Colors */
.bg-primary { background-color: var(--primary) !important; }
.bg-primary-l1 { background-color: var(--primary-l1) !important; }
.bg-primary-l2 { background-color: var(--primary-l2) !important; }
.bg-primary-l3 { background-color: var(--primary-l3) !important; }
.bg-primary-d1 { background-color: var(--primary-d1) !important; }
.bg-primary-d2 { background-color: var(--primary-d2) !important; }
.bg-primary-d3 { background-color: var(--primary-d3) !important; }
.bg-primary-font { background-color: var(--primary-font) !important; }
.bg-primary-font-l { background-color: var(--primary-font-l) !important; }
.bg-primary-font-d { background-color: var(--primary-font-d) !important; }
.bg-primary-10 { background-color: rgba(var(--rgb-primary),.1) !important; }
.bg-primary-20 { background-color: rgba(var(--rgb-primary),.2) !important; }
.bg-primary-30 { background-color: rgba(var(--rgb-primary),.3) !important; }
.bg-primary-40 { background-color: rgba(var(--rgb-primary),.4) !important; }
.bg-primary-50 { background-color: rgba(var(--rgb-primary),.5) !important; }
.bg-primary-60 { background-color: rgba(var(--rgb-primary),.6) !important; }
.bg-primary-70 { background-color: rgba(var(--rgb-primary),.7) !important; }
.bg-primary-80 { background-color: rgba(var(--rgb-primary),.8) !important; }
.bg-primary-90 { background-color: rgba(var(--rgb-primary),.9) !important; }

.bg-primary-gradient-d { background-image: var(--primary-gradient-d) !important; }
.bg-primary-gradient-d-inverse { background-image: var(--primary-gradient-d-inverse) !important; }
.bg-primary-gradient { background-image: var(--primary-gradient) !important; }
.bg-primary-gradient-h { background-image: var(--primary-gradient-h) !important; }
.bg-primary-gradient-h-inverse { background-image: var(--primary-gradient-h-inverse) !important; }
.bg-primary-gradient-v { background-image: var(--primary-gradient-v) !important; }
.bg-primary-gradient-v-inverse { background-image: var(--primary-gradient-v-inverse) !important; }

/*  ## 2.2 Secondary Colors */

/* Background Colors : Secondary Colors */
.bg-secondary { background-color: var(--secondary) !important; }
.bg-secondary-l1 { background-color: var(--secondary-l1) !important; }
.bg-secondary-l2 { background-color: var(--secondary-l2) !important; }
.bg-secondary-l3 { background-color: var(--secondary-l3) !important; }
.bg-secondary-d1 { background-color: var(--secondary-d1) !important; }
.bg-secondary-d2 { background-color: var(--secondary-d2) !important; }
.bg-secondary-d3 { background-color: var(--secondary-d3) !important; }
.bg-secondary-font { background-color: var(--secondary-font) !important; }
.bg-secondary-font-l { background-color: var(--secondary-font-l) !important; }
.bg-secondary-font-d { background-color: var(--secondary-font-d) !important; }
.bg-secondary-10 { background-color: rgba(var(--rgb-secondary),.1) !important; }
.bg-secondary-20 { background-color: rgba(var(--rgb-secondary),.2) !important; }
.bg-secondary-30 { background-color: rgba(var(--rgb-secondary),.3) !important; }
.bg-secondary-40 { background-color: rgba(var(--rgb-secondary),.4) !important; }
.bg-secondary-50 { background-color: rgba(var(--rgb-secondary),.5) !important; }
.bg-secondary-60 { background-color: rgba(var(--rgb-secondary),.6) !important; }
.bg-secondary-70 { background-color: rgba(var(--rgb-secondary),.7) !important; }
.bg-secondary-80 { background-color: rgba(var(--rgb-secondary),.8) !important; }
.bg-secondary-90 { background-color: rgba(var(--rgb-secondary),.9) !important; }

.bg-secondary-gradient-d { background-image: var(--secondary-gradient-d) !important; }
.bg-secondary-gradient-d-inverse { background-image: var(--secondary-gradient-d-inverse) !important; }
.bg-secondary-gradient { background-image: var(--secondary-gradient) !important; }
.bg-secondary-gradient-h { background-image: var(--secondary-gradient-h) !important; }
.bg-secondary-gradient-h-inverse { background-image: var(--secondary-gradient-h-inverse) !important; }
.bg-secondary-gradient-v { background-image: var(--secondary-gradient-v) !important; }
.bg-secondary-gradient-v-inverse { background-image: var(--secondary-gradient-v-inverse) !important; }

/*  ## 2.3 Tertiary Colors */

/* Background Colors : Tertiary Colors */
.bg-tertiary { background-color: var(--tertiary) !important; }
.bg-tertiary-l1 { background-color: var(--tertiary-l1) !important; }
.bg-tertiary-l2 { background-color: var(--tertiary-l2) !important; }
.bg-tertiary-l3 { background-color: var(--tertiary-l3) !important; }
.bg-tertiary-d1 { background-color: var(--tertiary-d1) !important; }
.bg-tertiary-d2 { background-color: var(--tertiary-d2) !important; }
.bg-tertiary-d3 { background-color: var(--tertiary-d3) !important; }
.bg-tertiary-font { background-color: var(--tertiary-font) !important; }
.bg-tertiary-font-l { background-color: var(--tertiary-font-l) !important; }
.bg-tertiary-font-d { background-color: var(--tertiary-font-d) !important; }
.bg-tertiary-10 { background-color: rgba(var(--rgb-tertiary),.1) !important; }
.bg-tertiary-20 { background-color: rgba(var(--rgb-tertiary),.2) !important; }
.bg-tertiary-30 { background-color: rgba(var(--rgb-tertiary),.3) !important; }
.bg-tertiary-40 { background-color: rgba(var(--rgb-tertiary),.4) !important; }
.bg-tertiary-50 { background-color: rgba(var(--rgb-tertiary),.5) !important; }
.bg-tertiary-60 { background-color: rgba(var(--rgb-tertiary),.6) !important; }
.bg-tertiary-70 { background-color: rgba(var(--rgb-tertiary),.7) !important; }
.bg-tertiary-80 { background-color: rgba(var(--rgb-tertiary),.8) !important; }
.bg-tertiary-90 { background-color: rgba(var(--rgb-tertiary),.9) !important; }

.bg-tertiary-gradient-d { background-image: var(--tertiary-gradient-d) !important; }
.bg-tertiary-gradient-d-inverse { background-image: var(--tertiary-gradient-d-inverse) !important; }
.bg-tertiary-gradient { background-image: var(--tertiary-gradient) !important; }
.bg-tertiary-gradient-h { background-image: var(--tertiary-gradient-h) !important; }
.bg-tertiary-gradient-h-inverse { background-image: var(--tertiary-gradient-h-inverse) !important; }
.bg-tertiary-gradient-v { background-image: var(--tertiary-gradient-v) !important; }
.bg-tertiary-gradient-v-inverse { background-image: var(--tertiary-gradient-v-inverse) !important; }

/* Background Colors : Theme Gradient Colors */

.bg-theme-gradient-d { background-image: var(--theme-gradient-d) !important; }
.bg-theme-gradient-d-inverse { background-image: var(--theme-gradient-d-inverse) !important; }
.bg-theme-gradient { background-image: var(--theme-gradient) !important; }
.bg-theme-gradient-h { background-image: var(--theme-gradient-h) !important; }
.bg-theme-gradient-h-inverse { background-image: var(--theme-gradient-h-inverse) !important; }
.bg-theme-gradient-v { background-image: var(--theme-gradient-v) !important; }
.bg-theme-gradient-v-inverse { background-image: var(--theme-gradient-v-inverse) !important; }

/* Background Colors : Theme Gradient 2 Colors */

.bg-theme-2-gradient-d { background-image: var(--theme-2-gradient-d) !important; }
.bg-theme-2-gradient-d-inverse { background-image: var(--theme-2-gradient-d-inverse) !important; }
.bg-theme-2-gradient { background-image: var(--theme-2-gradient) !important; }
.bg-theme-2-gradient-h { background-image: var(--theme-2-gradient-h) !important; }
.bg-theme-2-gradient-h-inverse { background-image: var(--theme-2-gradient-h-inverse) !important; }
.bg-theme-2-gradient-v { background-image: var(--theme-2-gradient-v) !important; }
.bg-theme-2-gradient-v-inverse { background-image: var(--theme-2-gradient-v-inverse) !important; }

/* Background Colors : Theme Gradient 3 Colors */

.bg-theme-3-gradient-d { background-image: var(--theme-3-gradient-d) !important; }
.bg-theme-3-gradient-d-inverse { background-image: var(--theme-3-gradient-d-inverse) !important; }
.bg-theme-3-gradient { background-image: var(--theme-3-gradient) !important; }
.bg-theme-3-gradient-h { background-image: var(--theme-3-gradient-h) !important; }
.bg-theme-3-gradient-h-inverse { background-image: var(--theme-3-gradient-h-inverse) !important; }
.bg-theme-3-gradient-v { background-image: var(--theme-3-gradient-v) !important; }
.bg-theme-3-gradient-v-inverse { background-image: var(--theme-3-gradient-v-inverse) !important; }

/*  ## 2.4 Dark Colors */

/* Background Colors : Dark Colors */
.bg-dark { background-color: var(--dark) !important; }
.bg-dark-l1 { background-color: var(--dark-l1) !important; }
.bg-dark-l2 { background-color: var(--dark-l2) !important; }
.bg-dark-l3 { background-color: var(--dark-l3) !important; }
.bg-dark-d1 { background-color: var(--dark-d1) !important; }
.bg-dark-d2 { background-color: var(--dark-d2) !important; }
.bg-dark-d3 { background-color: var(--dark-d3) !important; }
.bg-dark-font { background-color: var(--dark-font) !important; }
.bg-dark-font-l { background-color: var(--dark-font-l) !important; }
.bg-dark-font-d { background-color: var(--dark-font-d) !important; }
.bg-dark-10 { background-color: rgba(var(--rgb-dark),.1) !important; }
.bg-dark-20 { background-color: rgba(var(--rgb-dark),.2) !important; }
.bg-dark-30 { background-color: rgba(var(--rgb-dark),.3) !important; }
.bg-dark-40 { background-color: rgba(var(--rgb-dark),.4) !important; }
.bg-dark-50 { background-color: rgba(var(--rgb-dark),.5) !important; }
.bg-dark-60 { background-color: rgba(var(--rgb-dark),.6) !important; }
.bg-dark-70 { background-color: rgba(var(--rgb-dark),.7) !important; }
.bg-dark-80 { background-color: rgba(var(--rgb-dark),.8) !important; }
.bg-dark-90 { background-color: rgba(var(--rgb-dark),.9) !important; }

.bg-dark-gradient-d { background-image: var(--dark-gradient-d) !important; }
.bg-dark-gradient-d-inverse { background-image: var(--dark-gradient-d-inverse) !important; }
.bg-dark-gradient { background-image: var(--dark-gradient) !important; }
.bg-dark-gradient-h { background-image: var(--dark-gradient-h) !important; }
.bg-dark-gradient-h-inverse { background-image: var(--dark-gradient-h-inverse) !important; }
.bg-dark-gradient-v { background-image: var(--dark-gradient-v) !important; }
.bg-dark-gradient-v-inverse { background-image: var(--dark-gradient-v-inverse) !important; }

/*  ## 2.5 Light Colors */

/* Background Colors : Light Colors */
.bg-light { background-color: var(--light) !important; }
.bg-light-l1 { background-color: var(--light-l1) !important; }
.bg-light-l2 { background-color: var(--light-l2) !important; }
.bg-light-l3 { background-color: var(--light-l3) !important; }
.bg-light-d1 { background-color: var(--light-d1) !important; }
.bg-light-d2 { background-color: var(--light-d2) !important; }
.bg-light-d3 { background-color: var(--light-d3) !important; }
.bg-light-font { background-color: var(--light-font) !important; }
.bg-light-font-l { background-color: var(--light-font-l) !important; }
.bg-light-font-d { background-color: var(--light-font-d) !important; }
.bg-light-10 { background-color: rgba(var(--rgb-light),.1) !important; }
.bg-light-20 { background-color: rgba(var(--rgb-light),.2) !important; }
.bg-light-30 { background-color: rgba(var(--rgb-light),.3) !important; }
.bg-light-40 { background-color: rgba(var(--rgb-light),.4) !important; }
.bg-light-50 { background-color: rgba(var(--rgb-light),.5) !important; }
.bg-light-60 { background-color: rgba(var(--rgb-light),.6) !important; }
.bg-light-70 { background-color: rgba(var(--rgb-light),.7) !important; }
.bg-light-80 { background-color: rgba(var(--rgb-light),.8) !important; }
.bg-light-90 { background-color: rgba(var(--rgb-light),.9) !important; }

.bg-light-gradient-d { background-image: var(--light-gradient-d) !important; }
.bg-light-gradient-d-inverse { background-image: var(--light-gradient-d-inverse) !important; }
.bg-light-gradient { background-image: var(--light-gradient) !important; }
.bg-light-gradient-h { background-image: var(--light-gradient-h) !important; }
.bg-light-gradient-h-inverse { background-image: var(--light-gradient-h-inverse) !important; }
.bg-light-gradient-v { background-image: var(--light-gradient-v) !important; }
.bg-light-gradient-v-inverse { background-image: var(--light-gradient-v-inverse) !important; }

/*  ## 2.6 Success Colors */

/* Background Colors : Success Colors */
.bg-success { background-color: var(--success) !important; }
.bg-success-l1 { background-color: var(--success-l1) !important; }
.bg-success-l2 { background-color: var(--success-l2) !important; }
.bg-success-l3 { background-color: var(--success-l3) !important; }
.bg-success-d1 { background-color: var(--success-d1) !important; }
.bg-success-d2 { background-color: var(--success-d2) !important; }
.bg-success-d3 { background-color: var(--success-d3) !important; }
.bg-success-font { background-color: var(--success-font) !important; }
.bg-success-font-l { background-color: var(--success-font-l) !important; }
.bg-success-font-d { background-color: var(--success-font-d) !important; }
.bg-success-10 { background-color: rgba(var(--rgb-success),.1) !important; }
.bg-success-20 { background-color: rgba(var(--rgb-success),.2) !important; }
.bg-success-30 { background-color: rgba(var(--rgb-success),.3) !important; }
.bg-success-40 { background-color: rgba(var(--rgb-success),.4) !important; }
.bg-success-50 { background-color: rgba(var(--rgb-success),.5) !important; }
.bg-success-60 { background-color: rgba(var(--rgb-success),.6) !important; }
.bg-success-70 { background-color: rgba(var(--rgb-success),.7) !important; }
.bg-success-80 { background-color: rgba(var(--rgb-success),.8) !important; }
.bg-success-90 { background-color: rgba(var(--rgb-success),.9) !important; }

.bg-success-gradient-d { background-image: var(--success-gradient-d) !important; }
.bg-success-gradient-d-inverse { background-image: var(--success-gradient-d-inverse) !important; }
.bg-success-gradient { background-image: var(--success-gradient) !important; }
.bg-success-gradient-h { background-image: var(--success-gradient-h) !important; }
.bg-success-gradient-h-inverse { background-image: var(--success-gradient-h-inverse) !important; }
.bg-success-gradient-v { background-image: var(--success-gradient-v) !important; }
.bg-success-gradient-v-inverse { background-image: var(--success-gradient-v-inverse) !important; }

/*  ## 2.7 Danger Colors */

/* Background Colors : Danger Colors */
.bg-danger { background-color: var(--danger) !important; }
.bg-danger-l1 { background-color: var(--danger-l1) !important; }
.bg-danger-l2 { background-color: var(--danger-l2) !important; }
.bg-danger-l3 { background-color: var(--danger-l3) !important; }
.bg-danger-d1 { background-color: var(--danger-d1) !important; }
.bg-danger-d2 { background-color: var(--danger-d2) !important; }
.bg-danger-d3 { background-color: var(--danger-d3) !important; }
.bg-danger-font { background-color: var(--danger-font) !important; }
.bg-danger-font-l { background-color: var(--danger-font-l) !important; }
.bg-danger-font-d { background-color: var(--danger-font-d) !important; }
.bg-danger-10 { background-color: rgba(var(--rgb-danger),.1) !important; }
.bg-danger-20 { background-color: rgba(var(--rgb-danger),.2) !important; }
.bg-danger-30 { background-color: rgba(var(--rgb-danger),.3) !important; }
.bg-danger-40 { background-color: rgba(var(--rgb-danger),.4) !important; }
.bg-danger-50 { background-color: rgba(var(--rgb-danger),.5) !important; }
.bg-danger-60 { background-color: rgba(var(--rgb-danger),.6) !important; }
.bg-danger-70 { background-color: rgba(var(--rgb-danger),.7) !important; }
.bg-danger-80 { background-color: rgba(var(--rgb-danger),.8) !important; }
.bg-danger-90 { background-color: rgba(var(--rgb-danger),.9) !important; }

.bg-danger-gradient-d { background-image: var(--danger-gradient-d) !important; }
.bg-danger-gradient-d-inverse { background-image: var(--danger-gradient-d-inverse) !important; }
.bg-danger-gradient { background-image: var(--danger-gradient) !important; }
.bg-danger-gradient-h { background-image: var(--danger-gradient-h) !important; }
.bg-danger-gradient-h-inverse { background-image: var(--danger-gradient-h-inverse) !important; }
.bg-danger-gradient-v { background-image: var(--danger-gradient-v) !important; }
.bg-danger-gradient-v-inverse { background-image: var(--danger-gradient-v-inverse) !important; }

/* Background Colors : Error Colors */
.bg-error { background-color: var(--error) !important; }
.bg-error-l1 { background-color: var(--error-l1) !important; }
.bg-error-l2 { background-color: var(--error-l2) !important; }
.bg-error-l3 { background-color: var(--error-l3) !important; }
.bg-error-d1 { background-color: var(--error-d1) !important; }
.bg-error-d2 { background-color: var(--error-d2) !important; }
.bg-error-d3 { background-color: var(--error-d3) !important; }
.bg-error-font { background-color: var(--error-font) !important; }
.bg-error-font-l { background-color: var(--error-font-l) !important; }
.bg-error-font-d { background-color: var(--error-font-d) !important; }
.bg-error-10 { background-color: rgba(var(--rgb-error),.1) !important; }
.bg-error-20 { background-color: rgba(var(--rgb-error),.2) !important; }
.bg-error-30 { background-color: rgba(var(--rgb-error),.3) !important; }
.bg-error-40 { background-color: rgba(var(--rgb-error),.4) !important; }
.bg-error-50 { background-color: rgba(var(--rgb-error),.5) !important; }
.bg-error-60 { background-color: rgba(var(--rgb-error),.6) !important; }
.bg-error-70 { background-color: rgba(var(--rgb-error),.7) !important; }
.bg-error-80 { background-color: rgba(var(--rgb-error),.8) !important; }
.bg-error-90 { background-color: rgba(var(--rgb-error),.9) !important; }

.bg-error-gradient-d { background-image: var(--error-gradient-d) !important; }
.bg-error-gradient-d-inverse { background-image: var(--error-gradient-d-inverse) !important; }
.bg-error-gradient { background-image: var(--error-gradient) !important; }
.bg-error-gradient-h { background-image: var(--error-gradient-h) !important; }
.bg-error-gradient-h-inverse { background-image: var(--error-gradient-h-inverse) !important; }
.bg-error-gradient-v { background-image: var(--error-gradient-v) !important; }
.bg-error-gradient-v-inverse { background-image: var(--error-gradient-v-inverse) !important; }

/*  ## 2.8 Warning Colors */

/* Background Colors : Warning Colors */
.bg-warning { background-color: var(--warning) !important; }
.bg-warning-l1 { background-color: var(--warning-l1) !important; }
.bg-warning-l2 { background-color: var(--warning-l2) !important; }
.bg-warning-l3 { background-color: var(--warning-l3) !important; }
.bg-warning-d1 { background-color: var(--warning-d1) !important; }
.bg-warning-d2 { background-color: var(--warning-d2) !important; }
.bg-warning-d3 { background-color: var(--warning-d3) !important; }
.bg-warning-font { background-color: var(--warning-font) !important; }
.bg-warning-font-l { background-color: var(--warning-font-l) !important; }
.bg-warning-font-d { background-color: var(--warning-font-d) !important; }
.bg-warning-10 { background-color: rgba(var(--rgb-warning),.1) !important; }
.bg-warning-20 { background-color: rgba(var(--rgb-warning),.2) !important; }
.bg-warning-30 { background-color: rgba(var(--rgb-warning),.3) !important; }
.bg-warning-40 { background-color: rgba(var(--rgb-warning),.4) !important; }
.bg-warning-50 { background-color: rgba(var(--rgb-warning),.5) !important; }
.bg-warning-60 { background-color: rgba(var(--rgb-warning),.6) !important; }
.bg-warning-70 { background-color: rgba(var(--rgb-warning),.7) !important; }
.bg-warning-80 { background-color: rgba(var(--rgb-warning),.8) !important; }
.bg-warning-90 { background-color: rgba(var(--rgb-warning),.9) !important; }

.bg-warning-gradient-d { background-image: var(--warning-gradient-d) !important; }
.bg-warning-gradient-d-inverse { background-image: var(--warning-gradient-d-inverse) !important; }
.bg-warning-gradient { background-image: var(--warning-gradient) !important; }
.bg-warning-gradient-h { background-image: var(--warning-gradient-h) !important; }
.bg-warning-gradient-h-inverse { background-image: var(--warning-gradient-h-inverse) !important; }
.bg-warning-gradient-v { background-image: var(--warning-gradient-v) !important; }
.bg-warning-gradient-v-inverse { background-image: var(--warning-gradient-v-inverse) !important; }

/*  ## 2.9 Info Colors */

/* Background Colors : Info Colors */
.bg-info { background-color: var(--info) !important; }
.bg-info-l1 { background-color: var(--info-l1) !important; }
.bg-info-l2 { background-color: var(--info-l2) !important; }
.bg-info-l3 { background-color: var(--info-l3) !important; }
.bg-info-d1 { background-color: var(--info-d1) !important; }
.bg-info-d2 { background-color: var(--info-d2) !important; }
.bg-info-d3 { background-color: var(--info-d3) !important; }
.bg-info-font { background-color: var(--info-font) !important; }
.bg-info-font-l { background-color: var(--info-font-l) !important; }
.bg-info-font-d { background-color: var(--info-font-d) !important; }
.bg-info-10 { background-color: rgba(var(--rgb-info),.1) !important; }
.bg-info-20 { background-color: rgba(var(--rgb-info),.2) !important; }
.bg-info-30 { background-color: rgba(var(--rgb-info),.3) !important; }
.bg-info-40 { background-color: rgba(var(--rgb-info),.4) !important; }
.bg-info-50 { background-color: rgba(var(--rgb-info),.5) !important; }
.bg-info-60 { background-color: rgba(var(--rgb-info),.6) !important; }
.bg-info-70 { background-color: rgba(var(--rgb-info),.7) !important; }
.bg-info-80 { background-color: rgba(var(--rgb-info),.8) !important; }
.bg-info-90 { background-color: rgba(var(--rgb-info),.9) !important; }

.bg-info-gradient-d { background-image: var(--info-gradient-d) !important; }
.bg-info-gradient-d-inverse { background-image: var(--info-gradient-d-inverse) !important; }
.bg-info-gradient { background-image: var(--info-gradient) !important; }
.bg-info-gradient-h { background-image: var(--info-gradient-h) !important; }
.bg-info-gradient-h-inverse { background-image: var(--info-gradient-h-inverse) !important; }
.bg-info-gradient-v { background-image: var(--info-gradient-v) !important; }
.bg-info-gradient-v-inverse { background-image: var(--info-gradient-v-inverse) !important; }

/*  ## 2.10 Accent Colors (1-6) */

/* Background Colors : Accent 1 Colors */
.bg-accent-1 { background-color: var(--accent-1) !important; }
.bg-accent-1-l1 { background-color: var(--accent-1-l1) !important; }
.bg-accent-1-l2 { background-color: var(--accent-1-l2) !important; }
.bg-accent-1-l3 { background-color: var(--accent-1-l3) !important; }
.bg-accent-1-d1 { background-color: var(--accent-1-d1) !important; }
.bg-accent-1-d2 { background-color: var(--accent-1-d2) !important; }
.bg-accent-1-d3 { background-color: var(--accent-1-d3) !important; }
.bg-accent-1-font { background-color: var(--accent-1-font) !important; }
.bg-accent-1-font-l { background-color: var(--accent-1-font-l) !important; }
.bg-accent-1-font-d { background-color: var(--accent-1-font-d) !important; }
.bg-accent-1-10 { background-color: rgba(var(--rgb-accent-1),.1) !important; }
.bg-accent-1-20 { background-color: rgba(var(--rgb-accent-1),.2) !important; }
.bg-accent-1-30 { background-color: rgba(var(--rgb-accent-1),.3) !important; }
.bg-accent-1-40 { background-color: rgba(var(--rgb-accent-1),.4) !important; }
.bg-accent-1-50 { background-color: rgba(var(--rgb-accent-1),.5) !important; }
.bg-accent-1-60 { background-color: rgba(var(--rgb-accent-1),.6) !important; }
.bg-accent-1-70 { background-color: rgba(var(--rgb-accent-1),.7) !important; }
.bg-accent-1-80 { background-color: rgba(var(--rgb-accent-1),.8) !important; }
.bg-accent-1-90 { background-color: rgba(var(--rgb-accent-1),.9) !important; }

.bg-accent-1-gradient-d { background-image: var(--accent-1-gradient-d) !important; }
.bg-accent-1-gradient-d-inverse { background-image: var(--accent-1-gradient-d-inverse) !important; }
.bg-accent-1-gradient { background-image: var(--accent-1-gradient) !important; }
.bg-accent-1-gradient-h { background-image: var(--accent-1-gradient-h) !important; }
.bg-accent-1-gradient-h-inverse { background-image: var(--accent-1-gradient-h-inverse) !important; }
.bg-accent-1-gradient-v { background-image: var(--accent-1-gradient-v) !important; }
.bg-accent-1-gradient-v-inverse { background-image: var(--accent-1-gradient-v-inverse) !important; }

/* Background Colors : Accent 2 Colors */
.bg-accent-2 { background-color: var(--accent-2) !important; }
.bg-accent-2-l1 { background-color: var(--accent-2-l1) !important; }
.bg-accent-2-l2 { background-color: var(--accent-2-l2) !important; }
.bg-accent-2-l3 { background-color: var(--accent-2-l3) !important; }
.bg-accent-2-d1 { background-color: var(--accent-2-d1) !important; }
.bg-accent-2-d2 { background-color: var(--accent-2-d2) !important; }
.bg-accent-2-d3 { background-color: var(--accent-2-d3) !important; }
.bg-accent-2-font { background-color: var(--accent-2-font) !important; }
.bg-accent-2-font-l { background-color: var(--accent-2-font-l) !important; }
.bg-accent-2-font-d { background-color: var(--accent-2-font-d) !important; }
.bg-accent-2-10 { background-color: rgba(var(--rgb-accent-2),.1) !important; }
.bg-accent-2-20 { background-color: rgba(var(--rgb-accent-2),.2) !important; }
.bg-accent-2-30 { background-color: rgba(var(--rgb-accent-2),.3) !important; }
.bg-accent-2-40 { background-color: rgba(var(--rgb-accent-2),.4) !important; }
.bg-accent-2-50 { background-color: rgba(var(--rgb-accent-2),.5) !important; }
.bg-accent-2-60 { background-color: rgba(var(--rgb-accent-2),.6) !important; }
.bg-accent-2-70 { background-color: rgba(var(--rgb-accent-2),.7) !important; }
.bg-accent-2-80 { background-color: rgba(var(--rgb-accent-2),.8) !important; }
.bg-accent-2-90 { background-color: rgba(var(--rgb-accent-2),.9) !important; }

.bg-accent-2-gradient-d { background-image: var(--accent-2-gradient-d) !important; }
.bg-accent-2-gradient-d-inverse { background-image: var(--accent-2-gradient-d-inverse) !important; }
.bg-accent-2-gradient { background-image: var(--accent-2-gradient) !important; }
.bg-accent-2-gradient-h { background-image: var(--accent-2-gradient-h) !important; }
.bg-accent-2-gradient-h-inverse { background-image: var(--accent-2-gradient-h-inverse) !important; }
.bg-accent-2-gradient-v { background-image: var(--accent-2-gradient-v) !important; }
.bg-accent-2-gradient-v-inverse { background-image: var(--accent-2-gradient-v-inverse) !important; }

/* Background Colors : Accent 3 Colors */
.bg-accent-3 { background-color: var(--accent-3) !important; }
.bg-accent-3-l1 { background-color: var(--accent-3-l1) !important; }
.bg-accent-3-l2 { background-color: var(--accent-3-l2) !important; }
.bg-accent-3-l3 { background-color: var(--accent-3-l3) !important; }
.bg-accent-3-d1 { background-color: var(--accent-3-d1) !important; }
.bg-accent-3-d2 { background-color: var(--accent-3-d2) !important; }
.bg-accent-3-d3 { background-color: var(--accent-3-d3) !important; }
.bg-accent-3-font { background-color: var(--accent-3-font) !important; }
.bg-accent-3-font-l { background-color: var(--accent-3-font-l) !important; }
.bg-accent-3-font-d { background-color: var(--accent-3-font-d) !important; }
.bg-accent-3-10 { background-color: rgba(var(--rgb-accent-3),.1) !important; }
.bg-accent-3-20 { background-color: rgba(var(--rgb-accent-3),.2) !important; }
.bg-accent-3-30 { background-color: rgba(var(--rgb-accent-3),.3) !important; }
.bg-accent-3-40 { background-color: rgba(var(--rgb-accent-3),.4) !important; }
.bg-accent-3-50 { background-color: rgba(var(--rgb-accent-3),.5) !important; }
.bg-accent-3-60 { background-color: rgba(var(--rgb-accent-3),.6) !important; }
.bg-accent-3-70 { background-color: rgba(var(--rgb-accent-3),.7) !important; }
.bg-accent-3-80 { background-color: rgba(var(--rgb-accent-3),.8) !important; }
.bg-accent-3-90 { background-color: rgba(var(--rgb-accent-3),.9) !important; }

.bg-accent-3-gradient-d { background-image: var(--accent-3-gradient-d) !important; }
.bg-accent-3-gradient-d-inverse { background-image: var(--accent-3-gradient-d-inverse) !important; }
.bg-accent-3-gradient { background-image: var(--accent-3-gradient) !important; }
.bg-accent-3-gradient-h { background-image: var(--accent-3-gradient-h) !important; }
.bg-accent-3-gradient-h-inverse { background-image: var(--accent-3-gradient-h-inverse) !important; }
.bg-accent-3-gradient-v { background-image: var(--accent-3-gradient-v) !important; }
.bg-accent-3-gradient-v-inverse { background-image: var(--accent-3-gradient-v-inverse) !important; }

/* Background Colors : Accent 4 Colors */
.bg-accent-4 { background-color: var(--accent-4) !important; }
.bg-accent-4-l1 { background-color: var(--accent-4-l1) !important; }
.bg-accent-4-l2 { background-color: var(--accent-4-l2) !important; }
.bg-accent-4-l3 { background-color: var(--accent-4-l3) !important; }
.bg-accent-4-d1 { background-color: var(--accent-4-d1) !important; }
.bg-accent-4-d2 { background-color: var(--accent-4-d2) !important; }
.bg-accent-4-d3 { background-color: var(--accent-4-d3) !important; }
.bg-accent-4-font { background-color: var(--accent-4-font) !important; }
.bg-accent-4-font-l { background-color: var(--accent-4-font-l) !important; }
.bg-accent-4-font-d { background-color: var(--accent-4-font-d) !important; }
.bg-accent-4-10 { background-color: rgba(var(--rgb-accent-4),.1) !important; }
.bg-accent-4-20 { background-color: rgba(var(--rgb-accent-4),.2) !important; }
.bg-accent-4-30 { background-color: rgba(var(--rgb-accent-4),.3) !important; }
.bg-accent-4-40 { background-color: rgba(var(--rgb-accent-4),.4) !important; }
.bg-accent-4-50 { background-color: rgba(var(--rgb-accent-4),.5) !important; }
.bg-accent-4-60 { background-color: rgba(var(--rgb-accent-4),.6) !important; }
.bg-accent-4-70 { background-color: rgba(var(--rgb-accent-4),.7) !important; }
.bg-accent-4-80 { background-color: rgba(var(--rgb-accent-4),.8) !important; }
.bg-accent-4-90 { background-color: rgba(var(--rgb-accent-4),.9) !important; }

.bg-accent-4-gradient-d { background-image: var(--accent-4-gradient-d) !important; }
.bg-accent-4-gradient-d-inverse { background-image: var(--accent-4-gradient-d-inverse) !important; }
.bg-accent-4-gradient { background-image: var(--accent-4-gradient) !important; }
.bg-accent-4-gradient-h { background-image: var(--accent-4-gradient-h) !important; }
.bg-accent-4-gradient-h-inverse { background-image: var(--accent-4-gradient-h-inverse) !important; }
.bg-accent-4-gradient-v { background-image: var(--accent-4-gradient-v) !important; }
.bg-accent-4-gradient-v-inverse { background-image: var(--accent-4-gradient-v-inverse) !important; }

/* Background Colors : Accent 5 Colors */
.bg-accent-5 { background-color: var(--accent-5) !important; }
.bg-accent-5-l1 { background-color: var(--accent-5-l1) !important; }
.bg-accent-5-l2 { background-color: var(--accent-5-l2) !important; }
.bg-accent-5-l3 { background-color: var(--accent-5-l3) !important; }
.bg-accent-5-d1 { background-color: var(--accent-5-d1) !important; }
.bg-accent-5-d2 { background-color: var(--accent-5-d2) !important; }
.bg-accent-5-d3 { background-color: var(--accent-5-d3) !important; }
.bg-accent-5-font { background-color: var(--accent-5-font) !important; }
.bg-accent-5-font-l { background-color: var(--accent-5-font-l) !important; }
.bg-accent-5-font-d { background-color: var(--accent-5-font-d) !important; }
.bg-accent-5-10 { background-color: rgba(var(--rgb-accent-5),.1) !important; }
.bg-accent-5-20 { background-color: rgba(var(--rgb-accent-5),.2) !important; }
.bg-accent-5-30 { background-color: rgba(var(--rgb-accent-5),.3) !important; }
.bg-accent-5-40 { background-color: rgba(var(--rgb-accent-5),.4) !important; }
.bg-accent-5-50 { background-color: rgba(var(--rgb-accent-5),.5) !important; }
.bg-accent-5-60 { background-color: rgba(var(--rgb-accent-5),.6) !important; }
.bg-accent-5-70 { background-color: rgba(var(--rgb-accent-5),.7) !important; }
.bg-accent-5-80 { background-color: rgba(var(--rgb-accent-5),.8) !important; }
.bg-accent-5-90 { background-color: rgba(var(--rgb-accent-5),.9) !important; }

.bg-accent-5-gradient-d { background-image: var(--accent-5-gradient-d) !important; }
.bg-accent-5-gradient-d-inverse { background-image: var(--accent-5-gradient-d-inverse) !important; }
.bg-accent-5-gradient { background-image: var(--accent-5-gradient) !important; }
.bg-accent-5-gradient-h { background-image: var(--accent-5-gradient-h) !important; }
.bg-accent-5-gradient-h-inverse { background-image: var(--accent-5-gradient-h-inverse) !important; }
.bg-accent-5-gradient-v { background-image: var(--accent-5-gradient-v) !important; }
.bg-accent-5-gradient-v-inverse { background-image: var(--accent-5-gradient-v-inverse) !important; }

/* Background Colors : Accent 6 Colors */
.bg-accent-6 { background-color: var(--accent-6) !important; }
.bg-accent-6-l1 { background-color: var(--accent-6-l1) !important; }
.bg-accent-6-l2 { background-color: var(--accent-6-l2) !important; }
.bg-accent-6-l3 { background-color: var(--accent-6-l3) !important; }
.bg-accent-6-d1 { background-color: var(--accent-6-d1) !important; }
.bg-accent-6-d2 { background-color: var(--accent-6-d2) !important; }
.bg-accent-6-d3 { background-color: var(--accent-6-d3) !important; }
.bg-accent-6-font { background-color: var(--accent-6-font) !important; }
.bg-accent-6-font-l { background-color: var(--accent-6-font-l) !important; }
.bg-accent-6-font-d { background-color: var(--accent-6-font-d) !important; }
.bg-accent-6-10 { background-color: rgba(var(--rgb-accent-6),.1) !important; }
.bg-accent-6-20 { background-color: rgba(var(--rgb-accent-6),.2) !important; }
.bg-accent-6-30 { background-color: rgba(var(--rgb-accent-6),.3) !important; }
.bg-accent-6-40 { background-color: rgba(var(--rgb-accent-6),.4) !important; }
.bg-accent-6-50 { background-color: rgba(var(--rgb-accent-6),.5) !important; }
.bg-accent-6-60 { background-color: rgba(var(--rgb-accent-6),.6) !important; }
.bg-accent-6-70 { background-color: rgba(var(--rgb-accent-6),.7) !important; }
.bg-accent-6-80 { background-color: rgba(var(--rgb-accent-6),.8) !important; }
.bg-accent-6-90 { background-color: rgba(var(--rgb-accent-6),.9) !important; }

.bg-accent-6-gradient-d { background-image: var(--accent-6-gradient-d) !important; }
.bg-accent-6-gradient-d-inverse { background-image: var(--accent-6-gradient-d-inverse) !important; }
.bg-accent-6-gradient { background-image: var(--accent-6-gradient) !important; }
.bg-accent-6-gradient-h { background-image: var(--accent-6-gradient-h) !important; }
.bg-accent-6-gradient-h-inverse { background-image: var(--accent-6-gradient-h-inverse) !important; }
.bg-accent-6-gradient-v { background-image: var(--accent-6-gradient-v) !important; }
.bg-accent-6-gradient-v-inverse { background-image: var(--accent-6-gradient-v-inverse) !important; }

/*  ## 2.11 Spectrum Colors (Red, Pink, Purple, etc.) */

/* Background Colors : Red Colors */
.bg-red { background-color: var(--red) !important; }
.bg-red-l1 { background-color: var(--red-l1) !important; }
.bg-red-l2 { background-color: var(--red-l2) !important; }
.bg-red-l3 { background-color: var(--red-l3) !important; }
.bg-red-d1 { background-color: var(--red-d1) !important; }
.bg-red-d2 { background-color: var(--red-d2) !important; }
.bg-red-d3 { background-color: var(--red-d3) !important; }
.bg-red-font { background-color: var(--red-font) !important; }
.bg-red-font-l { background-color: var(--red-font-l) !important; }
.bg-red-font-d { background-color: var(--red-font-d) !important; }
.bg-red-10 { background-color: rgba(var(--rgb-red),.1) !important; }
.bg-red-20 { background-color: rgba(var(--rgb-red),.2) !important; }
.bg-red-30 { background-color: rgba(var(--rgb-red),.3) !important; }
.bg-red-40 { background-color: rgba(var(--rgb-red),.4) !important; }
.bg-red-50 { background-color: rgba(var(--rgb-red),.5) !important; }
.bg-red-60 { background-color: rgba(var(--rgb-red),.6) !important; }
.bg-red-70 { background-color: rgba(var(--rgb-red),.7) !important; }
.bg-red-80 { background-color: rgba(var(--rgb-red),.8) !important; }
.bg-red-90 { background-color: rgba(var(--rgb-red),.9) !important; }

.bg-red-gradient-d { background-image: var(--red-gradient-d) !important; }
.bg-red-gradient-d-inverse { background-image: var(--red-gradient-d-inverse) !important; }
.bg-red-gradient { background-image: var(--red-gradient) !important; }
.bg-red-gradient-h { background-image: var(--red-gradient-h) !important; }
.bg-red-gradient-h-inverse { background-image: var(--red-gradient-h-inverse) !important; }
.bg-red-gradient-v { background-image: var(--red-gradient-v) !important; }
.bg-red-gradient-v-inverse { background-image: var(--red-gradient-v-inverse) !important; }

/* Background Colors : Pink Colors */
.bg-pink { background-color: var(--pink) !important; }
.bg-pink-l1 { background-color: var(--pink-l1) !important; }
.bg-pink-l2 { background-color: var(--pink-l2) !important; }
.bg-pink-l3 { background-color: var(--pink-l3) !important; }
.bg-pink-d1 { background-color: var(--pink-d1) !important; }
.bg-pink-d2 { background-color: var(--pink-d2) !important; }
.bg-pink-d3 { background-color: var(--pink-d3) !important; }
.bg-pink-font { background-color: var(--pink-font) !important; }
.bg-pink-font-l { background-color: var(--pink-font-l) !important; }
.bg-pink-font-d { background-color: var(--pink-font-d) !important; }
.bg-pink-10 { background-color: rgba(var(--rgb-pink),.1) !important; }
.bg-pink-20 { background-color: rgba(var(--rgb-pink),.2) !important; }
.bg-pink-30 { background-color: rgba(var(--rgb-pink),.3) !important; }
.bg-pink-40 { background-color: rgba(var(--rgb-pink),.4) !important; }
.bg-pink-50 { background-color: rgba(var(--rgb-pink),.5) !important; }
.bg-pink-60 { background-color: rgba(var(--rgb-pink),.6) !important; }
.bg-pink-70 { background-color: rgba(var(--rgb-pink),.7) !important; }
.bg-pink-80 { background-color: rgba(var(--rgb-pink),.8) !important; }
.bg-pink-90 { background-color: rgba(var(--rgb-pink),.9) !important; }

.bg-pink-gradient-d { background-image: var(--pink-gradient-d) !important; }
.bg-pink-gradient-d-inverse { background-image: var(--pink-gradient-d-inverse) !important; }
.bg-pink-gradient { background-image: var(--pink-gradient) !important; }
.bg-pink-gradient-h { background-image: var(--pink-gradient-h) !important; }
.bg-pink-gradient-h-inverse { background-image: var(--pink-gradient-h-inverse) !important; }
.bg-pink-gradient-v { background-image: var(--pink-gradient-v) !important; }
.bg-pink-gradient-v-inverse { background-image: var(--pink-gradient-v-inverse) !important; }

/* Background Colors : Purple Colors */
.bg-purple { background-color: var(--purple) !important; }
.bg-purple-l1 { background-color: var(--purple-l1) !important; }
.bg-purple-l2 { background-color: var(--purple-l2) !important; }
.bg-purple-l3 { background-color: var(--purple-l3) !important; }
.bg-purple-d1 { background-color: var(--purple-d1) !important; }
.bg-purple-d2 { background-color: var(--purple-d2) !important; }
.bg-purple-d3 { background-color: var(--purple-d3) !important; }
.bg-purple-font { background-color: var(--purple-font) !important; }
.bg-purple-font-l { background-color: var(--purple-font-l) !important; }
.bg-purple-font-d { background-color: var(--purple-font-d) !important; }
.bg-purple-10 { background-color: rgba(var(--rgb-purple),.1) !important; }
.bg-purple-20 { background-color: rgba(var(--rgb-purple),.2) !important; }
.bg-purple-30 { background-color: rgba(var(--rgb-purple),.3) !important; }
.bg-purple-40 { background-color: rgba(var(--rgb-purple),.4) !important; }
.bg-purple-50 { background-color: rgba(var(--rgb-purple),.5) !important; }
.bg-purple-60 { background-color: rgba(var(--rgb-purple),.6) !important; }
.bg-purple-70 { background-color: rgba(var(--rgb-purple),.7) !important; }
.bg-purple-80 { background-color: rgba(var(--rgb-purple),.8) !important; }
.bg-purple-90 { background-color: rgba(var(--rgb-purple),.9) !important; }

.bg-purple-gradient-d { background-image: var(--purple-gradient-d) !important; }
.bg-purple-gradient-d-inverse { background-image: var(--purple-gradient-d-inverse) !important; }
.bg-purple-gradient { background-image: var(--purple-gradient) !important; }
.bg-purple-gradient-h { background-image: var(--purple-gradient-h) !important; }
.bg-purple-gradient-h-inverse { background-image: var(--purple-gradient-h-inverse) !important; }
.bg-purple-gradient-v { background-image: var(--purple-gradient-v) !important; }
.bg-purple-gradient-v-inverse { background-image: var(--purple-gradient-v-inverse) !important; }

/* Background Colors : Deep Purple Colors */
.bg-deeppurple { background-color: var(--deeppurple) !important; }
.bg-deeppurple-l1 { background-color: var(--deeppurple-l1) !important; }
.bg-deeppurple-l2 { background-color: var(--deeppurple-l2) !important; }
.bg-deeppurple-l3 { background-color: var(--deeppurple-l3) !important; }
.bg-deeppurple-d1 { background-color: var(--deeppurple-d1) !important; }
.bg-deeppurple-d2 { background-color: var(--deeppurple-d2) !important; }
.bg-deeppurple-d3 { background-color: var(--deeppurple-d3) !important; }
.bg-deeopurple-font { background-color: var(--deeppurple-font) !important; }
.bg-deeppurple-font-l { background-color: var(--deeopurple-font-l) !important; }
.bg-deeppurple-font-d { background-color: var(--deeppurple-font-d) !important; }
.bg-deeppurple-10 { background-color: rgba(var(--rgb-deeppurple),.1) !important; }
.bg-deeppurple-20 { background-color: rgba(var(--rgb-deeppurple),.2) !important; }
.bg-deeppurple-30 { background-color: rgba(var(--rgb-deeppurple),.3) !important; }
.bg-deeppurple-40 { background-color: rgba(var(--rgb-deeppurple),.4) !important; }
.bg-deeppurple-50 { background-color: rgba(var(--rgb-deeppurple),.5) !important; }
.bg-deeppurple-60 { background-color: rgba(var(--rgb-deeppurple),.6) !important; }
.bg-deeppurple-70 { background-color: rgba(var(--rgb-deeppurple),.7) !important; }
.bg-deeppurple-80 { background-color: rgba(var(--rgb-deeppurple),.8) !important; }
.bg-deeppurple-90 { background-color: rgba(var(--rgb-deeppurple),.9) !important; }

.bg-deeppurple-gradient-d { background-image: var(--deeppurple-gradient-d) !important; }
.bg-deeppurple-gradient-d-inverse { background-image: var(--deeppurple-gradient-d-inverse) !important; }
.bg-deeppurple-gradient { background-image: var(--deeppurple-gradient) !important; }
.bg-deeppurple-gradient-h { background-image: var(--deeppurple-gradient-h) !important; }
.bg-deeppurple-gradient-h-inverse { background-image: var(--deeppurple-gradient-h-inverse) !important; }
.bg-deeppurple-gradient-v { background-image: var(--deeppurple-gradient-v) !important; }
.bg-deeppurple-gradient-v-inverse { background-image: var(--deeppurple-gradient-v-inverse) !important; }

/* Background Colors : Indigo Colors */
.bg-indigo { background-color: var(--indigo) !important; }
.bg-indigo-l1 { background-color: var(--indigo-l1) !important; }
.bg-indigo-l2 { background-color: var(--indigo-l2) !important; }
.bg-indigo-l3 { background-color: var(--indigo-l3) !important; }
.bg-indigo-d1 { background-color: var(--indigo-d1) !important; }
.bg-indigo-d2 { background-color: var(--indigo-d2) !important; }
.bg-indigo-d3 { background-color: var(--indigo-d3) !important; }
.bg-indigo-font { background-color: var(--indigo-font) !important; }
.bg-indigo-font-l { background-color: var(--indigo-font-l) !important; }
.bg-indigo-font-d { background-color: var(--indigo-font-d) !important; }
.bg-indigo-10 { background-color: rgba(var(--rgb-indigo),.1) !important; }
.bg-indigo-20 { background-color: rgba(var(--rgb-indigo),.2) !important; }
.bg-indigo-30 { background-color: rgba(var(--rgb-indigo),.3) !important; }
.bg-indigo-40 { background-color: rgba(var(--rgb-indigo),.4) !important; }
.bg-indigo-50 { background-color: rgba(var(--rgb-indigo),.5) !important; }
.bg-indigo-60 { background-color: rgba(var(--rgb-indigo),.6) !important; }
.bg-indigo-70 { background-color: rgba(var(--rgb-indigo),.7) !important; }
.bg-indigo-80 { background-color: rgba(var(--rgb-indigo),.8) !important; }
.bg-indigo-90 { background-color: rgba(var(--rgb-indigo),.9) !important; }

.bg-indigo-gradient-d { background-image: var(--indigo-gradient-d) !important; }
.bg-indigo-gradient-d-inverse { background-image: var(--indigo-gradient-d-inverse) !important; }
.bg-indigo-gradient { background-image: var(--indigo-gradient) !important; }
.bg-indigo-gradient-h { background-image: var(--indigo-gradient-h) !important; }
.bg-indigo-gradient-h-inverse { background-image: var(--indigo-gradient-h-inverse) !important; }
.bg-indigo-gradient-v { background-image: var(--indigo-gradient-v) !important; }
.bg-indigo-gradient-v-inverse { background-image: var(--indigo-gradient-v-inverse) !important; }

/* Background Colors : Blue Colors */
.bg-blue { background-color: var(--blue) !important; }
.bg-blue-l1 { background-color: var(--blue-l1) !important; }
.bg-blue-l2 { background-color: var(--blue-l2) !important; }
.bg-blue-l3 { background-color: var(--blue-l3) !important; }
.bg-blue-d1 { background-color: var(--blue-d1) !important; }
.bg-blue-d2 { background-color: var(--blue-d2) !important; }
.bg-blue-d3 { background-color: var(--blue-d3) !important; }
.bg-blue-font { background-color: var(--blue-font) !important; }
.bg-blue-font-l { background-color: var(--blue-font-l) !important; }
.bg-blue-font-d { background-color: var(--blue-font-d) !important; }
.bg-blue-10 { background-color: rgba(var(--rgb-blue),.1) !important; }
.bg-blue-20 { background-color: rgba(var(--rgb-blue),.2) !important; }
.bg-blue-30 { background-color: rgba(var(--rgb-blue),.3) !important; }
.bg-blue-40 { background-color: rgba(var(--rgb-blue),.4) !important; }
.bg-blue-50 { background-color: rgba(var(--rgb-blue),.5) !important; }
.bg-blue-60 { background-color: rgba(var(--rgb-blue),.6) !important; }
.bg-blue-70 { background-color: rgba(var(--rgb-blue),.7) !important; }
.bg-blue-80 { background-color: rgba(var(--rgb-blue),.8) !important; }
.bg-blue-90 { background-color: rgba(var(--rgb-blue),.9) !important; }

.bg-blue-gradient-d { background-image: var(--blue-gradient-d) !important; }
.bg-blue-gradient-d-inverse { background-image: var(--blue-gradient-d-inverse) !important; }
.bg-blue-gradient { background-image: var(--blue-gradient) !important; }
.bg-blue-gradient-h { background-image: var(--blue-gradient-h) !important; }
.bg-blue-gradient-h-inverse { background-image: var(--blue-gradient-h-inverse) !important; }
.bg-blue-gradient-v { background-image: var(--blue-gradient-v) !important; }
.bg-blue-gradient-v-inverse { background-image: var(--blue-gradient-v-inverse) !important; }

/* Background Colors : LightBlue Colors */
.bg-lightblue { background-color: var(--lightblue) !important; }
.bg-lightblue-l1 { background-color: var(--lightblue-l1) !important; }
.bg-lightblue-l2 { background-color: var(--lightblue-l2) !important; }
.bg-lightblue-l3 { background-color: var(--lightblue-l3) !important; }
.bg-lightblue-d1 { background-color: var(--lightblue-d1) !important; }
.bg-lightblue-d2 { background-color: var(--lightblue-d2) !important; }
.bg-lightblue-d3 { background-color: var(--lightblue-d3) !important; }
.bg-lightblue-font { background-color: var(--lightblue-font) !important; }
.bg-lightblue-font-l { background-color: var(--lightblue-font-l) !important; }
.bg-lightblue-font-d { background-color: var(--lightblue-font-d) !important; }
.bg-lightblue-10 { background-color: rgba(var(--rgb-lightblue),.1) !important; }
.bg-lightblue-20 { background-color: rgba(var(--rgb-lightblue),.2) !important; }
.bg-lightblue-30 { background-color: rgba(var(--rgb-lightblue),.3) !important; }
.bg-lightblue-40 { background-color: rgba(var(--rgb-lightblue),.4) !important; }
.bg-lightblue-50 { background-color: rgba(var(--rgb-lightblue),.5) !important; }
.bg-lightblue-60 { background-color: rgba(var(--rgb-lightblue),.6) !important; }
.bg-lightblue-70 { background-color: rgba(var(--rgb-lightblue),.7) !important; }
.bg-lightblue-80 { background-color: rgba(var(--rgb-lightblue),.8) !important; }
.bg-lightblue-90 { background-color: rgba(var(--rgb-lightblue),.9) !important; }

.bg-lightblue-gradient-d { background-image: var(--lightblue-gradient-d) !important; }
.bg-lightblue-gradient-d-inverse { background-image: var(--lightblue-gradient-d-inverse) !important; }
.bg-lightblue-gradient { background-image: var(--lightblue-gradient) !important; }
.bg-lightblue-gradient-h { background-image: var(--lightblue-gradient-h) !important; }
.bg-lightblue-gradient-h-inverse { background-image: var(--lightblue-gradient-h-inverse) !important; }
.bg-lightblue-gradient-v { background-image: var(--lightblue-gradient-v) !important; }
.bg-lightblue-gradient-v-inverse { background-image: var(--lightblue-gradient-v-inverse) !important; }

/* Background Colors : Cyan Colors */
.bg-cyan { background-color: var(--cyan) !important; }
.bg-cyan-l1 { background-color: var(--cyan-l1) !important; }
.bg-cyan-l2 { background-color: var(--cyan-l2) !important; }
.bg-cyan-l3 { background-color: var(--cyan-l3) !important; }
.bg-cyan-d1 { background-color: var(--cyan-d1) !important; }
.bg-cyan-d2 { background-color: var(--cyan-d2) !important; }
.bg-cyan-d3 { background-color: var(--cyan-d3) !important; }
.bg-cyan-font { background-color: var(--cyan-font) !important; }
.bg-cyan-font-l { background-color: var(--cyan-font-l) !important; }
.bg-cyan-font-d { background-color: var(--cyan-font-d) !important; }
.bg-cyan-10 { background-color: rgba(var(--rgb-cyan),.1) !important; }
.bg-cyan-20 { background-color: rgba(var(--rgb-cyan),.2) !important; }
.bg-cyan-30 { background-color: rgba(var(--rgb-cyan),.3) !important; }
.bg-cyan-40 { background-color: rgba(var(--rgb-cyan),.4) !important; }
.bg-cyan-50 { background-color: rgba(var(--rgb-cyan),.5) !important; }
.bg-cyan-60 { background-color: rgba(var(--rgb-cyan),.6) !important; }
.bg-cyan-70 { background-color: rgba(var(--rgb-cyan),.7) !important; }
.bg-cyan-80 { background-color: rgba(var(--rgb-cyan),.8) !important; }
.bg-cyan-90 { background-color: rgba(var(--rgb-cyan),.9) !important; }

.bg-cyan-gradient-d { background-image: var(--cyan-gradient-d) !important; }
.bg-cyan-gradient-d-inverse { background-image: var(--cyan-gradient-d-inverse) !important; }
.bg-cyan-gradient { background-image: var(--cyan-gradient) !important; }
.bg-cyan-gradient-h { background-image: var(--cyan-gradient-h) !important; }
.bg-cyan-gradient-h-inverse { background-image: var(--cyan-gradient-h-inverse) !important; }
.bg-cyan-gradient-v { background-image: var(--cyan-gradient-v) !important; }
.bg-cyan-gradient-v-inverse { background-image: var(--cyan-gradient-v-inverse) !important; }

/* Background Colors : Teal Colors */
.bg-teal { background-color: var(--teal) !important; }
.bg-teal-l1 { background-color: var(--teal-l1) !important; }
.bg-teal-l2 { background-color: var(--teal-l2) !important; }
.bg-teal-l3 { background-color: var(--teal-l3) !important; }
.bg-teal-d1 { background-color: var(--teal-d1) !important; }
.bg-teal-d2 { background-color: var(--teal-d2) !important; }
.bg-teal-d3 { background-color: var(--teal-d3) !important; }
.bg-teal-font { background-color: var(--teal-font) !important; }
.bg-teal-font-l { background-color: var(--teal-font-l) !important; }
.bg-teal-font-d { background-color: var(--teal-font-d) !important; }
.bg-teal-10 { background-color: rgba(var(--rgb-teal),.1) !important; }
.bg-teal-20 { background-color: rgba(var(--rgb-teal),.2) !important; }
.bg-teal-30 { background-color: rgba(var(--rgb-teal),.3) !important; }
.bg-teal-40 { background-color: rgba(var(--rgb-teal),.4) !important; }
.bg-teal-50 { background-color: rgba(var(--rgb-teal),.5) !important; }
.bg-teal-60 { background-color: rgba(var(--rgb-teal),.6) !important; }
.bg-teal-70 { background-color: rgba(var(--rgb-teal),.7) !important; }
.bg-teal-80 { background-color: rgba(var(--rgb-teal),.8) !important; }
.bg-teal-90 { background-color: rgba(var(--rgb-teal),.9) !important; }

.bg-teal-gradient-d { background-image: var(--teal-gradient-d) !important; }
.bg-teal-gradient-d-inverse { background-image: var(--teal-gradient-d-inverse) !important; }
.bg-teal-gradient { background-image: var(--teal-gradient) !important; }
.bg-teal-gradient-h { background-image: var(--teal-gradient-h) !important; }
.bg-teal-gradient-h-inverse { background-image: var(--teal-gradient-h-inverse) !important; }
.bg-teal-gradient-v { background-image: var(--teal-gradient-v) !important; }
.bg-teal-gradient-v-inverse { background-image: var(--teal-gradient-v-inverse) !important; }

/* Background Colors : Green Colors */
.bg-green { background-color: var(--green) !important; }
.bg-green-l1 { background-color: var(--green-l1) !important; }
.bg-green-l2 { background-color: var(--green-l2) !important; }
.bg-green-l3 { background-color: var(--green-l3) !important; }
.bg-green-d1 { background-color: var(--green-d1) !important; }
.bg-green-d2 { background-color: var(--green-d2) !important; }
.bg-green-d3 { background-color: var(--green-d3) !important; }
.bg-green-font { background-color: var(--green-font) !important; }
.bg-green-font-l { background-color: var(--green-font-l) !important; }
.bg-green-font-d { background-color: var(--green-font-d) !important; }
.bg-green-10 { background-color: rgba(var(--rgb-green),.1) !important; }
.bg-green-20 { background-color: rgba(var(--rgb-green),.2) !important; }
.bg-green-30 { background-color: rgba(var(--rgb-green),.3) !important; }
.bg-green-40 { background-color: rgba(var(--rgb-green),.4) !important; }
.bg-green-50 { background-color: rgba(var(--rgb-green),.5) !important; }
.bg-green-60 { background-color: rgba(var(--rgb-green),.6) !important; }
.bg-green-70 { background-color: rgba(var(--rgb-green),.7) !important; }
.bg-green-80 { background-color: rgba(var(--rgb-green),.8) !important; }
.bg-green-90 { background-color: rgba(var(--rgb-green),.9) !important; }

.bg-green-gradient-d { background-image: var(--green-gradient-d) !important; }
.bg-green-gradient-d-inverse { background-image: var(--green-gradient-d-inverse) !important; }
.bg-green-gradient { background-image: var(--green-gradient) !important; }
.bg-green-gradient-h { background-image: var(--green-gradient-h) !important; }
.bg-green-gradient-h-inverse { background-image: var(--green-gradient-h-inverse) !important; }
.bg-green-gradient-v { background-image: var(--green-gradient-v) !important; }
.bg-green-gradient-v-inverse { background-image: var(--green-gradient-v-inverse) !important; }

/* Background Colors : LightGreen Colors */
.bg-lightgreen { background-color: var(--lightgreen) !important; }
.bg-lightgreen-l1 { background-color: var(--lightgreen-l1) !important; }
.bg-lightgreen-l2 { background-color: var(--lightgreen-l2) !important; }
.bg-lightgreen-l3 { background-color: var(--lightgreen-l3) !important; }
.bg-lightgreen-d1 { background-color: var(--lightgreen-d1) !important; }
.bg-lightgreen-d2 { background-color: var(--lightgreen-d2) !important; }
.bg-lightgreen-d3 { background-color: var(--lightgreen-d3) !important; }
.bg-lightgreen-font { background-color: var(--lightgreen-font) !important; }
.bg-lightgreen-font-l { background-color: var(--lightgreen-font-l) !important; }
.bg-lightgreen-font-d { background-color: var(--lightgreen-font-d) !important; }
.bg-lightgreen-10 { background-color: rgba(var(--rgb-lightgreen),.1) !important; }
.bg-lightgreen-20 { background-color: rgba(var(--rgb-lightgreen),.2) !important; }
.bg-lightgreen-30 { background-color: rgba(var(--rgb-lightgreen),.3) !important; }
.bg-lightgreen-40 { background-color: rgba(var(--rgb-lightgreen),.4) !important; }
.bg-lightgreen-50 { background-color: rgba(var(--rgb-lightgreen),.5) !important; }
.bg-lightgreen-60 { background-color: rgba(var(--rgb-lightgreen),.6) !important; }
.bg-lightgreen-70 { background-color: rgba(var(--rgb-lightgreen),.7) !important; }
.bg-lightgreen-80 { background-color: rgba(var(--rgb-lightgreen),.8) !important; }
.bg-lightgreen-90 { background-color: rgba(var(--rgb-lightgreen),.9) !important; }

.bg-lightgreen-gradient-d { background-image: var(--lightgreen-gradient-d) !important; }
.bg-lightgreen-gradient-d-inverse { background-image: var(--lightgreen-gradient-d-inverse) !important; }
.bg-lightgreen-gradient { background-image: var(--lightgreen-gradient) !important; }
.bg-lightgreen-gradient-h { background-image: var(--lightgreen-gradient-h) !important; }
.bg-lightgreen-gradient-h-inverse { background-image: var(--lightgreen-gradient-h-inverse) !important; }
.bg-lightgreen-gradient-v { background-image: var(--lightgreen-gradient-v) !important; }
.bg-lightgreen-gradient-v-inverse { background-image: var(--lightgreen-gradient-v-inverse) !important; }

/* Background Colors : Lime Colors */
.bg-lime { background-color: var(--lime) !important; }
.bg-lime-l1 { background-color: var(--lime-l1) !important; }
.bg-lime-l2 { background-color: var(--lime-l2) !important; }
.bg-lime-l3 { background-color: var(--lime-l3) !important; }
.bg-lime-d1 { background-color: var(--lime-d1) !important; }
.bg-lime-d2 { background-color: var(--lime-d2) !important; }
.bg-lime-d3 { background-color: var(--lime-d3) !important; }
.bg-lime-font { background-color: var(--lime-font) !important; }
.bg-lime-font-l { background-color: var(--lime-font-l) !important; }
.bg-lime-font-d { background-color: var(--lime-font-d) !important; }
.bg-lime-10 { background-color: rgba(var(--rgb-lime),.1) !important; }
.bg-lime-20 { background-color: rgba(var(--rgb-lime),.2) !important; }
.bg-lime-30 { background-color: rgba(var(--rgb-lime),.3) !important; }
.bg-lime-40 { background-color: rgba(var(--rgb-lime),.4) !important; }
.bg-lime-50 { background-color: rgba(var(--rgb-lime),.5) !important; }
.bg-lime-60 { background-color: rgba(var(--rgb-lime),.6) !important; }
.bg-lime-70 { background-color: rgba(var(--rgb-lime),.7) !important; }
.bg-lime-80 { background-color: rgba(var(--rgb-lime),.8) !important; }
.bg-lime-90 { background-color: rgba(var(--rgb-lime),.9) !important; }

.bg-lime-gradient-d { background-image: var(--lime-gradient-d) !important; }
.bg-lime-gradient-d-inverse { background-image: var(--lime-gradient-d-inverse) !important; }
.bg-lime-gradient { background-image: var(--lime-gradient) !important; }
.bg-lime-gradient-h { background-image: var(--lime-gradient-h) !important; }
.bg-lime-gradient-h-inverse { background-image: var(--lime-gradient-h-inverse) !important; }
.bg-lime-gradient-v { background-image: var(--lime-gradient-v) !important; }
.bg-lime-gradient-v-inverse { background-image: var(--lime-gradient-v-inverse) !important; }

/* Background Colors : Yellow Colors */
.bg-yellow { background-color: var(--yellow) !important; }
.bg-yellow-l1 { background-color: var(--yellow-l1) !important; }
.bg-yellow-l2 { background-color: var(--yellow-l2) !important; }
.bg-yellow-l3 { background-color: var(--yellow-l3) !important; }
.bg-yellow-d1 { background-color: var(--yellow-d1) !important; }
.bg-yellow-d2 { background-color: var(--yellow-d2) !important; }
.bg-yellow-d3 { background-color: var(--yellow-d3) !important; }
.bg-yellow-font { background-color: var(--yellow-font) !important; }
.bg-yellow-font-l { background-color: var(--yellow-font-l) !important; }
.bg-yellow-font-d { background-color: var(--yellow-font-d) !important; }
.bg-yellow-10 { background-color: rgba(var(--rgb-yellow),.1) !important; }
.bg-yellow-20 { background-color: rgba(var(--rgb-yellow),.2) !important; }
.bg-yellow-30 { background-color: rgba(var(--rgb-yellow),.3) !important; }
.bg-yellow-40 { background-color: rgba(var(--rgb-yellow),.4) !important; }
.bg-yellow-50 { background-color: rgba(var(--rgb-yellow),.5) !important; }
.bg-yellow-60 { background-color: rgba(var(--rgb-yellow),.6) !important; }
.bg-yellow-70 { background-color: rgba(var(--rgb-yellow),.7) !important; }
.bg-yellow-80 { background-color: rgba(var(--rgb-yellow),.8) !important; }
.bg-yellow-90 { background-color: rgba(var(--rgb-yellow),.9) !important; }

.bg-yellow-gradient-d { background-image: var(--yellow-gradient-d) !important; }
.bg-yellow-gradient-d-inverse { background-image: var(--yellow-gradient-d-inverse) !important; }
.bg-yellow-gradient { background-image: var(--yellow-gradient) !important; }
.bg-yellow-gradient-h { background-image: var(--yellow-gradient-h) !important; }
.bg-yellow-gradient-h-inverse { background-image: var(--yellow-gradient-h-inverse) !important; }
.bg-yellow-gradient-v { background-image: var(--yellow-gradient-v) !important; }
.bg-yellow-gradient-v-inverse { background-image: var(--yellow-gradient-v-inverse) !important; }

/* Background Colors : Amber Colors */
.bg-amber { background-color: var(--amber) !important; }
.bg-amber-l1 { background-color: var(--amber-l1) !important; }
.bg-amber-l2 { background-color: var(--amber-l2) !important; }
.bg-amber-l3 { background-color: var(--amber-l3) !important; }
.bg-amber-d1 { background-color: var(--amber-d1) !important; }
.bg-amber-d2 { background-color: var(--amber-d2) !important; }
.bg-amber-d3 { background-color: var(--amber-d3) !important; }
.bg-amber-font { background-color: var(--amber-font) !important; }
.bg-amber-font-l { background-color: var(--amber-font-l) !important; }
.bg-amber-font-d { background-color: var(--amber-font-d) !important; }
.bg-amber-10 { background-color: rgba(var(--rgb-amber),.1) !important; }
.bg-amber-20 { background-color: rgba(var(--rgb-amber),.2) !important; }
.bg-amber-30 { background-color: rgba(var(--rgb-amber),.3) !important; }
.bg-amber-40 { background-color: rgba(var(--rgb-amber),.4) !important; }
.bg-amber-50 { background-color: rgba(var(--rgb-amber),.5) !important; }
.bg-amber-60 { background-color: rgba(var(--rgb-amber),.6) !important; }
.bg-amber-70 { background-color: rgba(var(--rgb-amber),.7) !important; }
.bg-amber-80 { background-color: rgba(var(--rgb-amber),.8) !important; }
.bg-amber-90 { background-color: rgba(var(--rgb-amber),.9) !important; }

.bg-amber-gradient-d { background-image: var(--amber-gradient-d) !important; }
.bg-amber-gradient-d-inverse { background-image: var(--amber-gradient-d-inverse) !important; }
.bg-amber-gradient { background-image: var(--amber-gradient) !important; }
.bg-amber-gradient-h { background-image: var(--amber-gradient-h) !important; }
.bg-amber-gradient-h-inverse { background-image: var(--amber-gradient-h-inverse) !important; }
.bg-amber-gradient-v { background-image: var(--amber-gradient-v) !important; }
.bg-amber-gradient-v-inverse { background-image: var(--amber-gradient-v-inverse) !important; }

/* Background Colors : Orange Colors */
.bg-orange { background-color: var(--orange) !important; }
.bg-orange-l1 { background-color: var(--orange-l1) !important; }
.bg-orange-l2 { background-color: var(--orange-l2) !important; }
.bg-orange-l3 { background-color: var(--orange-l3) !important; }
.bg-orange-d1 { background-color: var(--orange-d1) !important; }
.bg-orange-d2 { background-color: var(--orange-d2) !important; }
.bg-orange-d3 { background-color: var(--orange-d3) !important; }
.bg-orange-font { background-color: var(--orange-font) !important; }
.bg-orange-font-l { background-color: var(--orange-font-l) !important; }
.bg-orange-font-d { background-color: var(--orange-font-d) !important; }
.bg-orange-10 { background-color: rgba(var(--rgb-orange),.1) !important; }
.bg-orange-20 { background-color: rgba(var(--rgb-orange),.2) !important; }
.bg-orange-30 { background-color: rgba(var(--rgb-orange),.3) !important; }
.bg-orange-40 { background-color: rgba(var(--rgb-orange),.4) !important; }
.bg-orange-50 { background-color: rgba(var(--rgb-orange),.5) !important; }
.bg-orange-60 { background-color: rgba(var(--rgb-orange),.6) !important; }
.bg-orange-70 { background-color: rgba(var(--rgb-orange),.7) !important; }
.bg-orange-80 { background-color: rgba(var(--rgb-orange),.8) !important; }
.bg-orange-90 { background-color: rgba(var(--rgb-orange),.9) !important; }

.bg-orange-gradient-d { background-image: var(--orange-gradient-d) !important; }
.bg-orange-gradient-d-inverse { background-image: var(--orange-gradient-d-inverse) !important; }
.bg-orange-gradient { background-image: var(--orange-gradient) !important; }
.bg-orange-gradient-h { background-image: var(--orange-gradient-h) !important; }
.bg-orange-gradient-h-inverse { background-image: var(--orange-gradient-h-inverse) !important; }
.bg-orange-gradient-v { background-image: var(--orange-gradient-v) !important; }
.bg-orange-gradient-v-inverse { background-image: var(--orange-gradient-v-inverse) !important; }

/* Background Colors : DeepOrange Colors */
.bg-deeporange { background-color: var(--deeporange) !important; }
.bg-deeporange-l1 { background-color: var(--deeporange-l1) !important; }
.bg-deeporange-l2 { background-color: var(--deeporange-l2) !important; }
.bg-deeporange-l3 { background-color: var(--deeporange-l3) !important; }
.bg-deeporange-d1 { background-color: var(--deeporange-d1) !important; }
.bg-deeporange-d2 { background-color: var(--deeporange-d2) !important; }
.bg-deeporange-d3 { background-color: var(--deeporange-d3) !important; }
.bg-deeporange-font { background-color: var(--deeporange-font) !important; }
.bg-deeporange-font-l { background-color: var(--deeporange-font-l) !important; }
.bg-deeporange-font-d { background-color: var(--deeporange-font-d) !important; }
.bg-deeporange-10 { background-color: rgba(var(--rgb-deeporange),.1) !important; }
.bg-deeporange-20 { background-color: rgba(var(--rgb-deeporange),.2) !important; }
.bg-deeporange-30 { background-color: rgba(var(--rgb-deeporange),.3) !important; }
.bg-deeporange-40 { background-color: rgba(var(--rgb-deeporange),.4) !important; }
.bg-deeporange-50 { background-color: rgba(var(--rgb-deeporange),.5) !important; }
.bg-deeporange-60 { background-color: rgba(var(--rgb-deeporange),.6) !important; }
.bg-deeporange-70 { background-color: rgba(var(--rgb-deeporange),.7) !important; }
.bg-deeporange-80 { background-color: rgba(var(--rgb-deeporange),.8) !important; }
.bg-deeporange-90 { background-color: rgba(var(--rgb-deeporange),.9) !important; }

.bg-deeporange-gradient-d { background-image: var(--deeporange-gradient-d) !important; }
.bg-deeporange-gradient-d-inverse { background-image: var(--deeporange-gradient-d-inverse) !important; }
.bg-deeporange-gradient { background-image: var(--deeporange-gradient) !important; }
.bg-deeporange-gradient-h { background-image: var(--deeporange-gradient-h) !important; }
.bg-deeporange-gradient-h-inverse { background-image: var(--deeporange-gradient-h-inverse) !important; }
.bg-deeporange-gradient-v { background-image: var(--deeporange-gradient-v) !important; }
.bg-deeporange-gradient-v-inverse { background-image: var(--deeporange-gradient-v-inverse) !important; }

/* Background Colors : Gray Colors */
.bg-gray { background-color: var(--gray) !important; }
.bg-gray-l1 { background-color: var(--gray-l1) !important; }
.bg-gray-l2 { background-color: var(--gray-l2) !important; }
.bg-gray-l3 { background-color: var(--gray-l3) !important; }
.bg-gray-d1 { background-color: var(--gray-d1) !important; }
.bg-gray-d2 { background-color: var(--gray-d2) !important; }
.bg-gray-d3 { background-color: var(--gray-d3) !important; }
.bg-gray-font { background-color: var(--gray-font) !important; }
.bg-gray-font-l { background-color: var(--gray-font-l) !important; }
.bg-gray-font-d { background-color: var(--gray-font-d) !important; }
.bg-gray-10 { background-color: rgba(var(--rgb-gray),.1) !important; }
.bg-gray-20 { background-color: rgba(var(--rgb-gray),.2) !important; }
.bg-gray-30 { background-color: rgba(var(--rgb-gray),.3) !important; }
.bg-gray-40 { background-color: rgba(var(--rgb-gray),.4) !important; }
.bg-gray-50 { background-color: rgba(var(--rgb-gray),.5) !important; }
.bg-gray-60 { background-color: rgba(var(--rgb-gray),.6) !important; }
.bg-gray-70 { background-color: rgba(var(--rgb-gray),.7) !important; }
.bg-gray-80 { background-color: rgba(var(--rgb-gray),.8) !important; }
.bg-gray-90 { background-color: rgba(var(--rgb-gray),.9) !important; }

.bg-gray-gradient-d { background-image: var(--gray-gradient-d) !important; }
.bg-gray-gradient-d-inverse { background-image: var(--gray-gradient-d-inverse) !important; }
.bg-gray-gradient { background-image: var(--gray-gradient) !important; }
.bg-gray-gradient-h { background-image: var(--gray-gradient-h) !important; }
.bg-gray-gradient-h-inverse { background-image: var(--gray-gradient-h-inverse) !important; }
.bg-gray-gradient-v { background-image: var(--gray-gradient-v) !important; }
.bg-gray-gradient-v-inverse { background-image: var(--gray-gradient-v-inverse) !important; }

/* Background Colors : BlueGray Colors */
.bg-bluegray { background-color: var(--bluegray) !important; }
.bg-bluegray-l1 { background-color: var(--bluegray-l1) !important; }
.bg-bluegray-l2 { background-color: var(--bluegray-l2) !important; }
.bg-bluegray-l3 { background-color: var(--bluegray-l3) !important; }
.bg-bluegray-d1 { background-color: var(--bluegray-d1) !important; }
.bg-bluegray-d2 { background-color: var(--bluegray-d2) !important; }
.bg-bluegray-d3 { background-color: var(--bluegray-d3) !important; }
.bg-bluegray-font { background-color: var(--bluegray-font) !important; }
.bg-bluegray-font-l { background-color: var(--bluegray-font-l) !important; }
.bg-bluegray-font-d { background-color: var(--bluegray-font-d) !important; }
.bg-bluegray-10 { background-color: rgba(var(--rgb-bluegray),.1) !important; }
.bg-bluegray-20 { background-color: rgba(var(--rgb-bluegray),.2) !important; }
.bg-bluegray-30 { background-color: rgba(var(--rgb-bluegray),.3) !important; }
.bg-bluegray-40 { background-color: rgba(var(--rgb-bluegray),.4) !important; }
.bg-bluegray-50 { background-color: rgba(var(--rgb-bluegray),.5) !important; }
.bg-bluegray-60 { background-color: rgba(var(--rgb-bluegray),.6) !important; }
.bg-bluegray-70 { background-color: rgba(var(--rgb-bluegray),.7) !important; }
.bg-bluegray-80 { background-color: rgba(var(--rgb-bluegray),.8) !important; }
.bg-bluegray-90 { background-color: rgba(var(--rgb-bluegray),.9) !important; }

.bg-bluegray-gradient-d { background-image: var(--bluegray-gradient-d) !important; }
.bg-bluegray-gradient-d-inverse { background-image: var(--bluegray-gradient-d-inverse) !important; }
.bg-bluegray-gradient { background-image: var(--bluegray-gradient) !important; }
.bg-bluegray-gradient-h { background-image: var(--bluegray-gradient-h) !important; }
.bg-bluegray-gradient-h-inverse { background-image: var(--bluegray-gradient-h-inverse) !important; }
.bg-bluegray-gradient-v { background-image: var(--bluegray-gradient-v) !important; }
.bg-bluegray-gradient-v-inverse { background-image: var(--bluegray-gradient-v-inverse) !important; }

/* Background Colors : Silver Colors */
.bg-silver { background-color: var(--silver) !important; }
.bg-silver-l1 { background-color: var(--silver-l1) !important; }
.bg-silver-l2 { background-color: var(--silver-l2) !important; }
.bg-silver-l3 { background-color: var(--silver-l3) !important; }
.bg-silver-d1 { background-color: var(--silver-d1) !important; }
.bg-silver-d2 { background-color: var(--silver-d2) !important; }
.bg-silver-d3 { background-color: var(--silver-d3) !important; }
.bg-silver-font { background-color: var(--silver-font) !important; }
.bg-silver-font-l { background-color: var(--silver-font-l) !important; }
.bg-silver-font-d { background-color: var(--silver-font-d) !important; }
.bg-silver-10 { background-color: rgba(var(--rgb-silver),.1) !important; }
.bg-silver-20 { background-color: rgba(var(--rgb-silver),.2) !important; }
.bg-silver-30 { background-color: rgba(var(--rgb-silver),.3) !important; }
.bg-silver-40 { background-color: rgba(var(--rgb-silver),.4) !important; }
.bg-silver-50 { background-color: rgba(var(--rgb-silver),.5) !important; }
.bg-silver-60 { background-color: rgba(var(--rgb-silver),.6) !important; }
.bg-silver-70 { background-color: rgba(var(--rgb-silver),.7) !important; }
.bg-silver-80 { background-color: rgba(var(--rgb-silver),.8) !important; }
.bg-silver-90 { background-color: rgba(var(--rgb-silver),.9) !important; }

.bg-silver-gradient-d { background-image: var(--silver-gradient-d) !important; }
.bg-silver-gradient-d-inverse { background-image: var(--silver-gradient-d-inverse) !important; }
.bg-silver-gradient { background-image: var(--silver-gradient) !important; }
.bg-silver-gradient-h { background-image: var(--silver-gradient-h) !important; }
.bg-silver-gradient-h-inverse { background-image: var(--silver-gradient-h-inverse) !important; }
.bg-silver-gradient-v { background-image: var(--silver-gradient-v) !important; }
.bg-silver-gradient-v-inverse { background-image: var(--silver-gradient-v-inverse) !important; }

/* Background Colors : White Colors */
.bg-white { background-color: var(--white) !important; }
.bg-white-l1 { background-color: var(--white-l1) !important; }
.bg-white-l2 { background-color: var(--white-l2) !important; }
.bg-white-l3 { background-color: var(--white-l3) !important; }
.bg-white-d1 { background-color: var(--white-d1) !important; }
.bg-white-d2 { background-color: var(--white-d2) !important; }
.bg-white-d3 { background-color: var(--white-d3) !important; }
.bg-white-font { background-color: var(--white-font) !important; }
.bg-white-font-l { background-color: var(--white-font-l) !important; }
.bg-white-font-d { background-color: var(--white-font-d) !important; }
.bg-white-10 { background-color: rgba(var(--rgb-white),.1) !important; }
.bg-white-20 { background-color: rgba(var(--rgb-white),.2) !important; }
.bg-white-30 { background-color: rgba(var(--rgb-white),.3) !important; }
.bg-white-40 { background-color: rgba(var(--rgb-white),.4) !important; }
.bg-white-50 { background-color: rgba(var(--rgb-white),.5) !important; }
.bg-white-60 { background-color: rgba(var(--rgb-white),.6) !important; }
.bg-white-70 { background-color: rgba(var(--rgb-white),.7) !important; }
.bg-white-80 { background-color: rgba(var(--rgb-white),.8) !important; }
.bg-white-90 { background-color: rgba(var(--rgb-white),.9) !important; }

.bg-white-gradient-d { background-image: var(--white-gradient-d) !important; }
.bg-white-gradient-d-inverse { background-image: var(--white-gradient-d-inverse) !important; }
.bg-white-gradient { background-image: var(--white-gradient) !important; }
.bg-white-gradient-h { background-image: var(--white-gradient-h) !important; }
.bg-white-gradient-h-inverse { background-image: var(--white-gradient-h-inverse) !important; }
.bg-white-gradient-v { background-image: var(--white-gradient-v) !important; }
.bg-white-gradient-v-inverse { background-image: var(--white-gradient-v-inverse) !important; }

/* Background Colors : Black Colors */
.bg-black { background-color: var(--black) !important; }
.bg-black-l1 { background-color: var(--black-l1) !important; }
.bg-black-l2 { background-color: var(--black-l2) !important; }
.bg-black-l3 { background-color: var(--black-l3) !important; }
.bg-black-d1 { background-color: var(--black-d1) !important; }
.bg-black-d2 { background-color: var(--black-d2) !important; }
.bg-black-d3 { background-color: var(--black-d3) !important; }
.bg-black-font { background-color: var(--black-font) !important; }
.bg-black-font-l { background-color: var(--black-font-l) !important; }
.bg-black-font-d { background-color: var(--black-font-d) !important; }
.bg-black-10 { background-color: rgba(var(--rgb-black),.1) !important; }
.bg-black-20 { background-color: rgba(var(--rgb-black),.2) !important; }
.bg-black-30 { background-color: rgba(var(--rgb-black),.3) !important; }
.bg-black-40 { background-color: rgba(var(--rgb-black),.4) !important; }
.bg-black-50 { background-color: rgba(var(--rgb-black),.5) !important; }
.bg-black-60 { background-color: rgba(var(--rgb-black),.6) !important; }
.bg-black-70 { background-color: rgba(var(--rgb-black),.7) !important; }
.bg-black-80 { background-color: rgba(var(--rgb-black),.8) !important; }
.bg-black-90 { background-color: rgba(var(--rgb-black),.9) !important; }

.bg-black-gradient-d { background-image: var(--black-gradient-d) !important; }
.bg-black-gradient-d-inverse { background-image: var(--black-gradient-d-inverse) !important; }
.bg-black-gradient { background-image: var(--black-gradient) !important; }
.bg-black-gradient-h { background-image: var(--black-gradient-h) !important; }
.bg-black-gradient-h-inverse { background-image: var(--black-gradient-h-inverse) !important; }
.bg-black-gradient-v { background-image: var(--black-gradient-v) !important; }
.bg-black-gradient-v-inverse { background-image: var(--black-gradient-v-inverse) !important; }

/* Background Colors : Transparent */
.bg-transparent { background-color: transparent !important; }

/*  ## 2.12 Brand Colors (Facebook, Instagram, etc.) */

/* Background Colors : Blogger Colors */
.bg-blogger { background-color: var(--blogger) !important; }
.bg-blogger-l1 { background-color: var(--blogger-l1) !important; }
.bg-blogger-l2 { background-color: var(--blogger-l2) !important; }
.bg-blogger-l3 { background-color: var(--blogger-l3) !important; }
.bg-blogger-d1 { background-color: var(--blogger-d1) !important; }
.bg-blogger-d2 { background-color: var(--blogger-d2) !important; }
.bg-blogger-d3 { background-color: var(--blogger-d3) !important; }
.bg-blogger-font { background-color: var(--blogger-font) !important; }
.bg-blogger-font-l { background-color: var(--blogger-font-l) !important; }
.bg-blogger-font-d { background-color: var(--blogger-font-d) !important; }
.bg-blogger-10 { background-color: rgba(var(--rgb-blogger),.1) !important; }
.bg-blogger-20 { background-color: rgba(var(--rgb-blogger),.2) !important; }
.bg-blogger-30 { background-color: rgba(var(--rgb-blogger),.3) !important; }
.bg-blogger-40 { background-color: rgba(var(--rgb-blogger),.4) !important; }
.bg-blogger-50 { background-color: rgba(var(--rgb-blogger),.5) !important; }
.bg-blogger-60 { background-color: rgba(var(--rgb-blogger),.6) !important; }
.bg-blogger-70 { background-color: rgba(var(--rgb-blogger),.7) !important; }
.bg-blogger-80 { background-color: rgba(var(--rgb-blogger),.8) !important; }
.bg-blogger-90 { background-color: rgba(var(--rgb-blogger),.9) !important; }

.bg-blogger-gradient-d { background-image: var(--blogger-gradient-d) !important; }
.bg-blogger-gradient-d-inverse { background-image: var(--blogger-gradient-d-inverse) !important; }
.bg-blogger-gradient { background-image: var(--blogger-gradient) !important; }
.bg-blogger-gradient-h { background-image: var(--blogger-gradient-h) !important; }
.bg-blogger-gradient-h-inverse { background-image: var(--blogger-gradient-h-inverse) !important; }
.bg-blogger-gradient-v { background-image: var(--blogger-gradient-v) !important; }
.bg-blogger-gradient-v-inverse { background-image: var(--blogger-gradient-v-inverse) !important; }

/* Background Colors : codepen Colors */
.bg-codepen { background-color: var(--codepen) !important; }
.bg-codepen-l1 { background-color: var(--codepen-l1) !important; }
.bg-codepen-l2 { background-color: var(--codepen-l2) !important; }
.bg-codepen-l3 { background-color: var(--codepen-l3) !important; }
.bg-codepen-d1 { background-color: var(--codepen-d1) !important; }
.bg-codepen-d2 { background-color: var(--codepen-d2) !important; }
.bg-codepen-d3 { background-color: var(--codepen-d3) !important; }
.bg-codepen-font { background-color: var(--codepen-font) !important; }
.bg-codepen-font-l { background-color: var(--codepen-font-l) !important; }
.bg-codepen-font-d { background-color: var(--codepen-font-d) !important; }
.bg-codepen-10 { background-color: rgba(var(--rgb-codepen),.1) !important; }
.bg-codepen-20 { background-color: rgba(var(--rgb-codepen),.2) !important; }
.bg-codepen-30 { background-color: rgba(var(--rgb-codepen),.3) !important; }
.bg-codepen-40 { background-color: rgba(var(--rgb-codepen),.4) !important; }
.bg-codepen-50 { background-color: rgba(var(--rgb-codepen),.5) !important; }
.bg-codepen-60 { background-color: rgba(var(--rgb-codepen),.6) !important; }
.bg-codepen-70 { background-color: rgba(var(--rgb-codepen),.7) !important; }
.bg-codepen-80 { background-color: rgba(var(--rgb-codepen),.8) !important; }
.bg-codepen-90 { background-color: rgba(var(--rgb-codepen),.9) !important; }

.bg-codepen-gradient-d { background-image: var(--codepen-gradient-d) !important; }
.bg-codepen-gradient-d-inverse { background-image: var(--codepen-gradient-d-inverse) !important; }
.bg-codepen-gradient { background-image: var(--codepen-gradient) !important; }
.bg-codepen-gradient-h { background-image: var(--codepen-gradient-h) !important; }
.bg-codepen-gradient-h-inverse { background-image: var(--codepen-gradient-h-inverse) !important; }
.bg-codepen-gradient-v { background-image: var(--codepen-gradient-v) !important; }
.bg-codepen-gradient-v-inverse { background-image: var(--codepen-gradient-v-inverse) !important; }

/* Background Colors : discord Colors */
.bg-discord { background-color: var(--discord) !important; }
.bg-discord-l1 { background-color: var(--discord-l1) !important; }
.bg-discord-l2 { background-color: var(--discord-l2) !important; }
.bg-discord-l3 { background-color: var(--discord-l3) !important; }
.bg-discord-d1 { background-color: var(--discord-d1) !important; }
.bg-discord-d2 { background-color: var(--discord-d2) !important; }
.bg-discord-d3 { background-color: var(--discord-d3) !important; }
.bg-discord-font { background-color: var(--discord-font) !important; }
.bg-discord-font-l { background-color: var(--discord-font-l) !important; }
.bg-discord-font-d { background-color: var(--discord-font-d) !important; }
.bg-discord-10 { background-color: rgba(var(--rgb-discord),.1) !important; }
.bg-discord-20 { background-color: rgba(var(--rgb-discord),.2) !important; }
.bg-discord-30 { background-color: rgba(var(--rgb-discord),.3) !important; }
.bg-discord-40 { background-color: rgba(var(--rgb-discord),.4) !important; }
.bg-discord-50 { background-color: rgba(var(--rgb-discord),.5) !important; }
.bg-discord-60 { background-color: rgba(var(--rgb-discord),.6) !important; }
.bg-discord-70 { background-color: rgba(var(--rgb-discord),.7) !important; }
.bg-discord-80 { background-color: rgba(var(--rgb-discord),.8) !important; }
.bg-discord-90 { background-color: rgba(var(--rgb-discord),.9) !important; }

.bg-discord-gradient-d { background-image: var(--discord-gradient-d) !important; }
.bg-discord-gradient-d-inverse { background-image: var(--discord-gradient-d-inverse) !important; }
.bg-discord-gradient { background-image: var(--discord-gradient) !important; }
.bg-discord-gradient-h { background-image: var(--discord-gradient-h) !important; }
.bg-discord-gradient-h-inverse { background-image: var(--discord-gradient-h-inverse) !important; }
.bg-discord-gradient-v { background-image: var(--discord-gradient-v) !important; }
.bg-discord-gradient-v-inverse { background-image: var(--discord-gradient-v-inverse) !important; }

/* Background Colors : discord Colors */
.bg-dribbble { background-color: var(--dribbble) !important; }
.bg-dribbble-l1 { background-color: var(--dribbble-l1) !important; }
.bg-dribbble-l2 { background-color: var(--dribbble-l2) !important; }
.bg-dribbble-l3 { background-color: var(--dribbble-l3) !important; }
.bg-dribbble-d1 { background-color: var(--dribbble-d1) !important; }
.bg-dribbble-d2 { background-color: var(--dribbble-d2) !important; }
.bg-dribbble-d3 { background-color: var(--dribbble-d3) !important; }
.bg-dribbble-font { background-color: var(--dribbble-font) !important; }
.bg-dribbble-font-l { background-color: var(--dribbble-font-l) !important; }
.bg-dribbble-font-d { background-color: var(--dribbble-font-d) !important; }
.bg-dribbble-10 { background-color: rgba(var(--rgb-dribbble),.1) !important; }
.bg-dribbble-20 { background-color: rgba(var(--rgb-dribbble),.2) !important; }
.bg-dribbble-30 { background-color: rgba(var(--rgb-dribbble),.3) !important; }
.bg-dribbble-40 { background-color: rgba(var(--rgb-dribbble),.4) !important; }
.bg-dribbble-50 { background-color: rgba(var(--rgb-dribbble),.5) !important; }
.bg-dribbble-60 { background-color: rgba(var(--rgb-dribbble),.6) !important; }
.bg-dribbble-70 { background-color: rgba(var(--rgb-dribbble),.7) !important; }
.bg-dribbble-80 { background-color: rgba(var(--rgb-dribbble),.8) !important; }
.bg-dribbble-90 { background-color: rgba(var(--rgb-dribbble),.9) !important; }

.bg-dribbble-gradient-d { background-image: var(--dribbble-gradient-d) !important; }
.bg-dribbble-gradient-d-inverse { background-image: var(--dribbble-gradient-d-inverse) !important; }
.bg-dribbble-gradient { background-image: var(--dribbble-gradient) !important; }
.bg-dribbble-gradient-h { background-image: var(--dribbble-gradient-h) !important; }
.bg-dribbble-gradient-h-inverse { background-image: var(--dribbble-gradient-h-inverse) !important; }
.bg-dribbble-gradient-v { background-image: var(--dribbble-gradient-v) !important; }
.bg-dribbble-gradient-v-inverse { background-image: var(--dribbble-gradient-v-inverse) !important; }

/* Background Colors : dropbox Colors */
.bg-dropbox { background-color: var(--dropbox) !important; }
.bg-dropbox-l1 { background-color: var(--dropbox-l1) !important; }
.bg-dropbox-l2 { background-color: var(--dropbox-l2) !important; }
.bg-dropbox-l3 { background-color: var(--dropbox-l3) !important; }
.bg-dropbox-d1 { background-color: var(--dropbox-d1) !important; }
.bg-dropbox-d2 { background-color: var(--dropbox-d2) !important; }
.bg-dropbox-d3 { background-color: var(--dropbox-d3) !important; }
.bg-dropbox-font { background-color: var(--dropbox-font) !important; }
.bg-dropbox-font-l { background-color: var(--dropbox-font-l) !important; }
.bg-dropbox-font-d { background-color: var(--dropbox-font-d) !important; }
.bg-dropbox-10 { background-color: rgba(var(--rgb-dropbox),.1) !important; }
.bg-dropbox-20 { background-color: rgba(var(--rgb-dropbox),.2) !important; }
.bg-dropbox-30 { background-color: rgba(var(--rgb-dropbox),.3) !important; }
.bg-dropbox-40 { background-color: rgba(var(--rgb-dropbox),.4) !important; }
.bg-dropbox-50 { background-color: rgba(var(--rgb-dropbox),.5) !important; }
.bg-dropbox-60 { background-color: rgba(var(--rgb-dropbox),.6) !important; }
.bg-dropbox-70 { background-color: rgba(var(--rgb-dropbox),.7) !important; }
.bg-dropbox-80 { background-color: rgba(var(--rgb-dropbox),.8) !important; }
.bg-dropbox-90 { background-color: rgba(var(--rgb-dropbox),.9) !important; }

.bg-dropbox-gradient-d { background-image: var(--dropbox-gradient-d) !important; }
.bg-dropbox-gradient-d-inverse { background-image: var(--dropbox-gradient-d-inverse) !important; }
.bg-dropbox-gradient { background-image: var(--dropbox-gradient) !important; }
.bg-dropbox-gradient-h { background-image: var(--dropbox-gradient-h) !important; }
.bg-dropbox-gradient-h-inverse { background-image: var(--dropbox-gradient-h-inverse) !important; }
.bg-dropbox-gradient-v { background-image: var(--dropbox-gradient-v) !important; }
.bg-dropbox-gradient-v-inverse { background-image: var(--dropbox-gradient-v-inverse) !important; }


/* Background Colors : Facebook Colors */
.bg-facebook { background-color: var(--facebook) !important; }
.bg-facebook-l1 { background-color: var(--facebook-l1) !important; }
.bg-facebook-l2 { background-color: var(--facebook-l2) !important; }
.bg-facebook-l3 { background-color: var(--facebook-l3) !important; }
.bg-facebook-d1 { background-color: var(--facebook-d1) !important; }
.bg-facebook-d2 { background-color: var(--facebook-d2) !important; }
.bg-facebook-d3 { background-color: var(--facebook-d3) !important; }
.bg-facebook-font { background-color: var(--facebook-font) !important; }
.bg-facebook-font-l { background-color: var(--facebook-font-l) !important; }
.bg-facebook-font-d { background-color: var(--facebook-font-d) !important; }
.bg-facebook-10 { background-color: rgba(var(--rgb-facebook),.1) !important; }
.bg-facebook-20 { background-color: rgba(var(--rgb-facebook),.2) !important; }
.bg-facebook-30 { background-color: rgba(var(--rgb-facebook),.3) !important; }
.bg-facebook-40 { background-color: rgba(var(--rgb-facebook),.4) !important; }
.bg-facebook-50 { background-color: rgba(var(--rgb-facebook),.5) !important; }
.bg-facebook-60 { background-color: rgba(var(--rgb-facebook),.6) !important; }
.bg-facebook-70 { background-color: rgba(var(--rgb-facebook),.7) !important; }
.bg-facebook-80 { background-color: rgba(var(--rgb-facebook),.8) !important; }
.bg-facebook-90 { background-color: rgba(var(--rgb-facebook),.9) !important; }

.bg-facebook-gradient-d { background-image: var(--facebook-gradient-d) !important; }
.bg-facebook-gradient-d-inverse { background-image: var(--facebook-gradient-d-inverse) !important; }
.bg-facebook-gradient { background-image: var(--facebook-gradient) !important; }
.bg-facebook-gradient-h { background-image: var(--facebook-gradient-h) !important; }
.bg-facebook-gradient-h-inverse { background-image: var(--facebook-gradient-h-inverse) !important; }
.bg-facebook-gradient-v { background-image: var(--facebook-gradient-v) !important; }
.bg-facebook-gradient-v-inverse { background-image: var(--facebook-gradient-v-inverse) !important; }

/* Background Colors : Flickr Colors */
.bg-flickr { background-color: var(--flickr) !important; }
.bg-flickr-l1 { background-color: var(--flickr-l1) !important; }
.bg-flickr-l2 { background-color: var(--flickr-l2) !important; }
.bg-flickr-l3 { background-color: var(--flickr-l3) !important; }
.bg-flickr-d1 { background-color: var(--flickr-d1) !important; }
.bg-flickr-d2 { background-color: var(--flickr-d2) !important; }
.bg-flickr-d3 { background-color: var(--flickr-d3) !important; }
.bg-flickr-font { background-color: var(--flickr-font) !important; }
.bg-flickr-font-l { background-color: var(--flickr-font-l) !important; }
.bg-flickr-font-d { background-color: var(--flickr-font-d) !important; }
.bg-flickr-10 { background-color: rgba(var(--rgb-flickr),.1) !important; }
.bg-flickr-20 { background-color: rgba(var(--rgb-flickr),.2) !important; }
.bg-flickr-30 { background-color: rgba(var(--rgb-flickr),.3) !important; }
.bg-flickr-40 { background-color: rgba(var(--rgb-flickr),.4) !important; }
.bg-flickr-50 { background-color: rgba(var(--rgb-flickr),.5) !important; }
.bg-flickr-60 { background-color: rgba(var(--rgb-flickr),.6) !important; }
.bg-flickr-70 { background-color: rgba(var(--rgb-flickr),.7) !important; }
.bg-flickr-80 { background-color: rgba(var(--rgb-flickr),.8) !important; }
.bg-flickr-90 { background-color: rgba(var(--rgb-flickr),.9) !important; }

.bg-flickr-gradient-d { background-image: var(--flickr-gradient-d) !important; }
.bg-flickr-gradient-d-inverse { background-image: var(--flickr-gradient-d-inverse) !important; }
.bg-flickr-gradient { background-image: var(--flickr-gradient) !important; }
.bg-flickr-gradient-h { background-image: var(--flickr-gradient-h) !important; }
.bg-flickr-gradient-h-inverse { background-image: var(--flickr-gradient-h-inverse) !important; }
.bg-flickr-gradient-v { background-image: var(--flickr-gradient-v) !important; }
.bg-flickr-gradient-v-inverse { background-image: var(--flickr-gradient-v-inverse) !important; }

/* Background Colors : foursquare Colors */
.bg-foursquare { background-color: var(--foursquare) !important; }
.bg-foursquare-l1 { background-color: var(--foursquare-l1) !important; }
.bg-foursquare-l2 { background-color: var(--foursquare-l2) !important; }
.bg-foursquare-l3 { background-color: var(--foursquare-l3) !important; }
.bg-foursquare-d1 { background-color: var(--foursquare-d1) !important; }
.bg-foursquare-d2 { background-color: var(--foursquare-d2) !important; }
.bg-foursquare-d3 { background-color: var(--foursquare-d3) !important; }
.bg-foursquare-font { background-color: var(--foursquare-font) !important; }
.bg-foursquare-font-l { background-color: var(--foursquare-font-l) !important; }
.bg-foursquare-font-d { background-color: var(--foursquare-font-d) !important; }
.bg-foursquare-10 { background-color: rgba(var(--rgb-foursquare),.1) !important; }
.bg-foursquare-20 { background-color: rgba(var(--rgb-foursquare),.2) !important; }
.bg-foursquare-30 { background-color: rgba(var(--rgb-foursquare),.3) !important; }
.bg-foursquare-40 { background-color: rgba(var(--rgb-foursquare),.4) !important; }
.bg-foursquare-50 { background-color: rgba(var(--rgb-foursquare),.5) !important; }
.bg-foursquare-60 { background-color: rgba(var(--rgb-foursquare),.6) !important; }
.bg-foursquare-70 { background-color: rgba(var(--rgb-foursquare),.7) !important; }
.bg-foursquare-80 { background-color: rgba(var(--rgb-foursquare),.8) !important; }
.bg-foursquare-90 { background-color: rgba(var(--rgb-foursquare),.9) !important; }

.bg-foursquare-gradient-d { background-image: var(--foursquare-gradient-d) !important; }
.bg-foursquare-gradient-d-inverse { background-image: var(--foursquare-gradient-d-inverse) !important; }
.bg-foursquare-gradient { background-image: var(--foursquare-gradient) !important; }
.bg-foursquare-gradient-h { background-image: var(--foursquare-gradient-h) !important; }
.bg-foursquare-gradient-h-inverse { background-image: var(--foursquare-gradient-h-inverse) !important; }
.bg-foursquare-gradient-v { background-image: var(--foursquare-gradient-v) !important; }
.bg-foursquare-gradient-v-inverse { background-image: var(--foursquare-gradient-v-inverse) !important; }


/* Background Colors : gitlab Colors */
.bg-gitlab { background-color: var(--gitlab) !important; }
.bg-gitlab-l1 { background-color: var(--gitlab-l1) !important; }
.bg-gitlab-l2 { background-color: var(--gitlab-l2) !important; }
.bg-gitlab-l3 { background-color: var(--gitlab-l3) !important; }
.bg-gitlab-d1 { background-color: var(--gitlab-d1) !important; }
.bg-gitlab-d2 { background-color: var(--gitlab-d2) !important; }
.bg-gitlab-d3 { background-color: var(--gitlab-d3) !important; }
.bg-gitlab-font { background-color: var(--gitlab-font) !important; }
.bg-gitlab-font-l { background-color: var(--gitlab-font-l) !important; }
.bg-gitlab-font-d { background-color: var(--gitlab-font-d) !important; }
.bg-gitlab-10 { background-color: rgba(var(--rgb-gitlab),.1) !important; }
.bg-gitlab-20 { background-color: rgba(var(--rgb-gitlab),.2) !important; }
.bg-gitlab-30 { background-color: rgba(var(--rgb-gitlab),.3) !important; }
.bg-gitlab-40 { background-color: rgba(var(--rgb-gitlab),.4) !important; }
.bg-gitlab-50 { background-color: rgba(var(--rgb-gitlab),.5) !important; }
.bg-gitlab-60 { background-color: rgba(var(--rgb-gitlab),.6) !important; }
.bg-gitlab-70 { background-color: rgba(var(--rgb-gitlab),.7) !important; }
.bg-gitlab-80 { background-color: rgba(var(--rgb-gitlab),.8) !important; }
.bg-gitlab-90 { background-color: rgba(var(--rgb-gitlab),.9) !important; }

.bg-gitlab-gradient-d { background-image: var(--gitlab-gradient-d) !important; }
.bg-gitlab-gradient-d-inverse { background-image: var(--gitlab-gradient-d-inverse) !important; }
.bg-gitlab-gradient { background-image: var(--gitlab-gradient) !important; }
.bg-gitlab-gradient-h { background-image: var(--gitlab-gradient-h) !important; }
.bg-gitlab-gradient-h-inverse { background-image: var(--gitlab-gradient-h-inverse) !important; }
.bg-gitlab-gradient-v { background-image: var(--gitlab-gradient-v) !important; }
.bg-gitlab-gradient-v-inverse { background-image: var(--gitlab-gradient-v-inverse) !important; }

/* Background Colors : github Colors */
.bg-github { background-color: var(--github) !important; }
.bg-github-l1 { background-color: var(--github-l1) !important; }
.bg-github-l2 { background-color: var(--github-l2) !important; }
.bg-github-l3 { background-color: var(--github-l3) !important; }
.bg-github-d1 { background-color: var(--github-d1) !important; }
.bg-github-d2 { background-color: var(--github-d2) !important; }
.bg-github-d3 { background-color: var(--github-d3) !important; }
.bg-github-font { background-color: var(--github-font) !important; }
.bg-github-font-l { background-color: var(--github-font-l) !important; }
.bg-github-font-d { background-color: var(--github-font-d) !important; }
.bg-github-10 { background-color: rgba(var(--rgb-github),.1) !important; }
.bg-github-20 { background-color: rgba(var(--rgb-github),.2) !important; }
.bg-github-30 { background-color: rgba(var(--rgb-github),.3) !important; }
.bg-github-40 { background-color: rgba(var(--rgb-github),.4) !important; }
.bg-github-50 { background-color: rgba(var(--rgb-github),.5) !important; }
.bg-github-60 { background-color: rgba(var(--rgb-github),.6) !important; }
.bg-github-70 { background-color: rgba(var(--rgb-github),.7) !important; }
.bg-github-80 { background-color: rgba(var(--rgb-github),.8) !important; }
.bg-github-90 { background-color: rgba(var(--rgb-github),.9) !important; }

.bg-github-gradient-d { background-image: var(--github-gradient-d) !important; }
.bg-github-gradient-d-inverse { background-image: var(--github-gradient-d-inverse) !important; }
.bg-github-gradient { background-image: var(--github-gradient) !important; }
.bg-github-gradient-h { background-image: var(--github-gradient-h) !important; }
.bg-github-gradient-h-inverse { background-image: var(--github-gradient-h-inverse) !important; }
.bg-github-gradient-v { background-image: var(--github-gradient-v) !important; }
.bg-github-gradient-v-inverse { background-image: var(--github-gradient-v-inverse) !important; }

/* Background Colors : Google Plus Colors */
.bg-google { background-color: var(--google) !important; }
.bg-google-l1 { background-color: var(--google-l1) !important; }
.bg-google-l2 { background-color: var(--google-l2) !important; }
.bg-google-l3 { background-color: var(--google-l3) !important; }
.bg-google-d1 { background-color: var(--google-d1) !important; }
.bg-google-d2 { background-color: var(--google-d2) !important; }
.bg-google-d3 { background-color: var(--google-d3) !important; }
.bg-google-font { background-color: var(--google-font) !important; }
.bg-google-font-l { background-color: var(--google-font-l) !important; }
.bg-google-font-d { background-color: var(--google-font-d) !important; }
.bg-google-10 { background-color: rgba(var(--rgb-google),.1) !important; }
.bg-google-20 { background-color: rgba(var(--rgb-google),.2) !important; }
.bg-google-30 { background-color: rgba(var(--rgb-google),.3) !important; }
.bg-google-40 { background-color: rgba(var(--rgb-google),.4) !important; }
.bg-google-50 { background-color: rgba(var(--rgb-google),.5) !important; }
.bg-google-60 { background-color: rgba(var(--rgb-google),.6) !important; }
.bg-google-70 { background-color: rgba(var(--rgb-google),.7) !important; }
.bg-google-80 { background-color: rgba(var(--rgb-google),.8) !important; }
.bg-google-90 { background-color: rgba(var(--rgb-google),.9) !important; }

.bg-google-gradient-d { background-image: var(--google-gradient-d) !important; }
.bg-google-gradient-d-inverse { background-image: var(--google-gradient-d-inverse) !important; }
.bg-google-gradient { background-image: var(--google-gradient) !important; }
.bg-google-gradient-h { background-image: var(--google-gradient-h) !important; }
.bg-google-gradient-h-inverse { background-image: var(--google-gradient-h-inverse) !important; }
.bg-google-gradient-v { background-image: var(--google-gradient-v) !important; }
.bg-google-gradient-v-inverse { background-image: var(--google-gradient-v-inverse) !important; }

/* Background Colors : Instagram Colors */
.bg-instagram { background-color: var(--instagram) !important; }
.bg-instagram-l1 { background-color: var(--instagram-l1) !important; }
.bg-instagram-l2 { background-color: var(--instagram-l2) !important; }
.bg-instagram-l3 { background-color: var(--instagram-l3) !important; }
.bg-instagram-d1 { background-color: var(--instagram-d1) !important; }
.bg-instagram-d2 { background-color: var(--instagram-d2) !important; }
.bg-instagram-d3 { background-color: var(--instagram-d3) !important; }
.bg-instagram-font { background-color: var(--instagram-font) !important; }
.bg-instagram-font-l { background-color: var(--instagram-font-l) !important; }
.bg-instagram-font-d { background-color: var(--instagram-font-d) !important; }
.bg-instagram-10 { background-color: rgba(var(--rgb-instagram),.1) !important; }
.bg-instagram-20 { background-color: rgba(var(--rgb-instagram),.2) !important; }
.bg-instagram-30 { background-color: rgba(var(--rgb-instagram),.3) !important; }
.bg-instagram-40 { background-color: rgba(var(--rgb-instagram),.4) !important; }
.bg-instagram-50 { background-color: rgba(var(--rgb-instagram),.5) !important; }
.bg-instagram-60 { background-color: rgba(var(--rgb-instagram),.6) !important; }
.bg-instagram-70 { background-color: rgba(var(--rgb-instagram),.7) !important; }
.bg-instagram-80 { background-color: rgba(var(--rgb-instagram),.8) !important; }
.bg-instagram-90 { background-color: rgba(var(--rgb-instagram),.9) !important; }

.bg-instagram-gradient-d { background-image: var(--instagram-gradient-d) !important; }
.bg-instagram-gradient-d-inverse { background-image: var(--instagram-gradient-d-inverse) !important; }
.bg-instagram-gradient { background-image: var(--instagram-gradient) !important; }
.bg-instagram-gradient-h { background-image: var(--instagram-gradient-h) !important; }
.bg-instagram-gradient-h-inverse { background-image: var(--instagram-gradient-h-inverse) !important; }
.bg-instagram-gradient-v { background-image: var(--instagram-gradient-v) !important; }
.bg-instagram-gradient-v-inverse { background-image: var(--instagram-gradient-v-inverse) !important; }

/* Background Colors : kickstarter Colors */
.bg-kickstarter { background-color: var(--kickstarter) !important; }
.bg-kickstarter-l1 { background-color: var(--kickstarter-l1) !important; }
.bg-kickstarter-l2 { background-color: var(--kickstarter-l2) !important; }
.bg-kickstarter-l3 { background-color: var(--kickstarter-l3) !important; }
.bg-kickstarter-d1 { background-color: var(--kickstarter-d1) !important; }
.bg-kickstarter-d2 { background-color: var(--kickstarter-d2) !important; }
.bg-kickstarter-d3 { background-color: var(--kickstarter-d3) !important; }
.bg-kickstarter-font { background-color: var(--kickstarter-font) !important; }
.bg-kickstarter-font-l { background-color: var(--kickstarter-font-l) !important; }
.bg-kickstarter-font-d { background-color: var(--kickstarter-font-d) !important; }
.bg-kickstarter-10 { background-color: rgba(var(--rgb-kickstarter),.1) !important; }
.bg-kickstarter-20 { background-color: rgba(var(--rgb-kickstarter),.2) !important; }
.bg-kickstarter-30 { background-color: rgba(var(--rgb-kickstarter),.3) !important; }
.bg-kickstarter-40 { background-color: rgba(var(--rgb-kickstarter),.4) !important; }
.bg-kickstarter-50 { background-color: rgba(var(--rgb-kickstarter),.5) !important; }
.bg-kickstarter-60 { background-color: rgba(var(--rgb-kickstarter),.6) !important; }
.bg-kickstarter-70 { background-color: rgba(var(--rgb-kickstarter),.7) !important; }
.bg-kickstarter-80 { background-color: rgba(var(--rgb-kickstarter),.8) !important; }
.bg-kickstarter-90 { background-color: rgba(var(--rgb-kickstarter),.9) !important; }

.bg-kickstarter-gradient-d { background-image: var(--kickstarter-gradient-d) !important; }
.bg-kickstarter-gradient-d-inverse { background-image: var(--kickstarter-gradient-d-inverse) !important; }
.bg-kickstarter-gradient { background-image: var(--kickstarter-gradient) !important; }
.bg-kickstarter-gradient-h { background-image: var(--kickstarter-gradient-h) !important; }
.bg-kickstarter-gradient-h-inverse { background-image: var(--kickstarter-gradient-h-inverse) !important; }
.bg-kickstarter-gradient-v { background-image: var(--kickstarter-gradient-v) !important; }
.bg-kickstarter-gradient-v-inverse { background-image: var(--kickstarter-gradient-v-inverse) !important; }

/* Background Colors : LinkedIn Colors */
.bg-linkedin { background-color: var(--linkedin) !important; }
.bg-linkedin-l1 { background-color: var(--linkedin-l1) !important; }
.bg-linkedin-l2 { background-color: var(--linkedin-l2) !important; }
.bg-linkedin-l3 { background-color: var(--linkedin-l3) !important; }
.bg-linkedin-d1 { background-color: var(--linkedin-d1) !important; }
.bg-linkedin-d2 { background-color: var(--linkedin-d2) !important; }
.bg-linkedin-d3 { background-color: var(--linkedin-d3) !important; }
.bg-linkedin-font { background-color: var(--linkedin-font) !important; }
.bg-linkedin-font-l { background-color: var(--linkedin-font-l) !important; }
.bg-linkedin-font-d { background-color: var(--linkedin-font-d) !important; }
.bg-linkedin-10 { background-color: rgba(var(--rgb-linkedin),.1) !important; }
.bg-linkedin-20 { background-color: rgba(var(--rgb-linkedin),.2) !important; }
.bg-linkedin-30 { background-color: rgba(var(--rgb-linkedin),.3) !important; }
.bg-linkedin-40 { background-color: rgba(var(--rgb-linkedin),.4) !important; }
.bg-linkedin-50 { background-color: rgba(var(--rgb-linkedin),.5) !important; }
.bg-linkedin-60 { background-color: rgba(var(--rgb-linkedin),.6) !important; }
.bg-linkedin-70 { background-color: rgba(var(--rgb-linkedin),.7) !important; }
.bg-linkedin-80 { background-color: rgba(var(--rgb-linkedin),.8) !important; }
.bg-linkedin-90 { background-color: rgba(var(--rgb-linkedin),.9) !important; }

.bg-linkedin-gradient-d { background-image: var(--linkedin-gradient-d) !important; }
.bg-linkedin-gradient-d-inverse { background-image: var(--linkedin-gradient-d-inverse) !important; }
.bg-linkedin-gradient { background-image: var(--linkedin-gradient) !important; }
.bg-linkedin-gradient-h { background-image: var(--linkedin-gradient-h) !important; }
.bg-linkedin-gradient-h-inverse { background-image: var(--linkedin-gradient-h-inverse) !important; }
.bg-linkedin-gradient-v { background-image: var(--linkedin-gradient-v) !important; }
.bg-linkedin-gradient-v-inverse { background-image: var(--linkedin-gradient-v-inverse) !important; }

/* Background Colors : medium Colors */
.bg-medium { background-color: var(--medium) !important; }
.bg-medium-l1 { background-color: var(--medium-l1) !important; }
.bg-medium-l2 { background-color: var(--medium-l2) !important; }
.bg-medium-l3 { background-color: var(--medium-l3) !important; }
.bg-medium-d1 { background-color: var(--medium-d1) !important; }
.bg-medium-d2 { background-color: var(--medium-d2) !important; }
.bg-medium-d3 { background-color: var(--medium-d3) !important; }
.bg-medium-font { background-color: var(--medium-font) !important; }
.bg-medium-font-l { background-color: var(--medium-font-l) !important; }
.bg-medium-font-d { background-color: var(--medium-font-d) !important; }
.bg-medium-10 { background-color: rgba(var(--rgb-medium),.1) !important; }
.bg-medium-20 { background-color: rgba(var(--rgb-medium),.2) !important; }
.bg-medium-30 { background-color: rgba(var(--rgb-medium),.3) !important; }
.bg-medium-40 { background-color: rgba(var(--rgb-medium),.4) !important; }
.bg-medium-50 { background-color: rgba(var(--rgb-medium),.5) !important; }
.bg-medium-60 { background-color: rgba(var(--rgb-medium),.6) !important; }
.bg-medium-70 { background-color: rgba(var(--rgb-medium),.7) !important; }
.bg-medium-80 { background-color: rgba(var(--rgb-medium),.8) !important; }
.bg-medium-90 { background-color: rgba(var(--rgb-medium),.9) !important; }

.bg-medium-gradient-d { background-image: var(--medium-gradient-d) !important; }
.bg-medium-gradient-d-inverse { background-image: var(--medium-gradient-d-inverse) !important; }
.bg-medium-gradient { background-image: var(--medium-gradient) !important; }
.bg-medium-gradient-h { background-image: var(--medium-gradient-h) !important; }
.bg-medium-gradient-h-inverse { background-image: var(--medium-gradient-h-inverse) !important; }
.bg-medium-gradient-v { background-image: var(--medium-gradient-v) !important; }
.bg-medium-gradient-v-inverse { background-image: var(--medium-gradient-v-inverse) !important; }

/* Background Colors : messenger Colors */
.bg-messenger { background-color: var(--messenger) !important; }
.bg-messenger-l1 { background-color: var(--messenger-l1) !important; }
.bg-messenger-l2 { background-color: var(--messenger-l2) !important; }
.bg-messenger-l3 { background-color: var(--messenger-l3) !important; }
.bg-messenger-d1 { background-color: var(--messenger-d1) !important; }
.bg-messenger-d2 { background-color: var(--messenger-d2) !important; }
.bg-messenger-d3 { background-color: var(--messenger-d3) !important; }
.bg-messenger-font { background-color: var(--messenger-font) !important; }
.bg-messenger-font-l { background-color: var(--messenger-font-l) !important; }
.bg-messenger-font-d { background-color: var(--messenger-font-d) !important; }
.bg-messenger-10 { background-color: rgba(var(--rgb-messenger),.1) !important; }
.bg-messenger-20 { background-color: rgba(var(--rgb-messenger),.2) !important; }
.bg-messenger-30 { background-color: rgba(var(--rgb-messenger),.3) !important; }
.bg-messenger-40 { background-color: rgba(var(--rgb-messenger),.4) !important; }
.bg-messenger-50 { background-color: rgba(var(--rgb-messenger),.5) !important; }
.bg-messenger-60 { background-color: rgba(var(--rgb-messenger),.6) !important; }
.bg-messenger-70 { background-color: rgba(var(--rgb-messenger),.7) !important; }
.bg-messenger-80 { background-color: rgba(var(--rgb-messenger),.8) !important; }
.bg-messenger-90 { background-color: rgba(var(--rgb-messenger),.9) !important; }

.bg-messenger-gradient-d { background-image: var(--messenger-gradient-d) !important; }
.bg-messenger-gradient-d-inverse { background-image: var(--messenger-gradient-d-inverse) !important; }
.bg-messenger-gradient { background-image: var(--messenger-gradient) !important; }
.bg-messenger-gradient-h { background-image: var(--messenger-gradient-h) !important; }
.bg-messenger-gradient-h-inverse { background-image: var(--messenger-gradient-h-inverse) !important; }
.bg-messenger-gradient-v { background-image: var(--messenger-gradient-v) !important; }
.bg-messenger-gradient-v-inverse { background-image: var(--messenger-gradient-v-inverse) !important; }

/* Background Colors : ok Colors */
.bg-ok { background-color: var(--ok) !important; }
.bg-ok-l1 { background-color: var(--ok-l1) !important; }
.bg-ok-l2 { background-color: var(--ok-l2) !important; }
.bg-ok-l3 { background-color: var(--ok-l3) !important; }
.bg-ok-d1 { background-color: var(--ok-d1) !important; }
.bg-ok-d2 { background-color: var(--ok-d2) !important; }
.bg-ok-d3 { background-color: var(--ok-d3) !important; }
.bg-ok-font { background-color: var(--ok-font) !important; }
.bg-ok-font-l { background-color: var(--ok-font-l) !important; }
.bg-ok-font-d { background-color: var(--ok-font-d) !important; }
.bg-ok-10 { background-color: rgba(var(--rgb-ok),.1) !important; }
.bg-ok-20 { background-color: rgba(var(--rgb-ok),.2) !important; }
.bg-ok-30 { background-color: rgba(var(--rgb-ok),.3) !important; }
.bg-ok-40 { background-color: rgba(var(--rgb-ok),.4) !important; }
.bg-ok-50 { background-color: rgba(var(--rgb-ok),.5) !important; }
.bg-ok-60 { background-color: rgba(var(--rgb-ok),.6) !important; }
.bg-ok-70 { background-color: rgba(var(--rgb-ok),.7) !important; }
.bg-ok-80 { background-color: rgba(var(--rgb-ok),.8) !important; }
.bg-ok-90 { background-color: rgba(var(--rgb-ok),.9) !important; }

.bg-ok-gradient-d { background-image: var(--ok-gradient-d) !important; }
.bg-ok-gradient-d-inverse { background-image: var(--ok-gradient-d-inverse) !important; }
.bg-ok-gradient { background-image: var(--ok-gradient) !important; }
.bg-ok-gradient-h { background-image: var(--ok-gradient-h) !important; }
.bg-ok-gradient-h-inverse { background-image: var(--ok-gradient-h-inverse) !important; }
.bg-ok-gradient-v { background-image: var(--ok-gradient-v) !important; }
.bg-ok-gradient-v-inverse { background-image: var(--ok-gradient-v-inverse) !important; }

/* Background Colors : patreon Colors */
.bg-patreon { background-color: var(--patreon) !important; }
.bg-patreon-l1 { background-color: var(--patreon-l1) !important; }
.bg-patreon-l2 { background-color: var(--patreon-l2) !important; }
.bg-patreon-l3 { background-color: var(--patreon-l3) !important; }
.bg-patreon-d1 { background-color: var(--patreon-d1) !important; }
.bg-patreon-d2 { background-color: var(--patreon-d2) !important; }
.bg-patreon-d3 { background-color: var(--patreon-d3) !important; }
.bg-patreon-font { background-color: var(--patreon-font) !important; }
.bg-patreon-font-l { background-color: var(--patreon-font-l) !important; }
.bg-patreon-font-d { background-color: var(--patreon-font-d) !important; }
.bg-patreon-10 { background-color: rgba(var(--rgb-patreon),.1) !important; }
.bg-patreon-20 { background-color: rgba(var(--rgb-patreon),.2) !important; }
.bg-patreon-30 { background-color: rgba(var(--rgb-patreon),.3) !important; }
.bg-patreon-40 { background-color: rgba(var(--rgb-patreon),.4) !important; }
.bg-opatreonk-50 { background-color: rgba(var(--rgb-patreon),.5) !important; }
.bg-patreon-60 { background-color: rgba(var(--rgb-patreon),.6) !important; }
.bg-patreon-70 { background-color: rgba(var(--rgb-patreon),.7) !important; }
.bg-patreon-80 { background-color: rgba(var(--rgb-patreon),.8) !important; }
.bg-patreon-90 { background-color: rgba(var(--rgb-patreon),.9) !important; }

.bg-patreon-gradient-d { background-image: var(--patreon-gradient-d) !important; }
.bg-patreon-gradient-d-inverse { background-image: var(--patreon-gradient-d-inverse) !important; }
.bg-patreon-gradient { background-image: var(--patreon-gradient) !important; }
.bg-patreon-gradient-h { background-image: var(--patreon-gradient-h) !important; }
.bg-patreon-gradient-h-inverse { background-image: var(--patreon-gradient-h-inverse) !important; }
.bg-patreon-gradient-v { background-image: var(--patreon-gradient-v) !important; }
.bg-patreon-gradient-v-inverse { background-image: var(--patreon-gradient-v-inverse) !important; }

/* Background Colors : Pinterest Colors */
.bg-pinterest { background-color: var(--pinterest) !important; }
.bg-pinterest-l1 { background-color: var(--pinterest-l1) !important; }
.bg-pinterest-l2 { background-color: var(--pinterest-l2) !important; }
.bg-pinterest-l3 { background-color: var(--pinterest-l3) !important; }
.bg-pinterest-d1 { background-color: var(--pinterest-d1) !important; }
.bg-pinterest-d2 { background-color: var(--pinterest-d2) !important; }
.bg-pinterest-d3 { background-color: var(--pinterest-d3) !important; }
.bg-pinterest-font { background-color: var(--pinterest-font) !important; }
.bg-pinterest-font-l { background-color: var(--pinterest-font-l) !important; }
.bg-pinterest-font-d { background-color: var(--pinterest-font-d) !important; }
.bg-pinterest-10 { background-color: rgba(var(--rgb-pinterest),.1) !important; }
.bg-pinterest-20 { background-color: rgba(var(--rgb-pinterest),.2) !important; }
.bg-pinterest-30 { background-color: rgba(var(--rgb-pinterest),.3) !important; }
.bg-pinterest-40 { background-color: rgba(var(--rgb-pinterest),.4) !important; }
.bg-pinterest-50 { background-color: rgba(var(--rgb-pinterest),.5) !important; }
.bg-pinterest-60 { background-color: rgba(var(--rgb-pinterest),.6) !important; }
.bg-pinterest-70 { background-color: rgba(var(--rgb-pinterest),.7) !important; }
.bg-pinterest-80 { background-color: rgba(var(--rgb-pinterest),.8) !important; }
.bg-pinterest-90 { background-color: rgba(var(--rgb-pinterest),.9) !important; }

.bg-pinterest-gradient-d { background-image: var(--pinterest-gradient-d) !important; }
.bg-pinterest-gradient-d-inverse { background-image: var(--pinterest-gradient-d-inverse) !important; }
.bg-pinterest-gradient { background-image: var(--pinterest-gradient) !important; }
.bg-pinterest-gradient-h { background-image: var(--pinterest-gradient-h) !important; }
.bg-pinterest-gradient-h-inverse { background-image: var(--pinterest-gradient-h-inverse) !important; }
.bg-pinterest-gradient-v { background-image: var(--pinterest-gradient-v) !important; }
.bg-pinterest-gradient-v-inverse { background-image: var(--pinterest-gradient-v-inverse) !important; }

/* Background Colors : product Colors */
.bg-product { background-color: var(--product) !important; }
.bg-product-l1 { background-color: var(--product-l1) !important; }
.bg-product-l2 { background-color: var(--product-l2) !important; }
.bg-product-l3 { background-color: var(--product-l3) !important; }
.bg-product-d1 { background-color: var(--product-d1) !important; }
.bg-product-d2 { background-color: var(--product-d2) !important; }
.bg-product-d3 { background-color: var(--product-d3) !important; }
.bg-product-font { background-color: var(--product-font) !important; }
.bg-product-font-l { background-color: var(--product-font-l) !important; }
.bg-product-font-d { background-color: var(--product-font-d) !important; }
.bg-product-10 { background-color: rgba(var(--rgb-product),.1) !important; }
.bg-product-20 { background-color: rgba(var(--rgb-product),.2) !important; }
.bg-product-30 { background-color: rgba(var(--rgb-product),.3) !important; }
.bg-product-40 { background-color: rgba(var(--rgb-product),.4) !important; }
.bg-product-50 { background-color: rgba(var(--rgb-product),.5) !important; }
.bg-product-60 { background-color: rgba(var(--rgb-product),.6) !important; }
.bg-product-70 { background-color: rgba(var(--rgb-product),.7) !important; }
.bg-product-80 { background-color: rgba(var(--rgb-product),.8) !important; }
.bg-product-90 { background-color: rgba(var(--rgb-product),.9) !important; }

.bg-product-gradient-d { background-image: var(--product-gradient-d) !important; }
.bg-product-gradient-d-inverse { background-image: var(--product-gradient-d-inverse) !important; }
.bg-product-gradient { background-image: var(--product-gradient) !important; }
.bg-product-gradient-h { background-image: var(--product-gradient-h) !important; }
.bg-product-gradient-h-inverse { background-image: var(--product-gradient-h-inverse) !important; }
.bg-product-gradient-v { background-image: var(--product-gradient-v) !important; }
.bg-product-gradient-v-inverse { background-image: var(--product-gradient-v-inverse) !important; }

/* Background Colors : QQ Colors */
.bg-qq { background-color: var(--qq) !important; }
.bg-qq-l1 { background-color: var(--qq-l1) !important; }
.bg-qq-l2 { background-color: var(--qq-l2) !important; }
.bg-qq-l3 { background-color: var(--qq-l3) !important; }
.bg-qq-d1 { background-color: var(--qq-d1) !important; }
.bg-qq-d2 { background-color: var(--qq-d2) !important; }
.bg-qq-d3 { background-color: var(--qq-d3) !important; }
.bg-qq-font { background-color: var(--qq-font) !important; }
.bg-qq-font-l { background-color: var(--qq-font-l) !important; }
.bg-qq-font-d { background-color: var(--qq-font-d) !important; }
.bg-qq-10 { background-color: rgba(var(--rgb-qq),.1) !important; }
.bg-qq-20 { background-color: rgba(var(--rgb-qq),.2) !important; }
.bg-qq-30 { background-color: rgba(var(--rgb-qq),.3) !important; }
.bg-qq-40 { background-color: rgba(var(--rgb-qq),.4) !important; }
.bg-qq-50 { background-color: rgba(var(--rgb-qq),.5) !important; }
.bg-qq-60 { background-color: rgba(var(--rgb-qq),.6) !important; }
.bg-qq-70 { background-color: rgba(var(--rgb-qq),.7) !important; }
.bg-qq-80 { background-color: rgba(var(--rgb-qq),.8) !important; }
.bg-qq-90 { background-color: rgba(var(--rgb-qq),.9) !important; }

.bg-qq-gradient-d { background-image: var(--qq-gradient-d) !important; }
.bg-qq-gradient-d-inverse { background-image: var(--qq-gradient-d-inverse) !important; }
.bg-qq-gradient { background-image: var(--qq-gradient) !important; }
.bg-qq-gradient-h { background-image: var(--qq-gradient-h) !important; }
.bg-qq-gradient-h-inverse { background-image: var(--qq-gradient-h-inverse) !important; }
.bg-qq-gradient-v { background-image: var(--qq-gradient-v) !important; }
.bg-qq-gradient-v-inverse { background-image: var(--qq-gradient-v-inverse) !important; }

/* Background Colors : reddit Colors */
.bg-reddit { background-color: var(--reddit) !important; }
.bg-reddit-l1 { background-color: var(--reddit-l1) !important; }
.bg-reddit-l2 { background-color: var(--reddit-l2) !important; }
.bg-reddit-l3 { background-color: var(--reddit-l3) !important; }
.bg-reddit-d1 { background-color: var(--reddit-d1) !important; }
.bg-reddit-d2 { background-color: var(--reddit-d2) !important; }
.bg-reddit-d3 { background-color: var(--reddit-d3) !important; }
.bg-reddit-font { background-color: var(--reddit-font) !important; }
.bg-reddit-font-l { background-color: var(--reddit-font-l) !important; }
.bg-reddit-font-d { background-color: var(--reddit-font-d) !important; }
.bg-reddit-10 { background-color: rgba(var(--rgb-reddit),.1) !important; }
.bg-reddit-20 { background-color: rgba(var(--rgb-reddit),.2) !important; }
.bg-reddit-30 { background-color: rgba(var(--rgb-reddit),.3) !important; }
.bg-reddit-40 { background-color: rgba(var(--rgb-reddit),.4) !important; }
.bg-reddit-50 { background-color: rgba(var(--rgb-reddit),.5) !important; }
.bg-reddit-60 { background-color: rgba(var(--rgb-reddit),.6) !important; }
.bg-reddit-70 { background-color: rgba(var(--rgb-reddit),.7) !important; }
.bg-reddit-80 { background-color: rgba(var(--rgb-reddit),.8) !important; }
.bg-reddit-90 { background-color: rgba(var(--rgb-reddit),.9) !important; }

.bg-reddit-gradient-d { background-image: var(--reddit-gradient-d) !important; }
.bg-reddit-gradient-d-inverse { background-image: var(--reddit-gradient-d-inverse) !important; }
.bg-reddit-gradient { background-image: var(--reddit-gradient) !important; }
.bg-reddit-gradient-h { background-image: var(--reddit-gradient-h) !important; }
.bg-reddit-gradient-h-inverse { background-image: var(--reddit-gradient-h-inverse) !important; }
.bg-reddit-gradient-v { background-image: var(--reddit-gradient-v) !important; }
.bg-reddit-gradient-v-inverse { background-image: var(--reddit-gradient-v-inverse) !important; }

/* Background Colors : RSS Colors */
.bg-rss { background-color: var(--rss) !important; }
.bg-rss-l1 { background-color: var(--rss-l1) !important; }
.bg-rss-l2 { background-color: var(--rss-l2) !important; }
.bg-rss-l3 { background-color: var(--rss-l3) !important; }
.bg-rss-d1 { background-color: var(--rss-d1) !important; }
.bg-rss-d2 { background-color: var(--rss-d2) !important; }
.bg-rss-d3 { background-color: var(--rss-d3) !important; }
.bg-rss-font { background-color: var(--rss-font) !important; }
.bg-rss-font-l { background-color: var(--rss-font-l) !important; }
.bg-rss-font-d { background-color: var(--rss-font-d) !important; }
.bg-rss-10 { background-color: rgba(var(--rgb-rss),.1) !important; }
.bg-rss-20 { background-color: rgba(var(--rgb-rss),.2) !important; }
.bg-rss-30 { background-color: rgba(var(--rgb-rss),.3) !important; }
.bg-rss-40 { background-color: rgba(var(--rgb-rss),.4) !important; }
.bg-rss-50 { background-color: rgba(var(--rgb-rss),.5) !important; }
.bg-rss-60 { background-color: rgba(var(--rgb-rss),.6) !important; }
.bg-rss-70 { background-color: rgba(var(--rgb-rss),.7) !important; }
.bg-rss-80 { background-color: rgba(var(--rgb-rss),.8) !important; }
.bg-rss-90 { background-color: rgba(var(--rgb-rss),.9) !important; }

.bg-rss-gradient-d { background-image: var(--rss-gradient-d) !important; }
.bg-rss-gradient-d-inverse { background-image: var(--rss-gradient-d-inverse) !important; }
.bg-rss-gradient { background-image: var(--rss-gradient) !important; }
.bg-rss-gradient-h { background-image: var(--rss-gradient-h) !important; }
.bg-rss-gradient-h-inverse { background-image: var(--rss-gradient-h-inverse) !important; }
.bg-rss-gradient-v { background-image: var(--rss-gradient-v) !important; }
.bg-rss-gradient-v-inverse { background-image: var(--rss-gradient-v-inverse) !important; }

/* Background Colors : Skype Colors */
.bg-skype { background-color: var(--skype) !important; }
.bg-skype-l1 { background-color: var(--skype-l1) !important; }
.bg-skype-l2 { background-color: var(--skype-l2) !important; }
.bg-skype-l3 { background-color: var(--skype-l3) !important; }
.bg-skype-d1 { background-color: var(--skype-d1) !important; }
.bg-skype-d2 { background-color: var(--skype-d2) !important; }
.bg-skype-d3 { background-color: var(--skype-d3) !important; }
.bg-skype-font { background-color: var(--skype-font) !important; }
.bg-skype-font-l { background-color: var(--skype-font-l) !important; }
.bg-skype-font-d { background-color: var(--skype-font-d) !important; }
.bg-skype-10 { background-color: rgba(var(--rgb-skype),.1) !important; }
.bg-skype-20 { background-color: rgba(var(--rgb-skype),.2) !important; }
.bg-skype-30 { background-color: rgba(var(--rgb-skype),.3) !important; }
.bg-skype-40 { background-color: rgba(var(--rgb-skype),.4) !important; }
.bg-skype-50 { background-color: rgba(var(--rgb-skype),.5) !important; }
.bg-skype-60 { background-color: rgba(var(--rgb-skype),.6) !important; }
.bg-skype-70 { background-color: rgba(var(--rgb-skype),.7) !important; }
.bg-skype-80 { background-color: rgba(var(--rgb-skype),.8) !important; }
.bg-skype-90 { background-color: rgba(var(--rgb-skype),.9) !important; }

.bg-skype-gradient-d { background-image: var(--skype-gradient-d) !important; }
.bg-skype-gradient-d-inverse { background-image: var(--skype-gradient-d-inverse) !important; }
.bg-skype-gradient { background-image: var(--skype-gradient) !important; }
.bg-skype-gradient-h { background-image: var(--skype-gradient-h) !important; }
.bg-skype-gradient-h-inverse { background-image: var(--skype-gradient-h-inverse) !important; }
.bg-skype-gradient-v { background-image: var(--skype-gradient-v) !important; }
.bg-skype-gradient-v-inverse { background-image: var(--skype-gradient-v-inverse) !important; }

/* Background Colors : slack Colors */
.bg-slack { background-color: var(--slack) !important; }
.bg-slack-l1 { background-color: var(--slack-l1) !important; }
.bg-slack-l2 { background-color: var(--slack-l2) !important; }
.bg-slack-l3 { background-color: var(--slack-l3) !important; }
.bg-slack-d1 { background-color: var(--slack-d1) !important; }
.bg-slack-d2 { background-color: var(--slack-d2) !important; }
.bg-slack-d3 { background-color: var(--slack-d3) !important; }
.bg-slack-font { background-color: var(--slack-font) !important; }
.bg-slack-font-l { background-color: var(--slack-font-l) !important; }
.bg-slack-font-d { background-color: var(--slack-font-d) !important; }
.bg-slack-10 { background-color: rgba(var(--rgb-slack),.1) !important; }
.bg-slack-20 { background-color: rgba(var(--rgb-slack),.2) !important; }
.bg-slack-30 { background-color: rgba(var(--rgb-slack),.3) !important; }
.bg-slack-40 { background-color: rgba(var(--rgb-slack),.4) !important; }
.bg-slack-50 { background-color: rgba(var(--rgb-slack),.5) !important; }
.bg-slack-60 { background-color: rgba(var(--rgb-slack),.6) !important; }
.bg-slack-70 { background-color: rgba(var(--rgb-slack),.7) !important; }
.bg-slack-80 { background-color: rgba(var(--rgb-slack),.8) !important; }
.bg-slack-90 { background-color: rgba(var(--rgb-slack),.9) !important; }

.bg-slack-gradient-d { background-image: var(--slack-gradient-d) !important; }
.bg-slack-gradient-d-inverse { background-image: var(--slack-gradient-d-inverse) !important; }
.bg-slack-gradient { background-image: var(--slack-gradient) !important; }
.bg-slack-gradient-h { background-image: var(--slack-gradient-h) !important; }
.bg-slack-gradient-h-inverse { background-image: var(--slack-gradient-h-inverse) !important; }
.bg-slack-gradient-v { background-image: var(--slack-gradient-v) !important; }
.bg-slack-gradient-v-inverse { background-image: var(--slack-gradient-v-inverse) !important; }

/* Background Colors : Snap Colors */
.bg-snap { background-color: var(--snap) !important; }
.bg-snap-l1 { background-color: var(--snap-l1) !important; }
.bg-snap-l2 { background-color: var(--snap-l2) !important; }
.bg-snap-l3 { background-color: var(--snap-l3) !important; }
.bg-snap-d1 { background-color: var(--snap-d1) !important; }
.bg-snap-d2 { background-color: var(--snap-d2) !important; }
.bg-snap-d3 { background-color: var(--snap-d3) !important; }
.bg-snap-font { background-color: var(--snap-font) !important; }
.bg-snap-font-l { background-color: var(--snap-font-l) !important; }
.bg-snap-font-d { background-color: var(--snap-font-d) !important; }
.bg-snap-10 { background-color: rgba(var(--rgb-snap),.1) !important; }
.bg-snap-20 { background-color: rgba(var(--rgb-snap),.2) !important; }
.bg-snap-30 { background-color: rgba(var(--rgb-snap),.3) !important; }
.bg-snap-40 { background-color: rgba(var(--rgb-snap),.4) !important; }
.bg-snap-50 { background-color: rgba(var(--rgb-snap),.5) !important; }
.bg-snap-60 { background-color: rgba(var(--rgb-snap),.6) !important; }
.bg-snap-70 { background-color: rgba(var(--rgb-snap),.7) !important; }
.bg-snap-80 { background-color: rgba(var(--rgb-snap),.8) !important; }
.bg-snap-90 { background-color: rgba(var(--rgb-snap),.9) !important; }

.bg-snap-gradient-d { background-image: var(--snap-gradient-d) !important; }
.bg-snap-gradient-d-inverse { background-image: var(--snap-gradient-d-inverse) !important; }
.bg-snap-gradient { background-image: var(--snap-gradient) !important; }
.bg-snap-gradient-h { background-image: var(--snap-gradient-h) !important; }
.bg-snap-gradient-h-inverse { background-image: var(--snap-gradient-h-inverse) !important; }
.bg-snap-gradient-v { background-image: var(--snap-gradient-v) !important; }
.bg-snap-gradient-v-inverse { background-image: var(--snap-gradient-v-inverse) !important; }

/* Background Colors : stack-overflow Colors */
.bg-stack-overflow { background-color: var(--stack-overflow) !important; }
.bg-stack-overflow-l1 { background-color: var(--stack-overflow-l1) !important; }
.bg-stack-overflow-l2 { background-color: var(--stack-overflow-l2) !important; }
.bg-stack-overflow-l3 { background-color: var(--stack-overflow-l3) !important; }
.bg-stack-overflow-d1 { background-color: var(--stack-overflow-d1) !important; }
.bg-stack-overflow-d2 { background-color: var(--stack-overflow-d2) !important; }
.bg-stack-overflow-d3 { background-color: var(--stack-overflow-d3) !important; }
.bg-stack-overflow-font { background-color: var(--stack-overflow-font) !important; }
.bg-stack-overflow-font-l { background-color: var(--stack-overflow-font-l) !important; }
.bg-stack-overflow-font-d { background-color: var(--stack-overflow-font-d) !important; }
.bg-stack-overflow-10 { background-color: rgba(var(--rgb-stack-overflow),.1) !important; }
.bg-stack-overflow-20 { background-color: rgba(var(--rgb-stack-overflow),.2) !important; }
.bg-stack-overflow-30 { background-color: rgba(var(--rgb-stack-overflow),.3) !important; }
.bg-stack-overflow-40 { background-color: rgba(var(--rgb-stack-overflow),.4) !important; }
.bg-stack-overflow-50 { background-color: rgba(var(--rgb-stack-overflow),.5) !important; }
.bg-stack-overflow-60 { background-color: rgba(var(--rgb-stack-overflow),.6) !important; }
.bg-stack-overflow-70 { background-color: rgba(var(--rgb-stack-overflow),.7) !important; }
.bg-stack-overflow-80 { background-color: rgba(var(--rgb-stack-overflow),.8) !important; }
.bg-stack-overflow-90 { background-color: rgba(var(--rgb-stack-overflow),.9) !important; }

.bg-stack-overflow-gradient-d { background-image: var(--stack-overflow-gradient-d) !important; }
.bg-stack-overflow-gradient-d-inverse { background-image: var(--stack-overflow-gradient-d-inverse) !important; }
.bg-stack-overflow-gradient { background-image: var(--stack-overflow-gradient) !important; }
.bg-stack-overflow-gradient-h { background-image: var(--stack-overflow-gradient-h) !important; }
.bg-stack-overflow-gradient-h-inverse { background-image: var(--stack-overflow-gradient-h-inverse) !important; }
.bg-stack-overflow-gradient-v { background-image: var(--stack-overflow-gradient-v) !important; }
.bg-stack-overflow-gradient-v-inverse { background-image: var(--stack-overflow-gradient-v-inverse) !important; }

/* Background Colors : steam Colors */
.bg-steam { background-color: var(--steam) !important; }
.bg-steam-l1 { background-color: var(--steam-l1) !important; }
.bg-steam-l2 { background-color: var(--steam-l2) !important; }
.bg-steam-l3 { background-color: var(--steam-l3) !important; }
.bg-steam-d1 { background-color: var(--steam-d1) !important; }
.bg-steam-d2 { background-color: var(--steam-d2) !important; }
.bg-steam-d3 { background-color: var(--steam-d3) !important; }
.bg-steam-font { background-color: var(--steam-font) !important; }
.bg-steam-font-l { background-color: var(--steam-font-l) !important; }
.bg-steam-font-d { background-color: var(--steam-font-d) !important; }
.bg-steam-10 { background-color: rgba(var(--rgb-steam),.1) !important; }
.bg-steam-20 { background-color: rgba(var(--rgb-steam),.2) !important; }
.bg-steam-30 { background-color: rgba(var(--rgb-steam),.3) !important; }
.bg-steam-40 { background-color: rgba(var(--rgb-steam),.4) !important; }
.bg-steam-50 { background-color: rgba(var(--rgb-steam),.5) !important; }
.bg-steam-60 { background-color: rgba(var(--rgb-steam),.6) !important; }
.bg-steam-70 { background-color: rgba(var(--rgb-steam),.7) !important; }
.bg-steam-80 { background-color: rgba(var(--rgb-steam),.8) !important; }
.bg-steam-90 { background-color: rgba(var(--rgb-steam),.9) !important; }

.bg-steam-gradient-d { background-image: var(--steam-gradient-d) !important; }
.bg-steam-gradient-d-inverse { background-image: var(--steam-gradient-d-inverse) !important; }
.bg-steam-gradient { background-image: var(--steam-gradient) !important; }
.bg-steam-gradient-h { background-image: var(--steam-gradient-h) !important; }
.bg-steam-gradient-h-inverse { background-image: var(--steam-gradient-h-inverse) !important; }
.bg-steam-gradient-v { background-image: var(--steam-gradient-v) !important; }
.bg-steam-gradient-v-inverse { background-image: var(--steam-gradient-v-inverse) !important; }

/* Background Colors : telegram Colors */
.bg-telegram { background-color: var(--telegram) !important; }
.bg-telegram-l1 { background-color: var(--telegram-l1) !important; }
.bg-telegram-l2 { background-color: var(--telegram-l2) !important; }
.bg-telegram-l3 { background-color: var(--telegram-l3) !important; }
.bg-telegram-d1 { background-color: var(--telegram-d1) !important; }
.bg-telegram-d2 { background-color: var(--telegram-d2) !important; }
.bg-telegram-d3 { background-color: var(--telegram-d3) !important; }
.bg-telegram-font { background-color: var(--telegram-font) !important; }
.bg-telegram-font-l { background-color: var(--telegram-font-l) !important; }
.bg-telegram-font-d { background-color: var(--telegram-font-d) !important; }
.bg-telegram-10 { background-color: rgba(var(--rgb-telegram),.1) !important; }
.bg-telegram-20 { background-color: rgba(var(--rgb-telegram),.2) !important; }
.bg-telegram-30 { background-color: rgba(var(--rgb-telegram),.3) !important; }
.bg-telegram-40 { background-color: rgba(var(--rgb-telegram),.4) !important; }
.bg-telegram-50 { background-color: rgba(var(--rgb-telegram),.5) !important; }
.bg-telegram-60 { background-color: rgba(var(--rgb-telegram),.6) !important; }
.bg-telegram-70 { background-color: rgba(var(--rgb-telegram),.7) !important; }
.bg-telegram-80 { background-color: rgba(var(--rgb-telegram),.8) !important; }
.bg-telegram-90 { background-color: rgba(var(--rgb-telegram),.9) !important; }

.bg-telegram-gradient-d { background-image: var(--telegram-gradient-d) !important; }
.bg-telegram-gradient-d-inverse { background-image: var(--telegram-gradient-d-inverse) !important; }
.bg-telegram-gradient { background-image: var(--telegram-gradient) !important; }
.bg-telegram-gradient-h { background-image: var(--telegram-gradient-h) !important; }
.bg-telegram-gradient-h-inverse { background-image: var(--telegram-gradient-h-inverse) !important; }
.bg-telegram-gradient-v { background-image: var(--telegram-gradient-v) !important; }
.bg-telegram-gradient-v-inverse { background-image: var(--telegram-gradient-v-inverse) !important; }


/* Background Colors : tiktok Colors */
.bg-tiktok { background-color: var(--tiktok) !important; }
.bg-tiktok-l1 { background-color: var(--tiktok-l1) !important; }
.bg-tiktok-l2 { background-color: var(--tiktok-l2) !important; }
.bg-tiktok-l3 { background-color: var(--tiktok-l3) !important; }
.bg-tiktok-d1 { background-color: var(--tiktok-d1) !important; }
.bg-tiktok-d2 { background-color: var(--tiktok-d2) !important; }
.bg-tiktok-d3 { background-color: var(--tiktok-d3) !important; }
.bg-tiktok-font { background-color: var(--tiktok-font) !important; }
.bg-tiktok-font-l { background-color: var(--tiktok-font-l) !important; }
.bg-tiktok-font-d { background-color: var(--tiktok-font-d) !important; }
.bg-tiktok-10 { background-color: rgba(var(--rgb-tiktok),.1) !important; }
.bg-tiktok-20 { background-color: rgba(var(--rgb-tiktok),.2) !important; }
.bg-tiktok-30 { background-color: rgba(var(--rgb-tiktok),.3) !important; }
.bg-tiktok-40 { background-color: rgba(var(--rgb-tiktok),.4) !important; }
.bg-tiktok-50 { background-color: rgba(var(--rgb-tiktok),.5) !important; }
.bg-tiktok-60 { background-color: rgba(var(--rgb-tiktok),.6) !important; }
.bg-tiktok-70 { background-color: rgba(var(--rgb-tiktok),.7) !important; }
.bg-tiktok-80 { background-color: rgba(var(--rgb-tiktok),.8) !important; }
.bg-tiktok-90 { background-color: rgba(var(--rgb-tiktok),.9) !important; }

.bg-tiktok-gradient-d { background-image: var(--tiktok-gradient-d) !important; }
.bg-tiktok-gradient-d-inverse { background-image: var(--tiktok-gradient-d-inverse) !important; }
.bg-tiktok-gradient { background-image: var(--tiktok-gradient) !important; }
.bg-tiktok-gradient-h { background-image: var(--tiktok-gradient-h) !important; }
.bg-tiktok-gradient-h-inverse { background-image: var(--tiktok-gradient-h-inverse) !important; }
.bg-tiktok-gradient-v { background-image: var(--tiktok-gradient-v) !important; }
.bg-tiktok-gradient-v-inverse { background-image: var(--tiktok-gradient-v-inverse) !important; }

/* Background Colors : trip-advisor Colors */
.bg-trip-advisor { background-color: var(--trip-advisor) !important; }
.bg-trip-advisor-l1 { background-color: var(--trip-advisor-l1) !important; }
.bg-trip-advisor-l2 { background-color: var(--trip-advisor-l2) !important; }
.bg-trip-advisor-l3 { background-color: var(--trip-advisor-l3) !important; }
.bg-trip-advisor-d1 { background-color: var(--trip-advisor-d1) !important; }
.bg-trip-advisor-d2 { background-color: var(--trip-advisor-d2) !important; }
.bg-trip-advisor-d3 { background-color: var(--trip-advisor-d3) !important; }
.bg-trip-advisor-font { background-color: var(--trip-advisor-font) !important; }
.bg-trip-advisor-font-l { background-color: var(--trip-advisor-font-l) !important; }
.bg-trip-advisor-font-d { background-color: var(--trip-advisor-font-d) !important; }
.bg-trip-advisor-10 { background-color: rgba(var(--rgb-trip-advisor),.1) !important; }
.bg-trip-advisor-20 { background-color: rgba(var(--rgb-trip-advisor),.2) !important; }
.bg-trip-advisor-30 { background-color: rgba(var(--rgb-trip-advisor),.3) !important; }
.bg-trip-advisor-40 { background-color: rgba(var(--rgb-trip-advisor),.4) !important; }
.bg-trip-advisor-50 { background-color: rgba(var(--rgb-trip-advisor),.5) !important; }
.bg-trip-advisor-60 { background-color: rgba(var(--rgb-trip-advisor),.6) !important; }
.bg-trip-advisor-70 { background-color: rgba(var(--rgb-trip-advisor),.7) !important; }
.bg-trip-advisor-80 { background-color: rgba(var(--rgb-trip-advisor),.8) !important; }
.bg-trip-advisor-90 { background-color: rgba(var(--rgb-trip-advisor),.9) !important; }

.bg-trip-advisor-gradient-d { background-image: var(--trip-advisor-gradient-d) !important; }
.bg-trip-advisor-gradient-d-inverse { background-image: var(--trip-advisor-gradient-d-inverse) !important; }
.bg-trip-advisor-gradient { background-image: var(--trip-advisor-gradient) !important; }
.bg-trip-advisor-gradient-h { background-image: var(--trip-advisor-gradient-h) !important; }
.bg-trip-advisor-gradient-h-inverse { background-image: var(--trip-advisor-gradient-h-inverse) !important; }
.bg-trip-advisor-gradient-v { background-image: var(--trip-advisor-gradient-v) !important; }
.bg-trip-advisor-gradient-v-inverse { background-image: var(--trip-advisor-gradient-v-inverse) !important; }

/* Background Colors : Tumblr Colors */
.bg-tumblr { background-color: var(--tumblr) !important; }
.bg-tumblr-l1 { background-color: var(--tumblr-l1) !important; }
.bg-tumblr-l2 { background-color: var(--tumblr-l2) !important; }
.bg-tumblr-l3 { background-color: var(--tumblr-l3) !important; }
.bg-tumblr-d1 { background-color: var(--tumblr-d1) !important; }
.bg-tumblr-d2 { background-color: var(--tumblr-d2) !important; }
.bg-tumblr-d3 { background-color: var(--tumblr-d3) !important; }
.bg-tumblr-font { background-color: var(--tumblr-font) !important; }
.bg-tumblr-font-l { background-color: var(--tumblr-font-l) !important; }
.bg-tumblr-font-d { background-color: var(--tumblr-font-d) !important; }
.bg-tumblr-10 { background-color: rgba(var(--rgb-tumblr),.1) !important; }
.bg-tumblr-20 { background-color: rgba(var(--rgb-tumblr),.2) !important; }
.bg-tumblr-30 { background-color: rgba(var(--rgb-tumblr),.3) !important; }
.bg-tumblr-40 { background-color: rgba(var(--rgb-tumblr),.4) !important; }
.bg-tumblr-50 { background-color: rgba(var(--rgb-tumblr),.5) !important; }
.bg-tumblr-60 { background-color: rgba(var(--rgb-tumblr),.6) !important; }
.bg-tumblr-70 { background-color: rgba(var(--rgb-tumblr),.7) !important; }
.bg-tumblr-80 { background-color: rgba(var(--rgb-tumblr),.8) !important; }
.bg-tumblr-90 { background-color: rgba(var(--rgb-tumblr),.9) !important; }

.bg-tumblr-gradient-d { background-image: var(--tumblr-gradient-d) !important; }
.bg-tumblr-gradient-d-inverse { background-image: var(--tumblr-gradient-d-inverse) !important; }
.bg-tumblr-gradient { background-image: var(--tumblr-gradient) !important; }
.bg-tumblr-gradient-h { background-image: var(--tumblr-gradient-h) !important; }
.bg-tumblr-gradient-h-inverse { background-image: var(--tumblr-gradient-h-inverse) !important; }
.bg-tumblr-gradient-v { background-image: var(--tumblr-gradient-v) !important; }
.bg-tumblr-gradient-v-inverse { background-image: var(--tumblr-gradient-v-inverse) !important; }

/* Background Colors : twitch Colors */
.bg-twitch { background-color: var(--twitch) !important; }
.bg-twitch-l1 { background-color: var(--twitch-l1) !important; }
.bg-twitch-l2 { background-color: var(--twitch-l2) !important; }
.bg-twitch-l3 { background-color: var(--twitch-l3) !important; }
.bg-twitch-d1 { background-color: var(--twitch-d1) !important; }
.bg-twitch-d2 { background-color: var(--twitch-d2) !important; }
.bg-twitch-d3 { background-color: var(--twitch-d3) !important; }
.bg-twitch-font { background-color: var(--twitch-font) !important; }
.bg-twitch-font-l { background-color: var(--twitch-font-l) !important; }
.bg-twitch-font-d { background-color: var(--twitch-font-d) !important; }
.bg-twitch-10 { background-color: rgba(var(--rgb-twitch),.1) !important; }
.bg-twitch-20 { background-color: rgba(var(--rgb-twitch),.2) !important; }
.bg-twitch-30 { background-color: rgba(var(--rgb-twitch),.3) !important; }
.bg-twitch-40 { background-color: rgba(var(--rgb-twitch),.4) !important; }
.bg-twitch-50 { background-color: rgba(var(--rgb-twitch),.5) !important; }
.bg-twitch-60 { background-color: rgba(var(--rgb-twitch),.6) !important; }
.bg-twitch-70 { background-color: rgba(var(--rgb-twitch),.7) !important; }
.bg-twitch-80 { background-color: rgba(var(--rgb-twitch),.8) !important; }
.bg-twitch-90 { background-color: rgba(var(--rgb-twitch),.9) !important; }

.bg-twitch-gradient-d { background-image: var(--twitch-gradient-d) !important; }
.bg-twitch-gradient-d-inverse { background-image: var(--twitch-gradient-d-inverse) !important; }
.bg-twitch-gradient { background-image: var(--twitch-gradient) !important; }
.bg-twitch-gradient-h { background-image: var(--twitch-gradient-h) !important; }
.bg-twitch-gradient-h-inverse { background-image: var(--twitch-gradient-h-inverse) !important; }
.bg-twitch-gradient-v { background-image: var(--twitch-gradient-v) !important; }
.bg-twitch-gradient-v-inverse { background-image: var(--twitch-gradient-v-inverse) !important; }

/* Background Colors : Twitter Colors */
.bg-twitter { background-color: var(--twitter) !important; }
.bg-twitter-l1 { background-color: var(--twitter-l1) !important; }
.bg-twitter-l2 { background-color: var(--twitter-l2) !important; }
.bg-twitter-l3 { background-color: var(--twitter-l3) !important; }
.bg-twitter-d1 { background-color: var(--twitter-d1) !important; }
.bg-twitter-d2 { background-color: var(--twitter-d2) !important; }
.bg-twitter-d3 { background-color: var(--twitter-d3) !important; }
.bg-twitter-font { background-color: var(--twitter-font) !important; }
.bg-twitter-font-l { background-color: var(--twitter-font-l) !important; }
.bg-twitter-font-d { background-color: var(--twitter-font-d) !important; }
.bg-twitter-10 { background-color: rgba(var(--rgb-twitter),.1) !important; }
.bg-twitter-20 { background-color: rgba(var(--rgb-twitter),.2) !important; }
.bg-twitter-30 { background-color: rgba(var(--rgb-twitter),.3) !important; }
.bg-twitter-40 { background-color: rgba(var(--rgb-twitter),.4) !important; }
.bg-twitter-50 { background-color: rgba(var(--rgb-twitter),.5) !important; }
.bg-twitter-60 { background-color: rgba(var(--rgb-twitter),.6) !important; }
.bg-twitter-70 { background-color: rgba(var(--rgb-twitter),.7) !important; }
.bg-twitter-80 { background-color: rgba(var(--rgb-twitter),.8) !important; }
.bg-twitter-90 { background-color: rgba(var(--rgb-twitter),.9) !important; }

.bg-twitter-gradient-d { background-image: var(--twitter-gradient-d) !important; }
.bg-twitter-gradient-d-inverse { background-image: var(--twitter-gradient-d-inverse) !important; }
.bg-twitter-gradient { background-image: var(--twitter-gradient) !important; }
.bg-twitter-gradient-h { background-image: var(--twitter-gradient-h) !important; }
.bg-twitter-gradient-h-inverse { background-image: var(--twitter-gradient-h-inverse) !important; }
.bg-twitter-gradient-v { background-image: var(--twitter-gradient-v) !important; }
.bg-twitter-gradient-v-inverse { background-image: var(--twitter-gradient-v-inverse) !important; }

/* Background Colors : Vibre Colors */
.bg-vibre { background-color: var(--vibre) !important; }
.bg-vibre-l1 { background-color: var(--vibre-l1) !important; }
.bg-vibre-l2 { background-color: var(--vibre-l2) !important; }
.bg-vibre-l3 { background-color: var(--vibre-l3) !important; }
.bg-vibre-d1 { background-color: var(--vibre-d1) !important; }
.bg-vibre-d2 { background-color: var(--vibre-d2) !important; }
.bg-vibre-d3 { background-color: var(--vibre-d3) !important; }
.bg-vibre-font { background-color: var(--vibre-font) !important; }
.bg-vibre-font-l { background-color: var(--vibre-font-l) !important; }
.bg-vibre-font-d { background-color: var(--vibre-font-d) !important; }
.bg-vibre-10 { background-color: rgba(var(--rgb-vibre),.1) !important; }
.bg-vibre-20 { background-color: rgba(var(--rgb-vibre),.2) !important; }
.bg-vibre-30 { background-color: rgba(var(--rgb-vibre),.3) !important; }
.bg-vibre-40 { background-color: rgba(var(--rgb-vibre),.4) !important; }
.bg-vibre-50 { background-color: rgba(var(--rgb-vibre),.5) !important; }
.bg-vibre-60 { background-color: rgba(var(--rgb-vibre),.6) !important; }
.bg-vibre-70 { background-color: rgba(var(--rgb-vibre),.7) !important; }
.bg-vibre-80 { background-color: rgba(var(--rgb-vibre),.8) !important; }
.bg-vibre-90 { background-color: rgba(var(--rgb-vibre),.9) !important; }

.bg-vibre-gradient-d { background-image: var(--vibre-gradient-d) !important; }
.bg-vibre-gradient-d-inverse { background-image: var(--vibre-gradient-d-inverse) !important; }
.bg-vibre-gradient { background-image: var(--vibre-gradient) !important; }
.bg-vibre-gradient-h { background-image: var(--vibre-gradient-h) !important; }
.bg-vibre-gradient-h-inverse { background-image: var(--vibre-gradient-h-inverse) !important; }
.bg-vibre-gradient-v { background-image: var(--vibre-gradient-v) !important; }
.bg-vibre-gradient-v-inverse { background-image: var(--vibre-gradient-v-inverse) !important; }

/* Background Colors : Vimeo Colors */
.bg-vimeo { background-color: var(--vimeo) !important; }
.bg-vimeo-l1 { background-color: var(--vimeo-l1) !important; }
.bg-vimeo-l2 { background-color: var(--vimeo-l2) !important; }
.bg-vimeo-l3 { background-color: var(--vimeo-l3) !important; }
.bg-vimeo-d1 { background-color: var(--vimeo-d1) !important; }
.bg-vimeo-d2 { background-color: var(--vimeo-d2) !important; }
.bg-vimeo-d3 { background-color: var(--vimeo-d3) !important; }
.bg-vimeo-font { background-color: var(--vimeo-font) !important; }
.bg-vimeo-font-l { background-color: var(--vimeo-font-l) !important; }
.bg-vimeo-font-d { background-color: var(--vimeo-font-d) !important; }
.bg-vimeo-10 { background-color: rgba(var(--rgb-vimeo),.1) !important; }
.bg-vimeo-20 { background-color: rgba(var(--rgb-vimeo),.2) !important; }
.bg-vimeo-30 { background-color: rgba(var(--rgb-vimeo),.3) !important; }
.bg-vimeo-40 { background-color: rgba(var(--rgb-vimeo),.4) !important; }
.bg-vimeo-50 { background-color: rgba(var(--rgb-vimeo),.5) !important; }
.bg-vimeo-60 { background-color: rgba(var(--rgb-vimeo),.6) !important; }
.bg-vimeo-70 { background-color: rgba(var(--rgb-vimeo),.7) !important; }
.bg-vimeo-80 { background-color: rgba(var(--rgb-vimeo),.8) !important; }
.bg-vimeo-90 { background-color: rgba(var(--rgb-vimeo),.9) !important; }

.bg-vimeo-gradient-d { background-image: var(--vimeo-gradient-d) !important; }
.bg-vimeo-gradient-d-inverse { background-image: var(--vimeo-gradient-d-inverse) !important; }
.bg-vimeo-gradient { background-image: var(--vimeo-gradient) !important; }
.bg-vimeo-gradient-h { background-image: var(--vimeo-gradient-h) !important; }
.bg-vimeo-gradient-h-inverse { background-image: var(--vimeo-gradient-h-inverse) !important; }
.bg-vimeo-gradient-v { background-image: var(--vimeo-gradient-v) !important; }
.bg-vimeo-gradient-v-inverse { background-image: var(--vimeo-gradient-v-inverse) !important; }

/* Background Colors : vk Colors */
.bg-vk { background-color: var(--vk) !important; }
.bg-vk-l1 { background-color: var(--vk-l1) !important; }
.bg-vk-l2 { background-color: var(--vk-l2) !important; }
.bg-vk-l3 { background-color: var(--vk-l3) !important; }
.bg-vk-d1 { background-color: var(--vk-d1) !important; }
.bg-vk-d2 { background-color: var(--vk-d2) !important; }
.bg-vk-d3 { background-color: var(--vk-d3) !important; }
.bg-vk-font { background-color: var(--vk-font) !important; }
.bg-vk-font-l { background-color: var(--vk-font-l) !important; }
.bg-vk-font-d { background-color: var(--vk-font-d) !important; }
.bg-vk-10 { background-color: rgba(var(--rgb-vk),.1) !important; }
.bg-vk-20 { background-color: rgba(var(--rgb-vk),.2) !important; }
.bg-vk-30 { background-color: rgba(var(--rgb-vk),.3) !important; }
.bg-vk-40 { background-color: rgba(var(--rgb-vk),.4) !important; }
.bg-vk-50 { background-color: rgba(var(--rgb-vk),.5) !important; }
.bg-vk-60 { background-color: rgba(var(--rgb-vk),.6) !important; }
.bg-vk-70 { background-color: rgba(var(--rgb-vk),.7) !important; }
.bg-vk-80 { background-color: rgba(var(--rgb-vk),.8) !important; }
.bg-vk-90 { background-color: rgba(var(--rgb-vk),.9) !important; }

.bg-vk-gradient-d { background-image: var(--vk-gradient-d) !important; }
.bg-vk-gradient-d-inverse { background-image: var(--vk-gradient-d-inverse) !important; }
.bg-vk-gradient { background-image: var(--vk-gradient) !important; }
.bg-vk-gradient-h { background-image: var(--vk-gradient-h) !important; }
.bg-vk-gradient-h-inverse { background-image: var(--vk-gradient-h-inverse) !important; }
.bg-vk-gradient-v { background-image: var(--vk-gradient-v) !important; }
.bg-vk-gradient-v-inverse { background-image: var(--vk-gradient-v-inverse) !important; }

/* Background Colors : Vine Colors */
.bg-vine { background-color: var(--vine) !important; }
.bg-vine-l1 { background-color: var(--vine-l1) !important; }
.bg-vine-l2 { background-color: var(--vine-l2) !important; }
.bg-vine-l3 { background-color: var(--vine-l3) !important; }
.bg-vine-d1 { background-color: var(--vine-d1) !important; }
.bg-vine-d2 { background-color: var(--vine-d2) !important; }
.bg-vine-d3 { background-color: var(--vine-d3) !important; }
.bg-vine-font { background-color: var(--vine-font) !important; }
.bg-vine-font-l { background-color: var(--vine-font-l) !important; }
.bg-vine-font-d { background-color: var(--vine-font-d) !important; }
.bg-vine-10 { background-color: rgba(var(--rgb-vine),.1) !important; }
.bg-vine-20 { background-color: rgba(var(--rgb-vine),.2) !important; }
.bg-vine-30 { background-color: rgba(var(--rgb-vine),.3) !important; }
.bg-vine-40 { background-color: rgba(var(--rgb-vine),.4) !important; }
.bg-vine-50 { background-color: rgba(var(--rgb-vine),.5) !important; }
.bg-vine-60 { background-color: rgba(var(--rgb-vine),.6) !important; }
.bg-vine-70 { background-color: rgba(var(--rgb-vine),.7) !important; }
.bg-vine-80 { background-color: rgba(var(--rgb-vine),.8) !important; }
.bg-vine-90 { background-color: rgba(var(--rgb-vine),.9) !important; }

.bg-vine-gradient-d { background-image: var(--vine-gradient-d) !important; }
.bg-vine-gradient-d-inverse { background-image: var(--vine-gradient-d-inverse) !important; }
.bg-vine-gradient { background-image: var(--vine-gradient) !important; }
.bg-vine-gradient-h { background-image: var(--vine-gradient-h) !important; }
.bg-vine-gradient-h-inverse { background-image: var(--vine-gradient-h-inverse) !important; }
.bg-vine-gradient-v { background-image: var(--vine-gradient-v) !important; }
.bg-vine-gradient-v-inverse { background-image: var(--vine-gradient-v-inverse) !important; }

/* Background Colors : WeChat Colors */
.bg-wechat { background-color: var(--wechat) !important; }
.bg-wechat-l1 { background-color: var(--wechat-l1) !important; }
.bg-wechat-l2 { background-color: var(--wechat-l2) !important; }
.bg-wechat-l3 { background-color: var(--wechat-l3) !important; }
.bg-wechat-d1 { background-color: var(--wechat-d1) !important; }
.bg-wechat-d2 { background-color: var(--wechat-d2) !important; }
.bg-wechat-d3 { background-color: var(--wechat-d3) !important; }
.bg-wechat-font { background-color: var(--wechat-font) !important; }
.bg-wechat-font-l { background-color: var(--wechat-font-l) !important; }
.bg-wechat-font-d { background-color: var(--wechat-font-d) !important; }
.bg-wechat-10 { background-color: rgba(var(--rgb-wechat),.1) !important; }
.bg-wechat-20 { background-color: rgba(var(--rgb-wechat),.2) !important; }
.bg-wechat-30 { background-color: rgba(var(--rgb-wechat),.3) !important; }
.bg-wechat-40 { background-color: rgba(var(--rgb-wechat),.4) !important; }
.bg-wechat-50 { background-color: rgba(var(--rgb-wechat),.5) !important; }
.bg-wechat-60 { background-color: rgba(var(--rgb-wechat),.6) !important; }
.bg-wechat-70 { background-color: rgba(var(--rgb-wechat),.7) !important; }
.bg-wechat-80 { background-color: rgba(var(--rgb-wechat),.8) !important; }
.bg-wechat-90 { background-color: rgba(var(--rgb-wechat),.9) !important; }

.bg-wechat-gradient-d { background-image: var(--wechat-gradient-d) !important; }
.bg-wechat-gradient-d-inverse { background-image: var(--wechat-gradient-d-inverse) !important; }
.bg-wechat-gradient { background-image: var(--wechat-gradient) !important; }
.bg-wechat-gradient-h { background-image: var(--wechat-gradient-h) !important; }
.bg-wechat-gradient-h-inverse { background-image: var(--wechat-gradient-h-inverse) !important; }
.bg-wechat-gradient-v { background-image: var(--wechat-gradient-v) !important; }
.bg-wechat-gradient-v-inverse { background-image: var(--wechat-gradient-v-inverse) !important; }

/* Background Colors : WhatsApp Colors */
.bg-whatsapp { background-color: var(--whatsapp) !important; }
.bg-whatsapp-l1 { background-color: var(--whatsapp-l1) !important; }
.bg-whatsapp-l2 { background-color: var(--whatsapp-l2) !important; }
.bg-whatsapp-l3 { background-color: var(--whatsapp-l3) !important; }
.bg-whatsapp-d1 { background-color: var(--whatsapp-d1) !important; }
.bg-whatsapp-d2 { background-color: var(--whatsapp-d2) !important; }
.bg-whatsapp-d3 { background-color: var(--whatsapp-d3) !important; }
.bg-whatsapp-font { background-color: var(--whatsapp-font) !important; }
.bg-whatsapp-font-l { background-color: var(--whatsapp-font-l) !important; }
.bg-whatsapp-font-d {background-color: var(--whatsapp-font-d) !important; }
.bg-whatsapp-10 { background-color: rgba(var(--rgb-whatsapp),.1) !important; }
.bg-whatsapp-20 { background-color: rgba(var(--rgb-whatsapp),.2) !important; }
.bg-whatsapp-30 { background-color: rgba(var(--rgb-whatsapp),.3) !important; }
.bg-whatsapp-40 { background-color: rgba(var(--rgb-whatsapp),.4) !important; }
.bg-whatsapp-50 { background-color: rgba(var(--rgb-whatsapp),.5) !important; }
.bg-whatsapp-60 { background-color: rgba(var(--rgb-whatsapp),.6) !important; }
.bg-whatsapp-70 { background-color: rgba(var(--rgb-whatsapp),.7) !important; }
.bg-whatsapp-80 { background-color: rgba(var(--rgb-whatsapp),.8) !important; }
.bg-whatsapp-90 { background-color: rgba(var(--rgb-whatsapp),.9) !important; }

.bg-whatsapp-gradient-d { background-image: var(--whatsapp-gradient-d) !important; }
.bg-whatsapp-gradient-d-inverse { background-image: var(--whatsapp-gradient-d-inverse) !important; }
.bg-whatsapp-gradient { background-image: var(--whatsapp-gradient) !important; }
.bg-whatsapp-gradient-h { background-image: var(--whatsapp-gradient-h) !important; }
.bg-whatsapp-gradient-h-inverse { background-image: var(--whatsapp-gradient-h-inverse) !important; }
.bg-whatsapp-gradient-v { background-image: var(--whatsapp-gradient-v) !important; }
.bg-whatsapp-gradient-v-inverse { background-image: var(--whatsapp-gradient-v-inverse) !important; }

/* Background Colors : Windows Live Colors */
.bg-windowslive { background-color: var(--windowslive) !important; }
.bg-windowslive-l1 { background-color: var(--windowslive-l1) !important; }
.bg-windowslive-l2 { background-color: var(--windowslive-l2) !important; }
.bg-windowslive-l3 { background-color: var(--windowslive-l3) !important; }
.bg-windowslive-d1 { background-color: var(--windowslive-d1) !important; }
.bg-windowslive-d2 { background-color: var(--windowslive-d2) !important; }
.bg-windowslive-d3 { background-color: var(--windowslive-d3) !important; }
.bg-windowslive-font { background-color: var(--windowslive-font) !important; }
.bg-windowslive-font-l { background-color: var(--windowslive-font-l) !important; }
.bg-windowslive-font-d { background-color: var(--windowslive-font-d) !important; }
.bg-windowslive-10 { background-color: rgba(var(--rgb-windowslive),.1) !important; }
.bg-windowslive-20 { background-color: rgba(var(--rgb-windowslive),.2) !important; }
.bg-windowslive-30 { background-color: rgba(var(--rgb-windowslive),.3) !important; }
.bg-windowslive-40 { background-color: rgba(var(--rgb-windowslive),.4) !important; }
.bg-windowslive-50 { background-color: rgba(var(--rgb-windowslive),.5) !important; }
.bg-windowslive-60 { background-color: rgba(var(--rgb-windowslive),.6) !important; }
.bg-windowslive-70 { background-color: rgba(var(--rgb-windowslive),.7) !important; }
.bg-windowslive-80 { background-color: rgba(var(--rgb-windowslive),.8) !important; }
.bg-windowslive-90 { background-color: rgba(var(--rgb-windowslive),.9) !important; }

.bg-windowslive-gradient-d { background-image: var(--windowslive-gradient-d) !important; }
.bg-windowslive-gradient-d-inverse { background-image: var(--windowslive-gradient-d-inverse) !important; }
.bg-windowslive-gradient { background-image: var(--windowslive-gradient) !important; }
.bg-windowslive-gradient-h { background-image: var(--windowslive-gradient-h) !important; }
.bg-windowslive-gradient-h-inverse { background-image: var(--windowslive-gradient-h-inverse) !important; }
.bg-windowslive-gradient-v { background-image: var(--windowslive-gradient-v) !important; }
.bg-windowslive-gradient-v-inverse { background-image: var(--windowslive-gradient-v-inverse) !important; }

/* Background Colors : X Colors */
.bg-x { background-color: var(--x) !important; }
.bg-x-l1 { background-color: var(--x-l1) !important; }
.bg-x-l2 { background-color: var(--x-l2) !important; }
.bg-x-l3 { background-color: var(--x-l3) !important; }
.bg-x-d1 { background-color: var(--x-d1) !important; }
.bg-x-d2 { background-color: var(--x-d2) !important; }
.bg-x-d3 { background-color: var(--x-d3) !important; }
.bg-x-font { background-color: var(--x-font) !important; }
.bg-x-font-l { background-color: var(--x-font-l) !important; }
.bg-x-font-d { background-color: var(--x-font-d) !important; }
.bg-x-10 { background-color: rgba(var(--rgb-x),.1) !important; }
.bg-x-20 { background-color: rgba(var(--rgb-x),.2) !important; }
.bg-x-30 { background-color: rgba(var(--rgb-x),.3) !important; }
.bg-x-40 { background-color: rgba(var(--rgb-x),.4) !important; }
.bg-x-50 { background-color: rgba(var(--rgb-x),.5) !important; }
.bg-x-60 { background-color: rgba(var(--rgb-x),.6) !important; }
.bg-x-70 { background-color: rgba(var(--rgb-x),.7) !important; }
.bg-x-80 { background-color: rgba(var(--rgb-x),.8) !important; }
.bg-x-90 { background-color: rgba(var(--rgb-x),.9) !important; }

.bg-x-gradient-d { background-image: var(--x-gradient-d) !important; }
.bg-x-gradient-d-inverse { background-image: var(--x-gradient-d-inverse) !important; }
.bg-x-gradient { background-image: var(--x-gradient) !important; }
.bg-x-gradient-h { background-image: var(--x-gradient-h) !important; }
.bg-x-gradient-h-inverse { background-image: var(--x-gradient-h-inverse) !important; }
.bg-x-gradient-v { background-image: var(--x-gradient-v) !important; }
.bg-x-gradient-v-inverse { background-image: var(--x-gradient-v-inverse) !important; }

/* Background Colors : YouTube Colors */
.bg-youtube-l2 { background-color: var(--youtube) !important; }
.bg-youtube-l1 { background-color: var(--youtube-l1) !important; }
.bg-youtube-l2 { background-color: var(--youtube-l2) !important; }
.bg-youtube-l3 { background-color: var(--youtube-l3) !important; }
.bg-youtube-d1 { background-color: var(--youtube-d1) !important; }
.bg-youtube-d2 { background-color: var(--youtube-d2) !important; }
.bg-youtube-d3 { background-color: var(--youtube-d3) !important; }
.bg-youtube-font { background-color: var(--youtube-font) !important; }
.bg-youtube-font-l { background-color: var(--youtube-font-l) !important; }
.bg-youtube-font-d { background-color: var(--youtube-font-d) !important; }
.bg-youtube-10 { background-color: rgba(var(--rgb-youtube),.1) !important; }
.bg-youtube-20 { background-color: rgba(var(--rgb-youtube),.2) !important; }
.bg-youtube-30 { background-color: rgba(var(--rgb-youtube),.3) !important; }
.bg-youtube-40 { background-color: rgba(var(--rgb-youtube),.4) !important; }
.bg-youtube-50 { background-color: rgba(var(--rgb-youtube),.5) !important; }
.bg-youtube-60 { background-color: rgba(var(--rgb-youtube),.6) !important; }
.bg-youtube-70 { background-color: rgba(var(--rgb-youtube),.7) !important; }
.bg-youtube-80 { background-color: rgba(var(--rgb-youtube),.8) !important; }
.bg-youtube-90 { background-color: rgba(var(--rgb-youtube),.9) !important; }

.bg-youtube-gradient-d { background-image: var(--youtube-gradient-d) !important; }
.bg-youtube-gradient-d-inverse { background-image: var(--youtube-gradient-d-inverse) !important; }
.bg-youtube-gradient { background-image: var(--youtube-gradient) !important; }
.bg-youtube-gradient-h { background-image: var(--youtube-gradient-h) !important; }
.bg-youtube-gradient-h-inverse { background-image: var(--youtube-gradient-h-inverse) !important; }
.bg-youtube-gradient-v { background-image: var(--youtube-gradient-v) !important; }
.bg-youtube-gradient-v-inverse { background-image: var(--youtube-gradient-v-inverse) !important; }

/* Background Colors : zoom Colors */
.bg-zoom { background-color: var(--zoom) !important; }
.bg-zoom-l1 { background-color: var(--zoom-l1) !important; }
.bg-zoom-l2 { background-color: var(--zoom-l2) !important; }
.bg-zoom-l3 { background-color: var(--zoom-l3) !important; }
.bg-zoom-d1 { background-color: var(--zoom-d1) !important; }
.bg-zoom-d2 { background-color: var(--zoom-d2) !important; }
.bg-zoom-d3 { background-color: var(--zoom-d3) !important; }
.bg-zoom-font { background-color: var(--zoom-font) !important; }
.bg-zoom-font-l { background-color: var(--zoom-font-l) !important; }
.bg-zoom-font-d { background-color: var(--zoom-font-d) !important; }
.bg-zoom-10 { background-color: rgba(var(--rgb-zoom),.1) !important; }
.bg-zoom-20 { background-color: rgba(var(--rgb-zoom),.2) !important; }
.bg-zoom-30 { background-color: rgba(var(--rgb-zoom),.3) !important; }
.bg-zoom-40 { background-color: rgba(var(--rgb-zoom),.4) !important; }
.bg-zoom-50 { background-color: rgba(var(--rgb-zoom),.5) !important; }
.bg-zoom-60 { background-color: rgba(var(--rgb-zoom),.6) !important; }
.bg-zoom-70 { background-color: rgba(var(--rgb-zoom),.7) !important; }
.bg-zoom-80 { background-color: rgba(var(--rgb-zoom),.8) !important; }
.bg-zoom-90 { background-color: rgba(var(--rgb-zoom),.9) !important; }

.bg-zoom-gradient-d { background-image: var(--zoom-gradient-d) !important; }
.bg-zoom-gradient-d-inverse { background-image: var(--zoom-gradient-d-inverse) !important; }
.bg-zoom-gradient { background-image: var(--zoom-gradient) !important; }
.bg-zoom-gradient-h { background-image: var(--zoom-gradient-h) !important; }
.bg-zoom-gradient-h-inverse { background-image: var(--zoom-gradient-h-inverse) !important; }
.bg-zoom-gradient-v { background-image: var(--zoom-gradient-v) !important; }
.bg-zoom-gradient-v-inverse { background-image: var(--zoom-gradient-v-inverse) !important; }

/*  # 3. Borders */

/*  ## 3.1 General Borders */


/*  ## 3.2 Border Colors */

/*  ### 3.2.1 Dark and Light Colors */

/* Border Colors : Dark Colors */
.border-dark { border-color: rgba(var(--rgb-dark), var(--bs-border-opacity)) !important; }
.border-dark-l1 { border-color: rgba(var(--rgb-dark-l1), var(--bs-border-opacity)) !important; }
.border-dark-l2 { border-color: rgba(var(--rgb-dark-l2), var(--bs-border-opacity)) !important; }
.border-dark-l3 { border-color: rgba(var(--rgb-dark-l3), var(--bs-border-opacity)) !important; }
.border-dark-d1 { border-color: rgba(var(--rgb-dark-d1), var(--bs-border-opacity)) !important; }
.border-dark-d2 { border-color: rgba(var(--rgb-dark-d2), var(--bs-border-opacity)) !important; }
.border-dark-d3 { border-color: rgba(var(--rgb-dark-d3), var(--bs-border-opacity)) !important; }
.border-dark-font { border-color: rgba(var(--rgb-dark-font), var(--bs-border-opacity)) !important; }
.border-dark-font-l { border-color: rgba(var(--rgb-dark-font-l), var(--bs-border-opacity)) !important; }
.border-dark-font-d { border-color: rgba(var(--rgb-dark-font-d), var(--bs-border-opacity)) !important; }
.border-dark-10 { border-color: rgba(var(--rgb-dark),.1) !important; }
.border-dark-20 { border-color: rgba(var(--rgb-dark),.2) !important; }
.border-dark-30 { border-color: rgba(var(--rgb-dark),.3) !important; }
.border-dark-40 { border-color: rgba(var(--rgb-dark),.4) !important; }
.border-dark-50 { border-color: rgba(var(--rgb-dark),.5) !important; }
.border-dark-60 { border-color: rgba(var(--rgb-dark),.6) !important; }
.border-dark-70 { border-color: rgba(var(--rgb-dark),.7) !important; }
.border-dark-80 { border-color: rgba(var(--rgb-dark),.8) !important; }
.border-dark-90 { border-color: rgba(var(--rgb-dark),.9) !important; }

.border-dark-gradient-d { border-image: var(--dark-gradient-d) !important; }
.border-dark-gradient-d-inverse { border-image: var(--dark-gradient-d-inverse) !important; }
.border-dark-gradient { border-image: var(--dark-gradient) !important; }
.border-dark-gradient-h { border-image: var(--dark-gradient-h) !important; }
.border-dark-gradient-h-inverse { border-image: var(--dark-gradient-h-inverse) !important; }
.border-dark-gradient-v { border-image: var(--dark-gradient-v) !important; }
.border-dark-gradient-v-inverse { border-image: var(--dark-gradient-v-inverse) !important; }

/* Border Colors : Light Colors */
.border-light { border-color: rgba(var(--rgb-light), var(--bs-border-opacity)) !important; }
.border-light-l1 { border-color: rgba(var(--rgb-light-l1), var(--bs-border-opacity)) !important; }
.border-light-l2 { border-color: rgba(var(--rgb-light-l2), var(--bs-border-opacity)) !important; }
.border-light-l3 { border-color: rgba(var(--rgb-light-l3), var(--bs-border-opacity)) !important; }
.border-light-d1 { border-color: rgba(var(--rgb-light-d1), var(--bs-border-opacity)) !important; }
.border-light-d2 { border-color: rgba(var(--rgb-light-d2), var(--bs-border-opacity)) !important; }
.border-light-d3 { border-color: rgba(var(--rgb-light-d3), var(--bs-border-opacity)) !important; }
.border-light-font { border-color: rgba(var(--rgb-light-font), var(--bs-border-opacity)) !important; }
.border-light-font-l { border-color: rgba(var(--rgb-light-font-l), var(--bs-border-opacity)) !important; }
.border-light-font-d { border-color: rgba(var(--rgb-light-font-d), var(--bs-border-opacity)) !important; }
.border-light-10 { border-color: rgba(var(--rgb-light),.1) !important; }
.border-light-20 { border-color: rgba(var(--rgb-light),.2) !important; }
.border-light-30 { border-color: rgba(var(--rgb-light),.3) !important; }
.border-light-40 { border-color: rgba(var(--rgb-light),.4) !important; }
.border-light-50 { border-color: rgba(var(--rgb-light),.5) !important; }
.border-light-60 { border-color: rgba(var(--rgb-light),.6) !important; }
.border-light-70 { border-color: rgba(var(--rgb-light),.7) !important; }
.border-light-80 { border-color: rgba(var(--rgb-light),.8) !important; }
.border-light-90 { border-color: rgba(var(--rgb-light),.9) !important; }

.border-light-gradient-d { border-image: var(--light-gradient-d) !important; }
.border-light-gradient-d-inverse { border-image: var(--light-gradient-d-inverse) !important; }
.border-light-gradient { border-image: var(--light-gradient) !important; }
.border-light-gradient-h { border-image: var(--light-gradient-h) !important; }
.border-light-gradient-h-inverse { border-image: var(--light-gradient-h-inverse) !important; }
.border-light-gradient-v { border-image: var(--light-gradient-v) !important; }
.border-light-gradient-v-inverse { border-image: var(--light-gradient-v-inverse) !important; }

/*  ### 3.2.2 Primary, Secondary, and Utility Colors */
/* Border Colors : Primary Colors */
.border-primary { border-color: rgba(var(--rgb-primary), var(--bs-border-opacity)) !important; }
.border-primary-l1 { border-color: rgba(var(--rgb-primary-l1), var(--bs-border-opacity)) !important; }
.border-primary-l2 { border-color: rgba(var(--rgb-primary-l2), var(--bs-border-opacity)) !important; }
.border-primary-l3 { border-color: rgba(var(--rgb-primary-l3), var(--bs-border-opacity)) !important; }
.border-primary-d1 { border-color: rgba(var(--rgb-primary-d1), var(--bs-border-opacity)) !important; }
.border-primary-d2 { border-color: rgba(var(--rgb-primary-d2), var(--bs-border-opacity)) !important; }
.border-primary-d3 { border-color: rgba(var(--rgb-primary-d3), var(--bs-border-opacity)) !important; }
.border-primary-font { border-color: rgba(var(--rgb-primary-font), var(--bs-border-opacity)) !important; }
.border-primary-font-l { border-color: rgba(var(--rgb-primary-font-l), var(--bs-border-opacity)) !important; }
.border-primary-font-d { border-color: rgba(var(--rgb-primary-font-d), var(--bs-border-opacity)) !important; }
.border-primary-10 { border-color: rgba(var(--rgb-primary),.1) !important; }
.border-primary-20 { border-color: rgba(var(--rgb-primary),.2) !important; }
.border-primary-30 { border-color: rgba(var(--rgb-primary),.3) !important; }
.border-primary-40 { border-color: rgba(var(--rgb-primary),.4) !important; }
.border-primary-50 { border-color: rgba(var(--rgb-primary),.5) !important; }
.border-primary-60 { border-color: rgba(var(--rgb-primary),.6) !important; }
.border-primary-70 { border-color: rgba(var(--rgb-primary),.7) !important; }
.border-primary-80 { border-color: rgba(var(--rgb-primary),.8) !important; }
.border-primary-90 { border-color: rgba(var(--rgb-primary),.9) !important; }

.border-primary-gradient-d { border-image: var(--primary-gradient-d) !important; }
.border-primary-gradient-d-inverse { border-image: var(--primary-gradient-d-inverse) !important; }
.border-primary-gradient { border-image: var(--primary-gradient) !important; }
.border-primary-gradient-h { border-image: var(--primary-gradient-h) !important; }
.border-primary-gradient-h-inverse { border-image: var(--primary-gradient-h-inverse) !important; }
.border-primary-gradient-v { border-image: var(--primary-gradient-v) !important; }
.border-primary-gradient-v-inverse { border-image: var(--primary-gradient-v-inverse) !important; }

/* Border Colors : Secondary Colors */
.border-secondary { border-color: rgba(var(--rgb-secondary), var(--bs-border-opacity)) !important; }
.border-secondary-l1 { border-color: rgba(var(--rgb-secondary-l1), var(--bs-border-opacity)) !important; }
.border-secondary-l2 { border-color: rgba(var(--rgb-secondary-l2), var(--bs-border-opacity)) !important; }
.border-secondary-l3 { border-color: rgba(var(--rgb-secondary-l3), var(--bs-border-opacity)) !important; }
.border-secondary-d1 { border-color: rgba(var(--rgb-secondary-d1), var(--bs-border-opacity)) !important; }
.border-secondary-d2 { border-color: rgba(var(--rgb-secondary-d2), var(--bs-border-opacity)) !important; }
.border-secondary-d3 { border-color: rgba(var(--rgb-secondary-d3), var(--bs-border-opacity)) !important; }
.border-secondary-font { border-color: rgba(var(--rgb-secondary-font), var(--bs-border-opacity)) !important; }
.border-secondary-font-l { border-color: rgba(var(--rgb-secondary-font-l), var(--bs-border-opacity)) !important; }
.border-secondary-font-d { border-color: rgba(var(--rgb-secondary-font-d), var(--bs-border-opacity)) !important; }
.border-secondary-10 { border-color: rgba(var(--rgb-secondary),.1) !important; }
.border-secondary-20 { border-color: rgba(var(--rgb-secondary),.2) !important; }
.border-secondary-30 { border-color: rgba(var(--rgb-secondary),.3) !important; }
.border-secondary-40 { border-color: rgba(var(--rgb-secondary),.4) !important; }
.border-secondary-50 { border-color: rgba(var(--rgb-secondary),.5) !important; }
.border-secondary-60 { border-color: rgba(var(--rgb-secondary),.6) !important; }
.border-secondary-70 { border-color: rgba(var(--rgb-secondary),.7) !important; }
.border-secondary-80 { border-color: rgba(var(--rgb-secondary),.8) !important; }
.border-secondary-90 { border-color: rgba(var(--rgb-secondary),.9) !important; }

.border-secondary-gradient-d { border-image: var(--secondary-gradient-d) !important; }
.border-secondary-gradient-d-inverse { border-image: var(--secondary-gradient-d-inverse) !important; }
.border-secondary-gradient { border-image: var(--secondary-gradient) !important; }
.border-secondary-gradient-h { border-image: var(--secondary-gradient-h) !important; }
.border-secondary-gradient-h-inverse { border-image: var(--secondary-gradient-h-inverse) !important; }
.border-secondary-gradient-v { border-image: var(--secondary-gradient-v) !important; }
.border-secondary-gradient-v-inverse { border-image: var(--secondary-gradient-v-inverse) !important; }

/* Border Colors : Tertiary Colors */
.border-tertiary { border-color: rgba(var(--rgb-tertiary), var(--bs-border-opacity)) !important; }
.border-tertiary-l1 { border-color: rgba(var(--rgb-tertiary-l1), var(--bs-border-opacity)) !important; }
.border-tertiary-l2 { border-color: rgba(var(--rgb-tertiary-l2), var(--bs-border-opacity)) !important; }
.border-tertiary-l3 { border-color: rgba(var(--rgb-tertiary-l3), var(--bs-border-opacity)) !important; }
.border-tertiary-d1 { border-color: rgba(var(--rgb-tertiary-d1), var(--bs-border-opacity)) !important; }
.border-tertiary-d2 { border-color: rgba(var(--rgb-tertiary-d2), var(--bs-border-opacity)) !important; }
.border-tertiary-d3 { border-color: rgba(var(--rgb-tertiary-d3), var(--bs-border-opacity)) !important; }
.border-tertiary-font { border-color: rgba(var(--rgb-tertiary-font), var(--bs-border-opacity)) !important; }
.border-tertiary-font-l { border-color: rgba(var(--rgb-tertiary-font-l), var(--bs-border-opacity)) !important; }
.border-tertiary-font-d { border-color: rgba(var(--rgb-tertiary-font-d), var(--bs-border-opacity)) !important; }
.border-tertiary-10 { border-color: rgba(var(--rgb-tertiary),.1) !important; }
.border-tertiary-20 { border-color: rgba(var(--rgb-tertiary),.2) !important; }
.border-tertiary-30 { border-color: rgba(var(--rgb-tertiary),.3) !important; }
.border-tertiary-40 { border-color: rgba(var(--rgb-tertiary),.4) !important; }
.border-tertiary-50 { border-color: rgba(var(--rgb-tertiary),.5) !important; }
.border-tertiary-60 { border-color: rgba(var(--rgb-tertiary),.6) !important; }
.border-tertiary-70 { border-color: rgba(var(--rgb-tertiary),.7) !important; }
.border-tertiary-80 { border-color: rgba(var(--rgb-tertiary),.8) !important; }
.border-tertiary-90 { border-color: rgba(var(--rgb-tertiary),.9) !important; }

.border-tertiary-gradient-d { border-image: var(--tertiary-gradient-d) !important; }
.border-tertiary-gradient-d-inverse { border-image: var(--tertiary-gradient-d-inverse) !important; }
.border-tertiary-gradient { border-image: var(--tertiary-gradient) !important; }
.border-tertiary-gradient-h { border-image: var(--tertiary-gradient-h) !important; }
.border-tertiary-gradient-h-inverse { border-image: var(--tertiary-gradient-h-inverse) !important; }
.border-tertiary-gradient-v { border-image: var(--tertiary-gradient-v) !important; }
.border-tertiary-gradient-v-inverse { border-image: var(--tertiary-gradient-v-inverse) !important; }

/*  ### 3.2.3 Info, Success, Alert, Danger, Warning Colors */

/* Border Colors : Success Colors */
.border-success { border-color: rgba(var(--rgb-success), var(--bs-border-opacity)) !important; }
.border-success-l1 { border-color: rgba(var(--rgb-success-l1), var(--bs-border-opacity)) !important; }
.border-success-l2 { border-color: rgba(var(--rgb-success-l2), var(--bs-border-opacity)) !important; }
.border-success-l3 { border-color: rgba(var(--rgb-success-l3), var(--bs-border-opacity)) !important; }
.border-success-d1 { border-color: rgba(var(--rgb-success-d1), var(--bs-border-opacity)) !important; }
.border-success-d2 { border-color: rgba(var(--rgb-success-d2), var(--bs-border-opacity)) !important; }
.border-success-d3 { border-color: rgba(var(--rgb-success-d3), var(--bs-border-opacity)) !important; }
.border-success-font { border-color: rgba(var(--rgb-success-font), var(--bs-border-opacity)) !important; }
.border-success-font-l { border-color: rgba(var(--rgb-success-font-l), var(--bs-border-opacity)) !important; }
.border-success-font-d { border-color: rgba(var(--rgb-success-font-d), var(--bs-border-opacity)) !important; }
.border-success-10 { border-color: rgba(var(--rgb-success),.1) !important; }
.border-success-20 { border-color: rgba(var(--rgb-success),.2) !important; }
.border-success-30 { border-color: rgba(var(--rgb-success),.3) !important; }
.border-success-40 { border-color: rgba(var(--rgb-success),.4) !important; }
.border-success-50 { border-color: rgba(var(--rgb-success),.5) !important; }
.border-success-60 { border-color: rgba(var(--rgb-success),.6) !important; }
.border-success-70 { border-color: rgba(var(--rgb-success),.7) !important; }
.border-success-80 { border-color: rgba(var(--rgb-success),.8) !important; }
.border-success-90 { border-color: rgba(var(--rgb-success),.9) !important; }

.border-success-gradient-d { border-image: var(--success-gradient-d) !important; }
.border-success-gradient-d-inverse { border-image: var(--success-gradient-d-inverse) !important; }
.border-success-gradient { border-image: var(--success-gradient) !important; }
.border-success-gradient-h { border-image: var(--success-gradient-h) !important; }
.border-success-gradient-h-inverse { border-image: var(--success-gradient-h-inverse) !important; }
.border-success-gradient-v { border-image: var(--success-gradient-v) !important; }
.border-success-gradient-v-inverse { border-image: var(--success-gradient-v-inverse) !important; }

/* Border Colors : Danger Colors */
.border-danger { border-color: rgba(var(--rgb-danger), var(--bs-border-opacity)) !important; }
.border-danger-l1 { border-color: rgba(var(--rgb-danger-l1), var(--bs-border-opacity)) !important; }
.border-danger-l2 { border-color: rgba(var(--rgb-danger-l2), var(--bs-border-opacity)) !important; }
.border-danger-l3 { border-color: rgba(var(--rgb-danger-l3), var(--bs-border-opacity)) !important; }
.border-danger-d1 { border-color: rgba(var(--rgb-danger-d1), var(--bs-border-opacity)) !important; }
.border-danger-d2 { border-color: rgba(var(--rgb-danger-d2), var(--bs-border-opacity)) !important; }
.border-danger-d3 { border-color: rgba(var(--rgb-danger-d3), var(--bs-border-opacity)) !important; }
.border-danger-font { border-color: rgba(var(--rgb-danger-font), var(--bs-border-opacity)) !important; }
.border-danger-font-l { border-color: rgba(var(--rgb-danger-font-l), var(--bs-border-opacity)) !important; }
.border-danger-font-d { border-color: rgba(var(--rgb-danger-font-d), var(--bs-border-opacity)) !important; }
.border-danger-10 { border-color: rgba(var(--rgb-danger),.1) !important; }
.border-danger-20 { border-color: rgba(var(--rgb-danger),.2) !important; }
.border-danger-30 { border-color: rgba(var(--rgb-danger),.3) !important; }
.border-danger-40 { border-color: rgba(var(--rgb-danger),.4) !important; }
.border-danger-50 { border-color: rgba(var(--rgb-danger),.5) !important; }
.border-danger-60 { border-color: rgba(var(--rgb-danger),.6) !important; }
.border-danger-70 { border-color: rgba(var(--rgb-danger),.7) !important; }
.border-danger-80 { border-color: rgba(var(--rgb-danger),.8) !important; }
.border-danger-90 { border-color: rgba(var(--rgb-danger),.9) !important; }

.border-danger-gradient-d { border-image: var(--danger-gradient-d) !important; }
.border-danger-gradient-d-inverse { border-image: var(--danger-gradient-d-inverse) !important; }
.border-danger-gradient { border-image: var(--danger-gradient) !important; }
.border-danger-gradient-h { border-image: var(--danger-gradient-h) !important; }
.border-danger-gradient-h-inverse { border-image: var(--danger-gradient-h-inverse) !important; }
.border-danger-gradient-v { border-image: var(--danger-gradient-v) !important; }
.border-danger-gradient-v-inverse { border-image: var(--danger-gradient-v-inverse) !important; }

/* Border Colors : Warning Colors */
.border-warning { border-color: rgba(var(--rgb-warning), var(--bs-border-opacity)) !important; }
.border-warning-l1 { border-color: rgba(var(--rgb-warning-l1), var(--bs-border-opacity)) !important; }
.border-warning-l2 { border-color: rgba(var(--rgb-warning-l2), var(--bs-border-opacity)) !important; }
.border-warning-l3 { border-color: rgba(var(--rgb-warning-l3), var(--bs-border-opacity)) !important; }
.border-warning-d1 { border-color: rgba(var(--rgb-warning-d1), var(--bs-border-opacity)) !important; }
.border-warning-d2 { border-color: rgba(var(--rgb-warning-d2), var(--bs-border-opacity)) !important; }
.border-warning-d3 { border-color: rgba(var(--rgb-warning-d3), var(--bs-border-opacity)) !important; }
.border-warning-font { border-color: rgba(var(--rgb-warning-font), var(--bs-border-opacity)) !important; }
.border-warning-font-l { border-color: rgba(var(--rgb-warning-font-l), var(--bs-border-opacity)) !important; }
.border-warning-font-d { border-color: rgba(var(--rgb-warning-font-d), var(--bs-border-opacity)) !important; }
.border-warning-10 { border-color: rgba(var(--rgb-warning),.1) !important; }
.border-warning-20 { border-color: rgba(var(--rgb-warning),.2) !important; }
.border-warning-30 { border-color: rgba(var(--rgb-warning),.3) !important; }
.border-warning-40 { border-color: rgba(var(--rgb-warning),.4) !important; }
.border-warning-50 { border-color: rgba(var(--rgb-warning),.5) !important; }
.border-warning-60 { border-color: rgba(var(--rgb-warning),.6) !important; }
.border-warning-70 { border-color: rgba(var(--rgb-warning),.7) !important; }
.border-warning-80 { border-color: rgba(var(--rgb-warning),.8) !important; }
.border-warning-90 { border-color: rgba(var(--rgb-warning),.9) !important; }

.border-warning-gradient-d { border-image: var(--warning-gradient-d) !important; }
.border-warning-gradient-d-inverse { border-image: var(--warning-gradient-d-inverse) !important; }
.border-warning-gradient { border-image: var(--warning-gradient) !important; }
.border-warning-gradient-h { border-image: var(--warning-gradient-h) !important; }
.border-warning-gradient-h-inverse { border-image: var(--warning-gradient-h-inverse) !important; }
.border-warning-gradient-v { border-image: var(--warning-gradient-v) !important; }
.border-warning-gradient-v-inverse { border-image: var(--warning-gradient-v-inverse) !important; }

/* Border Colors : Info Colors */
.border-info { border-color: rgba(var(--rgb-info), var(--bs-border-opacity)) !important; }
.border-info-l1 { border-color: rgba(var(--rgb-info-l1), var(--bs-border-opacity)) !important; }
.border-info-l2 { border-color: rgba(var(--rgb-info-l2), var(--bs-border-opacity)) !important; }
.border-info-l3 { border-color: rgba(var(--rgb-info-l3), var(--bs-border-opacity)) !important; }
.border-info-d1 { border-color: rgba(var(--rgb-info-d1), var(--bs-border-opacity)) !important; }
.border-info-d2 { border-color: rgba(var(--rgb-info-d2), var(--bs-border-opacity)) !important; }
.border-info-d3 { border-color: rgba(var(--rgb-info-d3), var(--bs-border-opacity)) !important; }
.border-info-font { border-color: rgba(var(--rgb-info-font), var(--bs-border-opacity)) !important; }
.border-info-font-l { border-color: rgba(var(--rgb-info-font-l), var(--bs-border-opacity)) !important; }
.border-info-font-d { border-color: rgba(var(--rgb-info-font-d), var(--bs-border-opacity)) !important; }
.border-info-10 { border-color: rgba(var(--rgb-info),.1) !important; }
.border-info-20 { border-color: rgba(var(--rgb-info),.2) !important; }
.border-info-30 { border-color: rgba(var(--rgb-info),.3) !important; }
.border-info-40 { border-color: rgba(var(--rgb-info),.4) !important; }
.border-info-50 { border-color: rgba(var(--rgb-info),.5) !important; }
.border-info-60 { border-color: rgba(var(--rgb-info),.6) !important; }
.border-info-70 { border-color: rgba(var(--rgb-info),.7) !important; }
.border-info-80 { border-color: rgba(var(--rgb-info),.8) !important; }
.border-info-90 { border-color: rgba(var(--rgb-info),.9) !important; }

.border-info-gradient-d { border-image: var(--info-gradient-d) !important; }
.border-info-gradient-d-inverse { border-image: var(--info-gradient-d-inverse) !important; }
.border-info-gradient { border-image: var(--info-gradient) !important; }
.border-info-gradient-h { border-image: var(--info-gradient-h) !important; }
.border-info-gradient-h-inverse { border-image: var(--info-gradient-h-inverse) !important; }
.border-info-gradient-v { border-image: var(--info-gradient-v) !important; }
.border-info-gradient-v-inverse { border-image: var(--info-gradient-v-inverse) !important; }

/* Border Colors : Error Colors */
.border-error { border-color: rgba(var(--rgb-error), var(--bs-border-opacity)) !important; }
.border-error-l1 { border-color: rgba(var(--rgb-error-l1), var(--bs-border-opacity)) !important; }
.border-error-l2 { border-color: rgba(var(--rgb-error-l2), var(--bs-border-opacity)) !important; }
.border-error-l3 { border-color: rgba(var(--rgb-error-l3), var(--bs-border-opacity)) !important; }
.border-error-d1 { border-color: rgba(var(--rgb-error-d1), var(--bs-border-opacity)) !important; }
.border-error-d2 { border-color: rgba(var(--rgb-error-d2), var(--bs-border-opacity)) !important; }
.border-error-d3 { border-color: rgba(var(--rgb-error-d3), var(--bs-border-opacity)) !important; }
.border-error-font { border-color: rgba(var(--rgb-error-font), var(--bs-border-opacity)) !important; }
.border-error-font-l { border-color: rgba(var(--rgb-error-font-l), var(--bs-border-opacity)) !important; }
.border-error-font-d { border-color: rgba(var(--rgb-error-font-d), var(--bs-border-opacity)) !important; }
.border-error-10 { border-color: rgba(var(--rgb-error),.1) !important; }
.border-error-20 { border-color: rgba(var(--rgb-error),.2) !important; }
.border-error-30 { border-color: rgba(var(--rgb-error),.3) !important; }
.border-error-40 { border-color: rgba(var(--rgb-error),.4) !important; }
.border-error-50 { border-color: rgba(var(--rgb-error),.5) !important; }
.border-error-60 { border-color: rgba(var(--rgb-error),.6) !important; }
.border-error-70 { border-color: rgba(var(--rgb-error),.7) !important; }
.border-error-80 { border-color: rgba(var(--rgb-error),.8) !important; }
.border-error-90 { border-color: rgba(var(--rgb-error),.9) !important; }

.border-error-gradient-d { border-image: var(--error-gradient-d) !important; }
.border-error-gradient-d-inverse { border-image: var(--error-gradient-d-inverse) !important; }
.border-error-gradient { border-image: var(--error-gradient) !important; }
.border-error-gradient-h { border-image: var(--error-gradient-h) !important; }
.border-error-gradient-h-inverse { border-image: var(--error-gradient-h-inverse) !important; }
.border-error-gradient-v { border-image: var(--error-gradient-v) !important; }
.border-error-gradient-v-inverse { border-image: var(--error-gradient-v-inverse) !important; }

/*  ### 3.2.4 Accent Colors */

/* Border Colors : Accent 1 Colors */
.border-accent-1 { border-color: rgba(var(--rgb-accent-1), var(--bs-border-opacity)) !important; }
.border-accent-1-l1 { border-color: rgba(var(--rgb-accent-1-l1), var(--bs-border-opacity)) !important; }
.border-accent-1-l2 { border-color: rgba(var(--rgb-accent-1-l2), var(--bs-border-opacity)) !important; }
.border-accent-1-l3 { border-color: rgba(var(--rgb-accent-1-l3), var(--bs-border-opacity)) !important; }
.border-accent-1-d1 { border-color: rgba(var(--rgb-accent-1-d1), var(--bs-border-opacity)) !important; }
.border-accent-1-d2 { border-color: rgba(var(--rgb-accent-1-d2), var(--bs-border-opacity)) !important; }
.border-accent-1-d3 { border-color: rgba(var(--rgb-accent-1-d3), var(--bs-border-opacity)) !important; }
.border-accent-1-font { border-color: rgba(var(--rgb-accent-1-font), var(--bs-border-opacity)) !important; }
.border-accent-1-font-l { border-color: rgba(var(--rgb-accent-1-font-l), var(--bs-border-opacity)) !important; }
.border-accent-1-font-d { border-color: rgba(var(--rgb-accent-1-font-d), var(--bs-border-opacity)) !important; }
.border-accent-1-10 { border-color: rgba(var(--rgb-accent-1),.1) !important; }
.border-accent-1-20 { border-color: rgba(var(--rgb-accent-1),.2) !important; }
.border-accent-1-30 { border-color: rgba(var(--rgb-accent-1),.3) !important; }
.border-accent-1-40 { border-color: rgba(var(--rgb-accent-1),.4) !important; }
.border-accent-1-50 { border-color: rgba(var(--rgb-accent-1),.5) !important; }
.border-accent-1-60 { border-color: rgba(var(--rgb-accent-1),.6) !important; }
.border-accent-1-70 { border-color: rgba(var(--rgb-accent-1),.7) !important; }
.border-accent-1-80 { border-color: rgba(var(--rgb-accent-1),.8) !important; }
.border-accent-1-90 { border-color: rgba(var(--rgb-accent-1),.9) !important; }

.border-accent-1-gradient-d { border-image: var(--accent-1-gradient-d) !important; }
.border-accent-1-gradient-d-inverse { border-image: var(--accent-1-gradient-d-inverse) !important; }
.border-accent-1-gradient { border-image: var(--accent-1-gradient) !important; }
.border-accent-1-gradient-h { border-image: var(--accent-1-gradient-h) !important; }
.border-accent-1-gradient-h-inverse { border-image: var(--accent-1-gradient-h-inverse) !important; }
.border-accent-1-gradient-v { border-image: var(--accent-1-gradient-v) !important; }
.border-accent-1-gradient-v-inverse { border-image: var(--accent-1-gradient-v-inverse) !important; }

/* Border Colors : Accent 2 Colors */
.border-accent-2 { border-color: rgba(var(--rgb-accent-2), var(--bs-border-opacity)) !important; }
.border-accent-2-l1 { border-color: rgba(var(--rgb-accent-2-l1), var(--bs-border-opacity)) !important; }
.border-accent-2-l2 { border-color: rgba(var(--rgb-accent-2-l2), var(--bs-border-opacity)) !important; }
.border-accent-2-l3 { border-color: rgba(var(--rgb-accent-2-l3), var(--bs-border-opacity)) !important; }
.border-accent-2-d1 { border-color: rgba(var(--rgb-accent-2-d1), var(--bs-border-opacity)) !important; }
.border-accent-2-d2 { border-color: rgba(var(--rgb-accent-2-d2), var(--bs-border-opacity)) !important; }
.border-accent-2-d3 { border-color: rgba(var(--rgb-accent-2-d3), var(--bs-border-opacity)) !important; }
.border-accent-2-font { border-color: rgba(var(--rgb-accent-2-font), var(--bs-border-opacity)) !important; }
.border-accent-2-font-l { border-color: rgba(var(--rgb-accent-2-font-l), var(--bs-border-opacity)) !important; }
.border-accent-2-font-d { border-color: rgba(var(--rgb-accent-2-font-d), var(--bs-border-opacity)) !important; }
.border-accent-2-10 { border-color: rgba(var(--rgb-accent-2),.1) !important; }
.border-accent-2-20 { border-color: rgba(var(--rgb-accent-2),.2) !important; }
.border-accent-2-30 { border-color: rgba(var(--rgb-accent-2),.3) !important; }
.border-accent-2-40 { border-color: rgba(var(--rgb-accent-2),.4) !important; }
.border-accent-2-50 { border-color: rgba(var(--rgb-accent-2),.5) !important; }
.border-accent-2-60 { border-color: rgba(var(--rgb-accent-2),.6) !important; }
.border-accent-2-70 { border-color: rgba(var(--rgb-accent-2),.7) !important; }
.border-accent-2-80 { border-color: rgba(var(--rgb-accent-2),.8) !important; }
.border-accent-2-90 { border-color: rgba(var(--rgb-accent-2),.9) !important; }

.border-accent-2-gradient-d { border-image: var(--accent-2-gradient-d) !important; }
.border-accent-2-gradient-d-inverse { border-image: var(--accent-2-gradient-d-inverse) !important; }
.border-accent-2-gradient { border-image: var(--accent-2-gradient) !important; }
.border-accent-2-gradient-h { border-image: var(--accent-2-gradient-h) !important; }
.border-accent-2-gradient-h-inverse { border-image: var(--accent-2-gradient-h-inverse) !important; }
.border-accent-2-gradient-v { border-image: var(--accent-2-gradient-v) !important; }
.border-accent-2-gradient-v-inverse { border-image: var(--accent-2-gradient-v-inverse) !important; }

/* Border Colors : Accent 3 Colors */
.border-accent-3 { border-color: rgba(var(--rgb-accent-3), var(--bs-border-opacity)) !important; }
.border-accent-3-l1 { border-color: rgba(var(--rgb-accent-3-l1), var(--bs-border-opacity)) !important; }
.border-accent-3-l2 { border-color: rgba(var(--rgb-accent-3-l2), var(--bs-border-opacity)) !important; }
.border-accent-3-l3 { border-color: rgba(var(--rgb-accent-3-l3), var(--bs-border-opacity)) !important; }
.border-accent-3-d1 { border-color: rgba(var(--rgb-accent-3-d1), var(--bs-border-opacity)) !important; }
.border-accent-3-d2 { border-color: rgba(var(--rgb-accent-3-d2), var(--bs-border-opacity)) !important; }
.border-accent-3-d3 { border-color: rgba(var(--rgb-accent-3-d3), var(--bs-border-opacity)) !important; }
.border-accent-3-font { border-color: rgba(var(--rgb-accent-3-font), var(--bs-border-opacity)) !important; }
.border-accent-3-font-l { border-color: rgba(var(--rgb-accent-3-font-l), var(--bs-border-opacity)) !important; }
.border-accent-3-font-d { border-color: rgba(var(--rgb-accent-3-font-d), var(--bs-border-opacity)) !important; }
.border-accent-3-10 { border-color: rgba(var(--rgb-accent-3),.1) !important; }
.border-accent-3-20 { border-color: rgba(var(--rgb-accent-3),.2) !important; }
.border-accent-3-30 { border-color: rgba(var(--rgb-accent-3),.3) !important; }
.border-accent-3-40 { border-color: rgba(var(--rgb-accent-3),.4) !important; }
.border-accent-3-50 { border-color: rgba(var(--rgb-accent-3),.5) !important; }
.border-accent-3-60 { border-color: rgba(var(--rgb-accent-3),.6) !important; }
.border-accent-3-70 { border-color: rgba(var(--rgb-accent-3),.7) !important; }
.border-accent-3-80 { border-color: rgba(var(--rgb-accent-3),.8) !important; }
.border-accent-3-90 { border-color: rgba(var(--rgb-accent-3),.9) !important; }

.border-accent-3-gradient-d { border-image: var(--accent-3-gradient-d) !important; }
.border-accent-3-gradient-d-inverse { border-image: var(--accent-3-gradient-d-inverse) !important; }
.border-accent-3-gradient { border-image: var(--light-gradient) !important; }
.border-accent-3-gradient-h { border-image: var(--accent-3-gradient-h) !important; }
.border-accent-3-gradient-h-inverse { border-image: var(--accent-3-gradient-h-inverse) !important; }
.border-accent-3-gradient-v { border-image: var(--accent-3-gradient-v) !important; }
.border-accent-3-gradient-v-inverse { border-image: var(--accent-3-gradient-v-inverse) !important; }

/* Border Colors : Accent 4 Colors */
.border-accent-4 { border-color: rgba(var(--rgb-accent-4), var(--bs-border-opacity)) !important; }
.border-accent-4-l1 { border-color: rgba(var(--rgb-accent-4-l1), var(--bs-border-opacity)) !important; }
.border-accent-4-l2 { border-color: rgba(var(--rgb-accent-4-l2), var(--bs-border-opacity)) !important; }
.border-accent-4-l3 { border-color: rgba(var(--rgb-accent-4-l3), var(--bs-border-opacity)) !important; }
.border-accent-4-d1 { border-color: rgba(var(--rgb-accent-4-d1), var(--bs-border-opacity)) !important; }
.border-accent-4-d2 { border-color: rgba(var(--rgb-accent-4-d2), var(--bs-border-opacity)) !important; }
.border-accent-4-d3 { border-color: rgba(var(--rgb-accent-4-d3), var(--bs-border-opacity)) !important; }
.border-accent-4-font { border-color: rgba(var(--rgb-accent-4-font), var(--bs-border-opacity)) !important; }
.border-accent-4-font-l { border-color: rgba(var(--rgb-accent-4-font-l), var(--bs-border-opacity)) !important; }
.border-accent-4-font-d { border-color: rgba(var(--rgb-accent-4-font-d), var(--bs-border-opacity)) !important; }
.border-accent-4-10 { border-color: rgba(var(--rgb-accent-4),.1) !important; }
.border-accent-4-20 { border-color: rgba(var(--rgb-accent-4),.2) !important; }
.border-accent-4-30 { border-color: rgba(var(--rgb-accent-4),.3) !important; }
.border-accent-4-40 { border-color: rgba(var(--rgb-accent-4),.4) !important; }
.border-accent-4-50 { border-color: rgba(var(--rgb-accent-4),.5) !important; }
.border-accent-4-60 { border-color: rgba(var(--rgb-accent-4),.6) !important; }
.border-accent-4-70 { border-color: rgba(var(--rgb-accent-4),.7) !important; }
.border-accent-4-80 { border-color: rgba(var(--rgb-accent-4),.8) !important; }
.border-accent-4-90 { border-color: rgba(var(--rgb-accent-4),.9) !important; }

.border-accent-4-gradient-d { border-image: var(--accent-4-gradient-d) !important; }
.border-accent-4-gradient-d-inverse { border-image: var(--accent-4-gradient-d-inverse) !important; }
.border-accent-4-gradient { border-image: var(--accent-4-gradient) !important; }
.border-accent-4-gradient-h { border-image: var(--accent-4-gradient-h) !important; }
.border-accent-4-gradient-h-inverse { border-image: var(--accent-4-gradient-h-inverse) !important; }
.border-accent-4-gradient-v { border-image: var(--accent-4-gradient-v) !important; }
.border-accent-4-gradient-v-inverse { border-image: var(--accent-4-gradient-v-inverse) !important; }

/* Border Colors : Accent 5 Colors */
.border-accent-5 { border-color: rgba(var(--rgb-accent-5), var(--bs-border-opacity)) !important; }
.border-accent-5-l1 { border-color: rgba(var(--rgb-accent-5-l1), var(--bs-border-opacity)) !important; }
.border-accent-5-l2 { border-color: rgba(var(--rgb-accent-5-l2), var(--bs-border-opacity)) !important; }
.border-accent-5-l3 { border-color: rgba(var(--rgb-accent-5-l3), var(--bs-border-opacity)) !important; }
.border-accent-5-d1 { border-color: rgba(var(--rgb-accent-5-d1), var(--bs-border-opacity)) !important; }
.border-accent-5-d2 { border-color: rgba(var(--rgb-accent-5-d2), var(--bs-border-opacity)) !important; }
.border-accent-5-d3 { border-color: rgba(var(--rgb-accent-5-d3), var(--bs-border-opacity)) !important; }
.border-accent-5-font { border-color: rgba(var(--rgb-accent-5-font), var(--bs-border-opacity)) !important; }
.border-accent-5-font-l { border-color: rgba(var(--rgb-accent-5-font-l), var(--bs-border-opacity)) !important; }
.border-accent-5-font-d { border-color: rgba(var(--rgb-accent-5-font-d), var(--bs-border-opacity)) !important; }
.border-accent-5-10 { border-color: rgba(var(--rgb-accent-5),.1) !important; }
.border-accent-5-20 { border-color: rgba(var(--rgb-accent-5),.2) !important; }
.border-accent-5-30 { border-color: rgba(var(--rgb-accent-5),.3) !important; }
.border-accent-5-40 { border-color: rgba(var(--rgb-accent-5),.4) !important; }
.border-accent-5-50 { border-color: rgba(var(--rgb-accent-5),.5) !important; }
.border-accent-5-60 { border-color: rgba(var(--rgb-accent-5),.6) !important; }
.border-accent-5-70 { border-color: rgba(var(--rgb-accent-5),.7) !important; }
.border-accent-5-80 { border-color: rgba(var(--rgb-accent-5),.8) !important; }
.border-accent-5-90 { border-color: rgba(var(--rgb-accent-5),.9) !important; }

.border-accent-5-gradient-d { border-image: var(--accent-5-gradient-d) !important; }
.border-accent-5-gradient-d-inverse { border-image: var(--accent-5-gradient-d-inverse) !important; }
.border-accent-5-gradient { border-image: var(--accent-5-gradient) !important; }
.border-accent-5-gradient-h { border-image: var(--accent-5-gradient-h) !important; }
.border-accent-5-gradient-h-inverse { border-image: var(--accent-5-gradient-h-inverse) !important; }
.border-accent-5-gradient-v { border-image: var(--accent-5-gradient-v) !important; }
.border-accent-5-gradient-v-inverse { border-image: var(--accent-5-gradient-v-inverse) !important; }

/* Border Colors : Accent 6 Colors */
.border-accent-6 { border-color: rgba(var(--rgb-accent-6), var(--bs-border-opacity)) !important; }
.border-accent-6-l1 { border-color: rgba(var(--rgb-accent-6-l1), var(--bs-border-opacity)) !important; }
.border-accent-6-l2 { border-color: rgba(var(--rgb-accent-6-l2), var(--bs-border-opacity)) !important; }
.border-accent-6-l3 { border-color: rgba(var(--rgb-accent-6-l3), var(--bs-border-opacity)) !important; }
.border-accent-6-d1 { border-color: rgba(var(--rgb-accent-6-d1), var(--bs-border-opacity)) !important; }
.border-accent-6-d2 { border-color: rgba(var(--rgb-accent-6-d2), var(--bs-border-opacity)) !important; }
.border-accent-6-d3 { border-color: rgba(var(--rgb-accent-6-d3), var(--bs-border-opacity)) !important; }
.border-accent-6-font { border-color: rgba(var(--rgb-accent-6-font), var(--bs-border-opacity)) !important; }
.border-accent-6-font-l { border-color: rgba(var(--rgb-accent-6-font-l), var(--bs-border-opacity)) !important; }
.border-accent-6-font-d { border-color: rgba(var(--rgb-accent-6-font-d), var(--bs-border-opacity)) !important; }
.border-accent-6-10 { border-color: rgba(var(--rgb-accent-6),.1) !important; }
.border-accent-6-20 { border-color: rgba(var(--rgb-accent-6),.2) !important; }
.border-accent-6-30 { border-color: rgba(var(--rgb-accent-6),.3) !important; }
.border-accent-6-40 { border-color: rgba(var(--rgb-accent-6),.4) !important; }
.border-accent-6-50 { border-color: rgba(var(--rgb-accent-6),.5) !important; }
.border-accent-6-60 { border-color: rgba(var(--rgb-accent-6),.6) !important; }
.border-accent-6-70 { border-color: rgba(var(--rgb-accent-6),.7) !important; }
.border-accent-6-80 { border-color: rgba(var(--rgb-accent-6),.8) !important; }
.border-accent-6-90 { border-color: rgba(var(--rgb-accent-6),.9) !important; }

.border-accent-6-gradient-d { border-image: var(--accent-6-gradient-d) !important; }
.border-accent-6-gradient-d-inverse { border-image: var(--accent-6-gradient-d-inverse) !important; }
.border-accent-6-gradient { border-image: var(--accent-6-gradient) !important; }
.border-accent-6-gradient-h { border-image: var(--accent-6-gradient-h) !important; }
.border-accent-6-gradient-h-inverse { border-image: var(--accent-6-gradient-h-inverse) !important; }
.border-accent-6-gradient-v { border-image: var(--accent-6-gradient-v) !important; }
.border-accent-6-gradient-v-inverse { border-image: var(--accent-6-gradient-v-inverse) !important; }


/*  ### 3.2.5 Spectrum Colors (Red, Blue, Green, etc.) */

/* Border Colors : Red Colors */
.border-red { border-color: rgba(var(--rgb-red), var(--bs-border-opacity)) !important; }
.border-red-l1 { border-color: rgba(var(--rgb-red-l1), var(--bs-border-opacity)) !important; }
.border-red-l2 { border-color: rgba(var(--rgb-red-l2), var(--bs-border-opacity)) !important; }
.border-red-l3 { border-color: rgba(var(--rgb-red-l3), var(--bs-border-opacity)) !important; }
.border-red-d1 { border-color: rgba(var(--rgb-red-d1), var(--bs-border-opacity)) !important; }
.border-red-d2 { border-color: rgba(var(--rgb-red-d2), var(--bs-border-opacity)) !important; }
.border-red-d3 { border-color: rgba(var(--rgb-red-d3), var(--bs-border-opacity)) !important; }
.border-red-font { border-color: rgba(var(--rgb-red-font), var(--bs-border-opacity)) !important; }
.border-red-font-l { border-color: rgba(var(--rgb-red-font-l), var(--bs-border-opacity)) !important; }
.border-red-font-d { border-color: rgba(var(--rgb-red-font-d), var(--bs-border-opacity)) !important; }
.border-red-10 { border-color: rgba(var(--rgb-red),.1) !important; }
.border-red-20 { border-color: rgba(var(--rgb-red),.2) !important; }
.border-red-30 { border-color: rgba(var(--rgb-red),.3) !important; }
.border-red-40 { border-color: rgba(var(--rgb-red),.4) !important; }
.border-red-50 { border-color: rgba(var(--rgb-red),.5) !important; }
.border-red-60 { border-color: rgba(var(--rgb-red),.6) !important; }
.border-red-70 { border-color: rgba(var(--rgb-red),.7) !important; }
.border-red-80 { border-color: rgba(var(--rgb-red),.8) !important; }
.border-red-90 { border-color: rgba(var(--rgb-red),.9) !important; }

.border-red-gradient-d { border-image: var(--red-gradient-d) !important; }
.border-red-gradient-d-inverse { border-image: var(--red-gradient-d-inverse) !important; }
.border-red-gradient { border-image: var(--red-gradient) !important; }
.border-red-gradient-h { border-image: var(--red-gradient-h) !important; }
.border-red-gradient-h-inverse { border-image: var(--red-gradient-h-inverse) !important; }
.border-red-gradient-v { border-image: var(--red-gradient-v) !important; }
.border-red-gradient-v-inverse { border-image: var(--red-gradient-v-inverse) !important; }

/* Border Colors : Pink Colors */
.border-pink { border-color: rgba(var(--rgb-pink), var(--bs-border-opacity)) !important; }
.border-pink-l1 { border-color: rgba(var(--rgb-pink-l1), var(--bs-border-opacity)) !important; }
.border-pink-l2 { border-color: rgba(var(--rgb-pink-l2), var(--bs-border-opacity)) !important; }
.border-pink-l3 { border-color: rgba(var(--rgb-pink-l3), var(--bs-border-opacity)) !important; }
.border-pink-d1 { border-color: rgba(var(--rgb-pink-d1), var(--bs-border-opacity)) !important; }
.border-pink-d2 { border-color: rgba(var(--rgb-pink-d2), var(--bs-border-opacity)) !important; }
.border-pink-d3 { border-color: rgba(var(--rgb-pink-d3), var(--bs-border-opacity)) !important; }
.border-pink-font { border-color: rgba(var(--rgb-pink-font), var(--bs-border-opacity)) !important; }
.border-pink-font-l { border-color: rgba(var(--rgb-pink-font-l), var(--bs-border-opacity)) !important; }
.border-pink-font-d { border-color: rgba(var(--rgb-pink-font-d), var(--bs-border-opacity)) !important; }
.border-pink-10 { border-color: rgba(var(--rgb-pink),.1) !important; }
.border-pink-20 { border-color: rgba(var(--rgb-pink),.2) !important; }
.border-pink-30 { border-color: rgba(var(--rgb-pink),.3) !important; }
.border-pink-40 { border-color: rgba(var(--rgb-pink),.4) !important; }
.border-pink-50 { border-color: rgba(var(--rgb-pink),.5) !important; }
.border-pink-60 { border-color: rgba(var(--rgb-pink),.6) !important; }
.border-pink-70 { border-color: rgba(var(--rgb-pink),.7) !important; }
.border-pink-80 { border-color: rgba(var(--rgb-pink),.8) !important; }
.border-pink-90 { border-color: rgba(var(--rgb-pink),.9) !important; }

.border-pink-gradient-d { border-image: var(--pink-gradient-d) !important; }
.border-pink-gradient-d-inverse { border-image: var(--pink-gradient-d-inverse) !important; }
.border-pink-gradient { border-image: var(--pink-gradient) !important; }
.border-pink-gradient-h { border-image: var(--pink-gradient-h) !important; }
.border-pink-gradient-h-inverse { border-image: var(--pink-gradient-h-inverse) !important; }
.border-pink-gradient-v { border-image: var(--pink-gradient-v) !important; }
.border-pink-gradient-v-inverse { border-image: var(--pink-gradient-v-inverse) !important; }

/* Border Colors : Purple Colors */
.border-purple { border-color: rgba(var(--rgb-purple), var(--bs-border-opacity)) !important; }
.border-purple-l1 { border-color: rgba(var(--rgb-purple-l1), var(--bs-border-opacity)) !important; }
.border-purple-l2 { border-color: rgba(var(--rgb-purple-l2), var(--bs-border-opacity)) !important; }
.border-purple-l3 { border-color: rgba(var(--rgb-purple-l3), var(--bs-border-opacity)) !important; }
.border-purple-d1 { border-color: rgba(var(--rgb-purple-d1), var(--bs-border-opacity)) !important; }
.border-purple-d2 { border-color: rgba(var(--rgb-purple-d2), var(--bs-border-opacity)) !important; }
.border-purple-d3 { border-color: rgba(var(--rgb-purple-d3), var(--bs-border-opacity)) !important; }
.border-purple-font { border-color: rgba(var(--rgb-purple-font), var(--bs-border-opacity)) !important; }
.border-purple-font-l { border-color: rgba(var(--rgb-purple-font-l), var(--bs-border-opacity)) !important; }
.border-purple-font-d { border-color: rgba(var(--rgb-purple-font-d), var(--bs-border-opacity)) !important; }
.border-purple-10 { border-color: rgba(var(--rgb-purple),.1) !important; }
.border-purple-20 { border-color: rgba(var(--rgb-purple),.2) !important; }
.border-purple-30 { border-color: rgba(var(--rgb-purple),.3) !important; }
.border-purple-40 { border-color: rgba(var(--rgb-purple),.4) !important; }
.border-purple-50 { border-color: rgba(var(--rgb-purple),.5) !important; }
.border-purple-60 { border-color: rgba(var(--rgb-purple),.6) !important; }
.border-purple-70 { border-color: rgba(var(--rgb-purple),.7) !important; }
.border-purple-80 { border-color: rgba(var(--rgb-purple),.8) !important; }
.border-purple-90 { border-color: rgba(var(--rgb-purple),.9) !important; }

.border-purple-gradient-d { border-image: var(--purple-gradient-d) !important; }
.border-purple-gradient-d-inverse { border-image: var(--purple-gradient-d-inverse) !important; }
.border-purple-gradient { border-image: var(--purple-gradient) !important; }
.border-purple-gradient-h { border-image: var(--purple-gradient-h) !important; }
.border-purple-gradient-h-inverse { border-image: var(--purple-gradient-h-inverse) !important; }
.border-purple-gradient-v { border-image: var(--purple-gradient-v) !important; }
.border-purple-gradient-v-inverse { border-image: var(--purple-gradient-v-inverse) !important; }

/* Border Colors : Deep Purple Colors */
.border-deeppurple { border-color: rgba(var(--rgb-deeppurple), var(--bs-border-opacity)) !important; }
.border-deeppurple-l1 { border-color: rgba(var(--rgb-deeppurple-l1), var(--bs-border-opacity)) !important; }
.border-deeppurple-l2 { border-color: rgba(var(--rgb-deeppurple-l2), var(--bs-border-opacity)) !important; }
.border-deeppurple-l3 { border-color: rgba(var(--rgb-deeppurple-l3), var(--bs-border-opacity)) !important; }
.border-deeppurple-d1 { border-color: rgba(var(--rgb-deeppurple-d1), var(--bs-border-opacity)) !important; }
.border-deeppurple-d2 { border-color: rgba(var(--rgb-deeppurple-d2), var(--bs-border-opacity)) !important; }
.border-deeppurple-d3 { border-color: rgba(var(--rgb-deeppurple-d3), var(--bs-border-opacity)) !important; }
.border-deeppurple-font { border-color: rgba(var(--rgb-deeppurple-font), var(--bs-border-opacity)) !important; }
.border-deeppurple-font-l { border-color: rgba(var(--rgb-deeppurple-font-l), var(--bs-border-opacity)) !important; }
.border-deeppurple-font-d { border-color: rgba(var(--rgb-deeppurple-font-d), var(--bs-border-opacity)) !important; }
.border-deeppurple-10 { border-color: rgba(var(--rgb-deeppurple),.1) !important; }
.border-deeppurple-20 { border-color: rgba(var(--rgb-deeppurple),.2) !important; }
.border-deeppurple-30 { border-color: rgba(var(--rgb-deeppurple),.3) !important; }
.border-deeppurple-40 { border-color: rgba(var(--rgb-deeppurple),.4) !important; }
.border-deeppurple-50 { border-color: rgba(var(--rgb-deeppurple),.5) !important; }
.border-deeppurple-60 { border-color: rgba(var(--rgb-deeppurple),.6) !important; }
.border-deeppurple-70 { border-color: rgba(var(--rgb-deeppurple),.7) !important; }
.border-deeppurple-80 { border-color: rgba(var(--rgb-deeppurple),.8) !important; }
.border-deeppurple-90 { border-color: rgba(var(--rgb-deeppurple),.9) !important; }

.border-deeppurple-gradient-d { border-image: var(--deeppurple-gradient-d) !important; }
.border-deeppurple-gradient-d-inverse { border-image: var(--deeppurple-gradient-d-inverse) !important; }
.border-deeppurple-gradient { border-image: var(--deeppurpledeeppurple-gradient) !important; }
.border-deeppurple-gradient-h { border-image: var(--deeppurple-gradient-h) !important; }
.border-deeppurple-gradient-h-inverse { border-image: var(--deeppurple-gradient-h-inverse) !important; }
.border-deeppurple-gradient-v { border-image: var(--deeppurple-gradient-v) !important; }
.border-deeppurple-gradient-v-inverse { border-image: var(--deeppurple-gradient-v-inverse) !important; }

/* Border Colors : Indigo Colors */
.border-indigo { border-color: rgba(var(--rgb-indigo), var(--bs-border-opacity)) !important; }
.border-indigo-l1 { border-color: rgba(var(--rgb-indigo-l1), var(--bs-border-opacity)) !important; }
.border-indigo-l2 { border-color: rgba(var(--rgb-indigo-l2), var(--bs-border-opacity)) !important; }
.border-indigo-l3 { border-color: rgba(var(--rgb-indigo-l3), var(--bs-border-opacity)) !important; }
.border-indigo-d1 { border-color: rgba(var(--rgb-indigo-d1), var(--bs-border-opacity)) !important; }
.border-indigo-d2 { border-color: rgba(var(--rgb-indigo-d2), var(--bs-border-opacity)) !important; }
.border-indigo-d3 { border-color: rgba(var(--rgb-indigo-d3), var(--bs-border-opacity)) !important; }
.border-indigo-font { border-color: rgba(var(--rgb-indigo-font), var(--bs-border-opacity)) !important; }
.border-indigo-font-l { border-color: rgba(var(--rgb-indigo-font-l), var(--bs-border-opacity)) !important; }
.border-indigo-font-d { border-color: rgba(var(--rgb-indigo-font-d), var(--bs-border-opacity)) !important; }
.border-indigo-10 { border-color: rgba(var(--rgb-indigo),.1) !important; }
.border-indigo-20 { border-color: rgba(var(--rgb-indigo),.2) !important; }
.border-indigo-30 { border-color: rgba(var(--rgb-indigo),.3) !important; }
.border-indigo-40 { border-color: rgba(var(--rgb-indigo),.4) !important; }
.border-indigo-50 { border-color: rgba(var(--rgb-indigo),.5) !important; }
.border-indigo-60 { border-color: rgba(var(--rgb-indigo),.6) !important; }
.border-indigo-70 { border-color: rgba(var(--rgb-indigo),.7) !important; }
.border-indigo-80 { border-color: rgba(var(--rgb-indigo),.8) !important; }
.border-indigo-90 { border-color: rgba(var(--rgb-indigo),.9) !important; }

.border-indigo-gradient-d { border-image: var(--indigo-gradient-d) !important; }
.border-indigo-gradient-d-inverse { border-image: var(--indigo-gradient-d-inverse) !important; }
.border-indigo-gradient { border-image: var(--indigo-gradient) !important; }
.border-indigo-gradient-h { border-image: var(--indigo-gradient-h) !important; }
.border-indigo-gradient-h-inverse { border-image: var(--indigo-gradient-h-inverse) !important; }
.border-indigo-gradient-v { border-image: var(--indigo-gradient-v) !important; }
.border-indigo-gradient-v-inverse { border-image: var(--indigo-gradient-v-inverse) !important; }

/* Border Colors : Blue Colors */
.border-blue { border-color: rgba(var(--rgb-blue), var(--bs-border-opacity)) !important; }
.border-blue-l1 { border-color: rgba(var(--rgb-blue-l1), var(--bs-border-opacity)) !important; }
.border-blue-l2 { border-color: rgba(var(--rgb-blue-l2), var(--bs-border-opacity)) !important; }
.border-blue-l3 { border-color: rgba(var(--rgb-blue-l3), var(--bs-border-opacity)) !important; }
.border-blue-d1 { border-color: rgba(var(--rgb-blue-d1), var(--bs-border-opacity)) !important; }
.border-blue-d2 { border-color: rgba(var(--rgb-blue-d2), var(--bs-border-opacity)) !important; }
.border-blue-d3 { border-color: rgba(var(--rgb-blue-d3), var(--bs-border-opacity)) !important; }
.border-blue-font { border-color: rgba(var(--rgb-blue-font), var(--bs-border-opacity)) !important; }
.border-blue-font-l { border-color: rgba(var(--rgb-blue-font-l), var(--bs-border-opacity)) !important; }
.border-blue-font-d { border-color: rgba(var(--rgb-blue-font-d), var(--bs-border-opacity)) !important; }
.border-blue-10 { border-color: rgba(var(--rgb-blue),.1) !important; }
.border-blue-20 { border-color: rgba(var(--rgb-blue),.2) !important; }
.border-blue-30 { border-color: rgba(var(--rgb-blue),.3) !important; }
.border-blue-40 { border-color: rgba(var(--rgb-blue),.4) !important; }
.border-blue-50 { border-color: rgba(var(--rgb-blue),.5) !important; }
.border-blue-60 { border-color: rgba(var(--rgb-blue),.6) !important; }
.border-blue-70 { border-color: rgba(var(--rgb-blue),.7) !important; }
.border-blue-80 { border-color: rgba(var(--rgb-blue),.8) !important; }
.border-blue-90 { border-color: rgba(var(--rgb-blue),.9) !important; }

.border-blue-gradient-d { border-image: var(--blue-gradient-d) !important; }
.border-blue-gradient-d-inverse { border-image: var(--bluebluev-gradient-d-inverse) !important; }
.border-blue-gradient { border-image: var(--blue-gradient) !important; }
.border-blue-gradient-h { border-image: var(--bluev-gradient-h) !important; }
.border-blue-gradient-h-inverse { border-image: var(--blue-gradient-h-inverse) !important; }
.border-blue-gradient-v { border-image: var(--blue-gradient-v) !important; }
.border-blue-gradient-v-inverse { border-image: var(--blue-gradient-v-inverse) !important; }

/* Border Colors : LightBlue Colors */
.border-lightblue { border-color: rgba(var(--rgb-lightblue), var(--bs-border-opacity)) !important; }
.border-lightblue-l1 { border-color: rgba(var(--rgb-lightblue-l1), var(--bs-border-opacity)) !important; }
.border-lightblue-l2 { border-color: rgba(var(--rgb-lightblue-l2), var(--bs-border-opacity)) !important; }
.border-lightblue-l3 { border-color: rgba(var(--rgb-lightblue-l3), var(--bs-border-opacity)) !important; }
.border-lightblue-d1 { border-color: rgba(var(--rgb-lightblue-d1), var(--bs-border-opacity)) !important; }
.border-lightblue-d2 { border-color: rgba(var(--rgb-lightblue-d2), var(--bs-border-opacity)) !important; }
.border-lightblue-d3 { border-color: rgba(var(--rgb-lightblue-d3), var(--bs-border-opacity)) !important; }
.border-lightblue-font { border-color: rgba(var(--rgb-lightblue-font), var(--bs-border-opacity)) !important; }
.border-lightblue-font-l { border-color: rgba(var(--rgb-lightblue-font-l), var(--bs-border-opacity)) !important; }
.border-lightblue-font-d { border-color: rgba(var(--rgb-lightblue-font-d), var(--bs-border-opacity)) !important; }
.border-lightblue-10 { border-color: rgba(var(--rgb-lightblue),.1) !important; }
.border-lightblue-20 { border-color: rgba(var(--rgb-lightblue),.2) !important; }
.border-lightblue-30 { border-color: rgba(var(--rgb-lightblue),.3) !important; }
.border-lightblue-40 { border-color: rgba(var(--rgb-lightblue),.4) !important; }
.border-lightblue-50 { border-color: rgba(var(--rgb-lightblue),.5) !important; }
.border-lightblue-60 { border-color: rgba(var(--rgb-lightblue),.6) !important; }
.border-lightblue-70 { border-color: rgba(var(--rgb-lightblue),.7) !important; }
.border-lightblue-80 { border-color: rgba(var(--rgb-lightblue),.8) !important; }
.border-lightblue-90 { border-color: rgba(var(--rgb-lightblue),.9) !important; }

.border-lightblue-gradient-d { border-image: var(--lightblue-gradient-d) !important; }
.border-lightblue-gradient-d-inverse { border-image: var(--lightblue-gradient-d-inverse) !important; }
.border-lightblue-gradient { border-image: var(--lightblue-gradient) !important; }
.border-lightblue-gradient-h { border-image: var(--lightblue-gradient-h) !important; }
.border-lightblue-gradient-h-inverse { border-image: var(--lightblue-gradient-h-inverse) !important; }
.border-lightblue-gradient-v { border-image: var(--lightblue-gradient-v) !important; }
.border-lightblue-gradient-v-inverse { border-image: var(--lightblue-gradient-v-inverse) !important; }

/* Border Colors : Cyan Colors */
.border-cyan { border-color: rgba(var(--rgb-cyan), var(--bs-border-opacity)) !important; }
.border-cyan-l1 { border-color: rgba(var(--rgb-cyan-l1), var(--bs-border-opacity)) !important; }
.border-cyan-l2 { border-color: rgba(var(--rgb-cyan-l2), var(--bs-border-opacity)) !important; }
.border-cyan-l3 { border-color: rgba(var(--rgb-cyan-l3), var(--bs-border-opacity)) !important; }
.border-cyan-d1 { border-color: rgba(var(--rgb-cyan-d1), var(--bs-border-opacity)) !important; }
.border-cyan-d2 { border-color: rgba(var(--rgb-cyan-d2), var(--bs-border-opacity)) !important; }
.border-cyan-d3 { border-color: rgba(var(--rgb-cyan-d3), var(--bs-border-opacity)) !important; }
.border-cyan-font { border-color: rgba(var(--rgb-cyan-font), var(--bs-border-opacity)) !important; }
.border-cyan-font-l { border-color: rgba(var(--rgb-cyan-font-l), var(--bs-border-opacity)) !important; }
.border-cyan-font-d { border-color: rgba(var(--rgb-cyan-font-d), var(--bs-border-opacity)) !important; }
.border-cyan-10 { border-color: rgba(var(--rgb-cyan),.1) !important; }
.border-cyan-20 { border-color: rgba(var(--rgb-cyan),.2) !important; }
.border-cyan-30 { border-color: rgba(var(--rgb-cyan),.3) !important; }
.border-cyan-40 { border-color: rgba(var(--rgb-cyan),.4) !important; }
.border-cyan-50 { border-color: rgba(var(--rgb-cyan),.5) !important; }
.border-cyan-60 { border-color: rgba(var(--rgb-cyan),.6) !important; }
.border-cyan-70 { border-color: rgba(var(--rgb-cyan),.7) !important; }
.border-cyan-80 { border-color: rgba(var(--rgb-cyan),.8) !important; }
.border-cyan-90 { border-color: rgba(var(--rgb-cyan),.9) !important; }

.border-cyan-gradient-d { border-image: var(--cyan-gradient-d) !important; }
.border-cyan-gradient-d-inverse { border-image: var(--cyancyan-gradient-d-inverse) !important; }
.border-cyan-gradient { border-image: var(--cyan-gradient) !important; }
.border-cyan-gradient-h { border-image: var(--cyan-gradient-h) !important; }
.border-cyan-gradient-h-inverse { border-image: var(--cyan-gradient-h-inverse) !important; }
.border-cyan-gradient-v { border-image: var(--cyan-gradient-v) !important; }
.border-cyan-gradient-v-inverse { border-image: var(--cyan-gradient-v-inverse) !important; }

/* Border Colors : Teal Colors */
.border-teal { border-color: rgba(var(--rgb-teal), var(--bs-border-opacity)) !important; }
.border-teal-l1 { border-color: rgba(var(--rgb-teal-l1), var(--bs-border-opacity)) !important; }
.border-teal-l2 { border-color: rgba(var(--rgb-teal-l2), var(--bs-border-opacity)) !important; }
.border-teal-l3 { border-color: rgba(var(--rgb-teal-l3), var(--bs-border-opacity)) !important; }
.border-teal-d1 { border-color: rgba(var(--rgb-teal-d1), var(--bs-border-opacity)) !important; }
.border-teal-d2 { border-color: rgba(var(--rgb-teal-d2), var(--bs-border-opacity)) !important; }
.border-teal-d3 { border-color: rgba(var(--rgb-teal-d3), var(--bs-border-opacity)) !important; }
.border-teal-font { border-color: rgba(var(--rgb-teal-font), var(--bs-border-opacity)) !important; }
.border-teal-font-l { border-color: rgba(var(--rgb-teal-font-l), var(--bs-border-opacity)) !important; }
.border-teal-font-d { border-color: rgba(var(--rgb-teal-font-d), var(--bs-border-opacity)) !important; }
.border-teal-10 { border-color: rgba(var(--rgb-teal),.1) !important; }
.border-teal-20 { border-color: rgba(var(--rgb-teal),.2) !important; }
.border-teal-30 { border-color: rgba(var(--rgb-teal),.3) !important; }
.border-teal-40 { border-color: rgba(var(--rgb-teal),.4) !important; }
.border-teal-50 { border-color: rgba(var(--rgb-teal),.5) !important; }
.border-teal-60 { border-color: rgba(var(--rgb-teal),.6) !important; }
.border-teal-70 { border-color: rgba(var(--rgb-teal),.7) !important; }
.border-teal-80 { border-color: rgba(var(--rgb-teal),.8) !important; }
.border-teal-90 { border-color: rgba(var(--rgb-teal),.9) !important; }

.border-teal-gradient-d { border-image: var(--teal-gradient-d) !important; }
.border-teal-gradient-d-inverse { border-image: var(--teal-gradient-d-inverse) !important; }
.border-teal-gradient { border-image: var(--teal-gradient) !important; }
.border-teal-gradient-h { border-image: var(--teal-gradient-h) !important; }
.border-teal-gradient-h-inverse { border-image: var(--teal-gradient-h-inverse) !important; }
.border-teal-gradient-v { border-image: var(--teal-gradient-v) !important; }
.border-teal-gradient-v-inverse { border-image: var(--teal-gradient-v-inverse) !important; }

/* Border Colors : Green Colors */
.border-green { border-color: rgba(var(--rgb-green), var(--bs-border-opacity)) !important; }
.border-green-l1 { border-color: rgba(var(--rgb-green-l1), var(--bs-border-opacity)) !important; }
.border-green-l2 { border-color: rgba(var(--rgb-green-l2), var(--bs-border-opacity)) !important; }
.border-green-l3 { border-color: rgba(var(--rgb-green-l3), var(--bs-border-opacity)) !important; }
.border-green-d1 { border-color: rgba(var(--rgb-green-d1), var(--bs-border-opacity)) !important; }
.border-green-d2 { border-color: rgba(var(--rgb-green-d2), var(--bs-border-opacity)) !important; }
.border-green-d3 { border-color: rgba(var(--rgb-green-d3), var(--bs-border-opacity)) !important; }
.border-green-font { border-color: rgba(var(--rgb-green-font), var(--bs-border-opacity)) !important; }
.border-green-font-l { border-color: rgba(var(--rgb-green-font-l), var(--bs-border-opacity)) !important; }
.border-green-font-d { border-color: rgba(var(--rgb-green-font-d), var(--bs-border-opacity)) !important; }
.border-green-10 { border-color: rgba(var(--rgb-green),.1) !important; }
.border-green-20 { border-color: rgba(var(--rgb-green),.2) !important; }
.border-green-30 { border-color: rgba(var(--rgb-green),.3) !important; }
.border-green-40 { border-color: rgba(var(--rgb-green),.4) !important; }
.border-green-50 { border-color: rgba(var(--rgb-green),.5) !important; }
.border-green-60 { border-color: rgba(var(--rgb-green),.6) !important; }
.border-green-70 { border-color: rgba(var(--rgb-green),.7) !important; }
.border-green-80 { border-color: rgba(var(--rgb-green),.8) !important; }
.border-green-90 { border-color: rgba(var(--rgb-green),.9) !important; }

.border-green-gradient-d { border-image: var(--green-gradient-d) !important; }
.border-green-gradient-d-inverse { border-image: var(--green-gradient-d-inverse) !important; }
.border-green-gradient { border-image: var(--green-gradient) !important; }
.border-green-gradient-h { border-image: var(--green-gradient-h) !important; }
.border-green-gradient-h-inverse { border-image: var(--green-gradient-h-inverse) !important; }
.border-green-gradient-v { border-image: var(--green-gradient-v) !important; }
.border-green-gradient-v-inverse { border-image: var(--green-gradient-v-inverse) !important; }

/* Border Colors : LightGreen Colors */
.border-lightgreen { border-color: rgba(var(--rgb-lightgreen), var(--bs-border-opacity)) !important; }
.border-lightgreen-l1 { border-color: rgba(var(--rgb-lightgreen-l1), var(--bs-border-opacity)) !important; }
.border-lightgreen-l2 { border-color: rgba(var(--rgb-lightgreen-l2), var(--bs-border-opacity)) !important; }
.border-lightgreen-l3 { border-color: rgba(var(--rgb-lightgreen-l3), var(--bs-border-opacity)) !important; }
.border-lightgreen-d1 { border-color: rgba(var(--rgb-lightgreen-d1), var(--bs-border-opacity)) !important; }
.border-lightgreen-d2 { border-color: rgba(var(--rgb-lightgreen-d2), var(--bs-border-opacity)) !important; }
.border-lightgreen-d3 { border-color: rgba(var(--rgb-lightgreen-d3), var(--bs-border-opacity)) !important; }
.border-lightgreen-font { border-color: rgba(var(--rgb-lightgreen-font), var(--bs-border-opacity)) !important; }
.border-lightgreen-font-l { border-color: rgba(var(--rgb-lightgreen-font-l), var(--bs-border-opacity)) !important; }
.border-lightgreen-font-d { border-color: rgba(var(--rgb-lightgreen-font-d), var(--bs-border-opacity)) !important; }
.border-lightgreen-10 { border-color: rgba(var(--rgb-lightgreen),.1) !important; }
.border-lightgreen-20 { border-color: rgba(var(--rgb-lightgreen),.2) !important; }
.border-lightgreen-30 { border-color: rgba(var(--rgb-lightgreen),.3) !important; }
.border-lightgreen-40 { border-color: rgba(var(--rgb-lightgreen),.4) !important; }
.border-lightgreen-50 { border-color: rgba(var(--rgb-lightgreen),.5) !important; }
.border-lightgreen-60 { border-color: rgba(var(--rgb-lightgreen),.6) !important; }
.border-lightgreen-70 { border-color: rgba(var(--rgb-lightgreen),.7) !important; }
.border-lightgreen-80 { border-color: rgba(var(--rgb-lightgreen),.8) !important; }
.border-lightgreen-90 { border-color: rgba(var(--rgb-lightgreen),.9) !important; }

.border-lightgreen-gradient-d { border-image: var(--lightgreen-gradient-d) !important; }
.border-lightgreen-gradient-d-inverse { border-image: var(--lightgreen-gradient-d-inverse) !important; }
.border-lightgreen-gradient { border-image: var(--lightgreen-gradient) !important; }
.border-lightgreen-gradient-h { border-image: var(--lightgreen-gradient-h) !important; }
.border-lightgreen-gradient-h-inverse { border-image: var(--lightgreen-gradient-h-inverse) !important; }
.border-lightgreen-gradient-v { border-image: var(--lightgreen-gradient-v) !important; }
.border-lightgreen-gradient-v-inverse { border-image: var(--lightgreen-gradient-v-inverse) !important; }

/* Border Colors : Lime Colors */
.border-lime { border-color: rgba(var(--rgb-lime), var(--bs-border-opacity)) !important; }
.border-lime-l1 { border-color: rgba(var(--rgb-lime-l1), var(--bs-border-opacity)) !important; }
.border-lime-l2 { border-color: rgba(var(--rgb-lime-l2), var(--bs-border-opacity)) !important; }
.border-lime-l3 { border-color: rgba(var(--rgb-lime-l3), var(--bs-border-opacity)) !important; }
.border-lime-d1 { border-color: rgba(var(--rgb-lime-d1), var(--bs-border-opacity)) !important; }
.border-lime-d2 { border-color: rgba(var(--rgb-lime-d2), var(--bs-border-opacity)) !important; }
.border-lime-d3 { border-color: rgba(var(--rgb-lime-d3), var(--bs-border-opacity)) !important; }
.border-lime-font { border-color: rgba(var(--rgb-lime-font), var(--bs-border-opacity)) !important; }
.border-lime-font-l { border-color: rgba(var(--rgb-lime-font-l), var(--bs-border-opacity)) !important; }
.border-lime-font-d { border-color: rgba(var(--rgb-lime-font-d), var(--bs-border-opacity)) !important; }
.border-lime-10 { border-color: rgba(var(--rgb-lime),.1) !important; }
.border-lime-20 { border-color: rgba(var(--rgb-lime),.2) !important; }
.border-lime-30 { border-color: rgba(var(--rgb-lime),.3) !important; }
.border-lime-40 { border-color: rgba(var(--rgb-lime),.4) !important; }
.border-lime-50 { border-color: rgba(var(--rgb-lime),.5) !important; }
.border-lime-60 { border-color: rgba(var(--rgb-lime),.6) !important; }
.border-lime-70 { border-color: rgba(var(--rgb-lime),.7) !important; }
.border-lime-80 { border-color: rgba(var(--rgb-lime),.8) !important; }
.border-lime-90 { border-color: rgba(var(--rgb-lime),.9) !important; }

.border-lime-gradient-d { border-image: var(--lime-gradient-d) !important; }
.border-lime-gradient-d-inverse { border-image: var(--lime-gradient-d-inverse) !important; }
.border-lime-gradient { border-image: var(--lime-gradient) !important; }
.border-lime-gradient-h { border-image: var(--lime-gradient-h) !important; }
.border-lime-gradient-h-inverse { border-image: var(--lime-gradient-h-inverse) !important; }
.border-lime-gradient-v { border-image: var(--lime-gradient-v) !important; }
.border-lime-gradient-v-inverse { border-image: var(--lime-gradient-v-inverse) !important; }

/* Border Colors : Yellow Colors */
.border-yellow { border-color: rgba(var(--rgb-yellow), var(--bs-border-opacity)) !important; }
.border-yellow-l1 { border-color: rgba(var(--rgb-yellow-l1), var(--bs-border-opacity)) !important; }
.border-yellow-l2 { border-color: rgba(var(--rgb-yellow-l2), var(--bs-border-opacity)) !important; }
.border-yellow-l3 { border-color: rgba(var(--rgb-yellow-l3), var(--bs-border-opacity)) !important; }
.border-yellow-d1 { border-color: rgba(var(--rgb-yellow-d1), var(--bs-border-opacity)) !important; }
.border-yellow-d2 { border-color: rgba(var(--rgb-yellow-d2), var(--bs-border-opacity)) !important; }
.border-yellow-d3 { border-color: rgba(var(--rgb-yellow-d3), var(--bs-border-opacity)) !important; }
.border-yellow-font { border-color: rgba(var(--rgb-yellow-font), var(--bs-border-opacity)) !important; }
.border-yellow-font-l { border-color: rgba(var(--rgb-yellow-font-l), var(--bs-border-opacity)) !important; }
.border-yellow-font-d { border-color: rgba(var(--rgb-yellow-font-d), var(--bs-border-opacity)) !important; }
.border-yellow-10 { border-color: rgba(var(--rgb-yellow),.1) !important; }
.border-yellow-20 { border-color: rgba(var(--rgb-yellow),.2) !important; }
.border-yellow-30 { border-color: rgba(var(--rgb-yellow),.3) !important; }
.border-yellow-40 { border-color: rgba(var(--rgb-yellow),.4) !important; }
.border-yellow-50 { border-color: rgba(var(--rgb-yellow),.5) !important; }
.border-yellow-60 { border-color: rgba(var(--rgb-yellow),.6) !important; }
.border-yellow-70 { border-color: rgba(var(--rgb-yellow),.7) !important; }
.border-yellow-80 { border-color: rgba(var(--rgb-yellow),.8) !important; }
.border-yellow-90 { border-color: rgba(var(--rgb-yellow),.9) !important; }

.border-yellow-gradient-d { border-image: var(--yellow-gradient-d) !important; }
.border-yellow-gradient-d-inverse { border-image: var(--yellow-gradient-d-inverse) !important; }
.border-yellow-gradient { border-image: var(--yellow-gradient) !important; }
.border-yellow-gradient-h { border-image: var(--yellow-gradient-h) !important; }
.border-yellow-gradient-h-inverse { border-image: var(--yellow-gradient-h-inverse) !important; }
.border-yellow-gradient-v { border-image: var(--yellow-gradient-v) !important; }
.border-yellow-gradient-v-inverse { border-image: var(--yellow-gradient-v-inverse) !important; }

/* Border Colors : Amber Colors */
.border-amber { border-color: rgba(var(--rgb-amber), var(--bs-border-opacity)) !important; }
.border-amber-l1 { border-color: rgba(var(--rgb-amber-l1), var(--bs-border-opacity)) !important; }
.border-amber-l2 { border-color: rgba(var(--rgb-amber-l2), var(--bs-border-opacity)) !important; }
.border-amber-l3 { border-color: rgba(var(--rgb-amber-l3), var(--bs-border-opacity)) !important; }
.border-amber-d1 { border-color: rgba(var(--rgb-amber-d1), var(--bs-border-opacity)) !important; }
.border-amber-d2 { border-color: rgba(var(--rgb-amber-d2), var(--bs-border-opacity)) !important; }
.border-amber-d3 { border-color: rgba(var(--rgb-amber-d3), var(--bs-border-opacity)) !important; }
.border-amber-font { border-color: rgba(var(--rgb-amber-font), var(--bs-border-opacity)) !important; }
.border-amber-font-l { border-color: rgba(var(--rgb-amber-font-l), var(--bs-border-opacity)) !important; }
.border-amber-font-d { border-color: rgba(var(--rgb-amber-font-d), var(--bs-border-opacity)) !important; }
.border-amber-10 { border-color: rgba(var(--rgb-amber),.1) !important; }
.border-amber-20 { border-color: rgba(var(--rgb-amber),.2) !important; }
.border-amber-30 { border-color: rgba(var(--rgb-amber),.3) !important; }
.border-amber-40 { border-color: rgba(var(--rgb-amber),.4) !important; }
.border-amber-50 { border-color: rgba(var(--rgb-amber),.5) !important; }
.border-amber-60 { border-color: rgba(var(--rgb-amber),.6) !important; }
.border-amber-70 { border-color: rgba(var(--rgb-amber),.7) !important; }
.border-amber-80 { border-color: rgba(var(--rgb-amber),.8) !important; }
.border-amber-90 { border-color: rgba(var(--rgb-amber),.9) !important; }

.border-amber-gradient-d { border-image: var(--amber-gradient-d) !important; }
.border-amber-gradient-d-inverse { border-image: var(--amber-gradient-d-inverse) !important; }
.border-amber-gradient { border-image: var(--amber-gradient) !important; }
.border-amber-gradient-h { border-image: var(--amber-gradient-h) !important; }
.border-amber-gradient-h-inverse { border-image: var(--amber-gradient-h-inverse) !important; }
.border-amber-gradient-v { border-image: var(--amber-gradient-v) !important; }
.border-amber-gradient-v-inverse { border-image: var(--amber-gradient-v-inverse) !important; }

/* Border Colors : Orange Colors */
.border-orange { border-color: rgba(var(--rgb-orange), var(--bs-border-opacity)) !important; }
.border-orange-l1 { border-color: rgba(var(--rgb-orange-l1), var(--bs-border-opacity)) !important; }
.border-orange-l2 { border-color: rgba(var(--rgb-orange-l2), var(--bs-border-opacity)) !important; }
.border-orange-l3 { border-color: rgba(var(--rgb-orange-l3), var(--bs-border-opacity)) !important; }
.border-orange-d1 { border-color: rgba(var(--rgb-orange-d1), var(--bs-border-opacity)) !important; }
.border-orange-d2 { border-color: rgba(var(--rgb-orange-d2), var(--bs-border-opacity)) !important; }
.border-orange-d3 { border-color: rgba(var(--rgb-orange-d3), var(--bs-border-opacity)) !important; }
.border-orange-font { border-color: rgba(var(--rgb-orange-font), var(--bs-border-opacity)) !important; }
.border-orange-font-l { border-color: rgba(var(--rgb-orange-font-l), var(--bs-border-opacity)) !important; }
.border-orange-font-d { border-color: rgba(var(--rgb-orange-font-d), var(--bs-border-opacity)) !important; }
.border-orange-10 { border-color: rgba(var(--rgb-orange),.1) !important; }
.border-orange-20 { border-color: rgba(var(--rgb-orange),.2) !important; }
.border-orange-30 { border-color: rgba(var(--rgb-orange),.3) !important; }
.border-orange-40 { border-color: rgba(var(--rgb-orange),.4) !important; }
.border-orange-50 { border-color: rgba(var(--rgb-orange),.5) !important; }
.border-orange-60 { border-color: rgba(var(--rgb-orange),.6) !important; }
.border-orange-70 { border-color: rgba(var(--rgb-orange),.7) !important; }
.border-orange-80 { border-color: rgba(var(--rgb-orange),.8) !important; }
.border-orange-90 { border-color: rgba(var(--rgb-orange),.9) !important; }

.border-orange-gradient-d { border-image: var(--orange-gradient-d) !important; }
.border-orange-gradient-d-inverse { border-image: var(--orange-gradient-d-inverse) !important; }
.border-orange-gradient { border-image: var(--orange-gradient) !important; }
.border-orange-gradient-h { border-image: var(--orange-gradient-h) !important; }
.border-orange-gradient-h-inverse { border-image: var(--orange-gradient-h-inverse) !important; }
.border-orange-gradient-v { border-image: var(--orange-gradient-v) !important; }
.border-orange-gradient-v-inverse { border-image: var(--orange-gradient-v-inverse) !important; }

/* Border Colors : DeepOrange Colors */
.border-deeporange { border-color: rgba(var(--rgb-deeporange), var(--bs-border-opacity)) !important; }
.border-deeporange-l1 { border-color: rgba(var(--rgb-deeporange-l1), var(--bs-border-opacity)) !important; }
.border-deeporange-l2 { border-color: rgba(var(--rgb-deeporange-l2), var(--bs-border-opacity)) !important; }
.border-deeporange-l3 { border-color: rgba(var(--rgb-deeporange-l3), var(--bs-border-opacity)) !important; }
.border-deeporange-d1 { border-color: rgba(var(--rgb-deeporange-d1), var(--bs-border-opacity)) !important; }
.border-deeporange-d2 { border-color: rgba(var(--rgb-deeporange-d2), var(--bs-border-opacity)) !important; }
.border-deeporange-d3 { border-color: rgba(var(--rgb-deeporange-d3), var(--bs-border-opacity)) !important; }
.border-deeporange-font { border-color: rgba(var(--rgb-deeporange-font), var(--bs-border-opacity)) !important; }
.border-deeporange-font-l { border-color: rgba(var(--rgb-deeporange-font-l), var(--bs-border-opacity)) !important; }
.border-deeporange-font-d { border-color: rgba(var(--rgb-deeporange-font-d), var(--bs-border-opacity)) !important; }
.border-deeporange-10 { border-color: rgba(var(--rgb-deeporange),.1) !important; }
.border-deeporange-20 { border-color: rgba(var(--rgb-deeporange),.2) !important; }
.border-deeporange-30 { border-color: rgba(var(--rgb-deeporange),.3) !important; }
.border-deeporange-40 { border-color: rgba(var(--rgb-deeporange),.4) !important; }
.border-deeporange-50 { border-color: rgba(var(--rgb-deeporange),.5) !important; }
.border-deeporange-60 { border-color: rgba(var(--rgb-deeporange),.6) !important; }
.border-deeporange-70 { border-color: rgba(var(--rgb-deeporange),.7) !important; }
.border-deeporange-80 { border-color: rgba(var(--rgb-deeporange),.8) !important; }
.border-deeporange-90 { border-color: rgba(var(--rgb-deeporange),.9) !important; }

.border-deeporange-gradient-d { border-image: var(--deeporange-gradient-d) !important; }
.border-deeporange-gradient-d-inverse { border-image: var(--deeporange-gradient-d-inverse) !important; }
.border-deeporange-gradient { border-image: var(--deeporange-gradient) !important; }
.border-deeporange-gradient-h { border-image: var(--deeporange-gradient-h) !important; }
.border-deeporange-gradient-h-inverse { border-image: var(--deeporange-gradient-h-inverse) !important; }
.border-deeporange-gradient-v { border-image: var(--deeporange-gradient-v) !important; }
.border-deeporange-gradient-v-inverse { border-image: var(--deeporange-gradient-v-inverse) !important; }

/* Border Colors : Gray Colors */
.border-gray { border-color: rgba(var(--rgb-gray), var(--bs-border-opacity)) !important; }
.border-gray-l1 { border-color: rgba(var(--rgb-gray-l1), var(--bs-border-opacity)) !important; }
.border-gray-l2 { border-color: rgba(var(--rgb-gray-l2), var(--bs-border-opacity)) !important; }
.border-gray-l3 { border-color: rgba(var(--rgb-gray-l3), var(--bs-border-opacity)) !important; }
.border-gray-d1 { border-color: rgba(var(--rgb-gray-d1), var(--bs-border-opacity)) !important; }
.border-gray-d2 { border-color: rgba(var(--rgb-gray-d2), var(--bs-border-opacity)) !important; }
.border-gray-d3 { border-color: rgba(var(--rgb-gray-d3), var(--bs-border-opacity)) !important; }
.border-gray-font { border-color: rgba(var(--rgb-gray-font), var(--bs-border-opacity)) !important; }
.border-gray-font-l { border-color: rgba(var(--rgb-gray-font-l), var(--bs-border-opacity)) !important; }
.border-gray-font-d { border-color: rgba(var(--rgb-gray-font-d), var(--bs-border-opacity)) !important; }
.border-gray-10 { border-color: rgba(var(--rgb-gray),.1) !important; }
.border-gray-20 { border-color: rgba(var(--rgb-gray),.2) !important; }
.border-gray-30 { border-color: rgba(var(--rgb-gray),.3) !important; }
.border-gray-40 { border-color: rgba(var(--rgb-gray),.4) !important; }
.border-gray-50 { border-color: rgba(var(--rgb-gray),.5) !important; }
.border-gray-60 { border-color: rgba(var(--rgb-gray),.6) !important; }
.border-gray-70 { border-color: rgba(var(--rgb-gray),.7) !important; }
.border-gray-80 { border-color: rgba(var(--rgb-gray),.8) !important; }
.border-gray-90 { border-color: rgba(var(--rgb-gray),.9) !important; }

.border-gray-gradient-d { border-image: var(--gray-gradient-d) !important; }
.border-gray-gradient-d-inverse { border-image: var(--gray-gradient-d-inverse) !important; }
.border-gray-gradient { border-image: var(--gray-gradient) !important; }
.border-gray-gradient-h { border-image: var(--gray-gradient-h) !important; }
.border-gray-gradient-h-inverse { border-image: var(--gray-gradient-h-inverse) !important; }
.border-gray-gradient-v { border-image: var(--gray-gradient-v) !important; }
.border-gray-gradient-v-inverse { border-image: var(--gray-gradient-v-inverse) !important; }

/* Border Colors : BlueGray Colors */
.border-bluegray { border-color: rgba(var(--rgb-bluegray), var(--bs-border-opacity)) !important; }
.border-bluegray-l1 { border-color: rgba(var(--rgb-bluegray-l1), var(--bs-border-opacity)) !important; }
.border-bluegray-l2 { border-color: rgba(var(--rgb-bluegray-l2), var(--bs-border-opacity)) !important; }
.border-bluegray-l3 { border-color: rgba(var(--rgb-bluegray-l3), var(--bs-border-opacity)) !important; }
.border-bluegray-d1 { border-color: rgba(var(--rgb-bluegray-d1), var(--bs-border-opacity)) !important; }
.border-bluegray-d2 { border-color: rgba(var(--rgb-bluegray-d2), var(--bs-border-opacity)) !important; }
.border-bluegray-d3 { border-color: rgba(var(--rgb-bluegray-d3), var(--bs-border-opacity)) !important; }
.border-bluegray-font { border-color: rgba(var(--rgb-bluegray-font), var(--bs-border-opacity)) !important; }
.border-bluegray-font-l { border-color: rgba(var(--rgb-bluegray-font-l), var(--bs-border-opacity)) !important; }
.border-bluegray-font-d { border-color: rgba(var(--rgb-bluegray-font-d), var(--bs-border-opacity)) !important; }
.border-bluegray-10 { border-color: rgba(var(--rgb-bluegray),.1) !important; }
.border-bluegray-20 { border-color: rgba(var(--rgb-bluegray),.2) !important; }
.border-bluegray-30 { border-color: rgba(var(--rgb-bluegray),.3) !important; }
.border-bluegray-40 { border-color: rgba(var(--rgb-bluegray),.4) !important; }
.border-bluegray-50 { border-color: rgba(var(--rgb-bluegray),.5) !important; }
.border-bluegray-60 { border-color: rgba(var(--rgb-bluegray),.6) !important; }
.border-bluegray-70 { border-color: rgba(var(--rgb-bluegray),.7) !important; }
.border-bluegray-80 { border-color: rgba(var(--rgb-bluegray),.8) !important; }
.border-bluegray-90 { border-color: rgba(var(--rgb-bluegray),.9) !important; }

.border-bluegray-gradient-d { border-image: var(--bluegray-gradient-d) !important; }
.border-bluegray-gradient-d-inverse { border-image: var(--bluegray-gradient-d-inverse) !important; }
.border-bluegray-gradient { border-image: var(--bluegray-gradient) !important; }
.border-bluegray-gradient-h { border-image: var(--bluegray-gradient-h) !important; }
.border-bluegray-gradient-h-inverse { border-image: var(--bluegray-gradient-h-inverse) !important; }
.border-bluegray-gradient-v { border-image: var(--bluegray-gradient-v) !important; }
.border-bluegray-gradient-v-inverse { border-image: var(--bluegray-gradient-v-inverse) !important; }

/* Border Colors : Silver Colors */
.border-silver { border-color: rgba(var(--rgb-silver), var(--bs-border-opacity)) !important; }
.border-silver-l1 { border-color: rgba(var(--rgb-silver-l1), var(--bs-border-opacity)) !important; }
.border-silver-l2 { border-color: rgba(var(--rgb-silver-l2), var(--bs-border-opacity)) !important; }
.border-silver-l3 { border-color: rgba(var(--rgb-silver-l3), var(--bs-border-opacity)) !important; }
.border-silver-d1 { border-color: rgba(var(--rgb-silver-d1), var(--bs-border-opacity)) !important; }
.border-silver-d2 { border-color: rgba(var(--rgb-silver-d2), var(--bs-border-opacity)) !important; }
.border-silver-d3 { border-color: rgba(var(--rgb-silver-d3), var(--bs-border-opacity)) !important; }
.border-silver-font { border-color: rgba(var(--rgb-silver-font), var(--bs-border-opacity)) !important; }
.border-silver-font-l { border-color: rgba(var(--rgb-silver-font-l), var(--bs-border-opacity)) !important; }
.border-silver-font-d { border-color: rgba(var(--rgb-silver-font-d), var(--bs-border-opacity)) !important; }
.border-silver-10 { border-color: rgba(var(--rgb-silver),.1) !important; }
.border-silver-20 { border-color: rgba(var(--rgb-silver),.2) !important; }
.border-silver-30 { border-color: rgba(var(--rgb-silver),.3) !important; }
.border-silver-40 { border-color: rgba(var(--rgb-silver),.4) !important; }
.border-silver-50 { border-color: rgba(var(--rgb-silver),.5) !important; }
.border-silver-60 { border-color: rgba(var(--rgb-silver),.6) !important; }
.border-silver-70 { border-color: rgba(var(--rgb-silver),.7) !important; }
.border-silver-80 { border-color: rgba(var(--rgb-silver),.8) !important; }
.border-silver-90 { border-color: rgba(var(--rgb-silver),.9) !important; }

.border-silver-gradient-d { border-image: var(--silver-gradient-d) !important; }
.border-silver-gradient-d-inverse { border-image: var(--silver-gradient-d-inverse) !important; }
.border-silver-gradient { border-image: var(--silver-gradient) !important; }
.border-silver-gradient-h { border-image: var(--silver-gradient-h) !important; }
.border-silver-gradient-h-inverse { border-image: var(--silver-gradient-h-inverse) !important; }
.border-silver-gradient-v { border-image: var(--silver-gradient-v) !important; }
.border-silver-gradient-v-inverse { border-image: var(--silver-gradient-v-inverse) !important; }

/* Border Colors : White Colors */
.border-white { border-color: rgba(var(--rgb-white), var(--bs-border-opacity)) !important; }
.border-white-l1 { border-color: rgba(var(--rgb-white-l1), var(--bs-border-opacity)) !important; }
.border-white-l2 { border-color: rgba(var(--rgb-white-l2), var(--bs-border-opacity)) !important; }
.border-white-l3 { border-color: rgba(var(--rgb-white-l3), var(--bs-border-opacity)) !important; }
.border-white-d1 { border-color: rgba(var(--rgb-white-d1), var(--bs-border-opacity)) !important; }
.border-white-d2 { border-color: rgba(var(--rgb-white-d2), var(--bs-border-opacity)) !important; }
.border-white-d3 { border-color: rgba(var(--rgb-white-d3), var(--bs-border-opacity)) !important; }
.border-white-font { border-color: rgba(var(--rgb-white-font), var(--bs-border-opacity)) !important; }
.border-white-font-l { border-color: rgba(var(--rgb-white-font-l), var(--bs-border-opacity)) !important; }
.border-white-font-d { border-color: rgba(var(--rgb-white-font-d), var(--bs-border-opacity)) !important; }
.border-white-10 { border-color: rgba(var(--rgb-white),.1) !important; }
.border-white-20 { border-color: rgba(var(--rgb-white),.2) !important; }
.border-white-30 { border-color: rgba(var(--rgb-white),.3) !important; }
.border-white-40 { border-color: rgba(var(--rgb-white),.4) !important; }
.border-white-50 { border-color: rgba(var(--rgb-white),.5) !important; }
.border-white-60 { border-color: rgba(var(--rgb-white),.6) !important; }
.border-white-70 { border-color: rgba(var(--rgb-white),.7) !important; }
.border-white-80 { border-color: rgba(var(--rgb-white),.8) !important; }
.border-white-90 { border-color: rgba(var(--rgb-white),.9) !important; }

.border-white-gradient-d { border-image: var(--white-gradient-d) !important; }
.border-white-gradient-d-inverse { border-image: var(--white-gradient-d-inverse) !important; }
.border-white-gradient { border-image: var(--white-gradient) !important; }
.border-white-gradient-h { border-image: var(--white-gradient-h) !important; }
.border-white-gradient-h-inverse { border-image: var(--white-gradient-h-inverse) !important; }
.border-white-gradient-v { border-image: var(--white-gradient-v) !important; }
.border-white-gradient-v-inverse { border-image: var(--white-gradient-v-inverse) !important; }

/* Border Colors : Black Colors */
.border-black { border-color: rgba(var(--rgb-black), var(--bs-border-opacity)) !important; }
.border-black-l1 { border-color: rgba(var(--rgb-black-l1), var(--bs-border-opacity)) !important; }
.border-black-l2 { border-color: rgba(var(--rgb-black-l2), var(--bs-border-opacity)) !important; }
.border-black-l3 { border-color: rgba(var(--rgb-black-l3), var(--bs-border-opacity)) !important; }
.border-black-d1 { border-color: rgba(var(--rgb-black-d1), var(--bs-border-opacity)) !important; }
.border-black-d2 { border-color: rgba(var(--rgb-black-d2), var(--bs-border-opacity)) !important; }
.border-black-d3 { border-color: rgba(var(--rgb-black-d3), var(--bs-border-opacity)) !important; }
.border-black-font { border-color: rgba(var(--rgb-black-font), var(--bs-border-opacity)) !important; }
.border-black-font-l { border-color: rgba(var(--rgb-black-font-l), var(--bs-border-opacity)) !important; }
.border-black-font-d { border-color: rgba(var(--rgb-black-font-d), var(--bs-border-opacity)) !important; }
.border-black-10 { border-color: rgba(var(--rgb-black),.1) !important; }
.border-black-20 { border-color: rgba(var(--rgb-black),.2) !important; }
.border-black-30 { border-color: rgba(var(--rgb-black),.3) !important; }
.border-black-40 { border-color: rgba(var(--rgb-black),.4) !important; }
.border-black-50 { border-color: rgba(var(--rgb-black),.5) !important; }
.border-black-60 { border-color: rgba(var(--rgb-black),.6) !important; }
.border-black-70 { border-color: rgba(var(--rgb-black),.7) !important; }
.border-black-80 { border-color: rgba(var(--rgb-black),.8) !important; }
.border-black-90 { border-color: rgba(var(--rgb-black),.9) !important; }

.border-black-gradient-d { border-image: var(--black-gradient-d) !important; }
.border-black-gradient-d-inverse { border-image: var(--black-gradient-d-inverse) !important; }
.border-black-gradient { border-image: var(--black-gradient) !important; }
.border-black-gradient-h { border-image: var(--black-gradient-h) !important; }
.border-black-gradient-h-inverse { border-image: var(--black-gradient-h-inverse) !important; }
.border-black-gradient-v { border-image: var(--black-gradient-v) !important; }
.border-black-gradient-v-inverse { border-image: var(--black-gradient-v-inverse) !important; }

/* Border Colors : Transparent */
.border-transparent { border-color: transparent !important; }


/*  ### 3.2.6 Brand Colors (Facebook, Instagram, etc.) */

/* Border Colors : Blogger Colors */
.border-blogger { border-color: rgba(var(--rgb-blogger), var(--bs-border-opacity)) !important; }
.border-blogger-l1 { border-color: rgba(var(--rgb-blogger-l1), var(--bs-border-opacity)) !important; }
.border-blogger-l2 { border-color: rgba(var(--rgb-blogger-l2), var(--bs-border-opacity)) !important; }
.border-blogger-l3 { border-color: rgba(var(--rgb-blogger-l3), var(--bs-border-opacity)) !important; }
.border-blogger-d1 { border-color: rgba(var(--rgb-blogger-d1), var(--bs-border-opacity)) !important; }
.border-blogger-d2 { border-color: rgba(var(--rgb-blogger-d2), var(--bs-border-opacity)) !important; }
.border-blogger-d3 { border-color: rgba(var(--rgb-blogger-d3), var(--bs-border-opacity)) !important; }
.border-blogger-font { border-color: rgba(var(--rgb-blogger-font), var(--bs-border-opacity)) !important; }
.border-blogger-font-l { border-color: rgba(var(--rgb-blogger-font-l), var(--bs-border-opacity)) !important; }
.border-blogger-font-d { border-color: rgba(var(--rgb-blogger-font-d), var(--bs-border-opacity)) !important; }
.border-blogger-10 { border-color: rgba(var(--rgb-blogger),.1) !important; }
.border-blogger-20 { border-color: rgba(var(--rgb-blogger),.2) !important; }
.border-blogger-30 { border-color: rgba(var(--rgb-blogger),.3) !important; }
.border-blogger-40 { border-color: rgba(var(--rgb-blogger),.4) !important; }
.border-blogger-50 { border-color: rgba(var(--rgb-blogger),.5) !important; }
.border-blogger-60 { border-color: rgba(var(--rgb-blogger),.6) !important; }
.border-blogger-70 { border-color: rgba(var(--rgb-blogger),.7) !important; }
.border-blogger-80 { border-color: rgba(var(--rgb-blogger),.8) !important; }
.border-blogger-90 { border-color: rgba(var(--rgb-blogger),.9) !important; }

.border-blogger-gradient-d { border-image: var(--blogger-gradient-d) !important; }
.border-blogger-gradient-d-inverse { border-image: var(--blogger-gradient-d-inverse) !important; }
.border-blogger-gradient { border-image: var(--blogger-gradient) !important; }
.border-blogger-gradient-h { border-image: var(--blogger-gradient-h) !important; }
.border-blogger-gradient-h-inverse { border-image: var(--blogger-gradient-h-inverse) !important; }
.border-blogger-gradient-v { border-image: var(--blogger-gradient-v) !important; }
.border-blogger-gradient-v-inverse { border-image: var(--blogger-gradient-v-inverse) !important; }

/* Border Colors : codepen Colors */
.border-codepen { border-color: rgba(var(--rgb-codepen), var(--bs-border-opacity)) !important; }
.border-codepen-l1 { border-color: rgba(var(--rgb-codepen-l1), var(--bs-border-opacity)) !important; }
.border-codepen-l2 { border-color: rgba(var(--rgb-codepen-l2), var(--bs-border-opacity)) !important; }
.border-codepen-l3 { border-color: rgba(var(--rgb-codepen-l3), var(--bs-border-opacity)) !important; }
.border-codepen-d1 { border-color: rgba(var(--rgb-codepen-d1), var(--bs-border-opacity)) !important; }
.border-codepen-d2 { border-color: rgba(var(--rgb-codepen-d2), var(--bs-border-opacity)) !important; }
.border-codepen-d3 { border-color: rgba(var(--rgb-codepen-d3), var(--bs-border-opacity)) !important; }
.border-codepen-font { border-color: rgba(var(--rgb-codepen-font), var(--bs-border-opacity)) !important; }
.border-codepen-font-l { border-color: rgba(var(--rgb-codepen-font-l), var(--bs-border-opacity)) !important; }
.border-codepen-font-d { border-color: rgba(var(--rgb-codepen-font-d), var(--bs-border-opacity)) !important; }
.border-codepen-10 { border-color: rgba(var(--rgb-codepen),.1) !important; }
.border-codepen-20 { border-color: rgba(var(--rgb-codepen),.2) !important; }
.border-codepen-30 { border-color: rgba(var(--rgb-codepen),.3) !important; }
.border-codepen-40 { border-color: rgba(var(--rgb-codepen),.4) !important; }
.border-codepen-50 { border-color: rgba(var(--rgb-codepen),.5) !important; }
.border-codepen-60 { border-color: rgba(var(--rgb-codepen),.6) !important; }
.border-codepen-70 { border-color: rgba(var(--rgb-codepen),.7) !important; }
.border-codepen-80 { border-color: rgba(var(--rgb-codepen),.8) !important; }
.border-codepen-90 { border-color: rgba(var(--rgb-codepen),.9) !important; }

.border-codepen-gradient-d { border-image: var(--codepen-gradient-d) !important; }
.border-codepen-gradient-d-inverse { border-image: var(--codepen-gradient-d-inverse) !important; }
.border-codepen-gradient { border-image: var(--codepen-gradient) !important; }
.border-codepen-gradient-h { border-image: var(--codepen-gradient-h) !important; }
.border-codepen-gradient-h-inverse { border-image: var(--codepen-gradient-h-inverse) !important; }
.border-codepen-gradient-v { border-image: var(--codepen-gradient-v) !important; }
.border-codepen-gradient-v-inverse { border-image: var(--codepen-gradient-v-inverse) !important; }

/* Border Colors : discord Colors */
.border-discord { border-color: rgba(var(--rgb-discord), var(--bs-border-opacity)) !important; }
.border-discord-l1 { border-color: rgba(var(--rgb-discord-l1), var(--bs-border-opacity)) !important; }
.border-discord-l2 { border-color: rgba(var(--rgb-discord-l2), var(--bs-border-opacity)) !important; }
.border-discord-l3 { border-color: rgba(var(--rgb-discord-l3), var(--bs-border-opacity)) !important; }
.border-discord-d1 { border-color: rgba(var(--rgb-discord-d1), var(--bs-border-opacity)) !important; }
.border-discord-d2 { border-color: rgba(var(--rgb-discord-d2), var(--bs-border-opacity)) !important; }
.border-discord-d3 { border-color: rgba(var(--rgb-discord-d3), var(--bs-border-opacity)) !important; }
.border-discord-font { border-color: rgba(var(--rgb-discord-font), var(--bs-border-opacity)) !important; }
.border-discord-font-l { border-color: rgba(var(--rgb-discord-font-l), var(--bs-border-opacity)) !important; }
.border-discord-font-d { border-color: rgba(var(--rgb-discord-font-d), var(--bs-border-opacity)) !important; }
.border-discord-10 { border-color: rgba(var(--rgb-discord),.1) !important; }
.border-discord-20 { border-color: rgba(var(--rgb-discord),.2) !important; }
.border-discord-30 { border-color: rgba(var(--rgb-discord),.3) !important; }
.border-discord-40 { border-color: rgba(var(--rgb-discord),.4) !important; }
.border-discord-50 { border-color: rgba(var(--rgb-discord),.5) !important; }
.border-discord-60 { border-color: rgba(var(--rgb-discord),.6) !important; }
.border-discord-70 { border-color: rgba(var(--rgb-discord),.7) !important; }
.border-discord-80 { border-color: rgba(var(--rgb-discord),.8) !important; }
.border-discord-90 { border-color: rgba(var(--rgb-discord),.9) !important; }

.border-discord-gradient-d { border-image: var(--discord-gradient-d) !important; }
.border-discord-gradient-d-inverse { border-image: var(--discord-gradient-d-inverse) !important; }
.border-discord-gradient { border-image: var(--discord-gradient) !important; }
.border-discord-gradient-h { border-image: var(--discord-gradient-h) !important; }
.border-discord-gradient-h-inverse { border-image: var(--discord-gradient-h-inverse) !important; }
.border-discord-gradient-v { border-image: var(--discord-gradient-v) !important; }
.border-discord-gradient-v-inverse { border-image: var(--discord-gradient-v-inverse) !important; }

/* Border Colors : dribbble Colors */
.border-dribbble { border-color: rgba(var(--rgb-dribbble), var(--bs-border-opacity)) !important; }
.border-dribbble-l1 { border-color: rgba(var(--rgb-dribbble-l1), var(--bs-border-opacity)) !important; }
.border-dribbble-l2 { border-color: rgba(var(--rgb-dribbble-l2), var(--bs-border-opacity)) !important; }
.border-dribbble-l3 { border-color: rgba(var(--rgb-dribbble-l3), var(--bs-border-opacity)) !important; }
.border-dribbble-d1 { border-color: rgba(var(--rgb-dribbble-d1), var(--bs-border-opacity)) !important; }
.border-dribbble-d2 { border-color: rgba(var(--rgb-dribbble-d2), var(--bs-border-opacity)) !important; }
.border-dribbble-d3 { border-color: rgba(var(--rgb-dribbble-d3), var(--bs-border-opacity)) !important; }
.border-dribbble-font { border-color: rgba(var(--rgb-dribbble-font), var(--bs-border-opacity)) !important; }
.border-dribbble-font-l { border-color: rgba(var(--rgb-dribbble-font-l), var(--bs-border-opacity)) !important; }
.border-dribbble-font-d { border-color: rgba(var(--rgb-dribbble-font-d), var(--bs-border-opacity)) !important; }
.border-dribbble-10 { border-color: rgba(var(--rgb-dribbble),.1) !important; }
.border-dribbble-20 { border-color: rgba(var(--rgb-dribbble),.2) !important; }
.border-dribbble-30 { border-color: rgba(var(--rgb-dribbble),.3) !important; }
.border-dribbble-40 { border-color: rgba(var(--rgb-dribbble),.4) !important; }
.border-dribbble-50 { border-color: rgba(var(--rgb-dribbble),.5) !important; }
.border-dribbble-60 { border-color: rgba(var(--rgb-dribbble),.6) !important; }
.border-dribbble-70 { border-color: rgba(var(--rgb-dribbble),.7) !important; }
.border-dribbble-80 { border-color: rgba(var(--rgb-dribbble),.8) !important; }
.border-dribbble-90 { border-color: rgba(var(--rgb-dribbble),.9) !important; }

.border-dribbble-gradient-d { border-image: var(--dribbble-gradient-d) !important; }
.border-dribbble-gradient-d-inverse { border-image: var(--dribbble-gradient-d-inverse) !important; }
.border-dribbble-gradient { border-image: var(--dribbble-gradient) !important; }
.border-dribbble-gradient-h { border-image: var(--dribbble-gradient-h) !important; }
.border-dribbble-gradient-h-inverse { border-image: var(--dribbble-gradient-h-inverse) !important; }
.border-dribbble-gradient-v { border-image: var(--dribbble-gradient-v) !important; }
.border-dribbble-gradient-v-inverse { border-image: var(--dribbble-gradient-v-inverse) !important; }

/* Border Colors : dropbox Colors */
.border-dropbox { border-color: rgba(var(--rgb-dropbox), var(--bs-border-opacity)) !important; }
.border-dropbox-l1 { border-color: rgba(var(--rgb-dropbox-l1), var(--bs-border-opacity)) !important; }
.border-dropbox-l2 { border-color: rgba(var(--rgb-dropbox-l2), var(--bs-border-opacity)) !important; }
.border-dropbox-l3 { border-color: rgba(var(--rgb-dropbox-l3), var(--bs-border-opacity)) !important; }
.border-dropbox-d1 { border-color: rgba(var(--rgb-dropbox-d1), var(--bs-border-opacity)) !important; }
.border-dropbox-d2 { border-color: rgba(var(--rgb-dropbox-d2), var(--bs-border-opacity)) !important; }
.border-dropbox-d3 { border-color: rgba(var(--rgb-dropbox-d3), var(--bs-border-opacity)) !important; }
.border-dropbox-font { border-color: rgba(var(--rgb-dropbox-font), var(--bs-border-opacity)) !important; }
.border-dropbox-font-l { border-color: rgba(var(--rgb-dropbox-font-l), var(--bs-border-opacity)) !important; }
.border-dropbox-font-d { border-color: rgba(var(--rgb-dropbox-font-d), var(--bs-border-opacity)) !important; }
.border-dropbox-10 { border-color: rgba(var(--rgb-dropbox),.1) !important; }
.border-dropbox-20 { border-color: rgba(var(--rgb-dropbox),.2) !important; }
.border-dropbox-30 { border-color: rgba(var(--rgb-dropbox),.3) !important; }
.border-dropbox-40 { border-color: rgba(var(--rgb-dropbox),.4) !important; }
.border-dropbox-50 { border-color: rgba(var(--rgb-dropbox),.5) !important; }
.border-dropbox-60 { border-color: rgba(var(--rgb-dropbox),.6) !important; }
.border-dropbox-70 { border-color: rgba(var(--rgb-dropbox),.7) !important; }
.border-dropbox-80 { border-color: rgba(var(--rgb-dropbox),.8) !important; }
.border-dropbox-90 { border-color: rgba(var(--rgb-dropbox),.9) !important; }

.border-dropbox-gradient-d { border-image: var(--dropbox-gradient-d) !important; }
.border-dropbox-gradient-d-inverse { border-image: var(--dropbox-gradient-d-inverse) !important; }
.border-dropbox-gradient { border-image: var(--dropbox-gradient) !important; }
.border-dropbox-gradient-h { border-image: var(--dropbox-gradient-h) !important; }
.border-dropbox-gradient-h-inverse { border-image: var(--dropbox-gradient-h-inverse) !important; }
.border-dropbox-gradient-v { border-image: var(--dropbox-gradient-v) !important; }
.border-dropbox-gradient-v-inverse { border-image: var(--dropbox-gradient-v-inverse) !important; }

/* Border Colors : Facebook Colors */
.border-facebook { border-color: rgba(var(--rgb-facebook), var(--bs-border-opacity)) !important; }
.border-facebook-l1 { border-color: rgba(var(--rgb-facebook-l1), var(--bs-border-opacity)) !important; }
.border-facebook-l2 { border-color: rgba(var(--rgb-facebook-l2), var(--bs-border-opacity)) !important; }
.border-facebook-l3 { border-color: rgba(var(--rgb-facebook-l3), var(--bs-border-opacity)) !important; }
.border-facebook-d1 { border-color: rgba(var(--rgb-facebook-d1), var(--bs-border-opacity)) !important; }
.border-facebook-d2 { border-color: rgba(var(--rgb-facebook-d2), var(--bs-border-opacity)) !important; }
.border-facebook-d3 { border-color: rgba(var(--rgb-facebook-d3), var(--bs-border-opacity)) !important; }
.border-facebook-font { border-color: rgba(var(--rgb-facebook-font), var(--bs-border-opacity)) !important; }
.border-facebook-font-l { border-color: rgba(var(--rgb-facebook-font-l), var(--bs-border-opacity)) !important; }
.border-facebook-font-d { border-color: rgba(var(--rgb-facebook-font-d), var(--bs-border-opacity)) !important; }
.border-facebook-10 { border-color: rgba(var(--rgb-facebook),.1) !important; }
.border-facebook-20 { border-color: rgba(var(--rgb-facebook),.2) !important; }
.border-facebook-30 { border-color: rgba(var(--rgb-facebook),.3) !important; }
.border-facebook-40 { border-color: rgba(var(--rgb-facebook),.4) !important; }
.border-facebook-50 { border-color: rgba(var(--rgb-facebook),.5) !important; }
.border-facebook-60 { border-color: rgba(var(--rgb-facebook),.6) !important; }
.border-facebook-70 { border-color: rgba(var(--rgb-facebook),.7) !important; }
.border-facebook-80 { border-color: rgba(var(--rgb-facebook),.8) !important; }
.border-facebook-90 { border-color: rgba(var(--rgb-facebook),.9) !important; }

.border-facebook-gradient-d { border-image: var(--facebook-gradient-d) !important; }
.border-facebook-gradient-d-inverse { border-image: var(--facebook-gradient-d-inverse) !important; }
.border-facebook-gradient { border-image: var(--facebook-gradient) !important; }
.border-facebook-gradient-h { border-image: var(--facebook-gradient-h) !important; }
.border-facebook-gradient-h-inverse { border-image: var(--facebook-gradient-h-inverse) !important; }
.border-facebook-gradient-v { border-image: var(--facebook-gradient-v) !important; }
.border-facebook-gradient-v-inverse { border-image: var(--facebook-gradient-v-inverse) !important; }

/* Border Colors : Flickr Colors */
.border-flickr { border-color: rgba(var(--rgb-flickr), var(--bs-border-opacity)) !important; }
.border-flickr-l1 { border-color: rgba(var(--rgb-flickr-l1), var(--bs-border-opacity)) !important; }
.border-flickr-l2 { border-color: rgba(var(--rgb-flickr-l2), var(--bs-border-opacity)) !important; }
.border-flickr-l3 { border-color: rgba(var(--rgb-flickr-l3), var(--bs-border-opacity)) !important; }
.border-flickr-d1 { border-color: rgba(var(--rgb-flickr-d1), var(--bs-border-opacity)) !important; }
.border-flickr-d2 { border-color: rgba(var(--rgb-flickr-d2), var(--bs-border-opacity)) !important; }
.border-flickr-d3 { border-color: rgba(var(--rgb-flickr-d3), var(--bs-border-opacity)) !important; }
.border-flickr-font { border-color: rgba(var(--rgb-flickr-font), var(--bs-border-opacity)) !important; }
.border-flickr-font-l { border-color: rgba(var(--rgb-flickr-font-l), var(--bs-border-opacity)) !important; }
.border-flickr-font-d { border-color: rgba(var(--rgb-flickr-font-d), var(--bs-border-opacity)) !important; }
.border-flickr-10 { border-color: rgba(var(--rgb-flickr),.1) !important; }
.border-flickr-20 { border-color: rgba(var(--rgb-flickr),.2) !important; }
.border-flickr-30 { border-color: rgba(var(--rgb-flickr),.3) !important; }
.border-flickr-40 { border-color: rgba(var(--rgb-flickr),.4) !important; }
.border-flickr-50 { border-color: rgba(var(--rgb-flickr),.5) !important; }
.border-flickr-60 { border-color: rgba(var(--rgb-flickr),.6) !important; }
.border-flickr-70 { border-color: rgba(var(--rgb-flickr),.7) !important; }
.border-flickr-80 { border-color: rgba(var(--rgb-flickr),.8) !important; }
.border-flickr-90 { border-color: rgba(var(--rgb-flickr),.9) !important; }

.border-flickr-gradient-d { border-image: var(--flickr-gradient-d) !important; }
.border-flickr-gradient-d-inverse { border-image: var(--flickr-gradient-d-inverse) !important; }
.border-flickr-gradient { border-image: var(--flickr-gradient) !important; }
.border-flickr-gradient-h { border-image: var(--flickr-gradient-h) !important; }
.border-flickr-gradient-h-inverse { border-image: var(--flickr-gradient-h-inverse) !important; }
.border-flickr-gradient-v { border-image: var(--flickr-gradient-v) !important; }
.border-flickr-gradient-v-inverse { border-image: var(--flickr-gradient-v-inverse) !important; }

/* Border Colors : foursquare Colors */
.border-foursquare { border-color: rgba(var(--rgb-foursquare), var(--bs-border-opacity)) !important; }
.border-foursquare-l1 { border-color: rgba(var(--rgb-foursquare-l1), var(--bs-border-opacity)) !important; }
.border-foursquare-l2 { border-color: rgba(var(--rgb-foursquare-l2), var(--bs-border-opacity)) !important; }
.border-foursquare-l3 { border-color: rgba(var(--rgb-foursquare-l3), var(--bs-border-opacity)) !important; }
.border-foursquare-d1 { border-color: rgba(var(--rgb-foursquare-d1), var(--bs-border-opacity)) !important; }
.border-foursquare-d2 { border-color: rgba(var(--rgb-foursquare-d2), var(--bs-border-opacity)) !important; }
.border-foursquare-d3 { border-color: rgba(var(--rgb-foursquare-d3), var(--bs-border-opacity)) !important; }
.border-foursquare-font { border-color: rgba(var(--rgb-foursquare-font), var(--bs-border-opacity)) !important; }
.border-foursquare-font-l { border-color: rgba(var(--rgb-foursquare-font-l), var(--bs-border-opacity)) !important; }
.border-foursquare-font-d { border-color: rgba(var(--rgb-foursquare-font-d), var(--bs-border-opacity)) !important; }
.border-foursquare-10 { border-color: rgba(var(--rgb-foursquare),.1) !important; }
.border-foursquare-20 { border-color: rgba(var(--rgb-foursquare),.2) !important; }
.border-foursquare-30 { border-color: rgba(var(--rgb-foursquare),.3) !important; }
.border-foursquare-40 { border-color: rgba(var(--rgb-foursquare),.4) !important; }
.border-foursquare-50 { border-color: rgba(var(--rgb-foursquare),.5) !important; }
.border-foursquare-60 { border-color: rgba(var(--rgb-foursquare),.6) !important; }
.border-foursquare-70 { border-color: rgba(var(--rgb-foursquare),.7) !important; }
.border-foursquare-80 { border-color: rgba(var(--rgb-foursquare),.8) !important; }
.border-foursquare-90 { border-color: rgba(var(--rgb-foursquare),.9) !important; }

.border-foursquare-gradient-d { border-image: var(--foursquare-gradient-d) !important; }
.border-foursquare-gradient-d-inverse { border-image: var(--foursquare-gradient-d-inverse) !important; }
.border-foursquare-gradient { border-image: var(--foursquare-gradient) !important; }
.border-foursquare-gradient-h { border-image: var(--foursquare-gradient-h) !important; }
.border-foursquare-gradient-h-inverse { border-image: var(--foursquare-gradient-h-inverse) !important; }
.border-foursquare-gradient-v { border-image: var(--foursquare-gradient-v) !important; }
.border-foursquare-gradient-v-inverse { border-image: var(--foursquare-gradient-v-inverse) !important; }

/* Border Colors : gitlab Colors */
.border-gitlab { border-color: rgba(var(--rgb-gitlab), var(--bs-border-opacity)) !important; }
.border-gitlab-l1 { border-color: rgba(var(--rgb-gitlab-l1), var(--bs-border-opacity)) !important; }
.border-gitlab-l2 { border-color: rgba(var(--rgb-gitlab-l2), var(--bs-border-opacity)) !important; }
.border-gitlab-l3 { border-color: rgba(var(--rgb-gitlab-l3), var(--bs-border-opacity)) !important; }
.border-gitlab-d1 { border-color: rgba(var(--rgb-gitlab-d1), var(--bs-border-opacity)) !important; }
.border-gitlab-d2 { border-color: rgba(var(--rgb-gitlab-d2), var(--bs-border-opacity)) !important; }
.border-gitlab-d3 { border-color: rgba(var(--rgb-gitlab-d3), var(--bs-border-opacity)) !important; }
.border-gitlab-font { border-color: rgba(var(--rgb-gitlab-font), var(--bs-border-opacity)) !important; }
.border-gitlab-font-l { border-color: rgba(var(--rgb-gitlab-font-l), var(--bs-border-opacity)) !important; }
.border-gitlab-font-d { border-color: rgba(var(--rgb-gitlab-font-d), var(--bs-border-opacity)) !important; }
.border-gitlab-10 { border-color: rgba(var(--rgb-gitlab),.1) !important; }
.border-gitlab-20 { border-color: rgba(var(--rgb-gitlab),.2) !important; }
.border-gitlab-30 { border-color: rgba(var(--rgb-gitlab),.3) !important; }
.border-gitlab-40 { border-color: rgba(var(--rgb-gitlab),.4) !important; }
.border-gitlab-50 { border-color: rgba(var(--rgb-gitlab),.5) !important; }
.border-gitlab-60 { border-color: rgba(var(--rgb-gitlab),.6) !important; }
.border-gitlab-70 { border-color: rgba(var(--rgb-gitlab),.7) !important; }
.border-gitlab-80 { border-color: rgba(var(--rgb-gitlab),.8) !important; }
.border-gitlab-90 { border-color: rgba(var(--rgb-gitlab),.9) !important; }

.border-gitlab-gradient-d { border-image: var(--gitlab-gradient-d) !important; }
.border-gitlab-gradient-d-inverse { border-image: var(--gitlab-gradient-d-inverse) !important; }
.border-gitlab-gradient { border-image: var(--gitlab-gradient) !important; }
.border-gitlab-gradient-h { border-image: var(--gitlab-gradient-h) !important; }
.border-gitlab-gradient-h-inverse { border-image: var(--gitlab-gradient-h-inverse) !important; }
.border-gitlab-gradient-v { border-image: var(--gitlab-gradient-v) !important; }
.border-gitlab-gradient-v-inverse { border-image: var(--gitlab-gradient-v-inverse) !important; }

/* Border Colors : github Colors */
.border-github { border-color: rgba(var(--rgb-github), var(--bs-border-opacity)) !important; }
.border-github-l1 { border-color: rgba(var(--rgb-github-l1), var(--bs-border-opacity)) !important; }
.border-github-l2 { border-color: rgba(var(--rgb-github-l2), var(--bs-border-opacity)) !important; }
.border-github-l3 { border-color: rgba(var(--rgb-github-l3), var(--bs-border-opacity)) !important; }
.border-github-d1 { border-color: rgba(var(--rgb-github-d1), var(--bs-border-opacity)) !important; }
.border-github-d2 { border-color: rgba(var(--rgb-github-d2), var(--bs-border-opacity)) !important; }
.border-github-d3 { border-color: rgba(var(--rgb-github-d3), var(--bs-border-opacity)) !important; }
.border-github-font { border-color: rgba(var(--rgb-github-font), var(--bs-border-opacity)) !important; }
.border-github-font-l { border-color: rgba(var(--rgb-github-font-l), var(--bs-border-opacity)) !important; }
.border-github-font-d { border-color: rgba(var(--rgb-github-font-d), var(--bs-border-opacity)) !important; }
.border-github-10 { border-color: rgba(var(--rgb-github),.1) !important; }
.border-github-20 { border-color: rgba(var(--rgb-github),.2) !important; }
.border-github-30 { border-color: rgba(var(--rgb-github),.3) !important; }
.border-github-40 { border-color: rgba(var(--rgb-github),.4) !important; }
.border-github-50 { border-color: rgba(var(--rgb-github),.5) !important; }
.border-github-60 { border-color: rgba(var(--rgb-github),.6) !important; }
.border-github-70 { border-color: rgba(var(--rgb-github),.7) !important; }
.border-github-80 { border-color: rgba(var(--rgb-github),.8) !important; }
.border-github-90 { border-color: rgba(var(--rgb-github),.9) !important; }

.border-github-gradient-d { border-image: var(--github-gradient-d) !important; }
.border-github-gradient-d-inverse { border-image: var(--github-gradient-d-inverse) !important; }
.border-github-gradient { border-image: var(--github-gradient) !important; }
.border-github-gradient-h { border-image: var(--github-gradient-h) !important; }
.border-github-gradient-h-inverse { border-image: var(--github-gradient-h-inverse) !important; }
.border-github-gradient-v { border-image: var(--github-gradient-v) !important; }
.border-github-gradient-v-inverse { border-image: var(--github-gradient-v-inverse) !important; }

/* Border Colors : Google Plus Colors */
.border-google { border-color: rgba(var(--rgb-google), var(--bs-border-opacity)) !important; }
.border-google-l1 { border-color: rgba(var(--rgb-google-l1), var(--bs-border-opacity)) !important; }
.border-google-l2 { border-color: rgba(var(--rgb-google-l2), var(--bs-border-opacity)) !important; }
.border-google-l3 { border-color: rgba(var(--rgb-google-l3), var(--bs-border-opacity)) !important; }
.border-google-d1 { border-color: rgba(var(--rgb-google-d1), var(--bs-border-opacity)) !important; }
.border-google-d2 { border-color: rgba(var(--rgb-google-d2), var(--bs-border-opacity)) !important; }
.border-google-d3 { border-color: rgba(var(--rgb-google-d3), var(--bs-border-opacity)) !important; }
.border-google-font { border-color: rgba(var(--rgb-google-font), var(--bs-border-opacity)) !important; }
.border-google-font-l { border-color: rgba(var(--rgb-google-font-l), var(--bs-border-opacity)) !important; }
.border-google-font-d { border-color: rgba(var(--rgb-google-font-d), var(--bs-border-opacity)) !important; }
.border-google-10 { border-color: rgba(var(--rgb-google),.1) !important; }
.border-google-20 { border-color: rgba(var(--rgb-google),.2) !important; }
.border-google-30 { border-color: rgba(var(--rgb-google),.3) !important; }
.border-google-40 { border-color: rgba(var(--rgb-google),.4) !important; }
.border-google-50 { border-color: rgba(var(--rgb-google),.5) !important; }
.border-google-60 { border-color: rgba(var(--rgb-google),.6) !important; }
.border-google-70 { border-color: rgba(var(--rgb-google),.7) !important; }
.border-google-80 { border-color: rgba(var(--rgb-google),.8) !important; }
.border-google-90 { border-color: rgba(var(--rgb-google),.9) !important; }

.border-google-gradient-d { border-image: var(--google-gradient-d) !important; }
.border-google-gradient-d-inverse { border-image: var(--google-gradient-d-inverse) !important; }
.border-google-gradient { border-image: var(--google-gradient) !important; }
.border-google-gradient-h { border-image: var(--google-gradient-h) !important; }
.border-google-gradient-h-inverse { border-image: var(--google-gradient-h-inverse) !important; }
.border-google-gradient-v { border-image: var(--google-gradient-v) !important; }
.border-google-gradient-v-inverse { border-image: var(--google-gradient-v-inverse) !important; }

/* Border Colors : Instagram Colors */
.border-instagram { border-color: rgba(var(--rgb-instagram), var(--bs-border-opacity)) !important; }
.border-instagram-l1 { border-color: rgba(var(--rgb-instagram-l1), var(--bs-border-opacity)) !important; }
.border-instagram-l2 { border-color: rgba(var(--rgb-instagram-l2), var(--bs-border-opacity)) !important; }
.border-instagram-l3 { border-color: rgba(var(--rgb-instagram-l3), var(--bs-border-opacity)) !important; }
.border-instagram-d1 { border-color: rgba(var(--rgb-instagram-d1), var(--bs-border-opacity)) !important; }
.border-instagram-d2 { border-color: rgba(var(--rgb-instagram-d2), var(--bs-border-opacity)) !important; }
.border-instagram-d3 { border-color: rgba(var(--rgb-instagram-d3), var(--bs-border-opacity)) !important; }
.border-instagram-font { border-color: rgba(var(--rgb-instagram-font), var(--bs-border-opacity)) !important; }
.border-instagram-font-l { border-color: rgba(var(--rgb-instagram-font-l), var(--bs-border-opacity)) !important; }
.border-instagram-font-d { border-color: rgba(var(--rgb-instagram-font-d), var(--bs-border-opacity)) !important; }
.border-instagram-10 { border-color: rgba(var(--rgb-instagram),.1) !important; }
.border-instagram-20 { border-color: rgba(var(--rgb-instagram),.2) !important; }
.border-instagram-30 { border-color: rgba(var(--rgb-instagram),.3) !important; }
.border-instagram-40 { border-color: rgba(var(--rgb-instagram),.4) !important; }
.border-instagram-50 { border-color: rgba(var(--rgb-instagram),.5) !important; }
.border-instagram-60 { border-color: rgba(var(--rgb-instagram),.6) !important; }
.border-instagram-70 { border-color: rgba(var(--rgb-instagram),.7) !important; }
.border-instagram-80 { border-color: rgba(var(--rgb-instagram),.8) !important; }
.border-instagram-90 { border-color: rgba(var(--rgb-instagram),.9) !important; }

.border-instagram-gradient-d { border-image: var(--instagram-gradient-d) !important; }
.border-instagram-gradient-d-inverse { border-image: var(--instagram-gradient-d-inverse) !important; }
.border-instagram-gradient { border-image: var(--instagram-gradient) !important; }
.border-instagram-gradient-h { border-image: var(--instagram-gradient-h) !important; }
.border-instagram-gradient-h-inverse { border-image: var(--instagram-gradient-h-inverse) !important; }
.border-instagram-gradient-v { border-image: var(--instagram-gradient-v) !important; }
.border-instagram-gradient-v-inverse { border-image: var(--instagram-gradient-v-inverse) !important; }

/* Border Colors : kickstarter Colors */
.border-kickstarter { border-color: rgba(var(--rgb-kickstarter), var(--bs-border-opacity)) !important; }
.border-kickstarter-l1 { border-color: rgba(var(--rgb-kickstarter-l1), var(--bs-border-opacity)) !important; }
.border-kickstarter-l2 { border-color: rgba(var(--rgb-kickstarter-l2), var(--bs-border-opacity)) !important; }
.border-kickstarter-l3 { border-color: rgba(var(--rgb-kickstarter-l3), var(--bs-border-opacity)) !important; }
.border-kickstarter-d1 { border-color: rgba(var(--rgb-kickstarter-d1), var(--bs-border-opacity)) !important; }
.border-kickstarter-d2 { border-color: rgba(var(--rgb-kickstarter-d2), var(--bs-border-opacity)) !important; }
.border-kickstarter-d3 { border-color: rgba(var(--rgb-kickstarter-d3), var(--bs-border-opacity)) !important; }
.border-kickstarter-font { border-color: rgba(var(--rgb-kickstarter-font), var(--bs-border-opacity)) !important; }
.border-kickstarter-font-l { border-color: rgba(var(--rgb-kickstarter-font-l), var(--bs-border-opacity)) !important; }
.border-kickstarter-font-d { border-color: rgba(var(--rgb-kickstarter-font-d), var(--bs-border-opacity)) !important; }
.border-kickstarter-10 { border-color: rgba(var(--rgb-kickstarter),.1) !important; }
.border-kickstarter-20 { border-color: rgba(var(--rgb-kickstarter),.2) !important; }
.border-kickstarter-30 { border-color: rgba(var(--rgb-kickstarter),.3) !important; }
.border-kickstarter-40 { border-color: rgba(var(--rgb-kickstarter),.4) !important; }
.border-kickstarter-50 { border-color: rgba(var(--rgb-kickstarter),.5) !important; }
.border-kickstarter-60 { border-color: rgba(var(--rgb-kickstarter),.6) !important; }
.border-kickstarter-70 { border-color: rgba(var(--rgb-kickstarter),.7) !important; }
.border-kickstarter-80 { border-color: rgba(var(--rgb-kickstarter),.8) !important; }
.border-kickstarter-90 { border-color: rgba(var(--rgb-kickstarter),.9) !important; }

.border-kickstarter-gradient-d { border-image: var(--kickstarter-gradient-d) !important; }
.border-kickstarter-gradient-d-inverse { border-image: var(--kickstarter-gradient-d-inverse) !important; }
.border-kickstarter-gradient { border-image: var(--kickstarter-gradient) !important; }
.border-kickstarter-gradient-h { border-image: var(--kickstarter-gradient-h) !important; }
.border-kickstarter-gradient-h-inverse { border-image: var(--kickstarter-gradient-h-inverse) !important; }
.border-kickstarter-gradient-v { border-image: var(--kickstarter-gradient-v) !important; }
.border-kickstarter-gradient-v-inverse { border-image: var(--kickstarter-gradient-v-inverse) !important; }

/* Border Colors : LinkedIn Colors */
.border-linkedin { border-color: rgba(var(--rgb-linkedin), var(--bs-border-opacity)) !important; }
.border-linkedin-l1 { border-color: rgba(var(--rgb-linkedin-l1), var(--bs-border-opacity)) !important; }
.border-linkedin-l2 { border-color: rgba(var(--rgb-linkedin-l2), var(--bs-border-opacity)) !important; }
.border-linkedin-l3 { border-color: rgba(var(--rgb-linkedin-l3), var(--bs-border-opacity)) !important; }
.border-linkedin-d1 { border-color: rgba(var(--rgb-linkedin-d1), var(--bs-border-opacity)) !important; }
.border-linkedin-d2 { border-color: rgba(var(--rgb-linkedin-d2), var(--bs-border-opacity)) !important; }
.border-linkedin-d3 { border-color: rgba(var(--rgb-linkedin-d3), var(--bs-border-opacity)) !important; }
.border-linkedin-font { border-color: rgba(var(--rgb-linkedin-font), var(--bs-border-opacity)) !important; }
.border-linkedin-font-l { border-color: rgba(var(--rgb-linkedin-font-l), var(--bs-border-opacity)) !important; }
.border-linkedin-font-d { border-color: rgba(var(--rgb-linkedin-font-d), var(--bs-border-opacity)) !important; }
.border-linkedin-10 { border-color: rgba(var(--rgb-linkedin),.1) !important; }
.border-linkedin-20 { border-color: rgba(var(--rgb-linkedin),.2) !important; }
.border-linkedin-30 { border-color: rgba(var(--rgb-linkedin),.3) !important; }
.border-linkedin-40 { border-color: rgba(var(--rgb-linkedin),.4) !important; }
.border-linkedin-50 { border-color: rgba(var(--rgb-linkedin),.5) !important; }
.border-linkedin-60 { border-color: rgba(var(--rgb-linkedin),.6) !important; }
.border-linkedin-70 { border-color: rgba(var(--rgb-linkedin),.7) !important; }
.border-linkedin-80 { border-color: rgba(var(--rgb-linkedin),.8) !important; }
.border-linkedin-90 { border-color: rgba(var(--rgb-linkedin),.9) !important; }

.border-linkedin-gradient-d { border-image: var(--linkedin-gradient-d) !important; }
.border-linkedin-gradient-d-inverse { border-image: var(--linkedin-gradient-d-inverse) !important; }
.border-linkedin-gradient { border-image: var(--linkedin-gradient) !important; }
.border-linkedin-gradient-h { border-image: var(--linkedin-gradient-h) !important; }
.border-linkedin-gradient-h-inverse { border-image: var(--linkedin-gradient-h-inverse) !important; }
.border-linkedin-gradient-v { border-image: var(--linkedin-gradient-v) !important; }
.border-linkedin-gradient-v-inverse { border-image: var(--linkedin-gradient-v-inverse) !important; }

/* Border Colors : medium Colors */
.border-medium { border-color: rgba(var(--rgb-medium), var(--bs-border-opacity)) !important; }
.border-medium-l1 { border-color: rgba(var(--rgb-medium-l1), var(--bs-border-opacity)) !important; }
.border-medium-l2 { border-color: rgba(var(--rgb-medium-l2), var(--bs-border-opacity)) !important; }
.border-medium-l3 { border-color: rgba(var(--rgb-medium-l3), var(--bs-border-opacity)) !important; }
.border-medium-d1 { border-color: rgba(var(--rgb-medium-d1), var(--bs-border-opacity)) !important; }
.border-medium-d2 { border-color: rgba(var(--rgb-medium-d2), var(--bs-border-opacity)) !important; }
.border-medium-d3 { border-color: rgba(var(--rgb-medium-d3), var(--bs-border-opacity)) !important; }
.border-medium-font { border-color: rgba(var(--rgb-medium-font), var(--bs-border-opacity)) !important; }
.border-medium-font-l { border-color: rgba(var(--rgb-medium-font-l), var(--bs-border-opacity)) !important; }
.border-medium-font-d { border-color: rgba(var(--rgb-medium-font-d), var(--bs-border-opacity)) !important; }
.border-medium-10 { border-color: rgba(var(--rgb-medium),.1) !important; }
.border-medium-20 { border-color: rgba(var(--rgb-medium),.2) !important; }
.border-medium-30 { border-color: rgba(var(--rgb-medium),.3) !important; }
.border-medium-40 { border-color: rgba(var(--rgb-medium),.4) !important; }
.border-medium-50 { border-color: rgba(var(--rgb-medium),.5) !important; }
.border-medium-60 { border-color: rgba(var(--rgb-medium),.6) !important; }
.border-medium-70 { border-color: rgba(var(--rgb-medium),.7) !important; }
.border-medium-80 { border-color: rgba(var(--rgb-medium),.8) !important; }
.border-medium-90 { border-color: rgba(var(--rgb-medium),.9) !important; }

.border-medium-gradient-d { border-image: var(--medium-gradient-d) !important; }
.border-medium-gradient-d-inverse { border-image: var(--medium-gradient-d-inverse) !important; }
.border-medium-gradient { border-image: var(--medium-gradient) !important; }
.border-medium-gradient-h { border-image: var(--medium-gradient-h) !important; }
.border-medium-gradient-h-inverse { border-image: var(--medium-gradient-h-inverse) !important; }
.border-medium-gradient-v { border-image: var(--medium-gradient-v) !important; }
.border-medium-gradient-v-inverse { border-image: var(--medium-gradient-v-inverse) !important; }

/* Border Colors : messenger Colors */
.border-messenger { border-color: rgba(var(--rgb-messenger), var(--bs-border-opacity)) !important; }
.border-messenger-l1 { border-color: rgba(var(--rgb-messenger-l1), var(--bs-border-opacity)) !important; }
.border-messenger-l2 { border-color: rgba(var(--rgb-messenger-l2), var(--bs-border-opacity)) !important; }
.border-messenger-l3 { border-color: rgba(var(--rgb-messenger-l3), var(--bs-border-opacity)) !important; }
.border-messenger-d1 { border-color: rgba(var(--rgb-messenger-d1), var(--bs-border-opacity)) !important; }
.border-messenger-d2 { border-color: rgba(var(--rgb-messenger-d2), var(--bs-border-opacity)) !important; }
.border-messenger-d3 { border-color: rgba(var(--rgb-messenger-d3), var(--bs-border-opacity)) !important; }
.border-messenger-font { border-color: rgba(var(--rgb-messenger-font), var(--bs-border-opacity)) !important; }
.border-messenger-font-l { border-color: rgba(var(--rgb-messenger-font-l), var(--bs-border-opacity)) !important; }
.border-messenger-font-d { border-color: rgba(var(--rgb-messenger-font-d), var(--bs-border-opacity)) !important; }
.border-messenger-10 { border-color: rgba(var(--rgb-messenger),.1) !important; }
.border-messenger-20 { border-color: rgba(var(--rgb-messenger),.2) !important; }
.border-messenger-30 { border-color: rgba(var(--rgb-messenger),.3) !important; }
.border-messenger-40 { border-color: rgba(var(--rgb-messenger),.4) !important; }
.border-messenger-50 { border-color: rgba(var(--rgb-messenger),.5) !important; }
.border-messenger-60 { border-color: rgba(var(--rgb-messenger),.6) !important; }
.border-messenger-70 { border-color: rgba(var(--rgb-messenger),.7) !important; }
.border-messenger-80 { border-color: rgba(var(--rgb-messenger),.8) !important; }
.border-messenger-90 { border-color: rgba(var(--rgb-messenger),.9) !important; }

.border-messenger-gradient-d { border-image: var(--messenger-gradient-d) !important; }
.border-messenger-gradient-d-inverse { border-image: var(--messenger-gradient-d-inverse) !important; }
.border-messenger-gradient { border-image: var(--messenger-gradient) !important; }
.border-messenger-gradient-h { border-image: var(--messenger-gradient-h) !important; }
.border-messenger-gradient-h-inverse { border-image: var(--messenger-gradient-h-inverse) !important; }
.border-messenger-gradient-v { border-image: var(--messenger-gradient-v) !important; }
.border-messenger-gradient-v-inverse { border-image: var(--messenger-gradient-v-inverse) !important; }

/* Border Colors : ok Colors */
.border-ok { border-color: rgba(var(--rgb-ok), var(--bs-border-opacity)) !important; }
.border-ok-l1 { border-color: rgba(var(--rgb-ok-l1), var(--bs-border-opacity)) !important; }
.border-ok-l2 { border-color: rgba(var(--rgb-ok-l2), var(--bs-border-opacity)) !important; }
.border-ok-l3 { border-color: rgba(var(--rgb-ok-l3), var(--bs-border-opacity)) !important; }
.border-ok-d1 { border-color: rgba(var(--rgb-ok-d1), var(--bs-border-opacity)) !important; }
.border-ok-d2 { border-color: rgba(var(--rgb-ok-d2), var(--bs-border-opacity)) !important; }
.border-ok-d3 { border-color: rgba(var(--rgb-ok-d3), var(--bs-border-opacity)) !important; }
.border-ok-font { border-color: rgba(var(--rgb-ok-font), var(--bs-border-opacity)) !important; }
.border-ok-font-l { border-color: rgba(var(--rgb-ok-font-l), var(--bs-border-opacity)) !important; }
.border-ok-font-d { border-color: rgba(var(--rgb-ok-font-d), var(--bs-border-opacity)) !important; }
.border-ok-10 { border-color: rgba(var(--rgb-ok),.1) !important; }
.border-ok-20 { border-color: rgba(var(--rgb-ok),.2) !important; }
.border-ok-30 { border-color: rgba(var(--rgb-ok),.3) !important; }
.border-ok-40 { border-color: rgba(var(--rgb-ok),.4) !important; }
.border-ok-50 { border-color: rgba(var(--rgb-ok),.5) !important; }
.border-ok-60 { border-color: rgba(var(--rgb-ok),.6) !important; }
.border-ok-70 { border-color: rgba(var(--rgb-ok),.7) !important; }
.border-ok-80 { border-color: rgba(var(--rgb-ok),.8) !important; }
.border-ok-90 { border-color: rgba(var(--rgb-ok),.9) !important; }

.border-ok-gradient-d { border-image: var(--ok-gradient-d) !important; }
.border-ok-gradient-d-inverse { border-image: var(--ok-gradient-d-inverse) !important; }
.border-ok-gradient { border-image: var(--ok-gradient) !important; }
.border-ok-gradient-h { border-image: var(--ok-gradient-h) !important; }
.border-ok-gradient-h-inverse { border-image: var(--ok-gradient-h-inverse) !important; }
.border-ok-gradient-v { border-image: var(--ok-gradient-v) !important; }
.border-ok-gradient-v-inverse { border-image: var(--ok-gradient-v-inverse) !important; }

/* Border Colors : patreon Colors */
.border-patreon { border-color: rgba(var(--rgb-patreon), var(--bs-border-opacity)) !important; }
.border-patreon-l1 { border-color: rgba(var(--rgb-patreon-l1), var(--bs-border-opacity)) !important; }
.border-patreon-l2 { border-color: rgba(var(--rgb-patreon-l2), var(--bs-border-opacity)) !important; }
.border-patreon-l3 { border-color: rgba(var(--rgb-patreon-l3), var(--bs-border-opacity)) !important; }
.border-patreon-d1 { border-color: rgba(var(--rgb-patreon-d1), var(--bs-border-opacity)) !important; }
.border-patreon-d2 { border-color: rgba(var(--rgb-patreon-d2), var(--bs-border-opacity)) !important; }
.border-patreon-d3 { border-color: rgba(var(--rgb-patreon-d3), var(--bs-border-opacity)) !important; }
.border-patreon-font { border-color: rgba(var(--rgb-patreon-font), var(--bs-border-opacity)) !important; }
.border-patreon-font-l { border-color: rgba(var(--rgb-patreon-font-l), var(--bs-border-opacity)) !important; }
.border-patreon-font-d { border-color: rgba(var(--rgb-patreon-font-d), var(--bs-border-opacity)) !important; }
.border-patreon-10 { border-color: rgba(var(--rgb-patreon),.1) !important; }
.border-patreon-20 { border-color: rgba(var(--rgb-patreon),.2) !important; }
.border-patreon-30 { border-color: rgba(var(--rgb-patreon),.3) !important; }
.border-patreon-40 { border-color: rgba(var(--rgb-patreon),.4) !important; }
.border-patreon-50 { border-color: rgba(var(--rgb-patreon),.5) !important; }
.border-patreon-60 { border-color: rgba(var(--rgb-patreon),.6) !important; }
.border-patreon-70 { border-color: rgba(var(--rgb-patreon),.7) !important; }
.border-patreon-80 { border-color: rgba(var(--rgb-patreon),.8) !important; }
.border-patreon-90 { border-color: rgba(var(--rgb-patreon),.9) !important; }

.border-patreon-gradient-d { border-image: var(--patreon-gradient-d) !important; }
.border-patreon-gradient-d-inverse { border-image: var(--patreon-gradient-d-inverse) !important; }
.border-patreon-gradient { border-image: var(--patreon-gradient) !important; }
.border-patreon-gradient-h { border-image: var(--patreon-gradient-h) !important; }
.border-patreon-gradient-h-inverse { border-image: var(--patreon-gradient-h-inverse) !important; }
.border-patreon-gradient-v { border-image: var(--patreon-gradient-v) !important; }
.border-patreon-gradient-v-inverse { border-image: var(--patreon-gradient-v-inverse) !important; }

/* Border Colors : Pinterest Colors */
.border-pinterest { border-color: rgba(var(--rgb-pinterest), var(--bs-border-opacity)) !important; }
.border-pinterest-l1 { border-color: rgba(var(--rgb-pinterest-l1), var(--bs-border-opacity)) !important; }
.border-pinterest-l2 { border-color: rgba(var(--rgb-pinterest-l2), var(--bs-border-opacity)) !important; }
.border-pinterest-l3 { border-color: rgba(var(--rgb-pinterest-l3), var(--bs-border-opacity)) !important; }
.border-pinterest-d1 { border-color: rgba(var(--rgb-pinterest-d1), var(--bs-border-opacity)) !important; }
.border-pinterest-d2 { border-color: rgba(var(--rgb-pinterest-d2), var(--bs-border-opacity)) !important; }
.border-pinterest-d3 { border-color: rgba(var(--rgb-pinterest-d3), var(--bs-border-opacity)) !important; }
.border-pinterest-font { border-color: rgba(var(--rgb-pinterest-font), var(--bs-border-opacity)) !important; }
.border-pinterest-font-l { border-color: rgba(var(--rgb-pinterest-font-l), var(--bs-border-opacity)) !important; }
.border-pinterest-font-d { border-color: rgba(var(--rgb-pinterest-font-d), var(--bs-border-opacity)) !important; }
.border-pinterest-10 { border-color: rgba(var(--rgb-pinterest),.1) !important; }
.border-pinterest-20 { border-color: rgba(var(--rgb-pinterest),.2) !important; }
.border-pinterest-30 { border-color: rgba(var(--rgb-pinterest),.3) !important; }
.border-pinterest-40 { border-color: rgba(var(--rgb-pinterest),.4) !important; }
.border-pinterest-50 { border-color: rgba(var(--rgb-pinterest),.5) !important; }
.border-pinterest-60 { border-color: rgba(var(--rgb-pinterest),.6) !important; }
.border-pinterest-70 { border-color: rgba(var(--rgb-pinterest),.7) !important; }
.border-pinterest-80 { border-color: rgba(var(--rgb-pinterest),.8) !important; }
.border-pinterest-90 { border-color: rgba(var(--rgb-pinterest),.9) !important; }

.border-pinterest-gradient-d { border-image: var(--pinterest-gradient-d) !important; }
.border-pinterest-gradient-d-inverse { border-image: var(--pinterest-gradient-d-inverse) !important; }
.border-pinterest-gradient { border-image: var(--pinterest-gradient) !important; }
.border-pinterest-gradient-h { border-image: var(--pinterest-gradient-h) !important; }
.border-pinterest-gradient-h-inverse { border-image: var(--pinterest-gradient-h-inverse) !important; }
.border-pinterest-gradient-v { border-image: var(--pinterest-gradient-v) !important; }
.border-pinterest-gradient-v-inverse { border-image: var(--pinterest-gradient-v-inverse) !important; }

/* Border Colors : product Colors */
.border-product { border-color: rgba(var(--rgb-product), var(--bs-border-opacity)) !important; }
.border-product-l1 { border-color: rgba(var(--rgb-product-l1), var(--bs-border-opacity)) !important; }
.border-product-l2 { border-color: rgba(var(--rgb-product-l2), var(--bs-border-opacity)) !important; }
.border-product-l3 { border-color: rgba(var(--rgb-product-l3), var(--bs-border-opacity)) !important; }
.border-product-d1 { border-color: rgba(var(--rgb-product-d1), var(--bs-border-opacity)) !important; }
.border-product-d2 { border-color: rgba(var(--rgb-product-d2), var(--bs-border-opacity)) !important; }
.border-product-d3 { border-color: rgba(var(--rgb-product-d3), var(--bs-border-opacity)) !important; }
.border-product-font { border-color: rgba(var(--rgb-product-font), var(--bs-border-opacity)) !important; }
.border-product-font-l { border-color: rgba(var(--rgb-product-font-l), var(--bs-border-opacity)) !important; }
.border-product-font-d { border-color: rgba(var(--rgb-product-font-d), var(--bs-border-opacity)) !important; }
.border-product-10 { border-color: rgba(var(--rgb-product),.1) !important; }
.border-product-20 { border-color: rgba(var(--rgb-product),.2) !important; }
.border-product-30 { border-color: rgba(var(--rgb-product),.3) !important; }
.border-product-40 { border-color: rgba(var(--rgb-product),.4) !important; }
.border-product-50 { border-color: rgba(var(--rgb-product),.5) !important; }
.border-product-60 { border-color: rgba(var(--rgb-product),.6) !important; }
.border-product-70 { border-color: rgba(var(--rgb-product),.7) !important; }
.border-product-80 { border-color: rgba(var(--rgb-product),.8) !important; }
.border-product-90 { border-color: rgba(var(--rgb-product),.9) !important; }

.border-product-gradient-d { border-image: var(--product-gradient-d) !important; }
.border-product-gradient-d-inverse { border-image: var(--product-gradient-d-inverse) !important; }
.border-product-gradient { border-image: var(--product-gradient) !important; }
.border-product-gradient-h { border-image: var(--product-gradient-h) !important; }
.border-product-gradient-h-inverse { border-image: var(--product-gradient-h-inverse) !important; }
.border-product-gradient-v { border-image: var(--product-gradient-v) !important; }
.border-product-gradient-v-inverse { border-image: var(--product-gradient-v-inverse) !important; }

/* Border Colors : QQ Colors */
.border-qq { border-color: rgba(var(--rgb-qq), var(--bs-border-opacity)) !important; }
.border-qq-l1 { border-color: rgba(var(--rgb-qq-l1), var(--bs-border-opacity)) !important; }
.border-qq-l2 { border-color: rgba(var(--rgb-qq-l2), var(--bs-border-opacity)) !important; }
.border-qq-l3 { border-color: rgba(var(--rgb-qq-l3), var(--bs-border-opacity)) !important; }
.border-qq-d1 { border-color: rgba(var(--rgb-qq-d1), var(--bs-border-opacity)) !important; }
.border-qq-d2 { border-color: rgba(var(--rgb-qq-d2), var(--bs-border-opacity)) !important; }
.border-qq-d3 { border-color: rgba(var(--rgb-qq-d3), var(--bs-border-opacity)) !important; }
.border-qq-font { border-color: rgba(var(--rgb-qq-font), var(--bs-border-opacity)) !important; }
.border-qq-font-l { border-color: rgba(var(--rgb-qq-font-l), var(--bs-border-opacity)) !important; }
.border-qq-font-d { border-color: rgba(var(--rgb-qq-font-d), var(--bs-border-opacity)) !important; }
.border-qq-10 { border-color: rgba(var(--rgb-qq),.1) !important; }
.border-qq-20 { border-color: rgba(var(--rgb-qq),.2) !important; }
.border-qq-30 { border-color: rgba(var(--rgb-qq),.3) !important; }
.border-qq-40 { border-color: rgba(var(--rgb-qq),.4) !important; }
.border-qq-50 { border-color: rgba(var(--rgb-qq),.5) !important; }
.border-qq-60 { border-color: rgba(var(--rgb-qq),.6) !important; }
.border-qq-70 { border-color: rgba(var(--rgb-qq),.7) !important; }
.border-qq-80 { border-color: rgba(var(--rgb-qq),.8) !important; }
.border-qq-90 { border-color: rgba(var(--rgb-qq),.9) !important; }

.border-qq-gradient-d { border-image: var(--qq-gradient-d) !important; }
.border-qq-gradient-d-inverse { border-image: var(--qq-gradient-d-inverse) !important; }
.border-qq-gradient { border-image: var(--qq-gradient) !important; }
.border-qq-gradient-h { border-image: var(--qq-gradient-h) !important; }
.border-qq-gradient-h-inverse { border-image: var(--qq-gradient-h-inverse) !important; }
.border-qq-gradient-v { border-image: var(--qq-gradient-v) !important; }
.border-qq-gradient-v-inverse { border-image: var(--qq-gradient-v-inverse) !important; }

/* Border Colors : reddit Colors */
.border-reddit { border-color: rgba(var(--rgb-reddit), var(--bs-border-opacity)) !important; }
.border-reddit-l1 { border-color: rgba(var(--rgb-reddit-l1), var(--bs-border-opacity)) !important; }
.border-reddit-l2 { border-color: rgba(var(--rgb-reddit-l2), var(--bs-border-opacity)) !important; }
.border-reddit-l3 { border-color: rgba(var(--rgb-reddit-l3), var(--bs-border-opacity)) !important; }
.border-reddit-d1 { border-color: rgba(var(--rgb-reddit-d1), var(--bs-border-opacity)) !important; }
.border-reddit-d2 { border-color: rgba(var(--rgb-reddit-d2), var(--bs-border-opacity)) !important; }
.border-reddit-d3 { border-color: rgba(var(--rgb-reddit-d3), var(--bs-border-opacity)) !important; }
.border-reddit-font { border-color: rgba(var(--rgb-reddit-font), var(--bs-border-opacity)) !important; }
.border-reddit-font-l { border-color: rgba(var(--rgb-reddit-font-l), var(--bs-border-opacity)) !important; }
.border-reddit-font-d { border-color: rgba(var(--rgb-reddit-font-d), var(--bs-border-opacity)) !important; }
.border-reddit-10 { border-color: rgba(var(--rgb-reddit),.1) !important; }
.border-reddit-20 { border-color: rgba(var(--rgb-reddit),.2) !important; }
.border-reddit-30 { border-color: rgba(var(--rgb-reddit),.3) !important; }
.border-reddit-40 { border-color: rgba(var(--rgb-reddit),.4) !important; }
.border-reddit-50 { border-color: rgba(var(--rgb-reddit),.5) !important; }
.border-reddit-60 { border-color: rgba(var(--rgb-reddit),.6) !important; }
.border-reddit-70 { border-color: rgba(var(--rgb-reddit),.7) !important; }
.border-reddit-80 { border-color: rgba(var(--rgb-reddit),.8) !important; }
.border-reddit-90 { border-color: rgba(var(--rgb-reddit),.9) !important; }

.border-reddit-gradient-d { border-image: var(--reddit-gradient-d) !important; }
.border-reddit-gradient-d-inverse { border-image: var(--reddit-gradient-d-inverse) !important; }
.border-reddit-gradient { border-image: var(--reddit-gradient) !important; }
.border-reddit-gradient-h { border-image: var(--reddit-gradient-h) !important; }
.border-reddit-gradient-h-inverse { border-image: var(--reddit-gradient-h-inverse) !important; }
.border-reddit-gradient-v { border-image: var(--reddit-gradient-v) !important; }
.border-reddit-gradient-v-inverse { border-image: var(--reddit-gradient-v-inverse) !important; }

/* Border Colors : RSS Colors */
.border-rss { border-color: rgba(var(--rgb-rss), var(--bs-border-opacity)) !important; }
.border-rss-l1 { border-color: rgba(var(--rgb-rss-l1), var(--bs-border-opacity)) !important; }
.border-rss-l2 { border-color: rgba(var(--rgb-rss-l2), var(--bs-border-opacity)) !important; }
.border-rss-l3 { border-color: rgba(var(--rgb-rss-l3), var(--bs-border-opacity)) !important; }
.border-rss-d1 { border-color: rgba(var(--rgb-rss-d1), var(--bs-border-opacity)) !important; }
.border-rss-d2 { border-color: rgba(var(--rgb-rss-d2), var(--bs-border-opacity)) !important; }
.border-rss-d3 { border-color: rgba(var(--rgb-rss-d3), var(--bs-border-opacity)) !important; }
.border-rss-font { border-color: rgba(var(--rgb-rss-font), var(--bs-border-opacity)) !important; }
.border-rss-font-l { border-color: rgba(var(--rgb-rss-font-l), var(--bs-border-opacity)) !important; }
.border-rss-font-d { border-color: rgba(var(--rgb-rss-font-d), var(--bs-border-opacity)) !important; }
.border-rss-10 { border-color: rgba(var(--rgb-rss),.1) !important; }
.border-rss-20 { border-color: rgba(var(--rgb-rss),.2) !important; }
.border-rss-30 { border-color: rgba(var(--rgb-rss),.3) !important; }
.border-rss-40 { border-color: rgba(var(--rgb-rss),.4) !important; }
.border-rss-50 { border-color: rgba(var(--rgb-rss),.5) !important; }
.border-rss-60 { border-color: rgba(var(--rgb-rss),.6) !important; }
.border-rss-70 { border-color: rgba(var(--rgb-rss),.7) !important; }
.border-rss-80 { border-color: rgba(var(--rgb-rss),.8) !important; }
.border-rss-90 { border-color: rgba(var(--rgb-rss),.9) !important; }

.border-rss-gradient-d { border-image: var(--rss-gradient-d) !important; }
.border-rss-gradient-d-inverse { border-image: var(--rss-gradient-d-inverse) !important; }
.border-rss-gradient { border-image: var(--rss-gradient) !important; }
.border-rss-gradient-h { border-image: var(--rss-gradient-h) !important; }
.border-rss-gradient-h-inverse { border-image: var(--rss-gradient-h-inverse) !important; }
.border-rss-gradient-v { border-image: var(--rss-gradient-v) !important; }
.border-rss-gradient-v-inverse { border-image: var(--rss-gradient-v-inverse) !important; }

/* Border Colors : Skype Colors */
.border-skype { border-color: rgba(var(--rgb-skype), var(--bs-border-opacity)) !important; }
.border-skype-l1 { border-color: rgba(var(--rgb-skype-l1), var(--bs-border-opacity)) !important; }
.border-skype-l2 { border-color: rgba(var(--rgb-skype-l2), var(--bs-border-opacity)) !important; }
.border-skype-l3 { border-color: rgba(var(--rgb-skype-l3), var(--bs-border-opacity)) !important; }
.border-skype-d1 { border-color: rgba(var(--rgb-skype-d1), var(--bs-border-opacity)) !important; }
.border-skype-d2 { border-color: rgba(var(--rgb-skype-d2), var(--bs-border-opacity)) !important; }
.border-skype-d3 { border-color: rgba(var(--rgb-skype-d3), var(--bs-border-opacity)) !important; }
.border-skype-font { border-color: rgba(var(--rgb-skype-font), var(--bs-border-opacity)) !important; }
.border-skype-font-l { border-color: rgba(var(--rgb-skype-font-l), var(--bs-border-opacity)) !important; }
.border-skype-font-d { border-color: rgba(var(--rgb-skype-font-d), var(--bs-border-opacity)) !important; }
.border-skype-10 { border-color: rgba(var(--rgb-skype),.1) !important; }
.border-skype-20 { border-color: rgba(var(--rgb-skype),.2) !important; }
.border-skype-30 { border-color: rgba(var(--rgb-skype),.3) !important; }
.border-skype-40 { border-color: rgba(var(--rgb-skype),.4) !important; }
.border-skype-50 { border-color: rgba(var(--rgb-skype),.5) !important; }
.border-skype-60 { border-color: rgba(var(--rgb-skype),.6) !important; }
.border-skype-70 { border-color: rgba(var(--rgb-skype),.7) !important; }
.border-skype-80 { border-color: rgba(var(--rgb-skype),.8) !important; }
.border-skype-90 { border-color: rgba(var(--rgb-skype),.9) !important; }

.border-skype-gradient-d { border-image: var(--skype-gradient-d) !important; }
.border-skype-gradient-d-inverse { border-image: var(--skype-gradient-d-inverse) !important; }
.border-skype-gradient { border-image: var(--skype-gradient) !important; }
.border-skype-gradient-h { border-image: var(--skype-gradient-h) !important; }
.border-skype-gradient-h-inverse { border-image: var(--skype-gradient-h-inverse) !important; }
.border-skype-gradient-v { border-image: var(--skype-gradient-v) !important; }
.border-skype-gradient-v-inverse { border-image: var(--skype-gradient-v-inverse) !important; }

/* Border Colors : slack Colors */
.border-slack { border-color: rgba(var(--rgb-slack), var(--bs-border-opacity)) !important; }
.border-slack-l1 { border-color: rgba(var(--rgb-slack-l1), var(--bs-border-opacity)) !important; }
.border-slack-l2 { border-color: rgba(var(--rgb-slack-l2), var(--bs-border-opacity)) !important; }
.border-slack-l3 { border-color: rgba(var(--rgb-slack-l3), var(--bs-border-opacity)) !important; }
.border-slack-d1 { border-color: rgba(var(--rgb-slack-d1), var(--bs-border-opacity)) !important; }
.border-slack-d2 { border-color: rgba(var(--rgb-slack-d2), var(--bs-border-opacity)) !important; }
.border-slack-d3 { border-color: rgba(var(--rgb-slack-d3), var(--bs-border-opacity)) !important; }
.border-slack-font { border-color: rgba(var(--rgb-slack-font), var(--bs-border-opacity)) !important; }
.border-slack-font-l { border-color: rgba(var(--rgb-slack-font-l), var(--bs-border-opacity)) !important; }
.border-slack-font-d { border-color: rgba(var(--rgb-slack-font-d), var(--bs-border-opacity)) !important; }
.border-slack-10 { border-color: rgba(var(--rgb-slack),.1) !important; }
.border-slack-20 { border-color: rgba(var(--rgb-slack),.2) !important; }
.border-slack-30 { border-color: rgba(var(--rgb-slack),.3) !important; }
.border-slack-40 { border-color: rgba(var(--rgb-slack),.4) !important; }
.border-slack-50 { border-color: rgba(var(--rgb-slack),.5) !important; }
.border-slack-60 { border-color: rgba(var(--rgb-slack),.6) !important; }
.border-slack-70 { border-color: rgba(var(--rgb-slack),.7) !important; }
.border-slack-80 { border-color: rgba(var(--rgb-slack),.8) !important; }
.border-slack-90 { border-color: rgba(var(--rgb-slack),.9) !important; }

.border-slack-gradient-d { border-image: var(--slack-gradient-d) !important; }
.border-slack-gradient-d-inverse { border-image: var(--slack-gradient-d-inverse) !important; }
.border-slack-gradient { border-image: var(--slack-gradient) !important; }
.border-slack-gradient-h { border-image: var(--slack-gradient-h) !important; }
.border-slack-gradient-h-inverse { border-image: var(--slack-gradient-h-inverse) !important; }
.border-slack-gradient-v { border-image: var(--slack-gradient-v) !important; }
.border-slack-gradient-v-inverse { border-image: var(--slack-gradient-v-inverse) !important; }

/* Border Colors : Snap Colors */
.border-snap { border-color: rgba(var(--rgb-snap), var(--bs-border-opacity)) !important; }
.border-snap-l1 { border-color: rgba(var(--rgb-snap-l1), var(--bs-border-opacity)) !important; }
.border-snap-l2 { border-color: rgba(var(--rgb-snap-l2), var(--bs-border-opacity)) !important; }
.border-snap-l3 { border-color: rgba(var(--rgb-snap-l3), var(--bs-border-opacity)) !important; }
.border-snap-d1 { border-color: rgba(var(--rgb-snap-d1), var(--bs-border-opacity)) !important; }
.border-snap-d2 { border-color: rgba(var(--rgb-snap-d2), var(--bs-border-opacity)) !important; }
.border-snap-d3 { border-color: rgba(var(--rgb-snap-d3), var(--bs-border-opacity)) !important; }
.border-snap-font { border-color: rgba(var(--rgb-snap-font), var(--bs-border-opacity)) !important; }
.border-snap-font-l { border-color: rgba(var(--rgb-snap-font-l), var(--bs-border-opacity)) !important; }
.border-snap-font-d { border-color: rgba(var(--rgb-snap-font-d), var(--bs-border-opacity)) !important; }
.border-snap-10 { border-color: rgba(var(--rgb-snap),.1) !important; }
.border-snap-20 { border-color: rgba(var(--rgb-snap),.2) !important; }
.border-snap-30 { border-color: rgba(var(--rgb-snap),.3) !important; }
.border-snap-40 { border-color: rgba(var(--rgb-snap),.4) !important; }
.border-snap-50 { border-color: rgba(var(--rgb-snap),.5) !important; }
.border-snap-60 { border-color: rgba(var(--rgb-snap),.6) !important; }
.border-snap-70 { border-color: rgba(var(--rgb-snap),.7) !important; }
.border-snap-80 { border-color: rgba(var(--rgb-snap),.8) !important; }
.border-snap-90 { border-color: rgba(var(--rgb-snap),.9) !important; }

.border-snap-gradient-d { border-image: var(--snap-gradient-d) !important; }
.border-snap-gradient-d-inverse { border-image: var(--snap-gradient-d-inverse) !important; }
.border-snap-gradient { border-image: var(--snap-gradient) !important; }
.border-snap-gradient-h { border-image: var(--snap-gradient-h) !important; }
.border-snap-gradient-h-inverse { border-image: var(--snap-gradient-h-inverse) !important; }
.border-snap-gradient-v { border-image: var(--snap-gradient-v) !important; }
.border-snap-gradient-v-inverse { border-image: var(--snap-gradient-v-inverse) !important; }

/* Border Colors : stack-overflow Colors */
.border-stack-overflow { border-color: rgba(var(--rgb-stack-overflow), var(--bs-border-opacity)) !important; }
.border-stack-overflow-l1 { border-color: rgba(var(--rgb-stack-overflow-l1), var(--bs-border-opacity)) !important; }
.border-stack-overflow-l2 { border-color: rgba(var(--rgb-stack-overflow-l2), var(--bs-border-opacity)) !important; }
.border-stack-overflow-l3 { border-color: rgba(var(--rgb-stack-overflow-l3), var(--bs-border-opacity)) !important; }
.border-stack-overflow-d1 { border-color: rgba(var(--rgb-stack-overflow-d1), var(--bs-border-opacity)) !important; }
.border-stack-overflow-d2 { border-color: rgba(var(--rgb-stack-overflow-d2), var(--bs-border-opacity)) !important; }
.border-stack-overflow-d3 { border-color: rgba(var(--rgb-stack-overflow-d3), var(--bs-border-opacity)) !important; }
.border-stack-overflow-font { border-color: rgba(var(--rgb-stack-overflow-font), var(--bs-border-opacity)) !important; }
.border-stack-overflow-font-l { border-color: rgba(var(--rgb-stack-overflow-font-l), var(--bs-border-opacity)) !important; }
.border-stack-overflow-font-d { border-color: rgba(var(--rgb-stack-overflow-font-d), var(--bs-border-opacity)) !important; }
.border-stack-overflow-10 { border-color: rgba(var(--rgb-stack-overflow),.1) !important; }
.border-stack-overflow-20 { border-color: rgba(var(--rgb-stack-overflow),.2) !important; }
.border-stack-overflow-30 { border-color: rgba(var(--rgb-stack-overflow),.3) !important; }
.border-stack-overflow-40 { border-color: rgba(var(--rgb-stack-overflow),.4) !important; }
.border-stack-overflow-50 { border-color: rgba(var(--rgb-stack-overflow),.5) !important; }
.border-stack-overflow-60 { border-color: rgba(var(--rgb-stack-overflowstack-overflow),.6) !important; }
.border-stack-overflow-70 { border-color: rgba(var(--rgb-stack-overflow),.7) !important; }
.border-stack-overflow-80 { border-color: rgba(var(--rgb-stack-overflow),.8) !important; }
.border-stack-overflow-90 { border-color: rgba(var(--rgb-stack-overflow),.9) !important; }

.border-stack-overflow-gradient-d { border-image: var(--stack-overflow-gradient-d) !important; }
.border-stack-overflow-gradient-d-inverse { border-image: var(--stack-overflow-gradient-d-inverse) !important; }
.border-stack-overflow-gradient { border-image: var(--stack-overflow-gradient) !important; }
.border-stack-overflow-gradient-h { border-image: var(--stack-overflow-gradient-h) !important; }
.border-stack-overflow-gradient-h-inverse { border-image: var(--stack-overflow-gradient-h-inverse) !important; }
.border-stack-overflow-gradient-v { border-image: var(--stack-overflow-gradient-v) !important; }
.border-stack-overflow-gradient-v-inverse { border-image: var(--stack-overflow-gradient-v-inverse) !important; }

/* Border Colors : steam Colors */
.border-steam { border-color: rgba(var(--rgb-steam), var(--bs-border-opacity)) !important; }
.border-steam-l1 { border-color: rgba(var(--rgb-steam-l1), var(--bs-border-opacity)) !important; }
.border-steam-l2 { border-color: rgba(var(--rgb-steam-l2), var(--bs-border-opacity)) !important; }
.border-steam-l3 { border-color: rgba(var(--rgb-steam-l3), var(--bs-border-opacity)) !important; }
.border-steam-d1 { border-color: rgba(var(--rgb-steam-d1), var(--bs-border-opacity)) !important; }
.border-steam-d2 { border-color: rgba(var(--rgb-steam-d2), var(--bs-border-opacity)) !important; }
.border-steam-d3 { border-color: rgba(var(--rgb-steam-d3), var(--bs-border-opacity)) !important; }
.border-steam-font { border-color: rgba(var(--rgb-steam-font), var(--bs-border-opacity)) !important; }
.border-steam-font-l { border-color: rgba(var(--rgb-steam-font-l), var(--bs-border-opacity)) !important; }
.border-steam-font-d { border-color: rgba(var(--rgb-steam-font-d), var(--bs-border-opacity)) !important; }
.border-steam-10 { border-color: rgba(var(--rgb-steam),.1) !important; }
.border-steam-20 { border-color: rgba(var(--rgb-steam),.2) !important; }
.border-steam-30 { border-color: rgba(var(--rgb-steam),.3) !important; }
.border-steam-40 { border-color: rgba(var(--rgb-steam),.4) !important; }
.border-steam-50 { border-color: rgba(var(--rgb-steam),.5) !important; }
.border-steam-60 { border-color: rgba(var(--rgb-steam),.6) !important; }
.border-steam-70 { border-color: rgba(var(--rgb-steam),.7) !important; }
.border-steam-80 { border-color: rgba(var(--rgb-steam),.8) !important; }
.border-steam-90 { border-color: rgba(var(--rgb-steam),.9) !important; }

.border-steam-gradient-d { border-image: var(--steam-gradient-d) !important; }
.border-steam-gradient-d-inverse { border-image: var(--steam-gradient-d-inverse) !important; }
.border-steam-gradient { border-image: var(--steam-gradient) !important; }
.border-steam-gradient-h { border-image: var(--steam-gradient-h) !important; }
.border-steam-gradient-h-inverse { border-image: var(--steam-gradient-h-inverse) !important; }
.border-steam-gradient-v { border-image: var(--steam-gradient-v) !important; }
.border-steam-gradient-v-inverse { border-image: var(--steam-gradient-v-inverse) !important; }

/* Border Colors : telegram Colors */
.border-telegram { border-color: rgba(var(--rgb-telegram), var(--bs-border-opacity)) !important; }
.border-telegram-l1 { border-color: rgba(var(--rgb-telegram-l1), var(--bs-border-opacity)) !important; }
.border-telegram-l2 { border-color: rgba(var(--rgb-telegram-l2), var(--bs-border-opacity)) !important; }
.border-telegram-l3 { border-color: rgba(var(--rgb-telegram-l3), var(--bs-border-opacity)) !important; }
.border-telegram-d1 { border-color: rgba(var(--rgb-telegram-d1), var(--bs-border-opacity)) !important; }
.border-telegram-d2 { border-color: rgba(var(--rgb-telegram-d2), var(--bs-border-opacity)) !important; }
.border-telegram-d3 { border-color: rgba(var(--rgb-telegram-d3), var(--bs-border-opacity)) !important; }
.border-telegram-font { border-color: rgba(var(--rgb-telegram-font), var(--bs-border-opacity)) !important; }
.border-telegram-font-l { border-color: rgba(var(--rgb-telegram-font-l), var(--bs-border-opacity)) !important; }
.border-telegram-font-d { border-color: rgba(var(--rgb-telegram-font-d), var(--bs-border-opacity)) !important; }
.border-telegram-10 { border-color: rgba(var(--rgb-telegram),.1) !important; }
.border-telegram-20 { border-color: rgba(var(--rgb-telegram),.2) !important; }
.border-telegram-30 { border-color: rgba(var(--rgb-telegram),.3) !important; }
.border-telegram-40 { border-color: rgba(var(--rgb-telegram),.4) !important; }
.border-telegram-50 { border-color: rgba(var(--rgb-telegram),.5) !important; }
.border-telegram-60 { border-color: rgba(var(--rgb-telegram),.6) !important; }
.border-telegram-70 { border-color: rgba(var(--rgb-telegram),.7) !important; }
.border-telegram-80 { border-color: rgba(var(--rgb-telegram),.8) !important; }
.border-telegram-90 { border-color: rgba(var(--rgb-telegram),.9) !important; }

.border-telegram-gradient-d { border-image: var(--telegram-gradient-d) !important; }
.border-telegram-gradient-d-inverse { border-image: var(--telegram-gradient-d-inverse) !important; }
.border-telegram-gradient { border-image: var(--telegram-gradient) !important; }
.border-telegram-gradient-h { border-image: var(--telegram-gradient-h) !important; }
.border-telegram-gradient-h-inverse { border-image: var(--telegram-gradient-h-inverse) !important; }
.border-telegram-gradient-v { border-image: var(--telegram-gradient-v) !important; }
.border-telegram-gradient-v-inverse { border-image: var(--telegram-gradient-v-inverse) !important; }

/* Border Colors : tiktok Colors */
.border-tiktok { border-color: rgba(var(--rgb-tiktok), var(--bs-border-opacity)) !important; }
.border-tiktok-l1 { border-color: rgba(var(--rgb-tiktok-l1), var(--bs-border-opacity)) !important; }
.border-tiktok-l2 { border-color: rgba(var(--rgb-tiktok-l2), var(--bs-border-opacity)) !important; }
.border-tiktok-l3 { border-color: rgba(var(--rgb-tiktok-l3), var(--bs-border-opacity)) !important; }
.border-tiktok-d1 { border-color: rgba(var(--rgb-tiktok-d1), var(--bs-border-opacity)) !important; }
.border-tiktok-d2 { border-color: rgba(var(--rgb-tiktok-d2), var(--bs-border-opacity)) !important; }
.border-tiktok-d3 { border-color: rgba(var(--rgb-tiktok-d3), var(--bs-border-opacity)) !important; }
.border-tiktok-font { border-color: rgba(var(--rgb-tiktok-font), var(--bs-border-opacity)) !important; }
.border-tiktok-font-l { border-color: rgba(var(--rgb-tiktok-font-l), var(--bs-border-opacity)) !important; }
.border-tiktok-font-d { border-color: rgba(var(--rgb-tiktok-font-d), var(--bs-border-opacity)) !important; }
.border-tiktok-10 { border-color: rgba(var(--rgb-tiktok),.1) !important; }
.border-tiktok-20 { border-color: rgba(var(--rgb-tiktok),.2) !important; }
.border-tiktok-30 { border-color: rgba(var(--rgb-tiktok),.3) !important; }
.border-tiktok-40 { border-color: rgba(var(--rgb-tiktok),.4) !important; }
.border-tiktok-50 { border-color: rgba(var(--rgb-tiktok),.5) !important; }
.border-tiktok-60 { border-color: rgba(var(--rgb-tiktok),.6) !important; }
.border-tiktok-70 { border-color: rgba(var(--rgb-tiktok),.7) !important; }
.border-tiktok-80 { border-color: rgba(var(--rgb-tiktok),.8) !important; }
.border-tiktok-90 { border-color: rgba(var(--rgb-tiktok),.9) !important; }

.border-tiktok-gradient-d { border-image: var(--tiktok-gradient-d) !important; }
.border-tiktok-gradient-d-inverse { border-image: var(--tiktok-gradient-d-inverse) !important; }
.border-tiktok-gradient { border-image: var(--tiktok-gradient) !important; }
.border-tiktok-gradient-h { border-image: var(--tiktok-gradient-h) !important; }
.border-tiktok-gradient-h-inverse { border-image: var(--tiktok-gradient-h-inverse) !important; }
.border-tiktok-gradient-v { border-image: var(--tiktok-gradient-v) !important; }
.border-tiktok-gradient-v-inverse { border-image: var(--tiktok-gradient-v-inverse) !important; }

/* Border Colors : trip-advisor Colors */
.border-trip-advisor { border-color: rgba(var(--rgb-trip-advisor), var(--bs-border-opacity)) !important; }
.border-trip-advisor-l1 { border-color: rgba(var(--rgb-trip-advisor-l1), var(--bs-border-opacity)) !important; }
.border-trip-advisor-l2 { border-color: rgba(var(--rgb-trip-advisor-l2), var(--bs-border-opacity)) !important; }
.border-trip-advisor-l3 { border-color: rgba(var(--rgb-trip-advisor-l3), var(--bs-border-opacity)) !important; }
.border-trip-advisor-d1 { border-color: rgba(var(--rgb-trip-advisor-d1), var(--bs-border-opacity)) !important; }
.border-trip-advisor-d2 { border-color: rgba(var(--rgb-trip-advisor-d2), var(--bs-border-opacity)) !important; }
.border-trip-advisor-d3 { border-color: rgba(var(--rgb-trip-advisor-d3), var(--bs-border-opacity)) !important; }
.border-trip-advisor-font { border-color: rgba(var(--rgb-trip-advisor-font), var(--bs-border-opacity)) !important; }
.border-trip-advisor-font-l { border-color: rgba(var(--rgb-trip-advisor-font-l), var(--bs-border-opacity)) !important; }
.border-trip-advisor-font-d { border-color: rgba(var(--rgb-trip-advisor-font-d), var(--bs-border-opacity)) !important; }
.border-trip-advisor-10 { border-color: rgba(var(--rgb-trip-advisor),.1) !important; }
.border-trip-advisor-20 { border-color: rgba(var(--rgb-trip-advisor),.2) !important; }
.border-trip-advisor-30 { border-color: rgba(var(--rgb-trip-advisor),.3) !important; }
.border-trip-advisor-40 { border-color: rgba(var(--rgb-trip-advisor),.4) !important; }
.border-trip-advisor-50 { border-color: rgba(var(--rgb-trip-advisor),.5) !important; }
.border-trip-advisor-60 { border-color: rgba(var(--rgb-trip-advisor),.6) !important; }
.border-trip-advisor-70 { border-color: rgba(var(--rgb-trip-advisor),.7) !important; }
.border-trip-advisor-80 { border-color: rgba(var(--rgb-trip-advisor),.8) !important; }
.border-trip-advisor-90 { border-color: rgba(var(--rgb-trip-advisor),.9) !important; }

.border-trip-advisor-gradient-d { border-image: var(--trip-advisor-gradient-d) !important; }
.border-trip-advisor-gradient-d-inverse { border-image: var(--trip-advisor-gradient-d-inverse) !important; }
.border-trip-advisor-gradient { border-image: var(--trip-advisor-gradient) !important; }
.border-trip-advisor-gradient-h { border-image: var(--trip-advisor-gradient-h) !important; }
.border-trip-advisor-gradient-h-inverse { border-image: var(--trip-advisor-gradient-h-inverse) !important; }
.border-trip-advisor-gradient-v { border-image: var(--trip-advisor-gradient-v) !important; }
.border-trip-advisor-gradient-v-inverse { border-image: var(--trip-advisor-gradient-v-inverse) !important; }

/* Border Colors : Tumblr Colors */
.border-tumblr { border-color: rgba(var(--rgb-tumblr), var(--bs-border-opacity)) !important; }
.border-tumblr-l1 { border-color: rgba(var(--rgb-tumblr-l1), var(--bs-border-opacity)) !important; }
.border-tumblr-l2 { border-color: rgba(var(--rgb-tumblr-l2), var(--bs-border-opacity)) !important; }
.border-tumblr-l3 { border-color: rgba(var(--rgb-tumblr-l3), var(--bs-border-opacity)) !important; }
.border-tumblr-d1 { border-color: rgba(var(--rgb-tumblr-d1), var(--bs-border-opacity)) !important; }
.border-tumblr-d2 { border-color: rgba(var(--rgb-tumblr-d2), var(--bs-border-opacity)) !important; }
.border-tumblr-d3 { border-color: rgba(var(--rgb-tumblr-d3), var(--bs-border-opacity)) !important; }
.border-tumblr-font { border-color: rgba(var(--rgb-tumblr-font), var(--bs-border-opacity)) !important; }
.border-tumblr-font-l { border-color: rgba(var(--rgb-tumblr-font-l), var(--bs-border-opacity)) !important; }
.border-tumblr-font-d { border-color: rgba(var(--rgb-tumblr-font-d), var(--bs-border-opacity)) !important; }
.border-tumblr-10 { border-color: rgba(var(--rgb-tumblr),.1) !important; }
.border-tumblr-20 { border-color: rgba(var(--rgb-tumblr),.2) !important; }
.border-tumblr-30 { border-color: rgba(var(--rgb-tumblr),.3) !important; }
.border-tumblr-40 { border-color: rgba(var(--rgb-tumblr),.4) !important; }
.border-tumblr-50 { border-color: rgba(var(--rgb-tumblr),.5) !important; }
.border-tumblr-60 { border-color: rgba(var(--rgb-tumblr),.6) !important; }
.border-tumblr-70 { border-color: rgba(var(--rgb-tumblr),.7) !important; }
.border-tumblr-80 { border-color: rgba(var(--rgb-tumblr),.8) !important; }
.border-tumblr-90 { border-color: rgba(var(--rgb-tumblr),.9) !important; }

.border-tumblr-gradient-d { border-image: var(--tumblr-gradient-d) !important; }
.border-tumblr-gradient-d-inverse { border-image: var(--tumblr-gradient-d-inverse) !important; }
.border-tumblr-gradient { border-image: var(--tumblr-gradient) !important; }
.border-tumblr-gradient-h { border-image: var(--tumblr-gradient-h) !important; }
.border-tumblr-gradient-h-inverse { border-image: var(--tumblr-gradient-h-inverse) !important; }
.border-tumblr-gradient-v { border-image: var(--tumblr-gradient-v) !important; }
.border-tumblr-gradient-v-inverse { border-image: var(--tumblr-gradient-v-inverse) !important; }

/* Border Colors : twitch Colors */
.border-twitch { border-color: rgba(var(--rgb-twitch), var(--bs-border-opacity)) !important; }
.border-twitch-l1 { border-color: rgba(var(--rgb-twitch-l1), var(--bs-border-opacity)) !important; }
.border-twitch-l2 { border-color: rgba(var(--rgb-twitch-l2), var(--bs-border-opacity)) !important; }
.border-twitch-l3 { border-color: rgba(var(--rgb-twitch-l3), var(--bs-border-opacity)) !important; }
.border-twitch-d1 { border-color: rgba(var(--rgb-twitch-d1), var(--bs-border-opacity)) !important; }
.border-twitch-d2 { border-color: rgba(var(--rgb-twitch-d2), var(--bs-border-opacity)) !important; }
.border-twitch-d3 { border-color: rgba(var(--rgb-twitch-d3), var(--bs-border-opacity)) !important; }
.border-twitch-font { border-color: rgba(var(--rgb-twitch-font), var(--bs-border-opacity)) !important; }
.border-twitch-font-l { border-color: rgba(var(--rgb-twitch-font-l), var(--bs-border-opacity)) !important; }
.border-twitch-font-d { border-color: rgba(var(--rgb-twitch-font-d), var(--bs-border-opacity)) !important; }
.border-twitch-10 { border-color: rgba(var(--rgb-twitch),.1) !important; }
.border-twitch-20 { border-color: rgba(var(--rgb-twitch),.2) !important; }
.border-twitch-30 { border-color: rgba(var(--rgb-twitch),.3) !important; }
.border-twitch-40 { border-color: rgba(var(--rgb-twitch),.4) !important; }
.border-twitch-50 { border-color: rgba(var(--rgb-twitch),.5) !important; }
.border-twitch-60 { border-color: rgba(var(--rgb-twitch),.6) !important; }
.border-twitch-70 { border-color: rgba(var(--rgb-twitch),.7) !important; }
.border-twitch-80 { border-color: rgba(var(--rgb-twitch),.8) !important; }
.border-twitch-90 { border-color: rgba(var(--rgb-twitch),.9) !important; }

.border-twitch-gradient-d { border-image: var(--twitch-gradient-d) !important; }
.border-twitch-gradient-d-inverse { border-image: var(--twitch-gradient-d-inverse) !important; }
.border-twitch-gradient { border-image: var(--twitch-gradient) !important; }
.border-twitch-gradient-h { border-image: var(--twitch-gradient-h) !important; }
.border-twitch-gradient-h-inverse { border-image: var(--twitch-gradient-h-inverse) !important; }
.border-twitch-gradient-v { border-image: var(--twitch-gradient-v) !important; }
.border-twitch-gradient-v-inverse { border-image: var(--twitch-gradient-v-inverse) !important; }

/* Border Colors : Twitter Colors */
.border-twitter { border-color: rgba(var(--rgb-twitter), var(--bs-border-opacity)) !important; }
.border-twitter-l1 { border-color: rgba(var(--rgb-twitter-l1), var(--bs-border-opacity)) !important; }
.border-twitter-l2 { border-color: rgba(var(--rgb-twitter-l2), var(--bs-border-opacity)) !important; }
.border-twitter-l3 { border-color: rgba(var(--rgb-twitter-l3), var(--bs-border-opacity)) !important; }
.border-twitter-d1 { border-color: rgba(var(--rgb-twitter-d1), var(--bs-border-opacity)) !important; }
.border-twitter-d2 { border-color: rgba(var(--rgb-twitter-d2), var(--bs-border-opacity)) !important; }
.border-twitter-d3 { border-color: rgba(var(--rgb-twitter-d3), var(--bs-border-opacity)) !important; }
.border-twitter-font { border-color: rgba(var(--rgb-twitter-font), var(--bs-border-opacity)) !important; }
.border-twitter-font-l { border-color: rgba(var(--rgb-twitter-font-l), var(--bs-border-opacity)) !important; }
.border-twitter-font-d { border-color: rgba(var(--rgb-twitter-font-d), var(--bs-border-opacity)) !important; }
.border-twitter-10 { border-color: rgba(var(--rgb-twitter),.1) !important; }
.border-twitter-20 { border-color: rgba(var(--rgb-twitter),.2) !important; }
.border-twitter-30 { border-color: rgba(var(--rgb-twitter),.3) !important; }
.border-twitter-40 { border-color: rgba(var(--rgb-twitter),.4) !important; }
.border-twitter-50 { border-color: rgba(var(--rgb-twitter),.5) !important; }
.border-twitter-60 { border-color: rgba(var(--rgb-twitter),.6) !important; }
.border-twitter-70 { border-color: rgba(var(--rgb-twitter),.7) !important; }
.border-twitter-80 { border-color: rgba(var(--rgb-twitter),.8) !important; }
.border-twitter-90 { border-color: rgba(var(--rgb-twitter),.9) !important; }

.border-twitter-gradient-d { border-image: var(--twitter-gradient-d) !important; }
.border-twitter-gradient-d-inverse { border-image: var(--twitter-gradient-d-inverse) !important; }
.border-twitter-gradient { border-image: var(--twitter-gradient) !important; }
.border-twitter-gradient-h { border-image: var(--twitter-gradient-h) !important; }
.border-twitter-gradient-h-inverse { border-image: var(--twitter-gradient-h-inverse) !important; }
.border-twitter-gradient-v { border-image: var(--twitter-gradient-v) !important; }
.border-twitter-gradient-v-inverse { border-image: var(--twitter-gradient-v-inverse) !important; }

/* Border Colors : Vibre Colors */
.border-vibre { border-color: rgba(var(--rgb-vibre), var(--bs-border-opacity)) !important; }
.border-vibre-l1 { border-color: rgba(var(--rgb-vibre-l1), var(--bs-border-opacity)) !important; }
.border-vibre-l2 { border-color: rgba(var(--rgb-vibre-l2), var(--bs-border-opacity)) !important; }
.border-vibre-l3 { border-color: rgba(var(--rgb-vibre-l3), var(--bs-border-opacity)) !important; }
.border-vibre-d1 { border-color: rgba(var(--rgb-vibre-d1), var(--bs-border-opacity)) !important; }
.border-vibre-d2 { border-color: rgba(var(--rgb-vibre-d2), var(--bs-border-opacity)) !important; }
.border-vibre-d3 { border-color: rgba(var(--rgb-vibre-d3), var(--bs-border-opacity)) !important; }
.border-vibre-font { border-color: rgba(var(--rgb-vibre-font), var(--bs-border-opacity)) !important; }
.border-vibre-font-l { border-color: rgba(var(--rgb-vibre-font-l), var(--bs-border-opacity)) !important; }
.border-vibre-font-d { border-color: rgba(var(--rgb-vibre-font-d), var(--bs-border-opacity)) !important; }
.border-vibre-10 { border-color: rgba(var(--rgb-vibre),.1) !important; }
.border-vibre-20 { border-color: rgba(var(--rgb-vibre),.2) !important; }
.border-vibre-30 { border-color: rgba(var(--rgb-vibre),.3) !important; }
.border-vibre-40 { border-color: rgba(var(--rgb-vibre),.4) !important; }
.border-vibre-50 { border-color: rgba(var(--rgb-vibre),.5) !important; }
.border-vibre-60 { border-color: rgba(var(--rgb-vibre),.6) !important; }
.border-vibre-70 { border-color: rgba(var(--rgb-vibre),.7) !important; }
.border-vibre-80 { border-color: rgba(var(--rgb-vibre),.8) !important; }
.border-vibre-90 { border-color: rgba(var(--rgb-vibre),.9) !important; }

.border-vibre-gradient-d { border-image: var(--vibre-gradient-d) !important; }
.border-vibre-gradient-d-inverse { border-image: var(--vibre-gradient-d-inverse) !important; }
.border-vibre-gradient { border-image: var(--vibre-gradient) !important; }
.border-vibre-gradient-h { border-image: var(--vibre-gradient-h) !important; }
.border-vibre-gradient-h-inverse { border-image: var(--vibre-gradient-h-inverse) !important; }
.border-vibre-gradient-v { border-image: var(--vibre-gradient-v) !important; }
.border-vibre-gradient-v-inverse { border-image: var(--vibre-gradient-v-inverse) !important; }

/* Border Colors : Vimeo Colors */
.border-vimeo { border-color: rgba(var(--rgb-vimeo), var(--bs-border-opacity)) !important; }
.border-vimeo-l1 { border-color: rgba(var(--rgb-vimeo-l1), var(--bs-border-opacity)) !important; }
.border-vimeo-l2 { border-color: rgba(var(--rgb-vimeo-l2), var(--bs-border-opacity)) !important; }
.border-vimeo-l3 { border-color: rgba(var(--rgb-vimeo-l3), var(--bs-border-opacity)) !important; }
.border-vimeo-d1 { border-color: rgba(var(--rgb-vimeo-d1), var(--bs-border-opacity)) !important; }
.border-vimeo-d2 { border-color: rgba(var(--rgb-vimeo-d2), var(--bs-border-opacity)) !important; }
.border-vimeo-d3 { border-color: rgba(var(--rgb-vimeo-d3), var(--bs-border-opacity)) !important; }
.border-vimeo-font { border-color: rgba(var(--rgb-vimeo-font), var(--bs-border-opacity)) !important; }
.border-vimeo-font-l { border-color: rgba(var(--rgb-vimeo-font-l), var(--bs-border-opacity)) !important; }
.border-vimeo-font-d { border-color: rgba(var(--rgb-vimeo-font-d), var(--bs-border-opacity)) !important; }
.border-vimeo-10 { border-color: rgba(var(--rgb-vimeo),.1) !important; }
.border-vimeo-20 { border-color: rgba(var(--rgb-vimeo),.2) !important; }
.border-vimeo-30 { border-color: rgba(var(--rgb-vimeo),.3) !important; }
.border-vimeo-40 { border-color: rgba(var(--rgb-vimeo),.4) !important; }
.border-vimeo-50 { border-color: rgba(var(--rgb-vimeo),.5) !important; }
.border-vimeo-60 { border-color: rgba(var(--rgb-vimeo),.6) !important; }
.border-vimeo-70 { border-color: rgba(var(--rgb-vimeo),.7) !important; }
.border-vimeo-80 { border-color: rgba(var(--rgb-vimeo),.8) !important; }
.border-vimeo-90 { border-color: rgba(var(--rgb-vimeo),.9) !important; }

.border-vimeo-gradient-d { border-image: var(--vimeo-gradient-d) !important; }
.border-vimeo-gradient-d-inverse { border-image: var(--vimeo-gradient-d-inverse) !important; }
.border-vimeo-gradient { border-image: var(--vimeo-gradient) !important; }
.border-vimeo-gradient-h { border-image: var(--vimeo-gradient-h) !important; }
.border-vimeo-gradient-h-inverse { border-image: var(--vimeo-gradient-h-inverse) !important; }
.border-vimeo-gradient-v { border-image: var(--vimeo-gradient-v) !important; }
.border-vimeo-gradient-v-inverse { border-image: var(--vimeo-gradient-v-inverse) !important; }

/* Border Colors : vk Colors */
.border-vk { border-color: rgba(var(--rgb-vk), var(--bs-border-opacity)) !important; }
.border-vk-l1 { border-color: rgba(var(--rgb-vk-l1), var(--bs-border-opacity)) !important; }
.border-vk-l2 { border-color: rgba(var(--rgb-vk-l2), var(--bs-border-opacity)) !important; }
.border-vk-l3 { border-color: rgba(var(--rgb-vk-l3), var(--bs-border-opacity)) !important; }
.border-vk-d1 { border-color: rgba(var(--rgb-vk-d1), var(--bs-border-opacity)) !important; }
.border-vk-d2 { border-color: rgba(var(--rgb-vk-d2), var(--bs-border-opacity)) !important; }
.border-vk-d3 { border-color: rgba(var(--rgb-vk-d3), var(--bs-border-opacity)) !important; }
.border-vk-font { border-color: rgba(var(--rgb-vk-font), var(--bs-border-opacity)) !important; }
.border-vk-font-l { border-color: rgba(var(--rgb-vk-font-l), var(--bs-border-opacity)) !important; }
.border-vk-font-d { border-color: rgba(var(--rgb-vk-font-d), var(--bs-border-opacity)) !important; }
.border-vk-10 { border-color: rgba(var(--rgb-vk),.1) !important; }
.border-vk-20 { border-color: rgba(var(--rgb-vk),.2) !important; }
.border-vk-30 { border-color: rgba(var(--rgb-vk),.3) !important; }
.border-vk-40 { border-color: rgba(var(--rgb-vk),.4) !important; }
.border-vk-50 { border-color: rgba(var(--rgb-vk),.5) !important; }
.border-vk-60 { border-color: rgba(var(--rgb-vk),.6) !important; }
.border-vk-70 { border-color: rgba(var(--rgb-vk),.7) !important; }
.border-vk-80 { border-color: rgba(var(--rgb-vk),.8) !important; }
.border-vk-90 { border-color: rgba(var(--rgb-vk),.9) !important; }

.border-vk-gradient-d { border-image: var(--vk-gradient-d) !important; }
.border-vk-gradient-d-inverse { border-image: var(--vk-gradient-d-inverse) !important; }
.border-vk-gradient { border-image: var(--vk-gradient) !important; }
.border-vk-gradient-h { border-image: var(--vk-gradient-h) !important; }
.border-vk-gradient-h-inverse { border-image: var(--vk-gradient-h-inverse) !important; }
.border-vk-gradient-v { border-image: var(--vk-gradient-v) !important; }
.border-vk-gradient-v-inverse { border-image: var(--vk-gradient-v-inverse) !important; }

/* Border Colors : Vine Colors */
.border-vine { border-color: rgba(var(--rgb-vine), var(--bs-border-opacity)) !important; }
.border-vine-l1 { border-color: rgba(var(--rgb-vine-l1), var(--bs-border-opacity)) !important; }
.border-vine-l2 { border-color: rgba(var(--rgb-vine-l2), var(--bs-border-opacity)) !important; }
.border-vine-l3 { border-color: rgba(var(--rgb-vine-l3), var(--bs-border-opacity)) !important; }
.border-vine-d1 { border-color: rgba(var(--rgb-vine-d1), var(--bs-border-opacity)) !important; }
.border-vine-d2 { border-color: rgba(var(--rgb-vine-d2), var(--bs-border-opacity)) !important; }
.border-vine-d3 { border-color: rgba(var(--rgb-vine-d3), var(--bs-border-opacity)) !important; }
.border-vine-font { border-color: rgba(var(--rgb-vine-font), var(--bs-border-opacity)) !important; }
.border-vine-font-l { border-color: rgba(var(--rgb-vine-font-l), var(--bs-border-opacity)) !important; }
.border-vine-font-d { border-color: rgba(var(--rgb-vine-font-d), var(--bs-border-opacity)) !important; }
.border-vine-10 { border-color: rgba(var(--rgb-vine),.1) !important; }
.border-vine-20 { border-color: rgba(var(--rgb-vine),.2) !important; }
.border-vine-30 { border-color: rgba(var(--rgb-vine),.3) !important; }
.border-vine-40 { border-color: rgba(var(--rgb-vine),.4) !important; }
.border-vine-50 { border-color: rgba(var(--rgb-vine),.5) !important; }
.border-vine-60 { border-color: rgba(var(--rgb-vine),.6) !important; }
.border-vine-70 { border-color: rgba(var(--rgb-vine),.7) !important; }
.border-vine-80 { border-color: rgba(var(--rgb-vine),.8) !important; }
.border-vine-90 { border-color: rgba(var(--rgb-vine),.9) !important; }

.border-vine-gradient-d { border-image: var(--vine-gradient-d) !important; }
.border-vine-gradient-d-inverse { border-image: var(--vine-gradient-d-inverse) !important; }
.border-vine-gradient { border-image: var(--vine-gradient) !important; }
.border-vine-gradient-h { border-image: var(--vine-gradient-h) !important; }
.border-vine-gradient-h-inverse { border-image: var(--vine-gradient-h-inverse) !important; }
.border-vine-gradient-v { border-image: var(--vine-gradient-v) !important; }
.border-vine-gradient-v-inverse { border-image: var(--vine-gradient-v-inverse) !important; }

/* Border Colors : We Chat Colors */
.border-wechat { border-color: rgba(var(--rgb-wechat), var(--bs-border-opacity)) !important; }
.border-wechat-l1 { border-color: rgba(var(--rgb-wechat-l1), var(--bs-border-opacity)) !important; }
.border-wechat-l2 { border-color: rgba(var(--rgb-wechat-l2), var(--bs-border-opacity)) !important; }
.border-wechat-l3 { border-color: rgba(var(--rgb-wechat-l3), var(--bs-border-opacity)) !important; }
.border-wechat-d1 { border-color: rgba(var(--rgb-wechat-d1), var(--bs-border-opacity)) !important; }
.border-wechat-d2 { border-color: rgba(var(--rgb-wechat-d2), var(--bs-border-opacity)) !important; }
.border-wechat-d3 { border-color: rgba(var(--rgb-wechat-d3), var(--bs-border-opacity)) !important; }
.border-wechat-font { border-color: rgba(var(--rgb-wechat-font), var(--bs-border-opacity)) !important; }
.border-wechat-font-l { border-color: rgba(var(--rgb-wechat-font-l), var(--bs-border-opacity)) !important; }
.border-wechat-font-d { border-color: rgba(var(--rgb-wechat-font-d), var(--bs-border-opacity)) !important; }
.border-wechat-10 { border-color: rgba(var(--rgb-wechat),.1) !important; }
.border-wechat-20 { border-color: rgba(var(--rgb-wechat),.2) !important; }
.border-wechat-30 { border-color: rgba(var(--rgb-wechat),.3) !important; }
.border-wechat-40 { border-color: rgba(var(--rgb-wechat),.4) !important; }
.border-wechat-50 { border-color: rgba(var(--rgb-wechat),.5) !important; }
.border-wechat-60 { border-color: rgba(var(--rgb-wechat),.6) !important; }
.border-wechat-70 { border-color: rgba(var(--rgb-wechat),.7) !important; }
.border-wechat-80 { border-color: rgba(var(--rgb-wechat),.8) !important; }
.border-wechat-90 { border-color: rgba(var(--rgb-wechat),.9) !important; }

.border-wechat-gradient-d { border-image: var(--wechat-gradient-d) !important; }
.border-wechat-gradient-d-inverse { border-image: var(--wechat-gradient-d-inverse) !important; }
.border-wechat-gradient { border-image: var(--wechat-gradient) !important; }
.border-wechat-gradient-h { border-image: var(--wechat-gradient-h) !important; }
.border-wechat-gradient-h-inverse { border-image: var(--wechat-gradient-h-inverse) !important; }
.border-wechat-gradient-v { border-image: var(--wechat-gradient-v) !important; }
.border-wechat-gradient-v-inverse { border-image: var(--wechat-gradient-v-inverse) !important; }

/* Border Colors : WhatsApp Colors */
.border-whatsapp { border-color: rgba(var(--rgb-whatsapp), var(--bs-border-opacity)) !important; }
.border-whatsapp-l1 { border-color: rgba(var(--rgb-whatsapp-l1), var(--bs-border-opacity)) !important; }
.border-whatsapp-l2 { border-color: rgba(var(--rgb-whatsapp-l2), var(--bs-border-opacity)) !important; }
.border-whatsapp-l3 { border-color: rgba(var(--rgb-whatsapp-l3), var(--bs-border-opacity)) !important; }
.border-whatsapp-d1 { border-color: rgba(var(--rgb-whatsapp-d1), var(--bs-border-opacity)) !important; }
.border-whatsapp-d2 { border-color: rgba(var(--rgb-whatsapp-d2), var(--bs-border-opacity)) !important; }
.border-whatsapp-d3 { border-color: rgba(var(--rgb-whatsapp-d3), var(--bs-border-opacity)) !important; }
.border-whatsapp-font { border-color: rgba(var(--rgb-whatsapp-font), var(--bs-border-opacity)) !important; }
.border-whatsapp-font-l { border-color: rgba(var(--rgb-whatsapp-font-l), var(--bs-border-opacity)) !important; }
.border-whatsapp-font-d { border-color: rgba(var(--rgb-whatsapp-font-d), var(--bs-border-opacity)) !important; }
.border-whatsapp-10 { border-color: rgba(var(--rgb-whatsapp),.1) !important; }
.border-whatsapp-20 { border-color: rgba(var(--rgb-whatsapp),.2) !important; }
.border-whatsapp-30 { border-color: rgba(var(--rgb-whatsapp),.3) !important; }
.border-whatsapp-40 { border-color: rgba(var(--rgb-whatsapp),.4) !important; }
.border-whatsapp-50 { border-color: rgba(var(--rgb-whatsapp),.5) !important; }
.border-whatsapp-60 { border-color: rgba(var(--rgb-whatsapp),.6) !important; }
.border-whatsapp-70 { border-color: rgba(var(--rgb-whatsapp),.7) !important; }
.border-whatsapp-80 { border-color: rgba(var(--rgb-whatsapp),.8) !important; }
.border-whatsapp-90 { border-color: rgba(var(--rgb-whatsapp),.9) !important; }

.border-whatsapp-gradient-d { border-image: var(--whatsapp-gradient-d) !important; }
.border-whatsapp-gradient-d-inverse { border-image: var(--whatsapp-gradient-d-inverse) !important; }
.border-whatsapp-gradient { border-image: var(--whatsapp-gradient) !important; }
.border-whatsapp-gradient-h { border-image: var(--whatsapp-gradient-h) !important; }
.border-whatsapp-gradient-h-inverse { border-image: var(--whatsapp-gradient-h-inverse) !important; }
.border-whatsapp-gradient-v { border-image: var(--whatsapp-gradient-v) !important; }
.border-whatsapp-gradient-v-inverse { border-image: var(--whatsapp-gradient-v-inverse) !important; }

/* Border Colors : Windows Live Colors */
.border-windowslive { border-color: rgba(var(--rgb-windowslive), var(--bs-border-opacity)) !important; }
.border-windowslive-l1 { border-color: rgba(var(--rgb-windowslive-l1), var(--bs-border-opacity)) !important; }
.border-windowslive-l2 { border-color: rgba(var(--rgb-windowslive-l2), var(--bs-border-opacity)) !important; }
.border-windowslive-l3 { border-color: rgba(var(--rgb-windowslive-l3), var(--bs-border-opacity)) !important; }
.border-windowslive-d1 { border-color: rgba(var(--rgb-windowslive-d1), var(--bs-border-opacity)) !important; }
.border-windowslive-d2 { border-color: rgba(var(--rgb-windowslive-d2), var(--bs-border-opacity)) !important; }
.border-windowslive-d3 { border-color: rgba(var(--rgb-windowslive-d3), var(--bs-border-opacity)) !important; }
.border-windowslive-font { border-color: rgba(var(--rgb-windowslive-font), var(--bs-border-opacity)) !important; }
.border-windowslive-font-l { border-color: rgba(var(--rgb-windowslive-font-l), var(--bs-border-opacity)) !important; }
.border-windowslive-font-d { border-color: rgba(var(--rgb-windowslive-font-d), var(--bs-border-opacity)) !important; }
.border-windowslive-10 { border-color: rgba(var(--rgb-windowslive),.1) !important; }
.border-windowslive-20 { border-color: rgba(var(--rgb-windowslive),.2) !important; }
.border-windowslive-30 { border-color: rgba(var(--rgb-windowslive),.3) !important; }
.border-windowslive-40 { border-color: rgba(var(--rgb-windowslive),.4) !important; }
.border-windowslive-50 { border-color: rgba(var(--rgb-windowslive),.5) !important; }
.border-windowslive-60 { border-color: rgba(var(--rgb-windowslive),.6) !important; }
.border-windowslive-70 { border-color: rgba(var(--rgb-windowslive),.7) !important; }
.border-windowslive-80 { border-color: rgba(var(--rgb-windowslive),.8) !important; }
.border-windowslive-90 { border-color: rgba(var(--rgb-windowslive),.9) !important; }

.border-windowslive-gradient-d { border-image: var(--windowslive-gradient-d) !important; }
.border-windowslive-gradient-d-inverse { border-image: var(--windowslive-gradient-d-inverse) !important; }
.border-windowslive-gradient { border-image: var(--windowslive-gradient) !important; }
.border-windowslive-gradient-h { border-image: var(--windowslive-gradient-h) !important; }
.border-windowslive-gradient-h-inverse { border-image: var(--windowslive-gradient-h-inverse) !important; }
.border-windowslive-gradient-v { border-image: var(--windowslive-gradient-v) !important; }
.border-windowslive-gradient-v-inverse { border-image: var(--windowslive-gradient-v-inverse) !important; }

/* Border Colors : X Colors */
.border-x { border-color: rgba(var(--rgb-x), var(--bs-border-opacity)) !important; }
.border-x-l1 { border-color: rgba(var(--rgb-x-l1), var(--bs-border-opacity)) !important; }
.border-x-l2 { border-color: rgba(var(--rgb-x-l2), var(--bs-border-opacity)) !important; }
.border-x-l3 { border-color: rgba(var(--rgb-x-l3), var(--bs-border-opacity)) !important; }
.border-x-d1 { border-color: rgba(var(--rgb-x-d1), var(--bs-border-opacity)) !important; }
.border-x-d2 { border-color: rgba(var(--rgb-x-d2), var(--bs-border-opacity)) !important; }
.border-x-d3 { border-color: rgba(var(--rgb-x-d3), var(--bs-border-opacity)) !important; }
.border-x-font { border-color: rgba(var(--rgb-x-font), var(--bs-border-opacity)) !important; }
.border-x-font-l { border-color: rgba(var(--rgb-x-font-l), var(--bs-border-opacity)) !important; }
.border-x-font-d { border-color: rgba(var(--rgb-x-font-d), var(--bs-border-opacity)) !important; }
.border-x-10 { border-color: rgba(var(--rgb-x),.1) !important; }
.border-x-20 { border-color: rgba(var(--rgb-x),.2) !important; }
.border-x-30 { border-color: rgba(var(--rgb-x),.3) !important; }
.border-x-40 { border-color: rgba(var(--rgb-x),.4) !important; }
.border-x-50 { border-color: rgba(var(--rgb-x),.5) !important; }
.border-x-60 { border-color: rgba(var(--rgb-x),.6) !important; }
.border-x-70 { border-color: rgba(var(--rgb-x),.7) !important; }
.border-x-80 { border-color: rgba(var(--rgb-x),.8) !important; }
.border-x-90 { border-color: rgba(var(--rgb-x),.9) !important; }

.border-x-gradient-d { border-image: var(--x-gradient-d) !important; }
.border-x-gradient-d-inverse { border-image: var(--x-gradient-d-inverse) !important; }
.border-x-gradient { border-image: var(--x-gradient) !important; }
.border-x-gradient-h { border-image: var(--x-gradient-h) !important; }
.border-x-gradient-h-inverse { border-image: var(--x-gradient-h-inverse) !important; }
.border-x-gradient-v { border-image: var(--x-gradient-v) !important; }
.border-x-gradient-v-inverse { border-image: var(--x-gradient-v-inverse) !important; }

/* Border Colors : YouTube Colors */
.border-youtube { border-color: rgba(var(--rgb-youtube), var(--bs-border-opacity)) !important; }
.border-youtube-l1 { border-color: rgba(var(--rgb-youtube-l1), var(--bs-border-opacity)) !important; }
.border-youtube-l2 { border-color: rgba(var(--rgb-youtube-l2), var(--bs-border-opacity)) !important; }
.border-youtube-l3 { border-color: rgba(var(--rgb-youtube-l3), var(--bs-border-opacity)) !important; }
.border-youtube-d1 { border-color: rgba(var(--rgb-youtube-d1), var(--bs-border-opacity)) !important; }
.border-youtube-d2 { border-color: rgba(var(--rgb-youtube-d2), var(--bs-border-opacity)) !important; }
.border-youtube-d3 { border-color: rgba(var(--rgb-youtube-d3), var(--bs-border-opacity)) !important; }
.border-youtube-font { border-color: rgba(var(--rgb-youtube-font), var(--bs-border-opacity)) !important; }
.border-youtube-font-l { border-color: rgba(var(--rgb-youtube-font-l), var(--bs-border-opacity)) !important; }
.border-youtube-font-d { border-color: rgba(var(--rgb-youtube-font-d), var(--bs-border-opacity)) !important; }
.border-youtube-10 { border-color: rgba(var(--rgb-youtube),.1) !important; }
.border-youtube-20 { border-color: rgba(var(--rgb-youtube),.2) !important; }
.border-youtube-30 { border-color: rgba(var(--rgb-youtube),.3) !important; }
.border-youtube-40 { border-color: rgba(var(--rgb-youtube),.4) !important; }
.border-youtube-50 { border-color: rgba(var(--rgb-youtube),.5) !important; }
.border-youtube-60 { border-color: rgba(var(--rgb-youtube),.6) !important; }
.border-youtube-70 { border-color: rgba(var(--rgb-youtube),.7) !important; }
.border-youtube-80 { border-color: rgba(var(--rgb-youtube),.8) !important; }
.border-youtube-90 { border-color: rgba(var(--rgb-youtube),.9) !important; }

.border-youtube-gradient-d { border-image: var(--youtube-gradient-d) !important; }
.border-youtube-gradient-d-inverse { border-image: var(--youtube-gradient-d-inverse) !important; }
.border-youtube-gradient { border-image: var(--youtube-gradient) !important; }
.border-youtube-gradient-h { border-image: var(--youtube-gradient-h) !important; }
.border-youtube-gradient-h-inverse { border-image: var(--youtube-gradient-h-inverse) !important; }
.border-youtube-gradient-v { border-image: var(--youtube-gradient-v) !important; }
.border-youtube-gradient-v-inverse { border-image: var(--youtube-gradient-v-inverse) !important; }

/* Border Colors : zoom Colors */
.border-zoom { border-color: rgba(var(--rgb-zoom), var(--bs-border-opacity)) !important; }
.border-zoom-l1 { border-color: rgba(var(--rgb-zoom-l1), var(--bs-border-opacity)) !important; }
.border-zoom-l2 { border-color: rgba(var(--rgb-zoom-l2), var(--bs-border-opacity)) !important; }
.border-zoom-l3 { border-color: rgba(var(--rgb-zoom-l3), var(--bs-border-opacity)) !important; }
.border-zoom-d1 { border-color: rgba(var(--rgb-zoom-d1), var(--bs-border-opacity)) !important; }
.border-zoom-d2 { border-color: rgba(var(--rgb-zoom-d2), var(--bs-border-opacity)) !important; }
.border-zoom-d3 { border-color: rgba(var(--rgb-zoom-d3), var(--bs-border-opacity)) !important; }
.border-zoom-font { border-color: rgba(var(--rgb-zoom-font), var(--bs-border-opacity)) !important; }
.border-zoom-font-l { border-color: rgba(var(--rgb-zoom-font-l), var(--bs-border-opacity)) !important; }
.border-zoom-font-d { border-color: rgba(var(--rgb-zoom-font-d), var(--bs-border-opacity)) !important; }
.border-zoom-10 { border-color: rgba(var(--rgb-zoom),.1) !important; }
.border-zoom-20 { border-color: rgba(var(--rgb-zoom),.2) !important; }
.border-zoom-30 { border-color: rgba(var(--rgb-zoom),.3) !important; }
.border-zoom-40 { border-color: rgba(var(--rgb-zoom),.4) !important; }
.border-zoom-50 { border-color: rgba(var(--rgb-zoom),.5) !important; }
.border-zoom-60 { border-color: rgba(var(--rgb-zoom),.6) !important; }
.border-zoom-70 { border-color: rgba(var(--rgb-zoom),.7) !important; }
.border-zoom-80 { border-color: rgba(var(--rgb-zoom),.8) !important; }
.border-zoom-90 { border-color: rgba(var(--rgb-zoom),.9) !important; }

.border-zoom-gradient-d { border-image: var(--zoom-gradient-d) !important; }
.border-zoom-gradient-d-inverse { border-image: var(--zoom-gradient-d-inverse) !important; }
.border-zoom-gradient { border-image: var(--zoom-gradient) !important; }
.border-zoom-gradient-h { border-image: var(--zoom-gradient-h) !important; }
.border-zoom-gradient-h-inverse { border-image: var(--zoom-gradient-h-inverse) !important; }
.border-zoom-gradient-v { border-image: var(--zoom-gradient-v) !important; }
.border-zoom-gradient-v-inverse { border-image: var(--zoom-gradient-v-inverse) !important; }


/*  ## 3.3 Device-Specific Borders (sm, md, lg, xl, xxl) */

/* Border sm-device*/
@media (min-width: 500px) {

    .border-sm { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
    .border-sm-0 { border: 0 !important; }
    
    .border-top-sm { border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
    .border-top-sm-0 { border-top: 0 !important; }
    
    .border-end-sm { border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
    .border-end-sm-0 { border-right: 0 !important; }
    
    .border-bottom-sm { border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
    .border-bottom-sm-0 { border-bottom: 0 !important; }

    .border-start-sm { border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
    .border-start-sm-0 { border-left: 0 !important; }

}

/* Border md-device */
@media (min-width: 768px) {

    .border-md { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
    .border-md-0 { border: 0 !important; }

    .border-top-md { border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
    .border-top-md-0 { border-top: 0 !important; }

    .border-end-md { border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
    .border-end-md-0 { border-right: 0 !important; }

    .border-bottom-md { border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
    .border-bottom-md-0 { border-bottom: 0 !important; }

    .border-start-md { border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
    .border-start-md-0 { border-left: 0 !important; }
}

@media (min-width: 992px) {
    /* Border lg-device */
    .border-lg { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
    .border-lg-0 { border: 0 !important; }
    .border-top-lg { border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
    .border-top-lg-0 { border-top: 0 !important; }
    .border-end-lg { border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
    .border-end-lg-0 { border-right: 0 !important; }
    .border-bottom-lg { border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
    .border-bottom-lg-0 { border-bottom: 0 !important; }
    .border-start-lg { border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
    .border-start-lg-0 { border-left: 0 !important; }

}

@media (min-width: 1200px) {
    /* Border xl-device */
    .border-xl { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
    .border-xl-0 { border: 0 !important; }
    .border-top-xl { border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
    .border-top-xl-0 { border-top: 0 !important; }
    .border-end-xl { border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
    .border-end-xl-0 { border-right: 0 !important; }
    .border-bottom-xl { border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
    .border-bottom-xl-0 { border-bottom: 0 !important; }
    .border-start-xl { border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
    .border-start-xl-0 { border-left: 0 !important; }

}
@media (min-width: 1400px) {

    /* Border xxl-device */
    .border-xxl { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
    .border-xxl-0 { border: 0 !important; }
    .border-top-xxl { border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
    .border-top-xxl-0 { border-top: 0 !important; }
    .border-end-xxl { border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
    .border-end-xxl-0 { border-right: 0 !important; }
    .border-bottom-xxl { border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
    .border-bottom-xxl-0 { border-bottom: 0 !important; }
    .border-start-xxl { border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
    .border-start-xxl-0 { border-left: 0 !important; }

}

/*  # 4. Border Radius */

/*  ## 4.1 General Border Radius */

.radius-round-xl { border-radius: var(--roundXL) !important;}
.radius-round-l { border-radius: var(--roundL) !important; }
.radius-round-m { border-radius: var(--roundM) !important; }
.radius-round-s { border-radius: var(--roundS) !important; }
.radius-round-0 { border-radius: 0 !important; }

/*  ## 4.2 Top and Bottom Full Sides */

.radius-round-top-xl { border-top-left-radius: var(--roundXL) !important; border-top-right-radius: var(--roundXL) !important; }
.radius-round-top-l { border-top-left-radius: var(--roundL) !important; border-top-right-radius: var(--roundL) !important; }
.radius-round-top-m { border-top-left-radius: var(--roundM) !important; border-top-right-radius: var(--roundM) !important; }
.radius-round-top-s { border-top-left-radius: var(--roundS) !important; border-top-right-radius: var(--roundS) !important; }
.radius-round-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }

.radius-round-bottom-xl { border-bottom-left-radius: var(--roundXL) !important; border-bottom-right-radius: var(--roundXL) !important; }
.radius-round-bottom-l { border-bottom-left-radius: var(--roundL) !important; border-bottom-right-radius: var(--roundL) !important; }
.radius-round-bottom-m { border-bottom-left-radius: var(--roundM) !important; border-bottom-right-radius: var(--roundM) !important; }
.radius-round-bottom-s { border-bottom-left-radius: var(--roundS) !important; border-bottom-right-radius: var(--roundS) !important; }
.radius-round-bottom-0 { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; }

/*  ## 4.3 Left and Right Full Sides */

.radius-round-left-xl { border-top-left-radius: var(--roundXL) !important; border-bottom-left-radius: var(--roundXL) !important; }
.radius-round-left-l { border-top-left-radius: var(--roundL) !important; border-bottom-left-radius: var(--roundL) !important; }
.radius-round-left-m { border-top-left-radius: var(--roundM) !important; border-bottom-left-radius: var(--roundM) !important; }
.radius-round-left-s { border-top-left-radius: var(--roundS) !important; border-bottom-left-radius: var(--roundS) !important; }
.radius-round-left-0 { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }

.radius-round-right-xl { border-top-right-radius: var(--roundXL) !important; border-bottom-right-radius: var(--roundXL) !important; }
.radius-round-right-l { border-top-right-radius: var(--roundL) !important; border-bottom-right-radius: var(--roundL) !important; }
.radius-round-right-m { border-top-right-radius: var(--roundM) !important; border-bottom-right-radius: var(--roundM) !important; }
.radius-round-right-s { border-top-right-radius: var(--roundS) !important; border-bottom-right-radius: var(--roundS) !important; }
.radius-round-right-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }

/*  ## 4.4 Individual Corners */

.radius-round-top-left-xl { border-top-left-radius: var(--roundXL) !important; }
.radius-round-top-left-l { border-top-left-radius: var(--roundL) !important; }
.radius-round-top-left-m { border-top-left-radius: var(--roundM) !important; }
.radius-round-top-left-s { border-top-left-radius: var(--roundS) !important; }
.radius-round-top-left-0 { border-top-left-radius: 0 !important; }
.radius-round-top-right-xl { border-top-right-radius: var(--roundXL) !important; }

.radius-round-top-right-l { border-top-right-radius: var(--roundL) !important; }
.radius-round-top-right-m { border-top-right-radius: var(--roundM) !important; }
.radius-round-top-right-s { border-top-right-radius: var(--roundS) !important; }
.radius-round-top-right-0 { border-top-right-radius: 0 !important; }

.radius-round-bottom-left-xl { border-bottom-left-radius: var(--roundXL) !important; }
.radius-round-bottom-left-l { border-bottom-left-radius: var(--roundL) !important; }
.radius-round-bottom-left-m { border-bottom-left-radius: var(--roundM) !important; }
.radius-round-bottom-left-s { border-bottom-left-radius: var(--roundS) !important; }
.radius-round-bottom-left-0 { border-bottom-left-radius: 0 !important; }

.radius-round-bottom-right-xl { border-bottom-right-radius: var(--roundXL) !important; }
.radius-round-bottom-right-l { border-bottom-right-radius: var(--roundL) !important; }
.radius-round-bottom-right-m { border-bottom-right-radius: var(--roundM) !important; }
.radius-round-bottom-right-s { border-bottom-right-radius: var(--roundS) !important; }
.radius-round-bottom-right-0 { border-bottom-right-radius: 0 !important; }

/*  # 5. Dynamic Viewable Dimensions */


/*  ## 5.1 Dynamic Viewable Height (dvh) */

/* Dynamic Viewable Height dvh-# classes */
.dvh-0 { height: 0dvh !important; }
.dvh-5 { height: 5dvh !important; }
.dvh-10 { height: 10dvh !important; }
.dvh-15 { height: 15dvh !important; }
.dvh-20 { height: 20dvh !important; }
.dvh-25 { height: 25dvh !important; }
.dvh-30 { height: 30dvh !important; }
.dvh-35 { height: 35dvh !important; }
.dvh-40 { height: 40dvh !important; }
.dvh-45 { height: 45dvh !important; }
.dvh-50 { height: 50dvh !important; }
.dvh-55 { height: 55dvh !important; }
.dvh-60 { height: 60dvh !important; }
.dvh-65 { height: 65dvh !important; }
.dvh-70 { height: 70dvh !important; }
.dvh-75 { height: 75dvh !important; }
.dvh-80 { height: 80dvh !important; }
.dvh-85 { height: 85dvh !important; }
.dvh-90 { height: 90dvh !important; }
.dvh-95 { height: 95dvh !important; }
.dvh-100 { height: 100dvh !important; }
.dvh-105 { height: 105dvh !important; }
.dvh-110 { height: 110dvh !important; }
.dvh-115 { height: 115dvh !important; }
.dvh-120 { height: 120dvh !important; }
.dvh-125 { height: 125dvh !important; }
.dvh-130 { height: 130dvh !important; }
.dvh-135 { height: 135dvh !important; }
.dvh-140 { height: 140dvh !important; }
.dvh-145 { height: 145dvh !important; }
.dvh-150 { height: 150dvh !important; }


/*  ## 5.2 Responsive Dynamic Height (sm, md, lg, etc.) */

/* Dynamic Viewable Height responsive : Small devices (≥500px) */
@media (min-width: 500px) {
    .dvh-sm-0 { height: 0dvh !important; }
    .dvh-sm-5 { height: 5dvh !important; }
    .dvh-sm-10 { height: 10dvh !important; }
    .dvh-sm-15 { height: 15dvh !important; }
    .dvh-sm-20 { height: 20dvh !important; }
    .dvh-sm-25 { height: 25dvh !important; }
    .dvh-sm-30 { height: 30dvh !important; }
    .dvh-sm-35 { height: 35dvh !important; }
    .dvh-sm-40 { height: 40dvh !important; }
    .dvh-sm-45 { height: 45dvh !important; }
    .dvh-sm-50 { height: 50dvh !important; }
    .dvh-sm-55 { height: 55dvh !important; }
    .dvh-sm-60 { height: 60dvh !important; }
    .dvh-sm-65 { height: 65dvh !important; }
    .dvh-sm-70 { height: 70dvh !important; }
    .dvh-sm-75 { height: 75dvh !important; }
    .dvh-sm-80 { height: 80dvh !important; }
    .dvh-sm-85 { height: 85dvh !important; }
    .dvh-sm-90 { height: 90dvh !important; }
    .dvh-sm-95 { height: 95dvh !important; }
    .dvh-sm-100 { height: 100dvh !important; }
    .dvh-sm-105 { height: 105dvh !important; }
    .dvh-sm-110 { height: 110dvh !important; }
    .dvh-sm-115 { height: 115dvh !important; }
    .dvh-sm-120 { height: 120dvh !important; }
    .dvh-sm-125 { height: 125dvh !important; }
    .dvh-sm-130 { height: 130dvh !important; }
    .dvh-sm-135 { height: 135dvh !important; }
    .dvh-sm-140 { height: 140dvh !important; }
    .dvh-sm-145 { height: 145dvh !important; }
    .dvh-sm-150 { height: 150dvh !important; }
}
/* Dynamic Viewable Height responsive : Medium devices (≥768px) */
@media (min-width: 768px) {
    .dvh-md-0 { height: 0dvh !important; }
    .dvh-md-5 { height: 5dvh !important; }
    .dvh-md-10 { height: 10dvh !important; }
    .dvh-md-15 { height: 15dvh !important; }
    .dvh-md-20 { height: 20dvh !important; }
    .dvh-md-25 { height: 25dvh !important; }
    .dvh-md-30 { height: 30dvh !important; }
    .dvh-md-35 { height: 35dvh !important; }
    .dvh-md-40 { height: 40dvh !important; }
    .dvh-md-45 { height: 45dvh !important; }
    .dvh-md-50 { height: 50dvh !important; }
    .dvh-md-55 { height: 55dvh !important; }
    .dvh-md-60 { height: 60dvh !important; }
    .dvh-md-65 { height: 65dvh !important; }
    .dvh-md-70 { height: 70dvh !important; }
    .dvh-md-75 { height: 75dvh !important; }
    .dvh-md-80 { height: 80dvh !important; }
    .dvh-md-85 { height: 85dvh !important; }
    .dvh-md-90 { height: 90dvh !important; }
    .dvh-md-95 { height: 95dvh !important; }
    .dvh-md-100 { height: 100dvh !important; }
    .dvh-md-105 { height: 105dvh !important; }
    .dvh-md-110 { height: 110dvh !important; }
    .dvh-md-115 { height: 115dvh !important; }
    .dvh-md-120 { height: 120dvh !important; }
    .dvh-md-125 { height: 125dvh !important; }
    .dvh-md-130 { height: 130dvh !important; }
    .dvh-md-135 { height: 135dvh !important; }
    .dvh-md-140 { height: 140dvh !important; }
    .dvh-md-145 { height: 145dvh !important; }
    .dvh-md-150 { height: 150dvh !important; }
}
/* Dynamic Viewable Height responsive : Large devices (≥992px) */
@media (min-width: 992px) {
    .dvh-lg-0 { height: 0dvh !important; }
    .dvh-lg-5 { height: 5dvh !important; }
    .dvh-lg-10 { height: 10dvh !important; }
    .dvh-lg-15 { height: 15dvh !important; }
    .dvh-lg-20 { height: 20dvh !important; }
    .dvh-lg-25 { height: 25dvh !important; }
    .dvh-lg-30 { height: 30dvh !important; }
    .dvh-lg-35 { height: 35dvh !important; }
    .dvh-lg-40 { height: 40dvh !important; }
    .dvh-lg-45 { height: 45dvh !important; }
    .dvh-lg-50 { height: 50dvh !important; }
    .dvh-lg-55 { height: 55dvh !important; }
    .dvh-lg-60 { height: 60dvh !important; }
    .dvh-lg-65 { height: 65dvh !important; }
    .dvh-lg-70 { height: 70dvh !important; }
    .dvh-lg-75 { height: 75dvh !important; }
    .dvh-lg-80 { height: 80dvh !important; }
    .dvh-lg-85 { height: 85dvh !important; }
    .dvh-lg-90 { height: 90dvh !important; }
    .dvh-lg-95 { height: 95dvh !important; }
    .dvh-lg-100 { height: 100dvh !important; }
    .dvh-lg-105 { height: 105dvh !important; }
    .dvh-lg-110 { height: 110dvh !important; }
    .dvh-lg-115 { height: 115dvh !important; }
    .dvh-lg-120 { height: 120dvh !important; }
    .dvh-lg-125 { height: 125dvh !important; }
    .dvh-lg-130 { height: 130dvh !important; }
    .dvh-lg-135 { height: 135dvh !important; }
    .dvh-lg-140 { height: 140dvh !important; }
    .dvh-lg-145 { height: 145dvh !important; }
    .dvh-lg-150 { height: 150dvh !important; }
}
/* Dynamic Viewable Height responsive : Extra large devices (≥1200px) */
@media (min-width: 1200px) {
    .dvh-xl-0 { height: 0dvh !important; }
    .dvh-xl-5 { height: 5dvh !important; }
    .dvh-xl-10 { height: 10dvh !important; }
    .dvh-xl-15 { height: 15dvh !important; }
    .dvh-xl-20 { height: 20dvh !important; }
    .dvh-xl-25 { height: 25dvh !important; }
    .dvh-xl-30 { height: 30dvh !important; }
    .dvh-xl-35 { height: 35dvh !important; }
    .dvh-xl-40 { height: 40dvh !important; }
    .dvh-xl-45 { height: 45dvh !important; }
    .dvh-xl-50 { height: 50dvh !important; }
    .dvh-xl-55 { height: 55dvh !important; }
    .dvh-xl-60 { height: 60dvh !important; }
    .dvh-xl-65 { height: 65dvh !important; }
    .dvh-xl-70 { height: 70dvh !important; }
    .dvh-xl-75 { height: 75dvh !important; }
    .dvh-xl-80 { height: 80dvh !important; }
    .dvh-xl-85 { height: 85dvh !important; }
    .dvh-xl-90 { height: 90dvh !important; }
    .dvh-xl-95 { height: 95dvh !important; }
    .dvh-xl-100 { height: 100dvh !important; }
    .dvh-xl-105 { height: 105dvh !important; }
    .dvh-xl-110 { height: 110dvh !important; }
    .dvh-xl-115 { height: 115dvh !important; }
    .dvh-xl-120 { height: 120dvh !important; }
    .dvh-xl-125 { height: 125dvh !important; }
    .dvh-xl-130 { height: 130dvh !important; }
    .dvh-xl-135 { height: 135dvh !important; }
    .dvh-xl-140 { height: 140dvh !important; }
    .dvh-xl-145 { height: 145dvh !important; }
    .dvh-xl-150 { height: 150dvh !important; }
}
/* Dynamic Viewable Height responsive : Extra extra large devices (≥1400px) */
@media (min-width: 1400px) {
    .dvh-xxl-0 { height: 0dvh !important; }
    .dvh-xxl-5 { height: 5dvh !important; }
    .dvh-xxl-10 { height: 10dvh !important; }
    .dvh-xxl-15 { height: 15dvh !important; }
    .dvh-xxl-20 { height: 20dvh !important; }
    .dvh-xxl-25 { height: 25dvh !important; }
    .dvh-xxl-30 { height: 30dvh !important; }
    .dvh-xxl-35 { height: 35dvh !important; }
    .dvh-xxl-40 { height: 40dvh !important; }
    .dvh-xxl-45 { height: 45dvh !important; }
    .dvh-xxl-50 { height: 50dvh !important; }
    .dvh-xxl-55 { height: 55dvh !important; }
    .dvh-xxl-60 { height: 60dvh !important; }
    .dvh-xxl-65 { height: 65dvh !important; }
    .dvh-xxl-70 { height: 70dvh !important; }
    .dvh-xxl-75 { height: 75dvh !important; }
    .dvh-xxl-80 { height: 80dvh !important; }
    .dvh-xxl-85 { height: 85dvh !important; }
    .dvh-xxl-90 { height: 90dvh !important; }
    .dvh-xxl-95 { height: 95dvh !important; }
    .dvh-xxl-100 { height: 100dvh !important; }
    .dvh-xxl-105 { height: 105dvh !important; }
    .dvh-xxl-110 { height: 110dvh !important; }
    .dvh-xxl-115 { height: 115dvh !important; }
    .dvh-xxl-120 { height: 120dvh !important; }
    .dvh-xxl-125 { height: 125dvh !important; }
    .dvh-xxl-130 { height: 130dvh !important; }
    .dvh-xxl-135 { height: 135dvh !important; }
    .dvh-xxl-140 { height: 140dvh !important; }
    .dvh-xxl-145 { height: 145dvh !important; }
    .dvh-xxl-150 { height: 150dvh !important; }
}


/*  ## 5.3 Dynamic Viewable Width (dvw) */

/* Dynamic Viewable Width dvw-# classes */
.dvw-0 { width: 0dvw !important; }
.dvw-5 { width: 5dvw !important; }
.dvw-10 { width: 10dvw !important; }
.dvw-15 { width: 15dvw !important; }
.dvw-20 { width: 20dvw !important; }
.dvw-25 { width: 25dvw !important; }
.dvw-30 { width: 30dvw !important; }
.dvw-35 { width: 35dvw !important; }
.dvw-40 { width: 40dvw !important; }
.dvw-45 { width: 45dvw !important; }
.dvw-50 { width: 50dvw !important; }
.dvw-55 { width: 55dvw !important; }
.dvw-60 { width: 60dvw !important; }
.dvw-65 { width: 65dvw !important; }
.dvw-70 { width: 70dvw !important; }
.dvw-75 { width: 75dvw !important; }
.dvw-80 { width: 80dvw !important; }
.dvw-85 { width: 85dvw !important; }
.dvw-90 { width: 90dvw !important; }
.dvw-95 { width: 95dvw !important; }
.dvw-100 { width: 100dvw !important; }
.dvw-105 { width: 105dvw !important; }
.dvw-110 { width: 110dvw !important; }
.dvw-115 { width: 115dvw !important; }
.dvw-120 { width: 120dvw !important; }
.dvw-125 { width: 125dvw !important; }
.dvw-130 { width: 130dvw !important; }
.dvw-135 { width: 135dvw !important; }
.dvw-140 { width: 140dvw !important; }
.dvw-145 { width: 145dvw !important; }
.dvw-150 { width: 150dvw !important; }


/*  ## 5.4 Responsive Dynamic Width (sm, md, lg, etc.) */

/* Dynamic Viewable Width : Small devices (≥500px) */
@media (min-width: 500px) {
    .dvw-sm-0 { width: 0dvw !important; }
    .dvw-sm-5 { width: 5dvw !important; }
    .dvw-sm-10 { width: 10dvw !important; }
    .dvw-sm-15 { width: 15dvw !important; }
    .dvw-sm-20 { width: 20dvw !important; }
    .dvw-sm-25 { width: 25dvw !important; }
    .dvw-sm-30 { width: 30dvw !important; }
    .dvw-sm-35 { width: 35dvw !important; }
    .dvw-sm-40 { width: 40dvw !important; }
    .dvw-sm-45 { width: 45dvw !important; }
    .dvw-sm-50 { width: 50dvw !important; }
    .dvw-sm-55 { width: 55dvw !important; }
    .dvw-sm-60 { width: 60dvw !important; }
    .dvw-sm-65 { width: 65dvw !important; }
    .dvw-sm-70 { width: 70dvw !important; }
    .dvw-sm-75 { width: 75dvw !important; }
    .dvw-sm-80 { width: 80dvw !important; }
    .dvw-sm-85 { width: 85dvw !important; }
    .dvw-sm-90 { width: 90dvw !important; }
    .dvw-sm-95 { width: 95dvw !important; }
    .dvw-sm-100 { width: 100dvw !important; }
    .dvw-sm-105 { width: 105dvw !important; }
    .dvw-sm-110 { width: 110dvw !important; }
    .dvw-sm-115 { width: 115dvw !important; }
    .dvw-sm-120 { width: 120dvw !important; }
    .dvw-sm-125 { width: 125dvw !important; }
    .dvw-sm-130 { width: 130dvw !important; }
    .dvw-sm-135 { width: 135dvw !important; }
    .dvw-sm-140 { width: 140dvw !important; }
    .dvw-sm-145 { width: 145dvw !important; }
    .dvw-sm-150 { width: 150dvw !important; }
}
/* Dynamic Viewable Width : Medium devices (≥768px) */
@media (min-width: 768px) {
    .dvw-md-0 { width: 0dvw !important; }
    .dvw-md-5 { width: 5dvw !important; }
    .dvw-md-10 { width: 10dvw !important; }
    .dvw-md-15 { width: 15dvw !important; }
    .dvw-md-20 { width: 20dvw !important; }
    .dvw-md-25 { width: 25dvw !important; }
    .dvw-md-30 { width: 30dvw !important; }
    .dvw-md-35 { width: 35dvw !important; }
    .dvw-md-40 { width: 40dvw !important; }
    .dvw-md-45 { width: 45dvw !important; }
    .dvw-md-50 { width: 50dvw !important; }
    .dvw-md-55 { width: 55dvw !important; }
    .dvw-md-60 { width: 60dvw !important; }
    .dvw-md-65 { width: 65dvw !important; }
    .dvw-md-70 { width: 70dvw !important; }
    .dvw-md-75 { width: 75dvw !important; }
    .dvw-md-80 { width: 80dvw !important; }
    .dvw-md-85 { width: 85dvw !important; }
    .dvw-md-90 { width: 90dvw !important; }
    .dvw-md-95 { width: 95dvw !important; }
    .dvw-md-100 { width: 100dvw !important; }
    .dvw-md-105 { width: 105dvw !important; }
    .dvw-md-110 { width: 110dvw !important; }
    .dvw-md-115 { width: 115dvw !important; }
    .dvw-md-120 { width: 120dvw !important; }
    .dvw-md-125 { width: 125dvw !important; }
    .dvw-md-130 { width: 130dvw !important; }
    .dvw-md-135 { width: 135dvw !important; }
    .dvw-md-140 { width: 140dvw !important; }
    .dvw-md-145 { width: 145dvw !important; }
    .dvw-md-150 { width: 150dvw !important; }
}
/* Dynamic Viewable Width : Large devices (≥992px) */
@media (min-width: 992px) {
    .dvw-lg-0 { width: 0dvw !important; }
    .dvw-lg-5 { width: 5dvw !important; }
    .dvw-lg-10 { width: 10dvw !important; }
    .dvw-lg-15 { width: 15dvw !important; }
    .dvw-lg-20 { width: 20dvw !important; }
    .dvw-lg-25 { width: 25dvw !important; }
    .dvw-lg-30 { width: 30dvw !important; }
    .dvw-lg-35 { width: 35dvw !important; }
    .dvw-lg-40 { width: 40dvw !important; }
    .dvw-lg-45 { width: 45dvw !important; }
    .dvw-lg-50 { width: 50dvw !important; }
    .dvw-lg-55 { width: 55dvw !important; }
    .dvw-lg-60 { width: 60dvw !important; }
    .dvw-lg-65 { width: 65dvw !important; }
    .dvw-lg-70 { width: 70dvw !important; }
    .dvw-lg-75 { width: 75dvw !important; }
    .dvw-lg-80 { width: 80dvw !important; }
    .dvw-lg-85 { width: 85dvw !important; }
    .dvw-lg-90 { width: 90dvw !important; }
    .dvw-lg-95 { width: 95dvw !important; }
    .dvw-lg-100 { width: 100dvw !important; }
    .dvw-lg-105 { width: 105dvw !important; }
    .dvw-lg-110 { width: 110dvw !important; }
    .dvw-lg-115 { width: 115dvw !important; }
    .dvw-lg-120 { width: 120dvw !important; }
    .dvw-lg-125 { width: 125dvw !important; }
    .dvw-lg-130 { width: 130dvw !important; }
    .dvw-lg-135 { width: 135dvw !important; }
    .dvw-lg-140 { width: 140dvw !important; }
    .dvw-lg-145 { width: 145dvw !important; }
    .dvw-lg-150 { width: 150dvw !important; }
}
/* Dynamic Viewable Width : Extra large devices (≥1200px) */
@media (min-width: 1200px) {
    .dvw-xl-0 { width: 0dvw !important; }
    .dvw-xl-5 { width: 5dvw !important; }
    .dvw-xl-10 { width: 10dvw !important; }
    .dvw-xl-15 { width: 15dvw !important; }
    .dvw-xl-20 { width: 20dvw !important; }
    .dvw-xl-25 { width: 25dvw !important; }
    .dvw-xl-30 { width: 30dvw !important; }
    .dvw-xl-35 { width: 35dvw !important; }
    .dvw-xl-40 { width: 40dvw !important; }
    .dvw-xl-45 { width: 45dvw !important; }
    .dvw-xl-50 { width: 50dvw !important; }
    .dvw-xl-55 { width: 55dvw !important; }
    .dvw-xl-60 { width: 60dvw !important; }
    .dvw-xl-65 { width: 65dvw !important; }
    .dvw-xl-70 { width: 70dvw !important; }
    .dvw-xl-75 { width: 75dvw !important; }
    .dvw-xl-80 { width: 80dvw !important; }
    .dvw-xl-85 { width: 85dvw !important; }
    .dvw-xl-90 { width: 90dvw !important; }
    .dvw-xl-95 { width: 95dvw !important; }
    .dvw-xl-100 { width: 100dvw !important; }
    .dvw-xl-105 { width: 105dvw !important; }
    .dvw-xl-110 { width: 110dvw !important; }
    .dvw-xl-115 { width: 115dvw !important; }
    .dvw-xl-120 { width: 120dvw !important; }
    .dvw-xl-125 { width: 125dvw !important; }
    .dvw-xl-130 { width: 130dvw !important; }
    .dvw-xl-135 { width: 135dvw !important; }
    .dvw-xl-140 { width: 140dvw !important; }
    .dvw-xl-145 { width: 145dvw !important; }
    .dvw-xl-150 { width: 150dvw !important; }
}
/* Dynamic Viewable Width : Extra extra large devices (≥1400px) */
@media (min-width: 1400px) {
    .dvw-xxl-0 { width: 0dvw !important; }
    .dvw-xxl-5 { width: 5dvw !important; }
    .dvw-xxl-10 { width: 10dvw !important; }
    .dvw-xxl-15 { width: 15dvw !important; }
    .dvw-xxl-20 { width: 20dvw !important; }
    .dvw-xxl-25 { width: 25dvw !important; }
    .dvw-xxl-30 { width: 30dvw !important; }
    .dvw-xxl-35 { width: 35dvw !important; }
    .dvw-xxl-40 { width: 40dvw !important; }
    .dvw-xxl-45 { width: 45dvw !important; }
    .dvw-xxl-50 { width: 50dvw !important; }
    .dvw-xxl-55 { width: 55dvw !important; }
    .dvw-xxl-60 { width: 60dvw !important; }
    .dvw-xxl-65 { width: 65dvw !important; }
    .dvw-xxl-70 { width: 70dvw !important; }
    .dvw-xxl-75 { width: 75dvw !important; }
    .dvw-xxl-80 { width: 80dvw !important; }
    .dvw-xxl-85 { width: 85dvw !important; }
    .dvw-xxl-90 { width: 90dvw !important; }
    .dvw-xxl-95 { width: 95dvw !important; }
    .dvw-xxl-100 { width: 100dvw !important; }
    .dvw-xxl-105 { width: 105dvw !important; }
    .dvw-xxl-110 { width: 110dvw !important; }
    .dvw-xxl-115 { width: 115dvw !important; }
    .dvw-xxl-120 { width: 120dvw !important; }
    .dvw-xxl-125 { width: 125dvw !important; }
    .dvw-xxl-130 { width: 130dvw !important; }
    .dvw-xxl-135 { width: 135dvw !important; }
    .dvw-xxl-140 { width: 140dvw !important; }
    .dvw-xxl-145 { width: 145dvw !important; }
    .dvw-xxl-150 { width: 150dvw !important; }
}


/*  # 6. Typography */


/*  ## 6.1 Font Family */
.font-family-body { font-family: var(--font-family-sans-serif) !important; }
.font-family-header { font-family: var(--font-family-header) !important; }
.font-family-button { font-family: var(--font-family-button) !important; }
.font-family-monospace { font-family: var(--font-family-monospace) !important; }

/*  ## 6.2 Font Size */

/* Font Size */
.fs-xl { font-size: 1.25rem !important; }
.fs-lg { font-size: 1.125rem !important; }
.fs-base { font-size: 1rem !important; }
.fs-sm { font-size: 0.875rem !important; }
.fs-xs { font-size: 0.75rem !important; }
/* Font Size */
.font-size-xs { font-size: .7rem !important; }
.font-size-s { font-size: .8rem !important; }
.font-size-m { font-size: .9rem !important; }
.font-size-l { font-size: 1.1rem !important; }
.font-size-xl { font-size: 1.2rem !important; }
.font-size-xxl { font-size: 1.3rem !important; }
.font-size-xxxl { font-size: 1.6rem !important; }
.font-size-xxxxl { font-size: 2.1rem !important; }
.font-size-xxxxxl { font-size: 2.5rem !important; }

/*  ## 6.3 Responsive Font Sizes */
@media (min-width: 500px) {
    /* Font Size Responsive*/
    .font-size-xs { font-size: .8rem !important; }
    .font-size-s { font-size: .9rem !important; }
    .font-size-m { font-size: 1rem !important; }
    .font-size-l { font-size: 1.2rem !important; }
    .font-size-xl { font-size: 1.4rem !important; }
    .font-size-xxl { font-size: 1.7rem !important; }
    .font-size-xxxl { font-size: 2.1rem !important; }
    .font-size-xxxxl { font-size: 2.6rem !important; }
    .font-size-xxxxxl { font-size: 3rem !important; }
}
@media (min-width: 768px) {
    /* Font Size Responsive*/
    .font-size-xs { font-size: .8rem !important; }
    .font-size-s { font-size: .9rem !important; }
    .font-size-m { font-size: 1rem !important; }
    .font-size-l { font-size: 1.2rem !important; }
    .font-size-xl { font-size: 1.5rem !important; }
    .font-size-xxl { font-size: 1.8rem !important; }
    .font-size-xxxl { font-size: 2.2rem !important; }
    .font-size-xxxxl { font-size: 2.7rem !important; }
    .font-size-xxxxxl { font-size: 3.2rem !important; }
}
@media (min-width: 992px) {
    /* Font Size Responsive*/
    .font-size-xs { font-size: .8rem !important; }
    .font-size-s { font-size: .9rem !important; }
    .font-size-m { font-size: 1rem !important; }
    .font-size-l { font-size: 1.2rem !important; }
    .font-size-xl { font-size: 1.5rem !important; }
    .font-size-xxl { font-size: 1.8rem !important; }
    .font-size-xxxl { font-size: 2.5rem !important; }
    .font-size-xxxxl { font-size: 3.5rem !important; }
    .font-size-xxxxxl { font-size: 4.5rem !important; }
}

/*  ## 6.4 Font Weight */

/* Font Weight */
.fw-medium { font-weight: 600 !important; }  
.fw-semibold { font-weight: 700 !important; } 
.fw-bold { font-weight: 800 !important } ; 
.fw-500 { font-weight: 500 !important; }
.fw-300 { font-weight: 300 !important; }
.fw-400 { font-weight: 400 !important; }
.fw-600 { font-weight: 600 !important; }
.fw-700 { font-weight: 700 !important; }
.fw-800 { font-weight: 800 !important; }
.fw-900 { font-weight: 900 !important; }


/*  # 7. Line Height */


/*  ## 7.1 Line Height Overrides */

.lh-sm { line-height: 1.4 !important; } 
.lh-base { line-height: 1.6 !important; } 
.lh-lg { line-height: 1.8 !important; } 


/*  # 8. Margin */


/*  ## 8.1 General Margin */


/*  ## 8.2 Negative Margin */

.m-n1 { margin: -0.25rem !important; }
.m-n2 { margin: -0.5rem !important; }
.m-n3 { margin: -1rem !important; }
.m-n4 { margin: -1.5rem !important; }
.m-n5 { margin: -3rem !important; }

/* - Margin X negative */

.mx-n1 { margin-right: -0.25rem !important; margin-left: -0.25rem !important; }
.mx-n2 { margin-right: -0.5rem !important; margin-left: -0.5rem !important; }
.mx-n3 { margin-right: -1rem !important; margin-left: -1rem !important; }
.mx-n4 { margin-right: -1.5rem !important; margin-left: -1.5rem !important; }
.mx-n5 { margin-right: -3rem !important; margin-left: -3rem !important; }

/* - Margin Y negative */

.my-n1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; }
.my-n2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; }
.my-n3 { margin-top: -1rem !important; margin-bottom: -1rem !important; }
.my-n4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important; }
.my-n5 { margin-top: -3rem !important; margin-bottom: -3rem !important; }

/* - Margin Top negative */

.mt-n1 { margin-top: -0.25rem !important; }
.mt-n2 { margin-top: -0.5rem !important; }
.mt-n3 { margin-top: -1rem !important; }
.mt-n4 { margin-top: -1.5rem !important; }
.mt-n5 { margin-top: -3rem !important; }

/* - Margin End/Right negative */

.me-n1 { margin-right: -0.25rem !important; }
.me-n2 { margin-right: -0.5rem !important; }
.me-n3 { margin-right: -1rem !important; }
.me-n4 { margin-right: -1.5rem !important; }
.me-n5 { margin-right: -3rem !important; }

/* - Margin Bottom negative */

.mb-n1 { margin-bottom: -0.25rem !important; }
.mb-n2 { margin-bottom: -0.5rem !important; }
.mb-n3 { margin-bottom: -1rem !important; }
.mb-n4 { margin-bottom: -1.5rem !important; }
.mb-n5 { margin-bottom: -3rem !important; }

/* - Margin Start/Left negative */

.ms-n1 { margin-left: -0.25rem !important; }
.ms-n2 { margin-left: -0.5rem !important; }
.ms-n3 { margin-left: -1rem !important; }
.ms-n4 { margin-left: -1.5rem !important; }
.ms-n5 { margin-left: -3rem !important; }

/*  ## 8.3 Device-Specific Margins (sm, md, lg, xl, xxl) */

@media (min-width: 500px) {
    /* Margin sm-device*/

    .m-sm-n1 { margin: -0.25rem !important; }
    .m-sm-n2 { margin: -0.5rem !important; }
    .m-sm-n3 { margin: -1rem !important; }
    .m-sm-n4 { margin: -1.5rem !important; }
    .m-sm-n5 { margin: -3rem !important; }

    /* Margin X sm-device*/

    .mx-sm-n1 { margin-right: -0.25rem !important; margin-left: -0.25rem !important; }
    .mx-sm-n2 { margin-right: -0.5rem !important; margin-left: -0.5rem !important; }
    .mx-sm-n3 { margin-right: -1rem !important; margin-left: -1rem !important; }
    .mx-sm-n4 { margin-right: -1.5rem !important; margin-left: -1.5rem !important; }
    .mx-sm-n5 { margin-right: -3rem !important; margin-left: -3rem !important; }

    /* Margin Y sm-device*/

    .my-sm-n1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; }
    .my-sm-n2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; }
    .my-sm-n3 { margin-top: -1rem !important; margin-bottom: -1rem !important; }
    .my-sm-n4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important; }
    .my-sm-n5 { margin-top: -3rem !important; margin-bottom: -3rem !important; }

    /* Margin Top sm-device*/

    .mt-sm-n1 { margin-top: -0.25rem !important; }
    .mt-sm-n2 { margin-top: -0.5rem !important; }
    .mt-sm-n3 { margin-top: -1rem !important; }
    .mt-sm-n4 { margin-top: -1.5rem !important; }
    .mt-sm-n5 { margin-top: -3rem !important; }

    /* Margin End/Right sm-device*/

    .me-sm-n1 { margin-right: -0.25rem !important; }
    .me-sm-n2 { margin-right: -0.5rem !important; }
    .me-sm-n3 { margin-right: -1rem !important; }
    .me-sm-n4 { margin-right: -1.5rem !important; }
    .me-sm-n5 { margin-right: -3rem !important; }

    /* Margin Bottom sm-device*/

    .mb-sm-n1 { margin-bottom: -0.25rem !important; }
    .mb-sm-n2 { margin-bottom: -0.5rem !important; }
    .mb-sm-n3 { margin-bottom: -1rem !important; }
    .mb-sm-n4 { margin-bottom: -1.5rem !important; }

    /* Margin Start/Left sm-device*/

    .mb-sm-n5 { margin-bottom: -3rem !important; }
    .ms-sm-n1 { margin-left: -0.25rem !important; }
    .ms-sm-n2 { margin-left: -0.5rem !important; }
    .ms-sm-n3 { margin-left: -1rem !important; }
    .ms-sm-n4 { margin-left: -1.5rem !important; }
    .ms-sm-n5 { margin-left: -3rem !important; }
}


@media (min-width: 768px) {
    /* Margin md-device */
    .m-md-n1 { margin: -0.25rem !important; }
    .m-md-n2 { margin: -0.5rem !important; }
    .m-md-n3 { margin: -1rem !important; }
    .m-md-n4 { margin: -1.5rem !important; }
    .m-md-n5 { margin: -3rem !important; }

    /* Margin X md-device */

    .mx-md-n1 { margin-right: -0.25rem !important; margin-left: -0.25rem !important; }
    .mx-md-n2 { margin-right: -0.5rem !important; margin-left: -0.5rem !important; }
    .mx-md-n3 { margin-right: -1rem !important; margin-left: -1rem !important; }
    .mx-md-n4 { margin-right: -1.5rem !important; margin-left: -1.5rem !important; }
    .mx-md-n5 { margin-right: -3rem !important; margin-left: -3rem !important; }

    /* Margin Y md-device */

    .my-md-n1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; }
    .my-md-n2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; }
    .my-md-n3 { margin-top: -1rem !important; margin-bottom: -1rem !important; }
    .my-md-n4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important; }
    .my-md-n5 { margin-top: -3rem !important; margin-bottom: -3rem !important; }

    /* Margin Top md-device */

    .mt-md-n1 { margin-top: -0.25rem !important; }
    .mt-md-n2 { margin-top: -0.5rem !important; }
    .mt-md-n3 { margin-top: -1rem !important; }
    .mt-md-n4 { margin-top: -1.5rem !important; }
    .mt-md-n5 { margin-top: -3rem !important; }

    /* Margin End/Right md-device */

    .me-md-n1 { margin-right: -0.25rem !important; }
    .me-md-n2 { margin-right: -0.5rem !important; }
    .me-md-n3 { margin-right: -1rem !important; }
    .me-md-n4 { margin-right: -1.5rem !important; }
    .me-md-n5 { margin-right: -3rem !important; }

    /* Margin Bottom md-device */

    .mb-md-n1 { margin-bottom: -0.25rem !important; }
    .mb-md-n2 { margin-bottom: -0.5rem !important; }
    .mb-md-n3 { margin-bottom: -1rem !important; }
    .mb-md-n4 { margin-bottom: -1.5rem !important; }
    .mb-md-n5 { margin-bottom: -3rem !important; }

    /* Margin Start/Left md-device */

    .ms-md-n1 { margin-left: -0.25rem !important; }
    .ms-md-n2 { margin-left: -0.5rem !important; }
    .ms-md-n3 { margin-left: -1rem !important; }
    .ms-md-n4 { margin-left: -1.5rem !important; }
    .ms-md-n5 { margin-left: -3rem !important; }

}

@media (min-width: 992px) {
    /* Margin lg-device */
    .m-lg-n1 { margin: -0.25rem !important; }
    .m-lg-n2 { margin: -0.5rem !important; }
    .m-lg-n3 { margin: -1rem !important; }
    .m-lg-n4 { margin: -1.5rem !important; }
    .m-lg-n5 { margin: -3rem !important; }
    /* Margin X lg-device */
    .mx-lg-n1 { margin-right: -0.25rem !important; margin-left: -0.25rem !important; }
    .mx-lg-n2 { margin-right: -0.5rem !important; margin-left: -0.5rem !important; }
    .mx-lg-n3 { margin-right: -1rem !important; margin-left: -1rem !important; }
    .mx-lg-n4 { margin-right: -1.5rem !important; margin-left: -1.5rem !important; }
    .mx-lg-n5 { margin-right: -3rem !important; margin-left: -3rem !important; }
    /* Margin Y lg-device */
    .my-lg-n1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; }
    .my-lg-n2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; }
    .my-lg-n3 { margin-top: -1rem !important; margin-bottom: -1rem !important; }
    .my-lg-n4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important; }
    .my-lg-n5 { margin-top: -3rem !important; margin-bottom: -3rem !important; }
    /* Margin Top lg-device */
    .mt-lg-n1 { margin-top: -0.25rem !important; }
    .mt-lg-n2 { margin-top: -0.5rem !important; }
    .mt-lg-n3 { margin-top: -1rem !important; }
    .mt-lg-n4 { margin-top: -1.5rem !important; }
    .mt-lg-n5 { margin-top: -3rem !important; }
    /* Margin End/Right lg-device */
    .me-lg-n1 { margin-right: -0.25rem !important; }
    .me-lg-n2 { margin-right: -0.5rem !important; }
    .me-lg-n3 { margin-right: -1rem !important; }
    .me-lg-n4 { margin-right: -1.5rem !important; }
    .me-lg-n5 { margin-right: -3rem !important; }
    /* Margin Bottom lg-device */
    .mb-lg-n1 { margin-bottom: -0.25rem !important; }
    .mb-lg-n2 { margin-bottom: -0.5rem !important; }
    .mb-lg-n3 { margin-bottom: -1rem !important; }
    .mb-lg-n4 { margin-bottom: -1.5rem !important; }
    .mb-lg-n5 { margin-bottom: -3rem !important; }
    /* Margin Start/Left lg-device */
    .ms-lg-n1 { margin-left: -0.25rem !important; }
    .ms-lg-n2 { margin-left: -0.5rem !important; }
    .ms-lg-n3 { margin-left: -1rem !important; }
    .ms-lg-n4 { margin-left: -1.5rem !important; }
    .ms-lg-n5 { margin-left: -3rem !important; }
}

@media (min-width: 1200px) {
    /* Margin X xl-device */
    .mx-xl-n1 { margin-right: -0.25rem !important; margin-left: -0.25rem !important; }
    .mx-xl-n2 { margin-right: -0.5rem !important; margin-left: -0.5rem !important; }
    .mx-xl-n3 { margin-right: -1rem !important; margin-left: -1rem !important; }
    .mx-xl-n4 { margin-right: -1.5rem !important; margin-left: -1.5rem !important; }
    .mx-xl-n5 { margin-right: -3rem !important; margin-left: -3rem !important; }
    /* Margin Y xl-device */
    .my-xl-n1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; }
    .my-xl-n2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; }
    .my-xl-n3 { margin-top: -1rem !important; margin-bottom: -1rem !important; }
    .my-xl-n4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important; }
    .my-xl-n5 { margin-top: -3rem !important; margin-bottom: -3rem !important; }
    /* Margin Top xl-device */
    .mt-xl-n1 { margin-top: -0.25rem !important; }
    .mt-xl-n2 { margin-top: -0.5rem !important; }
    .mt-xl-n3 { margin-top: -1rem !important; }
    .mt-xl-n4 { margin-top: -1.5rem !important; }
    .mt-xl-n5 { margin-top: -3rem !important; }
    /* Margin End/Right xl-device */
    .me-xl-n1 { margin-right: -0.25rem !important; }
    .me-xl-n2 { margin-right: -0.5rem !important; }
    .me-xl-n3 { margin-right: -1rem !important; }
    .me-xl-n4 { margin-right: -1.5rem !important; }
    .me-xl-n5 { margin-right: -3rem !important; }
    /* Margin Bottom xl-device */
    .mb-xl-n1 { margin-bottom: -0.25rem !important; }
    .mb-xl-n2 { margin-bottom: -0.5rem !important; }
    .mb-xl-n3 { margin-bottom: -1rem !important; }
    .mb-xl-n4 { margin-bottom: -1.5rem !important; }
    .mb-xl-n5 { margin-bottom: -3rem !important; }
    /* Margin Start/Left xl-device */
    .ms-xl-n1 { margin-left: -0.25rem !important; }
    .ms-xl-n2 { margin-left: -0.5rem !important; }
    .ms-xl-n3 { margin-left: -1rem !important; }
    .ms-xl-n4 { margin-left: -1.5rem !important; }
    .ms-xl-n5 { margin-left: -3rem !important; }
}
    
@media (min-width: 1400px) {
    /* Margin xxl-device */
    .m-xxl-n1 { margin: -0.25rem !important; }
    .m-xxl-n2 { margin: -0.5rem !important; }
    .m-xxl-n3 { margin: -1rem !important; }
    .m-xxl-n4 { margin: -1.5rem !important; }
    .m-xxl-n5 { margin: -3rem !important; }
    /* Margin X xxl-device */
    .mx-xxl-n1 { margin-right: -0.25rem !important; margin-left: -0.25rem !important; }
    .mx-xxl-n2 { margin-right: -0.5rem !important; margin-left: -0.5rem !important; }
    .mx-xxl-n3 { margin-right: -1rem !important; margin-left: -1rem !important; }
    .mx-xxl-n4 { margin-right: -1.5rem !important; margin-left: -1.5rem !important; }
    .mx-xxl-n5 { margin-right: -3rem !important; margin-left: -3rem !important; }
    /* Margin Y xxl-device */
    .my-xxl-n1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; }
    .my-xxl-n2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; }
    .my-xxl-n3 { margin-top: -1rem !important; margin-bottom: -1rem !important; }
    .my-xxl-n4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important; }
    .my-xxl-n5 { margin-top: -3rem !important; margin-bottom: -3rem !important; }
    /* Margin Top xxl-device */
    .mt-xxl-n1 { margin-top: -0.25rem !important; }
    .mt-xxl-n2 { margin-top: -0.5rem !important; }
    .mt-xxl-n3 { margin-top: -1rem !important; }
    .mt-xxl-n4 { margin-top: -1.5rem !important; }
    .mt-xxl-n5 { margin-top: -3rem !important; }
    /* Margin End/Right xxl-device */
    .me-xxl-n1 { margin-right: -0.25rem !important; }
    .me-xxl-n2 { margin-right: -0.5rem !important; }
    .me-xxl-n3 { margin-right: -1rem !important; }
    .me-xxl-n4 { margin-right: -1.5rem !important; }
    .me-xxl-n5 { margin-right: -3rem !important; }
    /* Margin Bottom xxl-device */
    .mb-xxl-n1 { margin-bottom: -0.25rem !important; }
    .mb-xxl-n2 { margin-bottom: -0.5rem !important; }
    .mb-xxl-n3 { margin-bottom: -1rem !important; }
    .mb-xxl-n4 { margin-bottom: -1.5rem !important; }
    .mb-xxl-n5 { margin-bottom: -3rem !important; }
    /* Margin Start/Left xxl-device */
    .ms-xxl-n1 { margin-left: -0.25rem !important; }
    .ms-xxl-n2 { margin-left: -0.5rem !important; }
    .ms-xxl-n3 { margin-left: -1rem !important; }
    .ms-xxl-n4 { margin-left: -1.5rem !important; }
    .ms-xxl-n5 { margin-left: -3rem !important; }
}

/*  # 9. Opacity */


/*  ## 9.1 Element Opacity */

.opacity-8 { opacity: 0.08 !important; }    
.opacity-10 { opacity: 0.1 !important; }
.opacity-15 { opacity: 0.15 !important; }
.opacity-35 { opacity: 0.35 !important;}
.opacity-40 { opacity: 0.4 !important; }
.opacity-60 { opacity: 0.6 !important; }
.opacity-70 { opacity: 0.7 !important; }
.opacity-80 { opacity: 0.8 !important; }
.opacity-90 { opacity: 0.9 !important; }


/*  # 10. Positioning */


/*  ## 10.1 Fixed/Absolute Positioning */

/* Fixed Absolute Positioning : left-# and left-n# classes */
.left-n50 { left: -50% !important; }
.left-n45 { left: -45% !important; }
.left-n40 { left: -40% !important; }
.left-n35 { left: -35% !important; }
.left-n30 { left: -30% !important; }
.left-n25 { left: -25% !important; }
.left-n20 { left: -20% !important; }
.left-n15 { left: -15% !important; }
.left-n10 { left: -10% !important; }
.left-n5 { left: -5% !important; }
.left-0 { left: 0% !important; }
.left-5 { left: 5% !important; }
.left-10 { left: 10% !important; }
.left-15 { left: 15% !important; }
.left-20 { left: 20% !important; }
.left-25 { left: 25% !important; }
.left-30 { left: 30% !important; }
.left-35 { left: 35% !important; }
.left-40 { left: 40% !important; }
.left-45 { left: 45% !important; }
.left-50 { left: 50% !important; }
.left-55 { left: 55% !important; }
.left-60 { left: 60% !important; }
.left-65 { left: 65% !important; }
.left-70 { left: 70% !important; }
.left-75 { left: 75% !important; }
.left-80 { left: 80% !important; }
.left-85 { left: 85% !important; }
.left-90 { left: 90% !important; }
.left-95 { left: 95% !important; }
.left-100 { left: 100% !important; }

/* Fixed Absolute Positioning : left-# and left-n# : Small devices (≥500px) */
@media (min-width: 500px) {
    .left-sm-n50 { left: -50% !important; }
    .left-sm-n45 { left: -45% !important; }
    .left-sm-n40 { left: -40% !important; }
    .left-sm-n35 { left: -35% !important; }
    .left-sm-n30 { left: -30% !important; }
    .left-sm-n25 { left: -25% !important; }
    .left-sm-n20 { left: -20% !important; }
    .left-sm-n15 { left: -15% !important; }
    .left-sm-n10 { left: -10% !important; }
    .left-sm-n5 { left: -5% !important; }
    .left-sm-0 { left: 0% !important; }
    .left-sm-5 { left: 5% !important; }
    .left-sm-10 { left: 10% !important; }
    .left-sm-15 { left: 15% !important; }
    .left-sm-20 { left: 20% !important; }
    .left-sm-25 { left: 25% !important; }
    .left-sm-30 { left: 30% !important; }
    .left-sm-35 { left: 35% !important; }
    .left-sm-40 { left: 40% !important; }
    .left-sm-45 { left: 45% !important; }
    .left-sm-50 { left: 50% !important; }
    .left-sm-55 { left: 55% !important; }
    .left-sm-60 { left: 60% !important; }
    .left-sm-65 { left: 65% !important; }
    .left-sm-70 { left: 70% !important; }
    .left-sm-75 { left: 75% !important; }
    .left-sm-80 { left: 80% !important; }
    .left-sm-85 { left: 85% !important; }
    .left-sm-90 { left: 90% !important; }
    .left-sm-95 { left: 95% !important; }
    .left-sm-100 { left: 100% !important; }
}
/* Fixed Absolute Positioning : left-# and left-n# : Medium devices (≥768px) */
@media (min-width: 768px) {
    .left-md-n50 { left: -50% !important; }
    .left-md-n45 { left: -45% !important; }
    .left-md-n40 { left: -40% !important; }
    .left-md-n35 { left: -35% !important; }
    .left-md-n30 { left: -30% !important; }
    .left-md-n25 { left: -25% !important; }
    .left-md-n20 { left: -20% !important; }
    .left-md-n15 { left: -15% !important; }
    .left-md-n10 { left: -10% !important; }
    .left-md-n5 { left: -5% !important; }
    .left-md-0 { left: 0% !important; }
    .left-md-5 { left: 5% !important; }
    .left-md-10 { left: 10% !important; }
    .left-md-15 { left: 15% !important; }
    .left-md-20 { left: 20% !important; }
    .left-md-25 { left: 25% !important; }
    .left-md-30 { left: 30% !important; }
    .left-md-35 { left: 35% !important; }
    .left-md-40 { left: 40% !important; }
    .left-md-45 { left: 45% !important; }
    .left-md-50 { left: 50% !important; }
    .left-md-55 { left: 55% !important; }
    .left-md-60 { left: 60% !important; }
    .left-md-65 { left: 65% !important; }
    .left-md-70 { left: 70% !important; }
    .left-md-75 { left: 75% !important; }
    .left-md-80 { left: 80% !important; }
    .left-md-85 { left: 85% !important; }
    .left-md-90 { left: 90% !important; }
    .left-md-95 { left: 95% !important; }
    .left-md-100 { left: 100% !important; }
}
/* Fixed Absolute Positioning : left-# and left-n# : Large devices (≥992px) */
@media (min-width: 992px) {
    .left-lg-n50 { left: -50% !important; }
    .left-lg-n45 { left: -45% !important; }
    .left-lg-n40 { left: -40% !important; }
    .left-lg-n35 { left: -35% !important; }
    .left-lg-n30 { left: -30% !important; }
    .left-lg-n25 { left: -25% !important; }
    .left-lg-n20 { left: -20% !important; }
    .left-lg-n15 { left: -15% !important; }
    .left-lg-n10 { left: -10% !important; }
    .left-lg-n5 { left: -5% !important; }
    .left-lg-0 { left: 0% !important; }
    .left-lg-5 { left: 5% !important; }
    .left-lg-10 { left: 10% !important; }
    .left-lg-15 { left: 15% !important; }
    .left-lg-20 { left: 20% !important; }
    .left-lg-25 { left: 25% !important; }
    .left-lg-30 { left: 30% !important; }
    .left-lg-35 { left: 35% !important; }
    .left-lg-40 { left: 40% !important; }
    .left-lg-45 { left: 45% !important; }
    .left-lg-50 { left: 50% !important; }
    .left-lg-55 { left: 55% !important; }
    .left-lg-60 { left: 60% !important; }
    .left-lg-65 { left: 65% !important; }
    .left-lg-70 { left: 70% !important; }
    .left-lg-75 { left: 75% !important; }
    .left-lg-80 { left: 80% !important; }
    .left-lg-85 { left: 85% !important; }
    .left-lg-90 { left: 90% !important; }
    .left-lg-95 { left: 95% !important; }
    .left-lg-100 { left: 100% !important; }
}
/* Fixed Absolute Positioning : left-# and left-n# : Extra large devices (≥1200px) */
@media (min-width: 1200px) {
    .left-xl-n50 { left: -50% !important; }
    .left-xl-n45 { left: -45% !important; }
    .left-xl-n40 { left: -40% !important; }
    .left-xl-n35 { left: -35% !important; }
    .left-xl-n30 { left: -30% !important; }
    .left-xl-n25 { left: -25% !important; }
    .left-xl-n20 { left: -20% !important; }
    .left-xl-n15 { left: -15% !important; }
    .left-xl-n10 { left: -10% !important; }
    .left-xl-n5 { left: -5% !important; }
    .left-xl-0 { left: 0% !important; }
    .left-xl-5 { left: 5% !important; }
    .left-xl-10 { left: 10% !important; }
    .left-xl-15 { left: 15% !important; }
    .left-xl-20 { left: 20% !important; }
    .left-xl-25 { left: 25% !important; }
    .left-xl-30 { left: 30% !important; }
    .left-xl-35 { left: 35% !important; }
    .left-xl-40 { left: 40% !important; }
    .left-xl-45 { left: 45% !important; }
    .left-xl-50 { left: 50% !important; }
    .left-xl-55 { left: 55% !important; }
    .left-xl-60 { left: 60% !important; }
    .left-xl-65 { left: 65% !important; }
    .left-xl-70 { left: 70% !important; }
    .left-xl-75 { left: 75% !important; }
    .left-xl-80 { left: 80% !important; }
    .left-xl-85 { left: 85% !important; }
    .left-xl-90 { left: 90% !important; }
    .left-xl-95 { left: 95% !important; }
    .left-xl-100 { left: 100% !important; }
}
/* Fixed Absolute Positioning : left-# and left-n# : Extra extra large devices (≥1400px) */
@media (min-width: 1400px) {
    .left-xxl-n50 { left: -50% !important; }
    .left-xxl-n45 { left: -45% !important; }
    .left-xxl-n40 { left: -40% !important; }
    .left-xxl-n35 { left: -35% !important; }
    .left-xxl-n30 { left: -30% !important; }
    .left-xxl-n25 { left: -25% !important; }
    .left-xxl-n20 { left: -20% !important; }
    .left-xxl-n15 { left: -15% !important; }
    .left-xxl-n10 { left: -10% !important; }
    .left-xxl-n5 { left: -5% !important; }
    .left-xxl-0 { left: 0% !important; }
    .left-xxl-5 { left: 5% !important; }
    .left-xxl-10 { left: 10% !important; }
    .left-xxl-15 { left: 15% !important; }
    .left-xxl-20 { left: 20% !important; }
    .left-xxl-25 { left: 25% !important; }
    .left-xxl-30 { left: 30% !important; }
    .left-xxl-35 { left: 35% !important; }
    .left-xxl-40 { left: 40% !important; }
    .left-xxl-45 { left: 45% !important; }
    .left-xxl-50 { left: 50% !important; }
    .left-xxl-55 { left: 55% !important; }
    .left-xxl-60 { left: 60% !important; }
    .left-xxl-65 { left: 65% !important; }
    .left-xxl-70 { left: 70% !important; }
    .left-xxl-75 { left: 75% !important; }
    .left-xxl-80 { left: 80% !important; }
    .left-xxl-85 { left: 85% !important; }
    .left-xxl-90 { left: 90% !important; }
    .left-xxl-95 { left: 95% !important; }
    .left-xxl-100 { left: 100% !important; }
}
/* Fixed Absolute Positioning : right-# and right-n# classes */
.right-n50 { right: -50% !important; }
.right-n45 { right: -45% !important; }
.right-n40 { right: -40% !important; }
.right-n35 { right: -35% !important; }
.right-n30 { right: -30% !important; }
.right-n25 { right: -25% !important; }
.right-n20 { right: -20% !important; }
.right-n15 { right: -15% !important; }
.right-n10 { right: -10% !important; }
.right-n5 { right: -5% !important; }
.right-0 { right: 0% !important; }
.right-5 { right: 5% !important; }
.right-10 { right: 10% !important; }
.right-15 { right: 15% !important; }
.right-20 { right: 20% !important; }
.right-25 { right: 25% !important; }
.right-30 { right: 30% !important; }
.right-35 { right: 35% !important; }
.right-40 { right: 40% !important; }
.right-45 { right: 45% !important; }
.right-50 { right: 50% !important; }
.right-55 { right: 55% !important; }
.right-60 { right: 60% !important; }
.right-65 { right: 65% !important; }
.right-70 { right: 70% !important; }
.right-75 { right: 75% !important; }
.right-80 { right: 80% !important; }
.right-85 { right: 85% !important; }
.right-90 { right: 90% !important; }
.right-95 { right: 95% !important; }
.right-100 { right: 100% !important; }
/* Fixed Absolute Positioning : right-# and right-n# : Small devices (≥576px) */
@media (min-width: 500px) {
    .right-sm-n50 { right: -50% !important; }
    .right-sm-n45 { right: -45% !important; }
    .right-sm-n40 { right: -40% !important; }
    .right-sm-n35 { right: -35% !important; }
    .right-sm-n30 { right: -30% !important; }
    .right-sm-n25 { right: -25% !important; }
    .right-sm-n20 { right: -20% !important; }
    .right-sm-n15 { right: -15% !important; }
    .right-sm-n10 { right: -10% !important; }
    .right-sm-n5 { right: -5% !important; }
    .right-sm-0 { right: 0% !important; }
    .right-sm-5 { right: 5% !important; }
    .right-sm-10 { right: 10% !important; }
    .right-sm-15 { right: 15% !important; }
    .right-sm-20 { right: 20% !important; }
    .right-sm-25 { right: 25% !important; }
    .right-sm-30 { right: 30% !important; }
    .right-sm-35 { right: 35% !important; }
    .right-sm-40 { right: 40% !important; }
    .right-sm-45 { right: 45% !important; }
    .right-sm-50 { right: 50% !important; }
    .right-sm-55 { right: 55% !important; }
    .right-sm-60 { right: 60% !important; }
    .right-sm-65 { right: 65% !important; }
    .right-sm-70 { right: 70% !important; }
    .right-sm-75 { right: 75% !important; }
    .right-sm-80 { right: 80% !important; }
    .right-sm-85 { right: 85% !important; }
    .right-sm-90 { right: 90% !important; }
    .right-sm-95 { right: 95% !important; }
    .right-sm-100 { right: 100% !important; }
}
/* Fixed Absolute Positioning : right-# and right-n# : Medium devices (≥768px) */
@media (min-width: 768px) {
    .right-md-n50 { right: -50% !important; }
    .right-md-n45 { right: -45% !important; }
    .right-md-n40 { right: -40% !important; }
    .right-md-n35 { right: -35% !important; }
    .right-md-n30 { right: -30% !important; }
    .right-md-n25 { right: -25% !important; }
    .right-md-n20 { right: -20% !important; }
    .right-md-n15 { right: -15% !important; }
    .right-md-n10 { right: -10% !important; }
    .right-md-n5 { right: -5% !important; }
    .right-md-0 { right: 0% !important; }
    .right-md-5 { right: 5% !important; }
    .right-md-10 { right: 10% !important; }
    .right-md-15 { right: 15% !important; }
    .right-md-20 { right: 20% !important; }
    .right-md-25 { right: 25% !important; }
    .right-md-30 { right: 30% !important; }
    .right-md-35 { right: 35% !important; }
    .right-md-40 { right: 40% !important; }
    .right-md-45 { right: 45% !important; }
    .right-md-50 { right: 50% !important; }
    .right-md-55 { right: 55% !important; }
    .right-md-60 { right: 60% !important; }
    .right-md-65 { right: 65% !important; }
    .right-md-70 { right: 70% !important; }
    .right-md-75 { right: 75% !important; }
    .right-md-80 { right: 80% !important; }
    .right-md-85 { right: 85% !important; }
    .right-md-90 { right: 90% !important; }
    .right-md-95 { right: 95% !important; }
    .right-md-100 { right: 100% !important; }
}
/* Fixed Absolute Positioning : right-# and right-n# : Large devices (≥992px) */
@media (min-width: 992px) {
    .right-lg-n50 { right: -50% !important; }
    .right-lg-n45 { right: -45% !important; }
    .right-lg-n40 { right: -40% !important; }
    .right-lg-n35 { right: -35% !important; }
    .right-lg-n30 { right: -30% !important; }
    .right-lg-n25 { right: -25% !important; }
    .right-lg-n20 { right: -20% !important; }
    .right-lg-n15 { right: -15% !important; }
    .right-lg-n10 { right: -10% !important; }
    .right-lg-n5 { right: -5% !important; }
    .right-lg-0 { right: 0% !important; }
    .right-lg-5 { right: 5% !important; }
    .right-lg-10 { right: 10% !important; }
    .right-lg-15 { right: 15% !important; }
    .right-lg-20 { right: 20% !important; }
    .right-lg-25 { right: 25% !important; }
    .right-lg-30 { right: 30% !important; }
    .right-lg-35 { right: 35% !important; }
    .right-lg-40 { right: 40% !important; }
    .right-lg-45 { right: 45% !important; }
    .right-lg-50 { right: 50% !important; }
    .right-lg-55 { right: 55% !important; }
    .right-lg-60 { right: 60% !important; }
    .right-lg-65 { right: 65% !important; }
    .right-lg-70 { right: 70% !important; }
    .right-lg-75 { right: 75% !important; }
    .right-lg-80 { right: 80% !important; }
    .right-lg-85 { right: 85% !important; }
    .right-lg-90 { right: 90% !important; }
    .right-lg-95 { right: 95% !important; }
    .right-lg-100 { right: 100% !important; }
}
/* Fixed Absolute Positioning : right-# and right-n# : Extra large devices (≥1200px) */
@media (min-width: 1200px) {
    .right-xl-n50 { right: -50% !important; }
    .right-xl-n45 { right: -45% !important; }
    .right-xl-n40 { right: -40% !important; }
    .right-xl-n35 { right: -35% !important; }
    .right-xl-n30 { right: -30% !important; }
    .right-xl-n25 { right: -25% !important; }
    .right-xl-n20 { right: -20% !important; }
    .right-xl-n15 { right: -15% !important; }
    .right-xl-n10 { right: -10% !important; }
    .right-xl-n5 { right: -5% !important; }
    .right-xl-0 { right: 0% !important; }
    .right-xl-5 { right: 5% !important; }
    .right-xl-10 { right: 10% !important; }
    .right-xl-15 { right: 15% !important; }
    .right-xl-20 { right: 20% !important; }
    .right-xl-25 { right: 25% !important; }
    .right-xl-30 { right: 30% !important; }
    .right-xl-35 { right: 35% !important; }
    .right-xl-40 { right: 40% !important; }
    .right-xl-45 { right: 45% !important; }
    .right-xl-50 { right: 50% !important; }
    .right-xl-55 { right: 55% !important; }
    .right-xl-60 { right: 60% !important; }
    .right-xl-65 { right: 65% !important; }
    .right-xl-70 { right: 70% !important; }
    .right-xl-75 { right: 75% !important; }
    .right-xl-80 { right: 80% !important; }
    .right-xl-85 { right: 85% !important; }
    .right-xl-90 { right: 90% !important; }
    .right-xl-95 { right: 95% !important; }
    .right-xl-100 { right: 100% !important; }
}
/* Fixed Absolute Positioning : right-# and right-n# : Extra extra large devices (≥1400px) */
@media (min-width: 1400px) {
    .right-xxl-n50 { right: -50% !important; }
    .right-xxl-n45 { right: -45% !important; }
    .right-xxl-n40 { right: -40% !important; }
    .right-xxl-n35 { right: -35% !important; }
    .right-xxl-n30 { right: -30% !important; }
    .right-xxl-n25 { right: -25% !important; }
    .right-xxl-n20 { right: -20% !important; }
    .right-xxl-n15 { right: -15% !important; }
    .right-xxl-n10 { right: -10% !important; }
    .right-xxl-n5 { right: -5% !important; }
    .right-xxl-0 { right: 0% !important; }
    .right-xxl-5 { right: 5% !important; }
    .right-xxl-10 { right: 10% !important; }
    .right-xxl-15 { right: 15% !important; }
    .right-xxl-20 { right: 20% !important; }
    .right-xxl-25 { right: 25% !important; }
    .right-xxl-30 { right: 30% !important; }
    .right-xxl-35 { right: 35% !important; }
    .right-xxl-40 { right: 40% !important; }
    .right-xxl-45 { right: 45% !important; }
    .right-xxl-50 { right: 50% !important; }
    .right-xxl-55 { right: 55% !important; }
    .right-xxl-60 { right: 60% !important; }
    .right-xxl-65 { right: 65% !important; }
    .right-xxl-70 { right: 70% !important; }
    .right-xxl-75 { right: 75% !important; }
    .right-xxl-80 { right: 80% !important; }
    .right-xxl-85 { right: 85% !important; }
    .right-xxl-90 { right: 90% !important; }
    .right-xxl-95 { right: 95% !important; }
    .right-xxl-100 { right: 100% !important; }
}
/* Fixed Absolute Positioning : top-# and top-n# classes */
.top-n50 { top: -50% !important; }
.top-n45 { top: -45% !important; }
.top-n40 { top: -40% !important; }
.top-n35 { top: -35% !important; }
.top-n30 { top: -30% !important; }
.top-n25 { top: -25% !important; }
.top-n20 { top: -20% !important; }
.top-n15 { top: -15% !important; }
.top-n10 { top: -10% !important; }
.top-n5 { top: -5% !important; }
.top-0 { top: 0% !important; }
.top-5 { top: 5% !important; }
.top-10 { top: 10% !important; }
.top-15 { top: 15% !important; }
.top-20 { top: 20% !important; }
.top-25 { top: 25% !important; }
.top-30 { top: 30% !important; }
.top-35 { top: 35% !important; }
.top-40 { top: 40% !important; }
.top-45 { top: 45% !important; }
.top-50 { top: 50% !important; }
.top-55 { top: 55% !important; }
.top-60 { top: 60% !important; }
.top-65 { top: 65% !important; }
.top-70 { top: 70% !important; }
.top-75 { top: 75% !important; }
.top-80 { top: 80% !important; }
.top-85 { top: 85% !important; }
.top-90 { top: 90% !important; }
.top-95 { top: 95% !important; }
.top-100 { top: 100% !important; }
/* Fixed Absolute Positioning : top-# and top-n# : Small devices (≥500px) */
@media (min-width: 500px) {
    .top-sm-n50 { top: -50% !important; }
    .top-sm-n45 { top: -45% !important; }
    .top-sm-n40 { top: -40% !important; }
    .top-sm-n35 { top: -35% !important; }
    .top-sm-n30 { top: -30% !important; }
    .top-sm-n25 { top: -25% !important; }
    .top-sm-n20 { top: -20% !important; }
    .top-sm-n15 { top: -15% !important; }
    .top-sm-n10 { top: -10% !important; }
    .top-sm-n5 { top: -5% !important; }
    .top-sm-0 { top: 0% !important; }
    .top-sm-5 { top: 5% !important; }
    .top-sm-10 { top: 10% !important; }
    .top-sm-15 { top: 15% !important; }
    .top-sm-20 { top: 20% !important; }
    .top-sm-25 { top: 25% !important; }
    .top-sm-30 { top: 30% !important; }
    .top-sm-35 { top: 35% !important; }
    .top-sm-40 { top: 40% !important; }
    .top-sm-45 { top: 45% !important; }
    .top-sm-50 { top: 50% !important; }
    .top-sm-55 { top: 55% !important; }
    .top-sm-60 { top: 60% !important; }
    .top-sm-65 { top: 65% !important; }
    .top-sm-70 { top: 70% !important; }
    .top-sm-75 { top: 75% !important; }
    .top-sm-80 { top: 80% !important; }
    .top-sm-85 { top: 85% !important; }
    .top-sm-90 { top: 90% !important; }
    .top-sm-95 { top: 95% !important; }
    .top-sm-100 { top: 100% !important; }
}
/* Fixed Absolute Positioning : top-# and top-n# : Medium devices (≥768px) */
@media (min-width: 768px) {
    .top-md-n50 { top: -50% !important; }
    .top-md-n45 { top: -45% !important; }
    .top-md-n40 { top: -40% !important; }
    .top-md-n35 { top: -35% !important; }
    .top-md-n30 { top: -30% !important; }
    .top-md-n25 { top: -25% !important; }
    .top-md-n20 { top: -20% !important; }
    .top-md-n15 { top: -15% !important; }
    .top-md-n10 { top: -10% !important; }
    .top-md-n5 { top: -5% !important; }
    .top-md-0 { top: 0% !important; }
    .top-md-5 { top: 5% !important; }
    .top-md-10 { top: 10% !important; }
    .top-md-15 { top: 15% !important; }
    .top-md-20 { top: 20% !important; }
    .top-md-25 { top: 25% !important; }
    .top-md-30 { top: 30% !important; }
    .top-md-35 { top: 35% !important; }
    .top-md-40 { top: 40% !important; }
    .top-md-45 { top: 45% !important; }
    .top-md-50 { top: 50% !important; }
    .top-md-55 { top: 55% !important; }
    .top-md-60 { top: 60% !important; }
    .top-md-65 { top: 65% !important; }
    .top-md-70 { top: 70% !important; }
    .top-md-75 { top: 75% !important; }
    .top-md-80 { top: 80% !important; }
    .top-md-85 { top: 85% !important; }
    .top-md-90 { top: 90% !important; }
    .top-md-95 { top: 95% !important; }
    .top-md-100 { top: 100% !important; }
}
/* Fixed Absolute Positioning : top-# and top-n# : Large devices (≥992px) */
@media (min-width: 992px) {
    .top-lg-n50 { top: -50% !important; }
    .top-lg-n45 { top: -45% !important; }
    .top-lg-n40 { top: -40% !important; }
    .top-lg-n35 { top: -35% !important; }
    .top-lg-n30 { top: -30% !important; }
    .top-lg-n25 { top: -25% !important; }
    .top-lg-n20 { top: -20% !important; }
    .top-lg-n15 { top: -15% !important; }
    .top-lg-n10 { top: -10% !important; }
    .top-lg-n5 { top: -5% !important; }
    .top-lg-0 { top: 0% !important; }
    .top-lg-5 { top: 5% !important; }
    .top-lg-10 { top: 10% !important; }
    .top-lg-15 { top: 15% !important; }
    .top-lg-20 { top: 20% !important; }
    .top-lg-25 { top: 25% !important; }
    .top-lg-30 { top: 30% !important; }
    .top-lg-35 { top: 35% !important; }
    .top-lg-40 { top: 40% !important; }
    .top-lg-45 { top: 45% !important; }
    .top-lg-50 { top: 50% !important; }
    .top-lg-55 { top: 55% !important; }
    .top-lg-60 { top: 60% !important; }
    .top-lg-65 { top: 65% !important; }
    .top-lg-70 { top: 70% !important; }
    .top-lg-75 { top: 75% !important; }
    .top-lg-80 { top: 80% !important; }
    .top-lg-85 { top: 85% !important; }
    .top-lg-90 { top: 90% !important; }
    .top-lg-95 { top: 95% !important; }
    .top-lg-100 { top: 100% !important; }
}
/* Fixed Absolute Positioning : top-# and top-n# : Extra large devices (≥1200px) */
@media (min-width: 1200px) {
    .top-xl-n50 { top: -50% !important; }
    .top-xl-n45 { top: -45% !important; }
    .top-xl-n40 { top: -40% !important; }
    .top-xl-n35 { top: -35% !important; }
    .top-xl-n30 { top: -30% !important; }
    .top-xl-n25 { top: -25% !important; }
    .top-xl-n20 { top: -20% !important; }
    .top-xl-n15 { top: -15% !important; }
    .top-xl-n10 { top: -10% !important; }
    .top-xl-n5 { top: -5% !important; }
    .top-xl-0 { top: 0% !important; }
    .top-xl-5 { top: 5% !important; }
    .top-xl-10 { top: 10% !important; }
    .top-xl-15 { top: 15% !important; }
    .top-xl-20 { top: 20% !important; }
    .top-xl-25 { top: 25% !important; }
    .top-xl-30 { top: 30% !important; }
    .top-xl-35 { top: 35% !important; }
    .top-xl-40 { top: 40% !important; }
    .top-xl-45 { top: 45% !important; }
    .top-xl-50 { top: 50% !important; }
    .top-xl-55 { top: 55% !important; }
    .top-xl-60 { top: 60% !important; }
    .top-xl-65 { top: 65% !important; }
    .top-xl-70 { top: 70% !important; }
    .top-xl-75 { top: 75% !important; }
    .top-xl-80 { top: 80% !important; }
    .top-xl-85 { top: 85% !important; }
    .top-xl-90 { top: 90% !important; }
    .top-xl-95 { top: 95% !important; }
    .top-xl-100 { top: 100% !important; }
}
/* Fixed Absolute Positioning : top-# and top-n# : Extra extra large devices (≥1400px) */
@media (min-width: 1400px) {
    .top-xxl-n50 { top: -50% !important; }
    .top-xxl-n45 { top: -45% !important; }
    .top-xxl-n40 { top: -40% !important; }
    .top-xxl-n35 { top: -35% !important; }
    .top-xxl-n30 { top: -30% !important; }
    .top-xxl-n25 { top: -25% !important; }
    .top-xxl-n20 { top: -20% !important; }
    .top-xxl-n15 { top: -15% !important; }
    .top-xxl-n10 { top: -10% !important; }
    .top-xxl-n5 { top: -5% !important; }
    .top-xxl-0 { top: 0% !important; }
    .top-xxl-5 { top: 5% !important; }
    .top-xxl-10 { top: 10% !important; }
    .top-xxl-15 { top: 15% !important; }
    .top-xxl-20 { top: 20% !important; }
    .top-xxl-25 { top: 25% !important; }
    .top-xxl-30 { top: 30% !important; }
    .top-xxl-35 { top: 35% !important; }
    .top-xxl-40 { top: 40% !important; }
    .top-xxl-45 { top: 45% !important; }
    .top-xxl-50 { top: 50% !important; }
    .top-xxl-55 { top: 55% !important; }
    .top-xxl-60 { top: 60% !important; }
    .top-xxl-65 { top: 65% !important; }
    .top-xxl-70 { top: 70% !important; }
    .top-xxl-75 { top: 75% !important; }
    .top-xxl-80 { top: 80% !important; }
    .top-xxl-85 { top: 85% !important; }
    .top-xxl-90 { top: 90% !important; }
    .top-xxl-95 { top: 95% !important; }
    .top-xxl-100 { top: 100% !important; }
}
/* Fixed Absolute Positioning : bottom-# and bottom-n# classes */
.bottom-n50 { bottom: -50% !important; }
.bottom-n45 { bottom: -45% !important; }
.bottom-n40 { bottom: -40% !important; }
.bottom-n35 { bottom: -35% !important; }
.bottom-n30 { bottom: -30% !important; }
.bottom-n25 { bottom: -25% !important; }
.bottom-n20 { bottom: -20% !important; }
.bottom-n15 { bottom: -15% !important; }
.bottom-n10 { bottom: -10% !important; }
.bottom-n5 { bottom: -5% !important; }
.bottom-0 { bottom: 0% !important; }
.bottom-5 { bottom: 5% !important; }
.bottom-10 { bottom: 10% !important; }
.bottom-15 { bottom: 15% !important; }
.bottom-20 { bottom: 20% !important; }
.bottom-25 { bottom: 25% !important; }
.bottom-30 { bottom: 30% !important; }
.bottom-35 { bottom: 35% !important; }
.bottom-40 { bottom: 40% !important; }
.bottom-45 { bottom: 45% !important; }
.bottom-50 { bottom: 50% !important; }
.bottom-55 { bottom: 55% !important; }
.bottom-60 { bottom: 60% !important; }
.bottom-65 { bottom: 65% !important; }
.bottom-70 { bottom: 70% !important; }
.bottom-75 { bottom: 75% !important; }
.bottom-80 { bottom: 80% !important; }
.bottom-85 { bottom: 85% !important; }
.bottom-90 { bottom: 90% !important; }
.bottom-95 { bottom: 95% !important; }
.bottom-100 { bottom: 100% !important; }
/* Fixed Absolute Positioning : bottom-# and bottom-n# : Small devices (≥500px) */
@media (min-width: 500px) {
    .bottom-sm-n50 { bottom: -50% !important; }
    .bottom-sm-n45 { bottom: -45% !important; }
    .bottom-sm-n40 { bottom: -40% !important; }
    .bottom-sm-n35 { bottom: -35% !important; }
    .bottom-sm-n30 { bottom: -30% !important; }
    .bottom-sm-n25 { bottom: -25% !important; }
    .bottom-sm-n20 { bottom: -20% !important; }
    .bottom-sm-n15 { bottom: -15% !important; }
    .bottom-sm-n10 { bottom: -10% !important; }
    .bottom-sm-n5 { bottom: -5% !important; }
    .bottom-sm-0 { bottom: 0% !important; }
    .bottom-sm-5 { bottom: 5% !important; }
    .bottom-sm-10 { bottom: 10% !important; }
    .bottom-sm-15 { bottom: 15% !important; }
    .bottom-sm-20 { bottom: 20% !important; }
    .bottom-sm-25 { bottom: 25% !important; }
    .bottom-sm-30 { bottom: 30% !important; }
    .bottom-sm-35 { bottom: 35% !important; }
    .bottom-sm-40 { bottom: 40% !important; }
    .bottom-sm-45 { bottom: 45% !important; }
    .bottom-sm-50 { bottom: 50% !important; }
    .bottom-sm-55 { bottom: 55% !important; }
    .bottom-sm-60 { bottom: 60% !important; }
    .bottom-sm-65 { bottom: 65% !important; }
    .bottom-sm-70 { bottom: 70% !important; }
    .bottom-sm-75 { bottom: 75% !important; }
    .bottom-sm-80 { bottom: 80% !important; }
    .bottom-sm-85 { bottom: 85% !important; }
    .bottom-sm-90 { bottom: 90% !important; }
    .bottom-sm-95 { bottom: 95% !important; }
    .bottom-sm-100 { bottom: 100% !important; }
}
/* Fixed Absolute Positioning : bottom-# and bottom-n# : Medium devices (≥768px) */
@media (min-width: 768px) {
    .bottom-md-n50 { bottom: -50% !important; }
    .bottom-md-n45 { bottom: -45% !important; }
    .bottom-md-n40 { bottom: -40% !important; }
    .bottom-md-n35 { bottom: -35% !important; }
    .bottom-md-n30 { bottom: -30% !important; }
    .bottom-md-n25 { bottom: -25% !important; }
    .bottom-md-n20 { bottom: -20% !important; }
    .bottom-md-n15 { bottom: -15% !important; }
    .bottom-md-n10 { bottom: -10% !important; }
    .bottom-md-n5 { bottom: -5% !important; }
    .bottom-md-0 { bottom: 0% !important; }
    .bottom-md-5 { bottom: 5% !important; }
    .bottom-md-10 { bottom: 10% !important; }
    .bottom-md-15 { bottom: 15% !important; }
    .bottom-md-20 { bottom: 20% !important; }
    .bottom-md-25 { bottom: 25% !important; }
    .bottom-md-30 { bottom: 30% !important; }
    .bottom-md-35 { bottom: 35% !important; }
    .bottom-md-40 { bottom: 40% !important; }
    .bottom-md-45 { bottom: 45% !important; }
    .bottom-md-50 { bottom: 50% !important; }
    .bottom-md-55 { bottom: 55% !important; }
    .bottom-md-60 { bottom: 60% !important; }
    .bottom-md-65 { bottom: 65% !important; }
    .bottom-md-70 { bottom: 70% !important; }
    .bottom-md-75 { bottom: 75% !important; }
    .bottom-md-80 { bottom: 80% !important; }
    .bottom-md-85 { bottom: 85% !important; }
    .bottom-md-90 { bottom: 90% !important; }
    .bottom-md-95 { bottom: 95% !important; }
    .bottom-md-100 { bottom: 100% !important; }
}
/* Fixed Absolute Positioning : bottom-# and bottom-n# : Large devices (≥992px) */
@media (min-width: 992px) {
    .bottom-lg-n50 { bottom: -50% !important; }
    .bottom-lg-n45 { bottom: -45% !important; }
    .bottom-lg-n40 { bottom: -40% !important; }
    .bottom-lg-n35 { bottom: -35% !important; }
    .bottom-lg-n30 { bottom: -30% !important; }
    .bottom-lg-n25 { bottom: -25% !important; }
    .bottom-lg-n20 { bottom: -20% !important; }
    .bottom-lg-n15 { bottom: -15% !important; }
    .bottom-lg-n10 { bottom: -10% !important; }
    .bottom-lg-n5 { bottom: -5% !important; }
    .bottom-lg-0 { bottom: 0% !important; }
    .bottom-lg-5 { bottom: 5% !important; }
    .bottom-lg-10 { bottom: 10% !important; }
    .bottom-lg-15 { bottom: 15% !important; }
    .bottom-lg-20 { bottom: 20% !important; }
    .bottom-lg-25 { bottom: 25% !important; }
    .bottom-lg-30 { bottom: 30% !important; }
    .bottom-lg-35 { bottom: 35% !important; }
    .bottom-lg-40 { bottom: 40% !important; }
    .bottom-lg-45 { bottom: 45% !important; }
    .bottom-lg-50 { bottom: 50% !important; }
    .bottom-lg-55 { bottom: 55% !important; }
    .bottom-lg-60 { bottom: 60% !important; }
    .bottom-lg-65 { bottom: 65% !important; }
    .bottom-lg-70 { bottom: 70% !important; }
    .bottom-lg-75 { bottom: 75% !important; }
    .bottom-lg-80 { bottom: 80% !important; }
    .bottom-lg-85 { bottom: 85% !important; }
    .bottom-lg-90 { bottom: 90% !important; }
    .bottom-lg-95 { bottom: 95% !important; }
    .bottom-lg-100 { bottom: 100% !important; }
}
/* Fixed Absolute Positioning : bottom-# and bottom-n# : Extra large devices (≥1200px) */
@media (min-width: 1200px) {
    .bottom-xl-n50 { bottom: -50% !important; }
    .bottom-xl-n45 { bottom: -45% !important; }
    .bottom-xl-n40 { bottom: -40% !important; }
    .bottom-xl-n35 { bottom: -35% !important; }
    .bottom-xl-n30 { bottom: -30% !important; }
    .bottom-xl-n25 { bottom: -25% !important; }
    .bottom-xl-n20 { bottom: -20% !important; }
    .bottom-xl-n15 { bottom: -15% !important; }
    .bottom-xl-n10 { bottom: -10% !important; }
    .bottom-xl-n5 { bottom: -5% !important; }
    .bottom-xl-0 { bottom: 0% !important; }
    .bottom-xl-5 { bottom: 5% !important; }
    .bottom-xl-10 { bottom: 10% !important; }
    .bottom-xl-15 { bottom: 15% !important; }
    .bottom-xl-20 { bottom: 20% !important; }
    .bottom-xl-25 { bottom: 25% !important; }
    .bottom-xl-30 { bottom: 30% !important; }
    .bottom-xl-35 { bottom: 35% !important; }
    .bottom-xl-40 { bottom: 40% !important; }
    .bottom-xl-45 { bottom: 45% !important; }
    .bottom-xl-50 { bottom: 50% !important; }
    .bottom-xl-55 { bottom: 55% !important; }
    .bottom-xl-60 { bottom: 60% !important; }
    .bottom-xl-65 { bottom: 65% !important; }
    .bottom-xl-70 { bottom: 70% !important; }
    .bottom-xl-75 { bottom: 75% !important; }
    .bottom-xl-80 { bottom: 80% !important; }
    .bottom-xl-85 { bottom: 85% !important; }
    .bottom-xl-90 { bottom: 90% !important; }
    .bottom-xl-95 { bottom: 95% !important; }
    .bottom-xl-100 { bottom: 100% !important; }
}
/* Fixed Absolute Positioning : bottom-# and bottom-n# : Extra extra large devices (≥1400px) */
@media (min-width: 1400px) {
    .bottom-xxl-n50 { bottom: -50% !important; }
    .bottom-xxl-n45 { bottom: -45% !important; }
    .bottom-xxl-n40 { bottom: -40% !important; }
    .bottom-xxl-n35 { bottom: -35% !important; }
    .bottom-xxl-n30 { bottom: -30% !important; }
    .bottom-xxl-n25 { bottom: -25% !important; }
    .bottom-xxl-n20 { bottom: -20% !important; }
    .bottom-xxl-n15 { bottom: -15% !important; }
    .bottom-xxl-n10 { bottom: -10% !important; }
    .bottom-xxl-n5 { bottom: -5% !important; }
    .bottom-xxl-0 { bottom: 0% !important; }
    .bottom-xxl-5 { bottom: 5% !important; }
    .bottom-xxl-10 { bottom: 10% !important; }
    .bottom-xxl-15 { bottom: 15% !important; }
    .bottom-xxl-20 { bottom: 20% !important; }
    .bottom-xxl-25 { bottom: 25% !important; }
    .bottom-xxl-30 { bottom: 30% !important; }
    .bottom-xxl-35 { bottom: 35% !important; }
    .bottom-xxl-40 { bottom: 40% !important; }
    .bottom-xxl-45 { bottom: 45% !important; }
    .bottom-xxl-50 { bottom: 50% !important; }
    .bottom-xxl-55 { bottom: 55% !important; }
    .bottom-xxl-60 { bottom: 60% !important; }
    .bottom-xxl-65 { bottom: 65% !important; }
    .bottom-xxl-70 { bottom: 70% !important; }
    .bottom-xxl-75 { bottom: 75% !important; }
    .bottom-xxl-80 { bottom: 80% !important; }
    .bottom-xxl-85 { bottom: 85% !important; }
    .bottom-xxl-90 { bottom: 90% !important; }
    .bottom-xxl-95 { bottom: 95% !important; }
    .bottom-xxl-100 { bottom: 100% !important; }
}

/*  ## 10.2 Device-Specific Positioning (sm, md, lg, xl, xxl) */





/* Position sm-device*/
@media (min-width: 500px) { 
    
    .position-sm-static { position: static !important; }
    .position-sm-relative { position: relative !important; }
    .position-sm-absolute { position: absolute !important; }
    .position-sm-fixed { position: fixed !important; }
    .position-sm-sticky { position: -webkit-sticky !important; position: sticky !important; }
}

    
/* Position md-device */  
@media (min-width: 768px) {

    .position-md-static { position: static !important; }
    .position-md-relative { position: relative !important; }
    .position-md-absolute { position: absolute !important; }
    .position-md-fixed { position: fixed !important; }
    .position-md-sticky { position: -webkit-sticky !important; position: sticky !important; }

}

@media (min-width: 992px) {
    /* Position lg-device */
    .position-lg-static { position: static !important; }
    .position-lg-relative { position: relative !important; }
    .position-lg-absolute { position: absolute !important; }
    .position-lg-fixed { position: fixed !important; }
    .position-lg-sticky { position: -webkit-sticky !important; position: sticky !important; }

}

@media (min-width: 1200px) {
    /* Position xl-device */
    .position-xl-static { position: static !important; }
    .position-xl-relative { position: relative !important; }
    .position-xl-absolute { position: absolute !important; }
    .position-xl-fixed { position: fixed !important; }
    .position-xl-sticky { position: -webkit-sticky !important; position: sticky !important; }
    
}

@media (min-width: 1400px) {
    /* Position xxl-device */
    .position-xxl-static { position: static !important; }
    .position-xxl-relative { position: relative !important; }
    .position-xxl-absolute { position: absolute !important; }
    .position-xxl-fixed { position: fixed !important; }
    .position-xxl-sticky { position: -webkit-sticky !important; position: sticky !important; }
}



/*  # 11. Shadows */


/*  ## 11.1 Box Shadows */
.shadow { box-shadow: 0 0.275rem 1.25rem rgba(var(--rgb-dark), 0.05), 0 0.25rem 0.5625rem rgba(var(--rgb-dark), 0.03) !important; }
.shadow-sm { box-shadow: 0 0.275rem 0.75rem -0.0625rem rgba(var(--rgb-dark), 0.06), 0 0.125rem 0.4rem -0.0625rem rgba(var(--rgb-dark), 0.03) !important; }
.shadow-lg { box-shadow: 0 0.3rem 1.525rem -0.375rem rgba(var(--rgb-dark), 0.1), 0 0.25rem 0.8125rem -0.125rem rgba(var(--rgb-dark), 0.06) !important; }

.shadow-primary { box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(var(--rgb-primary), 0.9) !important; }
.shadow-secondary { box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(var(--rgb-secondary), 0.9) !important; }}

.shadow-info { box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(var(--rgb-info), 0.9) !important; }
.shadow-success { box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(var(--rgb-success), 0.9) !important; }
.shadow-warning { box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(var(--rgb-warning), 0.9) !important; }
.shadow-danger { box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(var(--rgb-danger), 0.9) !important; }

.shadow-dark { box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(var(--rgb-dark), 0.9) !important; }
.shadow-light { box-shadow: var(--shadow-light) !important}
.shadow-lighter { box-shadow: var(--shadow-lighter) !important}

/*  # 12. Text/Font Colors */

/* Text / Font Colors */

.color-theme-gradient, .theme-gradient, .counter-style-1 .count-number { 

    background: var(--theme-gradient);

    /*text-transform: capitalize;*/

    -webkit-background-clip: text;

    background-clip: text;

    -webkit-text-fill-color: transparent;

}

.text-body { color: var(--bs-body-color) !important; } 
.text-muted { color: var(--bs-gray-600) !important; } 
.text-nav { color: var(--light-font-l) !important; }
.text-border { color: var(--bs-border-color) !important; }
.text-gradient-primary {
    background: linear-gradient(to right, var(--primary), var(--accent-6), var(--accent-2));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

/*  ## 12.1 Primary, Secondary, Tertiary & General Text Colors */
  
/* Text / Font Colors: Primary Colors */
.text-primary { color: rgba(var(--rgb-primary), var(--bs-text-opacity)) !important; }
.text-primary-l1 { color: rgba(var(--rgb-primary-l1), var(--bs-text-opacity)) !important; }
.text-primary-l2 { color: rgba(var(--rgb-primary-l2), var(--bs-text-opacity)) !important; }
.text-primary-l3 { color: rgba(var(--rgb-primary-l3), var(--bs-text-opacity)) !important; }
.text-primary-d1 { color: rgba(var(--rgb-primary-d1), var(--bs-text-opacity)) !important; }
.text-primary-d2 { color: rgba(var(--rgb-primary-d2), var(--bs-text-opacity)) !important; }
.text-primary-d3 { color: rgba(var(--rgb-primary-d3), var(--bs-text-opacity)) !important; }
.text-primary-font { color: rgba(var(--rgb-primary-font), var(--bs-text-opacity)) !important; }
.text-primary-font-l { color: rgba(var(--rgb-primary-font-l), var(--bs-text-opacity)) !important; }
.text-primary-font-d { color: rgba(var(--rgb-primary-font-d), var(--bs-text-opacity)) !important; }
.text-primary-10 { color: rgba(var(--rgb-primary),.1) !important; }
.text-primary-20 { color: rgba(var(--rgb-primary),.2) !important; }
.text-primary-30 { color: rgba(var(--rgb-primary),.3) !important; }
.text-primary-40 { color: rgba(var(--rgb-primary),.4) !important; }
.text-primary-50 { color: rgba(var(--rgb-primary),.5) !important; }
.text-primary-60 { color: rgba(var(--rgb-primary),.6) !important; }
.text-primary-70 { color: rgba(var(--rgb-primary),.7) !important; }
.text-primary-80 { color: rgba(var(--rgb-primary),.8) !important; }
.text-primary-90 { color: rgba(var(--rgb-primary),.9) !important; }

.text-primary-gradient-d { background-image: var(--primary-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-primary-gradient-d-inverse { background-image: var(--primary-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-primary-gradient { background-image: var(--primary-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-primary-gradient-h { background-image: var(--primary-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-primary-gradient-h-inverse { background-image: var(--primary-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-primary-gradient-v { background-image: var(--primary-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-primary-gradient-v-inverse { background-image: var(--primary-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Secondary Colors */
.text-secondary { color: rgba(var(--rgb-secondary), var(--bs-text-opacity)) !important; }
.text-secondary-l1 { color: rgba(var(--rgb-secondary-l1), var(--bs-text-opacity)) !important; }
.text-secondary-l2 { color: rgba(var(--rgb-secondary-l2), var(--bs-text-opacity)) !important; }
.text-secondary-l3 { color: rgba(var(--rgb-secondary-l3), var(--bs-text-opacity)) !important; }
.text-secondary-d1 { color: rgba(var(--rgb-secondary-d1), var(--bs-text-opacity)) !important; }
.text-secondary-d2 { color: rgba(var(--rgb-secondary-d2), var(--bs-text-opacity)) !important; }
.text-secondary-d3 { color: rgba(var(--rgb-secondary-d3), var(--bs-text-opacity)) !important; }
.text-secondary-font { color: rgba(var(--rgb-secondary-font), var(--bs-text-opacity)) !important; }
.text-secondary-font-l { color: rgba(var(--rgb-secondary-font-l), var(--bs-text-opacity)) !important; }
.text-secondary-font-d { color: rgba(var(--rgb-secondary-font-d), var(--bs-text-opacity)) !important; }
.text-secondary-10 { color: rgba(var(--rgb-secondary),.1) !important; }
.text-secondary-20 { color: rgba(var(--rgb-secondary),.2) !important; }
.text-secondary-30 { color: rgba(var(--rgb-secondary),.3) !important; }
.text-secondary-40 { color: rgba(var(--rgb-secondary),.4) !important; }
.text-secondary-50 { color: rgba(var(--rgb-secondary),.5) !important; }
.text-secondary-60 { color: rgba(var(--rgb-secondary),.6) !important; }
.text-secondary-70 { color: rgba(var(--rgb-secondary),.7) !important; }
.text-secondary-80 { color: rgba(var(--rgb-secondary),.8) !important; }
.text-secondary-90 { color: rgba(var(--rgb-secondary),.9) !important; }

.text-secondary-gradient-d { background-image: var(--secondary-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-secondary-gradient-d-inverse { background-image: var(--secondary-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-secondary-gradient { background-image: var(--secondary-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-secondary-gradient-h { background-image: var(--secondary-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-secondary-gradient-h-inverse { background-image: var(--secondary-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-secondary-gradient-v { background-image: var(--secondary-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-secondary-gradient-v-inverse { background-image: var(--secondary-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Tertiary Colors */
.text-tertiary { color: rgba(var(--rgb-tertiary), var(--bs-text-opacity)) !important; }
.text-tertiary-l1 { color: rgba(var(--rgb-tertiary-l1), var(--bs-text-opacity)) !important; }
.text-tertiary-l2 { color: rgba(var(--rgb-tertiary-l2), var(--bs-text-opacity)) !important; }
.text-tertiary-l3 { color: rgba(var(--rgb-tertiary-l3), var(--bs-text-opacity)) !important; }
.text-tertiary-d1 { color: rgba(var(--rgb-tertiary-d1), var(--bs-text-opacity)) !important; }
.text-tertiary-d2 { color: rgba(var(--rgb-tertiary-d2), var(--bs-text-opacity)) !important; }
.text-tertiary-d3 { color: rgba(var(--rgb-tertiary-d3), var(--bs-text-opacity)) !important; }
.text-tertiary-font { color: rgba(var(--rgb-tertiary-font), var(--bs-text-opacity)) !important; }
.text-tertiary-font-l { color: rgba(var(--rgb-tertiary-font-l), var(--bs-text-opacity)) !important; }
.text-tertiary-font-d { color: rgba(var(--rgb-tertiary-font-d), var(--bs-text-opacity)) !important; }
.text-tertiary-10 { color: rgba(var(--rgb-tertiary),.1) !important; }
.text-tertiary-20 { color: rgba(var(--rgb-tertiary),.2) !important; }
.text-tertiary-30 { color: rgba(var(--rgb-tertiary),.3) !important; }
.text-tertiary-40 { color: rgba(var(--rgb-tertiary),.4) !important; }
.text-tertiary-50 { color: rgba(var(--rgb-tertiary),.5) !important; }
.text-tertiary-60 { color: rgba(var(--rgb-tertiary),.6) !important; }
.text-tertiary-70 { color: rgba(var(--rgb-tertiary),.7) !important; }
.text-tertiary-80 { color: rgba(var(--rgb-tertiary),.8) !important; }
.text-tertiary-90 { color: rgba(var(--rgb-tertiary),.9) !important; }

.text-tertiary-gradient-d { background-image: var(--tertiary-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-tertiary-gradient-d-inverse { background-image: var(--tertiary-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-tertiary-gradient { background-image: var(--tertiary-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-tertiary-gradient-h { background-image: var(--tertiary-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-tertiary-gradient-h-inverse { background-image: var(--tertiary-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-tertiary-gradient-v { background-image: var(--tertiary-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-tertiary-gradient-v-inverse { background-image: var(--tertiary-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Dark Colors */
.text-dark { color: rgba(var(--rgb-dark), var(--bs-text-opacity)) !important; }
.text-dark-l1 { color: rgba(var(--rgb-dark-l1), var(--bs-text-opacity)) !important; }
.text-dark-l2 { color: rgba(var(--rgb-dark-l2), var(--bs-text-opacity)) !important; }
.text-dark-l3 { color: rgba(var(--rgb-dark-l3), var(--bs-text-opacity)) !important; }
.text-dark-d1 { color: rgba(var(--rgb-dark-d1), var(--bs-text-opacity)) !important; }
.text-dark-d2 { color: rgba(var(--rgb-dark-d2), var(--bs-text-opacity)) !important; }
.text-dark-d3 { color: rgba(var(--rgb-dark-d3), var(--bs-text-opacity)) !important; }
.text-dark-font { color: rgba(var(--rgb-dark-font), var(--bs-text-opacity)) !important; }
.text-dark-font-l { color: rgba(var(--rgb-dark-font-l), var(--bs-text-opacity)) !important; }
.text-dark-font-d { color: rgba(var(--rgb-dark-font-d), var(--bs-text-opacity)) !important; }
.text-dark-10 { color: rgba(var(--rgb-dark),.1) !important; }
.text-dark-20 { color: rgba(var(--rgb-dark),.2) !important; }
.text-dark-30 { color: rgba(var(--rgb-dark),.3) !important; }
.text-dark-40 { color: rgba(var(--rgb-dark),.4) !important; }
.text-dark-50 { color: rgba(var(--rgb-dark),.5) !important; }
.text-dark-60 { color: rgba(var(--rgb-dark),.6) !important; }
.text-dark-70 { color: rgba(var(--rgb-dark),.7) !important; }
.text-dark-80 { color: rgba(var(--rgb-dark),.8) !important; }
.text-dark-90 { color: rgba(var(--rgb-dark),.9) !important; }

.text-dark-gradient-d { background-image: var(--dark-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-dark-gradient-d-inverse { background-image: var(--dark-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-dark-gradient { background-image: var(--dark-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-dark-gradient-h { background-image: var(--dark-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-dark-gradient-h-inverse { background-image: var(--dark-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-dark-gradient-v { background-image: var(--dark-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-dark-gradient-v-inverse { background-image: var(--dark-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Light Colors */
.text-light { color: rgba(var(--rgb-light), var(--bs-text-opacity)) !important; }
.text-light-l1 { color: rgba(var(--rgb-light-l1), var(--bs-text-opacity)) !important; }
.text-light-l2 { color: rgba(var(--rgb-light-l2), var(--bs-text-opacity)) !important; }
.text-light-l3 { color: rgba(var(--rgb-light-l3), var(--bs-text-opacity)) !important; }
.text-light-d1 { color: rgba(var(--rgb-light-d1), var(--bs-text-opacity)) !important; }
.text-light-d2 { color: rgba(var(--rgb-light-d2), var(--bs-text-opacity)) !important; }
.text-light-d3 { color: rgba(var(--rgb-light-d3), var(--bs-text-opacity)) !important; }
.text-light-font { color: rgba(var(--rgb-light-font), var(--bs-text-opacity)) !important; }
.text-light-font-l { color: rgba(var(--rgb-light-font-l), var(--bs-text-opacity)) !important; }
.text-light-font-d { color: rgba(var(--rgb-light-font-d), var(--bs-text-opacity)) !important; }
.text-light-10 { color: rgba(var(--rgb-light),.1) !important; }
.text-light-20 { color: rgba(var(--rgb-light),.2) !important; }
.text-light-30 { color: rgba(var(--rgb-light),.3) !important; }
.text-light-40 { color: rgba(var(--rgb-light),.4) !important; }
.text-light-50 { color: rgba(var(--rgb-light),.5) !important; }
.text-light-60 { color: rgba(var(--rgb-light),.6) !important; }
.text-light-70 { color: rgba(var(--rgb-light),.7) !important; }
.text-light-80 { color: rgba(var(--rgb-light),.8) !important; }
.text-light-90 { color: rgba(var(--rgb-light),.9) !important; }


.text-light-gradient-d { background-image: var(--light-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-light-gradient-d-inverse { background-image: var(--light-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-light-gradient { background-image: var(--light-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-light-gradient-h { background-image: var(--light-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-light-gradient-h-inverse { background-image: var(--light-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-light-gradient-v { background-image: var(--light-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-light-gradient-v-inverse { background-image: var(--light-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/*  ## 12.2 Utility Colors */

/* Text / Font Colors: Success Colors */
.text-success { color: rgba(var(--rgb-success), var(--bs-text-opacity)) !important; }
.text-success-l1 { color: rgba(var(--rgb-success-l1), var(--bs-text-opacity)) !important; }
.text-success-l2 { color: rgba(var(--rgb-success-l2), var(--bs-text-opacity)) !important; }
.text-success-l3 { color: rgba(var(--rgb-success-l3), var(--bs-text-opacity)) !important; }
.text-success-d1 { color: rgba(var(--rgb-success-d1), var(--bs-text-opacity)) !important; }
.text-success-d2 { color: rgba(var(--rgb-success-d2), var(--bs-text-opacity)) !important; }
.text-success-d3 { color: rgba(var(--rgb-success-d3), var(--bs-text-opacity)) !important; }
.text-success-font { color: rgba(var(--rgb-success-font), var(--bs-text-opacity)) !important; }
.text-success-font-l { color: rgba(var(--rgb-success-font-l), var(--bs-text-opacity)) !important; }
.text-success-font-d { color: rgba(var(--rgb-success-font-d), var(--bs-text-opacity)) !important; }
.text-success-10 { color: rgba(var(--rgb-success),.1) !important; }
.text-success-20 { color: rgba(var(--rgb-success),.2) !important; }
.text-success-30 { color: rgba(var(--rgb-success),.3) !important; }
.text-success-40 { color: rgba(var(--rgb-success),.4) !important; }
.text-success-50 { color: rgba(var(--rgb-success),.5) !important; }
.text-success-60 { color: rgba(var(--rgb-success),.6) !important; }
.text-success-70 { color: rgba(var(--rgb-success),.7) !important; }
.text-success-80 { color: rgba(var(--rgb-success),.8) !important; }
.text-success-90 { color: rgba(var(--rgb-success),.9) !important; }

.text-success-gradient-d { background-image: var(--success-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-success-gradient-d-inverse { background-image: var(--success-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-success-gradient { background-image: var(--success-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-success-gradient-h { background-image: var(--success-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-success-gradient-h-inverse { background-image: var(--success-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-success-gradient-v { background-image: var(--success-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-success-gradient-v-inverse { background-image: var(--success-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Danger Colors */
.text-danger { color: rgba(var(--rgb-danger), var(--bs-text-opacity)) !important; }
.text-danger-l1 { color: rgba(var(--rgb-danger-l1), var(--bs-text-opacity)) !important; }
.text-danger-l2 { color: rgba(var(--rgb-danger-l2), var(--bs-text-opacity)) !important; }
.text-danger-l3 { color: rgba(var(--rgb-danger-l3), var(--bs-text-opacity)) !important; }
.text-danger-d1 { color: rgba(var(--rgb-danger-d1), var(--bs-text-opacity)) !important; }
.text-danger-d2 { color: rgba(var(--rgb-danger-d2), var(--bs-text-opacity)) !important; }
.text-danger-d3 { color: rgba(var(--rgb-danger-d3), var(--bs-text-opacity)) !important; }
.text-danger-font { color: rgba(var(--rgb-danger-font), var(--bs-text-opacity)) !important; }
.text-danger-font-l { color: rgba(var(--rgb-danger-font-l), var(--bs-text-opacity)) !important; }
.text-danger-font-d { color: rgba(var(--rgb-danger-font-d), var(--bs-text-opacity)) !important; }
.text-danger-10 { color: rgba(var(--rgb-danger),.1) !important; }
.text-danger-20 { color: rgba(var(--rgb-danger),.2) !important; }
.text-danger-30 { color: rgba(var(--rgb-danger),.3) !important; }
.text-danger-40 { color: rgba(var(--rgb-danger),.4) !important; }
.text-danger-50 { color: rgba(var(--rgb-danger),.5) !important; }
.text-danger-60 { color: rgba(var(--rgb-danger),.6) !important; }
.text-danger-70 { color: rgba(var(--rgb-danger),.7) !important; }
.text-danger-80 { color: rgba(var(--rgb-danger),.8) !important; }
.text-danger-90 { color: rgba(var(--rgb-danger),.9) !important; }

.text-danger-gradient-d { background-image: var(--danger-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-danger-gradient-d-inverse { background-image: var(--danger-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-danger-gradient { background-image: var(--danger-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-danger-gradient-h { background-image: var(--danger-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-danger-gradient-h-inverse { background-image: var(--danger-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-danger-gradient-v { background-image: var(--danger-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-danger-gradient-v-inverse { background-image: var(--danger-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }


/* Text / Font Colors: Error Colors */
.text-error { color: rgba(var(--rgb-error), var(--bs-text-opacity)) !important; }
.text-error-l1 { color: rgba(var(--rgb-error-l1), var(--bs-text-opacity)) !important; }
.text-error-l2 { color: rgba(var(--rgb-error-l2), var(--bs-text-opacity)) !important; }
.text-error-l3 { color: rgba(var(--rgb-error-l3), var(--bs-text-opacity)) !important; }
.text-error-d1 { color: rgba(var(--rgb-error-d1), var(--bs-text-opacity)) !important; }
.text-error-d2 { color: rgba(var(--rgb-error-d2), var(--bs-text-opacity)) !important; }
.text-error-d3 { color: rgba(var(--rgb-error-d3), var(--bs-text-opacity)) !important; }
.text-error-font { color: rgba(var(--rgb-error-font), var(--bs-text-opacity)) !important; }
.text-error-font-l { color: rgba(var(--rgb-error-font-l), var(--bs-text-opacity)) !important; }
.text-error-font-d { color: rgba(var(--rgb-error-font-d), var(--bs-text-opacity)) !important; }
.text-error-10 { color: rgba(var(--rgb-error),.1) !important; }
.text-error-20 { color: rgba(var(--rgb-error),.2) !important; }
.text-error-30 { color: rgba(var(--rgb-error),.3) !important; }
.text-error-40 { color: rgba(var(--rgb-error),.4) !important; }
.text-error-50 { color: rgba(var(--rgb-error),.5) !important; }
.text-error-60 { color: rgba(var(--rgb-error),.6) !important; }
.text-error-70 { color: rgba(var(--rgb-error),.7) !important; }
.text-error-80 { color: rgba(var(--rgb-error),.8) !important; }
.text-error-90 { color: rgba(var(--rgb-error),.9) !important; }

.text-error-gradient-d { background-image: var(--error-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-error-gradient-d-inverse { background-image: var(--error-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-error-gradient { background-image: var(--error-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-error-gradient-h { background-image: var(--error-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-error-gradient-h-inverse { background-image: var(--error-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-error-gradient-v { background-image: var(--error-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-error-gradient-v-inverse { background-image: var(--error-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Warning Colors */
.text-warning { color: rgba(var(--rgb-warning), var(--bs-text-opacity)) !important; }
.text-warning-l1 { color: rgba(var(--rgb-warning-l1), var(--bs-text-opacity)) !important; }
.text-warning-l2 { color: rgba(var(--rgb-warning-l2), var(--bs-text-opacity)) !important; }
.text-warning-l3 { color: rgba(var(--rgb-warning-l3), var(--bs-text-opacity)) !important; }
.text-warning-d1 { color: rgba(var(--rgb-warning-d1), var(--bs-text-opacity)) !important; }
.text-warning-d2 { color: rgba(var(--rgb-warning-d2), var(--bs-text-opacity)) !important; }
.text-warning-d3 { color: rgba(var(--rgb-warning-d3), var(--bs-text-opacity)) !important; }
.text-warning-font { color: rgba(var(--rgb-warning-font), var(--bs-text-opacity)) !important; }
.text-warning-font-l { color: rgba(var(--rgb-warning-font-l), var(--bs-text-opacity)) !important; }
.text-warning-font-d { color: rgba(var(--rgb-warning-font-d), var(--bs-text-opacity)) !important; }
.text-warning-10 { color: rgba(var(--rgb-warning),.1) !important; }
.text-warning-20 { color: rgba(var(--rgb-warning),.2) !important; }
.text-warning-30 { color: rgba(var(--rgb-warning),.3) !important; }
.text-warning-40 { color: rgba(var(--rgb-warning),.4) !important; }
.text-warning-50 { color: rgba(var(--rgb-warning),.5) !important; }
.text-warning-60 { color: rgba(var(--rgb-warning),.6) !important; }
.text-warning-70 { color: rgba(var(--rgb-warning),.7) !important; }
.text-warning-80 { color: rgba(var(--rgb-warning),.8) !important; }
.text-warning-90 { color: rgba(var(--rgb-warning),.9) !important; }

.text-warning-gradient-d { background-image: var(--warning-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-warning-gradient-d-inverse { background-image: var(--warning-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-warning-gradient { background-image: var(--warning-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-warning-gradient-h { background-image: var(--warning-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-warning-gradient-h-inverse { background-image: var(--warning-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-warning-gradient-v { background-image: var(--warning-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-warning-gradient-v-inverse { background-image: var(--warning-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Info Colors */
.text-info { color: rgba(var(--rgb-info), var(--bs-text-opacity)) !important; }
.text-info-l1 { color: rgba(var(--rgb-info-l1), var(--bs-text-opacity)) !important; }
.text-info-l2 { color: rgba(var(--rgb-info-l2), var(--bs-text-opacity)) !important; }
.text-info-l3 { color: rgba(var(--rgb-info-l3), var(--bs-text-opacity)) !important; }
.text-info-d1 { color: rgba(var(--rgb-info-d1), var(--bs-text-opacity)) !important; }
.text-info-d2 { color: rgba(var(--rgb-info-d2), var(--bs-text-opacity)) !important; }
.text-info-d3 { color: rgba(var(--rgb-info-d3), var(--bs-text-opacity)) !important; }
.text-info-font { color: rgba(var(--rgb-info-font), var(--bs-text-opacity)) !important; }
.text-info-font-l { color: rgba(var(--rgb-info-font-l), var(--bs-text-opacity)) !important; }
.text-info-font-d { color: rgba(var(--rgb-info-font-d), var(--bs-text-opacity)) !important; }
.text-info-10 { color: rgba(var(--rgb-info),.1) !important; }
.text-info-20 { color: rgba(var(--rgb-info),.2) !important; }
.text-info-30 { color: rgba(var(--rgb-info),.3) !important; }
.text-info-40 { color: rgba(var(--rgb-info),.4) !important; }
.text-info-50 { color: rgba(var(--rgb-info),.5) !important; }
.text-info-60 { color: rgba(var(--rgb-info),.6) !important; }
.text-info-70 { color: rgba(var(--rgb-info),.7) !important; }
.text-info-80 { color: rgba(var(--rgb-info),.8) !important; }
.text-info-90 { color: rgba(var(--rgb-info),.9) !important; }

.text-info-gradient-d { background-image: var(--info-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-info-gradient-d-inverse { background-image: var(--info-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-info-gradient { background-image: var(--info-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-info-gradient-h { background-image: var(--info-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-info-gradient-h-inverse { background-image: var(--info-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-info-gradient-v { background-image: var(--info-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-info-gradient-v-inverse { background-image: var(--info-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/*  ## 12.3 Accent Colors */

/* Text / Font Colors: Accent 1 Colors */
.text-accent-1 { color: rgba(var(--rgb-accent-1), var(--bs-text-opacity)) !important; }
.text-accent-1-l1 { color: rgba(var(--rgb-accent-1-l1), var(--bs-text-opacity)) !important; }
.text-accent-1-l2 { color: rgba(var(--rgb-accent-1-l2), var(--bs-text-opacity)) !important; }
.text-accent-1-l3 { color: rgba(var(--rgb-accent-1-l3), var(--bs-text-opacity)) !important; }
.text-accent-1-d1 { color: rgba(var(--rgb-accent-1-d1), var(--bs-text-opacity)) !important; }
.text-accent-1-d2 { color: rgba(var(--rgb-accent-1-d2), var(--bs-text-opacity)) !important; }
.text-accent-1-d3 { color: rgba(var(--rgb-accent-1-d3), var(--bs-text-opacity)) !important; }
.text-accent-1-font { color: rgba(var(--rgb-accent-1-font), var(--bs-text-opacity)) !important; }
.text-accent-1-font-l { color: rgba(var(--rgb-accent-1-font-l), var(--bs-text-opacity)) !important; }
.text-accent-1-font-d { color: rgba(var(--rgb-accent-1-font-d), var(--bs-text-opacity)) !important; }
.text-accent-1-10 { color: rgba(var(--rgb-accent-1),.1) !important; }
.text-accent-1-20 { color: rgba(var(--rgb-accent-1),.2) !important; }
.text-accent-1-30 { color: rgba(var(--rgb-accent-1),.3) !important; }
.text-accent-1-40 { color: rgba(var(--rgb-accent-1),.4) !important; }
.text-accent-1-50 { color: rgba(var(--rgb-accent-1),.5) !important; }
.text-accent-1-60 { color: rgba(var(--rgb-accent-1),.6) !important; }
.text-accent-1-70 { color: rgba(var(--rgb-accent-1),.7) !important; }
.text-accent-1-80 { color: rgba(var(--rgb-accent-1),.8) !important; }
.text-accent-1-90 { color: rgba(var(--rgb-accent-1),.9) !important; }

.text-accent-1-gradient-d { background-image: var(--accent-1-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-accent-1-gradient-d-inverse { background-image: var(--accent-1-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-accent-1-gradient { background-image: var(--accent-1-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-accent-1-gradient-h { background-image: var(--accent-1-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-accent-1-gradient-h-inverse { background-image: var(--accent-1-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-accent-1-gradient-v { background-image: var(--accent-1-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-accent-1-gradient-v-inverse { background-image: var(--accent-1-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Accent 2 Colors */
.text-accent-2 { color: rgba(var(--rgb-accent-2), var(--bs-text-opacity)) !important; }
.text-accent-2-l1 { color: rgba(var(--rgb-accent-2-l1), var(--bs-text-opacity)) !important; }
.text-accent-2-l2 { color: rgba(var(--rgb-accent-2-l2), var(--bs-text-opacity)) !important; }
.text-accent-2-l3 { color: rgba(var(--rgb-accent-2-l3), var(--bs-text-opacity)) !important; }
.text-accent-2-d1 { color: rgba(var(--rgb-accent-2-d1), var(--bs-text-opacity)) !important; }
.text-accent-2-d2 { color: rgba(var(--rgb-accent-2-d2), var(--bs-text-opacity)) !important; }
.text-accent-2-d3 { color: rgba(var(--rgb-accent-2-d3), var(--bs-text-opacity)) !important; }
.text-accent-2-font { color: rgba(var(--rgb-accent-2-font), var(--bs-text-opacity)) !important; }
.text-accent-2-font-l { color: rgba(var(--rgb-accent-2-font-l), var(--bs-text-opacity)) !important; }
.text-accent-2-font-d { color: rgba(var(--rgb-accent-2-font-d), var(--bs-text-opacity)) !important; }
.text-accent-2-10 { color: rgba(var(--rgb-accent-2),.1) !important; }
.text-accent-2-20 { color: rgba(var(--rgb-accent-2),.2) !important; }
.text-accent-2-30 { color: rgba(var(--rgb-accent-2),.3) !important; }
.text-accent-2-40 { color: rgba(var(--rgb-accent-2),.4) !important; }
.text-accent-2-50 { color: rgba(var(--rgb-accent-2),.5) !important; }
.text-accent-2-60 { color: rgba(var(--rgb-accent-2),.6) !important; }
.text-accent-2-70 { color: rgba(var(--rgb-accent-2),.7) !important; }
.text-accent-2-80 { color: rgba(var(--rgb-accent-2),.8) !important; }
.text-accent-2-90 { color: rgba(var(--rgb-accent-2),.9) !important; }

.text-accent-2-gradient-d { background-image: var(--accent-2-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-accent-2-gradient-d-inverse { background-image: var(--accent-2-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-accent-2-gradient { background-image: var(--accent-2-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-accent-2-gradient-h { background-image: var(--accent-2-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-accent-2-gradient-h-inverse { background-image: var(--accent-2-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-accent-2-gradient-v { background-image: var(--accent-2-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-accent-2-gradient-v-inverse { background-image: var(--accent-2-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Accent 3 Colors */
.text-accent-3 { color: rgba(var(--rgb-accent-3), var(--bs-text-opacity)) !important; }
.text-accent-3-l1 { color: rgba(var(--rgb-accent-3-l1), var(--bs-text-opacity)) !important; }
.text-accent-3-l2 { color: rgba(var(--rgb-accent-3-l2), var(--bs-text-opacity)) !important; }
.text-accent-3-l3 { color: rgba(var(--rgb-accent-3-l3), var(--bs-text-opacity)) !important; }
.text-accent-3-d1 { color: rgba(var(--rgb-accent-3-d1), var(--bs-text-opacity)) !important; }
.text-accent-3-d2 { color: rgba(var(--rgb-accent-3-d2), var(--bs-text-opacity)) !important; }
.text-accent-3-d3 { color: rgba(var(--rgb-accent-3-d3), var(--bs-text-opacity)) !important; }
.text-accent-3-font { color: rgba(var(--rgb-accent-3-font), var(--bs-text-opacity)) !important; }
.text-accent-3-font-l { color: rgba(var(--rgb-accent-3-font-l), var(--bs-text-opacity)) !important; }
.text-accent-3-font-d { color: rgba(var(--rgb-accent-3-font-d), var(--bs-text-opacity)) !important; }
.text-accent-3-10 { color: rgba(var(--rgb-accent-3),.1) !important; }
.text-accent-3-20 { color: rgba(var(--rgb-accent-3),.2) !important; }
.text-accent-3-30 { color: rgba(var(--rgb-accent-3),.3) !important; }
.text-accent-3-40 { color: rgba(var(--rgb-accent-3),.4) !important; }
.text-accent-3-50 { color: rgba(var(--rgb-accent-3),.5) !important; }
.text-accent-3-60 { color: rgba(var(--rgb-accent-3),.6) !important; }
.text-accent-3-70 { color: rgba(var(--rgb-accent-3),.7) !important; }
.text-accent-3-80 { color: rgba(var(--rgb-accent-3),.8) !important; }
.text-accent-3-90 { color: rgba(var(--rgb-accent-3),.9) !important; }

.text-accent-3-gradient-d { background-image: var(--accent-3-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-accent-3-gradient-d-inverse { background-image: var(--accent-3-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-accent-3-gradient { background-image: var(--accent-3-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-accent-3-gradient-h { background-image: var(--accent-3-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-accent-3-gradient-h-inverse { background-image: var(--accent-3-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-accent-3-gradient-v { background-image: var(--accent-3-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-accent-3-gradient-v-inverse { background-image: var(--accent-3-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Accent 4 Colors */
.text-accent-4 { color: rgba(var(--rgb-accent-4), var(--bs-text-opacity)) !important; }
.text-accent-4-l1 { color: rgba(var(--rgb-accent-4-l1), var(--bs-text-opacity)) !important; }
.text-accent-4-l2 { color: rgba(var(--rgb-accent-4-l2), var(--bs-text-opacity)) !important; }
.text-accent-4-l3 { color: rgba(var(--rgb-accent-4-l3), var(--bs-text-opacity)) !important; }
.text-accent-4-d1 { color: rgba(var(--rgb-accent-4-d1), var(--bs-text-opacity)) !important; }
.text-accent-4-d2 { color: rgba(var(--rgb-accent-4-d2), var(--bs-text-opacity)) !important; }
.text-accent-4-d3 { color: rgba(var(--rgb-accent-4-d3), var(--bs-text-opacity)) !important; }
.text-accent-4-font { color: rgba(var(--rgb-accent-4-font), var(--bs-text-opacity)) !important; }
.text-accent-4-font-l { color: rgba(var(--rgb-accent-4-font-l), var(--bs-text-opacity)) !important; }
.text-accent-4-font-d { color: rgba(var(--rgb-accent-4-font-d), var(--bs-text-opacity)) !important; }
.text-accent-4-10 { color: rgba(var(--rgb-accent-4),.1) !important; }
.text-accent-4-20 { color: rgba(var(--rgb-accent-4),.2) !important; }
.text-accent-4-30 { color: rgba(var(--rgb-accent-4),.3) !important; }
.text-accent-4-40 { color: rgba(var(--rgb-accent-4),.4) !important; }
.text-accent-4-50 { color: rgba(var(--rgb-accent-4),.5) !important; }
.text-accent-4-60 { color: rgba(var(--rgb-accent-4),.6) !important; }
.text-accent-4-70 { color: rgba(var(--rgb-accent-4),.7) !important; }
.text-accent-4-80 { color: rgba(var(--rgb-accent-4),.8) !important; }
.text-accent-4-90 { color: rgba(var(--rgb-accent-4),.9) !important; }

.text-accent-4-gradient-d { background-image: var(--accent-4-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-accent-4-gradient-d-inverse { background-image: var(--accent-4-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-accent-4-gradient { background-image: var(--accent-4-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-accent-4-gradient-h { background-image: var(--accent-4-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-accent-4-gradient-h-inverse { background-image: var(--accent-4-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-accent-4-gradient-v { background-image: var(--accent-4-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-accent-4-gradient-v-inverse { background-image: var(--accent-4-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Accent 5 Colors */
.text-accent-5 { color: rgba(var(--rgb-accent-5), var(--bs-text-opacity)) !important; }
.text-accent-5-l1 { color: rgba(var(--rgb-accent-5-l1), var(--bs-text-opacity)) !important; }
.text-accent-5-l2 { color: rgba(var(--rgb-accent-5-l2), var(--bs-text-opacity)) !important; }
.text-accent-5-l3 { color: rgba(var(--rgb-accent-5-l3), var(--bs-text-opacity)) !important; }
.text-accent-5-d1 { color: rgba(var(--rgb-accent-5-d1), var(--bs-text-opacity)) !important; }
.text-accent-5-d2 { color: rgba(var(--rgb-accent-5-d2), var(--bs-text-opacity)) !important; }
.text-accent-5-d3 { color: rgba(var(--rgb-accent-5-d3), var(--bs-text-opacity)) !important; }
.text-accent-5-font { color: rgba(var(--rgb-accent-5-font), var(--bs-text-opacity)) !important; }
.text-accent-5-font-l { color: rgba(var(--rgb-accent-5-font-l), var(--bs-text-opacity)) !important; }
.text-accent-5-font-d { color: rgba(var(--rgb-accent-5-font-d), var(--bs-text-opacity)) !important; }
.text-accent-5-10 { color: rgba(var(--rgb-accent-5),.1) !important; }
.text-accent-5-20 { color: rgba(var(--rgb-accent-5),.2) !important; }
.text-accent-5-30 { color: rgba(var(--rgb-accent-5),.3) !important; }
.text-accent-5-40 { color: rgba(var(--rgb-accent-5),.4) !important; }
.text-accent-5-50 { color: rgba(var(--rgb-accent-5),.5) !important; }
.text-accent-5-60 { color: rgba(var(--rgb-accent-5),.6) !important; }
.text-accent-5-70 { color: rgba(var(--rgb-accent-5),.7) !important; }
.text-accent-5-80 { color: rgba(var(--rgb-accent-5),.8) !important; }
.text-accent-5-90 { color: rgba(var(--rgb-accent-5),.9) !important; }

.text-accent-5-gradient-d { background-image: var(--accent-5-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-accent-5-gradient-d-inverse { background-image: var(--accent-5-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-accent-5-gradient { background-image: var(--accent-5-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-accent-5-gradient-h { background-image: var(--accent-5-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-accent-5-gradient-h-inverse { background-image: var(--accent-5-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-accent-5-gradient-v { background-image: var(--accent-5-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-accent-5-gradient-v-inverse { background-image: var(--accent-5-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Accent 6 Colors */
.text-accent-6 { color: rgba(var(--rgb-accent-6), var(--bs-text-opacity)) !important; }
.text-accent-6-l1 { color: rgba(var(--rgb-accent-6-l1), var(--bs-text-opacity)) !important; }
.text-accent-6-l2 { color: rgba(var(--rgb-accent-6-l2), var(--bs-text-opacity)) !important; }
.text-accent-6-l3 { color: rgba(var(--rgb-accent-6-l3), var(--bs-text-opacity)) !important; }
.text-accent-6-d1 { color: rgba(var(--rgb-accent-6-d1), var(--bs-text-opacity)) !important; }
.text-accent-6-d2 { color: rgba(var(--rgb-accent-6-d2), var(--bs-text-opacity)) !important; }
.text-accent-6-d3 { color: rgba(var(--rgb-accent-6-d3), var(--bs-text-opacity)) !important; }
.text-accent-6-font { color: rgba(var(--rgb-accent-6-font), var(--bs-text-opacity)) !important; }
.text-accent-6-font-l { color: rgba(var(--rgb-accent-6-font-l), var(--bs-text-opacity)) !important; }
.text-accent-6-font-d { color: rgba(var(--rgb-accent-6-font-d), var(--bs-text-opacity)) !important; }
.text-accent-6-10 { color: rgba(var(--rgb-accent-6),.1) !important; }
.text-accent-6-20 { color: rgba(var(--rgb-accent-6),.2) !important; }
.text-accent-6-30 { color: rgba(var(--rgb-accent-6),.3) !important; }
.text-accent-6-40 { color: rgba(var(--rgb-accent-6),.4) !important; }
.text-accent-6-50 { color: rgba(var(--rgb-accent-6),.5) !important; }
.text-accent-6-60 { color: rgba(var(--rgb-accent-6),.6) !important; }
.text-accent-6-70 { color: rgba(var(--rgb-accent-6),.7) !important; }
.text-accent-6-80 { color: rgba(var(--rgb-accent-6),.8) !important; }
.text-accent-6-90 { color: rgba(var(--rgb-accent-6),.9) !important; }

.text-accent-6-gradient-d { background-image: var(--accent-6-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-accent-6-gradient-d-inverse { background-image: var(--accent-6-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-accent-6-gradient { background-image: var(--accent-6-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-accent-6-gradient-h { background-image: var(--accent-6-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-accent-6-gradient-h-inverse { background-image: var(--accent-6-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-accent-6-gradient-v { background-image: var(--accent-6-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-accent-6-gradient-v-inverse { background-image: var(--accent-6-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/*  ## 12.4 Spectrum Colors (Red, Blue, Green, etc.) */

/* Text / Font Colors: Red Colors */
.text-red { color: rgba(var(--rgb-red), var(--bs-text-opacity)) !important; }
.text-red-l1 { color: rgba(var(--rgb-red-l1), var(--bs-text-opacity)) !important; }
.text-red-l2 { color: rgba(var(--rgb-red-l2), var(--bs-text-opacity)) !important; }
.text-red-l3 { color: rgba(var(--rgb-red-l3), var(--bs-text-opacity)) !important; }
.text-red-d1 { color: rgba(var(--rgb-red-d1), var(--bs-text-opacity)) !important; }
.text-red-d2 { color: rgba(var(--rgb-red-d2), var(--bs-text-opacity)) !important; }
.text-red-d3 { color: rgba(var(--rgb-red-d3), var(--bs-text-opacity)) !important; }
.text-red-font { color: rgba(var(--rgb-red-font), var(--bs-text-opacity)) !important; }
.text-red-font-l { color: rgba(var(--rgb-red-font-l), var(--bs-text-opacity)) !important; }
.text-red-font-d { color: rgba(var(--rgb-red-font-d), var(--bs-text-opacity)) !important; }
.text-red-10 { color: rgba(var(--rgb-red),.1) !important; }
.text-red-20 { color: rgba(var(--rgb-red),.2) !important; }
.text-red-30 { color: rgba(var(--rgb-red),.3) !important; }
.text-red-40 { color: rgba(var(--rgb-red),.4) !important; }
.text-red-50 { color: rgba(var(--rgb-red),.5) !important; }
.text-red-60 { color: rgba(var(--rgb-red),.6) !important; }
.text-red-70 { color: rgba(var(--rgb-red),.7) !important; }
.text-red-80 { color: rgba(var(--rgb-red),.8) !important; }
.text-red-90 { color: rgba(var(--rgb-red),.9) !important; }

.text-red-gradient-d { background-image: var(--red-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-red-gradient-d-inverse { background-image: var(--red-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-red-gradient { background-image: var(--red-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-red-gradient-h { background-image: var(--red-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-red-gradient-h-inverse { background-image: var(--red-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-red-gradient-v { background-image: var(--red-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-red-gradient-v-inverse { background-image: var(--red-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Pink Colors */
.text-pink { color: rgba(var(--rgb-pink), var(--bs-text-opacity)) !important; }
.text-pink-l1 { color: rgba(var(--rgb-pink-l1), var(--bs-text-opacity)) !important; }
.text-pink-l2 { color: rgba(var(--rgb-pink-l2), var(--bs-text-opacity)) !important; }
.text-pink-l3 { color: rgba(var(--rgb-pink-l3), var(--bs-text-opacity)) !important; }
.text-pink-d1 { color: rgba(var(--rgb-pink-d1), var(--bs-text-opacity)) !important; }
.text-pink-d2 { color: rgba(var(--rgb-pink-d2), var(--bs-text-opacity)) !important; }
.text-pink-d3 { color: rgba(var(--rgb-pink-d3), var(--bs-text-opacity)) !important; }
.text-pink-font { color: rgba(var(--rgb-pink-font), var(--bs-text-opacity)) !important; }
.text-pink-font-l { color: rgba(var(--rgb-pink-font-l), var(--bs-text-opacity)) !important; }
.text-pink-font-d { color: rgba(var(--rgb-pink-font-d), var(--bs-text-opacity)) !important; }
.text-pink-10 { color: rgba(var(--rgb-pink),.1) !important; }
.text-pink-20 { color: rgba(var(--rgb-pink),.2) !important; }
.text-pink-30 { color: rgba(var(--rgb-pink),.3) !important; }
.text-pink-40 { color: rgba(var(--rgb-pink),.4) !important; }
.text-pink-50 { color: rgba(var(--rgb-pink),.5) !important; }
.text-pink-60 { color: rgba(var(--rgb-pink),.6) !important; }
.text-pink-70 { color: rgba(var(--rgb-pink),.7) !important; }
.text-pink-80 { color: rgba(var(--rgb-pink),.8) !important; }
.text-pink-90 { color: rgba(var(--rgb-pink),.9) !important; }

.text-pink-gradient-d { background-image: var(--pink-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-pink-gradient-d-inverse { background-image: var(--pink-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-pink-gradient { background-image: var(--pink-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-pink-gradient-h { background-image: var(--pink-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-pink-gradient-h-inverse { background-image: var(--pink-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-pink-gradient-v { background-image: var(--pink-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-pink-gradient-v-inverse { background-image: var(--pink-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Purple Colors */
.text-purple { color: rgba(var(--rgb-purple), var(--bs-text-opacity)) !important; }
.text-purple-l1 { color: rgba(var(--rgb-purple-l1), var(--bs-text-opacity)) !important; }
.text-purple-l2 { color: rgba(var(--rgb-purple-l2), var(--bs-text-opacity)) !important; }
.text-purple-l3 { color: rgba(var(--rgb-purple-l3), var(--bs-text-opacity)) !important; }
.text-purple-d1 { color: rgba(var(--rgb-purple-d1), var(--bs-text-opacity)) !important; }
.text-purple-d2 { color: rgba(var(--rgb-purple-d2), var(--bs-text-opacity)) !important; }
.text-purple-d3 { color: rgba(var(--rgb-purple-d3), var(--bs-text-opacity)) !important; }
.text-purple-font { color: rgba(var(--rgb-purple-font), var(--bs-text-opacity)) !important; }
.text-purple-font-l { color: rgba(var(--rgb-purple-font-l), var(--bs-text-opacity)) !important; }
.text-purple-font-d { color: rgba(var(--rgb-purple-font-d), var(--bs-text-opacity)) !important; }
.text-purple-10 { color: rgba(var(--rgb-purple),.1) !important; }
.text-purple-20 { color: rgba(var(--rgb-purple),.2) !important; }
.text-purple-30 { color: rgba(var(--rgb-purple),.3) !important; }
.text-purple-40 { color: rgba(var(--rgb-purple),.4) !important; }
.text-purple-50 { color: rgba(var(--rgb-purple),.5) !important; }
.text-purple-60 { color: rgba(var(--rgb-purple),.6) !important; }
.text-purple-70 { color: rgba(var(--rgb-purple),.7) !important; }
.text-purple-80 { color: rgba(var(--rgb-purple),.8) !important; }
.text-purple-90 { color: rgba(var(--rgb-purple),.9) !important; }

.text-purple-gradient-d { background-image: var(--purple-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-purple-gradient-d-inverse { background-image: var(--purple-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-purple-gradient { background-image: var(--purple-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-purple-gradient-h { background-image: var(--purple-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-purple-gradient-h-inverse { background-image: var(--purple-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-purple-gradient-v { background-image: var(--purple-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-purple-gradient-v-inverse { background-image: var(--purple-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Deep Purple Colors */
.text-deeppurple { color: rgba(var(--rgb-deeppurple), var(--bs-text-opacity)) !important; }
.text-deeppurple-l1 { color: rgba(var(--rgb-deeppurple-l1), var(--bs-text-opacity)) !important; }
.text-deeppurple-l2 { color: rgba(var(--rgb-deeppurple-l2), var(--bs-text-opacity)) !important; }
.text-deeppurple-l3 { color: rgba(var(--rgb-deeppurple-l3), var(--bs-text-opacity)) !important; }
.text-deeppurple-d1 { color: rgba(var(--rgb-deeppurple-d1), var(--bs-text-opacity)) !important; }
.text-deeppurple-d2 { color: rgba(var(--rgb-deeppurple-d2), var(--bs-text-opacity)) !important; }
.text-deeppurple-d3 { color: rgba(var(--rgb-deeppurple-d3), var(--bs-text-opacity)) !important; }
.text-deeppurple-font { color: rgba(var(--rgb-deeppurple-font), var(--bs-text-opacity)) !important; }
.text-deeppurple-font-l { color: rgba(var(--rgb-deeppurple-font-l), var(--bs-text-opacity)) !important; }
.text-deeppurple-font-d { color: rgba(var(--rgb-deeppurple-font-d), var(--bs-text-opacity)) !important; }
.text-deeppurple-10 { color: rgba(var(--rgb-deeppurple),.1) !important; }
.text-deeppurple-20 { color: rgba(var(--rgb-deeppurple),.2) !important; }
.text-deeppurple-30 { color: rgba(var(--rgb-deeppurple),.3) !important; }
.text-deeppurple-40 { color: rgba(var(--rgb-deeppurple),.4) !important; }
.text-deeppurple-50 { color: rgba(var(--rgb-deeppurple),.5) !important; }
.text-deeppurple-60 { color: rgba(var(--rgb-deeppurple),.6) !important; }
.text-deeppurple-70 { color: rgba(var(--rgb-deeppurple),.7) !important; }
.text-deeppurple-80 { color: rgba(var(--rgb-deeppurple),.8) !important; }
.text-deeppurple-90 { color: rgba(var(--rgb-deeppurple),.9) !important; }

.text-deeppurple-gradient-d { background-image: var(--deeppurple-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-deeppurple-gradient-d-inverse { background-image: var(--deeppurple-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-deeppurple-gradient { background-image: var(--deeppurple-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-deeppurple-gradient-h { background-image: var(--deeppurple-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-deeppurple-gradient-h-inverse { background-image: var(--deeppurple-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-deeppurple-gradient-v { background-image: var(--deeppurple-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-deeppurple-gradient-v-inverse { background-image: var(--deeppurple-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Indigo Colors */
.text-indigo { color: rgba(var(--rgb-indigo), var(--bs-text-opacity)) !important; }
.text-indigo-l1 { color: rgba(var(--rgb-indigo-l1), var(--bs-text-opacity)) !important; }
.text-indigo-l2 { color: rgba(var(--rgb-indigo-l2), var(--bs-text-opacity)) !important; }
.text-indigo-l3 { color: rgba(var(--rgb-indigo-l3), var(--bs-text-opacity)) !important; }
.text-indigo-d1 { color: rgba(var(--rgb-indigo-d1), var(--bs-text-opacity)) !important; }
.text-indigo-d2 { color: rgba(var(--rgb-indigo-d2), var(--bs-text-opacity)) !important; }
.text-indigo-d3 { color: rgba(var(--rgb-indigo-d3), var(--bs-text-opacity)) !important; }
.text-indigo-font { color: rgba(var(--rgb-indigo-font), var(--bs-text-opacity)) !important; }
.text-indigo-font-l { color: rgba(var(--rgb-indigo-font-l), var(--bs-text-opacity)) !important; }
.text-indigo-font-d { color: rgba(var(--rgb-indigo-font-d), var(--bs-text-opacity)) !important; }
.text-indigo-10 { color: rgba(var(--rgb-indigo),.1) !important; }
.text-indigo-20 { color: rgba(var(--rgb-indigo),.2) !important; }
.text-indigo-30 { color: rgba(var(--rgb-indigo),.3) !important; }
.text-indigo-40 { color: rgba(var(--rgb-indigo),.4) !important; }
.text-indigo-50 { color: rgba(var(--rgb-indigo),.5) !important; }
.text-indigo-60 { color: rgba(var(--rgb-indigo),.6) !important; }
.text-indigo-70 { color: rgba(var(--rgb-indigo),.7) !important; }
.text-indigo-80 { color: rgba(var(--rgb-indigo),.8) !important; }
.text-indigo-90 { color: rgba(var(--rgb-indigo),.9) !important; }

.text-indigo-gradient-d { background-image: var(--indigo-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-indigo-gradient-d-inverse { background-image: var(--indigo-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-indigo-gradient { background-image: var(--indigo-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-indigo-gradient-h { background-image: var(--indigo-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-indigo-gradient-h-inverse { background-image: var(--indigo-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-indigo-gradient-v { background-image: var(--indigo-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-indigo-gradient-v-inverse { background-image: var(--indigo-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Blue Colors */
.text-blue { color: rgba(var(--rgb-blue), var(--bs-text-opacity)) !important; }
.text-blue-l1 { color: rgba(var(--rgb-blue-l1), var(--bs-text-opacity)) !important; }
.text-blue-l2 { color: rgba(var(--rgb-blue-l2), var(--bs-text-opacity)) !important; }
.text-blue-l3 { color: rgba(var(--rgb-blue-l3), var(--bs-text-opacity)) !important; }
.text-blue-d1 { color: rgba(var(--rgb-blue-d1), var(--bs-text-opacity)) !important; }
.text-blue-d2 { color: rgba(var(--rgb-blue-d2), var(--bs-text-opacity)) !important; }
.text-blue-d3 { color: rgba(var(--rgb-blue-d3), var(--bs-text-opacity)) !important; }
.text-blue-font { color: rgba(var(--rgb-blue-font), var(--bs-text-opacity)) !important; }
.text-blue-font-l { color: rgba(var(--rgb-blue-font-l), var(--bs-text-opacity)) !important; }
.text-blue-font-d { color: rgba(var(--rgb-blue-font-d), var(--bs-text-opacity)) !important; }
.text-blue-10 { color: rgba(var(--rgb-blue),.1) !important; }
.text-blue-20 { color: rgba(var(--rgb-blue),.2) !important; }
.text-blue-30 { color: rgba(var(--rgb-blue),.3) !important; }
.text-blue-40 { color: rgba(var(--rgb-blue),.4) !important; }
.text-blue-50 { color: rgba(var(--rgb-blue),.5) !important; }
.text-blue-60 { color: rgba(var(--rgb-blue),.6) !important; }
.text-blue-70 { color: rgba(var(--rgb-blue),.7) !important; }
.text-blue-80 { color: rgba(var(--rgb-blue),.8) !important; }
.text-blue-90 { color: rgba(var(--rgb-blue),.9) !important; }

.text-blue-gradient-d { background-image: var(--blue-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-blue-gradient-d-inverse { background-image: var(--blue-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-blue-gradient { background-image: var(--blue-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-blue-gradient-h { background-image: var(--blue-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-blue-gradient-h-inverse { background-image: var(--blue-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-blue-gradient-v { background-image: var(--blue-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-blue-gradient-v-inverse { background-image: var(--blue-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: LightBlue Colors */
.text-lightblue { color: rgba(var(--rgb-lightblue), var(--bs-text-opacity)) !important; }
.text-lightblue-l1 { color: rgba(var(--rgb-lightblue-l1), var(--bs-text-opacity)) !important; }
.text-lightblue-l2 { color: rgba(var(--rgb-lightblue-l2), var(--bs-text-opacity)) !important; }
.text-lightblue-l3 { color: rgba(var(--rgb-lightblue-l3), var(--bs-text-opacity)) !important; }
.text-lightblue-d1 { color: rgba(var(--rgb-lightblue-d1), var(--bs-text-opacity)) !important; }
.text-lightblue-d2 { color: rgba(var(--rgb-lightblue-d2), var(--bs-text-opacity)) !important; }
.text-lightblue-d3 { color: rgba(var(--rgb-lightblue-d3), var(--bs-text-opacity)) !important; }
.text-lightblue-font { color: rgba(var(--rgb-lightblue-font), var(--bs-text-opacity)) !important; }
.text-lightblue-font-l { color: rgba(var(--rgb-lightblue-font-l), var(--bs-text-opacity)) !important; }
.text-lightblue-font-d { color: rgba(var(--rgb-lightblue-font-d), var(--bs-text-opacity)) !important; }
.text-lightblue-10 { color: rgba(var(--rgb-lightblue),.1) !important; }
.text-lightblue-20 { color: rgba(var(--rgb-lightblue),.2) !important; }
.text-lightblue-30 { color: rgba(var(--rgb-lightblue),.3) !important; }
.text-lightblue-40 { color: rgba(var(--rgb-lightblue),.4) !important; }
.text-lightblue-50 { color: rgba(var(--rgb-lightblue),.5) !important; }
.text-lightblue-60 { color: rgba(var(--rgb-lightblue),.6) !important; }
.text-lightblue-70 { color: rgba(var(--rgb-lightblue),.7) !important; }
.text-lightblue-80 { color: rgba(var(--rgb-lightblue),.8) !important; }
.text-lightblue-90 { color: rgba(var(--rgb-lightblue),.9) !important; }

.text-lightblue-gradient-d { background-image: var(--lightblue-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-lightblue-gradient-d-inverse { background-image: var(--lightblue-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-lightblue-gradient { background-image: var(--lightblue-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-lightblue-gradient-h { background-image: var(--lightblue-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-lightblue-gradient-h-inverse { background-image: var(--lightblue-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-lightblue-gradient-v { background-image: var(--lightblue-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-lightblue-gradient-v-inverse { background-image: var(--lightblue-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Cyan Colors */
.text-cyan { color: rgba(var(--rgb-cyan), var(--bs-text-opacity)) !important; }
.text-cyan-l1 { color: rgba(var(--rgb-cyan-l1), var(--bs-text-opacity)) !important; }
.text-cyan-l2 { color: rgba(var(--rgb-cyan-l2), var(--bs-text-opacity)) !important; }
.text-cyan-l3 { color: rgba(var(--rgb-cyan-l3), var(--bs-text-opacity)) !important; }
.text-cyan-d1 { color: rgba(var(--rgb-cyan-d1), var(--bs-text-opacity)) !important; }
.text-cyan-d2 { color: rgba(var(--rgb-cyan-d2), var(--bs-text-opacity)) !important; }
.text-cyan-d3 { color: rgba(var(--rgb-cyan-d3), var(--bs-text-opacity)) !important; }
.text-cyan-font { color: rgba(var(--rgb-cyan-font), var(--bs-text-opacity)) !important; }
.text-cyan-font-l { color: rgba(var(--rgb-cyan-font-l), var(--bs-text-opacity)) !important; }
.text-cyan-font-d { color: rgba(var(--rgb-cyan-font-d), var(--bs-text-opacity)) !important; }
.text-cyan-10 { color: rgba(var(--rgb-cyan),.1) !important; }
.text-cyan-20 { color: rgba(var(--rgb-cyan),.2) !important; }
.text-cyan-30 { color: rgba(var(--rgb-cyan),.3) !important; }
.text-cyan-40 { color: rgba(var(--rgb-cyan),.4) !important; }
.text-cyan-50 { color: rgba(var(--rgb-cyan),.5) !important; }
.text-cyan-60 { color: rgba(var(--rgb-cyan),.6) !important; }
.text-cyan-70 { color: rgba(var(--rgb-cyan),.7) !important; }
.text-cyan-80 { color: rgba(var(--rgb-cyan),.8) !important; }
.text-cyan-90 { color: rgba(var(--rgb-cyan),.9) !important; }

.text-cyan-gradient-d { background-image: var(--cyan-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-cyan-gradient-d-inverse { background-image: var(--cyan-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-cyan-gradient { background-image: var(--cyan-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-cyan-gradient-h { background-image: var(--cyan-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-cyan-gradient-h-inverse { background-image: var(--cyan-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-cyan-gradient-v { background-image: var(--cyan-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-cyan-gradient-v-inverse { background-image: var(--cyan-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Teal Colors */
.text-teal { color: rgba(var(--rgb-teal), var(--bs-text-opacity)) !important; }
.text-teal-l1 { color: rgba(var(--rgb-teal-l1), var(--bs-text-opacity)) !important; }
.text-teal-l2 { color: rgba(var(--rgb-teal-l2), var(--bs-text-opacity)) !important; }
.text-teal-l3 { color: rgba(var(--rgb-teal-l3), var(--bs-text-opacity)) !important; }
.text-teal-d1 { color: rgba(var(--rgb-teal-d1), var(--bs-text-opacity)) !important; }
.text-teal-d2 { color: rgba(var(--rgb-teal-d2), var(--bs-text-opacity)) !important; }
.text-teal-d3 { color: rgba(var(--rgb-teal-d3), var(--bs-text-opacity)) !important; }
.text-teal-font { color: rgba(var(--rgb-teal-font), var(--bs-text-opacity)) !important; }
.text-teal-font-l { color: rgba(var(--rgb-teal-font-l), var(--bs-text-opacity)) !important; }
.text-teal-font-d { color: rgba(var(--rgb-teal-font-d), var(--bs-text-opacity)) !important; }
.text-teal-10 { color: rgba(var(--rgb-teal),.1) !important; }
.text-teal-20 { color: rgba(var(--rgb-teal),.2) !important; }
.text-teal-30 { color: rgba(var(--rgb-teal),.3) !important; }
.text-teal-40 { color: rgba(var(--rgb-teal),.4) !important; }
.text-teal-50 { color: rgba(var(--rgb-teal),.5) !important; }
.text-teal-60 { color: rgba(var(--rgb-teal),.6) !important; }
.text-teal-70 { color: rgba(var(--rgb-teal),.7) !important; }
.text-teal-80 { color: rgba(var(--rgb-teal),.8) !important; }
.text-teal-90 { color: rgba(var(--rgb-teal),.9) !important; }

.text-teal-gradient-d { background-image: var(--teal-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-teal-gradient-d-inverse { background-image: var(--teal-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-teal-gradient { background-image: var(--teal-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-teal-gradient-h { background-image: var(--teal-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-teal-gradient-h-inverse { background-image: var(--teal-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-teal-gradient-v { background-image: var(--teal-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-teal-gradient-v-inverse { background-image: var(--teal-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Green Colors */
.text-green { color: rgba(var(--rgb-green), var(--bs-text-opacity)) !important; }
.text-green-l1 { color: rgba(var(--rgb-green-l1), var(--bs-text-opacity)) !important; }
.text-green-l2 { color: rgba(var(--rgb-green-l2), var(--bs-text-opacity)) !important; }
.text-green-l3 { color: rgba(var(--rgb-green-l3), var(--bs-text-opacity)) !important; }
.text-green-d1 { color: rgba(var(--rgb-green-d1), var(--bs-text-opacity)) !important; }
.text-green-d2 { color: rgba(var(--rgb-green-d2), var(--bs-text-opacity)) !important; }
.text-green-d3 { color: rgba(var(--rgb-green-d3), var(--bs-text-opacity)) !important; }
.text-green-font { color: rgba(var(--rgb-green-font), var(--bs-text-opacity)) !important; }
.text-green-font-l { color: rgba(var(--rgb-green-font-l), var(--bs-text-opacity)) !important; }
.text-green-font-d { color: rgba(var(--rgb-green-font-d), var(--bs-text-opacity)) !important; }
.text-green-10 { color: rgba(var(--rgb-green),.1) !important; }
.text-green-20 { color: rgba(var(--rgb-green),.2) !important; }
.text-green-30 { color: rgba(var(--rgb-green),.3) !important; }
.text-green-40 { color: rgba(var(--rgb-green),.4) !important; }
.text-green-50 { color: rgba(var(--rgb-green),.5) !important; }
.text-green-60 { color: rgba(var(--rgb-green),.6) !important; }
.text-green-70 { color: rgba(var(--rgb-green),.7) !important; }
.text-green-80 { color: rgba(var(--rgb-green),.8) !important; }
.text-green-90 { color: rgba(var(--rgb-green),.9) !important; }

.text-green-gradient-d { background-image: var(--green-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-green-gradient-d-inverse { background-image: var(--green-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-green-gradient { background-image: var(--green-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-green-gradient-h { background-image: var(--green-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-green-gradient-h-inverse { background-image: var(--green-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-green-gradient-v { background-image: var(--green-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-green-gradient-v-inverse { background-image: var(--green-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: LightGreen Colors */
.text-lightgreen { color: rgba(var(--rgb-lightgreen), var(--bs-text-opacity)) !important; }
.text-lightgreen-l1 { color: rgba(var(--rgb-lightgreen-l1), var(--bs-text-opacity)) !important; }
.text-lightgreen-l2 { color: rgba(var(--rgb-lightgreen-l2), var(--bs-text-opacity)) !important; }
.text-lightgreen-l3 { color: rgba(var(--rgb-lightgreen-l3), var(--bs-text-opacity)) !important; }
.text-lightgreen-d1 { color: rgba(var(--rgb-lightgreen-d1), var(--bs-text-opacity)) !important; }
.text-lightgreen-d2 { color: rgba(var(--rgb-lightgreen-d2), var(--bs-text-opacity)) !important; }
.text-lightgreen-d3 { color: rgba(var(--rgb-lightgreen-d3), var(--bs-text-opacity)) !important; }
.text-lightgreen-font { color: rgba(var(--rgb-lightgreen-font), var(--bs-text-opacity)) !important; }
.text-lightgreen-font-l { color: rgba(var(--rgb-lightgreen-font-l), var(--bs-text-opacity)) !important; }
.text-lightgreen-font-d { color: rgba(var(--rgb-lightgreen-font-d), var(--bs-text-opacity)) !important; }
.text-lightgreen-10 { color: rgba(var(--rgb-lightgreen),.1) !important; }
.text-lightgreen-20 { color: rgba(var(--rgb-lightgreen),.2) !important; }
.text-lightgreen-30 { color: rgba(var(--rgb-lightgreen),.3) !important; }
.text-lightgreen-40 { color: rgba(var(--rgb-lightgreen),.4) !important; }
.text-lightgreen-50 { color: rgba(var(--rgb-lightgreen),.5) !important; }
.text-lightgreen-60 { color: rgba(var(--rgb-lightgreen),.6) !important; }
.text-lightgreen-70 { color: rgba(var(--rgb-lightgreen),.7) !important; }
.text-lightgreen-80 { color: rgba(var(--rgb-lightgreen),.8) !important; }
.text-lightgreen-90 { color: rgba(var(--rgb-lightgreen),.9) !important; }

.text-lightgreen-gradient-d { background-image: var(--lightgreen-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-lightgreen-gradient-d-inverse { background-image: var(--lightgreen-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-lightgreen-gradient { background-image: var(--lightgreen-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-lightgreen-gradient-h { background-image: var(--lightgreen-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-lightgreen-gradient-h-inverse { background-image: var(--lightgreen-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-lightgreen-gradient-v { background-image: var(--lightgreen-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-lightgreen-gradient-v-inverse { background-image: var(--lightgreen-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Lime Colors */
.text-lime { color: rgba(var(--rgb-lime), var(--bs-text-opacity)) !important; }
.text-lime-l1 { color: rgba(var(--rgb-lime-l1), var(--bs-text-opacity)) !important; }
.text-lime-l2 { color: rgba(var(--rgb-lime-l2), var(--bs-text-opacity)) !important; }
.text-lime-l3 { color: rgba(var(--rgb-lime-l3), var(--bs-text-opacity)) !important; }
.text-lime-d1 { color: rgba(var(--rgb-lime-d1), var(--bs-text-opacity)) !important; }
.text-lime-d2 { color: rgba(var(--rgb-lime-d2), var(--bs-text-opacity)) !important; }
.text-lime-d3 { color: rgba(var(--rgb-lime-d3), var(--bs-text-opacity)) !important; }
.text-lime-font { color: rgba(var(--rgb-lime-font), var(--bs-text-opacity)) !important; }
.text-lime-font-l { color: rgba(var(--rgb-lime-font-l), var(--bs-text-opacity)) !important; }
.text-lime-font-d { color: rgba(var(--rgb-lime-font-d), var(--bs-text-opacity)) !important; }
.text-lime-10 { color: rgba(var(--rgb-lime),.1) !important; }
.text-lime-20 { color: rgba(var(--rgb-lime),.2) !important; }
.text-lime-30 { color: rgba(var(--rgb-lime),.3) !important; }
.text-lime-40 { color: rgba(var(--rgb-lime),.4) !important; }
.text-lime-50 { color: rgba(var(--rgb-lime),.5) !important; }
.text-lime-60 { color: rgba(var(--rgb-lime),.6) !important; }
.text-lime-70 { color: rgba(var(--rgb-lime),.7) !important; }
.text-lime-80 { color: rgba(var(--rgb-lime),.8) !important; }
.text-lime-90 { color: rgba(var(--rgb-lime),.9) !important; }

.text-lime-gradient-d { background-image: var(--lime-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-lime-gradient-d-inverse { background-image: var(--lime-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-lime-gradient { background-image: var(--lime-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-lime-gradient-h { background-image: var(--lime-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-lime-gradient-h-inverse { background-image: var(--lime-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-lime-gradient-v { background-image: var(--lime-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-lime-gradient-v-inverse { background-image: var(--lime-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Yellow Colors */
.text-yellow { color: rgba(var(--rgb-yellow), var(--bs-text-opacity)) !important; }
.text-yellow-l1 { color: rgba(var(--rgb-yellow-l1), var(--bs-text-opacity)) !important; }
.text-yellow-l2 { color: rgba(var(--rgb-yellow-l2), var(--bs-text-opacity)) !important; }
.text-yellow-l3 { color: rgba(var(--rgb-yellow-l3), var(--bs-text-opacity)) !important; }
.text-yellow-d1 { color: rgba(var(--rgb-yellow-d1), var(--bs-text-opacity)) !important; }
.text-yellow-d2 { color: rgba(var(--rgb-yellow-d2), var(--bs-text-opacity)) !important; }
.text-yellow-d3 { color: rgba(var(--rgb-yellow-d3), var(--bs-text-opacity)) !important; }
.text-yellow-font { color: rgba(var(--rgb-yellow-font), var(--bs-text-opacity)) !important; }
.text-yellow-font-l { color: rgba(var(--rgb-yellow-font-l), var(--bs-text-opacity)) !important; }
.text-yellow-font-d { color: rgba(var(--rgb-yellow-font-d), var(--bs-text-opacity)) !important; }
.text-yellow-10 { color: rgba(var(--rgb-yellow),.1) !important; }
.text-yellow-20 { color: rgba(var(--rgb-yellow),.2) !important; }
.text-yellow-30 { color: rgba(var(--rgb-yellow),.3) !important; }
.text-yellow-40 { color: rgba(var(--rgb-yellow),.4) !important; }
.text-yellow-50 { color: rgba(var(--rgb-yellow),.5) !important; }
.text-yellow-60 { color: rgba(var(--rgb-yellow),.6) !important; }
.text-yellow-70 { color: rgba(var(--rgb-yellow),.7) !important; }
.text-yellow-80 { color: rgba(var(--rgb-yellow),.8) !important; }
.text-yellow-90 { color: rgba(var(--rgb-yellow),.9) !important; }

.text-yellow-gradient-d { background-image: var(--yellow-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-yellow-gradient-d-inverse { background-image: var(--yellow-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-yellow-gradient { background-image: var(--yellow-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-yellow-gradient-h { background-image: var(--yellow-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-yellow-gradient-h-inverse { background-image: var(--yellow-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-yellow-gradient-v { background-image: var(--yellow-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-yellow-gradient-v-inverse { background-image: var(--yellow-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Amber Colors */
.text-amber { color: rgba(var(--rgb-amber), var(--bs-text-opacity)) !important; }
.text-amber-l1 { color: rgba(var(--rgb-amber-l1), var(--bs-text-opacity)) !important; }
.text-amber-l2 { color: rgba(var(--rgb-amber-l2), var(--bs-text-opacity)) !important; }
.text-amber-l3 { color: rgba(var(--rgb-amber-l3), var(--bs-text-opacity)) !important; }
.text-amber-d1 { color: rgba(var(--rgb-amber-d1), var(--bs-text-opacity)) !important; }
.text-amber-d2 { color: rgba(var(--rgb-amber-d2), var(--bs-text-opacity)) !important; }
.text-amber-d3 { color: rgba(var(--rgb-amber-d3), var(--bs-text-opacity)) !important; }
.text-amber-font { color: rgba(var(--rgb-amber-font), var(--bs-text-opacity)) !important; }
.text-amber-font-l { color: rgba(var(--rgb-amber-font-l), var(--bs-text-opacity)) !important; }
.text-amber-font-d { color: rgba(var(--rgb-amber-font-d), var(--bs-text-opacity)) !important; }
.text-amber-10 { color: rgba(var(--rgb-amber),.1) !important; }
.text-amber-20 { color: rgba(var(--rgb-amber),.2) !important; }
.text-amber-30 { color: rgba(var(--rgb-amber),.3) !important; }
.text-amber-40 { color: rgba(var(--rgb-amber),.4) !important; }
.text-amber-50 { color: rgba(var(--rgb-amber),.5) !important; }
.text-amber-60 { color: rgba(var(--rgb-amber),.6) !important; }
.text-amber-70 { color: rgba(var(--rgb-amber),.7) !important; }
.text-amber-80 { color: rgba(var(--rgb-amber),.8) !important; }
.text-amber-90 { color: rgba(var(--rgb-amber),.9) !important; }

.text-amber-gradient-d { background-image: var(--amber-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-amber-gradient-d-inverse { background-image: var(--amber-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-amber-gradient { background-image: var(--amber-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-amber-gradient-h { background-image: var(--amber-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-amber-gradient-h-inverse { background-image: var(--amber-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-amber-gradient-v { background-image: var(--amber-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-amber-gradient-v-inverse { background-image: var(--amber-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Orange Colors */
.text-orange { color: rgba(var(--rgb-orange), var(--bs-text-opacity)) !important; }
.text-orange-l1 { color: rgba(var(--rgb-orange-l1), var(--bs-text-opacity)) !important; }
.text-orange-l2 { color: rgba(var(--rgb-orange-l2), var(--bs-text-opacity)) !important; }
.text-orange-l3 { color: rgba(var(--rgb-orange-l3), var(--bs-text-opacity)) !important; }
.text-orange-d1 { color: rgba(var(--rgb-orange-d1), var(--bs-text-opacity)) !important; }
.text-orange-d2 { color: rgba(var(--rgb-orange-d2), var(--bs-text-opacity)) !important; }
.text-orange-d3 { color: rgba(var(--rgb-orange-d3), var(--bs-text-opacity)) !important; }
.text-orange-font { color: rgba(var(--rgb-orange-font), var(--bs-text-opacity)) !important; }
.text-orange-font-l { color: rgba(var(--rgb-orange-font-l), var(--bs-text-opacity)) !important; }
.text-orange-font-d { color: rgba(var(--rgb-orange-font-d), var(--bs-text-opacity)) !important; }
.text-orange-10 { color: rgba(var(--rgb-orange),.1) !important; }
.text-orange-20 { color: rgba(var(--rgb-orange),.2) !important; }
.text-orange-30 { color: rgba(var(--rgb-orange),.3) !important; }
.text-orange-40 { color: rgba(var(--rgb-orange),.4) !important; }
.text-orange-50 { color: rgba(var(--rgb-orange),.5) !important; }
.text-orange-60 { color: rgba(var(--rgb-orange),.6) !important; }
.text-orange-70 { color: rgba(var(--rgb-orange),.7) !important; }
.text-orange-80 { color: rgba(var(--rgb-orange),.8) !important; }
.text-orange-90 { color: rgba(var(--rgb-orange),.9) !important; }

.text-orange-gradient-d { background-image: var(--orange-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-orange-gradient-d-inverse { background-image: var(--orange-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-orange-gradient { background-image: var(--orange-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-orange-gradient-h { background-image: var(--orange-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-orange-gradient-h-inverse { background-image: var(--orange-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-orange-gradient-v { background-image: var(--orange-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-orange-gradient-v-inverse { background-image: var(--orange-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: DeepOrange Colors */
.text-deeporange { color: rgba(var(--rgb-deeporange), var(--bs-text-opacity)) !important; }
.text-deeporange-l1 { color: rgba(var(--rgb-deeporange-l1), var(--bs-text-opacity)) !important; }
.text-deeporange-l2 { color: rgba(var(--rgb-deeporange-l2), var(--bs-text-opacity)) !important; }
.text-deeporange-l3 { color: rgba(var(--rgb-deeporange-l3), var(--bs-text-opacity)) !important; }
.text-deeporange-d1 { color: rgba(var(--rgb-deeporange-d1), var(--bs-text-opacity)) !important; }
.text-deeporange-d2 { color: rgba(var(--rgb-deeporange-d2), var(--bs-text-opacity)) !important; }
.text-deeporange-d3 { color: rgba(var(--rgb-deeporange-d3), var(--bs-text-opacity)) !important; }
.text-deeporange-font { color: rgba(var(--rgb-deeporange-font), var(--bs-text-opacity)) !important; }
.text-deeporange-font-l { color: rgba(var(--rgb-deeporange-font-l), var(--bs-text-opacity)) !important; }
.text-deeporange-font-d { color: rgba(var(--rgb-deeporange-font-d), var(--bs-text-opacity)) !important; }
.text-deeporange-10 { color: rgba(var(--rgb-deeporange),.1) !important; }
.text-deeporange-20 { color: rgba(var(--rgb-deeporange),.2) !important; }
.text-deeporange-30 { color: rgba(var(--rgb-deeporange),.3) !important; }
.text-deeporange-40 { color: rgba(var(--rgb-deeporange),.4) !important; }
.text-deeporange-50 { color: rgba(var(--rgb-deeporange),.5) !important; }
.text-deeporange-60 { color: rgba(var(--rgb-deeporange),.6) !important; }
.text-deeporange-70 { color: rgba(var(--rgb-deeporange),.7) !important; }
.text-deeporange-80 { color: rgba(var(--rgb-deeporange),.8) !important; }
.text-deeporange-90 { color: rgba(var(--rgb-deeporange),.9) !important; }

.text-deeporange-gradient-d { background-image: var(--deeporange-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-deeporange-gradient-d-inverse { background-image: var(--deeporange-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-deeporange-gradient { background-image: var(--deeporange-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-deeporange-gradient-h { background-image: var(--deeporange-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-deeporange-gradient-h-inverse { background-image: var(--deeporange-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-deeporange-gradient-v { background-image: var(--deeporange-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-deeporange-gradient-v-inverse { background-image: var(--deeporange-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Gray Colors */
.text-gray { color: rgba(var(--rgb-gray), var(--bs-text-opacity)) !important; }
.text-gray-l1 { color: rgba(var(--rgb-gray-l1), var(--bs-text-opacity)) !important; }
.text-gray-l2 { color: rgba(var(--rgb-gray-l2), var(--bs-text-opacity)) !important; }
.text-gray-l3 { color: rgba(var(--rgb-gray-l3), var(--bs-text-opacity)) !important; }
.text-gray-d1 { color: rgba(var(--rgb-gray-d1), var(--bs-text-opacity)) !important; }
.text-gray-d2 { color: rgba(var(--rgb-gray-d2), var(--bs-text-opacity)) !important; }
.text-gray-d3 { color: rgba(var(--rgb-gray-d3), var(--bs-text-opacity)) !important; }
.text-gray-font { color: rgba(var(--rgb-gray-font), var(--bs-text-opacity)) !important; }
.text-gray-font-l { color: rgba(var(--rgb-gray-font-l), var(--bs-text-opacity)) !important; }
.text-gray-font-d { color: rgba(var(--rgb-gray-font-d), var(--bs-text-opacity)) !important; }
.text-gray-10 { color: rgba(var(--rgb-gray),.1) !important; }
.text-gray-20 { color: rgba(var(--rgb-gray),.2) !important; }
.text-gray-30 { color: rgba(var(--rgb-gray),.3) !important; }
.text-gray-40 { color: rgba(var(--rgb-gray),.4) !important; }
.text-gray-50 { color: rgba(var(--rgb-gray),.5) !important; }
.text-gray-60 { color: rgba(var(--rgb-gray),.6) !important; }
.text-gray-70 { color: rgba(var(--rgb-gray),.7) !important; }
.text-gray-80 { color: rgba(var(--rgb-gray),.8) !important; }
.text-gray-90 { color: rgba(var(--rgb-gray),.9) !important; }

.text-gray-gradient-d { background-image: var(--gray-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-gray-gradient-d-inverse { background-image: var(--gray-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-gray-gradient { background-image: var(--gray-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-gray-gradient-h { background-image: var(--gray-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-gray-gradient-h-inverse { background-image: var(--gray-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-gray-gradient-v { background-image: var(--gray-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-gray-gradient-v-inverse { background-image: var(--gray-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: BlueGray Colors */
.text-bluegray { color: rgba(var(--rgb-bluegray), var(--bs-text-opacity)) !important; }
.text-bluegray-l1 { color: rgba(var(--rgb-bluegray-l1), var(--bs-text-opacity)) !important; }
.text-bluegray-l2 { color: rgba(var(--rgb-bluegray-l2), var(--bs-text-opacity)) !important; }
.text-bluegray-l3 { color: rgba(var(--rgb-bluegray-l3), var(--bs-text-opacity)) !important; }
.text-bluegray-d1 { color: rgba(var(--rgb-bluegray-d1), var(--bs-text-opacity)) !important; }
.text-bluegray-d2 { color: rgba(var(--rgb-bluegray-d2), var(--bs-text-opacity)) !important; }
.text-bluegray-d3 { color: rgba(var(--rgb-bluegray-d3), var(--bs-text-opacity)) !important; }
.text-bluegray-font { color: rgba(var(--rgb-bluegray-font), var(--bs-text-opacity)) !important; }
.text-bluegray-font-l { color: rgba(var(--rgb-bluegray-font-l), var(--bs-text-opacity)) !important; }
.text-bluegray-font-d { color: rgba(var(--rgb-bluegray-font-d), var(--bs-text-opacity)) !important; }
.text-bluegray-10 { color: rgba(var(--rgb-bluegray),.1) !important; }
.text-bluegray-20 { color: rgba(var(--rgb-bluegray),.2) !important; }
.text-bluegray-30 { color: rgba(var(--rgb-bluegray),.3) !important; }
.text-bluegray-40 { color: rgba(var(--rgb-bluegray),.4) !important; }
.text-bluegray-50 { color: rgba(var(--rgb-bluegray),.5) !important; }
.text-bluegray-60 { color: rgba(var(--rgb-bluegray),.6) !important; }
.text-bluegray-70 { color: rgba(var(--rgb-bluegray),.7) !important; }
.text-bluegray-80 { color: rgba(var(--rgb-bluegray),.8) !important; }
.text-bluegray-90 { color: rgba(var(--rgb-bluegray),.9) !important; }

.text-bluegray-gradient-d { background-image: var(--bluegray-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-bluegray-gradient-d-inverse { background-image: var(--bluegray-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-bluegray-gradient { background-image: var(--bluegray-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-bluegray-gradient-h { background-image: var(--bluegray-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-bluegray-gradient-h-inverse { background-image: var(--bluegray-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-bluegray-gradient-v { background-image: var(--bluegray-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-bluegray-gradient-v-inverse { background-image: var(--bluegray-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Silver Colors */
.text-silver { color: rgba(var(--rgb-silver), var(--bs-text-opacity)) !important; }
.text-silver-l1 { color: rgba(var(--rgb-silver-l1), var(--bs-text-opacity)) !important; }
.text-silver-l2 { color: rgba(var(--rgb-silver-l2), var(--bs-text-opacity)) !important; }
.text-silver-l3 { color: rgba(var(--rgb-silver-l3), var(--bs-text-opacity)) !important; }
.text-silver-d1 { color: rgba(var(--rgb-silver-d1), var(--bs-text-opacity)) !important; }
.text-silver-d2 { color: rgba(var(--rgb-silver-d2), var(--bs-text-opacity)) !important; }
.text-silver-d3 { color: rgba(var(--rgb-silver-d3), var(--bs-text-opacity)) !important; }
.text-silver-font { color: rgba(var(--rgb-silver-font), var(--bs-text-opacity)) !important; }
.text-silver-font-l { color: rgba(var(--rgb-silver-font-l), var(--bs-text-opacity)) !important; }
.text-silver-font-d { color: rgba(var(--rgb-silver-font-d), var(--bs-text-opacity)) !important; }
.text-silver-10 { color: rgba(var(--rgb-silver),.1) !important; }
.text-silver-20 { color: rgba(var(--rgb-silver),.2) !important; }
.text-silver-30 { color: rgba(var(--rgb-silver),.3) !important; }
.text-silver-40 { color: rgba(var(--rgb-silver),.4) !important; }
.text-silver-50 { color: rgba(var(--rgb-silver),.5) !important; }
.text-silver-60 { color: rgba(var(--rgb-silver),.6) !important; }
.text-silver-70 { color: rgba(var(--rgb-silver),.7) !important; }
.text-silver-80 { color: rgba(var(--rgb-silver),.8) !important; }
.text-silver-90 { color: rgba(var(--rgb-silver),.9) !important; }

.text-silver-gradient-d { background-image: var(--silver-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-silver-gradient-d-inverse { background-image: var(--silver-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-silver-gradient { background-image: var(--silver-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-silver-gradient-h { background-image: var(--silver-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-silver-gradient-h-inverse { background-image: var(--silver-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-silver-gradient-v { background-image: var(--silver-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-silver-gradient-v-inverse { background-image: var(--silver-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: White Colors */
.text-white { color: rgba(var(--rgb-white), var(--bs-text-opacity)) !important; }
.text-white-l1 { color: rgba(var(--rgb-white-l1), var(--bs-text-opacity)) !important; }
.text-white-l2 { color: rgba(var(--rgb-white-l2), var(--bs-text-opacity)) !important; }
.text-white-l3 { color: rgba(var(--rgb-white-l3), var(--bs-text-opacity)) !important; }
.text-white-d1 { color: rgba(var(--rgb-white-d1), var(--bs-text-opacity)) !important; }
.text-white-d2 { color: rgba(var(--rgb-white-d2), var(--bs-text-opacity)) !important; }
.text-white-d3 { color: rgba(var(--rgb-white-d3), var(--bs-text-opacity)) !important; }
.text-white-font { color: rgba(var(--rgb-white-font), var(--bs-text-opacity)) !important; }
.text-white-font-l { color: rgba(var(--rgb-white-font-l), var(--bs-text-opacity)) !important; }
.text-white-font-d { color: rgba(var(--rgb-white-font-d), var(--bs-text-opacity)) !important; }
.text-white-10 { color: rgba(var(--rgb-white),.1) !important; }
.text-white-20 { color: rgba(var(--rgb-white),.2) !important; }
.text-white-30 { color: rgba(var(--rgb-white),.3) !important; }
.text-white-40 { color: rgba(var(--rgb-white),.4) !important; }
.text-white-50 { color: rgba(var(--rgb-white),.5) !important; }
.text-white-60 { color: rgba(var(--rgb-white),.6) !important; }
.text-white-70 { color: rgba(var(--rgb-white),.7) !important; }
.text-white-80 { color: rgba(var(--rgb-white),.8) !important; }
.text-white-90 { color: rgba(var(--rgb-white),.9) !important; }

.text-white-gradient-d { background-image: var(--white-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-white-gradient-d-inverse { background-image: var(--white-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-white-gradient { background-image: var(--white-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-white-gradient-h { background-image: var(--white-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-white-gradient-h-inverse { background-image: var(--white-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-white-gradient-v { background-image: var(--white-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-white-gradient-v-inverse { background-image: var(--white-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Black Colors */
.text-black { color: rgba(var(--rgb-black), var(--bs-text-opacity)) !important; }
.text-black-l1 { color: rgba(var(--rgb-black-l1), var(--bs-text-opacity)) !important; }
.text-black-l2 { color: rgba(var(--rgb-black-l2), var(--bs-text-opacity)) !important; }
.text-black-l3 { color: rgba(var(--rgb-black-l3), var(--bs-text-opacity)) !important; }
.text-black-d1 { color: rgba(var(--rgb-black-d1), var(--bs-text-opacity)) !important; }
.text-black-d2 { color: rgba(var(--rgb-black-d2), var(--bs-text-opacity)) !important; }
.text-black-d3 { color: rgba(var(--rgb-black-d3), var(--bs-text-opacity)) !important; }
.text-black-font { color: rgba(var(--rgb-black-font), var(--bs-text-opacity)) !important; }
.text-black-font-l { color: rgba(var(--rgb-black-font-l), var(--bs-text-opacity)) !important; }
.text-black-font-d { color: rgba(var(--rgb-black-font-d), var(--bs-text-opacity)) !important; }
.text-black-10 { color: rgba(var(--rgb-black),.1) !important; }
.text-black-20 { color: rgba(var(--rgb-black),.2) !important; }
.text-black-30 { color: rgba(var(--rgb-black),.3) !important; }
.text-black-40 { color: rgba(var(--rgb-black),.4) !important; }
.text-black-50 { color: rgba(var(--rgb-black),.5) !important; }
.text-black-60 { color: rgba(var(--rgb-black),.6) !important; }
.text-black-70 { color: rgba(var(--rgb-black),.7) !important; }
.text-black-80 { color: rgba(var(--rgb-black),.8) !important; }
.text-black-90 { color: rgba(var(--rgb-black),.9) !important; }

.text-black-gradient-d { background-image: var(--black-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-black-gradient-d-inverse { background-image: var(--black-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-black-gradient { background-image: var(--black-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-black-gradient-h { background-image: var(--black-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-black-gradient-h-inverse { background-image: var(--black-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-black-gradient-v { background-image: var(--black-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-black-gradient-v-inverse { background-image: var(--black-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Transparent */
.text-transparent { color: transparent !important; }

/*  ## 12.5 Brand Colors (Facebook, Instagram, etc.) */


/* Text / Font Colors: Blogger Colors */
.text-blogger { color: rgba(var(--rgb-blogger), var(--bs-text-opacity)) !important; }
.text-blogger-l1 { color: rgba(var(--rgb-blogger-l1), var(--bs-text-opacity)) !important; }
.text-blogger-l2 { color: rgba(var(--rgb-blogger-l2), var(--bs-text-opacity)) !important; }
.text-blogger-l3 { color: rgba(var(--rgb-blogger-l3), var(--bs-text-opacity)) !important; }
.text-blogger-d1 { color: rgba(var(--rgb-blogger-d1), var(--bs-text-opacity)) !important; }
.text-blogger-d2 { color: rgba(var(--rgb-blogger-d2), var(--bs-text-opacity)) !important; }
.text-blogger-d3 { color: rgba(var(--rgb-blogger-d3), var(--bs-text-opacity)) !important; }
.text-blogger-font { color: rgba(var(--rgb-blogger-font), var(--bs-text-opacity)) !important; }
.text-blogger-font-l { color: rgba(var(--rgb-blogger-font-l), var(--bs-text-opacity)) !important; }
.text-blogger-font-d { color: rgba(var(--rgb-blogger-font-d), var(--bs-text-opacity)) !important; }
.text-blogger-10 { color: rgba(var(--rgb-blogger),.1) !important; }
.text-blogger-20 { color: rgba(var(--rgb-blogger),.2) !important; }
.text-blogger-30 { color: rgba(var(--rgb-blogger),.3) !important; }
.text-blogger-40 { color: rgba(var(--rgb-blogger),.4) !important; }
.text-blogger-50 { color: rgba(var(--rgb-blogger),.5) !important; }
.text-blogger-60 { color: rgba(var(--rgb-blogger),.6) !important; }
.text-blogger-70 { color: rgba(var(--rgb-blogger),.7) !important; }
.text-blogger-80 { color: rgba(var(--rgb-blogger),.8) !important; }
.text-blogger-90 { color: rgba(var(--rgb-blogger),.9) !important; }

.text-blogger-gradient-d { background-image: var(--blogger-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-blogger-gradient-d-inverse { background-image: var(--blogger-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-blogger-gradient { background-image: var(--blogger-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-blogger-gradient-h { background-image: var(--blogger-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-blogger-gradient-h-inverse { background-image: var(--blogger-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-blogger-gradient-v { background-image: var(--blogger-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-blogger-gradient-v-inverse { background-image: var(--blogger-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Codepen Colors */
.text-codepen { color: rgba(var(--rgb-codepen), var(--bs-text-opacity)) !important; }
.text-codepen-l1 { color: rgba(var(--rgb-codepen-l1), var(--bs-text-opacity)) !important; }
.text-codepen-l2 { color: rgba(var(--rgb-codepen-l2), var(--bs-text-opacity)) !important; }
.text-codepen-l3 { color: rgba(var(--rgb-codepen-l3), var(--bs-text-opacity)) !important; }
.text-codepen-d1 { color: rgba(var(--rgb-codepen-d1), var(--bs-text-opacity)) !important; }
.text-codepen-d2 { color: rgba(var(--rgb-codepen-d2), var(--bs-text-opacity)) !important; }
.text-codepen-d3 { color: rgba(var(--rgb-codepen-d3), var(--bs-text-opacity)) !important; }
.text-codepen-font { color: rgba(var(--rgb-codepen-font), var(--bs-text-opacity)) !important; }
.text-codepen-font-l { color: rgba(var(--rgb-codepen-font-l), var(--bs-text-opacity)) !important; }
.text-codepen-font-d { color: rgba(var(--rgb-codepen-font-d), var(--bs-text-opacity)) !important; }
.text-codepen-10 { color: rgba(var(--rgb-codepen),.1) !important; }
.text-codepen-20 { color: rgba(var(--rgb-codepen),.2) !important; }
.text-codepen-30 { color: rgba(var(--rgb-codepen),.3) !important; }
.text-codepen-40 { color: rgba(var(--rgb-codepen),.4) !important; }
.text-codepen-50 { color: rgba(var(--rgb-codepen),.5) !important; }
.text-codepen-60 { color: rgba(var(--rgb-codepen),.6) !important; }
.text-codepen-70 { color: rgba(var(--rgb-codepen),.7) !important; }
.text-codepen-80 { color: rgba(var(--rgb-codepen),.8) !important; }
.text-codepen-90 { color: rgba(var(--rgb-codepen),.9) !important; }

.text-codepen-gradient-d { background-image: var(--codepen-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-codepen-gradient-d-inverse { background-image: var(--codepen-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-codepen-gradient { background-image: var(--codepen-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-codepen-gradient-h { background-image: var(--codepen-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-codepen-gradient-h-inverse { background-image: var(--codepen-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-codepen-gradient-v { background-image: var(--codepen-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-codepen-gradient-v-inverse { background-image: var(--codepen-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Codepen Colors */
.text-discord { color: rgba(var(--rgb-discord), var(--bs-text-opacity)) !important; }
.text-discord-l1 { color: rgba(var(--rgb-discord-l1), var(--bs-text-opacity)) !important; }
.text-discord-l2 { color: rgba(var(--rgb-discord-l2), var(--bs-text-opacity)) !important; }
.text-discord-l3 { color: rgba(var(--rgb-discord-l3), var(--bs-text-opacity)) !important; }
.text-discord-d1 { color: rgba(var(--rgb-discord-d1), var(--bs-text-opacity)) !important; }
.text-discord-d2 { color: rgba(var(--rgb-discord-d2), var(--bs-text-opacity)) !important; }
.text-discord-d3 { color: rgba(var(--rgb-discord-d3), var(--bs-text-opacity)) !important; }
.text-discord-font { color: rgba(var(--rgb-discord-font), var(--bs-text-opacity)) !important; }
.text-discord-font-l { color: rgba(var(--rgb-discord-font-l), var(--bs-text-opacity)) !important; }
.text-discord-font-d { color: rgba(var(--rgb-discord-font-d), var(--bs-text-opacity)) !important; }
.text-discord-10 { color: rgba(var(--rgb-discord),.1) !important; }
.text-discord-20 { color: rgba(var(--rgb-discord),.2) !important; }
.text-discord-30 { color: rgba(var(--rgb-discord),.3) !important; }
.text-discord-40 { color: rgba(var(--rgb-discord),.4) !important; }
.text-discord-50 { color: rgba(var(--rgb-discord),.5) !important; }
.text-discord-60 { color: rgba(var(--rgb-discord),.6) !important; }
.text-discord-70 { color: rgba(var(--rgb-discord),.7) !important; }
.text-discord-80 { color: rgba(var(--rgb-discord),.8) !important; }
.text-discord-90 { color: rgba(var(--rgb-discord),.9) !important; }

.text-discord-gradient-d { background-image: var(--discord-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-discord-gradient-d-inverse { background-image: var(--discord-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-discord-gradient { background-image: var(--discord-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-discord-gradient-h { background-image: var(--discord-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-discord-gradient-h-inverse { background-image: var(--discord-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-discord-gradient-v { background-image: var(--discord-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-discord-gradient-v-inverse { background-image: var(--discord-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: dribbble Colors */
.text-dribbble { color: rgba(var(--rgb-dribbble), var(--bs-text-opacity)) !important; }
.text-dribbble-l1 { color: rgba(var(--rgb-dribbble-l1), var(--bs-text-opacity)) !important; }
.text-dribbble-l2 { color: rgba(var(--rgb-dribbble-l2), var(--bs-text-opacity)) !important; }
.text-dribbble-l3 { color: rgba(var(--rgb-dribbble-l3), var(--bs-text-opacity)) !important; }
.text-dribbble-d1 { color: rgba(var(--rgb-dribbble-d1), var(--bs-text-opacity)) !important; }
.text-dribbble-d2 { color: rgba(var(--rgb-dribbble-d2), var(--bs-text-opacity)) !important; }
.text-dribbble-d3 { color: rgba(var(--rgb-dribbble-d3), var(--bs-text-opacity)) !important; }
.text-dribbble-font { color: rgba(var(--rgb-dribbble-font), var(--bs-text-opacity)) !important; }
.text-dribbble-font-l { color: rgba(var(--rgb-dribbble-font-l), var(--bs-text-opacity)) !important; }
.text-dribbble-font-d { color: rgba(var(--rgb-dribbble-font-d), var(--bs-text-opacity)) !important; }
.text-dribbble-10 { color: rgba(var(--rgb-dribbble),.1) !important; }
.text-dribbble-20 { color: rgba(var(--rgb-dribbble),.2) !important; }
.text-dribbble-30 { color: rgba(var(--rgb-dribbble),.3) !important; }
.text-dribbble-40 { color: rgba(var(--rgb-dribbble),.4) !important; }
.text-dribbble-50 { color: rgba(var(--rgb-dribbble),.5) !important; }
.text-dribbble-60 { color: rgba(var(--rgb-dribbble),.6) !important; }
.text-dribbble-70 { color: rgba(var(--rgb-dribbble),.7) !important; }
.text-dribbble-80 { color: rgba(var(--rgb-dribbble),.8) !important; }
.text-dribbble-90 { color: rgba(var(--rgb-dribbble),.9) !important; }

.text-dribbble-gradient-d { background-image: var(--dribbble-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-dribbble-gradient-d-inverse { background-image: var(--dribbble-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-dribbble-gradient { background-image: var(--dribbble-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-dribbble-gradient-h { background-image: var(--dribbble-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-dribbble-gradient-h-inverse { background-image: var(--dribbble-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-dribbble-gradient-v { background-image: var(--dribbble-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-dribbble-gradient-v-inverse { background-image: var(--dribbble-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: dribbble Colors */
.text-dropbox { color: rgba(var(--rgb-dropbox), var(--bs-text-opacity)) !important; }
.text-dropbox-l1 { color: rgba(var(--rgb-dropbox-l1), var(--bs-text-opacity)) !important; }
.text-dropbox-l2 { color: rgba(var(--rgb-dropbox-l2), var(--bs-text-opacity)) !important; }
.text-dropbox-l3 { color: rgba(var(--rgb-dropbox-l3), var(--bs-text-opacity)) !important; }
.text-dropbox-d1 { color: rgba(var(--rgb-dropbox-d1), var(--bs-text-opacity)) !important; }
.text-dropbox-d2 { color: rgba(var(--rgb-dropbox-d2), var(--bs-text-opacity)) !important; }
.text-dropbox-d3 { color: rgba(var(--rgb-dropbox-d3), var(--bs-text-opacity)) !important; }
.text-dropbox-font { color: rgba(var(--rgb-dropbox-font), var(--bs-text-opacity)) !important; }
.text-dropbox-font-l { color: rgba(var(--rgb-dropbox-font-l), var(--bs-text-opacity)) !important; }
.text-dropbox-font-d { color: rgba(var(--rgb-dropbox-font-d), var(--bs-text-opacity)) !important; }
.text-dropbox-10 { color: rgba(var(--rgb-dropbox),.1) !important; }
.text-dropbox-20 { color: rgba(var(--rgb-dropbox),.2) !important; }
.text-dropbox-30 { color: rgba(var(--rgb-dropbox),.3) !important; }
.text-dropbox-40 { color: rgba(var(--rgb-dropbox),.4) !important; }
.text-dropbox-50 { color: rgba(var(--rgb-dropbox),.5) !important; }
.text-dropbox-60 { color: rgba(var(--rgb-dropbox),.6) !important; }
.text-dropbox-70 { color: rgba(var(--rgb-dropbox),.7) !important; }
.text-dropbox-80 { color: rgba(var(--rgb-dropbox),.8) !important; }
.text-dropbox-90 { color: rgba(var(--rgb-dropbox),.9) !important; }

.text-dropbox-gradient-d { background-image: var(--dropbox-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-dropbox-gradient-d-inverse { background-image: var(--dropbox-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-dropbox-gradient { background-image: var(--dropbox-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-dropbox-gradient-h { background-image: var(--dropbox-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-dropbox-gradient-h-inverse { background-image: var(--dropbox-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-dropbox-gradient-v { background-image: var(--dropbox-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-dropbox-gradient-v-inverse { background-image: var(--dropbox-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Facebook Colors */
.text-facebook { color: rgba(var(--rgb-facebook), var(--bs-text-opacity)) !important; }
.text-facebook-l1 { color: rgba(var(--rgb-facebook-l1), var(--bs-text-opacity)) !important; }
.text-facebook-l2 { color: rgba(var(--rgb-facebook-l2), var(--bs-text-opacity)) !important; }
.text-facebook-l3 { color: rgba(var(--rgb-facebook-l3), var(--bs-text-opacity)) !important; }
.text-facebook-d1 { color: rgba(var(--rgb-facebook-d1), var(--bs-text-opacity)) !important; }
.text-facebook-d2 { color: rgba(var(--rgb-facebook-d2), var(--bs-text-opacity)) !important; }
.text-facebook-d3 { color: rgba(var(--rgb-facebook-d3), var(--bs-text-opacity)) !important; }
.text-facebook-font { color: rgba(var(--rgb-facebook-font), var(--bs-text-opacity)) !important; }
.text-facebook-font-l { color: rgba(var(--rgb-facebook-font-l), var(--bs-text-opacity)) !important; }
.text-facebook-font-d { color: rgba(var(--rgb-facebook-font-d), var(--bs-text-opacity)) !important; }
.text-facebook-10 { color: rgba(var(--rgb-facebook),.1) !important; }
.text-facebook-20 { color: rgba(var(--rgb-facebook),.2) !important; }
.text-facebook-30 { color: rgba(var(--rgb-facebook),.3) !important; }
.text-facebook-40 { color: rgba(var(--rgb-facebook),.4) !important; }
.text-facebook-50 { color: rgba(var(--rgb-facebook),.5) !important; }
.text-facebook-60 { color: rgba(var(--rgb-facebook),.6) !important; }
.text-facebook-70 { color: rgba(var(--rgb-facebook),.7) !important; }
.text-facebook-80 { color: rgba(var(--rgb-facebook),.8) !important; }
.text-facebook-90 { color: rgba(var(--rgb-facebook),.9) !important; }

.text-facebook-gradient-d { background-image: var(--facebook-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-facebook-gradient-d-inverse { background-image: var(--facebook-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-facebook-gradient { background-image: var(--facebook-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-facebook-gradient-h { background-image: var(--facebook-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-facebook-gradient-h-inverse { background-image: var(--facebook-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-facebook-gradient-v { background-image: var(--facebook-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-facebook-gradient-v-inverse { background-image: var(--facebook-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Flickr Colors */
.text-flickr { color: rgba(var(--rgb-flickr), var(--bs-text-opacity)) !important; }
.text-flickr-l1 { color: rgba(var(--rgb-flickr-l1), var(--bs-text-opacity)) !important; }
.text-flickr-l2 { color: rgba(var(--rgb-flickr-l2), var(--bs-text-opacity)) !important; }
.text-flickr-l3 { color: rgba(var(--rgb-flickr-l3), var(--bs-text-opacity)) !important; }
.text-flickr-d1 { color: rgba(var(--rgb-flickr-d1), var(--bs-text-opacity)) !important; }
.text-flickr-d2 { color: rgba(var(--rgb-flickr-d2), var(--bs-text-opacity)) !important; }
.text-flickr-d3 { color: rgba(var(--rgb-flickr-d3), var(--bs-text-opacity)) !important; }
.text-flickr-font { color: rgba(var(--rgb-flickr-font), var(--bs-text-opacity)) !important; }
.text-flickr-font-l { color: rgba(var(--rgb-flickr-font-l), var(--bs-text-opacity)) !important; }
.text-flickr-font-d { color: rgba(var(--rgb-flickr-font-d), var(--bs-text-opacity)) !important; }
.text-flickr-10 { color: rgba(var(--rgb-flickr),.1) !important; }
.text-flickr-20 { color: rgba(var(--rgb-flickr),.2) !important; }
.text-flickr-30 { color: rgba(var(--rgb-flickr),.3) !important; }
.text-flickr-40 { color: rgba(var(--rgb-flickr),.4) !important; }
.text-flickr-50 { color: rgba(var(--rgb-flickr),.5) !important; }
.text-flickr-60 { color: rgba(var(--rgb-flickr),.6) !important; }
.text-flickr-70 { color: rgba(var(--rgb-flickr),.7) !important; }
.text-flickr-80 { color: rgba(var(--rgb-flickr),.8) !important; }
.text-flickr-90 { color: rgba(var(--rgb-flickr),.9) !important; }

.text-flickr-gradient-d { background-image: var(--flickr-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-flickr-gradient-d-inverse { background-image: var(--flickr-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-flickr-gradient { background-image: var(--flickr-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-flickr-gradient-h { background-image: var(--flickr-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-flickr-gradient-h-inverse { background-image: var(--flickr-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-flickr-gradient-v { background-image: var(--flickr-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-flickr-gradient-v-inverse { background-image: var(--flickr-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: foursquare Colors */
.text-foursquare { color: rgba(var(--rgb-foursquare), var(--bs-text-opacity)) !important; }
.text-foursquare-l1 { color: rgba(var(--rgb-foursquare-l1), var(--bs-text-opacity)) !important; }
.text-foursquare-l2 { color: rgba(var(--rgb-foursquare-l2), var(--bs-text-opacity)) !important; }
.text-foursquare-l3 { color: rgba(var(--rgb-foursquare-l3), var(--bs-text-opacity)) !important; }
.text-foursquare-d1 { color: rgba(var(--rgb-foursquare-d1), var(--bs-text-opacity)) !important; }
.text-foursquare-d2 { color: rgba(var(--rgb-foursquare-d2), var(--bs-text-opacity)) !important; }
.text-foursquare-d3 { color: rgba(var(--rgb-foursquare-d3), var(--bs-text-opacity)) !important; }
.text-foursquare-font { color: rgba(var(--rgb-foursquare-font), var(--bs-text-opacity)) !important; }
.text-foursquare-font-l { color: rgba(var(--rgb-foursquare-font-l), var(--bs-text-opacity)) !important; }
.text-foursquare-font-d { color: rgba(var(--rgb-foursquare-font-d), var(--bs-text-opacity)) !important; }
.text-foursquare-10 { color: rgba(var(--rgb-foursquare),.1) !important; }
.text-foursquare-20 { color: rgba(var(--rgb-foursquare),.2) !important; }
.text-foursquare-30 { color: rgba(var(--rgb-foursquare),.3) !important; }
.text-foursquare-40 { color: rgba(var(--rgb-foursquare),.4) !important; }
.text-foursquare-50 { color: rgba(var(--rgb-foursquare),.5) !important; }
.text-foursquare-60 { color: rgba(var(--rgb-foursquare),.6) !important; }
.text-foursquare-70 { color: rgba(var(--rgb-foursquare),.7) !important; }
.text-foursquare-80 { color: rgba(var(--rgb-foursquare),.8) !important; }
.text-foursquare-90 { color: rgba(var(--rgb-foursquare),.9) !important; }

.text-foursquare-gradient-d { background-image: var(--foursquare-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-foursquare-gradient-d-inverse { background-image: var(--foursquare-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-foursquare-gradient { background-image: var(--foursquare-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-foursquare-gradient-h { background-image: var(--foursquare-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-foursquare-gradient-h-inverse { background-image: var(--foursquare-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-foursquare-gradient-v { background-image: var(--foursquare-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-foursquare-gradient-v-inverse { background-image: var(--foursquare-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: gitlab Colors */
.text-gitlab { color: rgba(var(--rgb-gitlab), var(--bs-text-opacity)) !important; }
.text-gitlab-l1 { color: rgba(var(--rgb-gitlab-l1), var(--bs-text-opacity)) !important; }
.text-gitlab-l2 { color: rgba(var(--rgb-gitlab-l2), var(--bs-text-opacity)) !important; }
.text-gitlab-l3 { color: rgba(var(--rgb-gitlab-l3), var(--bs-text-opacity)) !important; }
.text-gitlab-d1 { color: rgba(var(--rgb-gitlab-d1), var(--bs-text-opacity)) !important; }
.text-gitlab-d2 { color: rgba(var(--rgb-gitlab-d2), var(--bs-text-opacity)) !important; }
.text-gitlab-d3 { color: rgba(var(--rgb-gitlab-d3), var(--bs-text-opacity)) !important; }
.text-gitlab-font { color: rgba(var(--rgb-gitlab-font), var(--bs-text-opacity)) !important; }
.text-gitlab-font-l { color: rgba(var(--rgb-gitlab-font-l), var(--bs-text-opacity)) !important; }
.text-gitlab-font-d { color: rgba(var(--rgb-gitlab-font-d), var(--bs-text-opacity)) !important; }
.text-gitlab-10 { color: rgba(var(--rgb-gitlab),.1) !important; }
.text-gitlab-20 { color: rgba(var(--rgb-gitlab),.2) !important; }
.text-gitlab-30 { color: rgba(var(--rgb-gitlab),.3) !important; }
.text-gitlab-40 { color: rgba(var(--rgb-gitlab),.4) !important; }
.text-gitlab-50 { color: rgba(var(--rgb-gitlab),.5) !important; }
.text-gitlab-60 { color: rgba(var(--rgb-gitlab),.6) !important; }
.text-gitlab-70 { color: rgba(var(--rgb-gitlab),.7) !important; }
.text-gitlab-80 { color: rgba(var(--rgb-gitlab),.8) !important; }
.text-gitlab-90 { color: rgba(var(--rgb-gitlab),.9) !important; }

.text-gitlab-gradient-d { background-image: var(--gitlab-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-gitlab-gradient-d-inverse { background-image: var(--gitlab-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-gitlab-gradient { background-image: var(--gitlab-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-gitlab-gradient-h { background-image: var(--gitlab-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-gitlab-gradient-h-inverse { background-image: var(--gitlab-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-gitlab-gradient-v { background-image: var(--gitlab-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-gitlab-gradient-v-inverse { background-image: var(--gitlab-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: github Colors */
.text-github { color: rgba(var(--rgb-github), var(--bs-text-opacity)) !important; }
.text-github-l1 { color: rgba(var(--rgb-github-l1), var(--bs-text-opacity)) !important; }
.text-github-l2 { color: rgba(var(--rgb-github-l2), var(--bs-text-opacity)) !important; }
.text-github-l3 { color: rgba(var(--rgb-github-l3), var(--bs-text-opacity)) !important; }
.text-github-d1 { color: rgba(var(--rgb-github-d1), var(--bs-text-opacity)) !important; }
.text-github-d2 { color: rgba(var(--rgb-github-d2), var(--bs-text-opacity)) !important; }
.text-github-d3 { color: rgba(var(--rgb-github-d3), var(--bs-text-opacity)) !important; }
.text-github-font { color: rgba(var(--rgb-github-font), var(--bs-text-opacity)) !important; }
.text-github-font-l { color: rgba(var(--rgb-github-font-l), var(--bs-text-opacity)) !important; }
.text-github-font-d { color: rgba(var(--rgb-github-font-d), var(--bs-text-opacity)) !important; }
.text-github-10 { color: rgba(var(--rgb-github),.1) !important; }
.text-github-20 { color: rgba(var(--rgb-github),.2) !important; }
.text-github-30 { color: rgba(var(--rgb-github),.3) !important; }
.text-github-40 { color: rgba(var(--rgb-github),.4) !important; }
.text-github-50 { color: rgba(var(--rgb-github),.5) !important; }
.text-github-60 { color: rgba(var(--rgb-github),.6) !important; }
.text-github-70 { color: rgba(var(--rgb-github),.7) !important; }
.text-github-80 { color: rgba(var(--rgb-github),.8) !important; }
.text-github-90 { color: rgba(var(--rgb-github),.9) !important; }

.text-github-gradient-d { background-image: var(--github-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-github-gradient-d-inverse { background-image: var(--github-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-github-gradient { background-image: var(--github-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-github-gradient-h { background-image: var(--github-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-github-gradient-h-inverse { background-image: var(--github-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-github-gradient-v { background-image: var(--github-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-github-gradient-v-inverse { background-image: var(--github-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Google Plus Colors */
.text-google { color: rgba(var(--rgb-google), var(--bs-text-opacity)) !important; }
.text-google-l1 { color: rgba(var(--rgb-google-l1), var(--bs-text-opacity)) !important; }
.text-google-l2 { color: rgba(var(--rgb-google-l2), var(--bs-text-opacity)) !important; }
.text-google-l3 { color: rgba(var(--rgb-google-l3), var(--bs-text-opacity)) !important; }
.text-google-d1 { color: rgba(var(--rgb-google-d1), var(--bs-text-opacity)) !important; }
.text-google-d2 { color: rgba(var(--rgb-google-d2), var(--bs-text-opacity)) !important; }
.text-google-d3 { color: rgba(var(--rgb-google-d3), var(--bs-text-opacity)) !important; }
.text-google-font { color: rgba(var(--rgb-google-font), var(--bs-text-opacity)) !important; }
.text-google-font-l { color: rgba(var(--rgb-google-font-l), var(--bs-text-opacity)) !important; }
.text-google-font-d { color: rgba(var(--rgb-google-font-d), var(--bs-text-opacity)) !important; }
.text-google-10 { color: rgba(var(--rgb-google),.1) !important; }
.text-google-20 { color: rgba(var(--rgb-google),.2) !important; }
.text-google-30 { color: rgba(var(--rgb-google),.3) !important; }
.text-google-40 { color: rgba(var(--rgb-google),.4) !important; }
.text-google-50 { color: rgba(var(--rgb-google),.5) !important; }
.text-google-60 { color: rgba(var(--rgb-google),.6) !important; }
.text-google-70 { color: rgba(var(--rgb-google),.7) !important; }
.text-google-80 { color: rgba(var(--rgb-google),.8) !important; }
.text-google-90 { color: rgba(var(--rgb-google),.9) !important; }

.text-google-gradient-d { background-image: var(--google-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-google-gradient-d-inverse { background-image: var(--google-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-google-gradient { background-image: var(--google-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-google-gradient-h { background-image: var(--google-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-google-gradient-h-inverse { background-image: var(--google-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-google-gradient-v { background-image: var(--google-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-google-gradient-v-inverse { background-image: var(--google-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Instagram Colors */
.text-instagram { color: rgba(var(--rgb-instagram), var(--bs-text-opacity)) !important; }
.text-instagram-l1 { color: rgba(var(--rgb-instagram-l1), var(--bs-text-opacity)) !important; }
.text-instagram-l2 { color: rgba(var(--rgb-instagram-l2), var(--bs-text-opacity)) !important; }
.text-instagram-l3 { color: rgba(var(--rgb-instagram-l3), var(--bs-text-opacity)) !important; }
.text-instagram-d1 { color: rgba(var(--rgb-instagram-d1), var(--bs-text-opacity)) !important; }
.text-instagram-d2 { color: rgba(var(--rgb-instagram-d2), var(--bs-text-opacity)) !important; }
.text-instagram-d3 { color: rgba(var(--rgb-instagram-d3), var(--bs-text-opacity)) !important; }
.text-instagram-font { color: rgba(var(--rgb-instagram-font), var(--bs-text-opacity)) !important; }
.text-instagram-font-l { color: rgba(var(--rgb-instagram-font-l), var(--bs-text-opacity)) !important; }
.text-instagram-font-d { color: rgba(var(--rgb-instagram-font-d), var(--bs-text-opacity)) !important; }
.text-instagram-10 { color: rgba(var(--rgb-instagram),.1) !important; }
.text-instagram-20 { color: rgba(var(--rgb-instagram),.2) !important; }
.text-instagram-30 { color: rgba(var(--rgb-instagram),.3) !important; }
.text-instagram-40 { color: rgba(var(--rgb-instagram),.4) !important; }
.text-instagram-50 { color: rgba(var(--rgb-instagram),.5) !important; }
.text-instagram-60 { color: rgba(var(--rgb-instagram),.6) !important; }
.text-instagram-70 { color: rgba(var(--rgb-instagram),.7) !important; }
.text-instagram-80 { color: rgba(var(--rgb-instagram),.8) !important; }
.text-instagram-90 { color: rgba(var(--rgb-instagram),.9) !important; }

.text-instagram-gradient-d { background-image: var(--instagram-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-instagram-gradient-d-inverse { background-image: var(--instagram-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-instagram-gradient { background-image: var(--instagram-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-instagram-gradient-h { background-image: var(--instagram-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-instagram-gradient-h-inverse { background-image: var(--instagram-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-instagram-gradient-v { background-image: var(--instagram-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-instagram-gradient-v-inverse { background-image: var(--instagram-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: kickstarter Colors */
.text-kickstarter { color: rgba(var(--rgb-kickstarter), var(--bs-text-opacity)) !important; }
.text-kickstarter-l1 { color: rgba(var(--rgb-kickstarter-l1), var(--bs-text-opacity)) !important; }
.text-kickstarter-l2 { color: rgba(var(--rgb-kickstarter-l2), var(--bs-text-opacity)) !important; }
.text-kickstarter-l3 { color: rgba(var(--rgb-kickstarter-l3), var(--bs-text-opacity)) !important; }
.text-kickstarter-d1 { color: rgba(var(--rgb-kickstarter-d1), var(--bs-text-opacity)) !important; }
.text-kickstarter-d2 { color: rgba(var(--rgb-kickstarter-d2), var(--bs-text-opacity)) !important; }
.text-kickstarter-d3 { color: rgba(var(--rgb-kickstarter-d3), var(--bs-text-opacity)) !important; }
.text-kickstarter-font { color: rgba(var(--rgb-kickstarter-font), var(--bs-text-opacity)) !important; }
.text-kickstarter-font-l { color: rgba(var(--rgb-kickstarter-font-l), var(--bs-text-opacity)) !important; }
.text-kickstarter-font-d { color: rgba(var(--rgb-kickstarter-font-d), var(--bs-text-opacity)) !important; }
.text-kickstarter-10 { color: rgba(var(--rgb-kickstarter),.1) !important; }
.text-kickstarter-20 { color: rgba(var(--rgb-kickstarter),.2) !important; }
.text-kickstarter-30 { color: rgba(var(--rgb-kickstarter),.3) !important; }
.text-kickstarter-40 { color: rgba(var(--rgb-kickstarter),.4) !important; }
.text-kickstarter-50 { color: rgba(var(--rgb-kickstarter),.5) !important; }
.text-kickstarter-60 { color: rgba(var(--rgb-kickstarter),.6) !important; }
.text-kickstarter-70 { color: rgba(var(--rgb-kickstarter),.7) !important; }
.text-kickstarter-80 { color: rgba(var(--rgb-kickstarter),.8) !important; }
.text-kickstarter-90 { color: rgba(var(--rgb-kickstarter),.9) !important; }

.text-kickstarter-gradient-d { background-image: var(--kickstarter-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-kickstarter-gradient-d-inverse { background-image: var(--kickstarter-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-kickstarter-gradient { background-image: var(--kickstarter-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-kickstarter-gradient-h { background-image: var(--kickstarter-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-kickstarter-gradient-h-inverse { background-image: var(--kickstarter-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-kickstarter-gradient-v { background-image: var(--kickstarter-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-kickstarter-gradient-v-inverse { background-image: var(--kickstarter-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: LinkedIn Colors */
.text-linkedin { color: rgba(var(--rgb-linkedin), var(--bs-text-opacity)) !important; }
.text-linkedin-l1 { color: rgba(var(--rgb-linkedin-l1), var(--bs-text-opacity)) !important; }
.text-linkedin-l2 { color: rgba(var(--rgb-linkedin-l2), var(--bs-text-opacity)) !important; }
.text-linkedin-l3 { color: rgba(var(--rgb-linkedin-l3), var(--bs-text-opacity)) !important; }
.text-linkedin-d1 { color: rgba(var(--rgb-linkedin-d1), var(--bs-text-opacity)) !important; }
.text-linkedin-d2 { color: rgba(var(--rgb-linkedin-d2), var(--bs-text-opacity)) !important; }
.text-linkedin-d3 { color: rgba(var(--rgb-linkedin-d3), var(--bs-text-opacity)) !important; }
.text-linkedin-font { color: rgba(var(--rgb-linkedin-font), var(--bs-text-opacity)) !important; }
.text-linkedin-font-l { color: rgba(var(--rgb-linkedin-font-l), var(--bs-text-opacity)) !important; }
.text-linkedin-font-d { color: rgba(var(--rgb-linkedin-font-d), var(--bs-text-opacity)) !important; }
.text-linkedin-10 { color: rgba(var(--rgb-linkedin),.1) !important; }
.text-linkedin-20 { color: rgba(var(--rgb-linkedin),.2) !important; }
.text-linkedin-30 { color: rgba(var(--rgb-linkedin),.3) !important; }
.text-linkedin-40 { color: rgba(var(--rgb-linkedin),.4) !important; }
.text-linkedin-50 { color: rgba(var(--rgb-linkedin),.5) !important; }
.text-linkedin-60 { color: rgba(var(--rgb-linkedin),.6) !important; }
.text-linkedin-70 { color: rgba(var(--rgb-linkedin),.7) !important; }
.text-linkedin-80 { color: rgba(var(--rgb-linkedin),.8) !important; }
.text-linkedin-90 { color: rgba(var(--rgb-linkedin),.9) !important; }

.text-linkedin-gradient-d { background-image: var(--linkedin-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-linkedin-gradient-d-inverse { background-image: var(--linkedin-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-linkedin-gradient { background-image: var(--linkedin-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-linkedin-gradient-h { background-image: var(--linkedin-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-linkedin-gradient-h-inverse { background-image: var(--linkedin-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-linkedin-gradient-v { background-image: var(--linkedin-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-linkedin-gradient-v-inverse { background-image: var(--linkedin-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }


/* Text / Font Colors: medium Colors */
.text-medium { color: rgba(var(--rgb-medium), var(--bs-text-opacity)) !important; }
.text-medium-l1 { color: rgba(var(--rgb-medium-l1), var(--bs-text-opacity)) !important; }
.text-medium-l2 { color: rgba(var(--rgb-medium-l2), var(--bs-text-opacity)) !important; }
.text-medium-l3 { color: rgba(var(--rgb-medium-l3), var(--bs-text-opacity)) !important; }
.text-medium-d1 { color: rgba(var(--rgb-medium-d1), var(--bs-text-opacity)) !important; }
.text-medium-d2 { color: rgba(var(--rgb-medium-d2), var(--bs-text-opacity)) !important; }
.text-medium-d3 { color: rgba(var(--rgb-medium-d3), var(--bs-text-opacity)) !important; }
.text-medium-font { color: rgba(var(--rgb-medium-font), var(--bs-text-opacity)) !important; }
.text-medium-font-l { color: rgba(var(--rgb-medium-font-l), var(--bs-text-opacity)) !important; }
.text-medium-font-d { color: rgba(var(--rgb-medium-font-d), var(--bs-text-opacity)) !important; }
.text-medium-10 { color: rgba(var(--rgb-medium),.1) !important; }
.text-medium-20 { color: rgba(var(--rgb-medium),.2) !important; }
.text-medium-30 { color: rgba(var(--rgb-medium),.3) !important; }
.text-medium-40 { color: rgba(var(--rgb-medium),.4) !important; }
.text-medium-50 { color: rgba(var(--rgb-medium),.5) !important; }
.text-medium-60 { color: rgba(var(--rgb-medium),.6) !important; }
.text-medium-70 { color: rgba(var(--rgb-medium),.7) !important; }
.text-medium-80 { color: rgba(var(--rgb-medium),.8) !important; }
.text-medium-90 { color: rgba(var(--rgb-medium),.9) !important; }

.text-medium-gradient-d { background-image: var(--medium-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-medium-gradient-d-inverse { background-image: var(--medium-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-medium-gradient { background-image: var(--medium-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-medium-gradient-h { background-image: var(--medium-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-medium-gradient-h-inverse { background-image: var(--medium-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-medium-gradient-v { background-image: var(--medium-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-medium-gradient-v-inverse { background-image: var(--medium-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: messenger Colors */
.text-messenger { color: rgba(var(--rgb-messenger), var(--bs-text-opacity)) !important; }
.text-messenger-l1 { color: rgba(var(--rgb-messenger-l1), var(--bs-text-opacity)) !important; }
.text-messenger-l2 { color: rgba(var(--rgb-messenger-l2), var(--bs-text-opacity)) !important; }
.text-messenger-l3 { color: rgba(var(--rgb-messenger-l3), var(--bs-text-opacity)) !important; }
.text-messenger-d1 { color: rgba(var(--rgb-messenger-d1), var(--bs-text-opacity)) !important; }
.text-messenger-d2 { color: rgba(var(--rgb-messenger-d2), var(--bs-text-opacity)) !important; }
.text-messenger-d3 { color: rgba(var(--rgb-messenger-d3), var(--bs-text-opacity)) !important; }
.text-messenger-font { color: rgba(var(--rgb-messenger-font), var(--bs-text-opacity)) !important; }
.text-messenger-font-l { color: rgba(var(--rgb-messenger-font-l), var(--bs-text-opacity)) !important; }
.text-messenger-font-d { color: rgba(var(--rgb-messenger-font-d), var(--bs-text-opacity)) !important; }
.text-messenger-10 { color: rgba(var(--rgb-messenger),.1) !important; }
.text-messenger-20 { color: rgba(var(--rgb-messenger),.2) !important; }
.text-messenger-30 { color: rgba(var(--rgb-messenger),.3) !important; }
.text-messenger-40 { color: rgba(var(--rgb-messenger),.4) !important; }
.text-messenger-50 { color: rgba(var(--rgb-messenger),.5) !important; }
.text-messenger-60 { color: rgba(var(--rgb-messenger),.6) !important; }
.text-messenger-70 { color: rgba(var(--rgb-messenger),.7) !important; }
.text-messenger-80 { color: rgba(var(--rgb-messenger),.8) !important; }
.text-messenger-90 { color: rgba(var(--rgb-messenger),.9) !important; }

.text-messenger-gradient-d { background-image: var(--messenger-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-messenger-gradient-d-inverse { background-image: var(--messenger-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-messenger-gradient { background-image: var(--messenger-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-messenger-gradient-h { background-image: var(--messenger-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-messenger-gradient-h-inverse { background-image: var(--messenger-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-messenger-gradient-v { background-image: var(--messenger-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-messenger-gradient-v-inverse { background-image: var(--messenger-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: ok Colors */
.text-ok { color: rgba(var(--rgb-ok), var(--bs-text-opacity)) !important; }
.text-ok-l1 { color: rgba(var(--rgb-ok-l1), var(--bs-text-opacity)) !important; }
.text-ok-l2 { color: rgba(var(--rgb-ok-l2), var(--bs-text-opacity)) !important; }
.text-ok-l3 { color: rgba(var(--rgb-ok-l3), var(--bs-text-opacity)) !important; }
.text-ok-d1 { color: rgba(var(--rgb-ok-d1), var(--bs-text-opacity)) !important; }
.text-ok-d2 { color: rgba(var(--rgb-ok-d2), var(--bs-text-opacity)) !important; }
.text-ok-d3 { color: rgba(var(--rgb-ok-d3), var(--bs-text-opacity)) !important; }
.text-ok-font { color: rgba(var(--rgb-ok-font), var(--bs-text-opacity)) !important; }
.text-ok-font-l { color: rgba(var(--rgb-ok-font-l), var(--bs-text-opacity)) !important; }
.text-ok-font-d { color: rgba(var(--rgb-ok-font-d), var(--bs-text-opacity)) !important; }
.text-ok-10 { color: rgba(var(--rgb-ok),.1) !important; }
.text-ok-20 { color: rgba(var(--rgb-ok),.2) !important; }
.text-ok-30 { color: rgba(var(--rgb-ok),.3) !important; }
.text-ok-40 { color: rgba(var(--rgb-ok),.4) !important; }
.text-ok-50 { color: rgba(var(--rgb-ok),.5) !important; }
.text-ok-60 { color: rgba(var(--rgb-ok),.6) !important; }
.text-ok-70 { color: rgba(var(--rgb-ok),.7) !important; }
.text-ok-80 { color: rgba(var(--rgb-ok),.8) !important; }
.text-ok-90 { color: rgba(var(--rgb-ok),.9) !important; }

.text-ok-gradient-d { background-image: var(--ok-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-ok-gradient-d-inverse { background-image: var(--ok-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-ok-gradient { background-image: var(--ok-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-ok-gradient-h { background-image: var(--ok-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-ok-gradient-h-inverse { background-image: var(--ok-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-ok-gradient-v { background-image: var(--ok-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-ok-gradient-v-inverse { background-image: var(--ok-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: patreon Colors */
.text-patreon { color: rgba(var(--rgb-patreon), var(--bs-text-opacity)) !important; }
.text-patreon-l1 { color: rgba(var(--rgb-patreon-l1), var(--bs-text-opacity)) !important; }
.text-patreon-l2 { color: rgba(var(--rgb-patreon-l2), var(--bs-text-opacity)) !important; }
.text-patreon-l3 { color: rgba(var(--rgb-patreon-l3), var(--bs-text-opacity)) !important; }
.text-patreon-d1 { color: rgba(var(--rgb-patreon-d1), var(--bs-text-opacity)) !important; }
.text-patreon-d2 { color: rgba(var(--rgb-patreon-d2), var(--bs-text-opacity)) !important; }
.text-patreon-d3 { color: rgba(var(--rgb-patreon-d3), var(--bs-text-opacity)) !important; }
.text-patreon-font { color: rgba(var(--rgb-patreon-font), var(--bs-text-opacity)) !important; }
.text-patreon-font-l { color: rgba(var(--rgb-patreon-font-l), var(--bs-text-opacity)) !important; }
.text-patreon-font-d { color: rgba(var(--rgb-patreon-font-d), var(--bs-text-opacity)) !important; }
.text-patreon-10 { color: rgba(var(--rgb-patreon),.1) !important; }
.text-patreon-20 { color: rgba(var(--rgb-patreon),.2) !important; }
.text-patreon-30 { color: rgba(var(--rgb-patreon),.3) !important; }
.text-patreon-40 { color: rgba(var(--rgb-patreon),.4) !important; }
.text-patreon-50 { color: rgba(var(--rgb-patreon),.5) !important; }
.text-patreon-60 { color: rgba(var(--rgb-patreon),.6) !important; }
.text-patreon-70 { color: rgba(var(--rgb-patreon),.7) !important; }
.text-patreon-80 { color: rgba(var(--rgb-patreon),.8) !important; }
.text-patreon-90 { color: rgba(var(--rgb-patreon),.9) !important; }

.text-patreon-gradient-d { background-image: var(--patreon-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-patreon-gradient-d-inverse { background-image: var(--patreon-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-patreon-gradient { background-image: var(--patreon-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-patreon-gradient-h { background-image: var(--patreon-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-patreon-gradient-h-inverse { background-image: var(--patreon-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-patreon-gradient-v { background-image: var(--patreon-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-patreon-gradient-v-inverse { background-image: var(--patreon-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Pinterest Colors */
.text-pinterest { color: rgba(var(--rgb-pinterest), var(--bs-text-opacity)) !important; }
.text-pinterest-l1 { color: rgba(var(--rgb-pinterest-l1), var(--bs-text-opacity)) !important; }
.text-pinterest-l2 { color: rgba(var(--rgb-pinterest-l2), var(--bs-text-opacity)) !important; }
.text-pinterest-l3 { color: rgba(var(--rgb-pinterest-l3), var(--bs-text-opacity)) !important; }
.text-pinterest-d1 { color: rgba(var(--rgb-pinterest-d1), var(--bs-text-opacity)) !important; }
.text-pinterest-d2 { color: rgba(var(--rgb-pinterest-d2), var(--bs-text-opacity)) !important; }
.text-pinterest-d3 { color: rgba(var(--rgb-pinterest-d3), var(--bs-text-opacity)) !important; }
.text-pinterest-font { color: rgba(var(--rgb-pinterest-font), var(--bs-text-opacity)) !important; }
.text-pinterest-font-l { color: rgba(var(--rgb-pinterest-font-l), var(--bs-text-opacity)) !important; }
.text-pinterest-font-d { color: rgba(var(--rgb-pinterest-font-d), var(--bs-text-opacity)) !important; }
.text-pinterest-10 { color: rgba(var(--rgb-pinterest),.1) !important; }
.text-pinterest-20 { color: rgba(var(--rgb-pinterest),.2) !important; }
.text-pinterest-30 { color: rgba(var(--rgb-pinterest),.3) !important; }
.text-pinterest-40 { color: rgba(var(--rgb-pinterest),.4) !important; }
.text-pinterest-50 { color: rgba(var(--rgb-pinterest),.5) !important; }
.text-pinterest-60 { color: rgba(var(--rgb-pinterest),.6) !important; }
.text-pinterest-70 { color: rgba(var(--rgb-pinterest),.7) !important; }
.text-pinterest-80 { color: rgba(var(--rgb-pinterest),.8) !important; }
.text-pinterest-90 { color: rgba(var(--rgb-pinterest),.9) !important; }

.text-pinterest-gradient-d { background-image: var(--pinterest-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-pinterest-gradient-d-inverse { background-image: var(--pinterest-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-pinterest-gradient { background-image: var(--pinterest-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-pinterest-gradient-h { background-image: var(--pinterest-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-pinterest-gradient-h-inverse { background-image: var(--pinterest-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-pinterest-gradient-v { background-image: var(--pinterest-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-pinterest-gradient-v-inverse { background-image: var(--pinterest-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: product Colors */
.text-product { color: rgba(var(--rgb-product), var(--bs-text-opacity)) !important; }
.text-product-l1 { color: rgba(var(--rgb-product-l1), var(--bs-text-opacity)) !important; }
.text-product-l2 { color: rgba(var(--rgb-product-l2), var(--bs-text-opacity)) !important; }
.text-product-l3 { color: rgba(var(--rgb-product-l3), var(--bs-text-opacity)) !important; }
.text-product-d1 { color: rgba(var(--rgb-product-d1), var(--bs-text-opacity)) !important; }
.text-product-d2 { color: rgba(var(--rgb-product-d2), var(--bs-text-opacity)) !important; }
.text-product-d3 { color: rgba(var(--rgb-product-d3), var(--bs-text-opacity)) !important; }
.text-product-font { color: rgba(var(--rgb-product-font), var(--bs-text-opacity)) !important; }
.text-product-font-l { color: rgba(var(--rgb-product-font-l), var(--bs-text-opacity)) !important; }
.text-product-font-d { color: rgba(var(--rgb-product-font-d), var(--bs-text-opacity)) !important; }
.text-product-10 { color: rgba(var(--rgb-product),.1) !important; }
.text-product-20 { color: rgba(var(--rgb-product),.2) !important; }
.text-product-30 { color: rgba(var(--rgb-product),.3) !important; }
.text-product-40 { color: rgba(var(--rgb-product),.4) !important; }
.text-product-50 { color: rgba(var(--rgb-product),.5) !important; }
.text-product-60 { color: rgba(var(--rgb-product),.6) !important; }
.text-product-70 { color: rgba(var(--rgb-product),.7) !important; }
.text-product-80 { color: rgba(var(--rgb-product),.8) !important; }
.text-product-90 { color: rgba(var(--rgb-product),.9) !important; }

.text-product-gradient-d { background-image: var(--product-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-product-gradient-d-inverse { background-image: var(--product-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-product-gradient { background-image: var(--product-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-product-gradient-h { background-image: var(--product-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-product-gradient-h-inverse { background-image: var(--product-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-product-gradient-v { background-image: var(--product-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-product-gradient-v-inverse { background-image: var(--product-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: QQ Colors */
.text-qq { color: rgba(var(--rgb-qq), var(--bs-text-opacity)) !important; }
.text-qq-l1 { color: rgba(var(--rgb-qq-l1), var(--bs-text-opacity)) !important; }
.text-qq-l2 { color: rgba(var(--rgb-qq-l2), var(--bs-text-opacity)) !important; }
.text-qq-l3 { color: rgba(var(--rgb-qq-l3), var(--bs-text-opacity)) !important; }
.text-qq-d1 { color: rgba(var(--rgb-qq-d1), var(--bs-text-opacity)) !important; }
.text-qq-d2 { color: rgba(var(--rgb-qq-d2), var(--bs-text-opacity)) !important; }
.text-qq-d3 { color: rgba(var(--rgb-qq-d3), var(--bs-text-opacity)) !important; }
.text-qq-font { color: rgba(var(--rgb-qq-font), var(--bs-text-opacity)) !important; }
.text-qq-font-l { color: rgba(var(--rgb-qq-font-l), var(--bs-text-opacity)) !important; }
.text-qq-font-d { color: rgba(var(--rgb-qq-font-d), var(--bs-text-opacity)) !important; }
.text-qq-10 { color: rgba(var(--rgb-qq),.1) !important; }
.text-qq-20 { color: rgba(var(--rgb-qq),.2) !important; }
.text-qq-30 { color: rgba(var(--rgb-qq),.3) !important; }
.text-qq-40 { color: rgba(var(--rgb-qq),.4) !important; }
.text-qq-50 { color: rgba(var(--rgb-qq),.5) !important; }
.text-qq-60 { color: rgba(var(--rgb-qq),.6) !important; }
.text-qq-70 { color: rgba(var(--rgb-qq),.7) !important; }
.text-qq-80 { color: rgba(var(--rgb-qq),.8) !important; }
.text-qq-90 { color: rgba(var(--rgb-qq),.9) !important; }

.text-qq-gradient-d { background-image: var(--qq-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-qq-gradient-d-inverse { background-image: var(--qq-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-qq-gradient { background-image: var(--qq-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-qq-gradient-h { background-image: var(--qq-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-qq-gradient-h-inverse { background-image: var(--qq-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-qq-gradient-v { background-image: var(--qq-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-qq-gradient-v-inverse { background-image: var(--qq-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: reddit Colors */
.text-reddit { color: rgba(var(--rgb-reddit), var(--bs-text-opacity)) !important; }
.text-reddit-l1 { color: rgba(var(--rgb-reddit-l1), var(--bs-text-opacity)) !important; }
.text-reddit-l2 { color: rgba(var(--rgb-reddit-l2), var(--bs-text-opacity)) !important; }
.text-reddit-l3 { color: rgba(var(--rgb-reddit-l3), var(--bs-text-opacity)) !important; }
.text-reddit-d1 { color: rgba(var(--rgb-reddit-d1), var(--bs-text-opacity)) !important; }
.text-reddit-d2 { color: rgba(var(--rgb-reddit-d2), var(--bs-text-opacity)) !important; }
.text-reddit-d3 { color: rgba(var(--rgb-reddit-d3), var(--bs-text-opacity)) !important; }
.text-reddit-font { color: rgba(var(--rgb-reddit-font), var(--bs-text-opacity)) !important; }
.text-reddit-font-l { color: rgba(var(--rgb-reddit-font-l), var(--bs-text-opacity)) !important; }
.text-reddit-font-d { color: rgba(var(--rgb-reddit-font-d), var(--bs-text-opacity)) !important; }
.text-reddit-10 { color: rgba(var(--rgb-reddit),.1) !important; }
.text-reddit-20 { color: rgba(var(--rgb-reddit),.2) !important; }
.text-reddit-30 { color: rgba(var(--rgb-reddit),.3) !important; }
.text-reddit-40 { color: rgba(var(--rgb-reddit),.4) !important; }
.text-reddit-50 { color: rgba(var(--rgb-reddit),.5) !important; }
.text-reddit-60 { color: rgba(var(--rgb-reddit),.6) !important; }
.text-reddit-70 { color: rgba(var(--rgb-reddit),.7) !important; }
.text-reddit-80 { color: rgba(var(--rgb-reddit),.8) !important; }
.text-reddit-90 { color: rgba(var(--rgb-reddit),.9) !important; }

.text-reddit-gradient-d { background-image: var(--reddit-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-reddit-gradient-d-inverse { background-image: var(--reddit-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-reddit-gradient { background-image: var(--reddit-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-reddit-gradient-h { background-image: var(--reddit-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-reddit-gradient-h-inverse { background-image: var(--reddit-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-reddit-gradient-v { background-image: var(--reddit-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-reddit-gradient-v-inverse { background-image: var(--reddit-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: RSS Colors */
.text-rss { color: rgba(var(--rgb-rss), var(--bs-text-opacity)) !important; }
.text-rss-l1 { color: rgba(var(--rgb-rss-l1), var(--bs-text-opacity)) !important; }
.text-rss-l2 { color: rgba(var(--rgb-rss-l2), var(--bs-text-opacity)) !important; }
.text-rss-l3 { color: rgba(var(--rgb-rss-l3), var(--bs-text-opacity)) !important; }
.text-rss-d1 { color: rgba(var(--rgb-rss-d1), var(--bs-text-opacity)) !important; }
.text-rss-d2 { color: rgba(var(--rgb-rss-d2), var(--bs-text-opacity)) !important; }
.text-rss-d3 { color: rgba(var(--rgb-rss-d3), var(--bs-text-opacity)) !important; }
.text-rss-font { color: rgba(var(--rgb-rss-font), var(--bs-text-opacity)) !important; }
.text-rss-font-l { color: rgba(var(--rgb-rss-font-l), var(--bs-text-opacity)) !important; }
.text-rss-font-d { color: rgba(var(--rgb-rss-font-d), var(--bs-text-opacity)) !important; }
.text-rss-10 { color: rgba(var(--rgb-rss),.1) !important; }
.text-rss-20 { color: rgba(var(--rgb-rss),.2) !important; }
.text-rss-30 { color: rgba(var(--rgb-rss),.3) !important; }
.text-rss-40 { color: rgba(var(--rgb-rss),.4) !important; }
.text-rss-50 { color: rgba(var(--rgb-rss),.5) !important; }
.text-rss-60 { color: rgba(var(--rgb-rss),.6) !important; }
.text-rss-70 { color: rgba(var(--rgb-rss),.7) !important; }
.text-rss-80 { color: rgba(var(--rgb-rss),.8) !important; }
.text-rss-90 { color: rgba(var(--rgb-rss),.9) !important; }

.text-rss-gradient-d { background-image: var(--rss-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-rss-gradient-d-inverse { background-image: var(--rss-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-rss-gradient { background-image: var(--rss-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-rss-gradient-h { background-image: var(--rss-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-rss-gradient-h-inverse { background-image: var(--rss-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-rss-gradient-v { background-image: var(--rss-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-rss-gradient-v-inverse { background-image: var(--rss-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Skype Colors */
.text-skype { color: rgba(var(--rgb-skype), var(--bs-text-opacity)) !important; }
.text-skype-l1 { color: rgba(var(--rgb-skype-l1), var(--bs-text-opacity)) !important; }
.text-skype-l2 { color: rgba(var(--rgb-skype-l2), var(--bs-text-opacity)) !important; }
.text-skype-l3 { color: rgba(var(--rgb-skype-l3), var(--bs-text-opacity)) !important; }
.text-skype-d1 { color: rgba(var(--rgb-skype-d1), var(--bs-text-opacity)) !important; }
.text-skype-d2 { color: rgba(var(--rgb-skype-d2), var(--bs-text-opacity)) !important; }
.text-skype-d3 { color: rgba(var(--rgb-skype-d3), var(--bs-text-opacity)) !important; }
.text-skype-font { color: rgba(var(--rgb-skype-font), var(--bs-text-opacity)) !important; }
.text-skype-font-l { color: rgba(var(--rgb-skype-font-l), var(--bs-text-opacity)) !important; }
.text-skype-font-d { color: rgba(var(--rgb-skype-font-d), var(--bs-text-opacity)) !important; }
.text-skype-10 { color: rgba(var(--rgb-skype),.1) !important; }
.text-skype-20 { color: rgba(var(--rgb-skype),.2) !important; }
.text-skype-30 { color: rgba(var(--rgb-skype),.3) !important; }
.text-skype-40 { color: rgba(var(--rgb-skype),.4) !important; }
.text-skype-50 { color: rgba(var(--rgb-skype),.5) !important; }
.text-skype-60 { color: rgba(var(--rgb-skype),.6) !important; }
.text-skype-70 { color: rgba(var(--rgb-skype),.7) !important; }
.text-skype-80 { color: rgba(var(--rgb-skype),.8) !important; }
.text-skype-90 { color: rgba(var(--rgb-skype),.9) !important; }

.text-skype-gradient-d { background-image: var(--skype-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-skype-gradient-d-inverse { background-image: var(--skype-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-skype-gradient { background-image: var(--skype-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-skype-gradient-h { background-image: var(--skype-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-skype-gradient-h-inverse { background-image: var(--skype-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-skype-gradient-v { background-image: var(--skype-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-skype-gradient-v-inverse { background-image: var(--skype-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: slack Colors */
.text-slack { color: rgba(var(--rgb-slack), var(--bs-text-opacity)) !important; }
.text-slack-l1 { color: rgba(var(--rgb-slack-l1), var(--bs-text-opacity)) !important; }
.text-slack-l2 { color: rgba(var(--rgb-slack-l2), var(--bs-text-opacity)) !important; }
.text-slack-l3 { color: rgba(var(--rgb-slack-l3), var(--bs-text-opacity)) !important; }
.text-slack-d1 { color: rgba(var(--rgb-slack-d1), var(--bs-text-opacity)) !important; }
.text-slack-d2 { color: rgba(var(--rgb-slack-d2), var(--bs-text-opacity)) !important; }
.text-slack-d3 { color: rgba(var(--rgb-slack-d3), var(--bs-text-opacity)) !important; }
.text-slack-font { color: rgba(var(--rgb-slack-font), var(--bs-text-opacity)) !important; }
.text-slack-font-l { color: rgba(var(--rgb-slack-font-l), var(--bs-text-opacity)) !important; }
.text-slack-font-d { color: rgba(var(--rgb-slack-font-d), var(--bs-text-opacity)) !important; }
.text-slack-10 { color: rgba(var(--rgb-slack),.1) !important; }
.text-slack-20 { color: rgba(var(--rgb-slack),.2) !important; }
.text-slack-30 { color: rgba(var(--rgb-slack),.3) !important; }
.text-slack-40 { color: rgba(var(--rgb-slack),.4) !important; }
.text-slack-50 { color: rgba(var(--rgb-slack),.5) !important; }
.text-slack-60 { color: rgba(var(--rgb-slack),.6) !important; }
.text-slack-70 { color: rgba(var(--rgb-slack),.7) !important; }
.text-slack-80 { color: rgba(var(--rgb-slack),.8) !important; }
.text-slack-90 { color: rgba(var(--rgb-slack),.9) !important; }

.text-slack-gradient-d { background-image: var(--slack-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-slack-gradient-d-inverse { background-image: var(--slack-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-slack-gradient { background-image: var(--slack-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-slack-gradient-h { background-image: var(--slack-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-slack-gradient-h-inverse { background-image: var(--slack-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-slack-gradient-v { background-image: var(--slack-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-slack-gradient-v-inverse { background-image: var(--slack-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Snap Colors */
.text-snap { color: rgba(var(--rgb-snap), var(--bs-text-opacity)) !important; }
.text-snap-l1 { color: rgba(var(--rgb-snap-l1), var(--bs-text-opacity)) !important; }
.text-snap-l2 { color: rgba(var(--rgb-snap-l2), var(--bs-text-opacity)) !important; }
.text-snap-l3 { color: rgba(var(--rgb-snap-l3), var(--bs-text-opacity)) !important; }
.text-snap-d1 { color: rgba(var(--rgb-snap-d1), var(--bs-text-opacity)) !important; }
.text-snap-d2 { color: rgba(var(--rgb-snap-d2), var(--bs-text-opacity)) !important; }
.text-snap-d3 { color: rgba(var(--rgb-snap-d3), var(--bs-text-opacity)) !important; }
.text-snap-font { color: rgba(var(--rgb-snap-font), var(--bs-text-opacity)) !important; }
.text-snap-font-l { color: rgba(var(--rgb-snap-font-l), var(--bs-text-opacity)) !important; }
.text-snap-font-d { color: rgba(var(--rgb-snap-font-d), var(--bs-text-opacity)) !important; }
.text-snap-10 { color: rgba(var(--rgb-snap),.1) !important; }
.text-snap-20 { color: rgba(var(--rgb-snap),.2) !important; }
.text-snap-30 { color: rgba(var(--rgb-snap),.3) !important; }
.text-snap-40 { color: rgba(var(--rgb-snap),.4) !important; }
.text-snap-50 { color: rgba(var(--rgb-snap),.5) !important; }
.text-snap-60 { color: rgba(var(--rgb-snap),.6) !important; }
.text-snap-70 { color: rgba(var(--rgb-snap),.7) !important; }
.text-snap-80 { color: rgba(var(--rgb-snap),.8) !important; }
.text-snap-90 { color: rgba(var(--rgb-snap),.9) !important; }

.text-snap-gradient-d { background-image: var(--snap-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-snap-gradient-d-inverse { background-image: var(--snap-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-snap-gradient { background-image: var(--snap-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-snap-gradient-h { background-image: var(--snap-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-snap-gradient-h-inverse { background-image: var(--snap-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-snap-gradient-v { background-image: var(--snap-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-snap-gradient-v-inverse { background-image: var(--snap-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: stack-overflow Colors */
.text-stack-overflow { color: rgba(var(--rgb-stack-overflow), var(--bs-text-opacity)) !important; }
.text-stack-overflow-l1 { color: rgba(var(--rgb-stack-overflow-l1), var(--bs-text-opacity)) !important; }
.text-stack-overflow-l2 { color: rgba(var(--rgb-stack-overflow-l2), var(--bs-text-opacity)) !important; }
.text-stack-overflow-l3 { color: rgba(var(--rgb-stack-overflow-l3), var(--bs-text-opacity)) !important; }
.text-stack-overflow-d1 { color: rgba(var(--rgb-stack-overflow-d1), var(--bs-text-opacity)) !important; }
.text-stack-overflow-d2 { color: rgba(var(--rgb-stack-overflow-d2), var(--bs-text-opacity)) !important; }
.text-stack-overflow-d3 { color: rgba(var(--rgb-stack-overflow-d3), var(--bs-text-opacity)) !important; }
.text-stack-overflow-font { color: rgba(var(--rgb-stack-overflow-font), var(--bs-text-opacity)) !important; }
.text-stack-overflow-font-l { color: rgba(var(--rgb-stack-overflow-font-l), var(--bs-text-opacity)) !important; }
.text-stack-overflow-font-d { color: rgba(var(--rgb-stack-overflow-font-d), var(--bs-text-opacity)) !important; }
.text-stack-overflow-10 { color: rgba(var(--rgb-stack-overflow),.1) !important; }
.text-stack-overflow-20 { color: rgba(var(--rgb-stack-overflow),.2) !important; }
.text-stack-overflow-30 { color: rgba(var(--rgb-stack-overflow),.3) !important; }
.text-stack-overflow-40 { color: rgba(var(--rgb-stack-overflow),.4) !important; }
.text-stack-overflow-50 { color: rgba(var(--rgb-stack-overflow),.5) !important; }
.text-stack-overflow-60 { color: rgba(var(--rgb-stack-overflow),.6) !important; }
.text-stack-overflow-70 { color: rgba(var(--rgb-stack-overflow),.7) !important; }
.text-stack-overflow-80 { color: rgba(var(--rgb-stack-overflow),.8) !important; }
.text-stack-overflow-90 { color: rgba(var(--rgb-stack-overflow),.9) !important; }

.text-stack-overflow-gradient-d { background-image: var(--stack-overflow-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-stack-overflow-gradient-d-inverse { background-image: var(--stack-overflow-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-stack-overflow-gradient { background-image: var(--stack-overflow-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-stack-overflow-gradient-h { background-image: var(--stack-overflow-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-stack-overflow-gradient-h-inverse { background-image: var(--stack-overflow-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-stack-overflow-gradient-v { background-image: var(--stack-overflow-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-stack-overflow-gradient-v-inverse { background-image: var(--stack-overflow-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: steam Colors */
.text-steam { color: rgba(var(--rgb-steam), var(--bs-text-opacity)) !important; }
.text-steam-l1 { color: rgba(var(--rgb-steam-l1), var(--bs-text-opacity)) !important; }
.text-steam-l2 { color: rgba(var(--rgb-steam-l2), var(--bs-text-opacity)) !important; }
.text-steam-l3 { color: rgba(var(--rgb-steam-l3), var(--bs-text-opacity)) !important; }
.text-steam-d1 { color: rgba(var(--rgb-steam-d1), var(--bs-text-opacity)) !important; }
.text-steam-d2 { color: rgba(var(--rgb-steam-d2), var(--bs-text-opacity)) !important; }
.text-steam-d3 { color: rgba(var(--rgb-steam-d3), var(--bs-text-opacity)) !important; }
.text-steam-font { color: rgba(var(--rgb-steam-font), var(--bs-text-opacity)) !important; }
.text-steam-font-l { color: rgba(var(--rgb-steam-font-l), var(--bs-text-opacity)) !important; }
.text-steam-font-d { color: rgba(var(--rgb-steam-font-d), var(--bs-text-opacity)) !important; }
.text-steam-10 { color: rgba(var(--rgb-steam),.1) !important; }
.text-steam-20 { color: rgba(var(--rgb-steam),.2) !important; }
.text-steam-30 { color: rgba(var(--rgb-steam),.3) !important; }
.text-steam-40 { color: rgba(var(--rgb-steam),.4) !important; }
.text-steam-50 { color: rgba(var(--rgb-steam),.5) !important; }
.text-steam-60 { color: rgba(var(--rgb-steam),.6) !important; }
.text-steam-70 { color: rgba(var(--rgb-steam),.7) !important; }
.text-steam-80 { color: rgba(var(--rgb-steam),.8) !important; }
.text-steam-90 { color: rgba(var(--rgb-steam),.9) !important; }

.text-steam-gradient-d { background-image: var(--steam-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-steam-gradient-d-inverse { background-image: var(--steam-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-steam-gradient { background-image: var(--steam-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-steam-gradient-h { background-image: var(--steam-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-steam-gradient-h-inverse { background-image: var(--steam-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-steam-gradient-v { background-image: var(--steam-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-steam-gradient-v-inverse { background-image: var(--steam-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: telegram Colors */
.text-telegram { color: rgba(var(--rgb-telegram), var(--bs-text-opacity)) !important; }
.text-telegram-l1 { color: rgba(var(--rgb-telegram-l1), var(--bs-text-opacity)) !important; }
.text-telegram-l2 { color: rgba(var(--rgb-telegram-l2), var(--bs-text-opacity)) !important; }
.text-telegram-l3 { color: rgba(var(--rgb-telegram-l3), var(--bs-text-opacity)) !important; }
.text-telegram-d1 { color: rgba(var(--rgb-telegram-d1), var(--bs-text-opacity)) !important; }
.text-telegram-d2 { color: rgba(var(--rgb-telegram-d2), var(--bs-text-opacity)) !important; }
.text-telegram-d3 { color: rgba(var(--rgb-telegram-d3), var(--bs-text-opacity)) !important; }
.text-telegram-font { color: rgba(var(--rgb-telegram-font), var(--bs-text-opacity)) !important; }
.text-telegram-font-l { color: rgba(var(--rgb-telegram-font-l), var(--bs-text-opacity)) !important; }
.text-telegram-font-d { color: rgba(var(--rgb-telegram-font-d), var(--bs-text-opacity)) !important; }
.text-telegram-10 { color: rgba(var(--rgb-telegram),.1) !important; }
.text-telegram-20 { color: rgba(var(--rgb-telegram),.2) !important; }
.text-telegram-30 { color: rgba(var(--rgb-telegram),.3) !important; }
.text-telegram-40 { color: rgba(var(--rgb-telegram),.4) !important; }
.text-telegram-50 { color: rgba(var(--rgb-telegram),.5) !important; }
.text-telegram-60 { color: rgba(var(--rgb-telegram),.6) !important; }
.text-telegram-70 { color: rgba(var(--rgb-telegram),.7) !important; }
.text-telegram-80 { color: rgba(var(--rgb-telegram),.8) !important; }
.text-telegram-90 { color: rgba(var(--rgb-telegram),.9) !important; }

.text-telegram-gradient-d { background-image: var(--telegram-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-telegram-gradient-d-inverse { background-image: var(--telegram-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-telegram-gradient { background-image: var(--telegram-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-telegram-gradient-h { background-image: var(--telegram-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-telegram-gradient-h-inverse { background-image: var(--telegram-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-telegram-gradient-v { background-image: var(--telegram-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-telegram-gradient-v-inverse { background-image: var(--telegram-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: tiktok Colors */
.text-tiktok { color: rgba(var(--rgb-tiktok), var(--bs-text-opacity)) !important; }
.text-tiktok-l1 { color: rgba(var(--rgb-tiktok-l1), var(--bs-text-opacity)) !important; }
.text-tiktok-l2 { color: rgba(var(--rgb-tiktok-l2), var(--bs-text-opacity)) !important; }
.text-tiktok-l3 { color: rgba(var(--rgb-tiktok-l3), var(--bs-text-opacity)) !important; }
.text-tiktok-d1 { color: rgba(var(--rgb-tiktok-d1), var(--bs-text-opacity)) !important; }
.text-tiktok-d2 { color: rgba(var(--rgb-tiktok-d2), var(--bs-text-opacity)) !important; }
.text-tiktok-d3 { color: rgba(var(--rgb-tiktok-d3), var(--bs-text-opacity)) !important; }
.text-tiktok-font { color: rgba(var(--rgb-tiktok-font), var(--bs-text-opacity)) !important; }
.text-tiktok-font-l { color: rgba(var(--rgb-tiktok-font-l), var(--bs-text-opacity)) !important; }
.text-tiktok-font-d { color: rgba(var(--rgb-tiktok-font-d), var(--bs-text-opacity)) !important; }
.text-tiktok-10 { color: rgba(var(--rgb-tiktok),.1) !important; }
.text-tiktok-20 { color: rgba(var(--rgb-tiktok),.2) !important; }
.text-tiktok-30 { color: rgba(var(--rgb-tiktok),.3) !important; }
.text-tiktok-40 { color: rgba(var(--rgb-tiktok),.4) !important; }
.text-tiktok-50 { color: rgba(var(--rgb-tiktok),.5) !important; }
.text-tiktok-60 { color: rgba(var(--rgb-tiktok),.6) !important; }
.text-tiktok-70 { color: rgba(var(--rgb-tiktok),.7) !important; }
.text-tiktok-80 { color: rgba(var(--rgb-tiktok),.8) !important; }
.text-tiktok-90 { color: rgba(var(--rgb-tiktok),.9) !important; }

.text-tiktok-gradient-d { background-image: var(--tiktok-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-tiktok-gradient-d-inverse { background-image: var(--tiktok-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-tiktok-gradient { background-image: var(--tiktok-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-tiktok-gradient-h { background-image: var(--tiktok-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-tiktok-gradient-h-inverse { background-image: var(--tiktok-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-tiktok-gradient-v { background-image: var(--tiktok-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-tiktok-gradient-v-inverse { background-image: var(--tiktok-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: trip-advisor Colors */
.text-trip-advisor { color: rgba(var(--rgb-trip-advisor), var(--bs-text-opacity)) !important; }
.text-trip-advisor-l1 { color: rgba(var(--rgb-trip-advisor-l1), var(--bs-text-opacity)) !important; }
.text-trip-advisor-l2 { color: rgba(var(--rgb-trip-advisor-l2), var(--bs-text-opacity)) !important; }
.text-trip-advisor-l3 { color: rgba(var(--rgb-trip-advisor-l3), var(--bs-text-opacity)) !important; }
.text-trip-advisor-d1 { color: rgba(var(--rgb-trip-advisor-d1), var(--bs-text-opacity)) !important; }
.text-trip-advisor-d2 { color: rgba(var(--rgb-trip-advisor-d2), var(--bs-text-opacity)) !important; }
.text-trip-advisor-d3 { color: rgba(var(--rgb-trip-advisor-d3), var(--bs-text-opacity)) !important; }
.text-trip-advisor-font { color: rgba(var(--rgb-trip-advisor-font), var(--bs-text-opacity)) !important; }
.text-trip-advisor-font-l { color: rgba(var(--rgb-trip-advisor-font-l), var(--bs-text-opacity)) !important; }
.text-trip-advisor-font-d { color: rgba(var(--rgb-trip-advisor-font-d), var(--bs-text-opacity)) !important; }
.text-trip-advisor-10 { color: rgba(var(--rgb-trip-advisor),.1) !important; }
.text-trip-advisor-20 { color: rgba(var(--rgb-trip-advisor),.2) !important; }
.text-trip-advisor-30 { color: rgba(var(--rgb-trip-advisor),.3) !important; }
.text-trip-advisor-40 { color: rgba(var(--rgb-trip-advisor),.4) !important; }
.text-trip-advisor-50 { color: rgba(var(--rgb-trip-advisor),.5) !important; }
.text-trip-advisor-60 { color: rgba(var(--rgb-trip-advisor),.6) !important; }
.text-trip-advisor-70 { color: rgba(var(--rgb-trip-advisor),.7) !important; }
.text-trip-advisor-80 { color: rgba(var(--rgb-trip-advisor),.8) !important; }
.text-trip-advisor-90 { color: rgba(var(--rgb-trip-advisor),.9) !important; }

.text-trip-advisor-gradient-d { background-image: var(--trip-advisor-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-trip-advisor-gradient-d-inverse { background-image: var(--trip-advisor-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-trip-advisor-gradient { background-image: var(--trip-advisor-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-trip-advisor-gradient-h { background-image: var(--trip-advisor-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-trip-advisor-gradient-h-inverse { background-image: var(--trip-advisor-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-trip-advisor-gradient-v { background-image: var(--trip-advisor-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-trip-advisor-gradient-v-inverse { background-image: var(--trip-advisor-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Tumblr Colors */
.text-tumblr { color: rgba(var(--rgb-tumblr), var(--bs-text-opacity)) !important; }
.text-tumblr-l1 { color: rgba(var(--rgb-tumblr-l1), var(--bs-text-opacity)) !important; }
.text-tumblr-l2 { color: rgba(var(--rgb-tumblr-l2), var(--bs-text-opacity)) !important; }
.text-tumblr-l3 { color: rgba(var(--rgb-tumblr-l3), var(--bs-text-opacity)) !important; }
.text-tumblr-d1 { color: rgba(var(--rgb-tumblr-d1), var(--bs-text-opacity)) !important; }
.text-tumblr-d2 { color: rgba(var(--rgb-tumblr-d2), var(--bs-text-opacity)) !important; }
.text-tumblr-d3 { color: rgba(var(--rgb-tumblr-d3), var(--bs-text-opacity)) !important; }
.text-tumblr-font { color: rgba(var(--rgb-tumblr-font), var(--bs-text-opacity)) !important; }
.text-tumblr-font-l { color: rgba(var(--rgb-tumblr-font-l), var(--bs-text-opacity)) !important; }
.text-tumblr-font-d { color: rgba(var(--rgb-tumblr-font-d), var(--bs-text-opacity)) !important; }
.text-tumblr-10 { color: rgba(var(--rgb-tumblr),.1) !important; }
.text-tumblr-20 { color: rgba(var(--rgb-tumblr),.2) !important; }
.text-tumblr-30 { color: rgba(var(--rgb-tumblr),.3) !important; }
.text-tumblr-40 { color: rgba(var(--rgb-tumblr),.4) !important; }
.text-tumblr-50 { color: rgba(var(--rgb-tumblr),.5) !important; }
.text-tumblr-60 { color: rgba(var(--rgb-tumblr),.6) !important; }
.text-tumblr-70 { color: rgba(var(--rgb-tumblr),.7) !important; }
.text-tumblr-80 { color: rgba(var(--rgb-tumblr),.8) !important; }
.text-tumblr-90 { color: rgba(var(--rgb-tumblr),.9) !important; }

.text-tumblr-gradient-d { background-image: var(--tumblr-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-tumblr-gradient-d-inverse { background-image: var(--tumblr-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-tumblr-gradient { background-image: var(--tumblr-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-tumblr-gradient-h { background-image: var(--tumblr-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-tumblr-gradient-h-inverse { background-image: var(--tumblr-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-tumblr-gradient-v { background-image: var(--tumblr-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-tumblr-gradient-v-inverse { background-image: var(--tumblr-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: twitch Colors */
.text-twitch { color: rgba(var(--rgb-twitch), var(--bs-text-opacity)) !important; }
.text-twitch-l1 { color: rgba(var(--rgb-twitch-l1), var(--bs-text-opacity)) !important; }
.text-twitch-l2 { color: rgba(var(--rgb-twitch-l2), var(--bs-text-opacity)) !important; }
.text-twitch-l3 { color: rgba(var(--rgb-twitch-l3), var(--bs-text-opacity)) !important; }
.text-twitch-d1 { color: rgba(var(--rgb-twitch-d1), var(--bs-text-opacity)) !important; }
.text-twitch-d2 { color: rgba(var(--rgb-twitch-d2), var(--bs-text-opacity)) !important; }
.text-twitch-d3 { color: rgba(var(--rgb-twitch-d3), var(--bs-text-opacity)) !important; }
.text-twitch-font { color: rgba(var(--rgb-twitch-font), var(--bs-text-opacity)) !important; }
.text-twitch-font-l { color: rgba(var(--rgb-twitch-font-l), var(--bs-text-opacity)) !important; }
.text-twitch-font-d { color: rgba(var(--rgb-twitch-font-d), var(--bs-text-opacity)) !important; }
.text-twitch-10 { color: rgba(var(--rgb-twitch),.1) !important; }
.text-twitchtwitch-20 { color: rgba(var(--rgb-twitch),.2) !important; }
.text-twitch-30 { color: rgba(var(--rgb-twitch),.3) !important; }
.text-twitch-40 { color: rgba(var(--rgb-twitch),.4) !important; }
.text-twitch-50 { color: rgba(var(--rgb-twitch),.5) !important; }
.text-twitch-60 { color: rgba(var(--rgb-twitch),.6) !important; }
.text-twitch-70 { color: rgba(var(--rgb-twitch),.7) !important; }
.text-twitch-80 { color: rgba(var(--rgb-twitch),.8) !important; }
.text-twitch-90 { color: rgba(var(--rgb-twitch),.9) !important; }

.text-twitch-gradient-d { background-image: var(--twitch-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-twitch-gradient-d-inverse { background-image: var(--twitch-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-twitch-gradient { background-image: var(--twitch-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-twitch-gradient-h { background-image: var(--twitch-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-twitch-gradient-h-inverse { background-image: var(--twitch-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-twitch-gradient-v { background-image: var(--twitch-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-twitch-gradient-v-inverse { background-image: var(--twitch-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Twitter Colors */
.text-twitter { color: rgba(var(--rgb-twitter), var(--bs-text-opacity)) !important; }
.text-twitter-l1 { color: rgba(var(--rgb-twitter-l1), var(--bs-text-opacity)) !important; }
.text-twitter-l2 { color: rgba(var(--rgb-twitter-l2), var(--bs-text-opacity)) !important; }
.text-twitter-l3 { color: rgba(var(--rgb-twitter-l3), var(--bs-text-opacity)) !important; }
.text-twitter-d1 { color: rgba(var(--rgb-twitter-d1), var(--bs-text-opacity)) !important; }
.text-twitter-d2 { color: rgba(var(--rgb-twitter-d2), var(--bs-text-opacity)) !important; }
.text-twitter-d3 { color: rgba(var(--rgb-twitter-d3), var(--bs-text-opacity)) !important; }
.text-twitter-font { color: rgba(var(--rgb-twitter-font), var(--bs-text-opacity)) !important; }
.text-twitter-font-l { color: rgba(var(--rgb-twitter-font-l), var(--bs-text-opacity)) !important; }
.text-twitter-font-d { color: rgba(var(--rgb-twitter-font-d), var(--bs-text-opacity)) !important; }
.text-twitter-10 { color: rgba(var(--rgb-twitter),.1) !important; }
.text-twitter-20 { color: rgba(var(--rgb-twitter),.2) !important; }
.text-twitter-30 { color: rgba(var(--rgb-twitter),.3) !important; }
.text-twitter-40 { color: rgba(var(--rgb-twitter),.4) !important; }
.text-twitter-50 { color: rgba(var(--rgb-twitter),.5) !important; }
.text-twitter-60 { color: rgba(var(--rgb-twitter),.6) !important; }
.text-twitter-70 { color: rgba(var(--rgb-twitter),.7) !important; }
.text-twitter-80 { color: rgba(var(--rgb-twitter),.8) !important; }
.text-twitter-90 { color: rgba(var(--rgb-twitter),.9) !important; }

.text-twitter-gradient-d { background-image: var(--twitter-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-twitter-gradient-d-inverse { background-image: var(--twitter-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-twitter-gradient { background-image: var(--twitter-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-twitter-gradient-h { background-image: var(--twitter-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-twitter-gradient-h-inverse { background-image: var(--twitter-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-twitter-gradient-v { background-image: var(--twitter-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-twitter-gradient-v-inverse { background-image: var(--twitter-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Vibre Colors */
.text-vibre { color: rgba(var(--rgb-vibre), var(--bs-text-opacity)) !important; }
.text-vibre-l1 { color: rgba(var(--rgb-vibre-l1), var(--bs-text-opacity)) !important; }
.text-vibre-l2 { color: rgba(var(--rgb-vibre-l2), var(--bs-text-opacity)) !important; }
.text-vibre-l3 { color: rgba(var(--rgb-vibre-l3), var(--bs-text-opacity)) !important; }
.text-vibre-d1 { color: rgba(var(--rgb-vibre-d1), var(--bs-text-opacity)) !important; }
.text-vibre-d2 { color: rgba(var(--rgb-vibre-d2), var(--bs-text-opacity)) !important; }
.text-vibre-d3 { color: rgba(var(--rgb-vibre-d3), var(--bs-text-opacity)) !important; }
.text-vibre-font { color: rgba(var(--rgb-vibre-font), var(--bs-text-opacity)) !important; }
.text-vibre-font-l { color: rgba(var(--rgb-vibre-font-l), var(--bs-text-opacity)) !important; }
.text-vibre-font-d { color: rgba(var(--rgb-vibre-font-d), var(--bs-text-opacity)) !important; }
.text-vibre-10 { color: rgba(var(--rgb-vibre),.1) !important; }
.text-vibre-20 { color: rgba(var(--rgb-vibre),.2) !important; }
.text-vibre-30 { color: rgba(var(--rgb-vibre),.3) !important; }
.text-vibre-40 { color: rgba(var(--rgb-vibre),.4) !important; }
.text-vibre-50 { color: rgba(var(--rgb-vibre),.5) !important; }
.text-vibre-60 { color: rgba(var(--rgb-vibre),.6) !important; }
.text-vibre-70 { color: rgba(var(--rgb-vibre),.7) !important; }
.text-vibre-80 { color: rgba(var(--rgb-vibre),.8) !important; }
.text-vibre-90 { color: rgba(var(--rgb-vibre),.9) !important; }

.text-vibre-gradient-d { background-image: var(--vibre-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-vibre-gradient-d-inverse { background-image: var(--vibre-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-vibre-gradient { background-image: var(--vibre-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-vibre-gradient-h { background-image: var(--vibre-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-vibre-gradient-h-inverse { background-image: var(--vibre-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-vibre-gradient-v { background-image: var(--vibre-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-vibre-gradient-v-inverse { background-image: var(--vibre-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Vimeo Colors */
.text-vimeo { color: rgba(var(--rgb-vimeo), var(--bs-text-opacity)) !important; }
.text-vimeo-l1 { color: rgba(var(--rgb-vimeo-l1), var(--bs-text-opacity)) !important; }
.text-vimeo-l2 { color: rgba(var(--rgb-vimeo-l2), var(--bs-text-opacity)) !important; }
.text-vimeo-l3 { color: rgba(var(--rgb-vimeo-l3), var(--bs-text-opacity)) !important; }
.text-vimeo-d1 { color: rgba(var(--rgb-vimeo-d1), var(--bs-text-opacity)) !important; }
.text-vimeo-d2 { color: rgba(var(--rgb-vimeo-d2), var(--bs-text-opacity)) !important; }
.text-vimeo-d3 { color: rgba(var(--rgb-vimeo-d3), var(--bs-text-opacity)) !important; }
.text-vimeo-font { color: rgba(var(--rgb-vimeo-font), var(--bs-text-opacity)) !important; }
.text-vimeo-font-l { color: rgba(var(--rgb-vimeo-font-l), var(--bs-text-opacity)) !important; }
.text-vimeo-font-d { color: rgba(var(--rgb-vimeo-font-d), var(--bs-text-opacity)) !important; }
.text-vimeo-10 { color: rgba(var(--rgb-vimeo),.1) !important; }
.text-vimeo-20 { color: rgba(var(--rgb-vimeo),.2) !important; }
.text-vimeo-30 { color: rgba(var(--rgb-vimeo),.3) !important; }
.text-vimeo-40 { color: rgba(var(--rgb-vimeo),.4) !important; }
.text-vimeo-50 { color: rgba(var(--rgb-vimeo),.5) !important; }
.text-vimeo-60 { color: rgba(var(--rgb-vimeo),.6) !important; }
.text-vimeo-70 { color: rgba(var(--rgb-vimeo),.7) !important; }
.text-vimeo-80 { color: rgba(var(--rgb-vimeo),.8) !important; }
.text-vimeo-90 { color: rgba(var(--rgb-vimeo),.9) !important; }

.text-vimeo-gradient-d { background-image: var(--vimeo-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-vimeo-gradient-d-inverse { background-image: var(--vimeo-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-vimeo-gradient { background-image: var(--vimeo-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-vimeo-gradient-h { background-image: var(--vimeo-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-vimeo-gradient-h-inverse { background-image: var(--vimeo-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-vimeo-gradient-v { background-image: var(--vimeo-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-vimeo-gradient-v-inverse { background-image: var(--vimeo-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: vk Colors */
.text-vk { color: rgba(var(--rgb-vk), var(--bs-text-opacity)) !important; }
.text-vk-l1 { color: rgba(var(--rgb-vk-l1), var(--bs-text-opacity)) !important; }
.text-vk-l2 { color: rgba(var(--rgb-vk-l2), var(--bs-text-opacity)) !important; }
.text-vk-l3 { color: rgba(var(--rgb-vk-l3), var(--bs-text-opacity)) !important; }
.text-vk-d1 { color: rgba(var(--rgb-vk-d1), var(--bs-text-opacity)) !important; }
.text-vk-d2 { color: rgba(var(--rgb-vk-d2), var(--bs-text-opacity)) !important; }
.text-vk-d3 { color: rgba(var(--rgb-vk-d3), var(--bs-text-opacity)) !important; }
.text-vk-font { color: rgba(var(--rgb-vk-font), var(--bs-text-opacity)) !important; }
.text-vk-font-l { color: rgba(var(--rgb-vk-font-l), var(--bs-text-opacity)) !important; }
.text-vk-font-d { color: rgba(var(--rgb-vk-font-d), var(--bs-text-opacity)) !important; }
.text-vk-10 { color: rgba(var(--rgb-vk),.1) !important; }
.text-vk-20 { color: rgba(var(--rgb-vk),.2) !important; }
.text-vk-30 { color: rgba(var(--rgb-vk),.3) !important; }
.text-vk-40 { color: rgba(var(--rgb-vk),.4) !important; }
.text-vk-50 { color: rgba(var(--rgb-vk),.5) !important; }
.text-vk-60 { color: rgba(var(--rgb-vk),.6) !important; }
.text-vk-70 { color: rgba(var(--rgb-vk),.7) !important; }
.text-vk-80 { color: rgba(var(--rgb-vk),.8) !important; }
.text-vk-90 { color: rgba(var(--rgb-vk),.9) !important; }

.text-vk-gradient-d { background-image: var(--vk-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-vk-gradient-d-inverse { background-image: var(--vk-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-vk-gradient { background-image: var(--vk-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-vk-gradient-h { background-image: var(--vk-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-vk-gradient-h-inverse { background-image: var(--vk-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-vk-gradient-v { background-image: var(--vk-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-vk-gradient-v-inverse { background-image: var(--vk-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Vine Colors */
.text-vine { color: rgba(var(--rgb-vine), var(--bs-text-opacity)) !important; }
.text-vine-l1 { color: rgba(var(--rgb-vine-l1), var(--bs-text-opacity)) !important; }
.text-vine-l2 { color: rgba(var(--rgb-vine-l2), var(--bs-text-opacity)) !important; }
.text-vine-l3 { color: rgba(var(--rgb-vine-l3), var(--bs-text-opacity)) !important; }
.text-vine-d1 { color: rgba(var(--rgb-vine-d1), var(--bs-text-opacity)) !important; }
.text-vine-d2 { color: rgba(var(--rgb-vine-d2), var(--bs-text-opacity)) !important; }
.text-vine-d3 { color: rgba(var(--rgb-vine-d3), var(--bs-text-opacity)) !important; }
.text-vine-font { color: rgba(var(--rgb-vine-font), var(--bs-text-opacity)) !important; }
.text-vine-font-l { color: rgba(var(--rgb-vine-font-l), var(--bs-text-opacity)) !important; }
.text-vine-font-d { color: rgba(var(--rgb-vine-font-d), var(--bs-text-opacity)) !important; }
.text-vine-10 { color: rgba(var(--rgb-vine),.1) !important; }
.text-vine-20 { color: rgba(var(--rgb-vine),.2) !important; }
.text-vine-30 { color: rgba(var(--rgb-vine),.3) !important; }
.text-vine-40 { color: rgba(var(--rgb-vine),.4) !important; }
.text-vine-50 { color: rgba(var(--rgb-vine),.5) !important; }
.text-vine-60 { color: rgba(var(--rgb-vine),.6) !important; }
.text-vine-70 { color: rgba(var(--rgb-vine),.7) !important; }
.text-vine-80 { color: rgba(var(--rgb-vine),.8) !important; }
.text-vine-90 { color: rgba(var(--rgb-vine),.9) !important; }

.text-vine-gradient-d { background-image: var(--vine-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-vine-gradient-d-inverse { background-image: var(--vine-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-vine-gradient { background-image: var(--vine-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-vine-gradient-h { background-image: var(--vine-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-vine-gradient-h-inverse { background-image: var(--vine-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-vine-gradient-v { background-image: var(--vine-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-vine-gradient-v-inverse { background-image: var(--vine-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: WeChat Colors */
.text-wechat { color: rgba(var(--rgb-wechat), var(--bs-text-opacity)) !important; }
.text-wechat-l1 { color: rgba(var(--rgb-wechat-l1), var(--bs-text-opacity)) !important; }
.text-wechat-l2 { color: rgba(var(--rgb-wechat-l2), var(--bs-text-opacity)) !important; }
.text-wechat-l3 { color: rgba(var(--rgb-wechat-l3), var(--bs-text-opacity)) !important; }
.text-wechat-d1 { color: rgba(var(--rgb-wechat-d1), var(--bs-text-opacity)) !important; }
.text-wechat-d2 { color: rgba(var(--rgb-wechat-d2), var(--bs-text-opacity)) !important; }
.text-wechat-d3 { color: rgba(var(--rgb-wechat-d3), var(--bs-text-opacity)) !important; }
.text-wechat-font { color: rgba(var(--rgb-wechat-font), var(--bs-text-opacity)) !important; }
.text-wechat-font-l { color: rgba(var(--rgb-wechat-font-l), var(--bs-text-opacity)) !important; }
.text-wechat-font-d { color: rgba(var(--rgb-wechat-font-d), var(--bs-text-opacity)) !important; }
.text-wechat-10 { color: rgba(var(--rgb-wechat),.1) !important; }
.text-wechat-20 { color: rgba(var(--rgb-wechat),.2) !important; }
.text-wechat-30 { color: rgba(var(--rgb-wechat),.3) !important; }
.text-wechat-40 { color: rgba(var(--rgb-wechat),.4) !important; }
.text-wechat-50 { color: rgba(var(--rgb-wechat),.5) !important; }
.text-wechat-60 { color: rgba(var(--rgb-wechat),.6) !important; }
.text-wechat-70 { color: rgba(var(--rgb-wechat),.7) !important; }
.text-wechat-80 { color: rgba(var(--rgb-wechat),.8) !important; }
.text-wechat-90 { color: rgba(var(--rgb-wechat),.9) !important; }

.text-wechat-gradient-d { background-image: var(--wechat-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-wechat-gradient-d-inverse { background-image: var(--wechat-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-wechat-gradient { background-image: var(--wechat-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-wechat-gradient-h { background-image: var(--wechat-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-wechat-gradient-h-inverse { background-image: var(--wechat-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-wechat-gradient-v { background-image: var(--wechat-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-wechat-gradient-v-inverse { background-image: var(--wechat-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: WhatsApp Colors */
.text-whatsapp { color: rgba(var(--rgb-whatsapp), var(--bs-text-opacity)) !important; }
.text-whatsapp-l1 { color: rgba(var(--rgb-whatsapp-l1), var(--bs-text-opacity)) !important; }
.text-whatsapp-l2 { color: rgba(var(--rgb-whatsapp-l2), var(--bs-text-opacity)) !important; }
.text-whatsapp-l3 { color: rgba(var(--rgb-whatsapp-l3), var(--bs-text-opacity)) !important; }
.text-whatsapp-d1 { color: rgba(var(--rgb-whatsapp-d1), var(--bs-text-opacity)) !important; }
.text-whatsapp-d2 { color: rgba(var(--rgb-whatsapp-d2), var(--bs-text-opacity)) !important; }
.text-whatsapp-d3 { color: rgba(var(--rgb-whatsapp-d3), var(--bs-text-opacity)) !important; }
.text-whatsapp-font { color: rgba(var(--rgb-whatsapp-font), var(--bs-text-opacity)) !important; }
.text-whatsapp-font-l { color: rgba(var(--rgb-whatsapp-font-l), var(--bs-text-opacity)) !important; }
.text-whatsapp-font-d { color: rgba(var(--rgb-whatsapp-font-d), var(--bs-text-opacity)) !important; }
.text-whatsapp-10 { color: rgba(var(--rgb-whatsapp),.1) !important; }
.text-whatsapp-20 { color: rgba(var(--rgb-whatsapp),.2) !important; }
.text-whatsapp-30 { color: rgba(var(--rgb-whatsapp),.3) !important; }
.text-whatsapp-40 { color: rgba(var(--rgb-whatsapp),.4) !important; }
.text-whatsapp-50 { color: rgba(var(--rgb-whatsapp),.5) !important; }
.text-whatsapp-60 { color: rgba(var(--rgb-whatsapp),.6) !important; }
.text-whatsapp-70 { color: rgba(var(--rgb-whatsapp),.7) !important; }
.text-whatsapp-80 { color: rgba(var(--rgb-whatsapp),.8) !important; }
.text-whatsapp-90 { color: rgba(var(--rgb-whatsapp),.9) !important; }

.text-whatsapp-gradient-d { background-image: var(--whatsapp-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-whatsapp-gradient-d-inverse { background-image: var(--whatsapp-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-whatsapp-gradient { background-image: var(--whatsapp-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-whatsapp-gradient-h { background-image: var(--whatsapp-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-whatsapp-gradient-h-inverse { background-image: var(--whatsapp-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-whatsapp-gradient-v { background-image: var(--whatsapp-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-whatsapp-gradient-v-inverse { background-image: var(--whatsapp-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: Windows Live Colors */
.text-windowslive { color: rgba(var(--rgb-windowslive), var(--bs-text-opacity)) !important; }
.text-windowslive-l1 { color: rgba(var(--rgb-windowslive-l1), var(--bs-text-opacity)) !important; }
.text-windowslive-l2 { color: rgba(var(--rgb-windowslive-l2), var(--bs-text-opacity)) !important; }
.text-windowslive-l3 { color: rgba(var(--rgb-windowslive-l3), var(--bs-text-opacity)) !important; }
.text-windowslive-d1 { color: rgba(var(--rgb-windowslive-d1), var(--bs-text-opacity)) !important; }
.text-windowslive-d2 { color: rgba(var(--rgb-windowslive-d2), var(--bs-text-opacity)) !important; }
.text-windowslive-d3 { color: rgba(var(--rgb-windowslive-d3), var(--bs-text-opacity)) !important; }
.text-windowslive-font { color: rgba(var(--rgb-windowslive-font), var(--bs-text-opacity)) !important; }
.text-windowslive-font-l { color: rgba(var(--rgb-windowslive-font-l), var(--bs-text-opacity)) !important; }
.text-windowslive-font-d { color: rgba(var(--rgb-windowslive-font-d), var(--bs-text-opacity)) !important; }
.text-windowslive-10 { color: rgba(var(--rgb-windowslive),.1) !important; }
.text-windowslive-20 { color: rgba(var(--rgb-windowslive),.2) !important; }
.text-windowslive-30 { color: rgba(var(--rgb-windowslive),.3) !important; }
.text-windowslive-40 { color: rgba(var(--rgb-windowslive),.4) !important; }
.text-windowslive-50 { color: rgba(var(--rgb-windowslive),.5) !important; }
.text-windowslive-60 { color: rgba(var(--rgb-windowslive),.6) !important; }
.text-windowslive-70 { color: rgba(var(--rgb-windowslive),.7) !important; }
.text-windowslive-80 { color: rgba(var(--rgb-windowslive),.8) !important; }
.text-windowslive-90 { color: rgba(var(--rgb-windowslive),.9) !important; }

.text-windowslive-gradient-d { background-image: var(--windowslive-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-windowslive-gradient-d-inverse { background-image: var(--windowslive-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-windowslive-gradient { background-image: var(--windowslive-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-windowslive-gradient-h { background-image: var(--windowslive-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-windowslive-gradient-h-inverse { background-image: var(--windowslive-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-windowslive-gradient-v { background-image: var(--windowslive-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-windowslive-gradient-v-inverse { background-image: var(--windowslive-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: X Colors */
.text-x { color: rgba(var(--rgb-x), var(--bs-text-opacity)) !important; }
.text-x-l1 { color: rgba(var(--rgb-x-l1), var(--bs-text-opacity)) !important; }
.text-x-l2 { color: rgba(var(--rgb-x-l2), var(--bs-text-opacity)) !important; }
.text-x-l3 { color: rgba(var(--rgb-x-l3), var(--bs-text-opacity)) !important; }
.text-x-d1 { color: rgba(var(--rgb-x-d1), var(--bs-text-opacity)) !important; }
.text-x-d2 { color: rgba(var(--rgb-x-d2), var(--bs-text-opacity)) !important; }
.text-x-d3 { color: rgba(var(--rgb-x-d3), var(--bs-text-opacity)) !important; }
.text-x-font { color: rgba(var(--rgb-x-font), var(--bs-text-opacity)) !important; }
.text-x-font-l { color: rgba(var(--rgb-x-font-l), var(--bs-text-opacity)) !important; }
.text-x-font-d { color: rgba(var(--rgb-x-font-d), var(--bs-text-opacity)) !important; }
.text-x-10 { color: rgba(var(--rgb-x),.1) !important; }
.text-x-20 { color: rgba(var(--rgb-x),.2) !important; }
.text-x-30 { color: rgba(var(--rgb-x),.3) !important; }
.text-x-40 { color: rgba(var(--rgb-x),.4) !important; }
.text-x-50 { color: rgba(var(--rgb-x),.5) !important; }
.text-x-60 { color: rgba(var(--rgb-x),.6) !important; }
.text-x-70 { color: rgba(var(--rgb-x),.7) !important; }
.text-x-80 { color: rgba(var(--rgb-x),.8) !important; }
.text-x-90 { color: rgba(var(--rgb-x),.9) !important; }

.text-x-gradient-d { background-image: var(--x-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-x-gradient-d-inverse { background-image: var(--x-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-x-gradient { background-image: var(--x-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-x-gradient-h { background-image: var(--x-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-x-gradient-h-inverse { background-image: var(--x-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-x-gradient-v { background-image: var(--x-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-x-gradient-v-inverse { background-image: var(--x-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: YouTube Colors */
.text-youtube { color: rgba(var(--rgb-youtube), var(--bs-text-opacity)) !important; }
.text-youtube-l1 { color: rgba(var(--rgb-youtube-l1), var(--bs-text-opacity)) !important; }
.text-youtube-l2 { color: rgba(var(--rgb-youtube-l2), var(--bs-text-opacity)) !important; }
.text-youtube-l3 { color: rgba(var(--rgb-youtube-l3), var(--bs-text-opacity)) !important; }
.text-youtube-d1 { color: rgba(var(--rgb-youtube-d1), var(--bs-text-opacity)) !important; }
.text-youtube-d2 { color: rgba(var(--rgb-youtube-d2), var(--bs-text-opacity)) !important; }
.text-youtube-d3 { color: rgba(var(--rgb-youtube-d3), var(--bs-text-opacity)) !important; }
.text-youtube-font { color: rgba(var(--rgb-youtube-font), var(--bs-text-opacity)) !important; }
.text-youtube-font-l { color: rgba(var(--rgb-youtube-font-l), var(--bs-text-opacity)) !important; }
.text-youtube-font-d { color: rgba(var(--rgb-youtube-font-d), var(--bs-text-opacity)) !important; }
.text-youtube-10 { color: rgba(var(--rgb-youtube),.1) !important; }
.text-youtube-20 { color: rgba(var(--rgb-youtube),.2) !important; }
.text-youtube-30 { color: rgba(var(--rgb-youtube),.3) !important; }
.text-youtube-40 { color: rgba(var(--rgb-youtube),.4) !important; }
.text-youtube-50 { color: rgba(var(--rgb-youtube),.5) !important; }
.text-youtube-60 { color: rgba(var(--rgb-youtube),.6) !important; }
.text-youtube-70 { color: rgba(var(--rgb-youtube),.7) !important; }
.text-youtube-80 { color: rgba(var(--rgb-youtube),.8) !important; }
.text-youtube-90 { color: rgba(var(--rgb-youtube),.9) !important; }

.text-youtube-gradient-d { background-image: var(--youtube-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-youtube-gradient-d-inverse { background-image: var(--youtube-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-youtube-gradient { background-image: var(--youtube-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-youtube-gradient-h { background-image: var(--youtube-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-youtube-gradient-h-inverse { background-image: var(--youtube-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-youtube-gradient-v { background-image: var(--youtube-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-youtube-gradient-v-inverse { background-image: var(--youtube-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Text / Font Colors: zoom Colors */
.text-zoom { color: rgba(var(--rgb-zoom), var(--bs-text-opacity)) !important; }
.text-zoom-l1 { color: rgba(var(--rgb-zoom-l1), var(--bs-text-opacity)) !important; }
.text-zoom-l2 { color: rgba(var(--rgb-zoom-l2), var(--bs-text-opacity)) !important; }
.text-zoom-l3 { color: rgba(var(--rgb-zoom-l3), var(--bs-text-opacity)) !important; }
.text-zoom-d1 { color: rgba(var(--rgb-zoom-d1), var(--bs-text-opacity)) !important; }
.text-zoom-d2 { color: rgba(var(--rgb-zoom-d2), var(--bs-text-opacity)) !important; }
.text-zoom-d3 { color: rgba(var(--rgb-zoom-d3), var(--bs-text-opacity)) !important; }
.text-zoom-font { color: rgba(var(--rgb-zoom-font), var(--bs-text-opacity)) !important; }
.text-zoom-font-l { color: rgba(var(--rgb-zoom-font-l), var(--bs-text-opacity)) !important; }
.text-zoom-font-d { color: rgba(var(--rgb-zoom-font-d), var(--bs-text-opacity)) !important; }
.text-zoom-10 { color: rgba(var(--rgb-zoom),.1) !important; }
.text-zoom-20 { color: rgba(var(--rgb-zoom),.2) !important; }
.text-zoom-30 { color: rgba(var(--rgb-zoom),.3) !important; }
.text-zoom-40 { color: rgba(var(--rgb-zoom),.4) !important; }
.text-zoom-50 { color: rgba(var(--rgb-zoom),.5) !important; }
.text-zoom-60 { color: rgba(var(--rgb-zoom),.6) !important; }
.text-zoom-70 { color: rgba(var(--rgb-zoom),.7) !important; }
.text-zoom-80 { color: rgba(var(--rgb-zoom),.8) !important; }
.text-zoom-90 { color: rgba(var(--rgb-zoom),.9) !important; }

.text-zoom-gradient-d { background-image: var(--zoom-gradient-d) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-zoom-gradient-d-inverse { background-image: var(--zoom-gradient-d-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-zoom-gradient { background-image: var(--zoom-gradient) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-zoom-gradient-h { background-image: var(--zoom-gradient-h) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-zoom-gradient-h-inverse { background-image: var(--zoom-gradient-h-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-zoom-gradient-v { background-image: var(--zoom-gradient-v) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.text-zoom-gradient-v-inverse { background-image: var(--zoom-gradient-v-inverse) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/*  # 13. Theme Shorthand */

/*  ## 13.1 Dark Mode */
[data-bs-theme=dark] .d-dark-mode-none { display: none !important; }
[data-bs-theme=dark] .d-dark-mode-block { display: block !important; }
[data-bs-theme=dark] .d-dark-mode-inline { display: inline !important; }
[data-bs-theme=dark] .d-dark-mode-inline-block { display: inline-block !important; }
[data-bs-theme=dark] .d-dark-mode-inline-flex { display: inline-flex !important; }
[data-bs-theme=dark] .d-dark-mode-flex { display: flex !important; }

[data-bs-theme=dark] .text-dark:not(.badge) { color: var(--white) !important; }
[data-bs-theme=dark] .text-nav:not(.badge.bg-white) { color: rgba(var(--rgb-white), 0.85) !important; }

[data-bs-theme=dark] .border-dark { border-color: var(--bs-border-color) !important; }

[data-bs-theme=dark] .bg-light:not(.badge), [data-bs-theme=dark] .card.card-hover.bg-light { background-color: var(--dark) !important; }
[data-bs-theme=dark] .bg-secondary, [data-bs-theme=dark] .card.bg-light { background-color: var(--bs-secondary-bg) !important; }

[data-bs-theme=dark] .bg-secondary.badge { color: var(--bs-body-color); }

[data-bs-theme=dark] .shadow-dark-mode-none { box-shadow: none !important; }

[data-bs-theme=dark] .dark-mode-img { display: block; }
[data-bs-theme=dark] .light-mode-img { display: none; }


/*  # 14. Transformations */


/*  ## 14.1 Translate (sm, md, lg, xl, xxl) */

/* Translate sm-device*/
@media (min-width: 500px) {

    .translate-middle-sm { transform: translate(-50%, -50%) !important; }
    .translate-middle-sm-x { transform: translateX(-50%) !important; }
    .translate-middle-sm-y { transform: translateY(-50%) !important; }  
}

/* Translate md-device */
@media (min-width: 768px) {

    .translate-middle-md { transform: translate(-50%, -50%) !important; }
    .translate-middle-md-x { transform: translateX(-50%) !important; }
    .translate-middle-md-y { transform: translateY(-50%) !important; }
}


@media (min-width: 992px) {
    /* Translate lg-device */
    .translate-middle-lg { transform: translate(-50%, -50%) !important; }
    .translate-middle-lg-x { transform: translateX(-50%) !important; }
    .translate-middle-lg-y { transform: translateY(-50%) !important; }

}

@media (min-width: 1200px) {
    /* Translate xl-device */
    .translate-middle-xl { transform: translate(-50%, -50%) !important; }
    .translate-middle-xl-x { transform: translateX(-50%) !important; }
    .translate-middle-xl-y { transform: translateY(-50%) !important; }

}


@media (min-width: 1400px) {
    /* Translate xxl-device */
    .translate-middle-xxl { transform: translate(-50%, -50%) !important; }
    .translate-middle-xxl-x { transform: translateX(-50%) !important; }
    .translate-middle-xxl-y { transform: translateY(-50%) !important; }

    }


/*  # 15. Width and Height */


/*  ## 15.1 Width Classes */

/* w/ width-# classes */
.w-1 { width: 1px !important; }
.w-2 { width: 2px !important; }
.w-3 { width: 3px !important; }
.w-33 { width: 33.33% !important; }
.width-0 { width: 0% !important; }
.width-5 { width: 5% !important; }
.width-10 { width: 10% !important; }
.width-15 { width: 15% !important; }
.width-20 { width: 20% !important; }
.width-25 { width: 25% !important; }
.width-30 { width: 30% !important; }
.width-35 { width: 35% !important; }
.width-40 { width: 40% !important; }
.width-45 { width: 45% !important; }
.width-50 { width: 50% !important; }
.width-55 { width: 55% !important; }
.width-60 { width: 60% !important; }
.width-65 { width: 65% !important; }
.width-70 { width: 70% !important; }
.width-75 { width: 75% !important; }
.width-80 { width: 80% !important; }
.width-85 { width: 85% !important; }
.width-90 { width: 90% !important; }
.width-95 { width: 95% !important; }
.width-100 { width: 100% !important; }
.width-105 { width: 105% !important; }
.width-110 { width: 110% !important; }
.width-115 { width: 115% !important; }
.width-120 { width: 120% !important; }
.width-125 { width: 125% !important; }
.width-130 { width: 130% !important; }
.width-135 { width: 135% !important; }
.width-140 { width: 140% !important; }
.width-145 { width: 145% !important; }
.width-150 { width: 150% !important; }

/*  ## 15.2 Responsive Width (sm, md, lg, xl, xxl) */

/* Width sm-device*/
@media (min-width: 500px) {
    .w-sm-10 { width: 10% !important; }
    .w-sm-25 { width: 25% !important; }
    .w-sm-33 { width: 33.33% !important; }
    .w-sm-50 { width: 50% !important; }
    .w-sm-75 { width: 75% !important; }
    .w-sm-100 { width: 100% !important; }

    .w-sm-auto { width: auto !important; }

    .w-sm-1 { width: 1px !important; }
    .w-sm-2 { width: 2px !important; }
    .w-sm-3 { width: 3px !important; }
}

/* Width md-device */
@media (min-width: 768px) {

    .w-md-25 { width: 25% !important; }
    .w-md-33 { width: 33.33% !important; }
    .w-md-50 { width: 50% !important; }
    .w-md-75 { width: 75% !important; }
    .w-md-100 { width: 100% !important; }

    .w-md-auto { width: auto !important; }

    .w-md-1 { width: 1px !important; }
    .w-md-2 { width: 2px !important; }
    .w-md-3 { width: 3px !important; }
    
}


@media (min-width: 992px) {
    /* Width lg-device */
    .w-lg-25 { width: 25% !important; }
    .w-lg-50 { width: 50% !important; }
    .w-lg-75 { width: 75% !important; }
    .w-lg-100 { width: 100% !important; }
    .w-lg-auto { width: auto !important; }
    .w-lg-1 { width: 1px !important; }
    .w-lg-2 { width: 2px !important; }
    .w-lg-3 { width: 3px !important; }
    .w-lg-33 { width: 33.33% !important; }

}


@media (min-width: 1200px) {
    /* Width xl-device */
    .w-xl-25 { width: 25% !important; }
    .w-xl-50 { width: 50% !important; }
    .w-xl-75 { width: 75% !important; }
    .w-xl-100 { width: 100% !important; }
    .w-xl-auto { width: auto !important; }
    .w-xl-1 { width: 1px !important; }
    .w-xl-2 { width: 2px !important; }
    .w-xl-3 { width: 3px !important; }
    .w-xl-33 { width: 33.33% !important; }
    .m-xl-n1 { margin: -0.25rem !important; }
    .m-xl-n2 { margin: -0.5rem !important; }
    .m-xl-n3 { margin: -1rem !important; }
    .m-xl-n4 { margin: -1.5rem !important; }
    .m-xl-n5 { margin: -3rem !important; }

}

@media (min-width: 1400px) {
    /* Width xxl-device */
    .w-xxl-25 { width: 25% !important; }
    .w-xxl-50 { width: 50% !important; }
    .w-xxl-75 { width: 75% !important; }
    .w-xxl-100 { width: 100% !important; }
    .w-xxl-auto { width: auto !important; }
    .w-xxl-1 { width: 1px !important; }
    .w-xxl-2 { width: 2px !important; }
    .w-xxl-3 { width: 3px !important; }
    .w-xxl-33 { width: 33.33% !important; }
    }
   


/* Width : Small devices (≥500px) */
@media (min-width: 500px) {
    .width-sm-0 { width: 0% !important; }
    .width-sm-5 { width: 5% !important; }
    .width-sm-10 { width: 10% !important; }
    .width-sm-15 { width: 15% !important; }
    .width-sm-20 { width: 20% !important; }
    .width-sm-25 { width: 25% !important; }
    .width-sm-30 { width: 30% !important; }
    .width-sm-35 { width: 35% !important; }
    .width-sm-40 { width: 40% !important; }
    .width-sm-45 { width: 45% !important; }
    .width-sm-50 { width: 50% !important; }
    .width-sm-55 { width: 55% !important; }
    .width-sm-60 { width: 60% !important; }
    .width-sm-65 { width: 65% !important; }
    .width-sm-70 { width: 70% !important; }
    .width-sm-75 { width: 75% !important; }
    .width-sm-80 { width: 80% !important; }
    .width-sm-85 { width: 85% !important; }
    .width-sm-90 { width: 90% !important; }
    .width-sm-95 { width: 95% !important; }
    .width-sm-100 { width: 100% !important; }
    .width-sm-105 { width: 105% !important; }
    .width-sm-110 { width: 110% !important; }
    .width-sm-115 { width: 115% !important; }
    .width-sm-120 { width: 120% !important; }
    .width-sm-125 { width: 125% !important; }
    .width-sm-130 { width: 130% !important; }
    .width-sm-135 { width: 135% !important; }
    .width-sm-140 { width: 140% !important; }
    .width-sm-145 { width: 145% !important; }
    .width-sm-150 { width: 150% !important; }
}
/* Width : Medium devices (≥768px) */
@media (min-width: 768px) {
    .width-md-0 { width: 0% !important; }
    .width-md-5 { width: 5% !important; }
    .width-md-10 { width: 10% !important; }
    .width-md-15 { width: 15% !important; }
    .width-md-20 { width: 20% !important; }
    .width-md-25 { width: 25% !important; }
    .width-md-30 { width: 30% !important; }
    .width-md-35 { width: 35% !important; }
    .width-md-40 { width: 40% !important; }
    .width-md-45 { width: 45% !important; }
    .width-md-50 { width: 50% !important; }
    .width-md-55 { width: 55% !important; }
    .width-md-60 { width: 60% !important; }
    .width-md-65 { width: 65% !important; }
    .width-md-70 { width: 70% !important; }
    .width-md-75 { width: 75% !important; }
    .width-md-80 { width: 80% !important; }
    .width-md-85 { width: 85% !important; }
    .width-md-90 { width: 90% !important; }
    .width-md-95 { width: 95% !important; }
    .width-md-100 { width: 100% !important; }
    .width-md-105 { width: 105% !important; }
    .width-md-110 { width: 110% !important; }
    .width-md-115 { width: 115% !important; }
    .width-md-120 { width: 120% !important; }
    .width-md-125 { width: 125% !important; }
    .width-md-130 { width: 130% !important; }
    .width-md-135 { width: 135% !important; }
    .width-md-140 { width: 140% !important; }
    .width-md-145 { width: 145% !important; }
    .width-md-150 { width: 150% !important; }
}
/* Width : Large devices (≥992px) */
@media (min-width: 992px) {
    .width-lg-0 { width: 0% !important; }
    .width-lg-5 { width: 5% !important; }
    .width-lg-10 { width: 10% !important; }
    .width-lg-15 { width: 15% !important; }
    .width-lg-20 { width: 20% !important; }
    .width-lg-25 { width: 25% !important; }
    .width-lg-30 { width: 30% !important; }
    .width-lg-35 { width: 35% !important; }
    .width-lg-40 { width: 40% !important; }
    .width-lg-45 { width: 45% !important; }
    .width-lg-50 { width: 50% !important; }
    .width-lg-55 { width: 55% !important; }
    .width-lg-60 { width: 60% !important; }
    .width-lg-65 { width: 65% !important; }
    .width-lg-70 { width: 70% !important; }
    .width-lg-75 { width: 75% !important; }
    .width-lg-80 { width: 80% !important; }
    .width-lg-85 { width: 85% !important; }
    .width-lg-90 { width: 90% !important; }
    .width-lg-95 { width: 95% !important; }
    .width-lg-100 { width: 100% !important; }
    .width-lg-105 { width: 105% !important; }
    .width-lg-110 { width: 110% !important; }
    .width-lg-115 { width: 115% !important; }
    .width-lg-120 { width: 120% !important; }
    .width-lg-125 { width: 125% !important; }
    .width-lg-130 { width: 130% !important; }
    .width-lg-135 { width: 135% !important; }
    .width-lg-140 { width: 140% !important; }
    .width-lg-145 { width: 145% !important; }
    .width-lg-150 { width: 150% !important; }
}
/* Width : Extra large devices (≥1200px) */
@media (min-width: 1200px) {
    .width-xl-0 { width: 0% !important; }
    .width-xl-5 { width: 5% !important; }
    .width-xl-10 { width: 10% !important; }
    .width-xl-15 { width: 15% !important; }
    .width-xl-20 { width: 20% !important; }
    .width-xl-25 { width: 25% !important; }
    .width-xl-30 { width: 30% !important; }
    .width-xl-35 { width: 35% !important; }
    .width-xl-40 { width: 40% !important; }
    .width-xl-45 { width: 45% !important; }
    .width-xl-50 { width: 50% !important; }
    .width-xl-55 { width: 55% !important; }
    .width-xl-60 { width: 60% !important; }
    .width-xl-65 { width: 65% !important; }
    .width-xl-70 { width: 70% !important; }
    .width-xl-75 { width: 75% !important; }
    .width-xl-80 { width: 80% !important; }
    .width-xl-85 { width: 85% !important; }
    .width-xl-90 { width: 90% !important; }
    .width-xl-95 { width: 95% !important; }
    .width-xl-100 { width: 100% !important; }
    .width-xl-105 { width: 105% !important; }
    .width-xl-110 { width: 110% !important; }
    .width-xl-115 { width: 115% !important; }
    .width-xl-120 { width: 120% !important; }
    .width-xl-125 { width: 125% !important; }
    .width-xl-130 { width: 130% !important; }
    .width-xl-135 { width: 135% !important; }
    .width-xl-140 { width: 140% !important; }
    .width-xl-145 { width: 145% !important; }
    .width-xl-150 { width: 150% !important; }
}
/* Width : Extra extra large devices (≥1400px) */
@media (min-width: 1400px) {
    .width-xxl-0 { width: 0% !important; }
    .width-xxl-5 { width: 5% !important; }
    .width-xxl-10 { width: 10% !important; }
    .width-xxl-15 { width: 15% !important; }
    .width-xxl-20 { width: 20% !important; }
    .width-xxl-25 { width: 25% !important; }
    .width-xxl-30 { width: 30% !important; }
    .width-xxl-35 { width: 35% !important; }
    .width-xxl-40 { width: 40% !important; }
    .width-xxl-45 { width: 45% !important; }
    .width-xxl-50 { width: 50% !important; }
    .width-xxl-55 { width: 55% !important; }
    .width-xxl-60 { width: 60% !important; }
    .width-xxl-65 { width: 65% !important; }
    .width-xxl-70 { width: 70% !important; }
    .width-xxl-75 { width: 75% !important; }
    .width-xxl-80 { width: 80% !important; }
    .width-xxl-85 { width: 85% !important; }
    .width-xxl-90 { width: 90% !important; }
    .width-xxl-95 { width: 95% !important; }
    .width-xxl-100 { width: 100% !important; }
    .width-xxl-105 { width: 105% !important; }
    .width-xxl-110 { width: 110% !important; }
    .width-xxl-115 { width: 115% !important; }
    .width-xxl-120 { width: 120% !important; }
    .width-xxl-125 { width: 125% !important; }
    .width-xxl-130 { width: 130% !important; }
    .width-xxl-135 { width: 135% !important; }
    .width-xxl-140 { width: 140% !important; }
    .width-xxl-145 { width: 145% !important; }
    .width-xxl-150 { width: 150% !important; }
}

/* Min-width-# classes */
.min-width-0 { min-width: 0% !important; }
.min-width-5 { min-width: 5% !important; }
.min-width-10 { min-width: 10% !important; }
.min-width-15 { min-width: 15% !important; }
.min-width-20 { min-width: 20% !important; }
.min-width-25 { min-width: 25% !important; }
.min-width-30 { min-width: 30% !important; }
.min-width-35 { min-width: 35% !important; }
.min-width-40 { min-width: 40% !important; }
.min-width-45 { min-width: 45% !important; }
.min-width-50 { min-width: 50% !important; }
.min-width-55 { min-width: 55% !important; }
.min-width-60 { min-width: 60% !important; }
.min-width-65 { min-width: 65% !important; }
.min-width-70 { min-width: 70% !important; }
.min-width-75 { min-width: 75% !important; }
.min-width-80 { min-width: 80% !important; }
.min-width-85 { min-width: 85% !important; }
.min-width-90 { min-width: 90% !important; }
.min-width-95 { min-width: 95% !important; }
.min-width-100 { min-width: 100% !important; }
.min-width-105 { min-width: 105% !important; }
.min-width-110 { min-width: 110% !important; }
.min-width-115 { min-width: 115% !important; }
.min-width-120 { min-width: 120% !important; }
.min-width-125 { min-width: 125% !important; }
.min-width-130 { min-width: 130% !important; }
.min-width-135 { min-width: 135% !important; }
.min-width-140 { min-width: 140% !important; }
.min-width-145 { min-width: 145% !important; }
.min-width-150 { min-width: 150% !important; }

/*  ## 15.4 Responsive width (sm, md, lg, xl, xxl) */

/* width : Small devices (≥500px) */
@media (min-width: 500px) {
    .min-width-sm-0 { min-width: 0% !important; }
    .min-width-sm-5 { min-width: 5% !important; }
    .min-width-sm-10 { min-width: 10% !important; }
    .min-width-sm-15 { min-width: 15% !important; }
    .min-width-sm-20 { min-width: 20% !important; }
    .min-width-sm-25 { min-width: 25% !important; }
    .min-width-sm-30 { min-width: 30% !important; }
    .min-width-sm-35 { min-width: 35% !important; }
    .min-width-sm-40 { min-width: 40% !important; }
    .min-width-sm-45 { min-width: 45% !important; }
    .min-width-sm-50 { min-width: 50% !important; }
    .min-width-sm-55 { min-width: 55% !important; }
    .min-width-sm-60 { min-width: 60% !important; }
    .min-width-sm-65 { min-width: 65% !important; }
    .min-width-sm-70 { min-width: 70% !important; }
    .min-width-sm-75 { min-width: 75% !important; }
    .min-width-sm-80 { min-width: 80% !important; }
    .min-width-sm-85 { min-width: 85% !important; }
    .min-width-sm-90 { min-width: 90% !important; }
    .min-width-sm-95 { min-width: 95% !important; }
    .min-width-sm-100 { min-width: 100% !important; }
    .min-width-sm-105 { min-width: 105% !important; }
    .min-width-sm-110 { min-width: 110% !important; }
    .min-width-sm-115 { min-width: 115% !important; }
    .min-width-sm-120 { min-width: 120% !important; }
    .min-width-sm-125 { min-width: 125% !important; }
    .min-width-sm-130 { min-width: 130% !important; }
    .min-width-sm-135 { min-width: 135% !important; }
    .min-width-sm-140 { min-width: 140% !important; }
    .min-width-sm-145 { min-width: 145% !important; }
    .min-width-sm-150 { min-width: 150% !important; }
}
/* width : Medium devices (≥768px) */
@media (min-width: 768px) {
    .min-width-md-0 { min-width: 0% !important; }
    .min-width-md-5 { min-width: 5% !important; }
    .min-width-md-10 { min-width: 10% !important; }
    .min-width-md-15 { min-width: 15% !important; }
    .min-width-md-20 { min-width: 20% !important; }
    .min-width-md-25 { min-width: 25% !important; }
    .min-width-md-30 { min-width: 30% !important; }
    .min-width-md-35 { min-width: 35% !important; }
    .min-width-md-40 { min-width: 40% !important; }
    .min-width-md-45 { min-width: 45% !important; }
    .min-width-md-50 { min-width: 50% !important; }
    .min-width-md-55 { min-width: 55% !important; }
    .min-width-md-60 { min-width: 60% !important; }
    .min-width-md-65 { min-width: 65% !important; }
    .min-width-md-70 { min-width: 70% !important; }
    .min-width-md-75 { min-width: 75% !important; }
    .min-width-md-80 { min-width: 80% !important; }
    .min-width-md-85 { min-width: 85% !important; }
    .min-width-md-90 { min-width: 90% !important; }
    .min-width-md-95 { min-width: 95% !important; }
    .min-width-md-100 { min-width: 100% !important; }
    .min-width-md-105 { min-width: 105% !important; }
    .min-width-md-110 { min-width: 110% !important; }
    .min-width-md-115 { min-width: 115% !important; }
    .min-width-md-120 { min-width: 120% !important; }
    .min-width-md-125 { min-width: 125% !important; }
    .min-width-md-130 { min-width: 130% !important; }
    .min-width-md-135 { min-width: 135% !important; }
    .min-width-md-140 { min-width: 140% !important; }
    .min-width-md-145 { min-width: 145% !important; }
    .min-width-md-150 { min-width: 150% !important; }
}
/* width : Large devices (≥992px) */
@media (min-width: 992px) {
    .min-width-lg-0 { min-width: 0% !important; }
    .min-width-lg-5 { min-width: 5% !important; }
    .min-width-lg-10 { min-width: 10% !important; }
    .min-width-lg-15 { min-width: 15% !important; }
    .min-width-lg-20 { min-width: 20% !important; }
    .min-width-lg-25 { min-width: 25% !important; }
    .min-width-lg-30 { min-width: 30% !important; }
    .min-width-lg-35 { min-width: 35% !important; }
    .min-width-lg-40 { min-width: 40% !important; }
    .min-width-lg-45 { min-width: 45% !important; }
    .min-width-lg-50 { min-width: 50% !important; }
    .min-width-lg-55 { min-width: 55% !important; }
    .min-width-lg-60 { min-width: 60% !important; }
    .min-width-lg-65 { min-width: 65% !important; }
    .min-width-lg-70 { min-width: 70% !important; }
    .min-width-lg-75 { min-width: 75% !important; }
    .min-width-lg-80 { min-width: 80% !important; }
    .min-width-lg-85 { min-width: 85% !important; }
    .min-width-lg-90 { min-width: 90% !important; }
    .min-width-lg-95 { min-width: 95% !important; }
    .min-width-lg-100 { min-width: 100% !important; }
    .min-width-lg-105 { min-width: 105% !important; }
    .min-width-lg-110 { min-width: 110% !important; }
    .min-width-lg-115 { min-width: 115% !important; }
    .min-width-lg-120 { min-width: 120% !important; }
    .min-width-lg-125 { min-width: 125% !important; }
    .min-width-lg-130 { min-width: 130% !important; }
    .min-width-lg-135 { min-width: 135% !important; }
    .min-width-lg-140 { min-width: 140% !important; }
    .min-width-lg-145 { min-width: 145% !important; }
    .min-width-lg-150 { min-width: 150% !important; }
}
/* width : Extra large devices (≥1200px) */
@media (min-width: 1200px) {
    .min-width-xl-0 { min-width: 0% !important; }
    .min-width-xl-5 { min-width: 5% !important; }
    .min-width-xl-10 { min-width: 10% !important; }
    .min-width-xl-15 { min-width: 15% !important; }
    .min-width-xl-20 { min-width: 20% !important; }
    .min-width-xl-25 { min-width: 25% !important; }
    .min-width-xl-30 { min-width: 30% !important; }
    .min-width-xl-35 { min-width: 35% !important; }
    .min-width-xl-40 { min-width: 40% !important; }
    .min-width-xl-45 { min-width: 45% !important; }
    .min-width-xl-50 { min-width: 50% !important; }
    .min-width-xl-55 { min-width: 55% !important; }
    .min-width-xl-60 { min-width: 60% !important; }
    .min-width-xl-65 { min-width: 65% !important; }
    .min-width-xl-70 { min-width: 70% !important; }
    .min-width-xl-75 { min-width: 75% !important; }
    .min-width-xl-80 { min-width: 80% !important; }
    .min-width-xl-85 { min-width: 85% !important; }
    .min-width-xl-90 { min-width: 90% !important; }
    .min-width-xl-95 { min-width: 95% !important; }
    .min-width-xl-100 { min-width: 100% !important; }
    .min-width-xl-105 { min-width: 105% !important; }
    .min-width-xl-110 { min-width: 110% !important; }
    .min-width-xl-115 { min-width: 115% !important; }
    .min-width-xl-120 { min-width: 120% !important; }
    .min-width-xl-125 { min-width: 125% !important; }
    .min-width-xl-130 { min-width: 130% !important; }
    .min-width-xl-135 { min-width: 135% !important; }
    .min-width-xl-140 { min-width: 140% !important; }
    .min-width-xl-145 { min-width: 145% !important; }
    .min-width-xl-150 { min-width: 150% !important; }
}
/* width : Extra extra large devices (≥1400px) */
@media (min-width: 1400px) {
    .min-width-xxl-0 { min-width: 0% !important; }
    .min-width-xxl-5 { min-width: 5% !important; }
    .min-width-xxl-10 { min-width: 10% !important; }
    .min-width-xxl-15 { min-width: 15% !important; }
    .min-width-xxl-20 { min-width: 20% !important; }
    .min-width-xxl-25 { min-width: 25% !important; }
    .min-width-xxl-30 { min-width: 30% !important; }
    .min-width-xxl-35 { min-width: 35% !important; }
    .min-width-xxl-40 { min-width: 40% !important; }
    .min-width-xxl-45 { min-width: 45% !important; }
    .min-width-xxl-50 { min-width: 50% !important; }
    .min-width-xxl-55 { min-width: 55% !important; }
    .min-width-xxl-60 { min-width: 60% !important; }
    .min-width-xxl-65 { min-width: 65% !important; }
    .min-width-xxl-70 { min-width: 70% !important; }
    .min-width-xxl-75 { min-width: 75% !important; }
    .min-width-xxl-80 { min-width: 80% !important; }
    .min-width-xxl-85 { min-width: 85% !important; }
    .min-width-xxl-90 { min-width: 90% !important; }
    .min-width-xxl-95 { min-width: 95% !important; }
    .min-width-xxl-100 { min-width: 100% !important; }
    .min-width-xxl-105 { min-width: 105% !important; }
    .min-width-xxl-110 { min-width: 110% !important; }
    .min-width-xxl-115 { min-width: 115% !important; }
    .min-width-xxl-120 { min-width: 120% !important; }
    .min-width-xxl-125 { min-width: 125% !important; }
    .min-width-xxl-130 { min-width: 130% !important; }
    .min-width-xxl-135 { min-width: 135% !important; }
    .min-width-xxl-140 { min-width: 140% !important; }
    .min-width-xxl-145 { min-width: 145% !important; }
    .min-width-xxl-150 { min-width: 150% !important; }
}

/* Max-width-# classes */
.max-width-0 { max-width: 0% !important; }
.max-width-5 { max-width: 5% !important; }
.max-width-10 { max-width: 10% !important; }
.max-width-15 { max-width: 15% !important; }
.max-width-20 { max-width: 20% !important; }
.max-width-25 { max-width: 25% !important; }
.max-width-30 { max-width: 30% !important; }
.max-width-35 { max-width: 35% !important; }
.max-width-40 { max-width: 40% !important; }
.max-width-45 { max-width: 45% !important; }
.max-width-50 { max-width: 50% !important; }
.max-width-55 { max-width: 55% !important; }
.max-width-60 { max-width: 60% !important; }
.max-width-65 { max-width: 65% !important; }
.max-width-70 { max-width: 70% !important; }
.max-width-75 { max-width: 75% !important; }
.max-width-80 { max-width: 80% !important; }
.max-width-85 { max-width: 85% !important; }
.max-width-90 { max-width: 90% !important; }
.max-width-95 { max-width: 95% !important; }
.max-width-100 { max-width: 100% !important; }
.max-width-105 { max-width: 105% !important; }
.max-width-110 { max-width: 110% !important; }
.max-width-115 { max-width: 115% !important; }
.max-width-120 { max-width: 120% !important; }
.max-width-125 { max-width: 125% !important; }
.max-width-130 { max-width: 130% !important; }
.max-width-135 { max-width: 135% !important; }
.max-width-140 { max-width: 140% !important; }
.max-width-145 { max-width: 145% !important; }
.max-width-150 { max-width: 150% !important; }

/*  ## 15.4 Responsive width (sm, md, lg, xl, xxl) */

/* width : Small devices (≥500px) */
@media (min-width: 500px) {
    .max-width-sm-0 { max-width: 0% !important; }
    .max-width-sm-5 { max-width: 5% !important; }
    .max-width-sm-10 { max-width: 10% !important; }
    .max-width-sm-15 { max-width: 15% !important; }
    .max-width-sm-20 { max-width: 20% !important; }
    .max-width-sm-25 { max-width: 25% !important; }
    .max-width-sm-30 { max-width: 30% !important; }
    .max-width-sm-35 { max-width: 35% !important; }
    .max-width-sm-40 { max-width: 40% !important; }
    .max-width-sm-45 { max-width: 45% !important; }
    .max-width-sm-50 { max-width: 50% !important; }
    .max-width-sm-55 { max-width: 55% !important; }
    .max-width-sm-60 { max-width: 60% !important; }
    .max-width-sm-65 { max-width: 65% !important; }
    .max-width-sm-70 { max-width: 70% !important; }
    .max-width-sm-75 { max-width: 75% !important; }
    .max-width-sm-80 { max-width: 80% !important; }
    .max-width-sm-85 { max-width: 85% !important; }
    .max-width-sm-90 { max-width: 90% !important; }
    .max-width-sm-95 { max-width: 95% !important; }
    .max-width-sm-100 { max-width: 100% !important; }
    .max-width-sm-105 { max-width: 105% !important; }
    .max-width-sm-110 { max-width: 110% !important; }
    .max-width-sm-115 { max-width: 115% !important; }
    .max-width-sm-120 { max-width: 120% !important; }
    .max-width-sm-125 { max-width: 125% !important; }
    .max-width-sm-130 { max-width: 130% !important; }
    .max-width-sm-135 { max-width: 135% !important; }
    .max-width-sm-140 { max-width: 140% !important; }
    .max-width-sm-145 { max-width: 145% !important; }
    .max-width-sm-150 { max-width: 150% !important; }
}
/* width : Medium devices (≥768px) */
@media (min-width: 768px) {
    .max-width-md-0 { max-width: 0% !important; }
    .max-width-md-5 { max-width: 5% !important; }
    .max-width-md-10 { max-width: 10% !important; }
    .max-width-md-15 { max-width: 15% !important; }
    .max-width-md-20 { max-width: 20% !important; }
    .max-width-md-25 { max-width: 25% !important; }
    .max-width-md-30 { max-width: 30% !important; }
    .max-width-md-35 { max-width: 35% !important; }
    .max-width-md-40 { max-width: 40% !important; }
    .max-width-md-45 { max-width: 45% !important; }
    .max-width-md-50 { max-width: 50% !important; }
    .max-width-md-55 { max-width: 55% !important; }
    .max-width-md-60 { max-width: 60% !important; }
    .max-width-md-65 { max-width: 65% !important; }
    .max-width-md-70 { max-width: 70% !important; }
    .max-width-md-75 { max-width: 75% !important; }
    .max-width-md-80 { max-width: 80% !important; }
    .max-width-md-85 { max-width: 85% !important; }
    .max-width-md-90 { max-width: 90% !important; }
    .max-width-md-95 { max-width: 95% !important; }
    .max-width-md-100 { max-width: 100% !important; }
    .max-width-md-105 { max-width: 105% !important; }
    .max-width-md-110 { max-width: 110% !important; }
    .max-width-md-115 { max-width: 115% !important; }
    .max-width-md-120 { max-width: 120% !important; }
    .max-width-md-125 { max-width: 125% !important; }
    .max-width-md-130 { max-width: 130% !important; }
    .max-width-md-135 { max-width: 135% !important; }
    .max-width-md-140 { max-width: 140% !important; }
    .max-width-md-145 { max-width: 145% !important; }
    .max-width-md-150 { max-width: 150% !important; }
}
/* width : Large devices (≥992px) */
@media (min-width: 992px) {
    .max-width-lg-0 { max-width: 0% !important; }
    .max-width-lg-5 { max-width: 5% !important; }
    .max-width-lg-10 { max-width: 10% !important; }
    .max-width-lg-15 { max-width: 15% !important; }
    .max-width-lg-20 { max-width: 20% !important; }
    .max-width-lg-25 { max-width: 25% !important; }
    .max-width-lg-30 { max-width: 30% !important; }
    .max-width-lg-35 { max-width: 35% !important; }
    .max-width-lg-40 { max-width: 40% !important; }
    .max-width-lg-45 { max-width: 45% !important; }
    .max-width-lg-50 { max-width: 50% !important; }
    .max-width-lg-55 { max-width: 55% !important; }
    .max-width-lg-60 { max-width: 60% !important; }
    .max-width-lg-65 { max-width: 65% !important; }
    .max-width-lg-70 { max-width: 70% !important; }
    .max-width-lg-75 { max-width: 75% !important; }
    .max-width-lg-80 { max-width: 80% !important; }
    .max-width-lg-85 { max-width: 85% !important; }
    .max-width-lg-90 { max-width: 90% !important; }
    .max-width-lg-95 { max-width: 95% !important; }
    .max-width-lg-100 { max-width: 100% !important; }
    .max-width-lg-105 { max-width: 105% !important; }
    .max-width-lg-110 { max-width: 110% !important; }
    .max-width-lg-115 { max-width: 115% !important; }
    .max-width-lg-120 { max-width: 120% !important; }
    .max-width-lg-125 { max-width: 125% !important; }
    .max-width-lg-130 { max-width: 130% !important; }
    .max-width-lg-135 { max-width: 135% !important; }
    .max-width-lg-140 { max-width: 140% !important; }
    .max-width-lg-145 { max-width: 145% !important; }
    .max-width-lg-150 { max-width: 150% !important; }
}
/* width : Extra large devices (≥1200px) */
@media (min-width: 1200px) {
    .max-width-xl-0 { max-width: 0% !important; }
    .max-width-xl-5 { max-width: 5% !important; }
    .max-width-xl-10 { max-width: 10% !important; }
    .max-width-xl-15 { max-width: 15% !important; }
    .max-width-xl-20 { max-width: 20% !important; }
    .max-width-xl-25 { max-width: 25% !important; }
    .max-width-xl-30 { max-width: 30% !important; }
    .max-width-xl-35 { max-width: 35% !important; }
    .max-width-xl-40 { max-width: 40% !important; }
    .max-width-xl-45 { max-width: 45% !important; }
    .max-width-xl-50 { max-width: 50% !important; }
    .max-width-xl-55 { max-width: 55% !important; }
    .max-width-xl-60 { max-width: 60% !important; }
    .max-width-xl-65 { max-width: 65% !important; }
    .max-width-xl-70 { max-width: 70% !important; }
    .max-width-xl-75 { max-width: 75% !important; }
    .max-width-xl-80 { max-width: 80% !important; }
    .max-width-xl-85 { max-width: 85% !important; }
    .max-width-xl-90 { max-width: 90% !important; }
    .max-width-xl-95 { max-width: 95% !important; }
    .max-width-xl-100 { max-width: 100% !important; }
    .max-width-xl-105 { max-width: 105% !important; }
    .max-width-xl-110 { max-width: 110% !important; }
    .max-width-xl-115 { max-width: 115% !important; }
    .max-width-xl-120 { max-width: 120% !important; }
    .max-width-xl-125 { max-width: 125% !important; }
    .max-width-xl-130 { max-width: 130% !important; }
    .max-width-xl-135 { max-width: 135% !important; }
    .max-width-xl-140 { max-width: 140% !important; }
    .max-width-xl-145 { max-width: 145% !important; }
    .max-width-xl-150 { max-width: 150% !important; }
}
/* width : Extra extra large devices (≥1400px) */
@media (min-width: 1400px) {
    .max-width-xxl-0 { max-width: 0% !important; }
    .max-width-xxl-5 { max-width: 5% !important; }
    .max-width-xxl-10 { max-width: 10% !important; }
    .max-width-xxl-15 { max-width: 15% !important; }
    .max-width-xxl-20 { max-width: 20% !important; }
    .max-width-xxl-25 { max-width: 25% !important; }
    .max-width-xxl-30 { max-width: 30% !important; }
    .max-width-xxl-35 { max-width: 35% !important; }
    .max-width-xxl-40 { max-width: 40% !important; }
    .max-width-xxl-45 { max-width: 45% !important; }
    .max-width-xxl-50 { max-width: 50% !important; }
    .max-width-xxl-55 { max-width: 55% !important; }
    .max-width-xxl-60 { max-width: 60% !important; }
    .max-width-xxl-65 { max-width: 65% !important; }
    .max-width-xxl-70 { max-width: 70% !important; }
    .max-width-xxl-75 { max-width: 75% !important; }
    .max-width-xxl-80 { max-width: 80% !important; }
    .max-width-xxl-85 { max-width: 85% !important; }
    .max-width-xxl-90 { max-width: 90% !important; }
    .max-width-xxl-95 { max-width: 95% !important; }
    .max-width-xxl-100 { max-width: 100% !important; }
    .max-width-xxl-105 { max-width: 105% !important; }
    .max-width-xxl-110 { max-width: 110% !important; }
    .max-width-xxl-115 { max-width: 115% !important; }
    .max-width-xxl-120 { max-width: 120% !important; }
    .max-width-xxl-125 { max-width: 125% !important; }
    .max-width-xxl-130 { max-width: 130% !important; }
    .max-width-xxl-135 { max-width: 135% !important; }
    .max-width-xxl-140 { max-width: 140% !important; }
    .max-width-xxl-145 { max-width: 145% !important; }
    .max-width-xxl-150 { max-width: 150% !important; }
}

/*  ## 15... Height Classes */

/* Height-# classes */
.h-1 { height: 1px !important; }
.height-0 { height: 0% !important; }
.height-5 { height: 5% !important; }
.height-10 { height: 10% !important; }
.height-15 { height: 15% !important; }
.height-20 { height: 20% !important; }
.height-25 { height: 25% !important; }
.height-30 { height: 30% !important; }
.height-35 { height: 35% !important; }
.height-40 { height: 40% !important; }
.height-45 { height: 45% !important; }
.height-50 { height: 50% !important; }
.height-55 { height: 55% !important; }
.height-60 { height: 60% !important; }
.height-65 { height: 65% !important; }
.height-70 { height: 70% !important; }
.height-75 { height: 75% !important; }
.height-80 { height: 80% !important; }
.height-85 { height: 85% !important; }
.height-90 { height: 90% !important; }
.height-95 { height: 95% !important; }
.height-100 { height: 100% !important; }
.height-105 { height: 105% !important; }
.height-110 { height: 110% !important; }
.height-115 { height: 115% !important; }
.height-120 { height: 120% !important; }
.height-125 { height: 125% !important; }
.height-130 { height: 130% !important; }
.height-135 { height: 135% !important; }
.height-140 { height: 140% !important; }
.height-145 { height: 145% !important; }
.height-150 { height: 150% !important; }

/*  ## 15.4 Responsive Height (sm, md, lg, xl, xxl) */

/* Height : Small devices (≥500px) */
@media (min-width: 500px) {
    .height-sm-0 { height: 0% !important; }
    .height-sm-5 { height: 5% !important; }
    .height-sm-10 { height: 10% !important; }
    .height-sm-15 { height: 15% !important; }
    .height-sm-20 { height: 20% !important; }
    .height-sm-25 { height: 25% !important; }
    .height-sm-30 { height: 30% !important; }
    .height-sm-35 { height: 35% !important; }
    .height-sm-40 { height: 40% !important; }
    .height-sm-45 { height: 45% !important; }
    .height-sm-50 { height: 50% !important; }
    .height-sm-55 { height: 55% !important; }
    .height-sm-60 { height: 60% !important; }
    .height-sm-65 { height: 65% !important; }
    .height-sm-70 { height: 70% !important; }
    .height-sm-75 { height: 75% !important; }
    .height-sm-80 { height: 80% !important; }
    .height-sm-85 { height: 85% !important; }
    .height-sm-90 { height: 90% !important; }
    .height-sm-95 { height: 95% !important; }
    .height-sm-100 { height: 100% !important; }
    .height-sm-105 { height: 105% !important; }
    .height-sm-110 { height: 110% !important; }
    .height-sm-115 { height: 115% !important; }
    .height-sm-120 { height: 120% !important; }
    .height-sm-125 { height: 125% !important; }
    .height-sm-130 { height: 130% !important; }
    .height-sm-135 { height: 135% !important; }
    .height-sm-140 { height: 140% !important; }
    .height-sm-145 { height: 145% !important; }
    .height-sm-150 { height: 150% !important; }
}
/* Height : Medium devices (≥768px) */
@media (min-width: 768px) {
    .height-md-0 { height: 0% !important; }
    .height-md-5 { height: 5% !important; }
    .height-md-10 { height: 10% !important; }
    .height-md-15 { height: 15% !important; }
    .height-md-20 { height: 20% !important; }
    .height-md-25 { height: 25% !important; }
    .height-md-30 { height: 30% !important; }
    .height-md-35 { height: 35% !important; }
    .height-md-40 { height: 40% !important; }
    .height-md-45 { height: 45% !important; }
    .height-md-50 { height: 50% !important; }
    .height-md-55 { height: 55% !important; }
    .height-md-60 { height: 60% !important; }
    .height-md-65 { height: 65% !important; }
    .height-md-70 { height: 70% !important; }
    .height-md-75 { height: 75% !important; }
    .height-md-80 { height: 80% !important; }
    .height-md-85 { height: 85% !important; }
    .height-md-90 { height: 90% !important; }
    .height-md-95 { height: 95% !important; }
    .height-md-100 { height: 100% !important; }
    .height-md-105 { height: 105% !important; }
    .height-md-110 { height: 110% !important; }
    .height-md-115 { height: 115% !important; }
    .height-md-120 { height: 120% !important; }
    .height-md-125 { height: 125% !important; }
    .height-md-130 { height: 130% !important; }
    .height-md-135 { height: 135% !important; }
    .height-md-140 { height: 140% !important; }
    .height-md-145 { height: 145% !important; }
    .height-md-150 { height: 150% !important; }
}
/* Height : Large devices (≥992px) */
@media (min-width: 992px) {
    .height-lg-0 { height: 0% !important; }
    .height-lg-5 { height: 5% !important; }
    .height-lg-10 { height: 10% !important; }
    .height-lg-15 { height: 15% !important; }
    .height-lg-20 { height: 20% !important; }
    .height-lg-25 { height: 25% !important; }
    .height-lg-30 { height: 30% !important; }
    .height-lg-35 { height: 35% !important; }
    .height-lg-40 { height: 40% !important; }
    .height-lg-45 { height: 45% !important; }
    .height-lg-50 { height: 50% !important; }
    .height-lg-55 { height: 55% !important; }
    .height-lg-60 { height: 60% !important; }
    .height-lg-65 { height: 65% !important; }
    .height-lg-70 { height: 70% !important; }
    .height-lg-75 { height: 75% !important; }
    .height-lg-80 { height: 80% !important; }
    .height-lg-85 { height: 85% !important; }
    .height-lg-90 { height: 90% !important; }
    .height-lg-95 { height: 95% !important; }
    .height-lg-100 { height: 100% !important; }
    .height-lg-105 { height: 105% !important; }
    .height-lg-110 { height: 110% !important; }
    .height-lg-115 { height: 115% !important; }
    .height-lg-120 { height: 120% !important; }
    .height-lg-125 { height: 125% !important; }
    .height-lg-130 { height: 130% !important; }
    .height-lg-135 { height: 135% !important; }
    .height-lg-140 { height: 140% !important; }
    .height-lg-145 { height: 145% !important; }
    .height-lg-150 { height: 150% !important; }
}
/* Height : Extra large devices (≥1200px) */
@media (min-width: 1200px) {
    .height-xl-0 { height: 0% !important; }
    .height-xl-5 { height: 5% !important; }
    .height-xl-10 { height: 10% !important; }
    .height-xl-15 { height: 15% !important; }
    .height-xl-20 { height: 20% !important; }
    .height-xl-25 { height: 25% !important; }
    .height-xl-30 { height: 30% !important; }
    .height-xl-35 { height: 35% !important; }
    .height-xl-40 { height: 40% !important; }
    .height-xl-45 { height: 45% !important; }
    .height-xl-50 { height: 50% !important; }
    .height-xl-55 { height: 55% !important; }
    .height-xl-60 { height: 60% !important; }
    .height-xl-65 { height: 65% !important; }
    .height-xl-70 { height: 70% !important; }
    .height-xl-75 { height: 75% !important; }
    .height-xl-80 { height: 80% !important; }
    .height-xl-85 { height: 85% !important; }
    .height-xl-90 { height: 90% !important; }
    .height-xl-95 { height: 95% !important; }
    .height-xl-100 { height: 100% !important; }
    .height-xl-105 { height: 105% !important; }
    .height-xl-110 { height: 110% !important; }
    .height-xl-115 { height: 115% !important; }
    .height-xl-120 { height: 120% !important; }
    .height-xl-125 { height: 125% !important; }
    .height-xl-130 { height: 130% !important; }
    .height-xl-135 { height: 135% !important; }
    .height-xl-140 { height: 140% !important; }
    .height-xl-145 { height: 145% !important; }
    .height-xl-150 { height: 150% !important; }
}
/* Height : Extra extra large devices (≥1400px) */
@media (min-width: 1400px) {
    .height-xxl-0 { height: 0% !important; }
    .height-xxl-5 { height: 5% !important; }
    .height-xxl-10 { height: 10% !important; }
    .height-xxl-15 { height: 15% !important; }
    .height-xxl-20 { height: 20% !important; }
    .height-xxl-25 { height: 25% !important; }
    .height-xxl-30 { height: 30% !important; }
    .height-xxl-35 { height: 35% !important; }
    .height-xxl-40 { height: 40% !important; }
    .height-xxl-45 { height: 45% !important; }
    .height-xxl-50 { height: 50% !important; }
    .height-xxl-55 { height: 55% !important; }
    .height-xxl-60 { height: 60% !important; }
    .height-xxl-65 { height: 65% !important; }
    .height-xxl-70 { height: 70% !important; }
    .height-xxl-75 { height: 75% !important; }
    .height-xxl-80 { height: 80% !important; }
    .height-xxl-85 { height: 85% !important; }
    .height-xxl-90 { height: 90% !important; }
    .height-xxl-95 { height: 95% !important; }
    .height-xxl-100 { height: 100% !important; }
    .height-xxl-105 { height: 105% !important; }
    .height-xxl-110 { height: 110% !important; }
    .height-xxl-115 { height: 115% !important; }
    .height-xxl-120 { height: 120% !important; }
    .height-xxl-125 { height: 125% !important; }
    .height-xxl-130 { height: 130% !important; }
    .height-xxl-135 { height: 135% !important; }
    .height-xxl-140 { height: 140% !important; }
    .height-xxl-145 { height: 145% !important; }
    .height-xxl-150 { height: 150% !important; }
}


/* Min-Height-# classes */
.min-height-0 { min-height: 0% !important; }
.min-height-5 { min-height: 5% !important; }
.min-height-10 { min-height: 10% !important; }
.min-height-15 { min-height: 15% !important; }
.min-height-20 { min-height: 20% !important; }
.min-height-25 { min-height: 25% !important; }
.min-height-30 { min-height: 30% !important; }
.min-height-35 { min-height: 35% !important; }
.min-height-40 { min-height: 40% !important; }
.min-height-45 { min-height: 45% !important; }
.min-height-50 { min-height: 50% !important; }
.min-height-55 { min-height: 55% !important; }
.min-height-60 { min-height: 60% !important; }
.min-height-65 { min-height: 65% !important; }
.min-height-70 { min-height: 70% !important; }
.min-height-75 { min-height: 75% !important; }
.min-height-80 { min-height: 80% !important; }
.min-height-85 { min-height: 85% !important; }
.min-height-90 { min-height: 90% !important; }
.min-height-95 { min-height: 95% !important; }
.min-height-100 { min-height: 100% !important; }
.min-height-105 { min-height: 105% !important; }
.min-height-110 { min-height: 110% !important; }
.min-height-115 { min-height: 115% !important; }
.min-height-120 { min-height: 120% !important; }
.min-height-125 { min-height: 125% !important; }
.min-height-130 { min-height: 130% !important; }
.min-height-135 { min-height: 135% !important; }
.min-height-140 { min-height: 140% !important; }
.min-height-145 { min-height: 145% !important; }
.min-height-150 { min-height: 150% !important; }

/*  ## 15.4 Responsive Height (sm, md, lg, xl, xxl) */

/* Height : Small devices (≥500px) */
@media (min-width: 500px) {
    .min-height-sm-0 { min-height: 0% !important; }
    .min-height-sm-5 { min-height: 5% !important; }
    .min-height-sm-10 { min-height: 10% !important; }
    .min-height-sm-15 { min-height: 15% !important; }
    .min-height-sm-20 { min-height: 20% !important; }
    .min-height-sm-25 { min-height: 25% !important; }
    .min-height-sm-30 { min-height: 30% !important; }
    .min-height-sm-35 { min-height: 35% !important; }
    .min-height-sm-40 { min-height: 40% !important; }
    .min-height-sm-45 { min-height: 45% !important; }
    .min-height-sm-50 { min-height: 50% !important; }
    .min-height-sm-55 { min-height: 55% !important; }
    .min-height-sm-60 { min-height: 60% !important; }
    .min-height-sm-65 { min-height: 65% !important; }
    .min-height-sm-70 { min-height: 70% !important; }
    .min-height-sm-75 { min-height: 75% !important; }
    .min-height-sm-80 { min-height: 80% !important; }
    .min-height-sm-85 { min-height: 85% !important; }
    .min-height-sm-90 { min-height: 90% !important; }
    .min-height-sm-95 { min-height: 95% !important; }
    .min-height-sm-100 { min-height: 100% !important; }
    .min-height-sm-105 { min-height: 105% !important; }
    .min-height-sm-110 { min-height: 110% !important; }
    .min-height-sm-115 { min-height: 115% !important; }
    .min-height-sm-120 { min-height: 120% !important; }
    .min-height-sm-125 { min-height: 125% !important; }
    .min-height-sm-130 { min-height: 130% !important; }
    .min-height-sm-135 { min-height: 135% !important; }
    .min-height-sm-140 { min-height: 140% !important; }
    .min-height-sm-145 { min-height: 145% !important; }
    .min-height-sm-150 { min-height: 150% !important; }
}
/* Height : Medium devices (≥768px) */
@media (min-width: 768px) {
    .min-height-md-0 { min-height: 0% !important; }
    .min-height-md-5 { min-height: 5% !important; }
    .min-height-md-10 { min-height: 10% !important; }
    .min-height-md-15 { min-height: 15% !important; }
    .min-height-md-20 { min-height: 20% !important; }
    .min-height-md-25 { min-height: 25% !important; }
    .min-height-md-30 { min-height: 30% !important; }
    .min-height-md-35 { min-height: 35% !important; }
    .min-height-md-40 { min-height: 40% !important; }
    .min-height-md-45 { min-height: 45% !important; }
    .min-height-md-50 { min-height: 50% !important; }
    .min-height-md-55 { min-height: 55% !important; }
    .min-height-md-60 { min-height: 60% !important; }
    .min-height-md-65 { min-height: 65% !important; }
    .min-height-md-70 { min-height: 70% !important; }
    .min-height-md-75 { min-height: 75% !important; }
    .min-height-md-80 { min-height: 80% !important; }
    .min-height-md-85 { min-height: 85% !important; }
    .min-height-md-90 { min-height: 90% !important; }
    .min-height-md-95 { min-height: 95% !important; }
    .min-height-md-100 { min-height: 100% !important; }
    .min-height-md-105 { min-height: 105% !important; }
    .min-height-md-110 { min-height: 110% !important; }
    .min-height-md-115 { min-height: 115% !important; }
    .min-height-md-120 { min-height: 120% !important; }
    .min-height-md-125 { min-height: 125% !important; }
    .min-height-md-130 { min-height: 130% !important; }
    .min-height-md-135 { min-height: 135% !important; }
    .min-height-md-140 { min-height: 140% !important; }
    .min-height-md-145 { min-height: 145% !important; }
    .min-height-md-150 { min-height: 150% !important; }
}
/* Height : Large devices (≥992px) */
@media (min-width: 992px) {
    .min-height-lg-0 { min-height: 0% !important; }
    .min-height-lg-5 { min-height: 5% !important; }
    .min-height-lg-10 { min-height: 10% !important; }
    .min-height-lg-15 { min-height: 15% !important; }
    .min-height-lg-20 { min-height: 20% !important; }
    .min-height-lg-25 { min-height: 25% !important; }
    .min-height-lg-30 { min-height: 30% !important; }
    .min-height-lg-35 { min-height: 35% !important; }
    .min-height-lg-40 { min-height: 40% !important; }
    .min-height-lg-45 { min-height: 45% !important; }
    .min-height-lg-50 { min-height: 50% !important; }
    .min-height-lg-55 { min-height: 55% !important; }
    .min-height-lg-60 { min-height: 60% !important; }
    .min-height-lg-65 { min-height: 65% !important; }
    .min-height-lg-70 { min-height: 70% !important; }
    .min-height-lg-75 { min-height: 75% !important; }
    .min-height-lg-80 { min-height: 80% !important; }
    .min-height-lg-85 { min-height: 85% !important; }
    .min-height-lg-90 { min-height: 90% !important; }
    .min-height-lg-95 { min-height: 95% !important; }
    .min-height-lg-100 { min-height: 100% !important; }
    .min-height-lg-105 { min-height: 105% !important; }
    .min-height-lg-110 { min-height: 110% !important; }
    .min-height-lg-115 { min-height: 115% !important; }
    .min-height-lg-120 { min-height: 120% !important; }
    .min-height-lg-125 { min-height: 125% !important; }
    .min-height-lg-130 { min-height: 130% !important; }
    .min-height-lg-135 { min-height: 135% !important; }
    .min-height-lg-140 { min-height: 140% !important; }
    .min-height-lg-145 { min-height: 145% !important; }
    .min-height-lg-150 { min-height: 150% !important; }
}
/* Height : Extra large devices (≥1200px) */
@media (min-width: 1200px) {
    .min-height-xl-0 { min-height: 0% !important; }
    .min-height-xl-5 { min-height: 5% !important; }
    .min-height-xl-10 { min-height: 10% !important; }
    .min-height-xl-15 { min-height: 15% !important; }
    .min-height-xl-20 { min-height: 20% !important; }
    .min-height-xl-25 { min-height: 25% !important; }
    .min-height-xl-30 { min-height: 30% !important; }
    .min-height-xl-35 { min-height: 35% !important; }
    .min-height-xl-40 { min-height: 40% !important; }
    .min-height-xl-45 { min-height: 45% !important; }
    .min-height-xl-50 { min-height: 50% !important; }
    .min-height-xl-55 { min-height: 55% !important; }
    .min-height-xl-60 { min-height: 60% !important; }
    .min-height-xl-65 { min-height: 65% !important; }
    .min-height-xl-70 { min-height: 70% !important; }
    .min-height-xl-75 { min-height: 75% !important; }
    .min-height-xl-80 { min-height: 80% !important; }
    .min-height-xl-85 { min-height: 85% !important; }
    .min-height-xl-90 { min-height: 90% !important; }
    .min-height-xl-95 { min-height: 95% !important; }
    .min-height-xl-100 { min-height: 100% !important; }
    .min-height-xl-105 { min-height: 105% !important; }
    .min-height-xl-110 { min-height: 110% !important; }
    .min-height-xl-115 { min-height: 115% !important; }
    .min-height-xl-120 { min-height: 120% !important; }
    .min-height-xl-125 { min-height: 125% !important; }
    .min-height-xl-130 { min-height: 130% !important; }
    .min-height-xl-135 { min-height: 135% !important; }
    .min-height-xl-140 { min-height: 140% !important; }
    .min-height-xl-145 { min-height: 145% !important; }
    .min-height-xl-150 { min-height: 150% !important; }
}
/* Height : Extra extra large devices (≥1400px) */
@media (min-width: 1400px) {
    .min-height-xxl-0 { min-height: 0% !important; }
    .min-height-xxl-5 { min-height: 5% !important; }
    .min-height-xxl-10 { min-height: 10% !important; }
    .min-height-xxl-15 { min-height: 15% !important; }
    .min-height-xxl-20 { min-height: 20% !important; }
    .min-height-xxl-25 { min-height: 25% !important; }
    .min-height-xxl-30 { min-height: 30% !important; }
    .min-height-xxl-35 { min-height: 35% !important; }
    .min-height-xxl-40 { min-height: 40% !important; }
    .min-height-xxl-45 { min-height: 45% !important; }
    .min-height-xxl-50 { min-height: 50% !important; }
    .min-height-xxl-55 { min-height: 55% !important; }
    .min-height-xxl-60 { min-height: 60% !important; }
    .min-height-xxl-65 { min-height: 65% !important; }
    .min-height-xxl-70 { min-height: 70% !important; }
    .min-height-xxl-75 { min-height: 75% !important; }
    .min-height-xxl-80 { min-height: 80% !important; }
    .min-height-xxl-85 { min-height: 85% !important; }
    .min-height-xxl-90 { min-height: 90% !important; }
    .min-height-xxl-95 { min-height: 95% !important; }
    .min-height-xxl-100 { min-height: 100% !important; }
    .min-height-xxl-105 { min-height: 105% !important; }
    .min-height-xxl-110 { min-height: 110% !important; }
    .min-height-xxl-115 { min-height: 115% !important; }
    .min-height-xxl-120 { min-height: 120% !important; }
    .min-height-xxl-125 { min-height: 125% !important; }
    .min-height-xxl-130 { min-height: 130% !important; }
    .min-height-xxl-135 { min-height: 135% !important; }
    .min-height-xxl-140 { min-height: 140% !important; }
    .min-height-xxl-145 { min-height: 145% !important; }
    .min-height-xxl-150 { min-height: 150% !important; }
}

/* Max-Height-# classes */
.max-height-0 { max-height: 0% !important; }
.max-height-5 { max-height: 5% !important; }
.max-height-10 { max-height: 10% !important; }
.max-height-15 { max-height: 15% !important; }
.max-height-20 { max-height: 20% !important; }
.max-height-25 { max-height: 25% !important; }
.max-height-30 { max-height: 30% !important; }
.max-height-35 { max-height: 35% !important; }
.max-height-40 { max-height: 40% !important; }
.max-height-45 { max-height: 45% !important; }
.max-height-50 { max-height: 50% !important; }
.max-height-55 { max-height: 55% !important; }
.max-height-60 { max-height: 60% !important; }
.max-height-65 { max-height: 65% !important; }
.max-height-70 { max-height: 70% !important; }
.max-height-75 { max-height: 75% !important; }
.max-height-80 { max-height: 80% !important; }
.max-height-85 { max-height: 85% !important; }
.max-height-90 { max-height: 90% !important; }
.max-height-95 { max-height: 95% !important; }
.max-height-100 { max-height: 100% !important; }
.max-height-105 { max-height: 105% !important; }
.max-height-110 { max-height: 110% !important; }
.max-height-115 { max-height: 115% !important; }
.max-height-120 { max-height: 120% !important; }
.max-height-125 { max-height: 125% !important; }
.max-height-130 { max-height: 130% !important; }
.max-height-135 { max-height: 135% !important; }
.max-height-140 { max-height: 140% !important; }
.max-height-145 { max-height: 145% !important; }
.max-height-150 { max-height: 150% !important; }

/*  ## 15.4 Responsive Height (sm, md, lg, xl, xxl) */

/* Height : Small devices (≥500px) */
@media (min-width: 500px) {
    .max-height-sm-0 { max-height: 0% !important; }
    .max-height-sm-5 { max-height: 5% !important; }
    .max-height-sm-10 { max-height: 10% !important; }
    .max-height-sm-15 { max-height: 15% !important; }
    .max-height-sm-20 { max-height: 20% !important; }
    .max-height-sm-25 { max-height: 25% !important; }
    .max-height-sm-30 { max-height: 30% !important; }
    .max-height-sm-35 { max-height: 35% !important; }
    .max-height-sm-40 { max-height: 40% !important; }
    .max-height-sm-45 { max-height: 45% !important; }
    .max-height-sm-50 { max-height: 50% !important; }
    .max-height-sm-55 { max-height: 55% !important; }
    .max-height-sm-60 { max-height: 60% !important; }
    .max-height-sm-65 { max-height: 65% !important; }
    .max-height-sm-70 { max-height: 70% !important; }
    .max-height-sm-75 { max-height: 75% !important; }
    .max-height-sm-80 { max-height: 80% !important; }
    .max-height-sm-85 { max-height: 85% !important; }
    .max-height-sm-90 { max-height: 90% !important; }
    .max-height-sm-95 { max-height: 95% !important; }
    .max-height-sm-100 { max-height: 100% !important; }
    .max-height-sm-105 { max-height: 105% !important; }
    .max-height-sm-110 { max-height: 110% !important; }
    .max-height-sm-115 { max-height: 115% !important; }
    .max-height-sm-120 { max-height: 120% !important; }
    .max-height-sm-125 { max-height: 125% !important; }
    .max-height-sm-130 { max-height: 130% !important; }
    .max-height-sm-135 { max-height: 135% !important; }
    .max-height-sm-140 { max-height: 140% !important; }
    .max-height-sm-145 { max-height: 145% !important; }
    .max-height-sm-150 { max-height: 150% !important; }
}
/* Height : Medium devices (≥768px) */
@media (min-width: 768px) {
    .max-height-md-0 { max-height: 0% !important; }
    .max-height-md-5 { max-height: 5% !important; }
    .max-height-md-10 { max-height: 10% !important; }
    .max-height-md-15 { max-height: 15% !important; }
    .max-height-md-20 { max-height: 20% !important; }
    .max-height-md-25 { max-height: 25% !important; }
    .max-height-md-30 { max-height: 30% !important; }
    .max-height-md-35 { max-height: 35% !important; }
    .max-height-md-40 { max-height: 40% !important; }
    .max-height-md-45 { max-height: 45% !important; }
    .max-height-md-50 { max-height: 50% !important; }
    .max-height-md-55 { max-height: 55% !important; }
    .max-height-md-60 { max-height: 60% !important; }
    .max-height-md-65 { max-height: 65% !important; }
    .max-height-md-70 { max-height: 70% !important; }
    .max-height-md-75 { max-height: 75% !important; }
    .max-height-md-80 { max-height: 80% !important; }
    .max-height-md-85 { max-height: 85% !important; }
    .max-height-md-90 { max-height: 90% !important; }
    .max-height-md-95 { max-height: 95% !important; }
    .max-height-md-100 { max-height: 100% !important; }
    .max-height-md-105 { max-height: 105% !important; }
    .max-height-md-110 { max-height: 110% !important; }
    .max-height-md-115 { max-height: 115% !important; }
    .max-height-md-120 { max-height: 120% !important; }
    .max-height-md-125 { max-height: 125% !important; }
    .max-height-md-130 { max-height: 130% !important; }
    .max-height-md-135 { max-height: 135% !important; }
    .max-height-md-140 { max-height: 140% !important; }
    .max-height-md-145 { max-height: 145% !important; }
    .max-height-md-150 { max-height: 150% !important; }
}
/* Height : Large devices (≥992px) */
@media (min-width: 992px) {
    .max-height-lg-0 { max-height: 0% !important; }
    .max-height-lg-5 { max-height: 5% !important; }
    .max-height-lg-10 { max-height: 10% !important; }
    .max-height-lg-15 { max-height: 15% !important; }
    .max-height-lg-20 { max-height: 20% !important; }
    .max-height-lg-25 { max-height: 25% !important; }
    .max-height-lg-30 { max-height: 30% !important; }
    .max-height-lg-35 { max-height: 35% !important; }
    .max-height-lg-40 { max-height: 40% !important; }
    .max-height-lg-45 { max-height: 45% !important; }
    .max-height-lg-50 { max-height: 50% !important; }
    .max-height-lg-55 { max-height: 55% !important; }
    .max-height-lg-60 { max-height: 60% !important; }
    .max-height-lg-65 { max-height: 65% !important; }
    .max-height-lg-70 { max-height: 70% !important; }
    .max-height-lg-75 { max-height: 75% !important; }
    .max-height-lg-80 { max-height: 80% !important; }
    .max-height-lg-85 { max-height: 85% !important; }
    .max-height-lg-90 { max-height: 90% !important; }
    .max-height-lg-95 { max-height: 95% !important; }
    .max-height-lg-100 { max-height: 100% !important; }
    .max-height-lg-105 { max-height: 105% !important; }
    .max-height-lg-110 { max-height: 110% !important; }
    .max-height-lg-115 { max-height: 115% !important; }
    .max-height-lg-120 { max-height: 120% !important; }
    .max-height-lg-125 { max-height: 125% !important; }
    .max-height-lg-130 { max-height: 130% !important; }
    .max-height-lg-135 { max-height: 135% !important; }
    .max-height-lg-140 { max-height: 140% !important; }
    .max-height-lg-145 { max-height: 145% !important; }
    .max-height-lg-150 { max-height: 150% !important; }
}
/* Height : Extra large devices (≥1200px) */
@media (min-width: 1200px) {
    .max-height-xl-0 { max-height: 0% !important; }
    .max-height-xl-5 { max-height: 5% !important; }
    .max-height-xl-10 { max-height: 10% !important; }
    .max-height-xl-15 { max-height: 15% !important; }
    .max-height-xl-20 { max-height: 20% !important; }
    .max-height-xl-25 { max-height: 25% !important; }
    .max-height-xl-30 { max-height: 30% !important; }
    .max-height-xl-35 { max-height: 35% !important; }
    .max-height-xl-40 { max-height: 40% !important; }
    .max-height-xl-45 { max-height: 45% !important; }
    .max-height-xl-50 { max-height: 50% !important; }
    .max-height-xl-55 { max-height: 55% !important; }
    .max-height-xl-60 { max-height: 60% !important; }
    .max-height-xl-65 { max-height: 65% !important; }
    .max-height-xl-70 { max-height: 70% !important; }
    .max-height-xl-75 { max-height: 75% !important; }
    .max-height-xl-80 { max-height: 80% !important; }
    .max-height-xl-85 { max-height: 85% !important; }
    .max-height-xl-90 { max-height: 90% !important; }
    .max-height-xl-95 { max-height: 95% !important; }
    .max-height-xl-100 { max-height: 100% !important; }
    .max-height-xl-105 { max-height: 105% !important; }
    .max-height-xl-110 { max-height: 110% !important; }
    .max-height-xl-115 { max-height: 115% !important; }
    .max-height-xl-120 { max-height: 120% !important; }
    .max-height-xl-125 { max-height: 125% !important; }
    .max-height-xl-130 { max-height: 130% !important; }
    .max-height-xl-135 { max-height: 135% !important; }
    .max-height-xl-140 { max-height: 140% !important; }
    .max-height-xl-145 { max-height: 145% !important; }
    .max-height-xl-150 { max-height: 150% !important; }
}
/* Height : Extra extra large devices (≥1400px) */
@media (min-width: 1400px) {
    .max-height-xxl-0 { max-height: 0% !important; }
    .max-height-xxl-5 { max-height: 5% !important; }
    .max-height-xxl-10 { max-height: 10% !important; }
    .max-height-xxl-15 { max-height: 15% !important; }
    .max-height-xxl-20 { max-height: 20% !important; }
    .max-height-xxl-25 { max-height: 25% !important; }
    .max-height-xxl-30 { max-height: 30% !important; }
    .max-height-xxl-35 { max-height: 35% !important; }
    .max-height-xxl-40 { max-height: 40% !important; }
    .max-height-xxl-45 { max-height: 45% !important; }
    .max-height-xxl-50 { max-height: 50% !important; }
    .max-height-xxl-55 { max-height: 55% !important; }
    .max-height-xxl-60 { max-height: 60% !important; }
    .max-height-xxl-65 { max-height: 65% !important; }
    .max-height-xxl-70 { max-height: 70% !important; }
    .max-height-xxl-75 { max-height: 75% !important; }
    .max-height-xxl-80 { max-height: 80% !important; }
    .max-height-xxl-85 { max-height: 85% !important; }
    .max-height-xxl-90 { max-height: 90% !important; }
    .max-height-xxl-95 { max-height: 95% !important; }
    .max-height-xxl-100 { max-height: 100% !important; }
    .max-height-xxl-105 { max-height: 105% !important; }
    .max-height-xxl-110 { max-height: 110% !important; }
    .max-height-xxl-115 { max-height: 115% !important; }
    .max-height-xxl-120 { max-height: 120% !important; }
    .max-height-xxl-125 { max-height: 125% !important; }
    .max-height-xxl-130 { max-height: 130% !important; }
    .max-height-xxl-135 { max-height: 135% !important; }
    .max-height-xxl-140 { max-height: 140% !important; }
    .max-height-xxl-145 { max-height: 145% !important; }
    .max-height-xxl-150 { max-height: 150% !important; }
}

/*  # 16. Z-Index */

/*  ## 16.1 Z-Index Levels */

.zindex-n6, .z-n6 { z-index: -6 !important; }
.zindex-n5, .z-n5 { z-index: -5 !important; }
.zindex-n4, .z-n4 { z-index: -4 !important; }
.zindex-n3, .z-n3 { z-index: -3 !important; }
.zindex-n2, .z-n2 { z-index: -2 !important; }
.zindex-n1, .z-n1 { z-index: -1 !important; }

.zindex-0, .z-0 { z-index: 0 !important; }
.zindex-1, .z-1 { z-index: 1 !important; }
.zindex-2, .z-2 { z-index: 2 !important; }
.zindex-3, .z-3 { z-index: 3 !important; }
.zindex-4, .z-4 { z-index: 4 !important; }
.zindex-5, .z-5 { z-index: 5 !important; }
.zindex-6, .z-6 { z-index: 6 !important; }

/* Btn / button Size Extension */

.btn-xs {

    padding: 0.25rem 0.5rem;   /* Tight padding: ~4px top/bottom, 8px left/right */
    
    font-size: 0.75rem;        /* Smaller font (12px) */
    
    line-height: 1.2;          /* Keeps button height compact */
    
    border-radius: 0.2rem;     /* Optional: match your current theme */
    
}

.btn-xs:hover,
.btn-xs:focus {

    opacity: 0.95;
    
    transform: scale(1.01);
    
}


/*  # 17. Button Colors */

.btn-link {

    --bs-btn-font-weight: 400;
    
    --bs-btn-color: var(--bs-link-color);
    
    --bs-btn-bg: transparent;
    
    --bs-btn-border-color: transparent;
    
    --bs-btn-hover-color: var(--bs-link-hover-color);
    
    --bs-btn-hover-border-color: transparent;
    
    --bs-btn-active-color: var(--bs-link-hover-color);
    
    --bs-btn-active-border-color: transparent;
    
    --bs-btn-disabled-color: var(--primary-l2);
    
    --bs-btn-disabled-border-color: transparent;
    
    --bs-btn-box-shadow: 0 0 0 var(--primary-d3);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-primary-d1);
    
}

/* .btn- Colors */

.btn-primary {
  
    --bs-btn-color: var(--primary-font);
    
    --bs-btn-bg: var(--primary);
    
    --bs-btn-border-color: var(--primary);
    
    --bs-btn-hover-color: var(--primary-font-d);
    
    --bs-btn-hover-bg: var(--primary-d1);
    
    --bs-btn-hover-border-color: var(--primary-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-primary-d2);
    
    --bs-btn-active-color: var(--primary-font-d);
    
    --bs-btn-active-bg: var(--primary-d1);
    
    --bs-btn-active-border-color: var(--primary-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-primary-d1), 0.125);
    
    --bs-btn-disabled-color: var(--primary-d1);
    
    --bs-btn-disabled-bg: var(--primary-l2);
    
    --bs-btn-disabled-border-color: var(--primary-l2);
    
}

.btn-secondary {

    --bs-btn-color: var(--secondary-font);
    
    --bs-btn-bg: var(--secondary);
    
    --bs-btn-border-color: var(--secondary);
    
    --bs-btn-hover-color: var(--secondary-font-d);
    
    --bs-btn-hover-bg: var(--secondary-d1);
    
    --bs-btn-hover-border-color: var(--secondary-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-secondary-d2);
    
    --bs-btn-active-color: var(--secondary-font-d);
    
    --bs-btn-active-bg: var(--secondary-d1);
    
    --bs-btn-active-border-color: var(--secondary-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-secondary-d1), 0.125);
    
    --bs-btn-disabled-color: var(--secondary-d1);
    
    --bs-btn-disabled-bg: var(--secondary-l2);
    
    --bs-btn-disabled-border-color: var(--secondary-l2);
    
}

.btn-tertiary {

    --bs-btn-color: var(--tertiary-font);
    
    --bs-btn-bg: var(--tertiary);
    
    --bs-btn-border-color: var(--tertiary);
    
    --bs-btn-hover-color: var(--tertiary-font-d);
    
    --bs-btn-hover-bg: var(--tertiary-d1);
    
    --bs-btn-hover-border-color: var(--tertiary-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-tertiary-d2);
    
    --bs-btn-active-color: var(--tertiary-font-d);
    
    --bs-btn-active-bg: var(--tertiary-d1);
    
    --bs-btn-active-border-color: var(--tertiary-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-tertiary-d1), 0.125);
    
    --bs-btn-disabled-color: var(--tertiary-d1);
    
    --bs-btn-disabled-bg: var(--tertiary-l2);
    
    --bs-btn-disabled-border-color: var(--tertiary-l2);
    
}

.btn-dark {

    --bs-btn-color: var(--dark-font);
    
    --bs-btn-bg: var(--dark);
    
    --bs-btn-border-color: var(--dark);
    
    --bs-btn-hover-color: var(--dark-font-d);
    
    --bs-btn-hover-bg: var(--dark-d1);
    
    --bs-btn-hover-border-color: var(--dark-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-dark-d2);
    
    --bs-btn-active-color: var(--dark-font-d);
    
    --bs-btn-active-bg: var(--dark-d1);
    
    --bs-btn-active-border-color: var(--dark-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-dark-d1), 0.125);
    
    --bs-btn-disabled-color: var(--dark-d1);
    
    --bs-btn-disabled-bg: var(--dark-l2);
    
    --bs-btn-disabled-border-color: var(--dark-l2);
    
}

.btn-light {

    --bs-btn-color: var(--light-font);
    
    --bs-btn-bg: var(--light);
    
    --bs-btn-border-color: var(--light);
    
    --bs-btn-hover-color: var(--light-font-d);
    
    --bs-btn-hover-bg: var(--light-d1);
    
    --bs-btn-hover-border-color: var(--light-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-light-d2);
    
    --bs-btn-active-color: var(--light-font-d);
    
    --bs-btn-active-bg: var(--light-d1);
    
    --bs-btn-active-border-color: var(--light-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-light-d1), 0.125);
    
    --bs-btn-disabled-color: var(--light-d1);
    
    --bs-btn-disabled-bg: var(--light-l2);
    
    --bs-btn-disabled-border-color: var(--light-l2);
    
}


.btn-success {

    --bs-btn-color: var(--success-font);
    
    --bs-btn-bg: var(--success);
    
    --bs-btn-border-color: var(--success);
    
    --bs-btn-hover-color: var(--success-font-d);
    
    --bs-btn-hover-bg: var(--success-d1);
    
    --bs-btn-hover-border-color: var(--success-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-success-d2);
    
    --bs-btn-active-color: var(--success-font-d);
    
    --bs-btn-active-bg: var(--success-d1);
    
    --bs-btn-active-border-color: var(--success-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-success-d1), 0.125);
    
    --bs-btn-disabled-color: var(--success-d1);
    
    --bs-btn-disabled-bg: var(--success-l2);
    
    --bs-btn-disabled-border-color: var(--success-l2);
    
}

.btn-danger {

    --bs-btn-color: var(--danger-font);
    
    --bs-btn-bg: var(--danger);
    
    --bs-btn-border-color: var(--danger);
    
    --bs-btn-hover-color: var(--danger-font-d);
    
    --bs-btn-hover-bg: var(--danger-d1);
    
    --bs-btn-hover-border-color: var(--danger-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-danger-d2);
    
    --bs-btn-active-color: var(--danger-font-d);
    
    --bs-btn-active-bg: var(--danger-d1);
    
    --bs-btn-active-border-color: var(--danger-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-danger-d1), 0.125);
    
    --bs-btn-disabled-color: var(--danger-d1);
    
    --bs-btn-disabled-bg: var(--danger-l2);
    
    --bs-btn-disabled-border-color: var(--danger-l2);
    
}

.btn-error {

    --bs-btn-color: var(--danger-font);
    
    --bs-btn-bg: var(--danger);
    
    --bs-btn-border-color: var(--danger);
    
    --bs-btn-hover-color: var(--danger-font-d);
    
    --bs-btn-hover-bg: var(--danger-d1);
    
    --bs-btn-hover-border-color: var(--danger-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-danger-d2);
    
    --bs-btn-active-color: var(--danger-font-d);
    
    --bs-btn-active-bg: var(--danger-d1);
    
    --bs-btn-active-border-color: var(--danger-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-danger-d1), 0.125);
    
    --bs-btn-disabled-color: var(--danger-d1);
    
    --bs-btn-disabled-bg: var(--danger-l2);
    
    --bs-btn-disabled-border-color: var(--danger-l2);
    
}

.btn-warning {

    --bs-btn-color: var(--warning-font);
    
    --bs-btn-bg: var(--warning);
    
    --bs-btn-border-color: var(--warning);
    
    --bs-btn-hover-color: var(--warning-font-d);
    
    --bs-btn-hover-bg: var(--warning-d1);
    
    --bs-btn-hover-border-color: var(--warning-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-warning-d2);
    
    --bs-btn-active-color: var(--warning-font-d);
    
    --bs-btn-active-bg: var(--warning-d1);
    
    --bs-btn-active-border-color: var(--warning-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-warning-d1), 0.125);
    
    --bs-btn-disabled-color: var(--warning-d1);
    
    --bs-btn-disabled-bg: var(--warning-l2);
    
    --bs-btn-disabled-border-color: var(--warning-l2);
    
}

.btn-info {

    --bs-btn-color: var(--info-font);
    
    --bs-btn-bg: var(--info);
    
    --bs-btn-border-color: var(--info);
    
    --bs-btn-hover-color: var(--info-font-d);
    
    --bs-btn-hover-bg: var(--info-d1);
    
    --bs-btn-hover-border-color: var(--info-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-info-d2);
    
    --bs-btn-active-color: var(--info-font-d);
    
    --bs-btn-active-bg: var(--info-d1);
    
    --bs-btn-active-border-color: var(--info-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-info-d1), 0.125);
    
    --bs-btn-disabled-color: var(--info-d1);
    
    --bs-btn-disabled-bg: var(--info-l2);
    
    --bs-btn-disabled-border-color: var(--info-l2);
    
}

.btn-accent-1 {

    --bs-btn-color: var(--accent-1-font);
    
    --bs-btn-bg: var(--accent-1);
    
    --bs-btn-border-color: var(--accent-1);
    
    --bs-btn-hover-color: var(--accent-1-font-d);
    
    --bs-btn-hover-bg: var(--accent-1-d1);
    
    --bs-btn-hover-border-color: var(--accent-1-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-accent-1-d2);
    
    --bs-btn-active-color: var(--accent-1-font-d);
    
    --bs-btn-active-bg: var(--accent-1-d1);
    
    --bs-btn-active-border-color: var(--accent-1-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-accent-1-d1), 0.125);
    
    --bs-btn-disabled-color: var(--accent-1-d1);
    
    --bs-btn-disabled-bg: var(--accent-1-l2);
    
    --bs-btn-disabled-border-color: var(--accent-1-l2);
    
}

.btn-accent-2 {

    --bs-btn-color: var(--accent-2-font);
    
    --bs-btn-bg: var(--accent-2);
    
    --bs-btn-border-color: var(--accent-2);
    
    --bs-btn-hover-color: var(--accent-2-font-d);
    
    --bs-btn-hover-bg: var(--accent-2-d1);
    
    --bs-btn-hover-border-color: var(--accent-2-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-accent-2-d2);
    
    --bs-btn-active-color: var(--accent-2-font-d);
    
    --bs-btn-active-bg: var(--accent-2-d1);
    
    --bs-btn-active-border-color: var(--accent-2-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-accent-2-d1), 0.125);
    
    --bs-btn-disabled-color: var(--accent-2-d1);
    
    --bs-btn-disabled-bg: var(--accent-2-l2);
    
    --bs-btn-disabled-border-color: var(--accent-2-l2);
    
}

.btn-accent-3 {

    --bs-btn-color: var(--accent-3-font);
    
    --bs-btn-bg: var(--accent-3);
    
    --bs-btn-border-color: var(--accent-3);
    
    --bs-btn-hover-color: var(--accent-3-font-d);
    
    --bs-btn-hover-bg: var(--accent-3-d1);
    
    --bs-btn-hover-border-color: var(--accent-3-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-accent-3-d2);
    
    --bs-btn-active-color: var(--accent-3-font-d);
    
    --bs-btn-active-bg: var(--accent-3-d1);
    
    --bs-btn-active-border-color: var(--accent-3-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-accent-3-d1), 0.125);
    
    --bs-btn-disabled-color: var(--accent-3-d1);
    
    --bs-btn-disabled-bg: var(--accent-3-l2);
    
    --bs-btn-disabled-border-color: var(--accent-3-l2);
    
}

.btn-accent-4 {

    --bs-btn-color: var(--accent-4-font);
    
    --bs-btn-bg: var(--accent-4);
    
    --bs-btn-border-color: var(--accent-4);
    
    --bs-btn-hover-color: var(--accent-4-font-d);
    
    --bs-btn-hover-bg: var(--accent-4-d1);
    
    --bs-btn-hover-border-color: var(--accent-4-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-accent-4-d2);
    
    --bs-btn-active-color: var(--accent-4-font-d);
    
    --bs-btn-active-bg: var(--accent-4-d1);
    
    --bs-btn-active-border-color: var(--accent-4-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-accent-4-d1), 0.125);
    
    --bs-btn-disabled-color: var(--accent-4-d1);
    
    --bs-btn-disabled-bg: var(--accent-4-l2);
    
    --bs-btn-disabled-border-color: var(--accent-4-l2);
    
}

.btn-accent-5 {

    --bs-btn-color: var(--accent-5-font);
    
    --bs-btn-bg: var(--accent-5);
    
    --bs-btn-border-color: var(--accent-5);
    
    --bs-btn-hover-color: var(--accent-5-font-d);
    
    --bs-btn-hover-bg: var(--accent-5-d1);
    
    --bs-btn-hover-border-color: var(--accent-5-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-accent-5-d2);
    
    --bs-btn-active-color: var(--accent-5-font-d);
    
    --bs-btn-active-bg: var(--accent-5-d1);
    
    --bs-btn-active-border-color: var(--accent-5-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-accent-5-d1), 0.125);
    
    --bs-btn-disabled-color: var(--accent-5-d1);
    
    --bs-btn-disabled-bg: var(--accent-5-l2);
    
    --bs-btn-disabled-border-color: var(--accent-5-l2);
    
}

.btn-accent-6 {

    --bs-btn-color: var(--accent-6-font);
    
    --bs-btn-bg: var(--accent-6);
    
    --bs-btn-border-color: var(--accent-6);
    
    --bs-btn-hover-color: var(--accent-6-font-d);
    
    --bs-btn-hover-bg: var(--accent-6-d1);
    
    --bs-btn-hover-border-color: var(--accent-6-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-accent-6-d2);
    
    --bs-btn-active-color: var(--accent-6-font-d);
    
    --bs-btn-active-bg: var(--accent-6-d1);
    
    --bs-btn-active-border-color: var(--accent-6-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-accent-6-d1), 0.125);
    
    --bs-btn-disabled-color: var(--accent-6-d1);
    
    --bs-btn-disabled-bg: var(--accent-6-l2);
    
    --bs-btn-disabled-border-color: var(--accent-6-l2);
    
}

.btn-red {

    --bs-btn-color: var(--red-font);
    
    --bs-btn-bg: var(--red);
    
    --bs-btn-border-color: var(--red);
    
    --bs-btn-hover-color: var(--red-font-d);
    
    --bs-btn-hover-bg: var(--red-d1);
    
    --bs-btn-hover-border-color: var(--red-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-red-d2);
    
    --bs-btn-active-color: var(--red-font-d);
    
    --bs-btn-active-bg: var(--red-d1);
    
    --bs-btn-active-border-color: var(--red-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-red-d1), 0.125);
    
    --bs-btn-disabled-color: var(--red-d1);
    
    --bs-btn-disabled-bg: var(--red-l2);
    
    --bs-btn-disabled-border-color: var(--red-l2);
    
}

.btn-pink {

    --bs-btn-color: var(--pink-font);
    
    --bs-btn-bg: var(--pink);
    
    --bs-btn-border-color: var(--pink);
    
    --bs-btn-hover-color: var(--pink-font-d);
    
    --bs-btn-hover-bg: var(--pink-d1);
    
    --bs-btn-hover-border-color: var(--pink-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-pink-d2);
    
    --bs-btn-active-color: var(--pink-font-d);
    
    --bs-btn-active-bg: var(--pink-d1);
    
    --bs-btn-active-border-color: var(--pink-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-pink-d1), 0.125);
    
    --bs-btn-disabled-color: var(--pink-d1);
    
    --bs-btn-disabled-bg: var(--pink-l2);
    
    --bs-btn-disabled-border-color: var(--pink-l2);
    
}

.btn-purple {

    --bs-btn-color: var(--purple-font);
    
    --bs-btn-bg: var(--purple);
    
    --bs-btn-border-color: var(--purple);
    
    --bs-btn-hover-color: var(--purple-font-d);
    
    --bs-btn-hover-bg: var(--purple-d1);
    
    --bs-btn-hover-border-color: var(--purple-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-purple-d2);
    
    --bs-btn-active-color: var(--purple-font-d);
    
    --bs-btn-active-bg: var(--purple-d1);
    
    --bs-btn-active-border-color: var(--purple-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-purple-d1), 0.125);
    
    --bs-btn-disabled-color: var(--purple-d1);
    
    --bs-btn-disabled-bg: var(--purple-l2);
    
    --bs-btn-disabled-border-color: var(--purple-l2);
    
}

.btn-deeppurple {

    --bs-btn-color: var(--deeppurple-font);
    
    --bs-btn-bg: var(--deeppurple);
    
    --bs-btn-border-color: var(--deeppurple);
    
    --bs-btn-hover-color: var(--deeppurple-font-d);
    
    --bs-btn-hover-bg: var(--deeppurple-d1);
    
    --bs-btn-hover-border-color: var(--deeppurple-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-deeppurple-d2);
    
    --bs-btn-active-color: var(--deeppurple-font-d);
    
    --bs-btn-active-bg: var(--deeppurple-d1);
    
    --bs-btn-active-border-color: var(--deeppurple-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-deeppurple-d1), 0.125);
    
    --bs-btn-disabled-color: var(--deeppurple-d1);
    
    --bs-btn-disabled-bg: var(--deeppurple-l2);
    
    --bs-btn-disabled-border-color: var(--deeppurple-l2);
    
}

.btn-indigo {

    --bs-btn-color: var(--indigo-font);
    
    --bs-btn-bg: var(--indigo);
    
    --bs-btn-border-color: var(--indigo);
    
    --bs-btn-hover-color: var(--indigo-font-d);
    
    --bs-btn-hover-bg: var(--indigo-d1);
    
    --bs-btn-hover-border-color: var(--indigo-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-indigo-d2);
    
    --bs-btn-active-color: var(--indigo-font-d);
    
    --bs-btn-active-bg: var(--indigo-d1);
    
    --bs-btn-active-border-color: var(--indigo-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-indigo-d1), 0.125);
    
    --bs-btn-disabled-color: var(--indigo-d1);

    --bs-btn-disabled-bg: var(--indigo-l2);
    
    --bs-btn-disabled-border-color: var(--indigo-l2);
    
}

.btn-blue {

    --bs-btn-color: var(--blue-font);
    
    --bs-btn-bg: var(--blue);
    
    --bs-btn-border-color: var(--blue);
    
    --bs-btn-hover-color: var(--blue-font-d);
    
    --bs-btn-hover-bg: var(--blue-d1);
    
    --bs-btn-hover-border-color: var(--blue-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-blue-d2);
    
    --bs-btn-active-color: var(--blue-font-d);
    
    --bs-btn-active-bg: var(--blue-d1);
    
    --bs-btn-active-border-color: var(--blue-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-blue-d1), 0.125);
    
    --bs-btn-disabled-color: var(--blue-d1);
    
    --bs-btn-disabled-bg: var(--blue-l2);
    
    --bs-btn-disabled-border-color: var(--blue-l2);
    
}

.btn-lightblue {

    --bs-btn-color: var(--lightblue-font);
    
    --bs-btn-bg: var(--lightblue);
    
    --bs-btn-border-color: var(--lightblue);
    
    --bs-btn-hover-color: var(--lightblue-font-d);
    
    --bs-btn-hover-bg: var(--lightblue-d1);
    
    --bs-btn-hover-border-color: var(--lightblue-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-lightblue-d2);
    
    --bs-btn-active-color: var(--lightblue-font-d);
    
    --bs-btn-active-bg: var(--lightblue-d1);
    
    --bs-btn-active-border-color: var(--lightblue-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-lightblue-d1), 0.125);
    
    --bs-btn-disabled-color: var(--lightblue-d1);
    
    --bs-btn-disabled-bg: var(--lightblue-l2);
    
    --bs-btn-disabled-border-color: var(--lightblue-l2);
    
}

.btn-cyan {

    --bs-btn-color: var(--cyan-font);
    
    --bs-btn-bg: var(--cyan);
    
    --bs-btn-border-color: var(--cyan);
    
    --bs-btn-hover-color: var(--cyan-font-d);
    
    --bs-btn-hover-bg: var(--cyan-d1);
    
    --bs-btn-hover-border-color: var(--cyan-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-cyan-d2);
    
    --bs-btn-active-color: var(--cyan-font-d);
    
    --bs-btn-active-bg: var(--cyan-d1);
    
    --bs-btn-active-border-color: var(--cyan-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-cyan-d1), 0.125);
    
    --bs-btn-disabled-color: var(--cyan-d1);
    
    --bs-btn-disabled-bg: var(--cyan-l2);
    
    --bs-btn-disabled-border-color: var(--cyan-l2);
    
}

.btn-teal {

    --bs-btn-color: var(--teal-font);
    
    --bs-btn-bg: var(--teal);
    
    --bs-btn-border-color: var(--teal);
    
    --bs-btn-hover-color: var(--teal-font-d);
    
    --bs-btn-hover-bg: var(--teal-d1);
    
    --bs-btn-hover-border-color: var(--teal-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-teal-d2);
    
    --bs-btn-active-color: var(--teal-font-d);
    
    --bs-btn-active-bg: var(--teal-d1);
    
    --bs-btn-active-border-color: var(--teal-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-teal-d1), 0.125);
    
    --bs-btn-disabled-color: var(--teal-d1);
    
    --bs-btn-disabled-bg: var(--teal-l2);
    
    --bs-btn-disabled-border-color: var(--teal-l2);
    
}

.btn-green {

    --bs-btn-color: var(--green-font);
    
    --bs-btn-bg: var(--green);
    
    --bs-btn-border-color: var(--green);
    
    --bs-btn-hover-color: var(--green-font-d);
    
    --bs-btn-hover-bg: var(--green-d1);
    
    --bs-btn-hover-border-color: var(--green-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-green-d2);
    
    --bs-btn-active-color: var(--green-font-d);
    
    --bs-btn-active-bg: var(--green-d1);
    
    --bs-btn-active-border-color: var(--green-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-green-d1), 0.125);
    
    --bs-btn-disabled-color: var(--green-d1);
    
    --bs-btn-disabled-bg: var(--green-l2);
    
    --bs-btn-disabled-border-color: var(--green-l2);
    
}

.btn-lightgreen {

    --bs-btn-color: var(--lightgreen-font);
    
    --bs-btn-bg: var(--lightgreen);
    
    --bs-btn-border-color: var(--lightgreen);
    
    --bs-btn-hover-color: var(--lightgreen-font-d);
    
    --bs-btn-hover-bg: var(--lightgreen-d1);
    
    --bs-btn-hover-border-color: var(--lightgreen-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-lightgreen-d2);
    
    --bs-btn-active-color: var(--lightgreen-font-d);
    
    --bs-btn-active-bg: var(--lightgreen-d1);
    
    --bs-btn-active-border-color: var(--lightgreen-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-lightgreen-d1), 0.125);
    
    --bs-btn-disabled-color: var(--lightgreen-d1);
    
    --bs-btn-disabled-bg: var(--lightgreen-l2);
    
    --bs-btn-disabled-border-color: var(--lightgreen-l2);
    
}

.btn-lime {

    --bs-btn-color: var(--lime-font);
    
    --bs-btn-bg: var(--lime);
    
    --bs-btn-border-color: var(--lime);
    
    --bs-btn-hover-color: var(--lime-font-d);
    
    --bs-btn-hover-bg: var(--lime-d1);
    
    --bs-btn-hover-border-color: var(--lime-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-lime-d2);
    
    --bs-btn-active-color: var(--lime-font-d);
    
    --bs-btn-active-bg: var(--lime-d1);
    
    --bs-btn-active-border-color: var(--lime-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-lime-d1), 0.125);
    
    --bs-btn-disabled-color: var(--lime-d1);
    
    --bs-btn-disabled-bg: var(--lime-l2);
    
    --bs-btn-disabled-border-color: var(--lime-l2);
    
}

.btn-yellow {

    --bs-btn-color: var(--yellow-font);
    
    --bs-btn-bg: var(--yellow);
    
    --bs-btn-border-color: var(--yellow);
    
    --bs-btn-hover-color: var(--yellow-font-d);
    
    --bs-btn-hover-bg: var(--yellow-d1);
    
    --bs-btn-hover-border-color: var(--yellow-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-yellow-d2);
    
    --bs-btn-active-color: var(--yellow-font-d);
    
    --bs-btn-active-bg: var(--yellow-d1);
    
    --bs-btn-active-border-color: var(--yellow-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-yellow-d1), 0.125);
    
    --bs-btn-disabled-color: var(--yellow-d1);
    
    --bs-btn-disabled-bg: var(--yellow-l2);
    
    --bs-btn-disabled-border-color: var(--yellow-l2);
    
}

.btn-amber {

    --bs-btn-color: var(--amber-font);
    
    --bs-btn-bg: var(--amber);
    
    --bs-btn-border-color: var(--amber);
    
    --bs-btn-hover-color: var(--amber-font-d);
    
    --bs-btn-hover-bg: var(--amber-d1);
    
    --bs-btn-hover-border-color: var(--amber-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-amber-d2);
    
    --bs-btn-active-color: var(--amber-font-d);
    
    --bs-btn-active-bg: var(--amber-d1);
    
    --bs-btn-active-border-color: var(--amber-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-amber-d1), 0.125);
    
    --bs-btn-disabled-color: var(--amber-d1);
    
    --bs-btn-disabled-bg: var(--amber-l2);
    
    --bs-btn-disabled-border-color: var(--amber-l2);
    
}

.btn-orange {

    --bs-btn-color: var(--orange-font);
    
    --bs-btn-bg: var(--orange);
    
    --bs-btn-border-color: var(--orange);
    
    --bs-btn-hover-color: var(--orange-font-d);
    
    --bs-btn-hover-bg: var(--orange-d1);
    
    --bs-btn-hover-border-color: var(--orange-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-orange-d2);
    
    --bs-btn-active-color: var(--orange-font-d);
    
    --bs-btn-active-bg: var(--orange-d1);
    
    --bs-btn-active-border-color: var(--orange-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-orange-d1), 0.125);
    
    --bs-btn-disabled-color: var(--orange-d1);
    
    --bs-btn-disabled-bg: var(--orange-l2);
    
    --bs-btn-disabled-border-color: var(--orange-l2);
    
}

.btn-deeporange {

    --bs-btn-color: var(--deeporange-font);
    
    --bs-btn-bg: var(--deeporange);
    
    --bs-btn-border-color: var(--deeporange);
    
    --bs-btn-hover-color: var(--deeporange-font-d);
    
    --bs-btn-hover-bg: var(--deeporange-d1);
    
    --bs-btn-hover-border-color: var(--deeporange-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-deeporange-d2);
    
    --bs-btn-active-color: var(--deeporange-font-d);
    
    --bs-btn-active-bg: var(--deeporange-d1);
    
    --bs-btn-active-border-color: var(--deeporange-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-deeporange-d1), 0.125);
    
    --bs-btn-disabled-color: var(--deeporange-d1);
    
    --bs-btn-disabled-bg: var(--deeporange-l2);
    
    --bs-btn-disabled-border-color: var(--deeporange-l2);
    
}

.btn-gray {

    --bs-btn-color: var(--gray-font);
    
    --bs-btn-bg: var(--gray);
    
    --bs-btn-border-color: var(--gray);
    
    --bs-btn-hover-color: var(--gray-font-d);
    
    --bs-btn-hover-bg: var(--gray-d1);
    
    --bs-btn-hover-border-color: var(--gray-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-gray-d2);
    
    --bs-btn-active-color: var(--gray-font-d);
    
    --bs-btn-active-bg: var(--gray-d1);
    
    --bs-btn-active-border-color: var(--gray-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-gray-d1), 0.125);
    
    --bs-btn-disabled-color: var(--gray-d1);
    
    --bs-btn-disabled-bg: var(--gray-l2);
    
    --bs-btn-disabled-border-color: var(--gray-l2);
    
}

.btn-bluegray {

    --bs-btn-color: var(--bluegray-font);
    
    --bs-btn-bg: var(--bluegray);
    
    --bs-btn-border-color: var(--bluegray);
    
    --bs-btn-hover-color: var(--bluegray-font-d);
    
    --bs-btn-hover-bg: var(--bluegray-d1);
    
    --bs-btn-hover-border-color: var(--bluegray-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-bluegray-d2);
    
    --bs-btn-active-color: var(--bluegray-font-d);
    
    --bs-btn-active-bg: var(--bluegray-d1);
    
    --bs-btn-active-border-color: var(--bluegray-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-bluegray-d1), 0.125);
    
    --bs-btn-disabled-color: var(--bluegray-d1);
    
    --bs-btn-disabled-bg: var(--bluegray-l2);
    
    --bs-btn-disabled-border-color: var(--bluegray-l2);
    
}

.btn-silver {

    --bs-btn-color: var(--silver-font);
    
    --bs-btn-bg: var(--silver);
    
    --bs-btn-border-color: var(--silver);
    
    --bs-btn-hover-color: var(--silver-font-d);
    
    --bs-btn-hover-bg: var(--silver-d1);
    
    --bs-btn-hover-border-color: var(--silver-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-silver-d2);
    
    --bs-btn-active-color: var(--silver-font-d);
    
    --bs-btn-active-bg: var(--silver-d1);
    
    --bs-btn-active-border-color: var(--silver-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-silver-d1), 0.125);
    
    --bs-btn-disabled-color: var(--silver-d1);
    
    --bs-btn-disabled-bg: var(--silver-l2);
    
    --bs-btn-disabled-border-color: var(--silver-l2);
    
}

.btn-white {

    --bs-btn-color: var(--white-font);
    
    --bs-btn-bg: var(--white);
    
    --bs-btn-border-color: var(--white);
    
    --bs-btn-hover-color: var(--white-font-d);
    
    --bs-btn-hover-bg: var(--white-d1);
    
    --bs-btn-hover-border-color: var(--white-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-white-d2);
    
    --bs-btn-active-color: var(--white-font-d);
    
    --bs-btn-active-bg: var(--white-d1);
    
    --bs-btn-active-border-color: var(--white-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-white-d1), 0.125);
    
    --bs-btn-disabled-color: var(--white-d1);
    
    --bs-btn-disabled-bg: var(--white-l2);
    
    --bs-btn-disabled-border-color: var(--white-l2);
    
}

.btn-black {

    --bs-btn-color: var(--black-font);
    
    --bs-btn-bg: var(--black);
    
    --bs-btn-border-color: var(--black);
    
    --bs-btn-hover-color: var(--black-font-d);
    
    --bs-btn-hover-bg: var(--black-d1);
    
    --bs-btn-hover-border-color: var(--black-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-black-d2);
    
    --bs-btn-active-color: var(--black-font-d);
    
    --bs-btn-active-bg: var(--black-d1);
    
    --bs-btn-active-border-color: var(--black-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-black-d1), 0.125);
    
    --bs-btn-disabled-color: var(--black-d1);
    
    --bs-btn-disabled-bg: var(--black-l2);
    
    --bs-btn-disabled-border-color: var(--black-l2);
    
}

.btn-blogger {

    --bs-btn-color: var(--blogger-font);
    
    --bs-btn-bg: var(--blogger);
    
    --bs-btn-border-color: var(--blogger);
    
    --bs-btn-hover-color: var(--blogger-font-d);
    
    --bs-btn-hover-bg: var(--blogger-d1);
    
    --bs-btn-hover-border-color: var(--blogger-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-blogger-d2);
    
    --bs-btn-active-color: var(--blogger-font-d);
    
    --bs-btn-active-bg: var(--blogger-d1);
    
    --bs-btn-active-border-color: var(--blogger-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-blogger-d1), 0.125);
    
    --bs-btn-disabled-color: var(--blogger-d1);
    
    --bs-btn-disabled-bg: var(--blogger-l2);
    
    --bs-btn-disabled-border-color: var(--blogger-l2);
    
}

.btn-codepen {

    --bs-btn-color: var(--codepen-font);
    
    --bs-btn-bg: var(--codepen);
    
    --bs-btn-border-color: var(--codepen);
    
    --bs-btn-hover-color: var(--codepen-font-d);
    
    --bs-btn-hover-bg: var(--codepen-d1);
    
    --bs-btn-hover-border-color: var(--codepen-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-codepen-d2);
    
    --bs-btn-active-color: var(--codepen-font-d);
    
    --bs-btn-active-bg: var(--codepen-d1);
    
    --bs-btn-active-border-color: var(--codepen-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-codepen-d1), 0.125);
    
    --bs-btn-disabled-color: var(--codepen-d1);
    
    --bs-btn-disabled-bg: var(--codepen-l2);
    
    --bs-btn-disabled-border-color: var(--codepen-l2);
    
}

.btn-discord {

    --bs-btn-color: var(--discord-font);
    
    --bs-btn-bg: var(--discord);
    
    --bs-btn-border-color: var(--discord);
    
    --bs-btn-hover-color: var(--discord-font-d);
    
    --bs-btn-hover-bg: var(--discord-d1);
    
    --bs-btn-hover-border-color: var(--discord-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-discord-d2);
    
    --bs-btn-active-color: var(--discord-font-d);
    
    --bs-btn-active-bg: var(--discord-d1);
    
    --bs-btn-active-border-color: var(--discord-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-discord-d1), 0.125);
    
    --bs-btn-disabled-color: var(--discord-d1);
    
    --bs-btn-disabled-bg: var(--discord-l2);
    
    --bs-btn-disabled-border-color: var(--discord-l2);
    
}

.btn-dribbble {

    --bs-btn-color: var(--dribbble-font);
    
    --bs-btn-bg: var(--dribbble);
    
    --bs-btn-border-color: var(--dribbble);
    
    --bs-btn-hover-color: var(--dribbble-font-d);
    
    --bs-btn-hover-bg: var(--dribbble-d1);
    
    --bs-btn-hover-border-color: var(--dribbble-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-dribbble-d2);
    
    --bs-btn-active-color: var(--dribbble-font-d);
    
    --bs-btn-active-bg: var(--dribbble-d1);
    
    --bs-btn-active-border-color: var(--dribbble-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-dribbble-d1), 0.125);
    
    --bs-btn-disabled-color: var(--dribbble-d1);
    
    --bs-btn-disabled-bg: var(--dribbble-l2);
    
    --bs-btn-disabled-border-color: var(--dribbble-l2);
    
}

.btn-dropbox {

    --bs-btn-color: var(--dropbox-font);
    
    --bs-btn-bg: var(--dropbox);
    
    --bs-btn-border-color: var(--dropbox);
    
    --bs-btn-hover-color: var(--dropbox-font-d);
    
    --bs-btn-hover-bg: var(--dropbox-d1);
    
    --bs-btn-hover-border-color: var(--dropbox-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-dropbox-d2);
    
    --bs-btn-active-color: var(--dropbox-font-d);
    
    --bs-btn-active-bg: var(--dropbox-d1);
    
    --bs-btn-active-border-color: var(--dropbox-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-dropbox-d1), 0.125);
    
    --bs-btn-disabled-color: var(--dropbox-d1);
    
    --bs-btn-disabled-bg: var(--dropbox-l2);
    
    --bs-btn-disabled-border-color: var(--dropbox-l2);
    
}

.btn-facebook {

    --bs-btn-color: var(--facebook-font);
    
    --bs-btn-bg: var(--facebook);
    
    --bs-btn-border-color: var(--facebook);
    
    --bs-btn-hover-color: var(--facebook-font-d);
    
    --bs-btn-hover-bg: var(--facebook-d1);
    
    --bs-btn-hover-border-color: var(--facebook-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-facebook-d2);
    
    --bs-btn-active-color: var(--facebook-font-d);
    
    --bs-btn-active-bg: var(--facebook-d1);
    
    --bs-btn-active-border-color: var(--facebook-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-facebook-d1), 0.125);
    
    --bs-btn-disabled-color: var(--facebook-d1);
    
    --bs-btn-disabled-bg: var(--facebook-l2);
    
    --bs-btn-disabled-border-color: var(--facebook-l2);
    
}

.btn-flickr {

    --bs-btn-color: var(--flickr-font);
    
    --bs-btn-bg: var(--flickr);
    
    --bs-btn-border-color: var(--flickr);
    
    --bs-btn-hover-color: var(--flickr-font-d);
    
    --bs-btn-hover-bg: var(--flickr-d1);
    
    --bs-btn-hover-border-color: var(--flickr-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-flickr-d2);
    
    --bs-btn-active-color: var(--flickr-font-d);
    
    --bs-btn-active-bg: var(--flickr-d1);
    
    --bs-btn-active-border-color: var(--flickr-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-flickr-d1), 0.125);
    
    --bs-btn-disabled-color: var(--flickr-d1);
    
    --bs-btn-disabled-bg: var(--flickr-l2);
    
    --bs-btn-disabled-border-color: var(--flickr-l2);
    
}

.btn-foursquare {

    --bs-btn-color: var(--foursquare-font);
    
    --bs-btn-bg: var(--foursquare);
    
    --bs-btn-border-color: var(--foursquare);
    
    --bs-btn-hover-color: var(--foursquare-font-d);
    
    --bs-btn-hover-bg: var(--foursquare-d1);
    
    --bs-btn-hover-border-color: var(--foursquare-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-foursquare-d2);
    
    --bs-btn-active-color: var(--foursquare-font-d);
    
    --bs-btn-active-bg: var(--foursquare-d1);
    
    --bs-btn-active-border-color: var(--foursquare-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-foursquare-d1), 0.125);
    
    --bs-btn-disabled-color: var(--foursquare-d1);
    
    --bs-btn-disabled-bg: var(--foursquare-l2);
    
    --bs-btn-disabled-border-color: var(--foursquare-l2);
    
}

.btn-gitlab {

    --bs-btn-color: var(--gitlab-font);
    
    --bs-btn-bg: var(--gitlab);
    
    --bs-btn-border-color: var(--gitlab);
    
    --bs-btn-hover-color: var(--gitlab-font-d);
    
    --bs-btn-hover-bg: var(--gitlab-d1);
    
    --bs-btn-hover-border-color: var(--gitlab-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-gitlab-d2);
    
    --bs-btn-active-color: var(--gitlab-font-d);
    
    --bs-btn-active-bg: var(--gitlab-d1);
    
    --bs-btn-active-border-color: var(--gitlab-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-gitlab-d1), 0.125);
    
    --bs-btn-disabled-color: var(--gitlab-d1);
    
    --bs-btn-disabled-bg: var(--gitlab-l2);
    
    --bs-btn-disabled-border-color: var(--gitlab-l2);
    
}

.btn-github {

    --bs-btn-color: var(--github-font);
    
    --bs-btn-bg: var(--github);
    
    --bs-btn-border-color: var(--github);
    
    --bs-btn-hover-color: var(--github-font-d);
    
    --bs-btn-hover-bg: var(--github-d1);
    
    --bs-btn-hover-border-color: var(--github-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-github-d2);
    
    --bs-btn-active-color: var(--github-font-d);
    
    --bs-btn-active-bg: var(--github-d1);
    
    --bs-btn-active-border-color: var(--github-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-github-d1), 0.125);
    
    --bs-btn-disabled-color: var(--github-d1);
    
    --bs-btn-disabled-bg: var(--github-l2);
    
    --bs-btn-disabled-border-color: var(--github-l2);
    
}

.btn-google {

    --bs-btn-color: var(--google-font);
    
    --bs-btn-bg: var(--google);
    
    --bs-btn-border-color: var(--google);
    
    --bs-btn-hover-color: var(--google-font-d);
    
    --bs-btn-hover-bg: var(--google-d1);
    
    --bs-btn-hover-border-color: var(--google-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-google-d2);
    
    --bs-btn-active-color: var(--google-font-d);
    
    --bs-btn-active-bg: var(--google-d1);
    
    --bs-btn-active-border-color: var(--google-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-google-d1), 0.125);
    
    --bs-btn-disabled-color: var(--google-d1);
    
    --bs-btn-disabled-bg: var(--google-l2);
    
    --bs-btn-disabled-border-color: var(--google-l2);
    
}

.btn-instagram {

    --bs-btn-color: var(--instagram-font);
    
    --bs-btn-bg: var(--instagram);
    
    --bs-btn-border-color: var(--instagram);
    
    --bs-btn-hover-color: var(--instagram-font-d);
    
    --bs-btn-hover-bg: var(--instagram-d1);
    
    --bs-btn-hover-border-color: var(--instagram-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-instagram-d2);
    
    --bs-btn-active-color: var(--instagram-font-d);
    
    --bs-btn-active-bg: var(--instagram-d1);
    
    --bs-btn-active-border-color: var(--instagram-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-instagram-d1), 0.125);
    
    --bs-btn-disabled-color: var(--instagram-d1);
    
    --bs-btn-disabled-bg: var(--instagram-l2);
    
    --bs-btn-disabled-border-color: var(--instagram-l2);
    
}

.btn-kickstarter {

    --bs-btn-color: var(--kickstarter-font);
    
    --bs-btn-bg: var(--kickstarter);
    
    --bs-btn-border-color: var(--kickstarter);
    
    --bs-btn-hover-color: var(--kickstarter-font-d);
    
    --bs-btn-hover-bg: var(--kickstarter-d1);
    
    --bs-btn-hover-border-color: var(--kickstarter-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-kickstarter-d2);
    
    --bs-btn-active-color: var(--kickstarter-font-d);
    
    --bs-btn-active-bg: var(--kickstarter-d1);
    
    --bs-btn-active-border-color: var(--kickstarter-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-kickstarter-d1), 0.125);
    
    --bs-btn-disabled-color: var(--kickstarter-d1);
    
    --bs-btn-disabled-bg: var(--kickstarter-l2);
    
    --bs-btn-disabled-border-color: var(--kickstarter-l2);
    
}

.btn-linkedin {

    --bs-btn-color: var(--linkedin-font);
    
    --bs-btn-bg: var(--linkedin);
    
    --bs-btn-border-color: var(--linkedin);
    
    --bs-btn-hover-color: var(--linkedin-font-d);
    
    --bs-btn-hover-bg: var(--linkedin-d1);
    
    --bs-btn-hover-border-color: var(--linkedin-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-linkedin-d2);
    
    --bs-btn-active-color: var(--linkedin-font-d);
    
    --bs-btn-active-bg: var(--linkedin-d1);
    
    --bs-btn-active-border-color: var(--linkedin-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-linkedin-d1), 0.125);
    
    --bs-btn-disabled-color: var(--linkedin-d1);
    
    --bs-btn-disabled-bg: var(--linkedin-l2);
    
    --bs-btn-disabled-border-color: var(--linkedin-l2);
    
}

.btn-medium {

    --bs-btn-color: var(--medium-font);
    
    --bs-btn-bg: var(--medium);
    
    --bs-btn-border-color: var(--medium);
    
    --bs-btn-hover-color: var(--medium-font-d);
    
    --bs-btn-hover-bg: var(--medium-d1);
    
    --bs-btn-hover-border-color: var(--medium-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-medium-d2);
    
    --bs-btn-active-color: var(--medium-font-d);
    
    --bs-btn-active-bg: var(--medium-d1);
    
    --bs-btn-active-border-color: var(--medium-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-medium-d1), 0.125);
    
    --bs-btn-disabled-color: var(--medium-d1);
    
    --bs-btn-disabled-bg: var(--medium-l2);
    
    --bs-btn-disabled-border-color: var(--medium-l2);
    
}

.btn-messenger {

    --bs-btn-color: var(--messenger-font);
    
    --bs-btn-bg: var(--messenger);
    
    --bs-btn-border-color: var(--messenger);
    
    --bs-btn-hover-color: var(--messenger-font-d);
    
    --bs-btn-hover-bg: var(--messenger-d1);
    
    --bs-btn-hover-border-color: var(--messenger-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-messenger-d2);
    
    --bs-btn-active-color: var(--messenger-font-d);
    
    --bs-btn-active-bg: var(--messenger-d1);
    
    --bs-btn-active-border-color: var(--messenger-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-messenger-d1), 0.125);
    
    --bs-btn-disabled-color: var(--messenger-d1);
    
    --bs-btn-disabled-bg: var(--messenger-l2);
    
    --bs-btn-disabled-border-color: var(--messenger-l2);
    
}

.btn-ok {

    --bs-btn-color: var(--ok-font);
    
    --bs-btn-bg: var(--ok);
    
    --bs-btn-border-color: var(--ok);
    
    --bs-btn-hover-color: var(--ok-font-d);
    
    --bs-btn-hover-bg: var(--ok-d1);
    
    --bs-btn-hover-border-color: var(--ok-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-ok-d2);
    
    --bs-btn-active-color: var(--ok-font-d);
    
    --bs-btn-active-bg: var(--ok-d1);
    
    --bs-btn-active-border-color: var(--ok-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-ok-d1), 0.125);
    
    --bs-btn-disabled-color: var(--ok-d1);
    
    --bs-btn-disabled-bg: var(--ok-l2);
    
    --bs-btn-disabled-border-color: var(--ok-l2);
    
}

.btn-patreon {

    --bs-btn-color: var(--patreon-font);
    
    --bs-btn-bg: var(--patreon);
    
    --bs-btn-border-color: var(--patreon);
    
    --bs-btn-hover-color: var(--patreon-font-d);
    
    --bs-btn-hover-bg: var(--patreon-d1);
    
    --bs-btn-hover-border-color: var(--patreon-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-patreon-d2);
    
    --bs-btn-active-color: var(--patreon-font-d);
    
    --bs-btn-active-bg: var(--patreon-d1);
    
    --bs-btn-active-border-color: var(--patreon-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-patreon-d1), 0.125);
    
    --bs-btn-disabled-color: var(--patreon-d1);
    
    --bs-btn-disabled-bg: var(--patreon-l2);
    
    --bs-btn-disabled-border-color: var(--patreon-l2);
    
}

.btn-pinterest {

    --bs-btn-color: var(--pinterest-font);
    
    --bs-btn-bg: var(--pinterest);
    
    --bs-btn-border-color: var(--pinterest);
    
    --bs-btn-hover-color: var(--pinterest-font-d);
    
    --bs-btn-hover-bg: var(--pinterest-d1);
    
    --bs-btn-hover-border-color: var(--pinterest-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-pinterest-d2);
    
    --bs-btn-active-color: var(--pinterest-font-d);
    
    --bs-btn-active-bg: var(--pinterest-d1);
    
    --bs-btn-active-border-color: var(--pinterest-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-pinterest-d1), 0.125);
    
    --bs-btn-disabled-color: var(--pinterest-d1);
    
    --bs-btn-disabled-bg: var(--pinterest-l2);
    
    --bs-btn-disabled-border-color: var(--pinterest-l2);
    
}

.btn-product {

    --bs-btn-color: var(--product-font);
    
    --bs-btn-bg: var(--product);
    
    --bs-btn-border-color: var(--product);
    
    --bs-btn-hover-color: var(--product-font-d);
    
    --bs-btn-hover-bg: var(--product-d1);
    
    --bs-btn-hover-border-color: var(--product-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-product-d2);
    
    --bs-btn-active-color: var(--product-font-d);
    
    --bs-btn-active-bg: var(--product-d1);
    
    --bs-btn-active-border-color: var(--product-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-product-d1), 0.125);
    
    --bs-btn-disabled-color: var(--product-d1);
    
    --bs-btn-disabled-bg: var(--product-l2);
    
    --bs-btn-disabled-border-color: var(--product-l2);
    
}

.btn-qq {

    --bs-btn-color: var(--qq-font);
    
    --bs-btn-bg: var(--qq);
    
    --bs-btn-border-color: var(--qq);
    
    --bs-btn-hover-color: var(--qq-font-d);
    
    --bs-btn-hover-bg: var(--qq-d1);
    
    --bs-btn-hover-border-color: var(--qq-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-qq-d2);
    
    --bs-btn-active-color: var(--qq-font-d);
    
    --bs-btn-active-bg: var(--qq-d1);
    
    --bs-btn-active-border-color: var(--qq-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-qq-d1), 0.125);
    
    --bs-btn-disabled-color: var(--qq-d1);
    
    --bs-btn-disabled-bg: var(--qq-l2);
    
    --bs-btn-disabled-border-color: var(--qq-l2);
    
}

.btn-reddit {

    --bs-btn-color: var(--reddit-font);
    
    --bs-btn-bg: var(--reddit);
    
    --bs-btn-border-color: var(--reddit);
    
    --bs-btn-hover-color: var(--reddit-font-d);
    
    --bs-btn-hover-bg: var(--reddit-d1);
    
    --bs-btn-hover-border-color: var(--reddit-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-reddit-d2);
    
    --bs-btn-active-color: var(--reddit-font-d);
    
    --bs-btn-active-bg: var(--reddit-d1);
    
    --bs-btn-active-border-color: var(--reddit-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-reddit-d1), 0.125);
    
    --bs-btn-disabled-color: var(--reddit-d1);
    
    --bs-btn-disabled-bg: var(--reddit-l2);
    
    --bs-btn-disabled-border-color: var(--reddit-l2);
    
}

.btn-rss {

    --bs-btn-color: var(--rss-font);
    
    --bs-btn-bg: var(--rss);
    
    --bs-btn-border-color: var(--rss);
    
    --bs-btn-hover-color: var(--rss-font-d);
    
    --bs-btn-hover-bg: var(--rss-d1);
    
    --bs-btn-hover-border-color: var(--rss-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-rss-d2);
    
    --bs-btn-active-color: var(--rss-font-d);
    
    --bs-btn-active-bg: var(--rss-d1);
    
    --bs-btn-active-border-color: var(--rss-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-rss-d1), 0.125);
    
    --bs-btn-disabled-color: var(--rss-d1);
    
    --bs-btn-disabled-bg: var(--rss-l2);
    
    --bs-btn-disabled-border-color: var(--rss-l2);
    
}

.btn-skype {

    --bs-btn-color: var(--skype-font);
    
    --bs-btn-bg: var(--skype);
    
    --bs-btn-border-color: var(--skype);
    
    --bs-btn-hover-color: var(--skype-font-d);
    
    --bs-btn-hover-bg: var(--skype-d1);
    
    --bs-btn-hover-border-color: var(--skype-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-skype-d2);
    
    --bs-btn-active-color: var(--skype-font-d);
    
    --bs-btn-active-bg: var(--skype-d1);
    
    --bs-btn-active-border-color: var(--skype-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-skype-d1), 0.125);
    
    --bs-btn-disabled-color: var(--skype-d1);
    
    --bs-btn-disabled-bg: var(--skype-l2);
    
    --bs-btn-disabled-border-color: var(--skype-l2);
    
}

.btn-slack {

    --bs-btn-color: var(--slack-font);
    
    --bs-btn-bg: var(--slack);
    
    --bs-btn-border-color: var(--slack);
    
    --bs-btn-hover-color: var(--slack-font-d);
    
    --bs-btn-hover-bg: var(--slack-d1);
    
    --bs-btn-hover-border-color: var(--slack-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-slack-d2);
    
    --bs-btn-active-color: var(--slack-font-d);
    
    --bs-btn-active-bg: var(--slack-d1);
    
    --bs-btn-active-border-color: var(--slack-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-slack-d1), 0.125);
    
    --bs-btn-disabled-color: var(--slack-d1);
    
    --bs-btn-disabled-bg: var(--slack-l2);
    
    --bs-btn-disabled-border-color: var(--slack-l2);
    
}

.btn-snap {

    --bs-btn-color: var(--snap-font);
    
    --bs-btn-bg: var(--snap);
    
    --bs-btn-border-color: var(--snap);
    
    --bs-btn-hover-color: var(--snap-font-d);
    
    --bs-btn-hover-bg: var(--snap-d1);
    
    --bs-btn-hover-border-color: var(--snap-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-snap-d2);
    
    --bs-btn-active-color: var(--snap-font-d);
    
    --bs-btn-active-bg: var(--snap-d1);
    
    --bs-btn-active-border-color: var(--snap-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-snap-d1), 0.125);
    
    --bs-btn-disabled-color: var(--snap-d1);
    
    --bs-btn-disabled-bg: var(--snap-l2);
    
    --bs-btn-disabled-border-color: var(--snap-l2);
    
}

.btn-stack-overflow {

    --bs-btn-color: var(--stack-overflow-font);
    
    --bs-btn-bg: var(--stack-overflow);
    
    --bs-btn-border-color: var(--stack-overflow);
    
    --bs-btn-hover-color: var(--stack-overflow-font-d);
    
    --bs-btn-hover-bg: var(--stack-overflow-d1);
    
    --bs-btn-hover-border-color: var(--stack-overflow-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-stack-overflow-d2);
    
    --bs-btn-active-color: var(--stack-overflow-font-d);
    
    --bs-btn-active-bg: var(--stack-overflow-d1);
    
    --bs-btn-active-border-color: var(--stack-overflow-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-stack-overflow-d1), 0.125);
    
    --bs-btn-disabled-color: var(--stack-overflow-d1);
    
    --bs-btn-disabled-bg: var(--stack-overflow-l2);
    
    --bs-btn-disabled-border-color: var(--stack-overflow-l2);
    
}

.btn-steam {

    --bs-btn-color: var(--steam-font);
    
    --bs-btn-bg: var(--steam);
    
    --bs-btn-border-color: var(--steam);
    
    --bs-btn-hover-color: var(--steam-font-d);
    
    --bs-btn-hover-bg: var(--steam-d1);
    
    --bs-btn-hover-border-color: var(--steam-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-steam-d2);
    
    --bs-btn-active-color: var(--steam-font-d);
    
    --bs-btn-active-bg: var(--steam-d1);
    
    --bs-btn-active-border-color: var(--steam-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-steam-d1), 0.125);
    
    --bs-btn-disabled-color: var(--steam-d1);
    
    --bs-btn-disabled-bg: var(--steam-l2);
    
    --bs-btn-disabled-border-color: var(--steam-l2);
    
}

.btn-telegram {

    --bs-btn-color: var(--telegram-font);
    
    --bs-btn-bg: var(--telegram);
    
    --bs-btn-border-color: var(--telegram);
    
    --bs-btn-hover-color: var(--telegram-font-d);
    
    --bs-btn-hover-bg: var(--telegram-d1);
    
    --bs-btn-hover-border-color: var(--telegram-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-telegram-d2);
    
    --bs-btn-active-color: var(--telegram-font-d);
    
    --bs-btn-active-bg: var(--telegram-d1);
    
    --bs-btn-active-border-color: var(--telegram-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-telegram-d1), 0.125);
    
    --bs-btn-disabled-color: var(--telegram-d1);
    
    --bs-btn-disabled-bg: var(--telegram-l2);
    
    --bs-btn-disabled-border-color: var(--telegram-l2);
    
}

.btn-tiktok {

    --bs-btn-color: var(--tiktok-font);
    
    --bs-btn-bg: var(--tiktok);
    
    --bs-btn-border-color: var(--tiktok);
    
    --bs-btn-hover-color: var(--tiktok-font-d);
    
    --bs-btn-hover-bg: var(--tiktok-d1);
    
    --bs-btn-hover-border-color: var(--tiktok-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-tiktok-d2);
    
    --bs-btn-active-color: var(--tiktok-font-d);
    
    --bs-btn-active-bg: var(--tiktok-d1);
    
    --bs-btn-active-border-color: var(--tiktok-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-tiktok-d1), 0.125);
    
    --bs-btn-disabled-color: var(--tiktok-d1);
    
    --bs-btn-disabled-bg: var(--tiktok-l2);
    
    --bs-btn-disabled-border-color: var(--tiktok-l2);
    
}

.btn-trip-advisor {

    --bs-btn-color: var(--trip-advisor-font);
    
    --bs-btn-bg: var(--trip-advisor);
    
    --bs-btn-border-color: var(--trip-advisor);
    
    --bs-btn-hover-color: var(--trip-advisor-font-d);
    
    --bs-btn-hover-bg: var(--trip-advisor-d1);
    
    --bs-btn-hover-border-color: var(--trip-advisor-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-trip-advisor-d2);
    
    --bs-btn-active-color: var(--trip-advisor-font-d);
    
    --bs-btn-active-bg: var(--trip-advisor-d1);
    
    --bs-btn-active-border-color: var(--trip-advisor-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-trip-advisor-d1), 0.125);
    
    --bs-btn-disabled-color: var(--trip-advisor-d1);
    
    --bs-btn-disabled-bg: var(--trip-advisor-l2);
    
    --bs-btn-disabled-border-color: var(--trip-advisor-l2);
    
}

.btn-tumblr {

    --bs-btn-color: var(--tumblr-font);
    
    --bs-btn-bg: var(--tumblr);
    
    --bs-btn-border-color: var(--tumblr);
    
    --bs-btn-hover-color: var(--tumblr-font-d);
    
    --bs-btn-hover-bg: var(--tumblr-d1);
    
    --bs-btn-hover-border-color: var(--tumblr-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-tumblr-d2);
    
    --bs-btn-active-color: var(--tumblr-font-d);
    
    --bs-btn-active-bg: var(--tumblr-d1);
    
    --bs-btn-active-border-color: var(--tumblr-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-tumblr-d1), 0.125);
    
    --bs-btn-disabled-color: var(--tumblr-d1);
    
    --bs-btn-disabled-bg: var(--tumblr-l2);
    
    --bs-btn-disabled-border-color: var(--tumblr-l2);
    
}

.btn-twitch {

    --bs-btn-color: var(--twitch-font);
    
    --bs-btn-bg: var(--twitch);
    
    --bs-btn-border-color: var(--twitch);
    
    --bs-btn-hover-color: var(--twitch-font-d);
    
    --bs-btn-hover-bg: var(--twitch-d1);
    
    --bs-btn-hover-border-color: var(--twitch-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-twitch-d2);
    
    --bs-btn-active-color: var(--twitch-font-d);
    
    --bs-btn-active-bg: var(--twitch-d1);
    
    --bs-btn-active-border-color: var(--twitch-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-twitch-d1), 0.125);
    
    --bs-btn-disabled-color: var(--twitch-d1);
    
    --bs-btn-disabled-bg: var(--twitch-l2);
    
    --bs-btn-disabled-border-color: var(--twitch-l2);
    
}

.btn-twitter {

    --bs-btn-color: var(--twitter-font);
    
    --bs-btn-bg: var(--twitter);
    
    --bs-btn-border-color: var(--twitter);
    
    --bs-btn-hover-color: var(--twitter-font-d);
    
    --bs-btn-hover-bg: var(--twitter-d1);
    
    --bs-btn-hover-border-color: var(--twitter-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-twitter-d2);
    
    --bs-btn-active-color: var(--twitter-font-d);
    
    --bs-btn-active-bg: var(--twitter-d1);
    
    --bs-btn-active-border-color: var(--twitter-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-twitter-d1), 0.125);
    
    --bs-btn-disabled-color: var(--twitter-d1);
    
    --bs-btn-disabled-bg: var(--twitter-l2);
    
    --bs-btn-disabled-border-color: var(--twitter-l2);
    
}.btn-vibre {

    --bs-btn-color: var(--vibre-font);
    
    --bs-btn-bg: var(--vibre);
    
    --bs-btn-border-color: var(--vibre);
    
    --bs-btn-hover-color: var(--vibre-font-d);
    
    --bs-btn-hover-bg: var(--vibre-d1);
    
    --bs-btn-hover-border-color: var(--vibre-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-vibre-d2);
    
    --bs-btn-active-color: var(--vibre-font-d);
    
    --bs-btn-active-bg: var(--vibre-d1);
    
    --bs-btn-active-border-color: var(--vibre-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-vibre-d1), 0.125);
    
    --bs-btn-disabled-color: var(--vibre-d1);
    
    --bs-btn-disabled-bg: var(--vibre-l2);
    
    --bs-btn-disabled-border-color: var(--vibre-l2);
    
}

.btn-vimeo {

    --bs-btn-color: var(--vimeo-font);
    
    --bs-btn-bg: var(--vimeo);
    
    --bs-btn-border-color: var(--vimeo);
    
    --bs-btn-hover-color: var(--vimeo-font-d);
    
    --bs-btn-hover-bg: var(--vimeo-d1);
    
    --bs-btn-hover-border-color: var(--vimeo-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-vimeo-d2);
    
    --bs-btn-active-color: var(--vimeo-font-d);
    
    --bs-btn-active-bg: var(--vimeo-d1);
    
    --bs-btn-active-border-color: var(--vimeo-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-vimeo-d1), 0.125);
    
    --bs-btn-disabled-color: var(--vimeo-d1);
    
    --bs-btn-disabled-bg: var(--vimeo-l2);
    
    --bs-btn-disabled-border-color: var(--vimeo-l2);
    
}

.btn-vk {

    --bs-btn-color: var(--vk-font);
    
    --bs-btn-bg: var(--vk);
    
    --bs-btn-border-color: var(--vk);
    
    --bs-btn-hover-color: var(--vk-font-d);
    
    --bs-btn-hover-bg: var(--vk-d1);
    
    --bs-btn-hover-border-color: var(--vk-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-vk-d2);
    
    --bs-btn-active-color: var(--vk-font-d);
    
    --bs-btn-active-bg: var(--vk-d1);
    
    --bs-btn-active-border-color: var(--vk-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-vk-d1), 0.125);
    
    --bs-btn-disabled-color: var(--vk-d1);
    
    --bs-btn-disabled-bg: var(--vk-l2);
    
    --bs-btn-disabled-border-color: var(--vk-l2);
    
}

.btn-vine {

    --bs-btn-color: var(--vine-font);
    
    --bs-btn-bg: var(--vine);
    
    --bs-btn-border-color: var(--vine);
    
    --bs-btn-hover-color: var(--vine-font-d);
    
    --bs-btn-hover-bg: var(--vine-d1);
    
    --bs-btn-hover-border-color: var(--vine-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-vine-d2);
    
    --bs-btn-active-color: var(--vine-font-d);
    
    --bs-btn-active-bg: var(--vine-d1);
    
    --bs-btn-active-border-color: var(--vine-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-vine-d1), 0.125);
    
    --bs-btn-disabled-color: var(--vine-d1);
    
    --bs-btn-disabled-bg: var(--vine-l2);
    
    --bs-btn-disabled-border-color: var(--vine-l2);
    
}

.btn-wechat {

    --bs-btn-color: var(--wechat-font);
    
    --bs-btn-bg: var(--wechat);
    
    --bs-btn-border-color: var(--wechat);
    
    --bs-btn-hover-color: var(--wechat-font-d);
    
    --bs-btn-hover-bg: var(--wechat-d1);
    
    --bs-btn-hover-border-color: var(--wechat-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-wechat-d2);
    
    --bs-btn-active-color: var(--wechat-font-d);
    
    --bs-btn-active-bg: var(--wechat-d1);
    
    --bs-btn-active-border-color: var(--wechat-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-wechat-d1), 0.125);
    
    --bs-btn-disabled-color: var(--wechat-d1);
    
    --bs-btn-disabled-bg: var(--wechat-l2);
    
    --bs-btn-disabled-border-color: var(--wechat-l2);
    
}

.btn-whatsapp {

    --bs-btn-color: var(--whatsapp-font);
    
    --bs-btn-bg: var(--whatsapp);
    
    --bs-btn-border-color: var(--whatsapp);
    
    --bs-btn-hover-color: var(--whatsapp-font-d);
    
    --bs-btn-hover-bg: var(--whatsapp-d1);
    
    --bs-btn-hover-border-color: var(--whatsapp-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-whatsapp-d2);
    
    --bs-btn-active-color: var(--whatsapp-font-d);
    
    --bs-btn-active-bg: var(--whatsapp-d1);
    
    --bs-btn-active-border-color: var(--whatsapp-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-whatsapp-d1), 0.125);
    
    --bs-btn-disabled-color: var(--whatsapp-d1);
    
    --bs-btn-disabled-bg: var(--whatsapp-l2);
    
    --bs-btn-disabled-border-color: var(--whatsapp-l2);
    
}


.btn-windowslive {

    --bs-btn-color: var(--windowslive-font);
    
    --bs-btn-bg: var(--windowslive);
    
    --bs-btn-border-color: var(--windowslive);
    
    --bs-btn-hover-color: var(--windowslive-font-d);
    
    --bs-btn-hover-bg: var(--windowslive-d1);
    
    --bs-btn-hover-border-color: var(--windowslive-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-windowslive-d2);
    
    --bs-btn-active-color: var(--windowslive-font-d);
    
    --bs-btn-active-bg: var(--windowslive-d1);
    
    --bs-btn-active-border-color: var(--windowslive-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-windowslive-d1), 0.125);
    
    --bs-btn-disabled-color: var(--windowslive-d1);
    
    --bs-btn-disabled-bg: var(--windowslive-l2);
    
    --bs-btn-disabled-border-color: var(--windowslive-l2);
    
}

.btn-x {

    --bs-btn-color: var(--x-font);
    
    --bs-btn-bg: var(--x);
    
    --bs-btn-border-color: var(--x);
    
    --bs-btn-hover-color: var(--x-font-d);
    
    --bs-btn-hover-bg: var(--x-d1);
    
    --bs-btn-hover-border-color: var(--x-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-x-d2);
    
    --bs-btn-active-color: var(--x-font-d);
    
    --bs-btn-active-bg: var(--x-d1);
    
    --bs-btn-active-border-color: var(--x-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-x-d1), 0.125);
    
    --bs-btn-disabled-color: var(--x-d1);
    
    --bs-btn-disabled-bg: var(--x-l2);
    
    --bs-btn-disabled-border-color: var(--x-l2);
    
}


.btn-youtube {

    --bs-btn-color: var(--youtube-font);
    
    --bs-btn-bg: var(--youtube);
    
    --bs-btn-border-color: var(--youtube);
    
    --bs-btn-hover-color: var(--youtube-font-d);
    
    --bs-btn-hover-bg: var(--youtube-d1);
    
    --bs-btn-hover-border-color: var(--youtube-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-youtube-d2);
    
    --bs-btn-active-color: var(--youtube-font-d);
    
    --bs-btn-active-bg: var(--youtube-d1);
    
    --bs-btn-active-border-color: var(--youtube-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-youtube-d1), 0.125);
    
    --bs-btn-disabled-color: var(--youtube-d1);
    
    --bs-btn-disabled-bg: var(--youtube-l2);
    
    --bs-btn-disabled-border-color: var(--youtube-l2);
    
}

.btn-zoom {

    --bs-btn-color: var(--zoom-font);
    
    --bs-btn-bg: var(--zoom);
    
    --bs-btn-border-color: var(--zoom);
    
    --bs-btn-hover-color: var(--zoom-font-d);
    
    --bs-btn-hover-bg: var(--zoom-d1);
    
    --bs-btn-hover-border-color: var(--zoom-d1);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-zoom-d2);
    
    --bs-btn-active-color: var(--zoom-font-d);
    
    --bs-btn-active-bg: var(--zoom-d1);
    
    --bs-btn-active-border-color: var(--zoom-d1);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-zoom-d1), 0.125);
    
    --bs-btn-disabled-color: var(--zoom-d1);
    
    --bs-btn-disabled-bg: var(--zoom-l2);
    
    --bs-btn-disabled-border-color: var(--zoom-l2);
    
}



/* .btn-outline- Colors */

.btn-outline-primary {

    --bs-btn-color: var(--primary);
    
    --bs-btn-border-color: rgba(var(--rgb-primary), 0.35);
    
    --bs-btn-hover-color: var(--primary-l3);
    
    --bs-btn-hover-bg: var(--primary);
    
    --bs-btn-hover-border-color: var(--primary);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-primary-d2);
    
    --bs-btn-active-color: var(--primary-l3);
    
    --bs-btn-active-bg: var(--primary);
    
    --bs-btn-active-border-color: var(--primary);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-primary-d3), 0.125);
    
    --bs-btn-disabled-color: var(--primary-l1);
    
    --bs-btn-disabled-bg: transparent;
    
    --bs-btn-disabled-border-color: rgba(var(--rgb-primary), 0.35);
    
    --bs-gradient: none;
    
}

.btn-outline-secondary {

    --bs-btn-color: var(--secondary);
      
    --bs-btn-border-color: rgba(var(--rgb-secondary), 0.35);
    
    --bs-btn-hover-color: var(--secondary-l3);
    
    --bs-btn-hover-bg: var(--secondary);
    
    --bs-btn-hover-border-color: var(--secondary);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-secondary-d2);
    
    --bs-btn-active-color: var(--secondary-l3);
    
    --bs-btn-active-bg: var(--secondary);
    
    --bs-btn-active-border-color: var(--secondary);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-secondary-d3), 0.125);
    
    --bs-btn-disabled-color: var(--secondary-l1);
    
    --bs-btn-disabled-bg: transparent;
    
    --bs-btn-disabled-border-color: rgba(var(--rgb-secondary), 0.35);
    
    --bs-gradient: none;

}

.btn-outline-tertiary {

  --bs-btn-color: var(--tertiary);
      
  --bs-btn-border-color: rgba(var(--rgb-tertiary), 0.35);
  
  --bs-btn-hover-color: var(--tertiary-l3);
  
  --bs-btn-hover-bg: var(--tertiary);
  
  --bs-btn-hover-border-color: var(--tertiary);
  
  --bs-btn-focus-shadow-rgb: var(--rgb-tertiary-d2);
  
  --bs-btn-active-color: var(--tertiary-l3);
  
  --bs-btn-active-bg: var(--tertiary);
  
  --bs-btn-active-border-color: var(--tertiary);
  
  --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-tertiary-d3), 0.125);
  
  --bs-btn-disabled-color: var(--tertiary-l1);
  
  --bs-btn-disabled-bg: transparent;
  
  --bs-btn-disabled-border-color: rgba(var(--rgb-tertiary), 0.35);
  
  --bs-gradient: none;

}

.btn-outline-dark {

    --bs-btn-color: var(--dark);
        
    --bs-btn-border-color: rgba(var(--rgb-dark), 0.35);
    
    --bs-btn-hover-color: var(--dark-l3);
    
    --bs-btn-hover-bg: var(--dark);
    
    --bs-btn-hover-border-color: var(--dark);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-dark-d2);
    
    --bs-btn-active-color: var(--dark-l3);
    
    --bs-btn-active-bg: var(--dark);
    
    --bs-btn-active-border-color: var(--dark);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-dark-d3), 0.125);
    
    --bs-btn-disabled-color: var(--dark-l1);
    
    --bs-btn-disabled-bg: transparent;
    
    --bs-btn-disabled-border-color: rgba(var(--rgb-dark), 0.35);
    
    --bs-gradient: none;
      
  }

.btn-outline-light {

  --bs-btn-color: var(--light);
      
  --bs-btn-border-color: rgba(var(--rgb-light), 0.35);
  
  --bs-btn-hover-color: var(--light-l3);
  
  --bs-btn-hover-bg: var(--light);
  
  --bs-btn-hover-border-color: var(--light);
  
  --bs-btn-focus-shadow-rgb: var(--rgb-light-d2);
  
  --bs-btn-active-color: var(--light-l3);
  
  --bs-btn-active-bg: var(--light);
  
  --bs-btn-active-border-color: var(--light);
  
  --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-light-d3), 0.125);
  
  --bs-btn-disabled-color: var(--light-l1);
  
  --bs-btn-disabled-bg: transparent;
  
  --bs-btn-disabled-border-color: rgba(var(--rgb-light), 0.35);
  
  --bs-gradient: none;
    
}

.btn-outline-success {

  --bs-btn-color: var(--success);
      
  --bs-btn-border-color: rgba(var(--rgb-success), 0.35);
  
  --bs-btn-hover-color: var(--success-l3);
  
  --bs-btn-hover-bg: var(--success);
  
  --bs-btn-hover-border-color: var(--success);
  
  --bs-btn-focus-shadow-rgb: var(--rgb-success-d2);
  
  --bs-btn-active-color: var(--success-l3);
  
  --bs-btn-active-bg: var(--success);
  
  --bs-btn-active-border-color: var(--success);
  
  --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-success-d3), 0.125);
  
  --bs-btn-disabled-color: var(--success-l1);
  
  --bs-btn-disabled-bg: transparent;
  
  --bs-btn-disabled-border-color: rgba(var(--rgb-success), 0.35);
  
  --bs-gradient: none;
    
}


.btn-outline-danger {

    --bs-btn-color: var(--danger);
        
    --bs-btn-border-color: rgba(var(--rgb-danger), 0.35);
    
    --bs-btn-hover-color: var(--danger-l3);
    
    --bs-btn-hover-bg: var(--danger);
    
    --bs-btn-hover-border-color: var(--danger);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-danger-d2);
    
    --bs-btn-active-color: var(--danger-l3);
    
    --bs-btn-active-bg: var(--danger);
    
    --bs-btn-active-border-color: var(--danger);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-danger-d3), 0.125);
    
    --bs-btn-disabled-color: var(--danger-l1);
    
    --bs-btn-disabled-bg: transparent;
    
    --bs-btn-disabled-border-color: rgba(var(--rgb-danger), 0.35);
    
    --bs-gradient: none;
      
  }

  .btn-outline-error {

    --bs-btn-color: var(--error);
        
    --bs-btn-border-color: rgba(var(--rgb-error), 0.35);
    
    --bs-btn-hover-color: var(--error-l3);
    
    --bs-btn-hover-bg: var(--error);
    
    --bs-btn-hover-border-color: var(--error);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-error-d2);
    
    --bs-btn-active-color: var(--error-l3);
    
    --bs-btn-active-bg: var(--error);
    
    --bs-btn-active-border-color: var(--error);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-error-d3), 0.125);
    
    --bs-btn-disabled-color: var(--error-l1);
    
    --bs-btn-disabled-bg: transparent;
    
    --bs-btn-disabled-border-color: rgba(var(--rgb-error), 0.35);
    
    --bs-gradient: none;
      
  }

  .btn-outline-warning {

    --bs-btn-color: var(--warning);
        
    --bs-btn-border-color: rgba(var(--rgb-warning), 0.35);
    
    --bs-btn-hover-color: var(--warning-l3);
    
    --bs-btn-hover-bg: var(--warning);
    
    --bs-btn-hover-border-color: var(--warning);
    
    --bs-btn-focus-shadow-rgb: var(--rgb-warning-d2);
    
    --bs-btn-active-color: var(--warning-l3);
    
    --bs-btn-active-bg: var(--warning);
    
    --bs-btn-active-border-color: var(--warning);
    
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-warning-d3), 0.125);
    
    --bs-btn-disabled-color: var(--warning-l1);
    
    --bs-btn-disabled-bg: transparent;
    
    --bs-btn-disabled-border-color: rgba(var(--rgb-warning), 0.35);
    
    --bs-gradient: none;
      
}

.btn-outline-info {

    --bs-btn-color: var(--info);

    --bs-btn-border-color: rgba(var(--rgb-info), 0.35);

    --bs-btn-hover-color: var(--info-l3);

    --bs-btn-hover-bg: var(--info);

    --bs-btn-hover-border-color: var(--info);

    --bs-btn-focus-shadow-rgb: var(--rgb-info-d2);

    --bs-btn-active-color: var(--info-l3);

    --bs-btn-active-bg: var(--info);

    --bs-btn-active-border-color: var(--info);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-info-d3), 0.125);

    --bs-btn-disabled-color: var(--info-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-info), 0.35);

    --bs-gradient: none;

}

.btn-outline-accent-1 {

    --bs-btn-color: var(--accent-1);

    --bs-btn-border-color: rgba(var(--rgb-accent-1), 0.35);

    --bs-btn-hover-color: var(--accent-1-l3);

    --bs-btn-hover-bg: var(--accent-1);

    --bs-btn-hover-border-color: var(--accent-1);

    --bs-btn-focus-shadow-rgb: var(--rgb-accent-1-d2);

    --bs-btn-active-color: var(--accent-1-l3);

    --bs-btn-active-bg: var(--accent-1);

    --bs-btn-active-border-color: var(--accent-1);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-accent-1-d3), 0.125);

    --bs-btn-disabled-color: var(--accent-1-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-accent-1), 0.35);

    --bs-gradient: none;

}

.btn-outline-accent-2 {

    --bs-btn-color: var(--accent-2);

    --bs-btn-border-color: rgba(var(--rgb-accent-2), 0.35);

    --bs-btn-hover-color: var(--accent-2-l3);

    --bs-btn-hover-bg: var(--accent-2);

    --bs-btn-hover-border-color: var(--accent-2);

    --bs-btn-focus-shadow-rgb: var(--rgb-accent-2-d2);

    --bs-btn-active-color: var(--accent-2-l3);

    --bs-btn-active-bg: var(--accent-2);

    --bs-btn-active-border-color: var(--accent-2);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-accent-2-d3), 0.125);

    --bs-btn-disabled-color: var(--accent-2-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-accent-2), 0.35);

    --bs-gradient: none;

}

.btn-outline-accent-3 {

    --bs-btn-color: var(--accent-3);

    --bs-btn-border-color: rgba(var(--rgb-accent-3), 0.35);

    --bs-btn-hover-color: var(--accent-3-l3);

    --bs-btn-hover-bg: var(--accent-3);

    --bs-btn-hover-border-color: var(--accent-3);

    --bs-btn-focus-shadow-rgb: var(--rgb-accent-3-d2);

    --bs-btn-active-color: var(--accent-3-l3);

    --bs-btn-active-bg: var(--accent-3);

    --bs-btn-active-border-color: var(--accent-3);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-accent-3-d3), 0.125);

    --bs-btn-disabled-color: var(--accent-3-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-accent-3), 0.35);

    --bs-gradient: none;

}

.btn-outline-accent-4 {

    --bs-btn-color: var(--accent-4);

    --bs-btn-border-color: rgba(var(--rgb-accent-4), 0.35);

    --bs-btn-hover-color: var(--accent-4-l3);

    --bs-btn-hover-bg: var(--accent-4);

    --bs-btn-hover-border-color: var(--accent-4);

    --bs-btn-focus-shadow-rgb: var(--rgb-accent-4-d2);

    --bs-btn-active-color: var(--accent-4-l3);

    --bs-btn-active-bg: var(--accent-4);

    --bs-btn-active-border-color: var(--accent-4);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-accent-4-d3), 0.125);

    --bs-btn-disabled-color: var(--accent-4-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-accent-4), 0.35);

    --bs-gradient: none;

}

.btn-outline-accent-5 {

    --bs-btn-color: var(--accent-5);

    --bs-btn-border-color: rgba(var(--rgb-accent-5), 0.35);

    --bs-btn-hover-color: var(--accent-5-l3);

    --bs-btn-hover-bg: var(--accent-5);

    --bs-btn-hover-border-color: var(--accent-5);

    --bs-btn-focus-shadow-rgb: var(--rgb-accent-5-d2);

    --bs-btn-active-color: var(--accent-5-l3);

    --bs-btn-active-bg: var(--accent-5);

    --bs-btn-active-border-color: var(--accent-5);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-accent-5-d3), 0.125);

    --bs-btn-disabled-color: var(--accent-5-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-accent-5), 0.35);

    --bs-gradient: none;

}

.btn-outline-accent-6 {

    --bs-btn-color: var(--accent-6);

    --bs-btn-border-color: rgba(var(--rgb-accent-6), 0.35);

    --bs-btn-hover-color: var(--accent-6-l3);

    --bs-btn-hover-bg: var(--accent-6);

    --bs-btn-hover-border-color: var(--accent-6);

    --bs-btn-focus-shadow-rgb: var(--rgb-accent-6-d2);

    --bs-btn-active-color: var(--accent-6-l3);

    --bs-btn-active-bg: var(--accent-6);

    --bs-btn-active-border-color: var(--accent-6);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-accent-6-d3), 0.125);

    --bs-btn-disabled-color: var(--accent-6-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-accent-6), 0.35);

    --bs-gradient: none;

}

.btn-outline-red {

    --bs-btn-color: var(--red);

    --bs-btn-border-color: rgba(var(--rgb-red), 0.35);

    --bs-btn-hover-color: var(--red-l3);

    --bs-btn-hover-bg: var(--red);

    --bs-btn-hover-border-color: var(--red);

    --bs-btn-focus-shadow-rgb: var(--rgb-red-d2);

    --bs-btn-active-color: var(--red-l3);

    --bs-btn-active-bg: var(--red);

    --bs-btn-active-border-color: var(--red);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-red-d3), 0.125);

    --bs-btn-disabled-color: var(--red-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-red), 0.35);

    --bs-gradient: none;

}

.btn-outline-pink {

    --bs-btn-color: var(--pink);

    --bs-btn-border-color: rgba(var(--rgb-pink), 0.35);

    --bs-btn-hover-color: var(--pink-l3);

    --bs-btn-hover-bg: var(--pink);

    --bs-btn-hover-border-color: var(--pink);

    --bs-btn-focus-shadow-rgb: var(--rgb-pink-d2);

    --bs-btn-active-color: var(--pink-l3);

    --bs-btn-active-bg: var(--pink);

    --bs-btn-active-border-color: var(--pink);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-pink-d3), 0.125);

    --bs-btn-disabled-color: var(--pink-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-pink), 0.35);

    --bs-gradient: none;

}

.btn-outline-purple {

    --bs-btn-color: var(--purple);

    --bs-btn-border-color: rgba(var(--rgb-purple), 0.35);

    --bs-btn-hover-color: var(--purple-l3);

    --bs-btn-hover-bg: var(--purple);

    --bs-btn-hover-border-color: var(--purple);

    --bs-btn-focus-shadow-rgb: var(--rgb-purple-d2);

    --bs-btn-active-color: var(--purple-l3);

    --bs-btn-active-bg: var(--purple);

    --bs-btn-active-border-color: var(--purple);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-purple-d3), 0.125);

    --bs-btn-disabled-color: var(--purple-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-purple), 0.35);

    --bs-gradient: none;

}

.btn-outline-purple {

    --bs-btn-color: var(--purple);

    --bs-btn-border-color: rgba(var(--rgb-purple), 0.35);

    --bs-btn-hover-color: var(--purple-l3);

    --bs-btn-hover-bg: var(--purple);

    --bs-btn-hover-border-color: var(--purple);

    --bs-btn-focus-shadow-rgb: var(--rgb-purple-d2);

    --bs-btn-active-color: var(--purple-l3);

    --bs-btn-active-bg: var(--purple);

    --bs-btn-active-border-color: var(--purple);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-purple-d3), 0.125);

    --bs-btn-disabled-color: var(--purple-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-purple), 0.35);

    --bs-gradient: none;

}

.btn-deeppurple-info {

    --bs-btn-color: var(--deeppurple);

    --bs-btn-border-color: rgba(var(--rgb-deeppurple), 0.35);

    --bs-btn-hover-color: var(--deeppurple-l3);

    --bs-btn-hover-bg: var(--deeppurple);

    --bs-btn-hover-border-color: var(--deeppurple);

    --bs-btn-focus-shadow-rgb: var(--rgb-deeppurple-d2);

    --bs-btn-active-color: var(--deeppurple-l3);

    --bs-btn-active-bg: var(--deeppurple);

    --bs-btn-active-border-color: var(--deeppurple);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-deeppurple-d3), 0.125);

    --bs-btn-disabled-color: var(--deeppurple-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-deeppurple), 0.35);

    --bs-gradient: none;

}

.btn-indigo-info {

    --bs-btn-color: var(--indigo);

    --bs-btn-border-color: rgba(var(--rgb-indigo), 0.35);

    --bs-btn-hover-color: var(--indigo-l3);

    --bs-btn-hover-bg: var(--indigo);

    --bs-btn-hover-border-color: var(--indigo);

    --bs-btn-focus-shadow-rgb: var(--rgb-indigo-d2);

    --bs-btn-active-color: var(--indigo-l3);

    --bs-btn-active-bg: var(--indigo);

    --bs-btn-active-border-color: var(--indigo);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-indigo-d3), 0.125);

    --bs-btn-disabled-color: var(--indigo-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-indigo), 0.35);

    --bs-gradient: none;

}

.btn-outline-blue {

    --bs-btn-color: var(--blue);

    --bs-btn-border-color: rgba(var(--rgb-blue), 0.35);

    --bs-btn-hover-color: var(--blue-l3);

    --bs-btn-hover-bg: var(--blue);

    --bs-btn-hover-border-color: var(--blue);

    --bs-btn-focus-shadow-rgb: var(--rgb-blue-d2);

    --bs-btn-active-color: var(--blue-l3);

    --bs-btn-active-bg: var(--blue);

    --bs-btn-active-border-color: var(--blue);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-blue-d3), 0.125);

    --bs-btn-disabled-color: var(--blue-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-blue), 0.35);

    --bs-gradient: none;

}

.btn-outline-lightblue {

    --bs-btn-color: var(--lightblue);

    --bs-btn-border-color: rgba(var(--rgb-lightblue), 0.35);

    --bs-btn-hover-color: var(--lightblue-l3);

    --bs-btn-hover-bg: var(--lightblue);

    --bs-btn-hover-border-color: var(--lightblue);

    --bs-btn-focus-shadow-rgb: var(--rgb-lightblue-d2);

    --bs-btn-active-color: var(--lightblue-l3);

    --bs-btn-active-bg: var(--lightblue);

    --bs-btn-active-border-color: var(--lightblue);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-lightblue-d3), 0.125);

    --bs-btn-disabled-color: var(--lightblue-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-lightblue), 0.35);

    --bs-gradient: none;

}

.btn-outline-cyan {

    --bs-btn-color: var(--cyan);

    --bs-btn-border-color: rgba(var(--rgb-cyan), 0.35);

    --bs-btn-hover-color: var(--cyan-l3);

    --bs-btn-hover-bg: var(--cyan);

    --bs-btn-hover-border-color: var(--cyan);

    --bs-btn-focus-shadow-rgb: var(--rgb-cyan-d2);

    --bs-btn-active-color: var(--cyan-l3);

    --bs-btn-active-bg: var(--cyan);

    --bs-btn-active-border-color: var(--cyan);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-cyan-d3), 0.125);

    --bs-btn-disabled-color: var(--cyan-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-cyan), 0.35);

    --bs-gradient: none;

}

.btn-outline-info {

    --bs-btn-color: var(--cyan);

    --bs-btn-border-color: rgba(var(--rgb-cyan), 0.35);

    --bs-btn-hover-color: var(--cyan-l3);

    --bs-btn-hover-bg: var(--cyan);

    --bs-btn-hover-border-color: var(--cyan);

    --bs-btn-focus-shadow-rgb: var(--rgb-cyan-d2);

    --bs-btn-active-color: var(--cyan-l3);

    --bs-btn-active-bg: var(--cyan);

    --bs-btn-active-border-color: var(--cyan);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-cyan-d3), 0.125);

    --bs-btn-disabled-color: var(--cyan-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-cyan), 0.35);

    --bs-gradient: none;

}

.btn-outline-teal {

    --bs-btn-color: var(--teal);

    --bs-btn-border-color: rgba(var(--rgb-teal), 0.35);

    --bs-btn-hover-color: var(--teal-l3);

    --bs-btn-hover-bg: var(--teal);

    --bs-btn-hover-border-color: var(--teal);

    --bs-btn-focus-shadow-rgb: var(--rgb-teal-d2);

    --bs-btn-active-color: var(--teal-l3);

    --bs-btn-active-bg: var(--teal);

    --bs-btn-active-border-color: var(--teal);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-teal-d3), 0.125);

    --bs-btn-disabled-color: var(--teal-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-teal), 0.35);

    --bs-gradient: none;

}

.btn-outline-green {

    --bs-btn-color: var(--green);

    --bs-btn-border-color: rgba(var(--rgb-green), 0.35);

    --bs-btn-hover-color: var(--green-l3);

    --bs-btn-hover-bg: var(--green);

    --bs-btn-hover-border-color: var(--green);

    --bs-btn-focus-shadow-rgb: var(--rgb-green-d2);

    --bs-btn-active-color: var(--green-l3);

    --bs-btn-active-bg: var(--green);

    --bs-btn-active-border-color: var(--green);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-green-d3), 0.125);

    --bs-btn-disabled-color: var(--green-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-green), 0.35);

    --bs-gradient: none;

}

.btn-outline-lightgreen {

    --bs-btn-color: var(--lightgreen);

    --bs-btn-border-color: rgba(var(--rgb-lightgreen), 0.35);

    --bs-btn-hover-color: var(--lightgreen-l3);

    --bs-btn-hover-bg: var(--lightgreen);

    --bs-btn-hover-border-color: var(--lightgreen);

    --bs-btn-focus-shadow-rgb: var(--rgb-lightgreen-d2);

    --bs-btn-active-color: var(--lightgreen-l3);

    --bs-btn-active-bg: var(--lightgreen);

    --bs-btn-active-border-color: var(--lightgreen);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-lightgreen-d3), 0.125);

    --bs-btn-disabled-color: var(--lightgreen-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-lightgreen), 0.35);

    --bs-gradient: none;

}

.btn-outline-lime {

    --bs-btn-color: var(--lime);

    --bs-btn-border-color: rgba(var(--rgb-lime), 0.35);

    --bs-btn-hover-color: var(--lime-l3);

    --bs-btn-hover-bg: var(--lime);

    --bs-btn-hover-border-color: var(--lime);

    --bs-btn-focus-shadow-rgb: var(--rgb-lime-d2);

    --bs-btn-active-color: var(--lime-l3);

    --bs-btn-active-bg: var(--lime);

    --bs-btn-active-border-color: var(--lime);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-lime-d3), 0.125);

    --bs-btn-disabled-color: var(--lime-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-lime), 0.35);

    --bs-gradient: none;

}

.btn-outline-yellow {

    --bs-btn-color: var(--yellow);

    --bs-btn-border-color: rgba(var(--rgb-yellow), 0.35);

    --bs-btn-hover-color: var(--yellow-l3);

    --bs-btn-hover-bg: var(--yellow);

    --bs-btn-hover-border-color: var(--yellow);

    --bs-btn-focus-shadow-rgb: var(--rgb-yellow-d2);

    --bs-btn-active-color: var(--yellow-l3);

    --bs-btn-active-bg: var(--yellow);

    --bs-btn-active-border-color: var(--yellow);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-yellow-d3), 0.125);

    --bs-btn-disabled-color: var(--yellow-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-yellow), 0.35);

    --bs-gradient: none;

}

.btn-outline-amber {

    --bs-btn-color: var(--amber);

    --bs-btn-border-color: rgba(var(--rgb-amber), 0.35);

    --bs-btn-hover-color: var(--amber-l3);

    --bs-btn-hover-bg: var(--amber);

    --bs-btn-hover-border-color: var(--amber);

    --bs-btn-focus-shadow-rgb: var(--rgb-amber-d2);

    --bs-btn-active-color: var(--amber-l3);

    --bs-btn-active-bg: var(--amber);

    --bs-btn-active-border-color: var(--amber);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-amber-d3), 0.125);

    --bs-btn-disabled-color: var(--amber-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-amber), 0.35);

    --bs-gradient: none;

}

.btn-outline-orange {

    --bs-btn-color: var(--orange);

    --bs-btn-border-color: rgba(var(--rgb-orange), 0.35);

    --bs-btn-hover-color: var(--orange-l3);

    --bs-btn-hover-bg: var(--orange);

    --bs-btn-hover-border-color: var(--orange);

    --bs-btn-focus-shadow-rgb: var(--rgb-orange-d2);

    --bs-btn-active-color: var(--orange-l3);

    --bs-btn-active-bg: var(--orange);

    --bs-btn-active-border-color: var(--orange);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-orange-d3), 0.125);

    --bs-btn-disabled-color: var(--orange-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-orange), 0.35);

    --bs-gradient: none;

}

.btn-outline-deeporange {

    --bs-btn-color: var(--deeporange);

    --bs-btn-border-color: rgba(var(--rgb-deeporange), 0.35);

    --bs-btn-hover-color: var(--deeporange-l3);

    --bs-btn-hover-bg: var(--deeporange);

    --bs-btn-hover-border-color: var(--deeporange);

    --bs-btn-focus-shadow-rgb: var(--rgb-deeporange-d2);

    --bs-btn-active-color: var(--deeporange-l3);

    --bs-btn-active-bg: var(--deeporange);

    --bs-btn-active-border-color: var(--deeporange);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-deeporange-d3), 0.125);

    --bs-btn-disabled-color: var(--deeporange-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-deeporange), 0.35);

    --bs-gradient: none;

}

.btn-outline-gray {

    --bs-btn-color: var(--gray);

    --bs-btn-border-color: rgba(var(--rgb-gray), 0.35);

    --bs-btn-hover-color: var(--gray-l3);

    --bs-btn-hover-bg: var(--gray);

    --bs-btn-hover-border-color: var(--gray);

    --bs-btn-focus-shadow-rgb: var(--rgb-gray-d2);

    --bs-btn-active-color: var(--gray-l3);

    --bs-btn-active-bg: var(--gray);

    --bs-btn-active-border-color: var(--gray);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-gray-d3), 0.125);

    --bs-btn-disabled-color: var(--gray-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-gray), 0.35);

    --bs-gradient: none;

}

.btn-outline-bluegray {

    --bs-btn-color: var(--bluegray);

    --bs-btn-border-color: rgba(var(--rgb-bluegray), 0.35);

    --bs-btn-hover-color: var(--bluegray-l3);

    --bs-btn-hover-bg: var(--bluegray);

    --bs-btn-hover-border-color: var(--bluegray);

    --bs-btn-focus-shadow-rgb: var(--rgb-bluegray-d2);

    --bs-btn-active-color: var(--bluegray-l3);

    --bs-btn-active-bg: var(--bluegray);

    --bs-btn-active-border-color: var(--bluegray);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-bluegray-d3), 0.125);

    --bs-btn-disabled-color: var(--bluegray-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-bluegray), 0.35);

    --bs-gradient: none;

}

.btn-outline-silver {

    --bs-btn-color: var(--silver);

    --bs-btn-border-color: rgba(var(--rgb-silver), 0.35);

    --bs-btn-hover-color: var(--silver-l3);

    --bs-btn-hover-bg: var(--silver);

    --bs-btn-hover-border-color: var(--silver);

    --bs-btn-focus-shadow-rgb: var(--rgb-silver-d2);

    --bs-btn-active-color: var(--silver-l3);

    --bs-btn-active-bg: var(--silver);

    --bs-btn-active-border-color: var(--silver);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-silver-d3), 0.125);

    --bs-btn-disabled-color: var(--silver-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-silver), 0.35);

    --bs-gradient: none;

}

.btn-outline-white {

    --bs-btn-color: var(--white);

    --bs-btn-border-color: rgba(var(--rgb-white), 0.35);

    --bs-btn-hover-color: var(--white-l3);

    --bs-btn-hover-bg: var(--white);

    --bs-btn-hover-border-color: var(--white);

    --bs-btn-focus-shadow-rgb: var(--rgb-white-d2);

    --bs-btn-active-color: var(--white-l3);

    --bs-btn-active-bg: var(--white);

    --bs-btn-active-border-color: var(--white);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-white-d3), 0.125);

    --bs-btn-disabled-color: var(--white-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-white), 0.35);

    --bs-gradient: none;

}

.btn-outline-black {

    --bs-btn-color: var(--black);

    --bs-btn-border-color: rgba(var(--rgb-black), 0.35);

    --bs-btn-hover-color: var(--black-l3);

    --bs-btn-hover-bg: var(--black);

    --bs-btn-hover-border-color: var(--black);

    --bs-btn-focus-shadow-rgb: var(--rgb-black-d2);

    --bs-btn-active-color: var(--black-l3);

    --bs-btn-active-bg: var(--black);

    --bs-btn-active-border-color: var(--black);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-black-d3), 0.125);

    --bs-btn-disabled-color: var(--black-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-black), 0.35);

    --bs-gradient: none;

}

.btn-outline-blogger {

    --bs-btn-color: var(--blogger);

    --bs-btn-border-color: rgba(var(--rgb-blogger), 0.35);

    --bs-btn-hover-color: var(--blogger-l3);

    --bs-btn-hover-bg: var(--blogger);

    --bs-btn-hover-border-color: var(--blogger);

    --bs-btn-focus-shadow-rgb: var(--rgb-blogger-d2);

    --bs-btn-active-color: var(--blogger-l3);

    --bs-btn-active-bg: var(--blogger);

    --bs-btn-active-border-color: var(--blogger);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-blogger-d3), 0.125);

    --bs-btn-disabled-color: var(--blogger-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-blogger), 0.35);

    --bs-gradient: none;

}

.btn-outline-codepen {

    --bs-btn-color: var(--codepen);

    --bs-btn-border-color: rgba(var(--rgb-codepen), 0.35);

    --bs-btn-hover-color: var(--codepen-l3);

    --bs-btn-hover-bg: var(--codepen);

    --bs-btn-hover-border-color: var(--codepen);

    --bs-btn-focus-shadow-rgb: var(--rgb-codepen-d2);

    --bs-btn-active-color: var(--codepen-l3);

    --bs-btn-active-bg: var(--codepen);

    --bs-btn-active-border-color: var(--codepen);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-codepen-d3), 0.125);

    --bs-btn-disabled-color: var(--codepen-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-codepen), 0.35);

    --bs-gradient: none;

}

.btn-outline-discord {

    --bs-btn-color: var(--discord);

    --bs-btn-border-color: rgba(var(--rgb-discord), 0.35);

    --bs-btn-hover-color: var(--discord-l3);

    --bs-btn-hover-bg: var(--discord);

    --bs-btn-hover-border-color: var(--discord);

    --bs-btn-focus-shadow-rgb: var(--rgb-discord-d2);

    --bs-btn-active-color: var(--discord-l3);

    --bs-btn-active-bg: var(--discord);

    --bs-btn-active-border-color: var(--discord);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-discord-d3), 0.125);

    --bs-btn-disabled-color: var(--discord-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-discord), 0.35);

    --bs-gradient: none;

}

.btn-outline-dribbble {

    --bs-btn-color: var(--dribbble);

    --bs-btn-border-color: rgba(var(--rgb-dribbble), 0.35);

    --bs-btn-hover-color: var(--dribbble-l3);

    --bs-btn-hover-bg: var(--dribbble);

    --bs-btn-hover-border-color: var(--dribbble);

    --bs-btn-focus-shadow-rgb: var(--rgb-dribbble-d2);

    --bs-btn-active-color: var(--dribbble-l3);

    --bs-btn-active-bg: var(--dribbble);

    --bs-btn-active-border-color: var(--dribbble);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-dribbble-d3), 0.125);

    --bs-btn-disabled-color: var(--dribbble-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-dribbble), 0.35);

    --bs-gradient: none;

}

.btn-outline-dropbox {

    --bs-btn-color: var(--dropbox);

    --bs-btn-border-color: rgba(var(--rgb-dropbox), 0.35);

    --bs-btn-hover-color: var(--dropbox-l3);

    --bs-btn-hover-bg: var(--dropbox);

    --bs-btn-hover-border-color: var(--dropbox);

    --bs-btn-focus-shadow-rgb: var(--rgb-dropbox-d2);

    --bs-btn-active-color: var(--dropbox-l3);

    --bs-btn-active-bg: var(--dropbox);

    --bs-btn-active-border-color: var(--dropbox);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-dropbox-d3), 0.125);

    --bs-btn-disabled-color: var(--dropbox-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-dropbox), 0.35);

    --bs-gradient: none;

}

.btn-outline-facebook {

    --bs-btn-color: var(--facebook);

    --bs-btn-border-color: rgba(var(--rgb-facebook), 0.35);

    --bs-btn-hover-color: var(--facebook-l3);

    --bs-btn-hover-bg: var(--facebook);

    --bs-btn-hover-border-color: var(--facebook);

    --bs-btn-focus-shadow-rgb: var(--rgb-facebook-d2);

    --bs-btn-active-color: var(--facebook-l3);

    --bs-btn-active-bg: var(--facebook);

    --bs-btn-active-border-color: var(--facebook);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-facebook-d3), 0.125);

    --bs-btn-disabled-color: var(--facebook-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-facebook), 0.35);

    --bs-gradient: none;

}

.btn-outline-flickr {

    --bs-btn-color: var(--flickr);

    --bs-btn-border-color: rgba(var(--rgb-flickr), 0.35);

    --bs-btn-hover-color: var(--info-l3);

    --bs-btn-hover-bg: var(--flickr);

    --bs-btn-hover-border-color: var(--flickr);

    --bs-btn-focus-shadow-rgb: var(--rgb-flickr-d2);

    --bs-btn-active-color: var(--flickr-l3);

    --bs-btn-active-bg: var(--flickr);

    --bs-btn-active-border-color: var(--flickr);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-flickr-d3), 0.125);

    --bs-btn-disabled-color: var(--flickr-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-flickr), 0.35);

    --bs-gradient: none;

}

.btn-outline-foursquare {

    --bs-btn-color: var(--foursquare);

    --bs-btn-border-color: rgba(var(--rgb-foursquare), 0.35);

    --bs-btn-hover-color: var(--foursquare-l3);

    --bs-btn-hover-bg: var(--foursquare);

    --bs-btn-hover-border-color: var(--foursquare);

    --bs-btn-focus-shadow-rgb: var(--rgb-foursquare-d2);

    --bs-btn-active-color: var(--foursquare-l3);

    --bs-btn-active-bg: var(--foursquare);

    --bs-btn-active-border-color: var(--foursquare);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-foursquare-d3), 0.125);

    --bs-btn-disabled-color: var(--foursquare-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-foursquare), 0.35);

    --bs-gradient: none;

}

.btn-outline-gitlab {

    --bs-btn-color: var(--gitlab);

    --bs-btn-border-color: rgba(var(--rgb-gitlab), 0.35);

    --bs-btn-hover-color: var(--gitlab-l3);

    --bs-btn-hover-bg: var(--gitlab);

    --bs-btn-hover-border-color: var(--gitlab);

    --bs-btn-focus-shadow-rgb: var(--rgb-gitlab-d2);

    --bs-btn-active-color: var(--gitlab-l3);

    --bs-btn-active-bg: var(--gitlab);

    --bs-btn-active-border-color: var(--gitlab);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-gitlab-d3), 0.125);

    --bs-btn-disabled-color: var(--gitlab-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-gitlab), 0.35);

    --bs-gradient: none;

}

.btn-outline-github {

    --bs-btn-color: var(--github);

    --bs-btn-border-color: rgba(var(--rgb-github), 0.35);

    --bs-btn-hover-color: var(--github-l3);

    --bs-btn-hover-bg: var(--github);

    --bs-btn-hover-border-color: var(--github);

    --bs-btn-focus-shadow-rgb: var(--rgb-github-d2);

    --bs-btn-active-color: var(--github-l3);

    --bs-btn-active-bg: var(--github);

    --bs-btn-active-border-color: var(--github);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-github-d3), 0.125);

    --bs-btn-disabled-color: var(--github-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-github), 0.35);

    --bs-gradient: none;

}

.btn-outline-google {

    --bs-btn-color: var(--google);

    --bs-btn-border-color: rgba(var(--rgb-google), 0.35);

    --bs-btn-hover-color: var(--google-l3);

    --bs-btn-hover-bg: var(--google);

    --bs-btn-hover-border-color: var(--google);

    --bs-btn-focus-shadow-rgb: var(--rgb-google-d2);

    --bs-btn-active-color: var(--google-l3);

    --bs-btn-active-bg: var(--google);

    --bs-btn-active-border-color: var(--google);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-google-d3), 0.125);

    --bs-btn-disabled-color: var(--google-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-google), 0.35);

    --bs-gradient: none;

}

.btn-outline-instagram {

    --bs-btn-color: var(--instagram);

    --bs-btn-border-color: rgba(var(--rgb-instagram), 0.35);

    --bs-btn-hover-color: var(--instagram-l3);

    --bs-btn-hover-bg: var(--instagram);

    --bs-btn-hover-border-color: var(--instagram);

    --bs-btn-focus-shadow-rgb: var(--rgb-instagram-d2);

    --bs-btn-active-color: var(--instagram-l3);

    --bs-btn-active-bg: var(--instagram);

    --bs-btn-active-border-color: var(--instagram);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-instagram-d3), 0.125);

    --bs-btn-disabled-color: var(--instagram-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-instagram), 0.35);

    --bs-gradient: none;

}

.btn-outline-kickstarter {

    --bs-btn-color: var(--kickstarter);

    --bs-btn-border-color: rgba(var(--rgb-kickstarter), 0.35);

    --bs-btn-hover-color: var(--kickstarter-l3);

    --bs-btn-hover-bg: var(--kickstarter);

    --bs-btn-hover-border-color: var(--kickstarter);

    --bs-btn-focus-shadow-rgb: var(--rgb-kickstarter-d2);

    --bs-btn-active-color: var(--kickstarter-l3);

    --bs-btn-active-bg: var(--kickstarter);

    --bs-btn-active-border-color: var(--kickstarter);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-kickstarter-d3), 0.125);

    --bs-btn-disabled-color: var(--kickstarter-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-kickstarter), 0.35);

    --bs-gradient: none;

}

.btn-outline-linkedin {

    --bs-btn-color: var(--linkedin);

    --bs-btn-border-color: rgba(var(--rgb-linkedin), 0.35);

    --bs-btn-hover-color: var(--linkedin-l3);

    --bs-btn-hover-bg: var(--linkedin);

    --bs-btn-hover-border-color: var(--linkedin);

    --bs-btn-focus-shadow-rgb: var(--rgb-linkedin-d2);

    --bs-btn-active-color: var(--linkedin-l3);

    --bs-btn-active-bg: var(--linkedin);

    --bs-btn-active-border-color: var(--linkedin);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-linkedin-d3), 0.125);

    --bs-btn-disabled-color: var(--linkedin-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-linkedin), 0.35);

    --bs-gradient: none;

}

.btn-outline-medium {

    --bs-btn-color: var(--medium);

    --bs-btn-border-color: rgba(var(--rgb-medium), 0.35);

    --bs-btn-hover-color: var(--medium-l3);

    --bs-btn-hover-bg: var(--medium);

    --bs-btn-hover-border-color: var(--medium);

    --bs-btn-focus-shadow-rgb: var(--rgb-medium-d2);

    --bs-btn-active-color: var(--medium-l3);

    --bs-btn-active-bg: var(--medium);

    --bs-btn-active-border-color: var(--medium);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-medium-d3), 0.125);

    --bs-btn-disabled-color: var(--medium-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-medium), 0.35);

    --bs-gradient: none;

}

.btn-outline-messenger {

    --bs-btn-color: var(--messenger);

    --bs-btn-border-color: rgba(var(--rgb-messenger), 0.35);

    --bs-btn-hover-color: var(--messenger-l3);

    --bs-btn-hover-bg: var(--messenger);

    --bs-btn-hover-border-color: var(--messenger);

    --bs-btn-focus-shadow-rgb: var(--rgb-messenger-d2);

    --bs-btn-active-color: var(--messenger-l3);

    --bs-btn-active-bg: var(--messenger);

    --bs-btn-active-border-color: var(--messenger);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-messenger-d3), 0.125);

    --bs-btn-disabled-color: var(--messenger-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-messenger), 0.35);

    --bs-gradient: none;

}

.btn-outline-ok {

    --bs-btn-color: var(--ok);

    --bs-btn-border-color: rgba(var(--rgb-ok), 0.35);

    --bs-btn-hover-color: var(--ok-l3);

    --bs-btn-hover-bg: var(--ok);

    --bs-btn-hover-border-color: var(--ok);

    --bs-btn-focus-shadow-rgb: var(--rgb-ok-d2);

    --bs-btn-active-color: var(--ok-l3);

    --bs-btn-active-bg: var(--ok);

    --bs-btn-active-border-color: var(--ok);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-ok-d3), 0.125);

    --bs-btn-disabled-color: var(--ok-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-ok), 0.35);

    --bs-gradient: none;

}

.btn-outline-patreon {

    --bs-btn-color: var(--patreon);

    --bs-btn-border-color: rgba(var(--rgb-patreon), 0.35);

    --bs-btn-hover-color: var(--patreon-l3);

    --bs-btn-hover-bg: var(--patreon);

    --bs-btn-hover-border-color: var(--patreon);

    --bs-btn-focus-shadow-rgb: var(--rgb-patreon-d2);

    --bs-btn-active-color: var(--patreon-l3);

    --bs-btn-active-bg: var(--patreon);

    --bs-btn-active-border-color: var(--patreon);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-patreon-d3), 0.125);

    --bs-btn-disabled-color: var(--patreon-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-patreon), 0.35);

    --bs-gradient: none;

}

.btn-outline-pinterest {

    --bs-btn-color: var(--pinterest);

    --bs-btn-border-color: rgba(var(--rgb-pinterest), 0.35);

    --bs-btn-hover-color: var(--pinterest-l3);

    --bs-btn-hover-bg: var(--pinterest);

    --bs-btn-hover-border-color: var(--pinterest);

    --bs-btn-focus-shadow-rgb: var(--rgb-pinterest-d2);

    --bs-btn-active-color: var(--pinterest-l3);

    --bs-btn-active-bg: var(--pinterest);

    --bs-btn-active-border-color: var(--pinterest);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-pinterest-d3), 0.125);

    --bs-btn-disabled-color: var(--pinterest-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-pinterest), 0.35);

    --bs-gradient: none;

}

.btn-outline-product {

    --bs-btn-color: var(--product);

    --bs-btn-border-color: rgba(var(--rgb-product), 0.35);

    --bs-btn-hover-color: var(--product-l3);

    --bs-btn-hover-bg: var(--product);

    --bs-btn-hover-border-color: var(--product);

    --bs-btn-focus-shadow-rgb: var(--rgb-product-d2);

    --bs-btn-active-color: var(--product-l3);

    --bs-btn-active-bg: var(--product);

    --bs-btn-active-border-color: var(--product);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-product-d3), 0.125);

    --bs-btn-disabled-color: var(--product-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-product), 0.35);

    --bs-gradient: none;

}

.btn-outline-qq {

    --bs-btn-color: var(--qq);

    --bs-btn-border-color: rgba(var(--rgb-qq), 0.35);

    --bs-btn-hover-color: var(--qq-l3);

    --bs-btn-hover-bg: var(--qq);

    --bs-btn-hover-border-color: var(--qq);

    --bs-btn-focus-shadow-rgb: var(--rgb-qq-d2);

    --bs-btn-active-color: var(--qq-l3);

    --bs-btn-active-bg: var(--qq);

    --bs-btn-active-border-color: var(--qq);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-qq-d3), 0.125);

    --bs-btn-disabled-color: var(--qq-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-qq), 0.35);

    --bs-gradient: none;

}

.btn-outline-reddit {

    --bs-btn-color: var(--reddit);

    --bs-btn-border-color: rgba(var(--rgb-reddit), 0.35);

    --bs-btn-hover-color: var(--reddit-l3);

    --bs-btn-hover-bg: var(--reddit);

    --bs-btn-hover-border-color: var(--reddit);

    --bs-btn-focus-shadow-rgb: var(--rgb-reddit-d2);

    --bs-btn-active-color: var(--reddit-l3);

    --bs-btn-active-bg: var(--reddit);

    --bs-btn-active-border-color: var(--reddit);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-reddit-d3), 0.125);

    --bs-btn-disabled-color: var(--reddit-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-reddit), 0.35);

    --bs-gradient: none;

}

.btn-outline-rss {

    --bs-btn-color: var(--rss);

    --bs-btn-border-color: rgba(var(--rgb-rss), 0.35);

    --bs-btn-hover-color: var(--rss-l3);

    --bs-btn-hover-bg: var(--rss);

    --bs-btn-hover-border-color: var(--rss);

    --bs-btn-focus-shadow-rgb: var(--rgb-rss-d2);

    --bs-btn-active-color: var(--rss-l3);

    --bs-btn-active-bg: var(--rss);

    --bs-btn-active-border-color: var(--rss);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-rss-d3), 0.125);

    --bs-btn-disabled-color: var(--rss-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-rss), 0.35);

    --bs-gradient: none;

}

.btn-outline-skype {

    --bs-btn-color: var(--skype);

    --bs-btn-border-color: rgba(var(--rgb-skype), 0.35);

    --bs-btn-hover-color: var(--skype-l3);

    --bs-btn-hover-bg: var(--skype);

    --bs-btn-hover-border-color: var(--skype);

    --bs-btn-focus-shadow-rgb: var(--rgb-skype-d2);

    --bs-btn-active-color: var(--skype-l3);

    --bs-btn-active-bg: var(--skype);

    --bs-btn-active-border-color: var(--skype);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-skype-d3), 0.125);

    --bs-btn-disabled-color: var(--skype-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-skype), 0.35);

    --bs-gradient: none;

}

.btn-outline-slack {

    --bs-btn-color: var(--slack);

    --bs-btn-border-color: rgba(var(--rgb-slack), 0.35);

    --bs-btn-hover-color: var(--slack-l3);

    --bs-btn-hover-bg: var(--slack);

    --bs-btn-hover-border-color: var(--slack);

    --bs-btn-focus-shadow-rgb: var(--rgb-slack-d2);

    --bs-btn-active-color: var(--slack-l3);

    --bs-btn-active-bg: var(--slack);

    --bs-btn-active-border-color: var(--slack);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-slack-d3), 0.125);

    --bs-btn-disabled-color: var(--slack-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-slack), 0.35);

    --bs-gradient: none;

}

.btn-outline-snap {

    --bs-btn-color: var(--snap);

    --bs-btn-border-color: rgba(var(--rgb-snap), 0.35);

    --bs-btn-hover-color: var(--snap-l3);

    --bs-btn-hover-bg: var(--snap);

    --bs-btn-hover-border-color: var(--snap);

    --bs-btn-focus-shadow-rgb: var(--rgb-snap-d2);

    --bs-btn-active-color: var(--snap-l3);

    --bs-btn-active-bg: var(--snap);

    --bs-btn-active-border-color: var(--snap);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-snap-d3), 0.125);

    --bs-btn-disabled-color: var(--snap-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-snap), 0.35);

    --bs-gradient: none;

}

.btn-outline-stack-overflow {

    --bs-btn-color: var(--stack-overflow);

    --bs-btn-border-color: rgba(var(--rgb-stack-overflow), 0.35);

    --bs-btn-hover-color: var(--stack-overflow-l3);

    --bs-btn-hover-bg: var(--stack-overflow);

    --bs-btn-hover-border-color: var(--stack-overflow);

    --bs-btn-focus-shadow-rgb: var(--rgb-stack-overflow-d2);

    --bs-btn-active-color: var(--stack-overflow-l3);

    --bs-btn-active-bg: var(--stack-overflow);

    --bs-btn-active-border-color: var(--stack-overflow);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-stack-overflow-d3), 0.125);

    --bs-btn-disabled-color: var(--stack-overflow-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-stack-overflow), 0.35);

    --bs-gradient: none;

}

.btn-outline-steam {

    --bs-btn-color: var(--steam);

    --bs-btn-border-color: rgba(var(--rgb-steam), 0.35);

    --bs-btn-hover-color: var(--steam-l3);

    --bs-btn-hover-bg: var(--steam);

    --bs-btn-hover-border-color: var(--steam);

    --bs-btn-focus-shadow-rgb: var(--rgb-steam-d2);

    --bs-btn-active-color: var(--steam-l3);

    --bs-btn-active-bg: var(--steam);

    --bs-btn-active-border-color: var(--steam);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-steam-d3), 0.125);

    --bs-btn-disabled-color: var(--steam-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-steam), 0.35);

    --bs-gradient: none;

}

.btn-outline-telegram {

    --bs-btn-color: var(--telegram);

    --bs-btn-border-color: rgba(var(--rgb-telegram), 0.35);

    --bs-btn-hover-color: var(--telegram-l3);

    --bs-btn-hover-bg: var(--telegram);

    --bs-btn-hover-border-color: var(--telegram);

    --bs-btn-focus-shadow-rgb: var(--rgb-telegram-d2);

    --bs-btn-active-color: var(--telegram-l3);

    --bs-btn-active-bg: var(--telegram);

    --bs-btn-active-border-color: var(--telegram);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-telegram-d3), 0.125);

    --bs-btn-disabled-color: var(--telegram-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-telegram), 0.35);

    --bs-gradient: none;

}

.btn-outline-tiktok {

    --bs-btn-color: var(--tiktok);

    --bs-btn-border-color: rgba(var(--rgb-tiktok), 0.35);

    --bs-btn-hover-color: var(--tiktok-l3);

    --bs-btn-hover-bg: var(--tiktok);

    --bs-btn-hover-border-color: var(--tiktok);

    --bs-btn-focus-shadow-rgb: var(--rgb-tiktok-d2);

    --bs-btn-active-color: var(--tiktok-l3);

    --bs-btn-active-bg: var(--tiktok);

    --bs-btn-active-border-color: var(--tiktok);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-tiktok-d3), 0.125);

    --bs-btn-disabled-color: var(--tiktok-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-tiktok), 0.35);

    --bs-gradient: none;

}

.btn-outline-trip-advisor {

    --bs-btn-color: var(--trip-advisor);

    --bs-btn-border-color: rgba(var(--rgb-trip-advisor), 0.35);

    --bs-btn-hover-color: var(--trip-advisor-l3);

    --bs-btn-hover-bg: var(--trip-advisor);

    --bs-btn-hover-border-color: var(--trip-advisor);

    --bs-btn-focus-shadow-rgb: var(--rgb-trip-advisor-d2);

    --bs-btn-active-color: var(--trip-advisor-l3);

    --bs-btn-active-bg: var(--trip-advisor);

    --bs-btn-active-border-color: var(--trip-advisor);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-trip-advisor-d3), 0.125);

    --bs-btn-disabled-color: var(--trip-advisor-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-trip-advisor), 0.35);

    --bs-gradient: none;

}

.btn-outline-tumblr {

    --bs-btn-color: var(--tumblr);

    --bs-btn-border-color: rgba(var(--rgb-tumblr), 0.35);

    --bs-btn-hover-color: var(--tumblr-l3);

    --bs-btn-hover-bg: var(--tumblr);

    --bs-btn-hover-border-color: var(--tumblr);

    --bs-btn-focus-shadow-rgb: var(--rgb-tumblr-d2);

    --bs-btn-active-color: var(--tumblr-l3);

    --bs-btn-active-bg: var(--tumblr);

    --bs-btn-active-border-color: var(--tumblr);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-tumblr-d3), 0.125);

    --bs-btn-disabled-color: var(--tumblr-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-tumblr), 0.35);

    --bs-gradient: none;

}

.btn-outline-twitch {

    --bs-btn-color: var(--twitch);

    --bs-btn-border-color: rgba(var(--rgb-twitch), 0.35);

    --bs-btn-hover-color: var(--twitch-l3);

    --bs-btn-hover-bg: var(--twitch);

    --bs-btn-hover-border-color: var(--twitch);

    --bs-btn-focus-shadow-rgb: var(--rgb-twitch-d2);

    --bs-btn-active-color: var(--twitch-l3);

    --bs-btn-active-bg: var(--twitch);

    --bs-btn-active-border-color: var(--twitch);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-twitch-d3), 0.125);

    --bs-btn-disabled-color: var(--twitch-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-twitch), 0.35);

    --bs-gradient: none;

}

.btn-outline-twitter {

    --bs-btn-color: var(--twitter);

    --bs-btn-border-color: rgba(var(--rgb-twitter), 0.35);

    --bs-btn-hover-color: var(--twitter-l3);

    --bs-btn-hover-bg: var(--twitter);

    --bs-btn-hover-border-color: var(--twitter);

    --bs-btn-focus-shadow-rgb: var(--rgb-twitter-d2);

    --bs-btn-active-color: var(--twitter-l3);

    --bs-btn-active-bg: var(--twitter);

    --bs-btn-active-border-color: var(--twitter);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-twitter-d3), 0.125);

    --bs-btn-disabled-color: var(--twitter-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-twitter), 0.35);

    --bs-gradient: none;

}

.btn-outline-vibre {

    --bs-btn-color: var(--vibre);

    --bs-btn-border-color: rgba(var(--rgb-vibre), 0.35);

    --bs-btn-hover-color: var(--vibre-l3);

    --bs-btn-hover-bg: var(--vibre);

    --bs-btn-hover-border-color: var(--vibre);

    --bs-btn-focus-shadow-rgb: var(--rgb-vibre-d2);

    --bs-btn-active-color: var(--vibre-l3);

    --bs-btn-active-bg: var(--vibre);

    --bs-btn-active-border-color: var(--vibre);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-vibre-d3), 0.125);

    --bs-btn-disabled-color: var(--vibre-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-vibre), 0.35);

    --bs-gradient: none;

}

.btn-outline-vimeo {

    --bs-btn-color: var(--vimeo);

    --bs-btn-border-color: rgba(var(--rgb-vimeo), 0.35);

    --bs-btn-hover-color: var(--vimeo-l3);

    --bs-btn-hover-bg: var(--vimeo);

    --bs-btn-hover-border-color: var(--vimeo);

    --bs-btn-focus-shadow-rgb: var(--rgb-vimeo-d2);

    --bs-btn-active-color: var(--vimeo-l3);

    --bs-btn-active-bg: var(--vimeo);

    --bs-btn-active-border-color: var(--vimeo);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-vimeo-d3), 0.125);

    --bs-btn-disabled-color: var(--vimeo-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-vimeo), 0.35);

    --bs-gradient: none;

}

.btn-outline-vk {

    --bs-btn-color: var(--vk);

    --bs-btn-border-color: rgba(var(--rgb-vk), 0.35);

    --bs-btn-hover-color: var(--vk-l3);

    --bs-btn-hover-bg: var(--vk);

    --bs-btn-hover-border-color: var(--vk);

    --bs-btn-focus-shadow-rgb: var(--rgb-vk-d2);

    --bs-btn-active-color: var(--vk-l3);

    --bs-btn-active-bg: var(--vk);

    --bs-btn-active-border-color: var(--vk);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-vk-d3), 0.125);

    --bs-btn-disabled-color: var(--vk-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-vk), 0.35);

    --bs-gradient: none;

}

.btn-outline-vine {

    --bs-btn-color: var(--vine);

    --bs-btn-border-color: rgba(var(--rgb-vine), 0.35);

    --bs-btn-hover-color: var(--vine-l3);

    --bs-btn-hover-bg: var(--vine);

    --bs-btn-hover-border-color: var(--vine);

    --bs-btn-focus-shadow-rgb: var(--rgb-vine-d2);

    --bs-btn-active-color: var(--vine-l3);

    --bs-btn-active-bg: var(--vine);

    --bs-btn-active-border-color: var(--vine);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-vine-d3), 0.125);

    --bs-btn-disabled-color: var(--vine-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-vine), 0.35);

    --bs-gradient: none;

}

.btn-outline-wechat {

    --bs-btn-color: var(--wechat);

    --bs-btn-border-color: rgba(var(--rgb-wechat), 0.35);

    --bs-btn-hover-color: var(--wechat-l3);

    --bs-btn-hover-bg: var(--wechat);

    --bs-btn-hover-border-color: var(--wechat);

    --bs-btn-focus-shadow-rgb: var(--rgb-wechat-d2);

    --bs-btn-active-color: var(--wechat-l3);

    --bs-btn-active-bg: var(--wechat);

    --bs-btn-active-border-color: var(--wechat);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-wechat-d3), 0.125);

    --bs-btn-disabled-color: var(--wechat-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-wechat), 0.35);

    --bs-gradient: none;

}

.btn-outline-whatsapp {

    --bs-btn-color: var(--whatsapp);

    --bs-btn-border-color: rgba(var(--rgb-whatsapp), 0.35);

    --bs-btn-hover-color: var(--whatsapp-l3);

    --bs-btn-hover-bg: var(--whatsapp);

    --bs-btn-hover-border-color: var(--whatsapp);

    --bs-btn-focus-shadow-rgb: var(--rgb-whatsapp-d2);

    --bs-btn-active-color: var(--whatsapp-l3);

    --bs-btn-active-bg: var(--whatsapp);

    --bs-btn-active-border-color: var(--whatsapp);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-whatsapp-d3), 0.125);

    --bs-btn-disabled-color: var(--whatsapp-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-whatsapp), 0.35);

    --bs-gradient: none;

}

.btn-outline-x {

    --bs-btn-color: var(--x);

    --bs-btn-border-color: rgba(var(--rgb-x), 0.35);

    --bs-btn-hover-color: var(--x-l3);

    --bs-btn-hover-bg: var(--x);

    --bs-btn-hover-border-color: var(--x);

    --bs-btn-focus-shadow-rgb: var(--rgb-x-d2);

    --bs-btn-active-color: var(--x-l3);

    --bs-btn-active-bg: var(--x);

    --bs-btn-active-border-color: var(--x);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-x-d3), 0.125);

    --bs-btn-disabled-color: var(--x-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-x), 0.35);

    --bs-gradient: none;

}

.btn-outline-youtube {

    --bs-btn-color: var(--youtube);

    --bs-btn-border-color: rgba(var(--rgb-youtube), 0.35);

    --bs-btn-hover-color: var(--youtube-l3);

    --bs-btn-hover-bg: var(--youtube);

    --bs-btn-hover-border-color: var(--youtube);

    --bs-btn-focus-shadow-rgb: var(--rgb-youtube-d2);

    --bs-btn-active-color: var(--youtube-l3);

    --bs-btn-active-bg: var(--youtube);

    --bs-btn-active-border-color: var(--youtube);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-youtube-d3), 0.125);

    --bs-btn-disabled-color: var(--youtube-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-youtube), 0.35);

    --bs-gradient: none;

}

.btn-outline-zoom {

    --bs-btn-color: var(--zoom);

    --bs-btn-border-color: rgba(var(--rgb-zoom), 0.35);

    --bs-btn-hover-color: var(--zoom-l3);

    --bs-btn-hover-bg: var(--zoom);

    --bs-btn-hover-border-color: var(--zoom);

    --bs-btn-focus-shadow-rgb: var(--rgb-zoom-d2);

    --bs-btn-active-color: var(--zoom-l3);

    --bs-btn-active-bg: var(--zoom);

    --bs-btn-active-border-color: var(--zoom);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--rgb-zoom-d3), 0.125);

    --bs-btn-disabled-color: var(--zoom-l1);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: rgba(var(--rgb-zoom), 0.35);

    --bs-gradient: none;

}

