/*  
This is the new component color ( e.g. for buttons ) 
but because of it's extreme color values ( black / white ) 
it is treated differently than other theme colors 
*/
/*
  hint: usually $font-sizes defines the heading font-sizes
  but that seems not intuitive => see $heading-font-sizes below
*/
/*

@function contrastify($reference-color, $color, $function-name, $min-contrast-ratio: $min-contrast-ratio) {
  $shading-fn: get-function($function-name);
  $current-color: $color;
  $increment: 5%;
  $shading-amount: $increment;
  @while $shading-amount < 100% and contrast-ratio($reference-color, $current-color) < $min-contrast-ratio {
    $current-color: call($shading-fn, $current-color, $shading-amount);
    $shading-amount: $shading-amount + $increment;
  }
  @return $current-color;
}

@function contrast-tint($bg, $color, $contrast-ratio: $min-contrast-ratio) {
  @return contrastify($color, $color, tint-color, $contrast-ratio);
}

@function contrast-shade($bg, $color, $contrast-ratio: $min-contrast-ratio) {
  @return contrastify($color, $color, shade-color, $contrast-ratio);
}

@function readable-color($bg, $color, $min-contrast-ratio: $min-contrast-ratio) {
  $shading-fn: if(luminance($bg) > luminance($color), get-function(shade-color), get-function(tint-color));
  @return contrastify($bg, $color, $shading-fn, $min-contrast-ratio);
}

*/
@keyframes highlight-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 300% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
:root, .is-root-container, .edit-post-visual-editor__post-title-wrapper, [data-bs-theme="light"] {
  --bs-primary: #cfff48;
  --bs-primary2: #bc9cff;
  --bs-trend1: #4affd4;
  --bs-trend2: #ffbecd;
  --bs-trend3: #ffa14a;
  --bs-primary-rgb: 207, 255, 72;
  --bs-primary2-rgb: 188, 156, 255;
  --bs-trend1-rgb: 74, 255, 212;
  --bs-trend2-rgb: 255, 190, 205;
  --bs-trend3-rgb: 255, 161, 74;
  --bs-primary-text-emphasis: #53661d;
  --bs-primary2-text-emphasis: #4b3e66;
  --bs-trend1-text-emphasis: #1e6655;
  --bs-trend2-text-emphasis: #664c52;
  --bs-trend3-text-emphasis: #66401e;
  --bs-primary-bg-subtle: #f5ffda;
  --bs-primary2-bg-subtle: #f2ebff;
  --bs-trend1-bg-subtle: #dbfff6;
  --bs-trend2-bg-subtle: #fff2f5;
  --bs-trend3-bg-subtle: #ffecdb;
  --bs-primary-border-subtle: #ecffb6;
  --bs-primary2-border-subtle: #e4d7ff;
  --bs-trend1-border-subtle: #b7ffee;
  --bs-trend2-border-subtle: #ffe5eb;
  --bs-trend3-border-subtle: #ffd9b7;
  --bs-primary-foreground: #141414;
  --bs-primary-hover: #bae641;
  --bs-primary-border-active: #9bbf36;
  --bs-primary-active: #a6cc3a;
  --bs-primary2-foreground: #141414;
  --bs-primary2-hover: #a98ce6;
  --bs-primary2-border-active: #8d75bf;
  --bs-primary2-active: #967dcc;
  --bs-trend1-foreground: #141414;
  --bs-trend1-hover: #43e6bf;
  --bs-trend1-border-active: #38bf9f;
  --bs-trend1-active: #3bccaa;
  --bs-trend2-foreground: #141414;
  --bs-trend2-hover: #e6abb9;
  --bs-trend2-border-active: #bf8f9a;
  --bs-trend2-active: #cc98a4;
  --bs-trend3-foreground: #141414;
  --bs-trend3-hover: #e69143;
  --bs-trend3-border-active: #bf7938;
  --bs-trend3-active: #cc813b;
}
.btn-primary {
  --bs-btn-color:                 var(--bs-primary-foreground);
  --bs-btn-bg:                    var(--bs-primary);
  --bs-btn-border-color:          var(--bs-primary);
  --bs-btn-hover-color:           var(--bs-body-color);
  --bs-btn-hover-bg:              transparent;
  --bs-btn-hover-border-color:    var(--bs-primary);
  --bs-btn-active-color:          var(--bs-btn-hover-color);
  --bs-btn-active-bg:             var(--bs-btn-hover-bg);
  --bs-btn-active-border-color:   var(--bs-primary-border-active);
  --bs-btn-disabled-color:        var(--bs-btn-color);
  --bs-btn-disabled-bg:           var(--bs-btn-bg);
  --bs-btn-disabled-border-color: var(--bs-btn-border-color);
}
.btn-outline-primary {
  --bs-btn-color:                 var(--bs-body-color);
  --bs-btn-bg:                    transparent;
  --bs-btn-border-color:          var(--bs-primary);
  --bs-btn-hover-color:           var(--bs-primary-foreground);
  --bs-btn-hover-bg:              var(--bs-primary);
  --bs-btn-hover-border-color:    var(--bs-primary);
  --bs-btn-active-color:          var(--bs-btn-hover-color);
  --bs-btn-active-bg:             var(--bs-primary-active);
  --bs-btn-active-border-color:   var(--bs-btn-active-bg);
  --bs-btn-disabled-color:        var(--bs-btn-color);
  --bs-btn-disabled-bg:           var(--bs-btn-bg);
  --bs-btn-disabled-border-color: var(--bs-btn-border-color);
}
.btn-primary2 {
  --bs-btn-color:                 var(--bs-primary2-foreground);
  --bs-btn-bg:                    var(--bs-primary2);
  --bs-btn-border-color:          var(--bs-primary2);
  --bs-btn-hover-color:           var(--bs-body-color);
  --bs-btn-hover-bg:              transparent;
  --bs-btn-hover-border-color:    var(--bs-primary2);
  --bs-btn-active-color:          var(--bs-btn-hover-color);
  --bs-btn-active-bg:             var(--bs-btn-hover-bg);
  --bs-btn-active-border-color:   var(--bs-primary2-border-active);
  --bs-btn-disabled-color:        var(--bs-btn-color);
  --bs-btn-disabled-bg:           var(--bs-btn-bg);
  --bs-btn-disabled-border-color: var(--bs-btn-border-color);
}
.btn-outline-primary2 {
  --bs-btn-color:                 var(--bs-body-color);
  --bs-btn-bg:                    transparent;
  --bs-btn-border-color:          var(--bs-primary2);
  --bs-btn-hover-color:           var(--bs-primary2-foreground);
  --bs-btn-hover-bg:              var(--bs-primary2);
  --bs-btn-hover-border-color:    var(--bs-primary2);
  --bs-btn-active-color:          var(--bs-btn-hover-color);
  --bs-btn-active-bg:             var(--bs-primary2-active);
  --bs-btn-active-border-color:   var(--bs-btn-active-bg);
  --bs-btn-disabled-color:        var(--bs-btn-color);
  --bs-btn-disabled-bg:           var(--bs-btn-bg);
  --bs-btn-disabled-border-color: var(--bs-btn-border-color);
}
.btn-trend1 {
  --bs-btn-color:                 var(--bs-trend1-foreground);
  --bs-btn-bg:                    var(--bs-trend1);
  --bs-btn-border-color:          var(--bs-trend1);
  --bs-btn-hover-color:           var(--bs-body-color);
  --bs-btn-hover-bg:              transparent;
  --bs-btn-hover-border-color:    var(--bs-trend1);
  --bs-btn-active-color:          var(--bs-btn-hover-color);
  --bs-btn-active-bg:             var(--bs-btn-hover-bg);
  --bs-btn-active-border-color:   var(--bs-trend1-border-active);
  --bs-btn-disabled-color:        var(--bs-btn-color);
  --bs-btn-disabled-bg:           var(--bs-btn-bg);
  --bs-btn-disabled-border-color: var(--bs-btn-border-color);
}
.btn-outline-trend1 {
  --bs-btn-color:                 var(--bs-body-color);
  --bs-btn-bg:                    transparent;
  --bs-btn-border-color:          var(--bs-trend1);
  --bs-btn-hover-color:           var(--bs-trend1-foreground);
  --bs-btn-hover-bg:              var(--bs-trend1);
  --bs-btn-hover-border-color:    var(--bs-trend1);
  --bs-btn-active-color:          var(--bs-btn-hover-color);
  --bs-btn-active-bg:             var(--bs-trend1-active);
  --bs-btn-active-border-color:   var(--bs-btn-active-bg);
  --bs-btn-disabled-color:        var(--bs-btn-color);
  --bs-btn-disabled-bg:           var(--bs-btn-bg);
  --bs-btn-disabled-border-color: var(--bs-btn-border-color);
}
.btn-trend2 {
  --bs-btn-color:                 var(--bs-trend2-foreground);
  --bs-btn-bg:                    var(--bs-trend2);
  --bs-btn-border-color:          var(--bs-trend2);
  --bs-btn-hover-color:           var(--bs-body-color);
  --bs-btn-hover-bg:              transparent;
  --bs-btn-hover-border-color:    var(--bs-trend2);
  --bs-btn-active-color:          var(--bs-btn-hover-color);
  --bs-btn-active-bg:             var(--bs-btn-hover-bg);
  --bs-btn-active-border-color:   var(--bs-trend2-border-active);
  --bs-btn-disabled-color:        var(--bs-btn-color);
  --bs-btn-disabled-bg:           var(--bs-btn-bg);
  --bs-btn-disabled-border-color: var(--bs-btn-border-color);
}
.btn-outline-trend2 {
  --bs-btn-color:                 var(--bs-body-color);
  --bs-btn-bg:                    transparent;
  --bs-btn-border-color:          var(--bs-trend2);
  --bs-btn-hover-color:           var(--bs-trend2-foreground);
  --bs-btn-hover-bg:              var(--bs-trend2);
  --bs-btn-hover-border-color:    var(--bs-trend2);
  --bs-btn-active-color:          var(--bs-btn-hover-color);
  --bs-btn-active-bg:             var(--bs-trend2-active);
  --bs-btn-active-border-color:   var(--bs-btn-active-bg);
  --bs-btn-disabled-color:        var(--bs-btn-color);
  --bs-btn-disabled-bg:           var(--bs-btn-bg);
  --bs-btn-disabled-border-color: var(--bs-btn-border-color);
}
.btn-trend3 {
  --bs-btn-color:                 var(--bs-trend3-foreground);
  --bs-btn-bg:                    var(--bs-trend3);
  --bs-btn-border-color:          var(--bs-trend3);
  --bs-btn-hover-color:           var(--bs-body-color);
  --bs-btn-hover-bg:              transparent;
  --bs-btn-hover-border-color:    var(--bs-trend3);
  --bs-btn-active-color:          var(--bs-btn-hover-color);
  --bs-btn-active-bg:             var(--bs-btn-hover-bg);
  --bs-btn-active-border-color:   var(--bs-trend3-border-active);
  --bs-btn-disabled-color:        var(--bs-btn-color);
  --bs-btn-disabled-bg:           var(--bs-btn-bg);
  --bs-btn-disabled-border-color: var(--bs-btn-border-color);
}
.btn-outline-trend3 {
  --bs-btn-color:                 var(--bs-body-color);
  --bs-btn-bg:                    transparent;
  --bs-btn-border-color:          var(--bs-trend3);
  --bs-btn-hover-color:           var(--bs-trend3-foreground);
  --bs-btn-hover-bg:              var(--bs-trend3);
  --bs-btn-hover-border-color:    var(--bs-trend3);
  --bs-btn-active-color:          var(--bs-btn-hover-color);
  --bs-btn-active-bg:             var(--bs-trend3-active);
  --bs-btn-active-border-color:   var(--bs-btn-active-bg);
  --bs-btn-disabled-color:        var(--bs-btn-color);
  --bs-btn-disabled-bg:           var(--bs-btn-bg);
  --bs-btn-disabled-border-color: var(--bs-btn-border-color);
}
.table-primary {
  --bs-table-color: #141414;
  --bs-table-bg: #f5ffda;
  --bs-table-border-color: #c8d0b2;
  --bs-table-striped-bg: #eaf3d0;
  --bs-table-striped-color: #141414;
  --bs-table-active-bg: #dfe8c6;
  --bs-table-active-color: #141414;
  --bs-table-hover-bg: #e4edcb;
  --bs-table-hover-color: #141414;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-primary2 {
  --bs-table-color: #141414;
  --bs-table-bg: #f2ebff;
  --bs-table-border-color: #c6c0d0;
  --bs-table-striped-bg: #e7e0f3;
  --bs-table-striped-color: #141414;
  --bs-table-active-bg: #dcd6e8;
  --bs-table-active-color: #141414;
  --bs-table-hover-bg: #e1dbed;
  --bs-table-hover-color: #141414;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-trend1 {
  --bs-table-color: #141414;
  --bs-table-bg: #dbfff6;
  --bs-table-border-color: #b3d0c9;
  --bs-table-striped-bg: #d1f3eb;
  --bs-table-striped-color: #141414;
  --bs-table-active-bg: #c7e8df;
  --bs-table-active-color: #141414;
  --bs-table-hover-bg: #ccede5;
  --bs-table-hover-color: #141414;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-trend2 {
  --bs-table-color: #141414;
  --bs-table-bg: #fff2f5;
  --bs-table-border-color: #d0c6c8;
  --bs-table-striped-bg: #f3e7ea;
  --bs-table-striped-color: #141414;
  --bs-table-active-bg: #e8dcdf;
  --bs-table-active-color: #141414;
  --bs-table-hover-bg: #ede1e4;
  --bs-table-hover-color: #141414;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-trend3 {
  --bs-table-color: #141414;
  --bs-table-bg: #ffecdb;
  --bs-table-border-color: #d0c1b3;
  --bs-table-striped-bg: #f3e1d1;
  --bs-table-striped-color: #141414;
  --bs-table-active-bg: #e8d6c7;
  --bs-table-active-color: #141414;
  --bs-table-hover-bg: #eddccc;
  --bs-table-hover-color: #141414;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.alert-primary {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis);
}
.alert-primary2 {
  --bs-alert-color: var(--bs-primary2-text-emphasis);
  --bs-alert-bg: var(--bs-primary2-bg-subtle);
  --bs-alert-border-color: var(--bs-primary2-border-subtle);
  --bs-alert-link-color: var(--bs-primary2-text-emphasis);
}
.alert-trend1 {
  --bs-alert-color: var(--bs-trend1-text-emphasis);
  --bs-alert-bg: var(--bs-trend1-bg-subtle);
  --bs-alert-border-color: var(--bs-trend1-border-subtle);
  --bs-alert-link-color: var(--bs-trend1-text-emphasis);
}
.alert-trend2 {
  --bs-alert-color: var(--bs-trend2-text-emphasis);
  --bs-alert-bg: var(--bs-trend2-bg-subtle);
  --bs-alert-border-color: var(--bs-trend2-border-subtle);
  --bs-alert-link-color: var(--bs-trend2-text-emphasis);
}
.alert-trend3 {
  --bs-alert-color: var(--bs-trend3-text-emphasis);
  --bs-alert-bg: var(--bs-trend3-bg-subtle);
  --bs-alert-border-color: var(--bs-trend3-border-subtle);
  --bs-alert-link-color: var(--bs-trend3-text-emphasis);
}
/*
@each $state in map-keys($theme-colors) {
  .list-group-item-#{$state} {
    --bs-list-group-color: var(--bs-#{$state}-text-emphasis);
    --bs-list-group-bg: var(--bs-#{$state}-bg-subtle);
    --bs-list-group-border-color: var(--bs-#{$state}-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-#{$state}-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-#{$state}-border-subtle);
    --bs-list-group-active-color: var(--bs-#{$state}-bg-subtle);
    --bs-list-group-active-bg: var(--bs-#{$state}-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-#{$state}-text-emphasis);
  }
}
*/
.text-bg-primary {
  color: #141414 !important;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-primary2 {
  color: #141414 !important;
  background-color: rgba(var(--bs-primary2-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-trend1 {
  color: #141414 !important;
  background-color: rgba(var(--bs-trend1-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-trend2 {
  color: #141414 !important;
  background-color: rgba(var(--bs-trend2-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-trend3 {
  color: #141414 !important;
  background-color: rgba(var(--bs-trend3-rgb), var(--bs-bg-opacity, 1)) !important;
}
.link-primary {
  color: rgba(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary:hover, .link-primary:focus {
  color: rgba(217, 255, 109, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(217, 255, 109, var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary2 {
  color: rgba(var(--bs-primary2-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(var(--bs-primary2-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary2:hover, .link-primary2:focus {
  color: rgba(201, 176, 255, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(201, 176, 255, var(--bs-link-underline-opacity, 1)) !important;
}
.link-trend1 {
  color: rgba(var(--bs-trend1-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(var(--bs-trend1-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-trend1:hover, .link-trend1:focus {
  color: rgba(110, 255, 221, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(110, 255, 221, var(--bs-link-underline-opacity, 1)) !important;
}
.link-trend2 {
  color: rgba(var(--bs-trend2-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(var(--bs-trend2-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-trend2:hover, .link-trend2:focus {
  color: rgba(255, 203, 215, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(255, 203, 215, var(--bs-link-underline-opacity, 1)) !important;
}
.link-trend3 {
  color: rgba(var(--bs-trend3-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(var(--bs-trend3-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-trend3:hover, .link-trend3:focus {
  color: rgba(255, 180, 110, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(255, 180, 110, var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis {
  color: rgba(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis:hover, .link-body-emphasis:focus {
  color: rgba(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
  text-decoration-color: rgba(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}
.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-primary2 {
  --bs-focus-ring-color: rgba(var(--bs-primary2-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-trend1 {
  --bs-focus-ring-color: rgba(var(--bs-trend1-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-trend2 {
  --bs-focus-ring-color: rgba(var(--bs-trend2-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-trend3 {
  --bs-focus-ring-color: rgba(var(--bs-trend3-rgb), var(--bs-focus-ring-opacity));
}
.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}
.border-primary2 {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary2-rgb), var(--bs-border-opacity)) !important;
}
.border-trend1 {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-trend1-rgb), var(--bs-border-opacity)) !important;
}
.border-trend2 {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-trend2-rgb), var(--bs-border-opacity)) !important;
}
.border-trend3 {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-trend3-rgb), var(--bs-border-opacity)) !important;
}
.border-primary-subtle {
  border-color: #53661d !important;
}
.border-primary2-subtle {
  border-color: #4b3e66 !important;
}
.border-trend1-subtle {
  border-color: #1e6655 !important;
}
.border-trend2-subtle {
  border-color: #664c52 !important;
}
.border-trend3-subtle {
  border-color: #66401e !important;
}
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.text-primary2 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary2-rgb), var(--bs-text-opacity)) !important;
}
.text-trend1 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-trend1-rgb), var(--bs-text-opacity)) !important;
}
.text-trend2 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-trend2-rgb), var(--bs-text-opacity)) !important;
}
.text-trend3 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-trend3-rgb), var(--bs-text-opacity)) !important;
}
.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(20, 20, 20, 0.5) !important;
}
.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}
.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}
.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}
.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}
.text-primary-emphasis {
  color: #53661d !important;
}
.text-primary2-emphasis {
  color: #4b3e66 !important;
}
.text-trend1-emphasis {
  color: #1e6655 !important;
}
.text-trend2-emphasis {
  color: #664c52 !important;
}
.text-trend3-emphasis {
  color: #66401e !important;
}
.link-underline-primary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-primary2 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-primary2-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-trend1 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-trend1-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-trend2 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-trend2-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-trend3 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-trend3-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-primary2 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary2-rgb), var(--bs-bg-opacity)) !important;
}
.bg-trend1 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-trend1-rgb), var(--bs-bg-opacity)) !important;
}
.bg-trend2 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-trend2-rgb), var(--bs-bg-opacity)) !important;
}
.bg-trend3 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-trend3-rgb), var(--bs-bg-opacity)) !important;
}
.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}
.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}
.bg-primary2-subtle {
  background-color: var(--bs-primary2-bg-subtle) !important;
}
.bg-trend1-subtle {
  background-color: var(--bs-trend1-bg-subtle) !important;
}
.bg-trend2-subtle {
  background-color: var(--bs-trend2-bg-subtle) !important;
}
.bg-trend3-subtle {
  background-color: var(--bs-trend3-bg-subtle) !important;
}