/*  
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: #a6d02f;
  --bs-trend2: #8362e0;
  --bs-trend3: #4affd4;
  --bs-trend4: #1dbf94;
  --bs-trend5: #ffbecd;
  --bs-trend6: #dc8196;
  --bs-trend7: #ffa14a;
  --bs-trend8: #ca680e;
  --bs-primary-rgb: 207, 255, 72;
  --bs-primary2-rgb: 188, 156, 255;
  --bs-trend1-rgb: 166, 208, 47;
  --bs-trend2-rgb: 131, 98, 224;
  --bs-trend3-rgb: 74, 255, 212;
  --bs-trend4-rgb: 29, 191, 148;
  --bs-trend5-rgb: 255, 190, 205;
  --bs-trend6-rgb: 220, 129, 150;
  --bs-trend7-rgb: 255, 161, 74;
  --bs-trend8-rgb: 202, 104, 14;
  --bs-primary-text-emphasis: #53661d;
  --bs-primary2-text-emphasis: #4b3e66;
  --bs-trend1-text-emphasis: #425313;
  --bs-trend2-text-emphasis: #34275a;
  --bs-trend3-text-emphasis: #1e6655;
  --bs-trend4-text-emphasis: #0c4c3b;
  --bs-trend5-text-emphasis: #664c52;
  --bs-trend6-text-emphasis: #58343c;
  --bs-trend7-text-emphasis: #66401e;
  --bs-trend8-text-emphasis: #512a06;
  --bs-primary-bg-subtle: #f5ffda;
  --bs-primary2-bg-subtle: #f2ebff;
  --bs-trend1-bg-subtle: #edf6d5;
  --bs-trend2-bg-subtle: #e6e0f9;
  --bs-trend3-bg-subtle: #dbfff6;
  --bs-trend4-bg-subtle: #d2f2ea;
  --bs-trend5-bg-subtle: #fff2f5;
  --bs-trend6-bg-subtle: #f8e6ea;
  --bs-trend7-bg-subtle: #ffecdb;
  --bs-trend8-bg-subtle: #f4e1cf;
  --bs-primary-border-subtle: #ecffb6;
  --bs-primary2-border-subtle: #e4d7ff;
  --bs-trend1-border-subtle: #dbecac;
  --bs-trend2-border-subtle: #cdc0f3;
  --bs-trend3-border-subtle: #b7ffee;
  --bs-trend4-border-subtle: #a5e5d4;
  --bs-trend5-border-subtle: #ffe5eb;
  --bs-trend6-border-subtle: #f1cdd5;
  --bs-trend7-border-subtle: #ffd9b7;
  --bs-trend8-border-subtle: #eac39f;
  --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: #95bb2a;
  --bs-trend1-border-active: #7d9c23;
  --bs-trend1-active: #85a626;
  --bs-trend2-foreground: #fff;
  --bs-trend2-hover: #7658ca;
  --bs-trend2-border-active: #624aa8;
  --bs-trend2-active: #694eb3;
  --bs-trend3-foreground: #141414;
  --bs-trend3-hover: #43e6bf;
  --bs-trend3-border-active: #38bf9f;
  --bs-trend3-active: #3bccaa;
  --bs-trend4-foreground: #141414;
  --bs-trend4-hover: #1aac85;
  --bs-trend4-border-active: #168f6f;
  --bs-trend4-active: #179976;
  --bs-trend5-foreground: #141414;
  --bs-trend5-hover: #e6abb9;
  --bs-trend5-border-active: #bf8f9a;
  --bs-trend5-active: #cc98a4;
  --bs-trend6-foreground: #141414;
  --bs-trend6-hover: #c67487;
  --bs-trend6-border-active: #a56171;
  --bs-trend6-active: #b06778;
  --bs-trend7-foreground: #141414;
  --bs-trend7-hover: #e69143;
  --bs-trend7-border-active: #bf7938;
  --bs-trend7-active: #cc813b;
  --bs-trend8-foreground: #141414;
  --bs-trend8-hover: #b65e0d;
  --bs-trend8-border-active: #984e0b;
  --bs-trend8-active: #a2530b;
}
.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);
}
.btn-trend4 {
  --bs-btn-color:                 var(--bs-trend4-foreground);
  --bs-btn-bg:                    var(--bs-trend4);
  --bs-btn-border-color:          var(--bs-trend4);
  --bs-btn-hover-color:           var(--bs-body-color);
  --bs-btn-hover-bg:              transparent;
  --bs-btn-hover-border-color:    var(--bs-trend4);
  --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-trend4-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-trend4 {
  --bs-btn-color:                 var(--bs-body-color);
  --bs-btn-bg:                    transparent;
  --bs-btn-border-color:          var(--bs-trend4);
  --bs-btn-hover-color:           var(--bs-trend4-foreground);
  --bs-btn-hover-bg:              var(--bs-trend4);
  --bs-btn-hover-border-color:    var(--bs-trend4);
  --bs-btn-active-color:          var(--bs-btn-hover-color);
  --bs-btn-active-bg:             var(--bs-trend4-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-trend5 {
  --bs-btn-color:                 var(--bs-trend5-foreground);
  --bs-btn-bg:                    var(--bs-trend5);
  --bs-btn-border-color:          var(--bs-trend5);
  --bs-btn-hover-color:           var(--bs-body-color);
  --bs-btn-hover-bg:              transparent;
  --bs-btn-hover-border-color:    var(--bs-trend5);
  --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-trend5-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-trend5 {
  --bs-btn-color:                 var(--bs-body-color);
  --bs-btn-bg:                    transparent;
  --bs-btn-border-color:          var(--bs-trend5);
  --bs-btn-hover-color:           var(--bs-trend5-foreground);
  --bs-btn-hover-bg:              var(--bs-trend5);
  --bs-btn-hover-border-color:    var(--bs-trend5);
  --bs-btn-active-color:          var(--bs-btn-hover-color);
  --bs-btn-active-bg:             var(--bs-trend5-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-trend6 {
  --bs-btn-color:                 var(--bs-trend6-foreground);
  --bs-btn-bg:                    var(--bs-trend6);
  --bs-btn-border-color:          var(--bs-trend6);
  --bs-btn-hover-color:           var(--bs-body-color);
  --bs-btn-hover-bg:              transparent;
  --bs-btn-hover-border-color:    var(--bs-trend6);
  --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-trend6-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-trend6 {
  --bs-btn-color:                 var(--bs-body-color);
  --bs-btn-bg:                    transparent;
  --bs-btn-border-color:          var(--bs-trend6);
  --bs-btn-hover-color:           var(--bs-trend6-foreground);
  --bs-btn-hover-bg:              var(--bs-trend6);
  --bs-btn-hover-border-color:    var(--bs-trend6);
  --bs-btn-active-color:          var(--bs-btn-hover-color);
  --bs-btn-active-bg:             var(--bs-trend6-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-trend7 {
  --bs-btn-color:                 var(--bs-trend7-foreground);
  --bs-btn-bg:                    var(--bs-trend7);
  --bs-btn-border-color:          var(--bs-trend7);
  --bs-btn-hover-color:           var(--bs-body-color);
  --bs-btn-hover-bg:              transparent;
  --bs-btn-hover-border-color:    var(--bs-trend7);
  --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-trend7-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-trend7 {
  --bs-btn-color:                 var(--bs-body-color);
  --bs-btn-bg:                    transparent;
  --bs-btn-border-color:          var(--bs-trend7);
  --bs-btn-hover-color:           var(--bs-trend7-foreground);
  --bs-btn-hover-bg:              var(--bs-trend7);
  --bs-btn-hover-border-color:    var(--bs-trend7);
  --bs-btn-active-color:          var(--bs-btn-hover-color);
  --bs-btn-active-bg:             var(--bs-trend7-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-trend8 {
  --bs-btn-color:                 var(--bs-trend8-foreground);
  --bs-btn-bg:                    var(--bs-trend8);
  --bs-btn-border-color:          var(--bs-trend8);
  --bs-btn-hover-color:           var(--bs-body-color);
  --bs-btn-hover-bg:              transparent;
  --bs-btn-hover-border-color:    var(--bs-trend8);
  --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-trend8-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-trend8 {
  --bs-btn-color:                 var(--bs-body-color);
  --bs-btn-bg:                    transparent;
  --bs-btn-border-color:          var(--bs-trend8);
  --bs-btn-hover-color:           var(--bs-trend8-foreground);
  --bs-btn-hover-bg:              var(--bs-trend8);
  --bs-btn-hover-border-color:    var(--bs-trend8);
  --bs-btn-active-color:          var(--bs-btn-hover-color);
  --bs-btn-active-bg:             var(--bs-trend8-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: #edf6d5;
  --bs-table-border-color: #c2c9ae;
  --bs-table-striped-bg: #e2ebcb;
  --bs-table-striped-color: #141414;
  --bs-table-active-bg: #d7dfc2;
  --bs-table-active-color: #141414;
  --bs-table-hover-bg: #dde5c7;
  --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: #e6e0f9;
  --bs-table-border-color: #bcb7cb;
  --bs-table-striped-bg: #dcd6ee;
  --bs-table-striped-color: #141414;
  --bs-table-active-bg: #d1cce2;
  --bs-table-active-color: #141414;
  --bs-table-hover-bg: #d6d1e8;
  --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: #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-trend4 {
  --bs-table-color: #141414;
  --bs-table-bg: #d2f2ea;
  --bs-table-border-color: #acc6bf;
  --bs-table-striped-bg: #c9e7df;
  --bs-table-striped-color: #141414;
  --bs-table-active-bg: #bfdcd5;
  --bs-table-active-color: #141414;
  --bs-table-hover-bg: #c4e1da;
  --bs-table-hover-color: #141414;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-trend5 {
  --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-trend6 {
  --bs-table-color: #141414;
  --bs-table-bg: #f8e6ea;
  --bs-table-border-color: #cabcbf;
  --bs-table-striped-bg: #eddcdf;
  --bs-table-striped-color: #141414;
  --bs-table-active-bg: #e1d1d5;
  --bs-table-active-color: #141414;
  --bs-table-hover-bg: #e7d6da;
  --bs-table-hover-color: #141414;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-trend7 {
  --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);
}
.table-trend8 {
  --bs-table-color: #141414;
  --bs-table-bg: #f4e1cf;
  --bs-table-border-color: #c7b8aa;
  --bs-table-striped-bg: #e9d7c6;
  --bs-table-striped-color: #141414;
  --bs-table-active-bg: #decdbc;
  --bs-table-active-color: #141414;
  --bs-table-hover-bg: #e3d2c1;
  --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);
}
.alert-trend4 {
  --bs-alert-color: var(--bs-trend4-text-emphasis);
  --bs-alert-bg: var(--bs-trend4-bg-subtle);
  --bs-alert-border-color: var(--bs-trend4-border-subtle);
  --bs-alert-link-color: var(--bs-trend4-text-emphasis);
}
.alert-trend5 {
  --bs-alert-color: var(--bs-trend5-text-emphasis);
  --bs-alert-bg: var(--bs-trend5-bg-subtle);
  --bs-alert-border-color: var(--bs-trend5-border-subtle);
  --bs-alert-link-color: var(--bs-trend5-text-emphasis);
}
.alert-trend6 {
  --bs-alert-color: var(--bs-trend6-text-emphasis);
  --bs-alert-bg: var(--bs-trend6-bg-subtle);
  --bs-alert-border-color: var(--bs-trend6-border-subtle);
  --bs-alert-link-color: var(--bs-trend6-text-emphasis);
}
.alert-trend7 {
  --bs-alert-color: var(--bs-trend7-text-emphasis);
  --bs-alert-bg: var(--bs-trend7-bg-subtle);
  --bs-alert-border-color: var(--bs-trend7-border-subtle);
  --bs-alert-link-color: var(--bs-trend7-text-emphasis);
}
.alert-trend8 {
  --bs-alert-color: var(--bs-trend8-text-emphasis);
  --bs-alert-bg: var(--bs-trend8-bg-subtle);
  --bs-alert-border-color: var(--bs-trend8-border-subtle);
  --bs-alert-link-color: var(--bs-trend8-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: #fff !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;
}
.text-bg-trend4 {
  color: #141414 !important;
  background-color: rgba(var(--bs-trend4-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-trend5 {
  color: #141414 !important;
  background-color: rgba(var(--bs-trend5-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-trend6 {
  color: #141414 !important;
  background-color: rgba(var(--bs-trend6-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-trend7 {
  color: #141414 !important;
  background-color: rgba(var(--bs-trend7-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-trend8 {
  color: #141414 !important;
  background-color: rgba(var(--bs-trend8-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(184, 217, 89, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(184, 217, 89, 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(105, 78, 179, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(105, 78, 179, 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(110, 255, 221, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(110, 255, 221, var(--bs-link-underline-opacity, 1)) !important;
}
.link-trend4 {
  color: rgba(var(--bs-trend4-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(var(--bs-trend4-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-trend4:hover, .link-trend4:focus {
  color: rgba(74, 204, 169, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(74, 204, 169, var(--bs-link-underline-opacity, 1)) !important;
}
.link-trend5 {
  color: rgba(var(--bs-trend5-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(var(--bs-trend5-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-trend5:hover, .link-trend5: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-trend6 {
  color: rgba(var(--bs-trend6-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(var(--bs-trend6-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-trend6:hover, .link-trend6:focus {
  color: rgba(227, 154, 171, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(227, 154, 171, var(--bs-link-underline-opacity, 1)) !important;
}
.link-trend7 {
  color: rgba(var(--bs-trend7-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(var(--bs-trend7-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-trend7:hover, .link-trend7: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-trend8 {
  color: rgba(var(--bs-trend8-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(var(--bs-trend8-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-trend8:hover, .link-trend8:focus {
  color: rgba(213, 134, 62, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(213, 134, 62, 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));
}
.focus-ring-trend4 {
  --bs-focus-ring-color: rgba(var(--bs-trend4-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-trend5 {
  --bs-focus-ring-color: rgba(var(--bs-trend5-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-trend6 {
  --bs-focus-ring-color: rgba(var(--bs-trend6-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-trend7 {
  --bs-focus-ring-color: rgba(var(--bs-trend7-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-trend8 {
  --bs-focus-ring-color: rgba(var(--bs-trend8-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-trend4 {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-trend4-rgb), var(--bs-border-opacity)) !important;
}
.border-trend5 {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-trend5-rgb), var(--bs-border-opacity)) !important;
}
.border-trend6 {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-trend6-rgb), var(--bs-border-opacity)) !important;
}
.border-trend7 {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-trend7-rgb), var(--bs-border-opacity)) !important;
}
.border-trend8 {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-trend8-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: #425313 !important;
}
.border-trend2-subtle {
  border-color: #34275a !important;
}
.border-trend3-subtle {
  border-color: #1e6655 !important;
}
.border-trend4-subtle {
  border-color: #0c4c3b !important;
}
.border-trend5-subtle {
  border-color: #664c52 !important;
}
.border-trend6-subtle {
  border-color: #58343c !important;
}
.border-trend7-subtle {
  border-color: #66401e !important;
}
.border-trend8-subtle {
  border-color: #512a06 !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-trend4 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-trend4-rgb), var(--bs-text-opacity)) !important;
}
.text-trend5 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-trend5-rgb), var(--bs-text-opacity)) !important;
}
.text-trend6 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-trend6-rgb), var(--bs-text-opacity)) !important;
}
.text-trend7 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-trend7-rgb), var(--bs-text-opacity)) !important;
}
.text-trend8 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-trend8-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: #425313 !important;
}
.text-trend2-emphasis {
  color: #34275a !important;
}
.text-trend3-emphasis {
  color: #1e6655 !important;
}
.text-trend4-emphasis {
  color: #0c4c3b !important;
}
.text-trend5-emphasis {
  color: #664c52 !important;
}
.text-trend6-emphasis {
  color: #58343c !important;
}
.text-trend7-emphasis {
  color: #66401e !important;
}
.text-trend8-emphasis {
  color: #512a06 !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-trend4 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-trend4-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-trend5 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-trend5-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-trend6 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-trend6-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-trend7 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-trend7-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-trend8 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-trend8-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-trend4 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-trend4-rgb), var(--bs-bg-opacity)) !important;
}
.bg-trend5 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-trend5-rgb), var(--bs-bg-opacity)) !important;
}
.bg-trend6 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-trend6-rgb), var(--bs-bg-opacity)) !important;
}
.bg-trend7 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-trend7-rgb), var(--bs-bg-opacity)) !important;
}
.bg-trend8 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-trend8-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;
}
.bg-trend4-subtle {
  background-color: var(--bs-trend4-bg-subtle) !important;
}
.bg-trend5-subtle {
  background-color: var(--bs-trend5-bg-subtle) !important;
}
.bg-trend6-subtle {
  background-color: var(--bs-trend6-bg-subtle) !important;
}
.bg-trend7-subtle {
  background-color: var(--bs-trend7-bg-subtle) !important;
}
.bg-trend8-subtle {
  background-color: var(--bs-trend8-bg-subtle) !important;
}