@charset "UTF-8";
/* _reverse.scss */
/* _rem.scss */
/* _variables.scss */
/* _fonts.scss */
/* _figtree.scss */
@font-face {
  font-family: "Figtree";
  src: url("../webfonts/figtree/Figtree-Black.eot");
  src: local("Figtree Black"), local("Figtree-Black"), url("../webfonts/figtree/Figtree-Black.eot?#iefix") format("embedded-opentype"), url("../webfonts/figtree/Figtree-Black.woff2") format("woff2"), url("../webfonts/figtree/Figtree-Black.woff") format("woff"), url("../webfonts/figtree/Figtree-Black.ttf") format("truetype"), url("../webfonts/figtree/Figtree-Black.svg#Figtree-Black") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../webfonts/figtree/Figtree-BlackItalic.eot");
  src: local("Figtree Black Italic"), local("Figtree-BlackItalic"), url("../webfonts/figtree/Figtree-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../webfonts/figtree/Figtree-BlackItalic.woff2") format("woff2"), url("../webfonts/figtree/Figtree-BlackItalic.woff") format("woff"), url("../webfonts/figtree/Figtree-BlackItalic.ttf") format("truetype"), url("../webfonts/figtree/Figtree-BlackItalic.svg#Figtree-BlackItalic") format("svg");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../webfonts/figtree/Figtree-BoldItalic.eot");
  src: local("Figtree Bold Italic"), local("Figtree-BoldItalic"), url("../webfonts/figtree/Figtree-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../webfonts/figtree/Figtree-BoldItalic.woff2") format("woff2"), url("../webfonts/figtree/Figtree-BoldItalic.woff") format("woff"), url("../webfonts/figtree/Figtree-BoldItalic.ttf") format("truetype"), url("../webfonts/figtree/Figtree-BoldItalic.svg#Figtree-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../webfonts/figtree/Figtree-Light.eot");
  src: local("Figtree Light"), local("Figtree-Light"), url("../webfonts/figtree/Figtree-Light.eot?#iefix") format("embedded-opentype"), url("../webfonts/figtree/Figtree-Light.woff2") format("woff2"), url("../webfonts/figtree/Figtree-Light.woff") format("woff"), url("../webfonts/figtree/Figtree-Light.ttf") format("truetype"), url("../webfonts/figtree/Figtree-Light.svg#Figtree-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../webfonts/figtree/Figtree-SemiBoldItalic.eot");
  src: local("Figtree SemiBold Italic"), local("Figtree-SemiBoldItalic"), url("../webfonts/figtree/Figtree-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../webfonts/figtree/Figtree-SemiBoldItalic.woff2") format("woff2"), url("../webfonts/figtree/Figtree-SemiBoldItalic.woff") format("woff"), url("../webfonts/figtree/Figtree-SemiBoldItalic.ttf") format("truetype"), url("../webfonts/figtree/Figtree-SemiBoldItalic.svg#Figtree-SemiBoldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../webfonts/figtree/Figtree-MediumItalic.eot");
  src: local("Figtree Medium Italic"), local("Figtree-MediumItalic"), url("../webfonts/figtree/Figtree-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../webfonts/figtree/Figtree-MediumItalic.woff2") format("woff2"), url("../webfonts/figtree/Figtree-MediumItalic.woff") format("woff"), url("../webfonts/figtree/Figtree-MediumItalic.ttf") format("truetype"), url("../webfonts/figtree/Figtree-MediumItalic.svg#Figtree-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../webfonts/figtree/Figtree-Bold.eot");
  src: local("Figtree Bold"), local("Figtree-Bold"), url("../webfonts/figtree/Figtree-Bold.eot?#iefix") format("embedded-opentype"), url("../webfonts/figtree/Figtree-Bold.woff2") format("woff2"), url("../webfonts/figtree/Figtree-Bold.woff") format("woff"), url("../webfonts/figtree/Figtree-Bold.ttf") format("truetype"), url("../webfonts/figtree/Figtree-Bold.svg#Figtree-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../webfonts/figtree/Figtree-LightItalic.eot");
  src: local("Figtree Light Italic"), local("Figtree-LightItalic"), url("../webfonts/figtree/Figtree-LightItalic.eot?#iefix") format("embedded-opentype"), url("../webfonts/figtree/Figtree-LightItalic.woff2") format("woff2"), url("../webfonts/figtree/Figtree-LightItalic.woff") format("woff"), url("../webfonts/figtree/Figtree-LightItalic.ttf") format("truetype"), url("../webfonts/figtree/Figtree-LightItalic.svg#Figtree-LightItalic") format("svg");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../webfonts/figtree/Figtree-ExtraBold.eot");
  src: local("Figtree ExtraBold"), local("Figtree-ExtraBold"), url("../webfonts/figtree/Figtree-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../webfonts/figtree/Figtree-ExtraBold.woff2") format("woff2"), url("../webfonts/figtree/Figtree-ExtraBold.woff") format("woff"), url("../webfonts/figtree/Figtree-ExtraBold.ttf") format("truetype"), url("../webfonts/figtree/Figtree-ExtraBold.svg#Figtree-ExtraBold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../webfonts/figtree/Figtree-SemiBold.eot");
  src: local("Figtree SemiBold"), local("Figtree-SemiBold"), url("../webfonts/figtree/Figtree-SemiBold.eot?#iefix") format("embedded-opentype"), url("../webfonts/figtree/Figtree-SemiBold.woff2") format("woff2"), url("../webfonts/figtree/Figtree-SemiBold.woff") format("woff"), url("../webfonts/figtree/Figtree-SemiBold.ttf") format("truetype"), url("../webfonts/figtree/Figtree-SemiBold.svg#Figtree-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../webfonts/figtree/Figtree-Italic.eot");
  src: local("Figtree Italic"), local("Figtree-Italic"), url("../webfonts/figtree/Figtree-Italic.eot?#iefix") format("embedded-opentype"), url("../webfonts/figtree/Figtree-Italic.woff2") format("woff2"), url("../webfonts/figtree/Figtree-Italic.woff") format("woff"), url("../webfonts/figtree/Figtree-Italic.ttf") format("truetype"), url("../webfonts/figtree/Figtree-Italic.svg#Figtree-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../webfonts/figtree/Figtree-ExtraBoldItalic.eot");
  src: local("Figtree ExtraBold Italic"), local("Figtree-ExtraBoldItalic"), url("../webfonts/figtree/Figtree-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../webfonts/figtree/Figtree-ExtraBoldItalic.woff2") format("woff2"), url("../webfonts/figtree/Figtree-ExtraBoldItalic.woff") format("woff"), url("../webfonts/figtree/Figtree-ExtraBoldItalic.ttf") format("truetype"), url("../webfonts/figtree/Figtree-ExtraBoldItalic.svg#Figtree-ExtraBoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../webfonts/figtree/Figtree-Medium.eot");
  src: local("Figtree Medium"), local("Figtree-Medium"), url("../webfonts/figtree/Figtree-Medium.eot?#iefix") format("embedded-opentype"), url("../webfonts/figtree/Figtree-Medium.woff2") format("woff2"), url("../webfonts/figtree/Figtree-Medium.woff") format("woff"), url("../webfonts/figtree/Figtree-Medium.ttf") format("truetype"), url("../webfonts/figtree/Figtree-Medium.svg#Figtree-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../webfonts/figtree/Figtree-Regular.eot");
  src: local("Figtree Regular"), local("Figtree-Regular"), url("../webfonts/figtree/Figtree-Regular.eot?#iefix") format("embedded-opentype"), url("../webfonts/figtree/Figtree-Regular.woff2") format("woff2"), url("../webfonts/figtree/Figtree-Regular.woff") format("woff"), url("../webfonts/figtree/Figtree-Regular.ttf") format("truetype"), url("../webfonts/figtree/Figtree-Regular.svg#Figtree-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* _poppins.scss */
@font-face {
  font-family: "Poppins";
  src: url("../webfonts/poppins/Poppins-BoldItalic.eot");
  src: local("Poppins Bold Italic"), local("Poppins-BoldItalic"), url("../webfonts/poppins/Poppins-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../webfonts/poppins/Poppins-BoldItalic.woff2") format("woff2"), url("../webfonts/poppins/Poppins-BoldItalic.woff") format("woff"), url("../webfonts/poppins/Poppins-BoldItalic.ttf") format("truetype"), url("../webfonts/poppins/Poppins-BoldItalic.svg#Poppins-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../webfonts/poppins/Poppins-Italic.eot");
  src: local("Poppins Italic"), local("Poppins-Italic"), url("../webfonts/poppins/Poppins-Italic.eot?#iefix") format("embedded-opentype"), url("../webfonts/poppins/Poppins-Italic.woff2") format("woff2"), url("../webfonts/poppins/Poppins-Italic.woff") format("woff"), url("../webfonts/poppins/Poppins-Italic.ttf") format("truetype"), url("../webfonts/poppins/Poppins-Italic.svg#Poppins-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../webfonts/poppins/Poppins-ExtraLightItalic.eot");
  src: local("Poppins ExtraLight Italic"), local("Poppins-ExtraLightItalic"), url("../webfonts/poppins/Poppins-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("../webfonts/poppins/Poppins-ExtraLightItalic.woff2") format("woff2"), url("../webfonts/poppins/Poppins-ExtraLightItalic.woff") format("woff"), url("../webfonts/poppins/Poppins-ExtraLightItalic.ttf") format("truetype"), url("../webfonts/poppins/Poppins-ExtraLightItalic.svg#Poppins-ExtraLightItalic") format("svg");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../webfonts/poppins/Poppins-ExtraLight.eot");
  src: local("Poppins ExtraLight"), local("Poppins-ExtraLight"), url("../webfonts/poppins/Poppins-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../webfonts/poppins/Poppins-ExtraLight.woff2") format("woff2"), url("../webfonts/poppins/Poppins-ExtraLight.woff") format("woff"), url("../webfonts/poppins/Poppins-ExtraLight.ttf") format("truetype"), url("../webfonts/poppins/Poppins-ExtraLight.svg#Poppins-ExtraLight") format("svg");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../webfonts/poppins/Poppins-ExtraBold.eot");
  src: local("Poppins ExtraBold"), local("Poppins-ExtraBold"), url("../webfonts/poppins/Poppins-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../webfonts/poppins/Poppins-ExtraBold.woff2") format("woff2"), url("../webfonts/poppins/Poppins-ExtraBold.woff") format("woff"), url("../webfonts/poppins/Poppins-ExtraBold.ttf") format("truetype"), url("../webfonts/poppins/Poppins-ExtraBold.svg#Poppins-ExtraBold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../webfonts/poppins/Poppins-Bold.eot");
  src: local("Poppins Bold"), local("Poppins-Bold"), url("../webfonts/poppins/Poppins-Bold.eot?#iefix") format("embedded-opentype"), url("../webfonts/poppins/Poppins-Bold.woff2") format("woff2"), url("../webfonts/poppins/Poppins-Bold.woff") format("woff"), url("../webfonts/poppins/Poppins-Bold.ttf") format("truetype"), url("../webfonts/poppins/Poppins-Bold.svg#Poppins-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../webfonts/poppins/Poppins-BlackItalic.eot");
  src: local("Poppins Black Italic"), local("Poppins-BlackItalic"), url("../webfonts/poppins/Poppins-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../webfonts/poppins/Poppins-BlackItalic.woff2") format("woff2"), url("../webfonts/poppins/Poppins-BlackItalic.woff") format("woff"), url("../webfonts/poppins/Poppins-BlackItalic.ttf") format("truetype"), url("../webfonts/poppins/Poppins-BlackItalic.svg#Poppins-BlackItalic") format("svg");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../webfonts/poppins/Poppins-Black.eot");
  src: local("Poppins Black"), local("Poppins-Black"), url("../webfonts/poppins/Poppins-Black.eot?#iefix") format("embedded-opentype"), url("../webfonts/poppins/Poppins-Black.woff2") format("woff2"), url("../webfonts/poppins/Poppins-Black.woff") format("woff"), url("../webfonts/poppins/Poppins-Black.ttf") format("truetype"), url("../webfonts/poppins/Poppins-Black.svg#Poppins-Black") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../webfonts/poppins/Poppins-ExtraBoldItalic.eot");
  src: local("Poppins ExtraBold Italic"), local("Poppins-ExtraBoldItalic"), url("../webfonts/poppins/Poppins-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../webfonts/poppins/Poppins-ExtraBoldItalic.woff2") format("woff2"), url("../webfonts/poppins/Poppins-ExtraBoldItalic.woff") format("woff"), url("../webfonts/poppins/Poppins-ExtraBoldItalic.ttf") format("truetype"), url("../webfonts/poppins/Poppins-ExtraBoldItalic.svg#Poppins-ExtraBoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../webfonts/poppins/Poppins-Regular.eot");
  src: local("Poppins Regular"), local("Poppins-Regular"), url("../webfonts/poppins/Poppins-Regular.eot?#iefix") format("embedded-opentype"), url("../webfonts/poppins/Poppins-Regular.woff2") format("woff2"), url("../webfonts/poppins/Poppins-Regular.woff") format("woff"), url("../webfonts/poppins/Poppins-Regular.ttf") format("truetype"), url("../webfonts/poppins/Poppins-Regular.svg#Poppins-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../webfonts/poppins/Poppins-Light.eot");
  src: local("Poppins Light"), local("Poppins-Light"), url("../webfonts/poppins/Poppins-Light.eot?#iefix") format("embedded-opentype"), url("../webfonts/poppins/Poppins-Light.woff2") format("woff2"), url("../webfonts/poppins/Poppins-Light.woff") format("woff"), url("../webfonts/poppins/Poppins-Light.ttf") format("truetype"), url("../webfonts/poppins/Poppins-Light.svg#Poppins-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../webfonts/poppins/Poppins-ThinItalic.eot");
  src: local("Poppins Thin Italic"), local("Poppins-ThinItalic"), url("../webfonts/poppins/Poppins-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../webfonts/poppins/Poppins-ThinItalic.woff2") format("woff2"), url("../webfonts/poppins/Poppins-ThinItalic.woff") format("woff"), url("../webfonts/poppins/Poppins-ThinItalic.ttf") format("truetype"), url("../webfonts/poppins/Poppins-ThinItalic.svg#Poppins-ThinItalic") format("svg");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../webfonts/poppins/Poppins-Medium.eot");
  src: local("Poppins Medium"), local("Poppins-Medium"), url("../webfonts/poppins/Poppins-Medium.eot?#iefix") format("embedded-opentype"), url("../webfonts/poppins/Poppins-Medium.woff2") format("woff2"), url("../webfonts/poppins/Poppins-Medium.woff") format("woff"), url("../webfonts/poppins/Poppins-Medium.ttf") format("truetype"), url("../webfonts/poppins/Poppins-Medium.svg#Poppins-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../webfonts/poppins/Poppins-LightItalic.eot");
  src: local("Poppins Light Italic"), local("Poppins-LightItalic"), url("../webfonts/poppins/Poppins-LightItalic.eot?#iefix") format("embedded-opentype"), url("../webfonts/poppins/Poppins-LightItalic.woff2") format("woff2"), url("../webfonts/poppins/Poppins-LightItalic.woff") format("woff"), url("../webfonts/poppins/Poppins-LightItalic.ttf") format("truetype"), url("../webfonts/poppins/Poppins-LightItalic.svg#Poppins-LightItalic") format("svg");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../webfonts/poppins/Poppins-SemiBold.eot");
  src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url("../webfonts/poppins/Poppins-SemiBold.eot?#iefix") format("embedded-opentype"), url("../webfonts/poppins/Poppins-SemiBold.woff2") format("woff2"), url("../webfonts/poppins/Poppins-SemiBold.woff") format("woff"), url("../webfonts/poppins/Poppins-SemiBold.ttf") format("truetype"), url("../webfonts/poppins/Poppins-SemiBold.svg#Poppins-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../webfonts/poppins/Poppins-Thin.eot");
  src: local("Poppins Thin"), local("Poppins-Thin"), url("../webfonts/poppins/Poppins-Thin.eot?#iefix") format("embedded-opentype"), url("../webfonts/poppins/Poppins-Thin.woff2") format("woff2"), url("../webfonts/poppins/Poppins-Thin.woff") format("woff"), url("../webfonts/poppins/Poppins-Thin.ttf") format("truetype"), url("../webfonts/poppins/Poppins-Thin.svg#Poppins-Thin") format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../webfonts/poppins/Poppins-MediumItalic.eot");
  src: local("Poppins Medium Italic"), local("Poppins-MediumItalic"), url("../webfonts/poppins/Poppins-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../webfonts/poppins/Poppins-MediumItalic.woff2") format("woff2"), url("../webfonts/poppins/Poppins-MediumItalic.woff") format("woff"), url("../webfonts/poppins/Poppins-MediumItalic.ttf") format("truetype"), url("../webfonts/poppins/Poppins-MediumItalic.svg#Poppins-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../webfonts/poppins/Poppins-SemiBoldItalic.eot");
  src: local("Poppins SemiBold Italic"), local("Poppins-SemiBoldItalic"), url("../webfonts/poppins/Poppins-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../webfonts/poppins/Poppins-SemiBoldItalic.woff2") format("woff2"), url("../webfonts/poppins/Poppins-SemiBoldItalic.woff") format("woff"), url("../webfonts/poppins/Poppins-SemiBoldItalic.ttf") format("truetype"), url("../webfonts/poppins/Poppins-SemiBoldItalic.svg#Poppins-SemiBoldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
.app-primary-fontstack {
  font-family: "Figtree", Arial Narrow, Arial, sans-serif;
}

.app-secondary-fontstack {
  font-family: "Poppins", Arial Narrow, Arial, sans-serif;
}

.app-tertiary-fontstack {
  font-family: "Figtree", Arial Narrow, Arial, sans-serif;
}

/* _bg.scss */
/* background auto */
.app-bg-auto {
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
}
.app-bg-auto.app-bg-tint-10, .app-bg-auto .app-bg-tint-10 {
  background-color: color-mix(in srgb, var(--bs-body-bg), white 10%);
}
.app-bg-auto.app-bg-shade-10, .app-bg-auto .app-bg-shade-10 {
  background-color: color-mix(in srgb, var(--bs-body-bg), black 10%);
}
.app-bg-auto.app-bg-transparent-10, .app-bg-auto .app-bg-transparent-10 {
  background-color: color-mix(in srgb, transparent, var(--bs-body-bg) 10%);
}
.app-bg-auto.app-bg-tint-20, .app-bg-auto .app-bg-tint-20 {
  background-color: color-mix(in srgb, var(--bs-body-bg), white 20%);
}
.app-bg-auto.app-bg-shade-20, .app-bg-auto .app-bg-shade-20 {
  background-color: color-mix(in srgb, var(--bs-body-bg), black 20%);
}
.app-bg-auto.app-bg-transparent-20, .app-bg-auto .app-bg-transparent-20 {
  background-color: color-mix(in srgb, transparent, var(--bs-body-bg) 20%);
}
.app-bg-auto.app-bg-tint-30, .app-bg-auto .app-bg-tint-30 {
  background-color: color-mix(in srgb, var(--bs-body-bg), white 30%);
}
.app-bg-auto.app-bg-shade-30, .app-bg-auto .app-bg-shade-30 {
  background-color: color-mix(in srgb, var(--bs-body-bg), black 30%);
}
.app-bg-auto.app-bg-transparent-30, .app-bg-auto .app-bg-transparent-30 {
  background-color: color-mix(in srgb, transparent, var(--bs-body-bg) 30%);
}
.app-bg-auto.app-bg-tint-40, .app-bg-auto .app-bg-tint-40 {
  background-color: color-mix(in srgb, var(--bs-body-bg), white 40%);
}
.app-bg-auto.app-bg-shade-40, .app-bg-auto .app-bg-shade-40 {
  background-color: color-mix(in srgb, var(--bs-body-bg), black 40%);
}
.app-bg-auto.app-bg-transparent-40, .app-bg-auto .app-bg-transparent-40 {
  background-color: color-mix(in srgb, transparent, var(--bs-body-bg) 40%);
}
.app-bg-auto.app-bg-tint-50, .app-bg-auto .app-bg-tint-50 {
  background-color: color-mix(in srgb, var(--bs-body-bg), white 50%);
}
.app-bg-auto.app-bg-shade-50, .app-bg-auto .app-bg-shade-50 {
  background-color: color-mix(in srgb, var(--bs-body-bg), black 50%);
}
.app-bg-auto.app-bg-transparent-50, .app-bg-auto .app-bg-transparent-50 {
  background-color: color-mix(in srgb, transparent, var(--bs-body-bg) 50%);
}
.app-bg-auto.app-bg-tint-60, .app-bg-auto .app-bg-tint-60 {
  background-color: color-mix(in srgb, var(--bs-body-bg), white 60%);
}
.app-bg-auto.app-bg-shade-60, .app-bg-auto .app-bg-shade-60 {
  background-color: color-mix(in srgb, var(--bs-body-bg), black 60%);
}
.app-bg-auto.app-bg-transparent-60, .app-bg-auto .app-bg-transparent-60 {
  background-color: color-mix(in srgb, transparent, var(--bs-body-bg) 60%);
}
.app-bg-auto.app-bg-tint-70, .app-bg-auto .app-bg-tint-70 {
  background-color: color-mix(in srgb, var(--bs-body-bg), white 70%);
}
.app-bg-auto.app-bg-shade-70, .app-bg-auto .app-bg-shade-70 {
  background-color: color-mix(in srgb, var(--bs-body-bg), black 70%);
}
.app-bg-auto.app-bg-transparent-70, .app-bg-auto .app-bg-transparent-70 {
  background-color: color-mix(in srgb, transparent, var(--bs-body-bg) 70%);
}
.app-bg-auto.app-bg-tint-80, .app-bg-auto .app-bg-tint-80 {
  background-color: color-mix(in srgb, var(--bs-body-bg), white 80%);
}
.app-bg-auto.app-bg-shade-80, .app-bg-auto .app-bg-shade-80 {
  background-color: color-mix(in srgb, var(--bs-body-bg), black 80%);
}
.app-bg-auto.app-bg-transparent-80, .app-bg-auto .app-bg-transparent-80 {
  background-color: color-mix(in srgb, transparent, var(--bs-body-bg) 80%);
}
.app-bg-auto.app-bg-tint-90, .app-bg-auto .app-bg-tint-90 {
  background-color: color-mix(in srgb, var(--bs-body-bg), white 90%);
}
.app-bg-auto.app-bg-shade-90, .app-bg-auto .app-bg-shade-90 {
  background-color: color-mix(in srgb, var(--bs-body-bg), black 90%);
}
.app-bg-auto.app-bg-transparent-90, .app-bg-auto .app-bg-transparent-90 {
  background-color: color-mix(in srgb, transparent, var(--bs-body-bg) 90%);
}
.app-bg-auto a:not(.btn), .app-bg-auto button:not(.btn) {
  color: var(--bs-body-color);
  text-underline-offset: 0.15rem !important;
}
.app-bg-auto a:not(.btn):hover, .app-bg-auto button:not(.btn):hover {
  color: var(--bs-body-color) !important;
  text-decoration-color: var(--app-color-blue) !important;
}
.app-bg-auto .app-btn {
  background-color: var(--bs-body-color);
  color: var(--bs-body-bg);
}
.app-bg-auto .app-btn:hover {
  background-color: var(--bs-body-color);
  color: var(--bs-body-bg) !important;
}
.app-bg-auto .app-btn-outline {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--bs-body-color);
  color: var(--bs-body-color);
}
.app-bg-auto .app-btn-outline:hover {
  background-color: transparent !important;
  border-color: var(--bs-body-color);
  color: var(--bs-body-color);
}
.app-bg-auto .app-btn-underline {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--bs-body-color) 50%);
  color: var(--bs-body-color);
}
.app-bg-auto .app-btn-underline:hover {
  background-color: transparent !important;
  border-color: var(--bs-body-color);
  color: var(--bs-body-color);
}
.app-bg-auto .app-border {
  border-color: color-mix(in srgb, transparent, var(--bs-body-color) 50%);
}
.app-bg-auto .app-border:hover {
  border-color: var(--bs-body-color);
}
.app-bg-auto.app-text-tint-10, .app-bg-auto .app-text-tint-10 {
  color: color-mix(in srgb, var(--bs-body-color), white 10%);
}
.app-bg-auto.app-text-shade-10, .app-bg-auto .app-text-shade-10 {
  color: color-mix(in srgb, var(--bs-body-color), black 10%);
}
.app-bg-auto.app-text-transparent-10, .app-bg-auto .app-text-transparent-10 {
  color: color-mix(in srgb, transparent, var(--bs-body-color) 10%);
}
.app-bg-auto.app-text-tint-20, .app-bg-auto .app-text-tint-20 {
  color: color-mix(in srgb, var(--bs-body-color), white 20%);
}
.app-bg-auto.app-text-shade-20, .app-bg-auto .app-text-shade-20 {
  color: color-mix(in srgb, var(--bs-body-color), black 20%);
}
.app-bg-auto.app-text-transparent-20, .app-bg-auto .app-text-transparent-20 {
  color: color-mix(in srgb, transparent, var(--bs-body-color) 20%);
}
.app-bg-auto.app-text-tint-30, .app-bg-auto .app-text-tint-30 {
  color: color-mix(in srgb, var(--bs-body-color), white 30%);
}
.app-bg-auto.app-text-shade-30, .app-bg-auto .app-text-shade-30 {
  color: color-mix(in srgb, var(--bs-body-color), black 30%);
}
.app-bg-auto.app-text-transparent-30, .app-bg-auto .app-text-transparent-30 {
  color: color-mix(in srgb, transparent, var(--bs-body-color) 30%);
}
.app-bg-auto.app-text-tint-40, .app-bg-auto .app-text-tint-40 {
  color: color-mix(in srgb, var(--bs-body-color), white 40%);
}
.app-bg-auto.app-text-shade-40, .app-bg-auto .app-text-shade-40 {
  color: color-mix(in srgb, var(--bs-body-color), black 40%);
}
.app-bg-auto.app-text-transparent-40, .app-bg-auto .app-text-transparent-40 {
  color: color-mix(in srgb, transparent, var(--bs-body-color) 40%);
}
.app-bg-auto.app-text-tint-50, .app-bg-auto .app-text-tint-50 {
  color: color-mix(in srgb, var(--bs-body-color), white 50%);
}
.app-bg-auto.app-text-shade-50, .app-bg-auto .app-text-shade-50 {
  color: color-mix(in srgb, var(--bs-body-color), black 50%);
}
.app-bg-auto.app-text-transparent-50, .app-bg-auto .app-text-transparent-50 {
  color: color-mix(in srgb, transparent, var(--bs-body-color) 50%);
}
.app-bg-auto.app-text-tint-60, .app-bg-auto .app-text-tint-60 {
  color: color-mix(in srgb, var(--bs-body-color), white 60%);
}
.app-bg-auto.app-text-shade-60, .app-bg-auto .app-text-shade-60 {
  color: color-mix(in srgb, var(--bs-body-color), black 60%);
}
.app-bg-auto.app-text-transparent-60, .app-bg-auto .app-text-transparent-60 {
  color: color-mix(in srgb, transparent, var(--bs-body-color) 60%);
}
.app-bg-auto.app-text-tint-70, .app-bg-auto .app-text-tint-70 {
  color: color-mix(in srgb, var(--bs-body-color), white 70%);
}
.app-bg-auto.app-text-shade-70, .app-bg-auto .app-text-shade-70 {
  color: color-mix(in srgb, var(--bs-body-color), black 70%);
}
.app-bg-auto.app-text-transparent-70, .app-bg-auto .app-text-transparent-70 {
  color: color-mix(in srgb, transparent, var(--bs-body-color) 70%);
}
.app-bg-auto.app-text-tint-80, .app-bg-auto .app-text-tint-80 {
  color: color-mix(in srgb, var(--bs-body-color), white 80%);
}
.app-bg-auto.app-text-shade-80, .app-bg-auto .app-text-shade-80 {
  color: color-mix(in srgb, var(--bs-body-color), black 80%);
}
.app-bg-auto.app-text-transparent-80, .app-bg-auto .app-text-transparent-80 {
  color: color-mix(in srgb, transparent, var(--bs-body-color) 80%);
}
.app-bg-auto.app-text-tint-90, .app-bg-auto .app-text-tint-90 {
  color: color-mix(in srgb, var(--bs-body-color), white 90%);
}
.app-bg-auto.app-text-shade-90, .app-bg-auto .app-text-shade-90 {
  color: color-mix(in srgb, var(--bs-body-color), black 90%);
}
.app-bg-auto.app-text-transparent-90, .app-bg-auto .app-text-transparent-90 {
  color: color-mix(in srgb, transparent, var(--bs-body-color) 90%);
}

/* background colors */
.app-bg-black {
  background-color: var(--app-color-black, #111111);
  color: var(--app-color-white, #ffffff);
}
.app-bg-black.app-bg-tint-10, .app-bg-black .app-bg-tint-10 {
  background-color: color-mix(in srgb, var(--app-color-black), white 10%);
}
.app-bg-black.app-bg-shade-10, .app-bg-black .app-bg-shade-10 {
  background-color: color-mix(in srgb, var(--app-color-black), black 10%);
}
.app-bg-black.app-bg-transparent-10, .app-bg-black .app-bg-transparent-10 {
  background-color: color-mix(in srgb, transparent, var(--app-color-black) 10%);
}
.app-bg-black.app-bg-tint-20, .app-bg-black .app-bg-tint-20 {
  background-color: color-mix(in srgb, var(--app-color-black), white 20%);
}
.app-bg-black.app-bg-shade-20, .app-bg-black .app-bg-shade-20 {
  background-color: color-mix(in srgb, var(--app-color-black), black 20%);
}
.app-bg-black.app-bg-transparent-20, .app-bg-black .app-bg-transparent-20 {
  background-color: color-mix(in srgb, transparent, var(--app-color-black) 20%);
}
.app-bg-black.app-bg-tint-30, .app-bg-black .app-bg-tint-30 {
  background-color: color-mix(in srgb, var(--app-color-black), white 30%);
}
.app-bg-black.app-bg-shade-30, .app-bg-black .app-bg-shade-30 {
  background-color: color-mix(in srgb, var(--app-color-black), black 30%);
}
.app-bg-black.app-bg-transparent-30, .app-bg-black .app-bg-transparent-30 {
  background-color: color-mix(in srgb, transparent, var(--app-color-black) 30%);
}
.app-bg-black.app-bg-tint-40, .app-bg-black .app-bg-tint-40 {
  background-color: color-mix(in srgb, var(--app-color-black), white 40%);
}
.app-bg-black.app-bg-shade-40, .app-bg-black .app-bg-shade-40 {
  background-color: color-mix(in srgb, var(--app-color-black), black 40%);
}
.app-bg-black.app-bg-transparent-40, .app-bg-black .app-bg-transparent-40 {
  background-color: color-mix(in srgb, transparent, var(--app-color-black) 40%);
}
.app-bg-black.app-bg-tint-50, .app-bg-black .app-bg-tint-50 {
  background-color: color-mix(in srgb, var(--app-color-black), white 50%);
}
.app-bg-black.app-bg-shade-50, .app-bg-black .app-bg-shade-50 {
  background-color: color-mix(in srgb, var(--app-color-black), black 50%);
}
.app-bg-black.app-bg-transparent-50, .app-bg-black .app-bg-transparent-50 {
  background-color: color-mix(in srgb, transparent, var(--app-color-black) 50%);
}
.app-bg-black.app-bg-tint-60, .app-bg-black .app-bg-tint-60 {
  background-color: color-mix(in srgb, var(--app-color-black), white 60%);
}
.app-bg-black.app-bg-shade-60, .app-bg-black .app-bg-shade-60 {
  background-color: color-mix(in srgb, var(--app-color-black), black 60%);
}
.app-bg-black.app-bg-transparent-60, .app-bg-black .app-bg-transparent-60 {
  background-color: color-mix(in srgb, transparent, var(--app-color-black) 60%);
}
.app-bg-black.app-bg-tint-70, .app-bg-black .app-bg-tint-70 {
  background-color: color-mix(in srgb, var(--app-color-black), white 70%);
}
.app-bg-black.app-bg-shade-70, .app-bg-black .app-bg-shade-70 {
  background-color: color-mix(in srgb, var(--app-color-black), black 70%);
}
.app-bg-black.app-bg-transparent-70, .app-bg-black .app-bg-transparent-70 {
  background-color: color-mix(in srgb, transparent, var(--app-color-black) 70%);
}
.app-bg-black.app-bg-tint-80, .app-bg-black .app-bg-tint-80 {
  background-color: color-mix(in srgb, var(--app-color-black), white 80%);
}
.app-bg-black.app-bg-shade-80, .app-bg-black .app-bg-shade-80 {
  background-color: color-mix(in srgb, var(--app-color-black), black 80%);
}
.app-bg-black.app-bg-transparent-80, .app-bg-black .app-bg-transparent-80 {
  background-color: color-mix(in srgb, transparent, var(--app-color-black) 80%);
}
.app-bg-black.app-bg-tint-90, .app-bg-black .app-bg-tint-90 {
  background-color: color-mix(in srgb, var(--app-color-black), white 90%);
}
.app-bg-black.app-bg-shade-90, .app-bg-black .app-bg-shade-90 {
  background-color: color-mix(in srgb, var(--app-color-black), black 90%);
}
.app-bg-black.app-bg-transparent-90, .app-bg-black .app-bg-transparent-90 {
  background-color: color-mix(in srgb, transparent, var(--app-color-black) 90%);
}
.app-bg-black a:not(.btn), .app-bg-black button:not(.btn) {
  color: var(--app-color-white, #ffffff);
}
.app-bg-black a:not(.btn):hover, .app-bg-black button:not(.btn):hover {
  color: var(--app-color-white, #ffffff) !important;
}
.app-bg-black.app-text-tint-10, .app-bg-black .app-text-tint-10 {
  color: color-mix(in srgb, var(--app-color-white), white 10%);
}
.app-bg-black.app-text-shade-10, .app-bg-black .app-text-shade-10 {
  color: color-mix(in srgb, var(--app-color-white), black 10%);
}
.app-bg-black.app-text-transparent-10, .app-bg-black .app-text-transparent-10 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 10%);
}
.app-bg-black.app-text-tint-20, .app-bg-black .app-text-tint-20 {
  color: color-mix(in srgb, var(--app-color-white), white 20%);
}
.app-bg-black.app-text-shade-20, .app-bg-black .app-text-shade-20 {
  color: color-mix(in srgb, var(--app-color-white), black 20%);
}
.app-bg-black.app-text-transparent-20, .app-bg-black .app-text-transparent-20 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 20%);
}
.app-bg-black.app-text-tint-30, .app-bg-black .app-text-tint-30 {
  color: color-mix(in srgb, var(--app-color-white), white 30%);
}
.app-bg-black.app-text-shade-30, .app-bg-black .app-text-shade-30 {
  color: color-mix(in srgb, var(--app-color-white), black 30%);
}
.app-bg-black.app-text-transparent-30, .app-bg-black .app-text-transparent-30 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 30%);
}
.app-bg-black.app-text-tint-40, .app-bg-black .app-text-tint-40 {
  color: color-mix(in srgb, var(--app-color-white), white 40%);
}
.app-bg-black.app-text-shade-40, .app-bg-black .app-text-shade-40 {
  color: color-mix(in srgb, var(--app-color-white), black 40%);
}
.app-bg-black.app-text-transparent-40, .app-bg-black .app-text-transparent-40 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 40%);
}
.app-bg-black.app-text-tint-50, .app-bg-black .app-text-tint-50 {
  color: color-mix(in srgb, var(--app-color-white), white 50%);
}
.app-bg-black.app-text-shade-50, .app-bg-black .app-text-shade-50 {
  color: color-mix(in srgb, var(--app-color-white), black 50%);
}
.app-bg-black.app-text-transparent-50, .app-bg-black .app-text-transparent-50 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 50%);
}
.app-bg-black.app-text-tint-60, .app-bg-black .app-text-tint-60 {
  color: color-mix(in srgb, var(--app-color-white), white 60%);
}
.app-bg-black.app-text-shade-60, .app-bg-black .app-text-shade-60 {
  color: color-mix(in srgb, var(--app-color-white), black 60%);
}
.app-bg-black.app-text-transparent-60, .app-bg-black .app-text-transparent-60 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 60%);
}
.app-bg-black.app-text-tint-70, .app-bg-black .app-text-tint-70 {
  color: color-mix(in srgb, var(--app-color-white), white 70%);
}
.app-bg-black.app-text-shade-70, .app-bg-black .app-text-shade-70 {
  color: color-mix(in srgb, var(--app-color-white), black 70%);
}
.app-bg-black.app-text-transparent-70, .app-bg-black .app-text-transparent-70 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 70%);
}
.app-bg-black.app-text-tint-80, .app-bg-black .app-text-tint-80 {
  color: color-mix(in srgb, var(--app-color-white), white 80%);
}
.app-bg-black.app-text-shade-80, .app-bg-black .app-text-shade-80 {
  color: color-mix(in srgb, var(--app-color-white), black 80%);
}
.app-bg-black.app-text-transparent-80, .app-bg-black .app-text-transparent-80 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 80%);
}
.app-bg-black.app-text-tint-90, .app-bg-black .app-text-tint-90 {
  color: color-mix(in srgb, var(--app-color-white), white 90%);
}
.app-bg-black.app-text-shade-90, .app-bg-black .app-text-shade-90 {
  color: color-mix(in srgb, var(--app-color-white), black 90%);
}
.app-bg-black.app-text-transparent-90, .app-bg-black .app-text-transparent-90 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 90%);
}

.app-bg-hover-black:hover {
  background-color: var(--app-color-black, #111111) !important;
}

.app-bg-white {
  background-color: var(--app-color-white, #ffffff);
  color: var(--app-color-black, #111111);
}
.app-bg-white.app-bg-tint-10, .app-bg-white .app-bg-tint-10 {
  background-color: color-mix(in srgb, var(--app-color-white), white 10%);
}
.app-bg-white.app-bg-shade-10, .app-bg-white .app-bg-shade-10 {
  background-color: color-mix(in srgb, var(--app-color-white), black 10%);
}
.app-bg-white.app-bg-transparent-10, .app-bg-white .app-bg-transparent-10 {
  background-color: color-mix(in srgb, transparent, var(--app-color-white) 10%);
}
.app-bg-white.app-bg-tint-20, .app-bg-white .app-bg-tint-20 {
  background-color: color-mix(in srgb, var(--app-color-white), white 20%);
}
.app-bg-white.app-bg-shade-20, .app-bg-white .app-bg-shade-20 {
  background-color: color-mix(in srgb, var(--app-color-white), black 20%);
}
.app-bg-white.app-bg-transparent-20, .app-bg-white .app-bg-transparent-20 {
  background-color: color-mix(in srgb, transparent, var(--app-color-white) 20%);
}
.app-bg-white.app-bg-tint-30, .app-bg-white .app-bg-tint-30 {
  background-color: color-mix(in srgb, var(--app-color-white), white 30%);
}
.app-bg-white.app-bg-shade-30, .app-bg-white .app-bg-shade-30 {
  background-color: color-mix(in srgb, var(--app-color-white), black 30%);
}
.app-bg-white.app-bg-transparent-30, .app-bg-white .app-bg-transparent-30 {
  background-color: color-mix(in srgb, transparent, var(--app-color-white) 30%);
}
.app-bg-white.app-bg-tint-40, .app-bg-white .app-bg-tint-40 {
  background-color: color-mix(in srgb, var(--app-color-white), white 40%);
}
.app-bg-white.app-bg-shade-40, .app-bg-white .app-bg-shade-40 {
  background-color: color-mix(in srgb, var(--app-color-white), black 40%);
}
.app-bg-white.app-bg-transparent-40, .app-bg-white .app-bg-transparent-40 {
  background-color: color-mix(in srgb, transparent, var(--app-color-white) 40%);
}
.app-bg-white.app-bg-tint-50, .app-bg-white .app-bg-tint-50 {
  background-color: color-mix(in srgb, var(--app-color-white), white 50%);
}
.app-bg-white.app-bg-shade-50, .app-bg-white .app-bg-shade-50 {
  background-color: color-mix(in srgb, var(--app-color-white), black 50%);
}
.app-bg-white.app-bg-transparent-50, .app-bg-white .app-bg-transparent-50 {
  background-color: color-mix(in srgb, transparent, var(--app-color-white) 50%);
}
.app-bg-white.app-bg-tint-60, .app-bg-white .app-bg-tint-60 {
  background-color: color-mix(in srgb, var(--app-color-white), white 60%);
}
.app-bg-white.app-bg-shade-60, .app-bg-white .app-bg-shade-60 {
  background-color: color-mix(in srgb, var(--app-color-white), black 60%);
}
.app-bg-white.app-bg-transparent-60, .app-bg-white .app-bg-transparent-60 {
  background-color: color-mix(in srgb, transparent, var(--app-color-white) 60%);
}
.app-bg-white.app-bg-tint-70, .app-bg-white .app-bg-tint-70 {
  background-color: color-mix(in srgb, var(--app-color-white), white 70%);
}
.app-bg-white.app-bg-shade-70, .app-bg-white .app-bg-shade-70 {
  background-color: color-mix(in srgb, var(--app-color-white), black 70%);
}
.app-bg-white.app-bg-transparent-70, .app-bg-white .app-bg-transparent-70 {
  background-color: color-mix(in srgb, transparent, var(--app-color-white) 70%);
}
.app-bg-white.app-bg-tint-80, .app-bg-white .app-bg-tint-80 {
  background-color: color-mix(in srgb, var(--app-color-white), white 80%);
}
.app-bg-white.app-bg-shade-80, .app-bg-white .app-bg-shade-80 {
  background-color: color-mix(in srgb, var(--app-color-white), black 80%);
}
.app-bg-white.app-bg-transparent-80, .app-bg-white .app-bg-transparent-80 {
  background-color: color-mix(in srgb, transparent, var(--app-color-white) 80%);
}
.app-bg-white.app-bg-tint-90, .app-bg-white .app-bg-tint-90 {
  background-color: color-mix(in srgb, var(--app-color-white), white 90%);
}
.app-bg-white.app-bg-shade-90, .app-bg-white .app-bg-shade-90 {
  background-color: color-mix(in srgb, var(--app-color-white), black 90%);
}
.app-bg-white.app-bg-transparent-90, .app-bg-white .app-bg-transparent-90 {
  background-color: color-mix(in srgb, transparent, var(--app-color-white) 90%);
}
.app-bg-white a:not(.btn), .app-bg-white button:not(.btn) {
  color: var(--app-color-black, #111111);
}
.app-bg-white a:not(.btn):hover, .app-bg-white button:not(.btn):hover {
  color: var(--app-color-black, #111111) !important;
}
.app-bg-white.app-text-tint-10, .app-bg-white .app-text-tint-10 {
  color: color-mix(in srgb, var(--app-color-black), white 10%);
}
.app-bg-white.app-text-shade-10, .app-bg-white .app-text-shade-10 {
  color: color-mix(in srgb, var(--app-color-black), black 10%);
}
.app-bg-white.app-text-transparent-10, .app-bg-white .app-text-transparent-10 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 10%);
}
.app-bg-white.app-text-tint-20, .app-bg-white .app-text-tint-20 {
  color: color-mix(in srgb, var(--app-color-black), white 20%);
}
.app-bg-white.app-text-shade-20, .app-bg-white .app-text-shade-20 {
  color: color-mix(in srgb, var(--app-color-black), black 20%);
}
.app-bg-white.app-text-transparent-20, .app-bg-white .app-text-transparent-20 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 20%);
}
.app-bg-white.app-text-tint-30, .app-bg-white .app-text-tint-30 {
  color: color-mix(in srgb, var(--app-color-black), white 30%);
}
.app-bg-white.app-text-shade-30, .app-bg-white .app-text-shade-30 {
  color: color-mix(in srgb, var(--app-color-black), black 30%);
}
.app-bg-white.app-text-transparent-30, .app-bg-white .app-text-transparent-30 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 30%);
}
.app-bg-white.app-text-tint-40, .app-bg-white .app-text-tint-40 {
  color: color-mix(in srgb, var(--app-color-black), white 40%);
}
.app-bg-white.app-text-shade-40, .app-bg-white .app-text-shade-40 {
  color: color-mix(in srgb, var(--app-color-black), black 40%);
}
.app-bg-white.app-text-transparent-40, .app-bg-white .app-text-transparent-40 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 40%);
}
.app-bg-white.app-text-tint-50, .app-bg-white .app-text-tint-50 {
  color: color-mix(in srgb, var(--app-color-black), white 50%);
}
.app-bg-white.app-text-shade-50, .app-bg-white .app-text-shade-50 {
  color: color-mix(in srgb, var(--app-color-black), black 50%);
}
.app-bg-white.app-text-transparent-50, .app-bg-white .app-text-transparent-50 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 50%);
}
.app-bg-white.app-text-tint-60, .app-bg-white .app-text-tint-60 {
  color: color-mix(in srgb, var(--app-color-black), white 60%);
}
.app-bg-white.app-text-shade-60, .app-bg-white .app-text-shade-60 {
  color: color-mix(in srgb, var(--app-color-black), black 60%);
}
.app-bg-white.app-text-transparent-60, .app-bg-white .app-text-transparent-60 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 60%);
}
.app-bg-white.app-text-tint-70, .app-bg-white .app-text-tint-70 {
  color: color-mix(in srgb, var(--app-color-black), white 70%);
}
.app-bg-white.app-text-shade-70, .app-bg-white .app-text-shade-70 {
  color: color-mix(in srgb, var(--app-color-black), black 70%);
}
.app-bg-white.app-text-transparent-70, .app-bg-white .app-text-transparent-70 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 70%);
}
.app-bg-white.app-text-tint-80, .app-bg-white .app-text-tint-80 {
  color: color-mix(in srgb, var(--app-color-black), white 80%);
}
.app-bg-white.app-text-shade-80, .app-bg-white .app-text-shade-80 {
  color: color-mix(in srgb, var(--app-color-black), black 80%);
}
.app-bg-white.app-text-transparent-80, .app-bg-white .app-text-transparent-80 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 80%);
}
.app-bg-white.app-text-tint-90, .app-bg-white .app-text-tint-90 {
  color: color-mix(in srgb, var(--app-color-black), white 90%);
}
.app-bg-white.app-text-shade-90, .app-bg-white .app-text-shade-90 {
  color: color-mix(in srgb, var(--app-color-black), black 90%);
}
.app-bg-white.app-text-transparent-90, .app-bg-white .app-text-transparent-90 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 90%);
}

.app-bg-hover-white:hover {
  background-color: var(--app-color-white, #ffffff) !important;
}

.app-bg-light-gray {
  background-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-black, #111111);
}
.app-bg-light-gray.app-bg-tint-10, .app-bg-light-gray .app-bg-tint-10 {
  background-color: color-mix(in srgb, var(--app-color-light-gray), white 10%);
}
.app-bg-light-gray.app-bg-shade-10, .app-bg-light-gray .app-bg-shade-10 {
  background-color: color-mix(in srgb, var(--app-color-light-gray), black 10%);
}
.app-bg-light-gray.app-bg-transparent-10, .app-bg-light-gray .app-bg-transparent-10 {
  background-color: color-mix(in srgb, transparent, var(--app-color-light-gray) 10%);
}
.app-bg-light-gray.app-bg-tint-20, .app-bg-light-gray .app-bg-tint-20 {
  background-color: color-mix(in srgb, var(--app-color-light-gray), white 20%);
}
.app-bg-light-gray.app-bg-shade-20, .app-bg-light-gray .app-bg-shade-20 {
  background-color: color-mix(in srgb, var(--app-color-light-gray), black 20%);
}
.app-bg-light-gray.app-bg-transparent-20, .app-bg-light-gray .app-bg-transparent-20 {
  background-color: color-mix(in srgb, transparent, var(--app-color-light-gray) 20%);
}
.app-bg-light-gray.app-bg-tint-30, .app-bg-light-gray .app-bg-tint-30 {
  background-color: color-mix(in srgb, var(--app-color-light-gray), white 30%);
}
.app-bg-light-gray.app-bg-shade-30, .app-bg-light-gray .app-bg-shade-30 {
  background-color: color-mix(in srgb, var(--app-color-light-gray), black 30%);
}
.app-bg-light-gray.app-bg-transparent-30, .app-bg-light-gray .app-bg-transparent-30 {
  background-color: color-mix(in srgb, transparent, var(--app-color-light-gray) 30%);
}
.app-bg-light-gray.app-bg-tint-40, .app-bg-light-gray .app-bg-tint-40 {
  background-color: color-mix(in srgb, var(--app-color-light-gray), white 40%);
}
.app-bg-light-gray.app-bg-shade-40, .app-bg-light-gray .app-bg-shade-40 {
  background-color: color-mix(in srgb, var(--app-color-light-gray), black 40%);
}
.app-bg-light-gray.app-bg-transparent-40, .app-bg-light-gray .app-bg-transparent-40 {
  background-color: color-mix(in srgb, transparent, var(--app-color-light-gray) 40%);
}
.app-bg-light-gray.app-bg-tint-50, .app-bg-light-gray .app-bg-tint-50 {
  background-color: color-mix(in srgb, var(--app-color-light-gray), white 50%);
}
.app-bg-light-gray.app-bg-shade-50, .app-bg-light-gray .app-bg-shade-50 {
  background-color: color-mix(in srgb, var(--app-color-light-gray), black 50%);
}
.app-bg-light-gray.app-bg-transparent-50, .app-bg-light-gray .app-bg-transparent-50 {
  background-color: color-mix(in srgb, transparent, var(--app-color-light-gray) 50%);
}
.app-bg-light-gray.app-bg-tint-60, .app-bg-light-gray .app-bg-tint-60 {
  background-color: color-mix(in srgb, var(--app-color-light-gray), white 60%);
}
.app-bg-light-gray.app-bg-shade-60, .app-bg-light-gray .app-bg-shade-60 {
  background-color: color-mix(in srgb, var(--app-color-light-gray), black 60%);
}
.app-bg-light-gray.app-bg-transparent-60, .app-bg-light-gray .app-bg-transparent-60 {
  background-color: color-mix(in srgb, transparent, var(--app-color-light-gray) 60%);
}
.app-bg-light-gray.app-bg-tint-70, .app-bg-light-gray .app-bg-tint-70 {
  background-color: color-mix(in srgb, var(--app-color-light-gray), white 70%);
}
.app-bg-light-gray.app-bg-shade-70, .app-bg-light-gray .app-bg-shade-70 {
  background-color: color-mix(in srgb, var(--app-color-light-gray), black 70%);
}
.app-bg-light-gray.app-bg-transparent-70, .app-bg-light-gray .app-bg-transparent-70 {
  background-color: color-mix(in srgb, transparent, var(--app-color-light-gray) 70%);
}
.app-bg-light-gray.app-bg-tint-80, .app-bg-light-gray .app-bg-tint-80 {
  background-color: color-mix(in srgb, var(--app-color-light-gray), white 80%);
}
.app-bg-light-gray.app-bg-shade-80, .app-bg-light-gray .app-bg-shade-80 {
  background-color: color-mix(in srgb, var(--app-color-light-gray), black 80%);
}
.app-bg-light-gray.app-bg-transparent-80, .app-bg-light-gray .app-bg-transparent-80 {
  background-color: color-mix(in srgb, transparent, var(--app-color-light-gray) 80%);
}
.app-bg-light-gray.app-bg-tint-90, .app-bg-light-gray .app-bg-tint-90 {
  background-color: color-mix(in srgb, var(--app-color-light-gray), white 90%);
}
.app-bg-light-gray.app-bg-shade-90, .app-bg-light-gray .app-bg-shade-90 {
  background-color: color-mix(in srgb, var(--app-color-light-gray), black 90%);
}
.app-bg-light-gray.app-bg-transparent-90, .app-bg-light-gray .app-bg-transparent-90 {
  background-color: color-mix(in srgb, transparent, var(--app-color-light-gray) 90%);
}
.app-bg-light-gray a:not(.btn), .app-bg-light-gray button:not(.btn) {
  color: var(--app-color-black, #111111);
}
.app-bg-light-gray a:not(.btn):hover, .app-bg-light-gray button:not(.btn):hover {
  color: var(--app-color-black, #111111) !important;
}
.app-bg-light-gray.app-text-tint-10, .app-bg-light-gray .app-text-tint-10 {
  color: color-mix(in srgb, var(--app-color-black), white 10%);
}
.app-bg-light-gray.app-text-shade-10, .app-bg-light-gray .app-text-shade-10 {
  color: color-mix(in srgb, var(--app-color-black), black 10%);
}
.app-bg-light-gray.app-text-transparent-10, .app-bg-light-gray .app-text-transparent-10 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 10%);
}
.app-bg-light-gray.app-text-tint-20, .app-bg-light-gray .app-text-tint-20 {
  color: color-mix(in srgb, var(--app-color-black), white 20%);
}
.app-bg-light-gray.app-text-shade-20, .app-bg-light-gray .app-text-shade-20 {
  color: color-mix(in srgb, var(--app-color-black), black 20%);
}
.app-bg-light-gray.app-text-transparent-20, .app-bg-light-gray .app-text-transparent-20 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 20%);
}
.app-bg-light-gray.app-text-tint-30, .app-bg-light-gray .app-text-tint-30 {
  color: color-mix(in srgb, var(--app-color-black), white 30%);
}
.app-bg-light-gray.app-text-shade-30, .app-bg-light-gray .app-text-shade-30 {
  color: color-mix(in srgb, var(--app-color-black), black 30%);
}
.app-bg-light-gray.app-text-transparent-30, .app-bg-light-gray .app-text-transparent-30 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 30%);
}
.app-bg-light-gray.app-text-tint-40, .app-bg-light-gray .app-text-tint-40 {
  color: color-mix(in srgb, var(--app-color-black), white 40%);
}
.app-bg-light-gray.app-text-shade-40, .app-bg-light-gray .app-text-shade-40 {
  color: color-mix(in srgb, var(--app-color-black), black 40%);
}
.app-bg-light-gray.app-text-transparent-40, .app-bg-light-gray .app-text-transparent-40 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 40%);
}
.app-bg-light-gray.app-text-tint-50, .app-bg-light-gray .app-text-tint-50 {
  color: color-mix(in srgb, var(--app-color-black), white 50%);
}
.app-bg-light-gray.app-text-shade-50, .app-bg-light-gray .app-text-shade-50 {
  color: color-mix(in srgb, var(--app-color-black), black 50%);
}
.app-bg-light-gray.app-text-transparent-50, .app-bg-light-gray .app-text-transparent-50 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 50%);
}
.app-bg-light-gray.app-text-tint-60, .app-bg-light-gray .app-text-tint-60 {
  color: color-mix(in srgb, var(--app-color-black), white 60%);
}
.app-bg-light-gray.app-text-shade-60, .app-bg-light-gray .app-text-shade-60 {
  color: color-mix(in srgb, var(--app-color-black), black 60%);
}
.app-bg-light-gray.app-text-transparent-60, .app-bg-light-gray .app-text-transparent-60 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 60%);
}
.app-bg-light-gray.app-text-tint-70, .app-bg-light-gray .app-text-tint-70 {
  color: color-mix(in srgb, var(--app-color-black), white 70%);
}
.app-bg-light-gray.app-text-shade-70, .app-bg-light-gray .app-text-shade-70 {
  color: color-mix(in srgb, var(--app-color-black), black 70%);
}
.app-bg-light-gray.app-text-transparent-70, .app-bg-light-gray .app-text-transparent-70 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 70%);
}
.app-bg-light-gray.app-text-tint-80, .app-bg-light-gray .app-text-tint-80 {
  color: color-mix(in srgb, var(--app-color-black), white 80%);
}
.app-bg-light-gray.app-text-shade-80, .app-bg-light-gray .app-text-shade-80 {
  color: color-mix(in srgb, var(--app-color-black), black 80%);
}
.app-bg-light-gray.app-text-transparent-80, .app-bg-light-gray .app-text-transparent-80 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 80%);
}
.app-bg-light-gray.app-text-tint-90, .app-bg-light-gray .app-text-tint-90 {
  color: color-mix(in srgb, var(--app-color-black), white 90%);
}
.app-bg-light-gray.app-text-shade-90, .app-bg-light-gray .app-text-shade-90 {
  color: color-mix(in srgb, var(--app-color-black), black 90%);
}
.app-bg-light-gray.app-text-transparent-90, .app-bg-light-gray .app-text-transparent-90 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 90%);
}

.app-bg-hover-light-gray:hover {
  background-color: var(--app-color-light-gray, #F5F5F5) !important;
}

.app-bg-gray {
  background-color: var(--app-color-gray, #999999);
  color: var(--app-color-black, #111111);
}
.app-bg-gray.app-bg-tint-10, .app-bg-gray .app-bg-tint-10 {
  background-color: color-mix(in srgb, var(--app-color-gray), white 10%);
}
.app-bg-gray.app-bg-shade-10, .app-bg-gray .app-bg-shade-10 {
  background-color: color-mix(in srgb, var(--app-color-gray), black 10%);
}
.app-bg-gray.app-bg-transparent-10, .app-bg-gray .app-bg-transparent-10 {
  background-color: color-mix(in srgb, transparent, var(--app-color-gray) 10%);
}
.app-bg-gray.app-bg-tint-20, .app-bg-gray .app-bg-tint-20 {
  background-color: color-mix(in srgb, var(--app-color-gray), white 20%);
}
.app-bg-gray.app-bg-shade-20, .app-bg-gray .app-bg-shade-20 {
  background-color: color-mix(in srgb, var(--app-color-gray), black 20%);
}
.app-bg-gray.app-bg-transparent-20, .app-bg-gray .app-bg-transparent-20 {
  background-color: color-mix(in srgb, transparent, var(--app-color-gray) 20%);
}
.app-bg-gray.app-bg-tint-30, .app-bg-gray .app-bg-tint-30 {
  background-color: color-mix(in srgb, var(--app-color-gray), white 30%);
}
.app-bg-gray.app-bg-shade-30, .app-bg-gray .app-bg-shade-30 {
  background-color: color-mix(in srgb, var(--app-color-gray), black 30%);
}
.app-bg-gray.app-bg-transparent-30, .app-bg-gray .app-bg-transparent-30 {
  background-color: color-mix(in srgb, transparent, var(--app-color-gray) 30%);
}
.app-bg-gray.app-bg-tint-40, .app-bg-gray .app-bg-tint-40 {
  background-color: color-mix(in srgb, var(--app-color-gray), white 40%);
}
.app-bg-gray.app-bg-shade-40, .app-bg-gray .app-bg-shade-40 {
  background-color: color-mix(in srgb, var(--app-color-gray), black 40%);
}
.app-bg-gray.app-bg-transparent-40, .app-bg-gray .app-bg-transparent-40 {
  background-color: color-mix(in srgb, transparent, var(--app-color-gray) 40%);
}
.app-bg-gray.app-bg-tint-50, .app-bg-gray .app-bg-tint-50 {
  background-color: color-mix(in srgb, var(--app-color-gray), white 50%);
}
.app-bg-gray.app-bg-shade-50, .app-bg-gray .app-bg-shade-50 {
  background-color: color-mix(in srgb, var(--app-color-gray), black 50%);
}
.app-bg-gray.app-bg-transparent-50, .app-bg-gray .app-bg-transparent-50 {
  background-color: color-mix(in srgb, transparent, var(--app-color-gray) 50%);
}
.app-bg-gray.app-bg-tint-60, .app-bg-gray .app-bg-tint-60 {
  background-color: color-mix(in srgb, var(--app-color-gray), white 60%);
}
.app-bg-gray.app-bg-shade-60, .app-bg-gray .app-bg-shade-60 {
  background-color: color-mix(in srgb, var(--app-color-gray), black 60%);
}
.app-bg-gray.app-bg-transparent-60, .app-bg-gray .app-bg-transparent-60 {
  background-color: color-mix(in srgb, transparent, var(--app-color-gray) 60%);
}
.app-bg-gray.app-bg-tint-70, .app-bg-gray .app-bg-tint-70 {
  background-color: color-mix(in srgb, var(--app-color-gray), white 70%);
}
.app-bg-gray.app-bg-shade-70, .app-bg-gray .app-bg-shade-70 {
  background-color: color-mix(in srgb, var(--app-color-gray), black 70%);
}
.app-bg-gray.app-bg-transparent-70, .app-bg-gray .app-bg-transparent-70 {
  background-color: color-mix(in srgb, transparent, var(--app-color-gray) 70%);
}
.app-bg-gray.app-bg-tint-80, .app-bg-gray .app-bg-tint-80 {
  background-color: color-mix(in srgb, var(--app-color-gray), white 80%);
}
.app-bg-gray.app-bg-shade-80, .app-bg-gray .app-bg-shade-80 {
  background-color: color-mix(in srgb, var(--app-color-gray), black 80%);
}
.app-bg-gray.app-bg-transparent-80, .app-bg-gray .app-bg-transparent-80 {
  background-color: color-mix(in srgb, transparent, var(--app-color-gray) 80%);
}
.app-bg-gray.app-bg-tint-90, .app-bg-gray .app-bg-tint-90 {
  background-color: color-mix(in srgb, var(--app-color-gray), white 90%);
}
.app-bg-gray.app-bg-shade-90, .app-bg-gray .app-bg-shade-90 {
  background-color: color-mix(in srgb, var(--app-color-gray), black 90%);
}
.app-bg-gray.app-bg-transparent-90, .app-bg-gray .app-bg-transparent-90 {
  background-color: color-mix(in srgb, transparent, var(--app-color-gray) 90%);
}
.app-bg-gray a:not(.btn), .app-bg-gray button:not(.btn) {
  color: var(--app-color-black, #111111);
}
.app-bg-gray a:not(.btn):hover, .app-bg-gray button:not(.btn):hover {
  color: var(--app-color-black, #111111) !important;
}
.app-bg-gray.app-text-tint-10, .app-bg-gray .app-text-tint-10 {
  color: color-mix(in srgb, var(--app-color-black), white 10%);
}
.app-bg-gray.app-text-shade-10, .app-bg-gray .app-text-shade-10 {
  color: color-mix(in srgb, var(--app-color-black), black 10%);
}
.app-bg-gray.app-text-transparent-10, .app-bg-gray .app-text-transparent-10 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 10%);
}
.app-bg-gray.app-text-tint-20, .app-bg-gray .app-text-tint-20 {
  color: color-mix(in srgb, var(--app-color-black), white 20%);
}
.app-bg-gray.app-text-shade-20, .app-bg-gray .app-text-shade-20 {
  color: color-mix(in srgb, var(--app-color-black), black 20%);
}
.app-bg-gray.app-text-transparent-20, .app-bg-gray .app-text-transparent-20 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 20%);
}
.app-bg-gray.app-text-tint-30, .app-bg-gray .app-text-tint-30 {
  color: color-mix(in srgb, var(--app-color-black), white 30%);
}
.app-bg-gray.app-text-shade-30, .app-bg-gray .app-text-shade-30 {
  color: color-mix(in srgb, var(--app-color-black), black 30%);
}
.app-bg-gray.app-text-transparent-30, .app-bg-gray .app-text-transparent-30 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 30%);
}
.app-bg-gray.app-text-tint-40, .app-bg-gray .app-text-tint-40 {
  color: color-mix(in srgb, var(--app-color-black), white 40%);
}
.app-bg-gray.app-text-shade-40, .app-bg-gray .app-text-shade-40 {
  color: color-mix(in srgb, var(--app-color-black), black 40%);
}
.app-bg-gray.app-text-transparent-40, .app-bg-gray .app-text-transparent-40 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 40%);
}
.app-bg-gray.app-text-tint-50, .app-bg-gray .app-text-tint-50 {
  color: color-mix(in srgb, var(--app-color-black), white 50%);
}
.app-bg-gray.app-text-shade-50, .app-bg-gray .app-text-shade-50 {
  color: color-mix(in srgb, var(--app-color-black), black 50%);
}
.app-bg-gray.app-text-transparent-50, .app-bg-gray .app-text-transparent-50 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 50%);
}
.app-bg-gray.app-text-tint-60, .app-bg-gray .app-text-tint-60 {
  color: color-mix(in srgb, var(--app-color-black), white 60%);
}
.app-bg-gray.app-text-shade-60, .app-bg-gray .app-text-shade-60 {
  color: color-mix(in srgb, var(--app-color-black), black 60%);
}
.app-bg-gray.app-text-transparent-60, .app-bg-gray .app-text-transparent-60 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 60%);
}
.app-bg-gray.app-text-tint-70, .app-bg-gray .app-text-tint-70 {
  color: color-mix(in srgb, var(--app-color-black), white 70%);
}
.app-bg-gray.app-text-shade-70, .app-bg-gray .app-text-shade-70 {
  color: color-mix(in srgb, var(--app-color-black), black 70%);
}
.app-bg-gray.app-text-transparent-70, .app-bg-gray .app-text-transparent-70 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 70%);
}
.app-bg-gray.app-text-tint-80, .app-bg-gray .app-text-tint-80 {
  color: color-mix(in srgb, var(--app-color-black), white 80%);
}
.app-bg-gray.app-text-shade-80, .app-bg-gray .app-text-shade-80 {
  color: color-mix(in srgb, var(--app-color-black), black 80%);
}
.app-bg-gray.app-text-transparent-80, .app-bg-gray .app-text-transparent-80 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 80%);
}
.app-bg-gray.app-text-tint-90, .app-bg-gray .app-text-tint-90 {
  color: color-mix(in srgb, var(--app-color-black), white 90%);
}
.app-bg-gray.app-text-shade-90, .app-bg-gray .app-text-shade-90 {
  color: color-mix(in srgb, var(--app-color-black), black 90%);
}
.app-bg-gray.app-text-transparent-90, .app-bg-gray .app-text-transparent-90 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 90%);
}

.app-bg-hover-gray:hover {
  background-color: var(--app-color-gray, #999999) !important;
}

.app-bg-medium-gray {
  background-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-white, #ffffff);
}
.app-bg-medium-gray.app-bg-tint-10, .app-bg-medium-gray .app-bg-tint-10 {
  background-color: color-mix(in srgb, var(--app-color-medium-gray), white 10%);
}
.app-bg-medium-gray.app-bg-shade-10, .app-bg-medium-gray .app-bg-shade-10 {
  background-color: color-mix(in srgb, var(--app-color-medium-gray), black 10%);
}
.app-bg-medium-gray.app-bg-transparent-10, .app-bg-medium-gray .app-bg-transparent-10 {
  background-color: color-mix(in srgb, transparent, var(--app-color-medium-gray) 10%);
}
.app-bg-medium-gray.app-bg-tint-20, .app-bg-medium-gray .app-bg-tint-20 {
  background-color: color-mix(in srgb, var(--app-color-medium-gray), white 20%);
}
.app-bg-medium-gray.app-bg-shade-20, .app-bg-medium-gray .app-bg-shade-20 {
  background-color: color-mix(in srgb, var(--app-color-medium-gray), black 20%);
}
.app-bg-medium-gray.app-bg-transparent-20, .app-bg-medium-gray .app-bg-transparent-20 {
  background-color: color-mix(in srgb, transparent, var(--app-color-medium-gray) 20%);
}
.app-bg-medium-gray.app-bg-tint-30, .app-bg-medium-gray .app-bg-tint-30 {
  background-color: color-mix(in srgb, var(--app-color-medium-gray), white 30%);
}
.app-bg-medium-gray.app-bg-shade-30, .app-bg-medium-gray .app-bg-shade-30 {
  background-color: color-mix(in srgb, var(--app-color-medium-gray), black 30%);
}
.app-bg-medium-gray.app-bg-transparent-30, .app-bg-medium-gray .app-bg-transparent-30 {
  background-color: color-mix(in srgb, transparent, var(--app-color-medium-gray) 30%);
}
.app-bg-medium-gray.app-bg-tint-40, .app-bg-medium-gray .app-bg-tint-40 {
  background-color: color-mix(in srgb, var(--app-color-medium-gray), white 40%);
}
.app-bg-medium-gray.app-bg-shade-40, .app-bg-medium-gray .app-bg-shade-40 {
  background-color: color-mix(in srgb, var(--app-color-medium-gray), black 40%);
}
.app-bg-medium-gray.app-bg-transparent-40, .app-bg-medium-gray .app-bg-transparent-40 {
  background-color: color-mix(in srgb, transparent, var(--app-color-medium-gray) 40%);
}
.app-bg-medium-gray.app-bg-tint-50, .app-bg-medium-gray .app-bg-tint-50 {
  background-color: color-mix(in srgb, var(--app-color-medium-gray), white 50%);
}
.app-bg-medium-gray.app-bg-shade-50, .app-bg-medium-gray .app-bg-shade-50 {
  background-color: color-mix(in srgb, var(--app-color-medium-gray), black 50%);
}
.app-bg-medium-gray.app-bg-transparent-50, .app-bg-medium-gray .app-bg-transparent-50 {
  background-color: color-mix(in srgb, transparent, var(--app-color-medium-gray) 50%);
}
.app-bg-medium-gray.app-bg-tint-60, .app-bg-medium-gray .app-bg-tint-60 {
  background-color: color-mix(in srgb, var(--app-color-medium-gray), white 60%);
}
.app-bg-medium-gray.app-bg-shade-60, .app-bg-medium-gray .app-bg-shade-60 {
  background-color: color-mix(in srgb, var(--app-color-medium-gray), black 60%);
}
.app-bg-medium-gray.app-bg-transparent-60, .app-bg-medium-gray .app-bg-transparent-60 {
  background-color: color-mix(in srgb, transparent, var(--app-color-medium-gray) 60%);
}
.app-bg-medium-gray.app-bg-tint-70, .app-bg-medium-gray .app-bg-tint-70 {
  background-color: color-mix(in srgb, var(--app-color-medium-gray), white 70%);
}
.app-bg-medium-gray.app-bg-shade-70, .app-bg-medium-gray .app-bg-shade-70 {
  background-color: color-mix(in srgb, var(--app-color-medium-gray), black 70%);
}
.app-bg-medium-gray.app-bg-transparent-70, .app-bg-medium-gray .app-bg-transparent-70 {
  background-color: color-mix(in srgb, transparent, var(--app-color-medium-gray) 70%);
}
.app-bg-medium-gray.app-bg-tint-80, .app-bg-medium-gray .app-bg-tint-80 {
  background-color: color-mix(in srgb, var(--app-color-medium-gray), white 80%);
}
.app-bg-medium-gray.app-bg-shade-80, .app-bg-medium-gray .app-bg-shade-80 {
  background-color: color-mix(in srgb, var(--app-color-medium-gray), black 80%);
}
.app-bg-medium-gray.app-bg-transparent-80, .app-bg-medium-gray .app-bg-transparent-80 {
  background-color: color-mix(in srgb, transparent, var(--app-color-medium-gray) 80%);
}
.app-bg-medium-gray.app-bg-tint-90, .app-bg-medium-gray .app-bg-tint-90 {
  background-color: color-mix(in srgb, var(--app-color-medium-gray), white 90%);
}
.app-bg-medium-gray.app-bg-shade-90, .app-bg-medium-gray .app-bg-shade-90 {
  background-color: color-mix(in srgb, var(--app-color-medium-gray), black 90%);
}
.app-bg-medium-gray.app-bg-transparent-90, .app-bg-medium-gray .app-bg-transparent-90 {
  background-color: color-mix(in srgb, transparent, var(--app-color-medium-gray) 90%);
}
.app-bg-medium-gray a:not(.btn), .app-bg-medium-gray button:not(.btn) {
  color: var(--app-color-white, #ffffff);
}
.app-bg-medium-gray a:not(.btn):hover, .app-bg-medium-gray button:not(.btn):hover {
  color: var(--app-color-white, #ffffff) !important;
}
.app-bg-medium-gray.app-text-tint-10, .app-bg-medium-gray .app-text-tint-10 {
  color: color-mix(in srgb, var(--app-color-white), white 10%);
}
.app-bg-medium-gray.app-text-shade-10, .app-bg-medium-gray .app-text-shade-10 {
  color: color-mix(in srgb, var(--app-color-white), black 10%);
}
.app-bg-medium-gray.app-text-transparent-10, .app-bg-medium-gray .app-text-transparent-10 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 10%);
}
.app-bg-medium-gray.app-text-tint-20, .app-bg-medium-gray .app-text-tint-20 {
  color: color-mix(in srgb, var(--app-color-white), white 20%);
}
.app-bg-medium-gray.app-text-shade-20, .app-bg-medium-gray .app-text-shade-20 {
  color: color-mix(in srgb, var(--app-color-white), black 20%);
}
.app-bg-medium-gray.app-text-transparent-20, .app-bg-medium-gray .app-text-transparent-20 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 20%);
}
.app-bg-medium-gray.app-text-tint-30, .app-bg-medium-gray .app-text-tint-30 {
  color: color-mix(in srgb, var(--app-color-white), white 30%);
}
.app-bg-medium-gray.app-text-shade-30, .app-bg-medium-gray .app-text-shade-30 {
  color: color-mix(in srgb, var(--app-color-white), black 30%);
}
.app-bg-medium-gray.app-text-transparent-30, .app-bg-medium-gray .app-text-transparent-30 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 30%);
}
.app-bg-medium-gray.app-text-tint-40, .app-bg-medium-gray .app-text-tint-40 {
  color: color-mix(in srgb, var(--app-color-white), white 40%);
}
.app-bg-medium-gray.app-text-shade-40, .app-bg-medium-gray .app-text-shade-40 {
  color: color-mix(in srgb, var(--app-color-white), black 40%);
}
.app-bg-medium-gray.app-text-transparent-40, .app-bg-medium-gray .app-text-transparent-40 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 40%);
}
.app-bg-medium-gray.app-text-tint-50, .app-bg-medium-gray .app-text-tint-50 {
  color: color-mix(in srgb, var(--app-color-white), white 50%);
}
.app-bg-medium-gray.app-text-shade-50, .app-bg-medium-gray .app-text-shade-50 {
  color: color-mix(in srgb, var(--app-color-white), black 50%);
}
.app-bg-medium-gray.app-text-transparent-50, .app-bg-medium-gray .app-text-transparent-50 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 50%);
}
.app-bg-medium-gray.app-text-tint-60, .app-bg-medium-gray .app-text-tint-60 {
  color: color-mix(in srgb, var(--app-color-white), white 60%);
}
.app-bg-medium-gray.app-text-shade-60, .app-bg-medium-gray .app-text-shade-60 {
  color: color-mix(in srgb, var(--app-color-white), black 60%);
}
.app-bg-medium-gray.app-text-transparent-60, .app-bg-medium-gray .app-text-transparent-60 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 60%);
}
.app-bg-medium-gray.app-text-tint-70, .app-bg-medium-gray .app-text-tint-70 {
  color: color-mix(in srgb, var(--app-color-white), white 70%);
}
.app-bg-medium-gray.app-text-shade-70, .app-bg-medium-gray .app-text-shade-70 {
  color: color-mix(in srgb, var(--app-color-white), black 70%);
}
.app-bg-medium-gray.app-text-transparent-70, .app-bg-medium-gray .app-text-transparent-70 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 70%);
}
.app-bg-medium-gray.app-text-tint-80, .app-bg-medium-gray .app-text-tint-80 {
  color: color-mix(in srgb, var(--app-color-white), white 80%);
}
.app-bg-medium-gray.app-text-shade-80, .app-bg-medium-gray .app-text-shade-80 {
  color: color-mix(in srgb, var(--app-color-white), black 80%);
}
.app-bg-medium-gray.app-text-transparent-80, .app-bg-medium-gray .app-text-transparent-80 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 80%);
}
.app-bg-medium-gray.app-text-tint-90, .app-bg-medium-gray .app-text-tint-90 {
  color: color-mix(in srgb, var(--app-color-white), white 90%);
}
.app-bg-medium-gray.app-text-shade-90, .app-bg-medium-gray .app-text-shade-90 {
  color: color-mix(in srgb, var(--app-color-white), black 90%);
}
.app-bg-medium-gray.app-text-transparent-90, .app-bg-medium-gray .app-text-transparent-90 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 90%);
}

.app-bg-hover-medium-gray:hover {
  background-color: var(--app-color-medium-gray, #666666) !important;
}

.app-bg-dark-gray {
  background-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-white, #ffffff);
}
.app-bg-dark-gray.app-bg-tint-10, .app-bg-dark-gray .app-bg-tint-10 {
  background-color: color-mix(in srgb, var(--app-color-dark-gray), white 10%);
}
.app-bg-dark-gray.app-bg-shade-10, .app-bg-dark-gray .app-bg-shade-10 {
  background-color: color-mix(in srgb, var(--app-color-dark-gray), black 10%);
}
.app-bg-dark-gray.app-bg-transparent-10, .app-bg-dark-gray .app-bg-transparent-10 {
  background-color: color-mix(in srgb, transparent, var(--app-color-dark-gray) 10%);
}
.app-bg-dark-gray.app-bg-tint-20, .app-bg-dark-gray .app-bg-tint-20 {
  background-color: color-mix(in srgb, var(--app-color-dark-gray), white 20%);
}
.app-bg-dark-gray.app-bg-shade-20, .app-bg-dark-gray .app-bg-shade-20 {
  background-color: color-mix(in srgb, var(--app-color-dark-gray), black 20%);
}
.app-bg-dark-gray.app-bg-transparent-20, .app-bg-dark-gray .app-bg-transparent-20 {
  background-color: color-mix(in srgb, transparent, var(--app-color-dark-gray) 20%);
}
.app-bg-dark-gray.app-bg-tint-30, .app-bg-dark-gray .app-bg-tint-30 {
  background-color: color-mix(in srgb, var(--app-color-dark-gray), white 30%);
}
.app-bg-dark-gray.app-bg-shade-30, .app-bg-dark-gray .app-bg-shade-30 {
  background-color: color-mix(in srgb, var(--app-color-dark-gray), black 30%);
}
.app-bg-dark-gray.app-bg-transparent-30, .app-bg-dark-gray .app-bg-transparent-30 {
  background-color: color-mix(in srgb, transparent, var(--app-color-dark-gray) 30%);
}
.app-bg-dark-gray.app-bg-tint-40, .app-bg-dark-gray .app-bg-tint-40 {
  background-color: color-mix(in srgb, var(--app-color-dark-gray), white 40%);
}
.app-bg-dark-gray.app-bg-shade-40, .app-bg-dark-gray .app-bg-shade-40 {
  background-color: color-mix(in srgb, var(--app-color-dark-gray), black 40%);
}
.app-bg-dark-gray.app-bg-transparent-40, .app-bg-dark-gray .app-bg-transparent-40 {
  background-color: color-mix(in srgb, transparent, var(--app-color-dark-gray) 40%);
}
.app-bg-dark-gray.app-bg-tint-50, .app-bg-dark-gray .app-bg-tint-50 {
  background-color: color-mix(in srgb, var(--app-color-dark-gray), white 50%);
}
.app-bg-dark-gray.app-bg-shade-50, .app-bg-dark-gray .app-bg-shade-50 {
  background-color: color-mix(in srgb, var(--app-color-dark-gray), black 50%);
}
.app-bg-dark-gray.app-bg-transparent-50, .app-bg-dark-gray .app-bg-transparent-50 {
  background-color: color-mix(in srgb, transparent, var(--app-color-dark-gray) 50%);
}
.app-bg-dark-gray.app-bg-tint-60, .app-bg-dark-gray .app-bg-tint-60 {
  background-color: color-mix(in srgb, var(--app-color-dark-gray), white 60%);
}
.app-bg-dark-gray.app-bg-shade-60, .app-bg-dark-gray .app-bg-shade-60 {
  background-color: color-mix(in srgb, var(--app-color-dark-gray), black 60%);
}
.app-bg-dark-gray.app-bg-transparent-60, .app-bg-dark-gray .app-bg-transparent-60 {
  background-color: color-mix(in srgb, transparent, var(--app-color-dark-gray) 60%);
}
.app-bg-dark-gray.app-bg-tint-70, .app-bg-dark-gray .app-bg-tint-70 {
  background-color: color-mix(in srgb, var(--app-color-dark-gray), white 70%);
}
.app-bg-dark-gray.app-bg-shade-70, .app-bg-dark-gray .app-bg-shade-70 {
  background-color: color-mix(in srgb, var(--app-color-dark-gray), black 70%);
}
.app-bg-dark-gray.app-bg-transparent-70, .app-bg-dark-gray .app-bg-transparent-70 {
  background-color: color-mix(in srgb, transparent, var(--app-color-dark-gray) 70%);
}
.app-bg-dark-gray.app-bg-tint-80, .app-bg-dark-gray .app-bg-tint-80 {
  background-color: color-mix(in srgb, var(--app-color-dark-gray), white 80%);
}
.app-bg-dark-gray.app-bg-shade-80, .app-bg-dark-gray .app-bg-shade-80 {
  background-color: color-mix(in srgb, var(--app-color-dark-gray), black 80%);
}
.app-bg-dark-gray.app-bg-transparent-80, .app-bg-dark-gray .app-bg-transparent-80 {
  background-color: color-mix(in srgb, transparent, var(--app-color-dark-gray) 80%);
}
.app-bg-dark-gray.app-bg-tint-90, .app-bg-dark-gray .app-bg-tint-90 {
  background-color: color-mix(in srgb, var(--app-color-dark-gray), white 90%);
}
.app-bg-dark-gray.app-bg-shade-90, .app-bg-dark-gray .app-bg-shade-90 {
  background-color: color-mix(in srgb, var(--app-color-dark-gray), black 90%);
}
.app-bg-dark-gray.app-bg-transparent-90, .app-bg-dark-gray .app-bg-transparent-90 {
  background-color: color-mix(in srgb, transparent, var(--app-color-dark-gray) 90%);
}
.app-bg-dark-gray a:not(.btn), .app-bg-dark-gray button:not(.btn) {
  color: var(--app-color-white, #ffffff);
}
.app-bg-dark-gray a:not(.btn):hover, .app-bg-dark-gray button:not(.btn):hover {
  color: var(--app-color-white, #ffffff) !important;
}
.app-bg-dark-gray.app-text-tint-10, .app-bg-dark-gray .app-text-tint-10 {
  color: color-mix(in srgb, var(--app-color-white), white 10%);
}
.app-bg-dark-gray.app-text-shade-10, .app-bg-dark-gray .app-text-shade-10 {
  color: color-mix(in srgb, var(--app-color-white), black 10%);
}
.app-bg-dark-gray.app-text-transparent-10, .app-bg-dark-gray .app-text-transparent-10 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 10%);
}
.app-bg-dark-gray.app-text-tint-20, .app-bg-dark-gray .app-text-tint-20 {
  color: color-mix(in srgb, var(--app-color-white), white 20%);
}
.app-bg-dark-gray.app-text-shade-20, .app-bg-dark-gray .app-text-shade-20 {
  color: color-mix(in srgb, var(--app-color-white), black 20%);
}
.app-bg-dark-gray.app-text-transparent-20, .app-bg-dark-gray .app-text-transparent-20 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 20%);
}
.app-bg-dark-gray.app-text-tint-30, .app-bg-dark-gray .app-text-tint-30 {
  color: color-mix(in srgb, var(--app-color-white), white 30%);
}
.app-bg-dark-gray.app-text-shade-30, .app-bg-dark-gray .app-text-shade-30 {
  color: color-mix(in srgb, var(--app-color-white), black 30%);
}
.app-bg-dark-gray.app-text-transparent-30, .app-bg-dark-gray .app-text-transparent-30 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 30%);
}
.app-bg-dark-gray.app-text-tint-40, .app-bg-dark-gray .app-text-tint-40 {
  color: color-mix(in srgb, var(--app-color-white), white 40%);
}
.app-bg-dark-gray.app-text-shade-40, .app-bg-dark-gray .app-text-shade-40 {
  color: color-mix(in srgb, var(--app-color-white), black 40%);
}
.app-bg-dark-gray.app-text-transparent-40, .app-bg-dark-gray .app-text-transparent-40 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 40%);
}
.app-bg-dark-gray.app-text-tint-50, .app-bg-dark-gray .app-text-tint-50 {
  color: color-mix(in srgb, var(--app-color-white), white 50%);
}
.app-bg-dark-gray.app-text-shade-50, .app-bg-dark-gray .app-text-shade-50 {
  color: color-mix(in srgb, var(--app-color-white), black 50%);
}
.app-bg-dark-gray.app-text-transparent-50, .app-bg-dark-gray .app-text-transparent-50 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 50%);
}
.app-bg-dark-gray.app-text-tint-60, .app-bg-dark-gray .app-text-tint-60 {
  color: color-mix(in srgb, var(--app-color-white), white 60%);
}
.app-bg-dark-gray.app-text-shade-60, .app-bg-dark-gray .app-text-shade-60 {
  color: color-mix(in srgb, var(--app-color-white), black 60%);
}
.app-bg-dark-gray.app-text-transparent-60, .app-bg-dark-gray .app-text-transparent-60 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 60%);
}
.app-bg-dark-gray.app-text-tint-70, .app-bg-dark-gray .app-text-tint-70 {
  color: color-mix(in srgb, var(--app-color-white), white 70%);
}
.app-bg-dark-gray.app-text-shade-70, .app-bg-dark-gray .app-text-shade-70 {
  color: color-mix(in srgb, var(--app-color-white), black 70%);
}
.app-bg-dark-gray.app-text-transparent-70, .app-bg-dark-gray .app-text-transparent-70 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 70%);
}
.app-bg-dark-gray.app-text-tint-80, .app-bg-dark-gray .app-text-tint-80 {
  color: color-mix(in srgb, var(--app-color-white), white 80%);
}
.app-bg-dark-gray.app-text-shade-80, .app-bg-dark-gray .app-text-shade-80 {
  color: color-mix(in srgb, var(--app-color-white), black 80%);
}
.app-bg-dark-gray.app-text-transparent-80, .app-bg-dark-gray .app-text-transparent-80 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 80%);
}
.app-bg-dark-gray.app-text-tint-90, .app-bg-dark-gray .app-text-tint-90 {
  color: color-mix(in srgb, var(--app-color-white), white 90%);
}
.app-bg-dark-gray.app-text-shade-90, .app-bg-dark-gray .app-text-shade-90 {
  color: color-mix(in srgb, var(--app-color-white), black 90%);
}
.app-bg-dark-gray.app-text-transparent-90, .app-bg-dark-gray .app-text-transparent-90 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 90%);
}

.app-bg-hover-dark-gray:hover {
  background-color: var(--app-color-dark-gray, #333333) !important;
}

.app-bg-blue {
  background-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-white, #ffffff);
}
.app-bg-blue.app-bg-tint-10, .app-bg-blue .app-bg-tint-10 {
  background-color: color-mix(in srgb, var(--app-color-blue), white 10%);
}
.app-bg-blue.app-bg-shade-10, .app-bg-blue .app-bg-shade-10 {
  background-color: color-mix(in srgb, var(--app-color-blue), black 10%);
}
.app-bg-blue.app-bg-transparent-10, .app-bg-blue .app-bg-transparent-10 {
  background-color: color-mix(in srgb, transparent, var(--app-color-blue) 10%);
}
.app-bg-blue.app-bg-tint-20, .app-bg-blue .app-bg-tint-20 {
  background-color: color-mix(in srgb, var(--app-color-blue), white 20%);
}
.app-bg-blue.app-bg-shade-20, .app-bg-blue .app-bg-shade-20 {
  background-color: color-mix(in srgb, var(--app-color-blue), black 20%);
}
.app-bg-blue.app-bg-transparent-20, .app-bg-blue .app-bg-transparent-20 {
  background-color: color-mix(in srgb, transparent, var(--app-color-blue) 20%);
}
.app-bg-blue.app-bg-tint-30, .app-bg-blue .app-bg-tint-30 {
  background-color: color-mix(in srgb, var(--app-color-blue), white 30%);
}
.app-bg-blue.app-bg-shade-30, .app-bg-blue .app-bg-shade-30 {
  background-color: color-mix(in srgb, var(--app-color-blue), black 30%);
}
.app-bg-blue.app-bg-transparent-30, .app-bg-blue .app-bg-transparent-30 {
  background-color: color-mix(in srgb, transparent, var(--app-color-blue) 30%);
}
.app-bg-blue.app-bg-tint-40, .app-bg-blue .app-bg-tint-40 {
  background-color: color-mix(in srgb, var(--app-color-blue), white 40%);
}
.app-bg-blue.app-bg-shade-40, .app-bg-blue .app-bg-shade-40 {
  background-color: color-mix(in srgb, var(--app-color-blue), black 40%);
}
.app-bg-blue.app-bg-transparent-40, .app-bg-blue .app-bg-transparent-40 {
  background-color: color-mix(in srgb, transparent, var(--app-color-blue) 40%);
}
.app-bg-blue.app-bg-tint-50, .app-bg-blue .app-bg-tint-50 {
  background-color: color-mix(in srgb, var(--app-color-blue), white 50%);
}
.app-bg-blue.app-bg-shade-50, .app-bg-blue .app-bg-shade-50 {
  background-color: color-mix(in srgb, var(--app-color-blue), black 50%);
}
.app-bg-blue.app-bg-transparent-50, .app-bg-blue .app-bg-transparent-50 {
  background-color: color-mix(in srgb, transparent, var(--app-color-blue) 50%);
}
.app-bg-blue.app-bg-tint-60, .app-bg-blue .app-bg-tint-60 {
  background-color: color-mix(in srgb, var(--app-color-blue), white 60%);
}
.app-bg-blue.app-bg-shade-60, .app-bg-blue .app-bg-shade-60 {
  background-color: color-mix(in srgb, var(--app-color-blue), black 60%);
}
.app-bg-blue.app-bg-transparent-60, .app-bg-blue .app-bg-transparent-60 {
  background-color: color-mix(in srgb, transparent, var(--app-color-blue) 60%);
}
.app-bg-blue.app-bg-tint-70, .app-bg-blue .app-bg-tint-70 {
  background-color: color-mix(in srgb, var(--app-color-blue), white 70%);
}
.app-bg-blue.app-bg-shade-70, .app-bg-blue .app-bg-shade-70 {
  background-color: color-mix(in srgb, var(--app-color-blue), black 70%);
}
.app-bg-blue.app-bg-transparent-70, .app-bg-blue .app-bg-transparent-70 {
  background-color: color-mix(in srgb, transparent, var(--app-color-blue) 70%);
}
.app-bg-blue.app-bg-tint-80, .app-bg-blue .app-bg-tint-80 {
  background-color: color-mix(in srgb, var(--app-color-blue), white 80%);
}
.app-bg-blue.app-bg-shade-80, .app-bg-blue .app-bg-shade-80 {
  background-color: color-mix(in srgb, var(--app-color-blue), black 80%);
}
.app-bg-blue.app-bg-transparent-80, .app-bg-blue .app-bg-transparent-80 {
  background-color: color-mix(in srgb, transparent, var(--app-color-blue) 80%);
}
.app-bg-blue.app-bg-tint-90, .app-bg-blue .app-bg-tint-90 {
  background-color: color-mix(in srgb, var(--app-color-blue), white 90%);
}
.app-bg-blue.app-bg-shade-90, .app-bg-blue .app-bg-shade-90 {
  background-color: color-mix(in srgb, var(--app-color-blue), black 90%);
}
.app-bg-blue.app-bg-transparent-90, .app-bg-blue .app-bg-transparent-90 {
  background-color: color-mix(in srgb, transparent, var(--app-color-blue) 90%);
}
.app-bg-blue a:not(.btn), .app-bg-blue button:not(.btn) {
  color: var(--app-color-white, #ffffff);
}
.app-bg-blue a:not(.btn):hover, .app-bg-blue button:not(.btn):hover {
  color: var(--app-color-white, #ffffff) !important;
}
.app-bg-blue.app-text-tint-10, .app-bg-blue .app-text-tint-10 {
  color: color-mix(in srgb, var(--app-color-white), white 10%);
}
.app-bg-blue.app-text-shade-10, .app-bg-blue .app-text-shade-10 {
  color: color-mix(in srgb, var(--app-color-white), black 10%);
}
.app-bg-blue.app-text-transparent-10, .app-bg-blue .app-text-transparent-10 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 10%);
}
.app-bg-blue.app-text-tint-20, .app-bg-blue .app-text-tint-20 {
  color: color-mix(in srgb, var(--app-color-white), white 20%);
}
.app-bg-blue.app-text-shade-20, .app-bg-blue .app-text-shade-20 {
  color: color-mix(in srgb, var(--app-color-white), black 20%);
}
.app-bg-blue.app-text-transparent-20, .app-bg-blue .app-text-transparent-20 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 20%);
}
.app-bg-blue.app-text-tint-30, .app-bg-blue .app-text-tint-30 {
  color: color-mix(in srgb, var(--app-color-white), white 30%);
}
.app-bg-blue.app-text-shade-30, .app-bg-blue .app-text-shade-30 {
  color: color-mix(in srgb, var(--app-color-white), black 30%);
}
.app-bg-blue.app-text-transparent-30, .app-bg-blue .app-text-transparent-30 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 30%);
}
.app-bg-blue.app-text-tint-40, .app-bg-blue .app-text-tint-40 {
  color: color-mix(in srgb, var(--app-color-white), white 40%);
}
.app-bg-blue.app-text-shade-40, .app-bg-blue .app-text-shade-40 {
  color: color-mix(in srgb, var(--app-color-white), black 40%);
}
.app-bg-blue.app-text-transparent-40, .app-bg-blue .app-text-transparent-40 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 40%);
}
.app-bg-blue.app-text-tint-50, .app-bg-blue .app-text-tint-50 {
  color: color-mix(in srgb, var(--app-color-white), white 50%);
}
.app-bg-blue.app-text-shade-50, .app-bg-blue .app-text-shade-50 {
  color: color-mix(in srgb, var(--app-color-white), black 50%);
}
.app-bg-blue.app-text-transparent-50, .app-bg-blue .app-text-transparent-50 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 50%);
}
.app-bg-blue.app-text-tint-60, .app-bg-blue .app-text-tint-60 {
  color: color-mix(in srgb, var(--app-color-white), white 60%);
}
.app-bg-blue.app-text-shade-60, .app-bg-blue .app-text-shade-60 {
  color: color-mix(in srgb, var(--app-color-white), black 60%);
}
.app-bg-blue.app-text-transparent-60, .app-bg-blue .app-text-transparent-60 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 60%);
}
.app-bg-blue.app-text-tint-70, .app-bg-blue .app-text-tint-70 {
  color: color-mix(in srgb, var(--app-color-white), white 70%);
}
.app-bg-blue.app-text-shade-70, .app-bg-blue .app-text-shade-70 {
  color: color-mix(in srgb, var(--app-color-white), black 70%);
}
.app-bg-blue.app-text-transparent-70, .app-bg-blue .app-text-transparent-70 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 70%);
}
.app-bg-blue.app-text-tint-80, .app-bg-blue .app-text-tint-80 {
  color: color-mix(in srgb, var(--app-color-white), white 80%);
}
.app-bg-blue.app-text-shade-80, .app-bg-blue .app-text-shade-80 {
  color: color-mix(in srgb, var(--app-color-white), black 80%);
}
.app-bg-blue.app-text-transparent-80, .app-bg-blue .app-text-transparent-80 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 80%);
}
.app-bg-blue.app-text-tint-90, .app-bg-blue .app-text-tint-90 {
  color: color-mix(in srgb, var(--app-color-white), white 90%);
}
.app-bg-blue.app-text-shade-90, .app-bg-blue .app-text-shade-90 {
  color: color-mix(in srgb, var(--app-color-white), black 90%);
}
.app-bg-blue.app-text-transparent-90, .app-bg-blue .app-text-transparent-90 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 90%);
}

.app-bg-hover-blue:hover {
  background-color: var(--app-color-blue, #203E6C) !important;
}

.app-bg-green {
  background-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-white, #ffffff);
}
.app-bg-green.app-bg-tint-10, .app-bg-green .app-bg-tint-10 {
  background-color: color-mix(in srgb, var(--app-color-green), white 10%);
}
.app-bg-green.app-bg-shade-10, .app-bg-green .app-bg-shade-10 {
  background-color: color-mix(in srgb, var(--app-color-green), black 10%);
}
.app-bg-green.app-bg-transparent-10, .app-bg-green .app-bg-transparent-10 {
  background-color: color-mix(in srgb, transparent, var(--app-color-green) 10%);
}
.app-bg-green.app-bg-tint-20, .app-bg-green .app-bg-tint-20 {
  background-color: color-mix(in srgb, var(--app-color-green), white 20%);
}
.app-bg-green.app-bg-shade-20, .app-bg-green .app-bg-shade-20 {
  background-color: color-mix(in srgb, var(--app-color-green), black 20%);
}
.app-bg-green.app-bg-transparent-20, .app-bg-green .app-bg-transparent-20 {
  background-color: color-mix(in srgb, transparent, var(--app-color-green) 20%);
}
.app-bg-green.app-bg-tint-30, .app-bg-green .app-bg-tint-30 {
  background-color: color-mix(in srgb, var(--app-color-green), white 30%);
}
.app-bg-green.app-bg-shade-30, .app-bg-green .app-bg-shade-30 {
  background-color: color-mix(in srgb, var(--app-color-green), black 30%);
}
.app-bg-green.app-bg-transparent-30, .app-bg-green .app-bg-transparent-30 {
  background-color: color-mix(in srgb, transparent, var(--app-color-green) 30%);
}
.app-bg-green.app-bg-tint-40, .app-bg-green .app-bg-tint-40 {
  background-color: color-mix(in srgb, var(--app-color-green), white 40%);
}
.app-bg-green.app-bg-shade-40, .app-bg-green .app-bg-shade-40 {
  background-color: color-mix(in srgb, var(--app-color-green), black 40%);
}
.app-bg-green.app-bg-transparent-40, .app-bg-green .app-bg-transparent-40 {
  background-color: color-mix(in srgb, transparent, var(--app-color-green) 40%);
}
.app-bg-green.app-bg-tint-50, .app-bg-green .app-bg-tint-50 {
  background-color: color-mix(in srgb, var(--app-color-green), white 50%);
}
.app-bg-green.app-bg-shade-50, .app-bg-green .app-bg-shade-50 {
  background-color: color-mix(in srgb, var(--app-color-green), black 50%);
}
.app-bg-green.app-bg-transparent-50, .app-bg-green .app-bg-transparent-50 {
  background-color: color-mix(in srgb, transparent, var(--app-color-green) 50%);
}
.app-bg-green.app-bg-tint-60, .app-bg-green .app-bg-tint-60 {
  background-color: color-mix(in srgb, var(--app-color-green), white 60%);
}
.app-bg-green.app-bg-shade-60, .app-bg-green .app-bg-shade-60 {
  background-color: color-mix(in srgb, var(--app-color-green), black 60%);
}
.app-bg-green.app-bg-transparent-60, .app-bg-green .app-bg-transparent-60 {
  background-color: color-mix(in srgb, transparent, var(--app-color-green) 60%);
}
.app-bg-green.app-bg-tint-70, .app-bg-green .app-bg-tint-70 {
  background-color: color-mix(in srgb, var(--app-color-green), white 70%);
}
.app-bg-green.app-bg-shade-70, .app-bg-green .app-bg-shade-70 {
  background-color: color-mix(in srgb, var(--app-color-green), black 70%);
}
.app-bg-green.app-bg-transparent-70, .app-bg-green .app-bg-transparent-70 {
  background-color: color-mix(in srgb, transparent, var(--app-color-green) 70%);
}
.app-bg-green.app-bg-tint-80, .app-bg-green .app-bg-tint-80 {
  background-color: color-mix(in srgb, var(--app-color-green), white 80%);
}
.app-bg-green.app-bg-shade-80, .app-bg-green .app-bg-shade-80 {
  background-color: color-mix(in srgb, var(--app-color-green), black 80%);
}
.app-bg-green.app-bg-transparent-80, .app-bg-green .app-bg-transparent-80 {
  background-color: color-mix(in srgb, transparent, var(--app-color-green) 80%);
}
.app-bg-green.app-bg-tint-90, .app-bg-green .app-bg-tint-90 {
  background-color: color-mix(in srgb, var(--app-color-green), white 90%);
}
.app-bg-green.app-bg-shade-90, .app-bg-green .app-bg-shade-90 {
  background-color: color-mix(in srgb, var(--app-color-green), black 90%);
}
.app-bg-green.app-bg-transparent-90, .app-bg-green .app-bg-transparent-90 {
  background-color: color-mix(in srgb, transparent, var(--app-color-green) 90%);
}
.app-bg-green a:not(.btn), .app-bg-green button:not(.btn) {
  color: var(--app-color-white, #ffffff);
}
.app-bg-green a:not(.btn):hover, .app-bg-green button:not(.btn):hover {
  color: var(--app-color-white, #ffffff) !important;
}
.app-bg-green.app-text-tint-10, .app-bg-green .app-text-tint-10 {
  color: color-mix(in srgb, var(--app-color-white), white 10%);
}
.app-bg-green.app-text-shade-10, .app-bg-green .app-text-shade-10 {
  color: color-mix(in srgb, var(--app-color-white), black 10%);
}
.app-bg-green.app-text-transparent-10, .app-bg-green .app-text-transparent-10 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 10%);
}
.app-bg-green.app-text-tint-20, .app-bg-green .app-text-tint-20 {
  color: color-mix(in srgb, var(--app-color-white), white 20%);
}
.app-bg-green.app-text-shade-20, .app-bg-green .app-text-shade-20 {
  color: color-mix(in srgb, var(--app-color-white), black 20%);
}
.app-bg-green.app-text-transparent-20, .app-bg-green .app-text-transparent-20 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 20%);
}
.app-bg-green.app-text-tint-30, .app-bg-green .app-text-tint-30 {
  color: color-mix(in srgb, var(--app-color-white), white 30%);
}
.app-bg-green.app-text-shade-30, .app-bg-green .app-text-shade-30 {
  color: color-mix(in srgb, var(--app-color-white), black 30%);
}
.app-bg-green.app-text-transparent-30, .app-bg-green .app-text-transparent-30 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 30%);
}
.app-bg-green.app-text-tint-40, .app-bg-green .app-text-tint-40 {
  color: color-mix(in srgb, var(--app-color-white), white 40%);
}
.app-bg-green.app-text-shade-40, .app-bg-green .app-text-shade-40 {
  color: color-mix(in srgb, var(--app-color-white), black 40%);
}
.app-bg-green.app-text-transparent-40, .app-bg-green .app-text-transparent-40 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 40%);
}
.app-bg-green.app-text-tint-50, .app-bg-green .app-text-tint-50 {
  color: color-mix(in srgb, var(--app-color-white), white 50%);
}
.app-bg-green.app-text-shade-50, .app-bg-green .app-text-shade-50 {
  color: color-mix(in srgb, var(--app-color-white), black 50%);
}
.app-bg-green.app-text-transparent-50, .app-bg-green .app-text-transparent-50 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 50%);
}
.app-bg-green.app-text-tint-60, .app-bg-green .app-text-tint-60 {
  color: color-mix(in srgb, var(--app-color-white), white 60%);
}
.app-bg-green.app-text-shade-60, .app-bg-green .app-text-shade-60 {
  color: color-mix(in srgb, var(--app-color-white), black 60%);
}
.app-bg-green.app-text-transparent-60, .app-bg-green .app-text-transparent-60 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 60%);
}
.app-bg-green.app-text-tint-70, .app-bg-green .app-text-tint-70 {
  color: color-mix(in srgb, var(--app-color-white), white 70%);
}
.app-bg-green.app-text-shade-70, .app-bg-green .app-text-shade-70 {
  color: color-mix(in srgb, var(--app-color-white), black 70%);
}
.app-bg-green.app-text-transparent-70, .app-bg-green .app-text-transparent-70 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 70%);
}
.app-bg-green.app-text-tint-80, .app-bg-green .app-text-tint-80 {
  color: color-mix(in srgb, var(--app-color-white), white 80%);
}
.app-bg-green.app-text-shade-80, .app-bg-green .app-text-shade-80 {
  color: color-mix(in srgb, var(--app-color-white), black 80%);
}
.app-bg-green.app-text-transparent-80, .app-bg-green .app-text-transparent-80 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 80%);
}
.app-bg-green.app-text-tint-90, .app-bg-green .app-text-tint-90 {
  color: color-mix(in srgb, var(--app-color-white), white 90%);
}
.app-bg-green.app-text-shade-90, .app-bg-green .app-text-shade-90 {
  color: color-mix(in srgb, var(--app-color-white), black 90%);
}
.app-bg-green.app-text-transparent-90, .app-bg-green .app-text-transparent-90 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 90%);
}

.app-bg-hover-green:hover {
  background-color: var(--app-color-green, #6DAB36) !important;
}

.app-bg-transparent {
  background: transparent !important;
}

.app-bg-gradient {
  background: #EC008B;
  background: linear-gradient(90deg, rgb(236, 0, 139) 0%, rgb(59, 63, 182) 40%, rgb(59, 63, 182) 60%, rgb(0, 178, 169) 100%);
  background-size: 200%;
  background-position-x: 50%;
}

.app-bg-gradient-animate {
  animation: gradient-animate 120s ease infinite;
}

@keyframes gradient-animate {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
/* */
.app-bg-cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
}
.app-bg-cover.app-fixed-bg {
  background-attachment: fixed;
}

.app-bg-fill {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.app-bg-fill.app-fixed-bg {
  background-attachment: fixed;
}

.app-bg-nav {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.app-bg-video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.app-bg-video iframe {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.app-bg-top-left {
  background-position: top left;
}

.app-bg-top-center {
  background-position: top center;
}

.app-bg-top-right {
  background-position: top right;
}

.app-bg-middle-left {
  background-position: center left;
}

.app-bg-middle-center {
  background-position: center center;
}

.app-bg-middle-right {
  background-position: center right;
}

.app-bg-bottom-left {
  background-position: bottom left;
}

.app-bg-bottom-center {
  background-position: bottom center;
}

.app-bg-bottom-right {
  background-position: bottom right;
}

/* _border.scss */
/* border colors */
.app-border-black {
  border-color: var(--app-color-black, #111111) !important;
}
.app-border-black.app-border-tint-10, .app-border-black .app-bg-tint-10 {
  border-color: color-mix(in srgb, var(--app-color-black), white 10%) !important;
}
.app-border-black.app-border-shade-10, .app-border-black .app-bg-shade-10 {
  border-color: color-mix(in srgb, var(--app-color-black), black 10%) !important;
}
.app-border-black.app-border-transparent-10, .app-border-black .app-bg-transparent-10 {
  border-color: color-mix(in srgb, transparent, var(--app-color-black) 10%) !important;
}
.app-border-black.app-border-tint-20, .app-border-black .app-bg-tint-20 {
  border-color: color-mix(in srgb, var(--app-color-black), white 20%) !important;
}
.app-border-black.app-border-shade-20, .app-border-black .app-bg-shade-20 {
  border-color: color-mix(in srgb, var(--app-color-black), black 20%) !important;
}
.app-border-black.app-border-transparent-20, .app-border-black .app-bg-transparent-20 {
  border-color: color-mix(in srgb, transparent, var(--app-color-black) 20%) !important;
}
.app-border-black.app-border-tint-30, .app-border-black .app-bg-tint-30 {
  border-color: color-mix(in srgb, var(--app-color-black), white 30%) !important;
}
.app-border-black.app-border-shade-30, .app-border-black .app-bg-shade-30 {
  border-color: color-mix(in srgb, var(--app-color-black), black 30%) !important;
}
.app-border-black.app-border-transparent-30, .app-border-black .app-bg-transparent-30 {
  border-color: color-mix(in srgb, transparent, var(--app-color-black) 30%) !important;
}
.app-border-black.app-border-tint-40, .app-border-black .app-bg-tint-40 {
  border-color: color-mix(in srgb, var(--app-color-black), white 40%) !important;
}
.app-border-black.app-border-shade-40, .app-border-black .app-bg-shade-40 {
  border-color: color-mix(in srgb, var(--app-color-black), black 40%) !important;
}
.app-border-black.app-border-transparent-40, .app-border-black .app-bg-transparent-40 {
  border-color: color-mix(in srgb, transparent, var(--app-color-black) 40%) !important;
}
.app-border-black.app-border-tint-50, .app-border-black .app-bg-tint-50 {
  border-color: color-mix(in srgb, var(--app-color-black), white 50%) !important;
}
.app-border-black.app-border-shade-50, .app-border-black .app-bg-shade-50 {
  border-color: color-mix(in srgb, var(--app-color-black), black 50%) !important;
}
.app-border-black.app-border-transparent-50, .app-border-black .app-bg-transparent-50 {
  border-color: color-mix(in srgb, transparent, var(--app-color-black) 50%) !important;
}
.app-border-black.app-border-tint-60, .app-border-black .app-bg-tint-60 {
  border-color: color-mix(in srgb, var(--app-color-black), white 60%) !important;
}
.app-border-black.app-border-shade-60, .app-border-black .app-bg-shade-60 {
  border-color: color-mix(in srgb, var(--app-color-black), black 60%) !important;
}
.app-border-black.app-border-transparent-60, .app-border-black .app-bg-transparent-60 {
  border-color: color-mix(in srgb, transparent, var(--app-color-black) 60%) !important;
}
.app-border-black.app-border-tint-70, .app-border-black .app-bg-tint-70 {
  border-color: color-mix(in srgb, var(--app-color-black), white 70%) !important;
}
.app-border-black.app-border-shade-70, .app-border-black .app-bg-shade-70 {
  border-color: color-mix(in srgb, var(--app-color-black), black 70%) !important;
}
.app-border-black.app-border-transparent-70, .app-border-black .app-bg-transparent-70 {
  border-color: color-mix(in srgb, transparent, var(--app-color-black) 70%) !important;
}
.app-border-black.app-border-tint-80, .app-border-black .app-bg-tint-80 {
  border-color: color-mix(in srgb, var(--app-color-black), white 80%) !important;
}
.app-border-black.app-border-shade-80, .app-border-black .app-bg-shade-80 {
  border-color: color-mix(in srgb, var(--app-color-black), black 80%) !important;
}
.app-border-black.app-border-transparent-80, .app-border-black .app-bg-transparent-80 {
  border-color: color-mix(in srgb, transparent, var(--app-color-black) 80%) !important;
}
.app-border-black.app-border-tint-90, .app-border-black .app-bg-tint-90 {
  border-color: color-mix(in srgb, var(--app-color-black), white 90%) !important;
}
.app-border-black.app-border-shade-90, .app-border-black .app-bg-shade-90 {
  border-color: color-mix(in srgb, var(--app-color-black), black 90%) !important;
}
.app-border-black.app-border-transparent-90, .app-border-black .app-bg-transparent-90 {
  border-color: color-mix(in srgb, transparent, var(--app-color-black) 90%) !important;
}

.app-border-hover-black {
  transition: border-color 0.3s ease;
}
.app-border-hover-black:hover {
  border-color: var(--app-color-black, #111111) !important;
}

.app-border-white {
  border-color: var(--app-color-white, #ffffff) !important;
}
.app-border-white.app-border-tint-10, .app-border-white .app-bg-tint-10 {
  border-color: color-mix(in srgb, var(--app-color-white), white 10%) !important;
}
.app-border-white.app-border-shade-10, .app-border-white .app-bg-shade-10 {
  border-color: color-mix(in srgb, var(--app-color-white), black 10%) !important;
}
.app-border-white.app-border-transparent-10, .app-border-white .app-bg-transparent-10 {
  border-color: color-mix(in srgb, transparent, var(--app-color-white) 10%) !important;
}
.app-border-white.app-border-tint-20, .app-border-white .app-bg-tint-20 {
  border-color: color-mix(in srgb, var(--app-color-white), white 20%) !important;
}
.app-border-white.app-border-shade-20, .app-border-white .app-bg-shade-20 {
  border-color: color-mix(in srgb, var(--app-color-white), black 20%) !important;
}
.app-border-white.app-border-transparent-20, .app-border-white .app-bg-transparent-20 {
  border-color: color-mix(in srgb, transparent, var(--app-color-white) 20%) !important;
}
.app-border-white.app-border-tint-30, .app-border-white .app-bg-tint-30 {
  border-color: color-mix(in srgb, var(--app-color-white), white 30%) !important;
}
.app-border-white.app-border-shade-30, .app-border-white .app-bg-shade-30 {
  border-color: color-mix(in srgb, var(--app-color-white), black 30%) !important;
}
.app-border-white.app-border-transparent-30, .app-border-white .app-bg-transparent-30 {
  border-color: color-mix(in srgb, transparent, var(--app-color-white) 30%) !important;
}
.app-border-white.app-border-tint-40, .app-border-white .app-bg-tint-40 {
  border-color: color-mix(in srgb, var(--app-color-white), white 40%) !important;
}
.app-border-white.app-border-shade-40, .app-border-white .app-bg-shade-40 {
  border-color: color-mix(in srgb, var(--app-color-white), black 40%) !important;
}
.app-border-white.app-border-transparent-40, .app-border-white .app-bg-transparent-40 {
  border-color: color-mix(in srgb, transparent, var(--app-color-white) 40%) !important;
}
.app-border-white.app-border-tint-50, .app-border-white .app-bg-tint-50 {
  border-color: color-mix(in srgb, var(--app-color-white), white 50%) !important;
}
.app-border-white.app-border-shade-50, .app-border-white .app-bg-shade-50 {
  border-color: color-mix(in srgb, var(--app-color-white), black 50%) !important;
}
.app-border-white.app-border-transparent-50, .app-border-white .app-bg-transparent-50 {
  border-color: color-mix(in srgb, transparent, var(--app-color-white) 50%) !important;
}
.app-border-white.app-border-tint-60, .app-border-white .app-bg-tint-60 {
  border-color: color-mix(in srgb, var(--app-color-white), white 60%) !important;
}
.app-border-white.app-border-shade-60, .app-border-white .app-bg-shade-60 {
  border-color: color-mix(in srgb, var(--app-color-white), black 60%) !important;
}
.app-border-white.app-border-transparent-60, .app-border-white .app-bg-transparent-60 {
  border-color: color-mix(in srgb, transparent, var(--app-color-white) 60%) !important;
}
.app-border-white.app-border-tint-70, .app-border-white .app-bg-tint-70 {
  border-color: color-mix(in srgb, var(--app-color-white), white 70%) !important;
}
.app-border-white.app-border-shade-70, .app-border-white .app-bg-shade-70 {
  border-color: color-mix(in srgb, var(--app-color-white), black 70%) !important;
}
.app-border-white.app-border-transparent-70, .app-border-white .app-bg-transparent-70 {
  border-color: color-mix(in srgb, transparent, var(--app-color-white) 70%) !important;
}
.app-border-white.app-border-tint-80, .app-border-white .app-bg-tint-80 {
  border-color: color-mix(in srgb, var(--app-color-white), white 80%) !important;
}
.app-border-white.app-border-shade-80, .app-border-white .app-bg-shade-80 {
  border-color: color-mix(in srgb, var(--app-color-white), black 80%) !important;
}
.app-border-white.app-border-transparent-80, .app-border-white .app-bg-transparent-80 {
  border-color: color-mix(in srgb, transparent, var(--app-color-white) 80%) !important;
}
.app-border-white.app-border-tint-90, .app-border-white .app-bg-tint-90 {
  border-color: color-mix(in srgb, var(--app-color-white), white 90%) !important;
}
.app-border-white.app-border-shade-90, .app-border-white .app-bg-shade-90 {
  border-color: color-mix(in srgb, var(--app-color-white), black 90%) !important;
}
.app-border-white.app-border-transparent-90, .app-border-white .app-bg-transparent-90 {
  border-color: color-mix(in srgb, transparent, var(--app-color-white) 90%) !important;
}

.app-border-hover-white {
  transition: border-color 0.3s ease;
}
.app-border-hover-white:hover {
  border-color: var(--app-color-white, #ffffff) !important;
}

.app-border-light-gray {
  border-color: var(--app-color-light-gray, #F5F5F5) !important;
}
.app-border-light-gray.app-border-tint-10, .app-border-light-gray .app-bg-tint-10 {
  border-color: color-mix(in srgb, var(--app-color-light-gray), white 10%) !important;
}
.app-border-light-gray.app-border-shade-10, .app-border-light-gray .app-bg-shade-10 {
  border-color: color-mix(in srgb, var(--app-color-light-gray), black 10%) !important;
}
.app-border-light-gray.app-border-transparent-10, .app-border-light-gray .app-bg-transparent-10 {
  border-color: color-mix(in srgb, transparent, var(--app-color-light-gray) 10%) !important;
}
.app-border-light-gray.app-border-tint-20, .app-border-light-gray .app-bg-tint-20 {
  border-color: color-mix(in srgb, var(--app-color-light-gray), white 20%) !important;
}
.app-border-light-gray.app-border-shade-20, .app-border-light-gray .app-bg-shade-20 {
  border-color: color-mix(in srgb, var(--app-color-light-gray), black 20%) !important;
}
.app-border-light-gray.app-border-transparent-20, .app-border-light-gray .app-bg-transparent-20 {
  border-color: color-mix(in srgb, transparent, var(--app-color-light-gray) 20%) !important;
}
.app-border-light-gray.app-border-tint-30, .app-border-light-gray .app-bg-tint-30 {
  border-color: color-mix(in srgb, var(--app-color-light-gray), white 30%) !important;
}
.app-border-light-gray.app-border-shade-30, .app-border-light-gray .app-bg-shade-30 {
  border-color: color-mix(in srgb, var(--app-color-light-gray), black 30%) !important;
}
.app-border-light-gray.app-border-transparent-30, .app-border-light-gray .app-bg-transparent-30 {
  border-color: color-mix(in srgb, transparent, var(--app-color-light-gray) 30%) !important;
}
.app-border-light-gray.app-border-tint-40, .app-border-light-gray .app-bg-tint-40 {
  border-color: color-mix(in srgb, var(--app-color-light-gray), white 40%) !important;
}
.app-border-light-gray.app-border-shade-40, .app-border-light-gray .app-bg-shade-40 {
  border-color: color-mix(in srgb, var(--app-color-light-gray), black 40%) !important;
}
.app-border-light-gray.app-border-transparent-40, .app-border-light-gray .app-bg-transparent-40 {
  border-color: color-mix(in srgb, transparent, var(--app-color-light-gray) 40%) !important;
}
.app-border-light-gray.app-border-tint-50, .app-border-light-gray .app-bg-tint-50 {
  border-color: color-mix(in srgb, var(--app-color-light-gray), white 50%) !important;
}
.app-border-light-gray.app-border-shade-50, .app-border-light-gray .app-bg-shade-50 {
  border-color: color-mix(in srgb, var(--app-color-light-gray), black 50%) !important;
}
.app-border-light-gray.app-border-transparent-50, .app-border-light-gray .app-bg-transparent-50 {
  border-color: color-mix(in srgb, transparent, var(--app-color-light-gray) 50%) !important;
}
.app-border-light-gray.app-border-tint-60, .app-border-light-gray .app-bg-tint-60 {
  border-color: color-mix(in srgb, var(--app-color-light-gray), white 60%) !important;
}
.app-border-light-gray.app-border-shade-60, .app-border-light-gray .app-bg-shade-60 {
  border-color: color-mix(in srgb, var(--app-color-light-gray), black 60%) !important;
}
.app-border-light-gray.app-border-transparent-60, .app-border-light-gray .app-bg-transparent-60 {
  border-color: color-mix(in srgb, transparent, var(--app-color-light-gray) 60%) !important;
}
.app-border-light-gray.app-border-tint-70, .app-border-light-gray .app-bg-tint-70 {
  border-color: color-mix(in srgb, var(--app-color-light-gray), white 70%) !important;
}
.app-border-light-gray.app-border-shade-70, .app-border-light-gray .app-bg-shade-70 {
  border-color: color-mix(in srgb, var(--app-color-light-gray), black 70%) !important;
}
.app-border-light-gray.app-border-transparent-70, .app-border-light-gray .app-bg-transparent-70 {
  border-color: color-mix(in srgb, transparent, var(--app-color-light-gray) 70%) !important;
}
.app-border-light-gray.app-border-tint-80, .app-border-light-gray .app-bg-tint-80 {
  border-color: color-mix(in srgb, var(--app-color-light-gray), white 80%) !important;
}
.app-border-light-gray.app-border-shade-80, .app-border-light-gray .app-bg-shade-80 {
  border-color: color-mix(in srgb, var(--app-color-light-gray), black 80%) !important;
}
.app-border-light-gray.app-border-transparent-80, .app-border-light-gray .app-bg-transparent-80 {
  border-color: color-mix(in srgb, transparent, var(--app-color-light-gray) 80%) !important;
}
.app-border-light-gray.app-border-tint-90, .app-border-light-gray .app-bg-tint-90 {
  border-color: color-mix(in srgb, var(--app-color-light-gray), white 90%) !important;
}
.app-border-light-gray.app-border-shade-90, .app-border-light-gray .app-bg-shade-90 {
  border-color: color-mix(in srgb, var(--app-color-light-gray), black 90%) !important;
}
.app-border-light-gray.app-border-transparent-90, .app-border-light-gray .app-bg-transparent-90 {
  border-color: color-mix(in srgb, transparent, var(--app-color-light-gray) 90%) !important;
}

.app-border-hover-light-gray {
  transition: border-color 0.3s ease;
}
.app-border-hover-light-gray:hover {
  border-color: var(--app-color-light-gray, #F5F5F5) !important;
}

.app-border-gray {
  border-color: var(--app-color-gray, #999999) !important;
}
.app-border-gray.app-border-tint-10, .app-border-gray .app-bg-tint-10 {
  border-color: color-mix(in srgb, var(--app-color-gray), white 10%) !important;
}
.app-border-gray.app-border-shade-10, .app-border-gray .app-bg-shade-10 {
  border-color: color-mix(in srgb, var(--app-color-gray), black 10%) !important;
}
.app-border-gray.app-border-transparent-10, .app-border-gray .app-bg-transparent-10 {
  border-color: color-mix(in srgb, transparent, var(--app-color-gray) 10%) !important;
}
.app-border-gray.app-border-tint-20, .app-border-gray .app-bg-tint-20 {
  border-color: color-mix(in srgb, var(--app-color-gray), white 20%) !important;
}
.app-border-gray.app-border-shade-20, .app-border-gray .app-bg-shade-20 {
  border-color: color-mix(in srgb, var(--app-color-gray), black 20%) !important;
}
.app-border-gray.app-border-transparent-20, .app-border-gray .app-bg-transparent-20 {
  border-color: color-mix(in srgb, transparent, var(--app-color-gray) 20%) !important;
}
.app-border-gray.app-border-tint-30, .app-border-gray .app-bg-tint-30 {
  border-color: color-mix(in srgb, var(--app-color-gray), white 30%) !important;
}
.app-border-gray.app-border-shade-30, .app-border-gray .app-bg-shade-30 {
  border-color: color-mix(in srgb, var(--app-color-gray), black 30%) !important;
}
.app-border-gray.app-border-transparent-30, .app-border-gray .app-bg-transparent-30 {
  border-color: color-mix(in srgb, transparent, var(--app-color-gray) 30%) !important;
}
.app-border-gray.app-border-tint-40, .app-border-gray .app-bg-tint-40 {
  border-color: color-mix(in srgb, var(--app-color-gray), white 40%) !important;
}
.app-border-gray.app-border-shade-40, .app-border-gray .app-bg-shade-40 {
  border-color: color-mix(in srgb, var(--app-color-gray), black 40%) !important;
}
.app-border-gray.app-border-transparent-40, .app-border-gray .app-bg-transparent-40 {
  border-color: color-mix(in srgb, transparent, var(--app-color-gray) 40%) !important;
}
.app-border-gray.app-border-tint-50, .app-border-gray .app-bg-tint-50 {
  border-color: color-mix(in srgb, var(--app-color-gray), white 50%) !important;
}
.app-border-gray.app-border-shade-50, .app-border-gray .app-bg-shade-50 {
  border-color: color-mix(in srgb, var(--app-color-gray), black 50%) !important;
}
.app-border-gray.app-border-transparent-50, .app-border-gray .app-bg-transparent-50 {
  border-color: color-mix(in srgb, transparent, var(--app-color-gray) 50%) !important;
}
.app-border-gray.app-border-tint-60, .app-border-gray .app-bg-tint-60 {
  border-color: color-mix(in srgb, var(--app-color-gray), white 60%) !important;
}
.app-border-gray.app-border-shade-60, .app-border-gray .app-bg-shade-60 {
  border-color: color-mix(in srgb, var(--app-color-gray), black 60%) !important;
}
.app-border-gray.app-border-transparent-60, .app-border-gray .app-bg-transparent-60 {
  border-color: color-mix(in srgb, transparent, var(--app-color-gray) 60%) !important;
}
.app-border-gray.app-border-tint-70, .app-border-gray .app-bg-tint-70 {
  border-color: color-mix(in srgb, var(--app-color-gray), white 70%) !important;
}
.app-border-gray.app-border-shade-70, .app-border-gray .app-bg-shade-70 {
  border-color: color-mix(in srgb, var(--app-color-gray), black 70%) !important;
}
.app-border-gray.app-border-transparent-70, .app-border-gray .app-bg-transparent-70 {
  border-color: color-mix(in srgb, transparent, var(--app-color-gray) 70%) !important;
}
.app-border-gray.app-border-tint-80, .app-border-gray .app-bg-tint-80 {
  border-color: color-mix(in srgb, var(--app-color-gray), white 80%) !important;
}
.app-border-gray.app-border-shade-80, .app-border-gray .app-bg-shade-80 {
  border-color: color-mix(in srgb, var(--app-color-gray), black 80%) !important;
}
.app-border-gray.app-border-transparent-80, .app-border-gray .app-bg-transparent-80 {
  border-color: color-mix(in srgb, transparent, var(--app-color-gray) 80%) !important;
}
.app-border-gray.app-border-tint-90, .app-border-gray .app-bg-tint-90 {
  border-color: color-mix(in srgb, var(--app-color-gray), white 90%) !important;
}
.app-border-gray.app-border-shade-90, .app-border-gray .app-bg-shade-90 {
  border-color: color-mix(in srgb, var(--app-color-gray), black 90%) !important;
}
.app-border-gray.app-border-transparent-90, .app-border-gray .app-bg-transparent-90 {
  border-color: color-mix(in srgb, transparent, var(--app-color-gray) 90%) !important;
}

.app-border-hover-gray {
  transition: border-color 0.3s ease;
}
.app-border-hover-gray:hover {
  border-color: var(--app-color-gray, #999999) !important;
}

.app-border-medium-gray {
  border-color: var(--app-color-medium-gray, #666666) !important;
}
.app-border-medium-gray.app-border-tint-10, .app-border-medium-gray .app-bg-tint-10 {
  border-color: color-mix(in srgb, var(--app-color-medium-gray), white 10%) !important;
}
.app-border-medium-gray.app-border-shade-10, .app-border-medium-gray .app-bg-shade-10 {
  border-color: color-mix(in srgb, var(--app-color-medium-gray), black 10%) !important;
}
.app-border-medium-gray.app-border-transparent-10, .app-border-medium-gray .app-bg-transparent-10 {
  border-color: color-mix(in srgb, transparent, var(--app-color-medium-gray) 10%) !important;
}
.app-border-medium-gray.app-border-tint-20, .app-border-medium-gray .app-bg-tint-20 {
  border-color: color-mix(in srgb, var(--app-color-medium-gray), white 20%) !important;
}
.app-border-medium-gray.app-border-shade-20, .app-border-medium-gray .app-bg-shade-20 {
  border-color: color-mix(in srgb, var(--app-color-medium-gray), black 20%) !important;
}
.app-border-medium-gray.app-border-transparent-20, .app-border-medium-gray .app-bg-transparent-20 {
  border-color: color-mix(in srgb, transparent, var(--app-color-medium-gray) 20%) !important;
}
.app-border-medium-gray.app-border-tint-30, .app-border-medium-gray .app-bg-tint-30 {
  border-color: color-mix(in srgb, var(--app-color-medium-gray), white 30%) !important;
}
.app-border-medium-gray.app-border-shade-30, .app-border-medium-gray .app-bg-shade-30 {
  border-color: color-mix(in srgb, var(--app-color-medium-gray), black 30%) !important;
}
.app-border-medium-gray.app-border-transparent-30, .app-border-medium-gray .app-bg-transparent-30 {
  border-color: color-mix(in srgb, transparent, var(--app-color-medium-gray) 30%) !important;
}
.app-border-medium-gray.app-border-tint-40, .app-border-medium-gray .app-bg-tint-40 {
  border-color: color-mix(in srgb, var(--app-color-medium-gray), white 40%) !important;
}
.app-border-medium-gray.app-border-shade-40, .app-border-medium-gray .app-bg-shade-40 {
  border-color: color-mix(in srgb, var(--app-color-medium-gray), black 40%) !important;
}
.app-border-medium-gray.app-border-transparent-40, .app-border-medium-gray .app-bg-transparent-40 {
  border-color: color-mix(in srgb, transparent, var(--app-color-medium-gray) 40%) !important;
}
.app-border-medium-gray.app-border-tint-50, .app-border-medium-gray .app-bg-tint-50 {
  border-color: color-mix(in srgb, var(--app-color-medium-gray), white 50%) !important;
}
.app-border-medium-gray.app-border-shade-50, .app-border-medium-gray .app-bg-shade-50 {
  border-color: color-mix(in srgb, var(--app-color-medium-gray), black 50%) !important;
}
.app-border-medium-gray.app-border-transparent-50, .app-border-medium-gray .app-bg-transparent-50 {
  border-color: color-mix(in srgb, transparent, var(--app-color-medium-gray) 50%) !important;
}
.app-border-medium-gray.app-border-tint-60, .app-border-medium-gray .app-bg-tint-60 {
  border-color: color-mix(in srgb, var(--app-color-medium-gray), white 60%) !important;
}
.app-border-medium-gray.app-border-shade-60, .app-border-medium-gray .app-bg-shade-60 {
  border-color: color-mix(in srgb, var(--app-color-medium-gray), black 60%) !important;
}
.app-border-medium-gray.app-border-transparent-60, .app-border-medium-gray .app-bg-transparent-60 {
  border-color: color-mix(in srgb, transparent, var(--app-color-medium-gray) 60%) !important;
}
.app-border-medium-gray.app-border-tint-70, .app-border-medium-gray .app-bg-tint-70 {
  border-color: color-mix(in srgb, var(--app-color-medium-gray), white 70%) !important;
}
.app-border-medium-gray.app-border-shade-70, .app-border-medium-gray .app-bg-shade-70 {
  border-color: color-mix(in srgb, var(--app-color-medium-gray), black 70%) !important;
}
.app-border-medium-gray.app-border-transparent-70, .app-border-medium-gray .app-bg-transparent-70 {
  border-color: color-mix(in srgb, transparent, var(--app-color-medium-gray) 70%) !important;
}
.app-border-medium-gray.app-border-tint-80, .app-border-medium-gray .app-bg-tint-80 {
  border-color: color-mix(in srgb, var(--app-color-medium-gray), white 80%) !important;
}
.app-border-medium-gray.app-border-shade-80, .app-border-medium-gray .app-bg-shade-80 {
  border-color: color-mix(in srgb, var(--app-color-medium-gray), black 80%) !important;
}
.app-border-medium-gray.app-border-transparent-80, .app-border-medium-gray .app-bg-transparent-80 {
  border-color: color-mix(in srgb, transparent, var(--app-color-medium-gray) 80%) !important;
}
.app-border-medium-gray.app-border-tint-90, .app-border-medium-gray .app-bg-tint-90 {
  border-color: color-mix(in srgb, var(--app-color-medium-gray), white 90%) !important;
}
.app-border-medium-gray.app-border-shade-90, .app-border-medium-gray .app-bg-shade-90 {
  border-color: color-mix(in srgb, var(--app-color-medium-gray), black 90%) !important;
}
.app-border-medium-gray.app-border-transparent-90, .app-border-medium-gray .app-bg-transparent-90 {
  border-color: color-mix(in srgb, transparent, var(--app-color-medium-gray) 90%) !important;
}

.app-border-hover-medium-gray {
  transition: border-color 0.3s ease;
}
.app-border-hover-medium-gray:hover {
  border-color: var(--app-color-medium-gray, #666666) !important;
}

.app-border-dark-gray {
  border-color: var(--app-color-dark-gray, #333333) !important;
}
.app-border-dark-gray.app-border-tint-10, .app-border-dark-gray .app-bg-tint-10 {
  border-color: color-mix(in srgb, var(--app-color-dark-gray), white 10%) !important;
}
.app-border-dark-gray.app-border-shade-10, .app-border-dark-gray .app-bg-shade-10 {
  border-color: color-mix(in srgb, var(--app-color-dark-gray), black 10%) !important;
}
.app-border-dark-gray.app-border-transparent-10, .app-border-dark-gray .app-bg-transparent-10 {
  border-color: color-mix(in srgb, transparent, var(--app-color-dark-gray) 10%) !important;
}
.app-border-dark-gray.app-border-tint-20, .app-border-dark-gray .app-bg-tint-20 {
  border-color: color-mix(in srgb, var(--app-color-dark-gray), white 20%) !important;
}
.app-border-dark-gray.app-border-shade-20, .app-border-dark-gray .app-bg-shade-20 {
  border-color: color-mix(in srgb, var(--app-color-dark-gray), black 20%) !important;
}
.app-border-dark-gray.app-border-transparent-20, .app-border-dark-gray .app-bg-transparent-20 {
  border-color: color-mix(in srgb, transparent, var(--app-color-dark-gray) 20%) !important;
}
.app-border-dark-gray.app-border-tint-30, .app-border-dark-gray .app-bg-tint-30 {
  border-color: color-mix(in srgb, var(--app-color-dark-gray), white 30%) !important;
}
.app-border-dark-gray.app-border-shade-30, .app-border-dark-gray .app-bg-shade-30 {
  border-color: color-mix(in srgb, var(--app-color-dark-gray), black 30%) !important;
}
.app-border-dark-gray.app-border-transparent-30, .app-border-dark-gray .app-bg-transparent-30 {
  border-color: color-mix(in srgb, transparent, var(--app-color-dark-gray) 30%) !important;
}
.app-border-dark-gray.app-border-tint-40, .app-border-dark-gray .app-bg-tint-40 {
  border-color: color-mix(in srgb, var(--app-color-dark-gray), white 40%) !important;
}
.app-border-dark-gray.app-border-shade-40, .app-border-dark-gray .app-bg-shade-40 {
  border-color: color-mix(in srgb, var(--app-color-dark-gray), black 40%) !important;
}
.app-border-dark-gray.app-border-transparent-40, .app-border-dark-gray .app-bg-transparent-40 {
  border-color: color-mix(in srgb, transparent, var(--app-color-dark-gray) 40%) !important;
}
.app-border-dark-gray.app-border-tint-50, .app-border-dark-gray .app-bg-tint-50 {
  border-color: color-mix(in srgb, var(--app-color-dark-gray), white 50%) !important;
}
.app-border-dark-gray.app-border-shade-50, .app-border-dark-gray .app-bg-shade-50 {
  border-color: color-mix(in srgb, var(--app-color-dark-gray), black 50%) !important;
}
.app-border-dark-gray.app-border-transparent-50, .app-border-dark-gray .app-bg-transparent-50 {
  border-color: color-mix(in srgb, transparent, var(--app-color-dark-gray) 50%) !important;
}
.app-border-dark-gray.app-border-tint-60, .app-border-dark-gray .app-bg-tint-60 {
  border-color: color-mix(in srgb, var(--app-color-dark-gray), white 60%) !important;
}
.app-border-dark-gray.app-border-shade-60, .app-border-dark-gray .app-bg-shade-60 {
  border-color: color-mix(in srgb, var(--app-color-dark-gray), black 60%) !important;
}
.app-border-dark-gray.app-border-transparent-60, .app-border-dark-gray .app-bg-transparent-60 {
  border-color: color-mix(in srgb, transparent, var(--app-color-dark-gray) 60%) !important;
}
.app-border-dark-gray.app-border-tint-70, .app-border-dark-gray .app-bg-tint-70 {
  border-color: color-mix(in srgb, var(--app-color-dark-gray), white 70%) !important;
}
.app-border-dark-gray.app-border-shade-70, .app-border-dark-gray .app-bg-shade-70 {
  border-color: color-mix(in srgb, var(--app-color-dark-gray), black 70%) !important;
}
.app-border-dark-gray.app-border-transparent-70, .app-border-dark-gray .app-bg-transparent-70 {
  border-color: color-mix(in srgb, transparent, var(--app-color-dark-gray) 70%) !important;
}
.app-border-dark-gray.app-border-tint-80, .app-border-dark-gray .app-bg-tint-80 {
  border-color: color-mix(in srgb, var(--app-color-dark-gray), white 80%) !important;
}
.app-border-dark-gray.app-border-shade-80, .app-border-dark-gray .app-bg-shade-80 {
  border-color: color-mix(in srgb, var(--app-color-dark-gray), black 80%) !important;
}
.app-border-dark-gray.app-border-transparent-80, .app-border-dark-gray .app-bg-transparent-80 {
  border-color: color-mix(in srgb, transparent, var(--app-color-dark-gray) 80%) !important;
}
.app-border-dark-gray.app-border-tint-90, .app-border-dark-gray .app-bg-tint-90 {
  border-color: color-mix(in srgb, var(--app-color-dark-gray), white 90%) !important;
}
.app-border-dark-gray.app-border-shade-90, .app-border-dark-gray .app-bg-shade-90 {
  border-color: color-mix(in srgb, var(--app-color-dark-gray), black 90%) !important;
}
.app-border-dark-gray.app-border-transparent-90, .app-border-dark-gray .app-bg-transparent-90 {
  border-color: color-mix(in srgb, transparent, var(--app-color-dark-gray) 90%) !important;
}

.app-border-hover-dark-gray {
  transition: border-color 0.3s ease;
}
.app-border-hover-dark-gray:hover {
  border-color: var(--app-color-dark-gray, #333333) !important;
}

.app-border-blue {
  border-color: var(--app-color-blue, #203E6C) !important;
}
.app-border-blue.app-border-tint-10, .app-border-blue .app-bg-tint-10 {
  border-color: color-mix(in srgb, var(--app-color-blue), white 10%) !important;
}
.app-border-blue.app-border-shade-10, .app-border-blue .app-bg-shade-10 {
  border-color: color-mix(in srgb, var(--app-color-blue), black 10%) !important;
}
.app-border-blue.app-border-transparent-10, .app-border-blue .app-bg-transparent-10 {
  border-color: color-mix(in srgb, transparent, var(--app-color-blue) 10%) !important;
}
.app-border-blue.app-border-tint-20, .app-border-blue .app-bg-tint-20 {
  border-color: color-mix(in srgb, var(--app-color-blue), white 20%) !important;
}
.app-border-blue.app-border-shade-20, .app-border-blue .app-bg-shade-20 {
  border-color: color-mix(in srgb, var(--app-color-blue), black 20%) !important;
}
.app-border-blue.app-border-transparent-20, .app-border-blue .app-bg-transparent-20 {
  border-color: color-mix(in srgb, transparent, var(--app-color-blue) 20%) !important;
}
.app-border-blue.app-border-tint-30, .app-border-blue .app-bg-tint-30 {
  border-color: color-mix(in srgb, var(--app-color-blue), white 30%) !important;
}
.app-border-blue.app-border-shade-30, .app-border-blue .app-bg-shade-30 {
  border-color: color-mix(in srgb, var(--app-color-blue), black 30%) !important;
}
.app-border-blue.app-border-transparent-30, .app-border-blue .app-bg-transparent-30 {
  border-color: color-mix(in srgb, transparent, var(--app-color-blue) 30%) !important;
}
.app-border-blue.app-border-tint-40, .app-border-blue .app-bg-tint-40 {
  border-color: color-mix(in srgb, var(--app-color-blue), white 40%) !important;
}
.app-border-blue.app-border-shade-40, .app-border-blue .app-bg-shade-40 {
  border-color: color-mix(in srgb, var(--app-color-blue), black 40%) !important;
}
.app-border-blue.app-border-transparent-40, .app-border-blue .app-bg-transparent-40 {
  border-color: color-mix(in srgb, transparent, var(--app-color-blue) 40%) !important;
}
.app-border-blue.app-border-tint-50, .app-border-blue .app-bg-tint-50 {
  border-color: color-mix(in srgb, var(--app-color-blue), white 50%) !important;
}
.app-border-blue.app-border-shade-50, .app-border-blue .app-bg-shade-50 {
  border-color: color-mix(in srgb, var(--app-color-blue), black 50%) !important;
}
.app-border-blue.app-border-transparent-50, .app-border-blue .app-bg-transparent-50 {
  border-color: color-mix(in srgb, transparent, var(--app-color-blue) 50%) !important;
}
.app-border-blue.app-border-tint-60, .app-border-blue .app-bg-tint-60 {
  border-color: color-mix(in srgb, var(--app-color-blue), white 60%) !important;
}
.app-border-blue.app-border-shade-60, .app-border-blue .app-bg-shade-60 {
  border-color: color-mix(in srgb, var(--app-color-blue), black 60%) !important;
}
.app-border-blue.app-border-transparent-60, .app-border-blue .app-bg-transparent-60 {
  border-color: color-mix(in srgb, transparent, var(--app-color-blue) 60%) !important;
}
.app-border-blue.app-border-tint-70, .app-border-blue .app-bg-tint-70 {
  border-color: color-mix(in srgb, var(--app-color-blue), white 70%) !important;
}
.app-border-blue.app-border-shade-70, .app-border-blue .app-bg-shade-70 {
  border-color: color-mix(in srgb, var(--app-color-blue), black 70%) !important;
}
.app-border-blue.app-border-transparent-70, .app-border-blue .app-bg-transparent-70 {
  border-color: color-mix(in srgb, transparent, var(--app-color-blue) 70%) !important;
}
.app-border-blue.app-border-tint-80, .app-border-blue .app-bg-tint-80 {
  border-color: color-mix(in srgb, var(--app-color-blue), white 80%) !important;
}
.app-border-blue.app-border-shade-80, .app-border-blue .app-bg-shade-80 {
  border-color: color-mix(in srgb, var(--app-color-blue), black 80%) !important;
}
.app-border-blue.app-border-transparent-80, .app-border-blue .app-bg-transparent-80 {
  border-color: color-mix(in srgb, transparent, var(--app-color-blue) 80%) !important;
}
.app-border-blue.app-border-tint-90, .app-border-blue .app-bg-tint-90 {
  border-color: color-mix(in srgb, var(--app-color-blue), white 90%) !important;
}
.app-border-blue.app-border-shade-90, .app-border-blue .app-bg-shade-90 {
  border-color: color-mix(in srgb, var(--app-color-blue), black 90%) !important;
}
.app-border-blue.app-border-transparent-90, .app-border-blue .app-bg-transparent-90 {
  border-color: color-mix(in srgb, transparent, var(--app-color-blue) 90%) !important;
}

.app-border-hover-blue {
  transition: border-color 0.3s ease;
}
.app-border-hover-blue:hover {
  border-color: var(--app-color-blue, #203E6C) !important;
}

.app-border-green {
  border-color: var(--app-color-green, #6DAB36) !important;
}
.app-border-green.app-border-tint-10, .app-border-green .app-bg-tint-10 {
  border-color: color-mix(in srgb, var(--app-color-green), white 10%) !important;
}
.app-border-green.app-border-shade-10, .app-border-green .app-bg-shade-10 {
  border-color: color-mix(in srgb, var(--app-color-green), black 10%) !important;
}
.app-border-green.app-border-transparent-10, .app-border-green .app-bg-transparent-10 {
  border-color: color-mix(in srgb, transparent, var(--app-color-green) 10%) !important;
}
.app-border-green.app-border-tint-20, .app-border-green .app-bg-tint-20 {
  border-color: color-mix(in srgb, var(--app-color-green), white 20%) !important;
}
.app-border-green.app-border-shade-20, .app-border-green .app-bg-shade-20 {
  border-color: color-mix(in srgb, var(--app-color-green), black 20%) !important;
}
.app-border-green.app-border-transparent-20, .app-border-green .app-bg-transparent-20 {
  border-color: color-mix(in srgb, transparent, var(--app-color-green) 20%) !important;
}
.app-border-green.app-border-tint-30, .app-border-green .app-bg-tint-30 {
  border-color: color-mix(in srgb, var(--app-color-green), white 30%) !important;
}
.app-border-green.app-border-shade-30, .app-border-green .app-bg-shade-30 {
  border-color: color-mix(in srgb, var(--app-color-green), black 30%) !important;
}
.app-border-green.app-border-transparent-30, .app-border-green .app-bg-transparent-30 {
  border-color: color-mix(in srgb, transparent, var(--app-color-green) 30%) !important;
}
.app-border-green.app-border-tint-40, .app-border-green .app-bg-tint-40 {
  border-color: color-mix(in srgb, var(--app-color-green), white 40%) !important;
}
.app-border-green.app-border-shade-40, .app-border-green .app-bg-shade-40 {
  border-color: color-mix(in srgb, var(--app-color-green), black 40%) !important;
}
.app-border-green.app-border-transparent-40, .app-border-green .app-bg-transparent-40 {
  border-color: color-mix(in srgb, transparent, var(--app-color-green) 40%) !important;
}
.app-border-green.app-border-tint-50, .app-border-green .app-bg-tint-50 {
  border-color: color-mix(in srgb, var(--app-color-green), white 50%) !important;
}
.app-border-green.app-border-shade-50, .app-border-green .app-bg-shade-50 {
  border-color: color-mix(in srgb, var(--app-color-green), black 50%) !important;
}
.app-border-green.app-border-transparent-50, .app-border-green .app-bg-transparent-50 {
  border-color: color-mix(in srgb, transparent, var(--app-color-green) 50%) !important;
}
.app-border-green.app-border-tint-60, .app-border-green .app-bg-tint-60 {
  border-color: color-mix(in srgb, var(--app-color-green), white 60%) !important;
}
.app-border-green.app-border-shade-60, .app-border-green .app-bg-shade-60 {
  border-color: color-mix(in srgb, var(--app-color-green), black 60%) !important;
}
.app-border-green.app-border-transparent-60, .app-border-green .app-bg-transparent-60 {
  border-color: color-mix(in srgb, transparent, var(--app-color-green) 60%) !important;
}
.app-border-green.app-border-tint-70, .app-border-green .app-bg-tint-70 {
  border-color: color-mix(in srgb, var(--app-color-green), white 70%) !important;
}
.app-border-green.app-border-shade-70, .app-border-green .app-bg-shade-70 {
  border-color: color-mix(in srgb, var(--app-color-green), black 70%) !important;
}
.app-border-green.app-border-transparent-70, .app-border-green .app-bg-transparent-70 {
  border-color: color-mix(in srgb, transparent, var(--app-color-green) 70%) !important;
}
.app-border-green.app-border-tint-80, .app-border-green .app-bg-tint-80 {
  border-color: color-mix(in srgb, var(--app-color-green), white 80%) !important;
}
.app-border-green.app-border-shade-80, .app-border-green .app-bg-shade-80 {
  border-color: color-mix(in srgb, var(--app-color-green), black 80%) !important;
}
.app-border-green.app-border-transparent-80, .app-border-green .app-bg-transparent-80 {
  border-color: color-mix(in srgb, transparent, var(--app-color-green) 80%) !important;
}
.app-border-green.app-border-tint-90, .app-border-green .app-bg-tint-90 {
  border-color: color-mix(in srgb, var(--app-color-green), white 90%) !important;
}
.app-border-green.app-border-shade-90, .app-border-green .app-bg-shade-90 {
  border-color: color-mix(in srgb, var(--app-color-green), black 90%) !important;
}
.app-border-green.app-border-transparent-90, .app-border-green .app-bg-transparent-90 {
  border-color: color-mix(in srgb, transparent, var(--app-color-green) 90%) !important;
}

.app-border-hover-green {
  transition: border-color 0.3s ease;
}
.app-border-hover-green:hover {
  border-color: var(--app-color-green, #6DAB36) !important;
}

/* _text.scss */
/* text colors */
.app-text-black {
  color: var(--app-color-black, #111111) !important;
}
.app-text-black a:not(.btn), .app-text-black button:not(.btn) {
  color: var(--app-color-black, #111111) !important;
}
.app-text-black a:not(.btn):hover, .app-text-black button:not(.btn):hover {
  color: var(--app-color-black, #111111) !important;
}
.app-text-black.app-text-tint-10, .app-text-black .app-text-tint-10 {
  color: color-mix(in srgb, var(--app-color-black), white 10%) !important;
}
.app-text-black.app-text-shade-10, .app-text-black .app-text-shade-10 {
  color: color-mix(in srgb, var(--app-color-black), black 10%) !important;
}
.app-text-black.app-text-transparent-10, .app-text-black .app-text-transparent-10 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 10%) !important;
}
.app-text-black.app-text-tint-20, .app-text-black .app-text-tint-20 {
  color: color-mix(in srgb, var(--app-color-black), white 20%) !important;
}
.app-text-black.app-text-shade-20, .app-text-black .app-text-shade-20 {
  color: color-mix(in srgb, var(--app-color-black), black 20%) !important;
}
.app-text-black.app-text-transparent-20, .app-text-black .app-text-transparent-20 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 20%) !important;
}
.app-text-black.app-text-tint-30, .app-text-black .app-text-tint-30 {
  color: color-mix(in srgb, var(--app-color-black), white 30%) !important;
}
.app-text-black.app-text-shade-30, .app-text-black .app-text-shade-30 {
  color: color-mix(in srgb, var(--app-color-black), black 30%) !important;
}
.app-text-black.app-text-transparent-30, .app-text-black .app-text-transparent-30 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 30%) !important;
}
.app-text-black.app-text-tint-40, .app-text-black .app-text-tint-40 {
  color: color-mix(in srgb, var(--app-color-black), white 40%) !important;
}
.app-text-black.app-text-shade-40, .app-text-black .app-text-shade-40 {
  color: color-mix(in srgb, var(--app-color-black), black 40%) !important;
}
.app-text-black.app-text-transparent-40, .app-text-black .app-text-transparent-40 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 40%) !important;
}
.app-text-black.app-text-tint-50, .app-text-black .app-text-tint-50 {
  color: color-mix(in srgb, var(--app-color-black), white 50%) !important;
}
.app-text-black.app-text-shade-50, .app-text-black .app-text-shade-50 {
  color: color-mix(in srgb, var(--app-color-black), black 50%) !important;
}
.app-text-black.app-text-transparent-50, .app-text-black .app-text-transparent-50 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 50%) !important;
}
.app-text-black.app-text-tint-60, .app-text-black .app-text-tint-60 {
  color: color-mix(in srgb, var(--app-color-black), white 60%) !important;
}
.app-text-black.app-text-shade-60, .app-text-black .app-text-shade-60 {
  color: color-mix(in srgb, var(--app-color-black), black 60%) !important;
}
.app-text-black.app-text-transparent-60, .app-text-black .app-text-transparent-60 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 60%) !important;
}
.app-text-black.app-text-tint-70, .app-text-black .app-text-tint-70 {
  color: color-mix(in srgb, var(--app-color-black), white 70%) !important;
}
.app-text-black.app-text-shade-70, .app-text-black .app-text-shade-70 {
  color: color-mix(in srgb, var(--app-color-black), black 70%) !important;
}
.app-text-black.app-text-transparent-70, .app-text-black .app-text-transparent-70 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 70%) !important;
}
.app-text-black.app-text-tint-80, .app-text-black .app-text-tint-80 {
  color: color-mix(in srgb, var(--app-color-black), white 80%) !important;
}
.app-text-black.app-text-shade-80, .app-text-black .app-text-shade-80 {
  color: color-mix(in srgb, var(--app-color-black), black 80%) !important;
}
.app-text-black.app-text-transparent-80, .app-text-black .app-text-transparent-80 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 80%) !important;
}
.app-text-black.app-text-tint-90, .app-text-black .app-text-tint-90 {
  color: color-mix(in srgb, var(--app-color-black), white 90%) !important;
}
.app-text-black.app-text-shade-90, .app-text-black .app-text-shade-90 {
  color: color-mix(in srgb, var(--app-color-black), black 90%) !important;
}
.app-text-black.app-text-transparent-90, .app-text-black .app-text-transparent-90 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 90%) !important;
}

.app-text-hover-black a:not(.btn), .app-text-hover-black button:not(.btn) {
  transition: color 0.3s ease;
}
.app-text-hover-black a:not(.btn):hover, .app-text-hover-black button:not(.btn):hover {
  color: var(--app-color-black, #111111) !important;
}
.app-text-hover-black .show {
  color: var(--app-color-black, #111111) !important;
}

.app-text-placeholder-black::placeholder {
  color: var(--app-color-black, #111111) !important;
  opacity: 0.5;
}

.app-text-shadow-black {
  text-shadow: 1px 2px 8px color-mix(in srgb, transparent, var(--app-color-black) 50%);
}

.app-text-white {
  color: var(--app-color-white, #ffffff) !important;
}
.app-text-white a:not(.btn), .app-text-white button:not(.btn) {
  color: var(--app-color-white, #ffffff) !important;
}
.app-text-white a:not(.btn):hover, .app-text-white button:not(.btn):hover {
  color: var(--app-color-white, #ffffff) !important;
}
.app-text-white.app-text-tint-10, .app-text-white .app-text-tint-10 {
  color: color-mix(in srgb, var(--app-color-white), white 10%) !important;
}
.app-text-white.app-text-shade-10, .app-text-white .app-text-shade-10 {
  color: color-mix(in srgb, var(--app-color-white), black 10%) !important;
}
.app-text-white.app-text-transparent-10, .app-text-white .app-text-transparent-10 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 10%) !important;
}
.app-text-white.app-text-tint-20, .app-text-white .app-text-tint-20 {
  color: color-mix(in srgb, var(--app-color-white), white 20%) !important;
}
.app-text-white.app-text-shade-20, .app-text-white .app-text-shade-20 {
  color: color-mix(in srgb, var(--app-color-white), black 20%) !important;
}
.app-text-white.app-text-transparent-20, .app-text-white .app-text-transparent-20 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 20%) !important;
}
.app-text-white.app-text-tint-30, .app-text-white .app-text-tint-30 {
  color: color-mix(in srgb, var(--app-color-white), white 30%) !important;
}
.app-text-white.app-text-shade-30, .app-text-white .app-text-shade-30 {
  color: color-mix(in srgb, var(--app-color-white), black 30%) !important;
}
.app-text-white.app-text-transparent-30, .app-text-white .app-text-transparent-30 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 30%) !important;
}
.app-text-white.app-text-tint-40, .app-text-white .app-text-tint-40 {
  color: color-mix(in srgb, var(--app-color-white), white 40%) !important;
}
.app-text-white.app-text-shade-40, .app-text-white .app-text-shade-40 {
  color: color-mix(in srgb, var(--app-color-white), black 40%) !important;
}
.app-text-white.app-text-transparent-40, .app-text-white .app-text-transparent-40 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 40%) !important;
}
.app-text-white.app-text-tint-50, .app-text-white .app-text-tint-50 {
  color: color-mix(in srgb, var(--app-color-white), white 50%) !important;
}
.app-text-white.app-text-shade-50, .app-text-white .app-text-shade-50 {
  color: color-mix(in srgb, var(--app-color-white), black 50%) !important;
}
.app-text-white.app-text-transparent-50, .app-text-white .app-text-transparent-50 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 50%) !important;
}
.app-text-white.app-text-tint-60, .app-text-white .app-text-tint-60 {
  color: color-mix(in srgb, var(--app-color-white), white 60%) !important;
}
.app-text-white.app-text-shade-60, .app-text-white .app-text-shade-60 {
  color: color-mix(in srgb, var(--app-color-white), black 60%) !important;
}
.app-text-white.app-text-transparent-60, .app-text-white .app-text-transparent-60 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 60%) !important;
}
.app-text-white.app-text-tint-70, .app-text-white .app-text-tint-70 {
  color: color-mix(in srgb, var(--app-color-white), white 70%) !important;
}
.app-text-white.app-text-shade-70, .app-text-white .app-text-shade-70 {
  color: color-mix(in srgb, var(--app-color-white), black 70%) !important;
}
.app-text-white.app-text-transparent-70, .app-text-white .app-text-transparent-70 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 70%) !important;
}
.app-text-white.app-text-tint-80, .app-text-white .app-text-tint-80 {
  color: color-mix(in srgb, var(--app-color-white), white 80%) !important;
}
.app-text-white.app-text-shade-80, .app-text-white .app-text-shade-80 {
  color: color-mix(in srgb, var(--app-color-white), black 80%) !important;
}
.app-text-white.app-text-transparent-80, .app-text-white .app-text-transparent-80 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 80%) !important;
}
.app-text-white.app-text-tint-90, .app-text-white .app-text-tint-90 {
  color: color-mix(in srgb, var(--app-color-white), white 90%) !important;
}
.app-text-white.app-text-shade-90, .app-text-white .app-text-shade-90 {
  color: color-mix(in srgb, var(--app-color-white), black 90%) !important;
}
.app-text-white.app-text-transparent-90, .app-text-white .app-text-transparent-90 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 90%) !important;
}

.app-text-hover-white a:not(.btn), .app-text-hover-white button:not(.btn) {
  transition: color 0.3s ease;
}
.app-text-hover-white a:not(.btn):hover, .app-text-hover-white button:not(.btn):hover {
  color: var(--app-color-white, #ffffff) !important;
}
.app-text-hover-white .show {
  color: var(--app-color-white, #ffffff) !important;
}

.app-text-placeholder-white::placeholder {
  color: var(--app-color-white, #ffffff) !important;
  opacity: 0.5;
}

.app-text-shadow-white {
  text-shadow: 1px 2px 8px color-mix(in srgb, transparent, var(--app-color-white) 50%);
}

.app-text-light-gray {
  color: var(--app-color-light-gray, #F5F5F5) !important;
}
.app-text-light-gray a:not(.btn), .app-text-light-gray button:not(.btn) {
  color: var(--app-color-light-gray, #F5F5F5) !important;
}
.app-text-light-gray a:not(.btn):hover, .app-text-light-gray button:not(.btn):hover {
  color: var(--app-color-light-gray, #F5F5F5) !important;
}
.app-text-light-gray.app-text-tint-10, .app-text-light-gray .app-text-tint-10 {
  color: color-mix(in srgb, var(--app-color-light-gray), white 10%) !important;
}
.app-text-light-gray.app-text-shade-10, .app-text-light-gray .app-text-shade-10 {
  color: color-mix(in srgb, var(--app-color-light-gray), black 10%) !important;
}
.app-text-light-gray.app-text-transparent-10, .app-text-light-gray .app-text-transparent-10 {
  color: color-mix(in srgb, transparent, var(--app-color-light-gray) 10%) !important;
}
.app-text-light-gray.app-text-tint-20, .app-text-light-gray .app-text-tint-20 {
  color: color-mix(in srgb, var(--app-color-light-gray), white 20%) !important;
}
.app-text-light-gray.app-text-shade-20, .app-text-light-gray .app-text-shade-20 {
  color: color-mix(in srgb, var(--app-color-light-gray), black 20%) !important;
}
.app-text-light-gray.app-text-transparent-20, .app-text-light-gray .app-text-transparent-20 {
  color: color-mix(in srgb, transparent, var(--app-color-light-gray) 20%) !important;
}
.app-text-light-gray.app-text-tint-30, .app-text-light-gray .app-text-tint-30 {
  color: color-mix(in srgb, var(--app-color-light-gray), white 30%) !important;
}
.app-text-light-gray.app-text-shade-30, .app-text-light-gray .app-text-shade-30 {
  color: color-mix(in srgb, var(--app-color-light-gray), black 30%) !important;
}
.app-text-light-gray.app-text-transparent-30, .app-text-light-gray .app-text-transparent-30 {
  color: color-mix(in srgb, transparent, var(--app-color-light-gray) 30%) !important;
}
.app-text-light-gray.app-text-tint-40, .app-text-light-gray .app-text-tint-40 {
  color: color-mix(in srgb, var(--app-color-light-gray), white 40%) !important;
}
.app-text-light-gray.app-text-shade-40, .app-text-light-gray .app-text-shade-40 {
  color: color-mix(in srgb, var(--app-color-light-gray), black 40%) !important;
}
.app-text-light-gray.app-text-transparent-40, .app-text-light-gray .app-text-transparent-40 {
  color: color-mix(in srgb, transparent, var(--app-color-light-gray) 40%) !important;
}
.app-text-light-gray.app-text-tint-50, .app-text-light-gray .app-text-tint-50 {
  color: color-mix(in srgb, var(--app-color-light-gray), white 50%) !important;
}
.app-text-light-gray.app-text-shade-50, .app-text-light-gray .app-text-shade-50 {
  color: color-mix(in srgb, var(--app-color-light-gray), black 50%) !important;
}
.app-text-light-gray.app-text-transparent-50, .app-text-light-gray .app-text-transparent-50 {
  color: color-mix(in srgb, transparent, var(--app-color-light-gray) 50%) !important;
}
.app-text-light-gray.app-text-tint-60, .app-text-light-gray .app-text-tint-60 {
  color: color-mix(in srgb, var(--app-color-light-gray), white 60%) !important;
}
.app-text-light-gray.app-text-shade-60, .app-text-light-gray .app-text-shade-60 {
  color: color-mix(in srgb, var(--app-color-light-gray), black 60%) !important;
}
.app-text-light-gray.app-text-transparent-60, .app-text-light-gray .app-text-transparent-60 {
  color: color-mix(in srgb, transparent, var(--app-color-light-gray) 60%) !important;
}
.app-text-light-gray.app-text-tint-70, .app-text-light-gray .app-text-tint-70 {
  color: color-mix(in srgb, var(--app-color-light-gray), white 70%) !important;
}
.app-text-light-gray.app-text-shade-70, .app-text-light-gray .app-text-shade-70 {
  color: color-mix(in srgb, var(--app-color-light-gray), black 70%) !important;
}
.app-text-light-gray.app-text-transparent-70, .app-text-light-gray .app-text-transparent-70 {
  color: color-mix(in srgb, transparent, var(--app-color-light-gray) 70%) !important;
}
.app-text-light-gray.app-text-tint-80, .app-text-light-gray .app-text-tint-80 {
  color: color-mix(in srgb, var(--app-color-light-gray), white 80%) !important;
}
.app-text-light-gray.app-text-shade-80, .app-text-light-gray .app-text-shade-80 {
  color: color-mix(in srgb, var(--app-color-light-gray), black 80%) !important;
}
.app-text-light-gray.app-text-transparent-80, .app-text-light-gray .app-text-transparent-80 {
  color: color-mix(in srgb, transparent, var(--app-color-light-gray) 80%) !important;
}
.app-text-light-gray.app-text-tint-90, .app-text-light-gray .app-text-tint-90 {
  color: color-mix(in srgb, var(--app-color-light-gray), white 90%) !important;
}
.app-text-light-gray.app-text-shade-90, .app-text-light-gray .app-text-shade-90 {
  color: color-mix(in srgb, var(--app-color-light-gray), black 90%) !important;
}
.app-text-light-gray.app-text-transparent-90, .app-text-light-gray .app-text-transparent-90 {
  color: color-mix(in srgb, transparent, var(--app-color-light-gray) 90%) !important;
}

.app-text-hover-light-gray a:not(.btn), .app-text-hover-light-gray button:not(.btn) {
  transition: color 0.3s ease;
}
.app-text-hover-light-gray a:not(.btn):hover, .app-text-hover-light-gray button:not(.btn):hover {
  color: var(--app-color-light-gray, #F5F5F5) !important;
}
.app-text-hover-light-gray .show {
  color: var(--app-color-light-gray, #F5F5F5) !important;
}

.app-text-placeholder-light-gray::placeholder {
  color: var(--app-color-light-gray, #F5F5F5) !important;
  opacity: 0.5;
}

.app-text-shadow-light-gray {
  text-shadow: 1px 2px 8px color-mix(in srgb, transparent, var(--app-color-light-gray) 50%);
}

.app-text-gray {
  color: var(--app-color-gray, #999999) !important;
}
.app-text-gray a:not(.btn), .app-text-gray button:not(.btn) {
  color: var(--app-color-gray, #999999) !important;
}
.app-text-gray a:not(.btn):hover, .app-text-gray button:not(.btn):hover {
  color: var(--app-color-gray, #999999) !important;
}
.app-text-gray.app-text-tint-10, .app-text-gray .app-text-tint-10 {
  color: color-mix(in srgb, var(--app-color-gray), white 10%) !important;
}
.app-text-gray.app-text-shade-10, .app-text-gray .app-text-shade-10 {
  color: color-mix(in srgb, var(--app-color-gray), black 10%) !important;
}
.app-text-gray.app-text-transparent-10, .app-text-gray .app-text-transparent-10 {
  color: color-mix(in srgb, transparent, var(--app-color-gray) 10%) !important;
}
.app-text-gray.app-text-tint-20, .app-text-gray .app-text-tint-20 {
  color: color-mix(in srgb, var(--app-color-gray), white 20%) !important;
}
.app-text-gray.app-text-shade-20, .app-text-gray .app-text-shade-20 {
  color: color-mix(in srgb, var(--app-color-gray), black 20%) !important;
}
.app-text-gray.app-text-transparent-20, .app-text-gray .app-text-transparent-20 {
  color: color-mix(in srgb, transparent, var(--app-color-gray) 20%) !important;
}
.app-text-gray.app-text-tint-30, .app-text-gray .app-text-tint-30 {
  color: color-mix(in srgb, var(--app-color-gray), white 30%) !important;
}
.app-text-gray.app-text-shade-30, .app-text-gray .app-text-shade-30 {
  color: color-mix(in srgb, var(--app-color-gray), black 30%) !important;
}
.app-text-gray.app-text-transparent-30, .app-text-gray .app-text-transparent-30 {
  color: color-mix(in srgb, transparent, var(--app-color-gray) 30%) !important;
}
.app-text-gray.app-text-tint-40, .app-text-gray .app-text-tint-40 {
  color: color-mix(in srgb, var(--app-color-gray), white 40%) !important;
}
.app-text-gray.app-text-shade-40, .app-text-gray .app-text-shade-40 {
  color: color-mix(in srgb, var(--app-color-gray), black 40%) !important;
}
.app-text-gray.app-text-transparent-40, .app-text-gray .app-text-transparent-40 {
  color: color-mix(in srgb, transparent, var(--app-color-gray) 40%) !important;
}
.app-text-gray.app-text-tint-50, .app-text-gray .app-text-tint-50 {
  color: color-mix(in srgb, var(--app-color-gray), white 50%) !important;
}
.app-text-gray.app-text-shade-50, .app-text-gray .app-text-shade-50 {
  color: color-mix(in srgb, var(--app-color-gray), black 50%) !important;
}
.app-text-gray.app-text-transparent-50, .app-text-gray .app-text-transparent-50 {
  color: color-mix(in srgb, transparent, var(--app-color-gray) 50%) !important;
}
.app-text-gray.app-text-tint-60, .app-text-gray .app-text-tint-60 {
  color: color-mix(in srgb, var(--app-color-gray), white 60%) !important;
}
.app-text-gray.app-text-shade-60, .app-text-gray .app-text-shade-60 {
  color: color-mix(in srgb, var(--app-color-gray), black 60%) !important;
}
.app-text-gray.app-text-transparent-60, .app-text-gray .app-text-transparent-60 {
  color: color-mix(in srgb, transparent, var(--app-color-gray) 60%) !important;
}
.app-text-gray.app-text-tint-70, .app-text-gray .app-text-tint-70 {
  color: color-mix(in srgb, var(--app-color-gray), white 70%) !important;
}
.app-text-gray.app-text-shade-70, .app-text-gray .app-text-shade-70 {
  color: color-mix(in srgb, var(--app-color-gray), black 70%) !important;
}
.app-text-gray.app-text-transparent-70, .app-text-gray .app-text-transparent-70 {
  color: color-mix(in srgb, transparent, var(--app-color-gray) 70%) !important;
}
.app-text-gray.app-text-tint-80, .app-text-gray .app-text-tint-80 {
  color: color-mix(in srgb, var(--app-color-gray), white 80%) !important;
}
.app-text-gray.app-text-shade-80, .app-text-gray .app-text-shade-80 {
  color: color-mix(in srgb, var(--app-color-gray), black 80%) !important;
}
.app-text-gray.app-text-transparent-80, .app-text-gray .app-text-transparent-80 {
  color: color-mix(in srgb, transparent, var(--app-color-gray) 80%) !important;
}
.app-text-gray.app-text-tint-90, .app-text-gray .app-text-tint-90 {
  color: color-mix(in srgb, var(--app-color-gray), white 90%) !important;
}
.app-text-gray.app-text-shade-90, .app-text-gray .app-text-shade-90 {
  color: color-mix(in srgb, var(--app-color-gray), black 90%) !important;
}
.app-text-gray.app-text-transparent-90, .app-text-gray .app-text-transparent-90 {
  color: color-mix(in srgb, transparent, var(--app-color-gray) 90%) !important;
}

.app-text-hover-gray a:not(.btn), .app-text-hover-gray button:not(.btn) {
  transition: color 0.3s ease;
}
.app-text-hover-gray a:not(.btn):hover, .app-text-hover-gray button:not(.btn):hover {
  color: var(--app-color-gray, #999999) !important;
}
.app-text-hover-gray .show {
  color: var(--app-color-gray, #999999) !important;
}

.app-text-placeholder-gray::placeholder {
  color: var(--app-color-gray, #999999) !important;
  opacity: 0.5;
}

.app-text-shadow-gray {
  text-shadow: 1px 2px 8px color-mix(in srgb, transparent, var(--app-color-gray) 50%);
}

.app-text-medium-gray {
  color: var(--app-color-medium-gray, #666666) !important;
}
.app-text-medium-gray a:not(.btn), .app-text-medium-gray button:not(.btn) {
  color: var(--app-color-medium-gray, #666666) !important;
}
.app-text-medium-gray a:not(.btn):hover, .app-text-medium-gray button:not(.btn):hover {
  color: var(--app-color-medium-gray, #666666) !important;
}
.app-text-medium-gray.app-text-tint-10, .app-text-medium-gray .app-text-tint-10 {
  color: color-mix(in srgb, var(--app-color-medium-gray), white 10%) !important;
}
.app-text-medium-gray.app-text-shade-10, .app-text-medium-gray .app-text-shade-10 {
  color: color-mix(in srgb, var(--app-color-medium-gray), black 10%) !important;
}
.app-text-medium-gray.app-text-transparent-10, .app-text-medium-gray .app-text-transparent-10 {
  color: color-mix(in srgb, transparent, var(--app-color-medium-gray) 10%) !important;
}
.app-text-medium-gray.app-text-tint-20, .app-text-medium-gray .app-text-tint-20 {
  color: color-mix(in srgb, var(--app-color-medium-gray), white 20%) !important;
}
.app-text-medium-gray.app-text-shade-20, .app-text-medium-gray .app-text-shade-20 {
  color: color-mix(in srgb, var(--app-color-medium-gray), black 20%) !important;
}
.app-text-medium-gray.app-text-transparent-20, .app-text-medium-gray .app-text-transparent-20 {
  color: color-mix(in srgb, transparent, var(--app-color-medium-gray) 20%) !important;
}
.app-text-medium-gray.app-text-tint-30, .app-text-medium-gray .app-text-tint-30 {
  color: color-mix(in srgb, var(--app-color-medium-gray), white 30%) !important;
}
.app-text-medium-gray.app-text-shade-30, .app-text-medium-gray .app-text-shade-30 {
  color: color-mix(in srgb, var(--app-color-medium-gray), black 30%) !important;
}
.app-text-medium-gray.app-text-transparent-30, .app-text-medium-gray .app-text-transparent-30 {
  color: color-mix(in srgb, transparent, var(--app-color-medium-gray) 30%) !important;
}
.app-text-medium-gray.app-text-tint-40, .app-text-medium-gray .app-text-tint-40 {
  color: color-mix(in srgb, var(--app-color-medium-gray), white 40%) !important;
}
.app-text-medium-gray.app-text-shade-40, .app-text-medium-gray .app-text-shade-40 {
  color: color-mix(in srgb, var(--app-color-medium-gray), black 40%) !important;
}
.app-text-medium-gray.app-text-transparent-40, .app-text-medium-gray .app-text-transparent-40 {
  color: color-mix(in srgb, transparent, var(--app-color-medium-gray) 40%) !important;
}
.app-text-medium-gray.app-text-tint-50, .app-text-medium-gray .app-text-tint-50 {
  color: color-mix(in srgb, var(--app-color-medium-gray), white 50%) !important;
}
.app-text-medium-gray.app-text-shade-50, .app-text-medium-gray .app-text-shade-50 {
  color: color-mix(in srgb, var(--app-color-medium-gray), black 50%) !important;
}
.app-text-medium-gray.app-text-transparent-50, .app-text-medium-gray .app-text-transparent-50 {
  color: color-mix(in srgb, transparent, var(--app-color-medium-gray) 50%) !important;
}
.app-text-medium-gray.app-text-tint-60, .app-text-medium-gray .app-text-tint-60 {
  color: color-mix(in srgb, var(--app-color-medium-gray), white 60%) !important;
}
.app-text-medium-gray.app-text-shade-60, .app-text-medium-gray .app-text-shade-60 {
  color: color-mix(in srgb, var(--app-color-medium-gray), black 60%) !important;
}
.app-text-medium-gray.app-text-transparent-60, .app-text-medium-gray .app-text-transparent-60 {
  color: color-mix(in srgb, transparent, var(--app-color-medium-gray) 60%) !important;
}
.app-text-medium-gray.app-text-tint-70, .app-text-medium-gray .app-text-tint-70 {
  color: color-mix(in srgb, var(--app-color-medium-gray), white 70%) !important;
}
.app-text-medium-gray.app-text-shade-70, .app-text-medium-gray .app-text-shade-70 {
  color: color-mix(in srgb, var(--app-color-medium-gray), black 70%) !important;
}
.app-text-medium-gray.app-text-transparent-70, .app-text-medium-gray .app-text-transparent-70 {
  color: color-mix(in srgb, transparent, var(--app-color-medium-gray) 70%) !important;
}
.app-text-medium-gray.app-text-tint-80, .app-text-medium-gray .app-text-tint-80 {
  color: color-mix(in srgb, var(--app-color-medium-gray), white 80%) !important;
}
.app-text-medium-gray.app-text-shade-80, .app-text-medium-gray .app-text-shade-80 {
  color: color-mix(in srgb, var(--app-color-medium-gray), black 80%) !important;
}
.app-text-medium-gray.app-text-transparent-80, .app-text-medium-gray .app-text-transparent-80 {
  color: color-mix(in srgb, transparent, var(--app-color-medium-gray) 80%) !important;
}
.app-text-medium-gray.app-text-tint-90, .app-text-medium-gray .app-text-tint-90 {
  color: color-mix(in srgb, var(--app-color-medium-gray), white 90%) !important;
}
.app-text-medium-gray.app-text-shade-90, .app-text-medium-gray .app-text-shade-90 {
  color: color-mix(in srgb, var(--app-color-medium-gray), black 90%) !important;
}
.app-text-medium-gray.app-text-transparent-90, .app-text-medium-gray .app-text-transparent-90 {
  color: color-mix(in srgb, transparent, var(--app-color-medium-gray) 90%) !important;
}

.app-text-hover-medium-gray a:not(.btn), .app-text-hover-medium-gray button:not(.btn) {
  transition: color 0.3s ease;
}
.app-text-hover-medium-gray a:not(.btn):hover, .app-text-hover-medium-gray button:not(.btn):hover {
  color: var(--app-color-medium-gray, #666666) !important;
}
.app-text-hover-medium-gray .show {
  color: var(--app-color-medium-gray, #666666) !important;
}

.app-text-placeholder-medium-gray::placeholder {
  color: var(--app-color-medium-gray, #666666) !important;
  opacity: 0.5;
}

.app-text-shadow-medium-gray {
  text-shadow: 1px 2px 8px color-mix(in srgb, transparent, var(--app-color-medium-gray) 50%);
}

.app-text-dark-gray {
  color: var(--app-color-dark-gray, #333333) !important;
}
.app-text-dark-gray a:not(.btn), .app-text-dark-gray button:not(.btn) {
  color: var(--app-color-dark-gray, #333333) !important;
}
.app-text-dark-gray a:not(.btn):hover, .app-text-dark-gray button:not(.btn):hover {
  color: var(--app-color-dark-gray, #333333) !important;
}
.app-text-dark-gray.app-text-tint-10, .app-text-dark-gray .app-text-tint-10 {
  color: color-mix(in srgb, var(--app-color-dark-gray), white 10%) !important;
}
.app-text-dark-gray.app-text-shade-10, .app-text-dark-gray .app-text-shade-10 {
  color: color-mix(in srgb, var(--app-color-dark-gray), black 10%) !important;
}
.app-text-dark-gray.app-text-transparent-10, .app-text-dark-gray .app-text-transparent-10 {
  color: color-mix(in srgb, transparent, var(--app-color-dark-gray) 10%) !important;
}
.app-text-dark-gray.app-text-tint-20, .app-text-dark-gray .app-text-tint-20 {
  color: color-mix(in srgb, var(--app-color-dark-gray), white 20%) !important;
}
.app-text-dark-gray.app-text-shade-20, .app-text-dark-gray .app-text-shade-20 {
  color: color-mix(in srgb, var(--app-color-dark-gray), black 20%) !important;
}
.app-text-dark-gray.app-text-transparent-20, .app-text-dark-gray .app-text-transparent-20 {
  color: color-mix(in srgb, transparent, var(--app-color-dark-gray) 20%) !important;
}
.app-text-dark-gray.app-text-tint-30, .app-text-dark-gray .app-text-tint-30 {
  color: color-mix(in srgb, var(--app-color-dark-gray), white 30%) !important;
}
.app-text-dark-gray.app-text-shade-30, .app-text-dark-gray .app-text-shade-30 {
  color: color-mix(in srgb, var(--app-color-dark-gray), black 30%) !important;
}
.app-text-dark-gray.app-text-transparent-30, .app-text-dark-gray .app-text-transparent-30 {
  color: color-mix(in srgb, transparent, var(--app-color-dark-gray) 30%) !important;
}
.app-text-dark-gray.app-text-tint-40, .app-text-dark-gray .app-text-tint-40 {
  color: color-mix(in srgb, var(--app-color-dark-gray), white 40%) !important;
}
.app-text-dark-gray.app-text-shade-40, .app-text-dark-gray .app-text-shade-40 {
  color: color-mix(in srgb, var(--app-color-dark-gray), black 40%) !important;
}
.app-text-dark-gray.app-text-transparent-40, .app-text-dark-gray .app-text-transparent-40 {
  color: color-mix(in srgb, transparent, var(--app-color-dark-gray) 40%) !important;
}
.app-text-dark-gray.app-text-tint-50, .app-text-dark-gray .app-text-tint-50 {
  color: color-mix(in srgb, var(--app-color-dark-gray), white 50%) !important;
}
.app-text-dark-gray.app-text-shade-50, .app-text-dark-gray .app-text-shade-50 {
  color: color-mix(in srgb, var(--app-color-dark-gray), black 50%) !important;
}
.app-text-dark-gray.app-text-transparent-50, .app-text-dark-gray .app-text-transparent-50 {
  color: color-mix(in srgb, transparent, var(--app-color-dark-gray) 50%) !important;
}
.app-text-dark-gray.app-text-tint-60, .app-text-dark-gray .app-text-tint-60 {
  color: color-mix(in srgb, var(--app-color-dark-gray), white 60%) !important;
}
.app-text-dark-gray.app-text-shade-60, .app-text-dark-gray .app-text-shade-60 {
  color: color-mix(in srgb, var(--app-color-dark-gray), black 60%) !important;
}
.app-text-dark-gray.app-text-transparent-60, .app-text-dark-gray .app-text-transparent-60 {
  color: color-mix(in srgb, transparent, var(--app-color-dark-gray) 60%) !important;
}
.app-text-dark-gray.app-text-tint-70, .app-text-dark-gray .app-text-tint-70 {
  color: color-mix(in srgb, var(--app-color-dark-gray), white 70%) !important;
}
.app-text-dark-gray.app-text-shade-70, .app-text-dark-gray .app-text-shade-70 {
  color: color-mix(in srgb, var(--app-color-dark-gray), black 70%) !important;
}
.app-text-dark-gray.app-text-transparent-70, .app-text-dark-gray .app-text-transparent-70 {
  color: color-mix(in srgb, transparent, var(--app-color-dark-gray) 70%) !important;
}
.app-text-dark-gray.app-text-tint-80, .app-text-dark-gray .app-text-tint-80 {
  color: color-mix(in srgb, var(--app-color-dark-gray), white 80%) !important;
}
.app-text-dark-gray.app-text-shade-80, .app-text-dark-gray .app-text-shade-80 {
  color: color-mix(in srgb, var(--app-color-dark-gray), black 80%) !important;
}
.app-text-dark-gray.app-text-transparent-80, .app-text-dark-gray .app-text-transparent-80 {
  color: color-mix(in srgb, transparent, var(--app-color-dark-gray) 80%) !important;
}
.app-text-dark-gray.app-text-tint-90, .app-text-dark-gray .app-text-tint-90 {
  color: color-mix(in srgb, var(--app-color-dark-gray), white 90%) !important;
}
.app-text-dark-gray.app-text-shade-90, .app-text-dark-gray .app-text-shade-90 {
  color: color-mix(in srgb, var(--app-color-dark-gray), black 90%) !important;
}
.app-text-dark-gray.app-text-transparent-90, .app-text-dark-gray .app-text-transparent-90 {
  color: color-mix(in srgb, transparent, var(--app-color-dark-gray) 90%) !important;
}

.app-text-hover-dark-gray a:not(.btn), .app-text-hover-dark-gray button:not(.btn) {
  transition: color 0.3s ease;
}
.app-text-hover-dark-gray a:not(.btn):hover, .app-text-hover-dark-gray button:not(.btn):hover {
  color: var(--app-color-dark-gray, #333333) !important;
}
.app-text-hover-dark-gray .show {
  color: var(--app-color-dark-gray, #333333) !important;
}

.app-text-placeholder-dark-gray::placeholder {
  color: var(--app-color-dark-gray, #333333) !important;
  opacity: 0.5;
}

.app-text-shadow-dark-gray {
  text-shadow: 1px 2px 8px color-mix(in srgb, transparent, var(--app-color-dark-gray) 50%);
}

.app-text-blue {
  color: var(--app-color-blue, #203E6C) !important;
}
.app-text-blue a:not(.btn), .app-text-blue button:not(.btn) {
  color: var(--app-color-blue, #203E6C) !important;
}
.app-text-blue a:not(.btn):hover, .app-text-blue button:not(.btn):hover {
  color: var(--app-color-blue, #203E6C) !important;
}
.app-text-blue.app-text-tint-10, .app-text-blue .app-text-tint-10 {
  color: color-mix(in srgb, var(--app-color-blue), white 10%) !important;
}
.app-text-blue.app-text-shade-10, .app-text-blue .app-text-shade-10 {
  color: color-mix(in srgb, var(--app-color-blue), black 10%) !important;
}
.app-text-blue.app-text-transparent-10, .app-text-blue .app-text-transparent-10 {
  color: color-mix(in srgb, transparent, var(--app-color-blue) 10%) !important;
}
.app-text-blue.app-text-tint-20, .app-text-blue .app-text-tint-20 {
  color: color-mix(in srgb, var(--app-color-blue), white 20%) !important;
}
.app-text-blue.app-text-shade-20, .app-text-blue .app-text-shade-20 {
  color: color-mix(in srgb, var(--app-color-blue), black 20%) !important;
}
.app-text-blue.app-text-transparent-20, .app-text-blue .app-text-transparent-20 {
  color: color-mix(in srgb, transparent, var(--app-color-blue) 20%) !important;
}
.app-text-blue.app-text-tint-30, .app-text-blue .app-text-tint-30 {
  color: color-mix(in srgb, var(--app-color-blue), white 30%) !important;
}
.app-text-blue.app-text-shade-30, .app-text-blue .app-text-shade-30 {
  color: color-mix(in srgb, var(--app-color-blue), black 30%) !important;
}
.app-text-blue.app-text-transparent-30, .app-text-blue .app-text-transparent-30 {
  color: color-mix(in srgb, transparent, var(--app-color-blue) 30%) !important;
}
.app-text-blue.app-text-tint-40, .app-text-blue .app-text-tint-40 {
  color: color-mix(in srgb, var(--app-color-blue), white 40%) !important;
}
.app-text-blue.app-text-shade-40, .app-text-blue .app-text-shade-40 {
  color: color-mix(in srgb, var(--app-color-blue), black 40%) !important;
}
.app-text-blue.app-text-transparent-40, .app-text-blue .app-text-transparent-40 {
  color: color-mix(in srgb, transparent, var(--app-color-blue) 40%) !important;
}
.app-text-blue.app-text-tint-50, .app-text-blue .app-text-tint-50 {
  color: color-mix(in srgb, var(--app-color-blue), white 50%) !important;
}
.app-text-blue.app-text-shade-50, .app-text-blue .app-text-shade-50 {
  color: color-mix(in srgb, var(--app-color-blue), black 50%) !important;
}
.app-text-blue.app-text-transparent-50, .app-text-blue .app-text-transparent-50 {
  color: color-mix(in srgb, transparent, var(--app-color-blue) 50%) !important;
}
.app-text-blue.app-text-tint-60, .app-text-blue .app-text-tint-60 {
  color: color-mix(in srgb, var(--app-color-blue), white 60%) !important;
}
.app-text-blue.app-text-shade-60, .app-text-blue .app-text-shade-60 {
  color: color-mix(in srgb, var(--app-color-blue), black 60%) !important;
}
.app-text-blue.app-text-transparent-60, .app-text-blue .app-text-transparent-60 {
  color: color-mix(in srgb, transparent, var(--app-color-blue) 60%) !important;
}
.app-text-blue.app-text-tint-70, .app-text-blue .app-text-tint-70 {
  color: color-mix(in srgb, var(--app-color-blue), white 70%) !important;
}
.app-text-blue.app-text-shade-70, .app-text-blue .app-text-shade-70 {
  color: color-mix(in srgb, var(--app-color-blue), black 70%) !important;
}
.app-text-blue.app-text-transparent-70, .app-text-blue .app-text-transparent-70 {
  color: color-mix(in srgb, transparent, var(--app-color-blue) 70%) !important;
}
.app-text-blue.app-text-tint-80, .app-text-blue .app-text-tint-80 {
  color: color-mix(in srgb, var(--app-color-blue), white 80%) !important;
}
.app-text-blue.app-text-shade-80, .app-text-blue .app-text-shade-80 {
  color: color-mix(in srgb, var(--app-color-blue), black 80%) !important;
}
.app-text-blue.app-text-transparent-80, .app-text-blue .app-text-transparent-80 {
  color: color-mix(in srgb, transparent, var(--app-color-blue) 80%) !important;
}
.app-text-blue.app-text-tint-90, .app-text-blue .app-text-tint-90 {
  color: color-mix(in srgb, var(--app-color-blue), white 90%) !important;
}
.app-text-blue.app-text-shade-90, .app-text-blue .app-text-shade-90 {
  color: color-mix(in srgb, var(--app-color-blue), black 90%) !important;
}
.app-text-blue.app-text-transparent-90, .app-text-blue .app-text-transparent-90 {
  color: color-mix(in srgb, transparent, var(--app-color-blue) 90%) !important;
}

.app-text-hover-blue a:not(.btn), .app-text-hover-blue button:not(.btn) {
  transition: color 0.3s ease;
}
.app-text-hover-blue a:not(.btn):hover, .app-text-hover-blue button:not(.btn):hover {
  color: var(--app-color-blue, #203E6C) !important;
}
.app-text-hover-blue .show {
  color: var(--app-color-blue, #203E6C) !important;
}

.app-text-placeholder-blue::placeholder {
  color: var(--app-color-blue, #203E6C) !important;
  opacity: 0.5;
}

.app-text-shadow-blue {
  text-shadow: 1px 2px 8px color-mix(in srgb, transparent, var(--app-color-blue) 50%);
}

.app-text-green {
  color: var(--app-color-green, #6DAB36) !important;
}
.app-text-green a:not(.btn), .app-text-green button:not(.btn) {
  color: var(--app-color-green, #6DAB36) !important;
}
.app-text-green a:not(.btn):hover, .app-text-green button:not(.btn):hover {
  color: var(--app-color-green, #6DAB36) !important;
}
.app-text-green.app-text-tint-10, .app-text-green .app-text-tint-10 {
  color: color-mix(in srgb, var(--app-color-green), white 10%) !important;
}
.app-text-green.app-text-shade-10, .app-text-green .app-text-shade-10 {
  color: color-mix(in srgb, var(--app-color-green), black 10%) !important;
}
.app-text-green.app-text-transparent-10, .app-text-green .app-text-transparent-10 {
  color: color-mix(in srgb, transparent, var(--app-color-green) 10%) !important;
}
.app-text-green.app-text-tint-20, .app-text-green .app-text-tint-20 {
  color: color-mix(in srgb, var(--app-color-green), white 20%) !important;
}
.app-text-green.app-text-shade-20, .app-text-green .app-text-shade-20 {
  color: color-mix(in srgb, var(--app-color-green), black 20%) !important;
}
.app-text-green.app-text-transparent-20, .app-text-green .app-text-transparent-20 {
  color: color-mix(in srgb, transparent, var(--app-color-green) 20%) !important;
}
.app-text-green.app-text-tint-30, .app-text-green .app-text-tint-30 {
  color: color-mix(in srgb, var(--app-color-green), white 30%) !important;
}
.app-text-green.app-text-shade-30, .app-text-green .app-text-shade-30 {
  color: color-mix(in srgb, var(--app-color-green), black 30%) !important;
}
.app-text-green.app-text-transparent-30, .app-text-green .app-text-transparent-30 {
  color: color-mix(in srgb, transparent, var(--app-color-green) 30%) !important;
}
.app-text-green.app-text-tint-40, .app-text-green .app-text-tint-40 {
  color: color-mix(in srgb, var(--app-color-green), white 40%) !important;
}
.app-text-green.app-text-shade-40, .app-text-green .app-text-shade-40 {
  color: color-mix(in srgb, var(--app-color-green), black 40%) !important;
}
.app-text-green.app-text-transparent-40, .app-text-green .app-text-transparent-40 {
  color: color-mix(in srgb, transparent, var(--app-color-green) 40%) !important;
}
.app-text-green.app-text-tint-50, .app-text-green .app-text-tint-50 {
  color: color-mix(in srgb, var(--app-color-green), white 50%) !important;
}
.app-text-green.app-text-shade-50, .app-text-green .app-text-shade-50 {
  color: color-mix(in srgb, var(--app-color-green), black 50%) !important;
}
.app-text-green.app-text-transparent-50, .app-text-green .app-text-transparent-50 {
  color: color-mix(in srgb, transparent, var(--app-color-green) 50%) !important;
}
.app-text-green.app-text-tint-60, .app-text-green .app-text-tint-60 {
  color: color-mix(in srgb, var(--app-color-green), white 60%) !important;
}
.app-text-green.app-text-shade-60, .app-text-green .app-text-shade-60 {
  color: color-mix(in srgb, var(--app-color-green), black 60%) !important;
}
.app-text-green.app-text-transparent-60, .app-text-green .app-text-transparent-60 {
  color: color-mix(in srgb, transparent, var(--app-color-green) 60%) !important;
}
.app-text-green.app-text-tint-70, .app-text-green .app-text-tint-70 {
  color: color-mix(in srgb, var(--app-color-green), white 70%) !important;
}
.app-text-green.app-text-shade-70, .app-text-green .app-text-shade-70 {
  color: color-mix(in srgb, var(--app-color-green), black 70%) !important;
}
.app-text-green.app-text-transparent-70, .app-text-green .app-text-transparent-70 {
  color: color-mix(in srgb, transparent, var(--app-color-green) 70%) !important;
}
.app-text-green.app-text-tint-80, .app-text-green .app-text-tint-80 {
  color: color-mix(in srgb, var(--app-color-green), white 80%) !important;
}
.app-text-green.app-text-shade-80, .app-text-green .app-text-shade-80 {
  color: color-mix(in srgb, var(--app-color-green), black 80%) !important;
}
.app-text-green.app-text-transparent-80, .app-text-green .app-text-transparent-80 {
  color: color-mix(in srgb, transparent, var(--app-color-green) 80%) !important;
}
.app-text-green.app-text-tint-90, .app-text-green .app-text-tint-90 {
  color: color-mix(in srgb, var(--app-color-green), white 90%) !important;
}
.app-text-green.app-text-shade-90, .app-text-green .app-text-shade-90 {
  color: color-mix(in srgb, var(--app-color-green), black 90%) !important;
}
.app-text-green.app-text-transparent-90, .app-text-green .app-text-transparent-90 {
  color: color-mix(in srgb, transparent, var(--app-color-green) 90%) !important;
}

.app-text-hover-green a:not(.btn), .app-text-hover-green button:not(.btn) {
  transition: color 0.3s ease;
}
.app-text-hover-green a:not(.btn):hover, .app-text-hover-green button:not(.btn):hover {
  color: var(--app-color-green, #6DAB36) !important;
}
.app-text-hover-green .show {
  color: var(--app-color-green, #6DAB36) !important;
}

.app-text-placeholder-green::placeholder {
  color: var(--app-color-green, #6DAB36) !important;
  opacity: 0.5;
}

.app-text-shadow-green {
  text-shadow: 1px 2px 8px color-mix(in srgb, transparent, var(--app-color-green) 50%);
}

/* link */
.app-links-underline a:not(.btn), .app-links-underline button:not(.btn) {
  text-decoration: underline !important;
}
.app-links-underline a:not(.btn):hover, .app-links-underline button:not(.btn):hover {
  text-decoration: none !important;
}

.app-links-reverse a:not(.btn), .app-links-reverse button:not(.btn) {
  text-decoration: none !important;
}
.app-links-reverse a:not(.btn):hover, .app-links-reverse button:not(.btn):hover {
  text-decoration: underline !important;
  text-underline-offset: 0.25rem !important;
  text-decoration-color: var(--app-color-blue) !important;
  text-decoration-thickness: 3px !important;
}

.app-links-plain a:not(.btn) {
  text-decoration: none !important;
}
.app-links-plain a:not(.btn):hover {
  text-decoration: none !important;
}

.app-underline-black a:not(.btn), .app-underline-black button:not(.btn) {
  text-decoration-color: #111111 !important;
}

.app-underline-hover-black a:not(.btn):hover, .app-underline-hover-black button:not(.btn):hover {
  text-decoration-color: #111111 !important;
}

.app-underline-white a:not(.btn), .app-underline-white button:not(.btn) {
  text-decoration-color: #ffffff !important;
}

.app-underline-hover-white a:not(.btn):hover, .app-underline-hover-white button:not(.btn):hover {
  text-decoration-color: #ffffff !important;
}

.app-underline-light-gray a:not(.btn), .app-underline-light-gray button:not(.btn) {
  text-decoration-color: #F5F5F5 !important;
}

.app-underline-hover-light-gray a:not(.btn):hover, .app-underline-hover-light-gray button:not(.btn):hover {
  text-decoration-color: #F5F5F5 !important;
}

.app-underline-gray a:not(.btn), .app-underline-gray button:not(.btn) {
  text-decoration-color: #999999 !important;
}

.app-underline-hover-gray a:not(.btn):hover, .app-underline-hover-gray button:not(.btn):hover {
  text-decoration-color: #999999 !important;
}

.app-underline-medium-gray a:not(.btn), .app-underline-medium-gray button:not(.btn) {
  text-decoration-color: #666666 !important;
}

.app-underline-hover-medium-gray a:not(.btn):hover, .app-underline-hover-medium-gray button:not(.btn):hover {
  text-decoration-color: #666666 !important;
}

.app-underline-dark-gray a:not(.btn), .app-underline-dark-gray button:not(.btn) {
  text-decoration-color: #333333 !important;
}

.app-underline-hover-dark-gray a:not(.btn):hover, .app-underline-hover-dark-gray button:not(.btn):hover {
  text-decoration-color: #333333 !important;
}

.app-underline-blue a:not(.btn), .app-underline-blue button:not(.btn) {
  text-decoration-color: #203E6C !important;
}

.app-underline-hover-blue a:not(.btn):hover, .app-underline-hover-blue button:not(.btn):hover {
  text-decoration-color: #203E6C !important;
}

.app-underline-green a:not(.btn), .app-underline-green button:not(.btn) {
  text-decoration-color: #6DAB36 !important;
}

.app-underline-hover-green a:not(.btn):hover, .app-underline-hover-green button:not(.btn):hover {
  text-decoration-color: #6DAB36 !important;
}

/* line-height */
.app-line-height-reduced {
  line-height: calc(var(--bs-body-line-height) * 0.8);
}

/* _table.scss */
.table {
  --bs-table-bg: transparent;
  --bs-table-color: var(--app-color-white);
}

/* _btn.scss */
/* button colors */
.app-btn-black, .app-btn-black-auto {
  background-color: var(--app-color-black, #111111);
  color: var(--bs-body-bg);
}
.app-btn-black:hover, .app-btn-black-auto:hover {
  background-color: var(--app-color-black, #111111);
  color: var(--bs-body-bg);
}

.app-btn-hover-black, .app-btn-hover-black-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-black:hover, .app-btn-hover-black-auto:hover {
  background-color: var(--app-color-black, #111111) !important;
  color: var(--bs-body-bg) !important;
}

.app-btn-outline-black, .app-btn-outline-black-auto {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111);
  color: var(--app-color-black, #111111);
}
.app-btn-outline-black:hover, .app-btn-outline-black-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111);
  color: var(--app-color-black, #111111);
}

.app-btn-outline-hover-black, .app-btn-outline-hover-black-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-black:hover, .app-btn-outline-hover-black-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111) !important;
  color: var(--app-color-black, #111111) !important;
}

.app-btn-underline-black, .app-btn-underline-black-auto {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-black, #111111) 50%);
  color: var(--app-color-black, #111111);
}
.app-btn-underline-black:hover, .app-btn-underline-black-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111);
  color: var(--app-color-black, #111111);
}

.app-btn-underline-hover-black, .app-btn-underline-hover-black-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-black:hover, .app-btn-underline-hover-black-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111) !important;
  color: var(--app-color-black, #111111) !important;
}

.app-btn-black-black {
  background-color: var(--app-color-black, #111111);
  color: var(--app-color-black, #111111);
}
.app-btn-black-black:hover {
  background-color: var(--app-color-black, #111111);
  color: var(--app-color-black, #111111);
}

.app-btn-hover-black-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-black-black:hover {
  background-color: var(--app-color-black, #111111) !important;
  color: var(--app-color-black, #111111) !important;
}

.app-btn-outline-black-black {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111);
  color: var(--app-color-black, #111111);
}
.app-btn-outline-black-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111);
  color: var(--app-color-black, #111111);
}

.app-btn-outline-hover-black-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-black-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111) !important;
  color: var(--app-color-black, #111111) !important;
}

.app-btn-underline-black-black {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-black, #111111) 50%);
  color: var(--app-color-black, #111111);
}
.app-btn-underline-black-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111);
  color: var(--app-color-black, #111111);
}

.app-btn-underline-hover-black-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-black-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111) !important;
  color: var(--app-color-black, #111111) !important;
}

.app-btn-black-white {
  background-color: var(--app-color-black, #111111);
  color: var(--app-color-white, #ffffff);
}
.app-btn-black-white:hover {
  background-color: var(--app-color-black, #111111);
  color: var(--app-color-white, #ffffff);
}

.app-btn-hover-black-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-black-white:hover {
  background-color: var(--app-color-black, #111111) !important;
  color: var(--app-color-white, #ffffff) !important;
}

.app-btn-outline-black-white {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111);
  color: var(--app-color-white, #ffffff);
}
.app-btn-outline-black-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111);
  color: var(--app-color-white, #ffffff);
}

.app-btn-outline-hover-black-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-black-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111) !important;
  color: var(--app-color-white, #ffffff) !important;
}

.app-btn-underline-black-white {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-black, #111111) 50%);
  color: var(--app-color-white, #ffffff);
}
.app-btn-underline-black-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111);
  color: var(--app-color-white, #ffffff);
}

.app-btn-underline-hover-black-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-black-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111) !important;
  color: var(--app-color-white, #ffffff) !important;
}

.app-btn-black-light-gray {
  background-color: var(--app-color-black, #111111);
  color: var(--app-color-light-gray, #F5F5F5);
}
.app-btn-black-light-gray:hover {
  background-color: var(--app-color-black, #111111);
  color: var(--app-color-light-gray, #F5F5F5);
}

.app-btn-hover-black-light-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-black-light-gray:hover {
  background-color: var(--app-color-black, #111111) !important;
  color: var(--app-color-light-gray, #F5F5F5) !important;
}

.app-btn-outline-black-light-gray {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111);
  color: var(--app-color-light-gray, #F5F5F5);
}
.app-btn-outline-black-light-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111);
  color: var(--app-color-light-gray, #F5F5F5);
}

.app-btn-outline-hover-black-light-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-black-light-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111) !important;
  color: var(--app-color-light-gray, #F5F5F5) !important;
}

.app-btn-underline-black-light-gray {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-black, #111111) 50%);
  color: var(--app-color-light-gray, #F5F5F5);
}
.app-btn-underline-black-light-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111);
  color: var(--app-color-light-gray, #F5F5F5);
}

.app-btn-underline-hover-black-light-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-black-light-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111) !important;
  color: var(--app-color-light-gray, #F5F5F5) !important;
}

.app-btn-black-gray {
  background-color: var(--app-color-black, #111111);
  color: var(--app-color-gray, #999999);
}
.app-btn-black-gray:hover {
  background-color: var(--app-color-black, #111111);
  color: var(--app-color-gray, #999999);
}

.app-btn-hover-black-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-black-gray:hover {
  background-color: var(--app-color-black, #111111) !important;
  color: var(--app-color-gray, #999999) !important;
}

.app-btn-outline-black-gray {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111);
  color: var(--app-color-gray, #999999);
}
.app-btn-outline-black-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111);
  color: var(--app-color-gray, #999999);
}

.app-btn-outline-hover-black-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-black-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111) !important;
  color: var(--app-color-gray, #999999) !important;
}

.app-btn-underline-black-gray {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-black, #111111) 50%);
  color: var(--app-color-gray, #999999);
}
.app-btn-underline-black-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111);
  color: var(--app-color-gray, #999999);
}

.app-btn-underline-hover-black-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-black-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111) !important;
  color: var(--app-color-gray, #999999) !important;
}

.app-btn-black-medium-gray {
  background-color: var(--app-color-black, #111111);
  color: var(--app-color-medium-gray, #666666);
}
.app-btn-black-medium-gray:hover {
  background-color: var(--app-color-black, #111111);
  color: var(--app-color-medium-gray, #666666);
}

.app-btn-hover-black-medium-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-black-medium-gray:hover {
  background-color: var(--app-color-black, #111111) !important;
  color: var(--app-color-medium-gray, #666666) !important;
}

.app-btn-outline-black-medium-gray {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111);
  color: var(--app-color-medium-gray, #666666);
}
.app-btn-outline-black-medium-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111);
  color: var(--app-color-medium-gray, #666666);
}

.app-btn-outline-hover-black-medium-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-black-medium-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111) !important;
  color: var(--app-color-medium-gray, #666666) !important;
}

.app-btn-underline-black-medium-gray {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-black, #111111) 50%);
  color: var(--app-color-medium-gray, #666666);
}
.app-btn-underline-black-medium-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111);
  color: var(--app-color-medium-gray, #666666);
}

.app-btn-underline-hover-black-medium-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-black-medium-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111) !important;
  color: var(--app-color-medium-gray, #666666) !important;
}

.app-btn-black-dark-gray {
  background-color: var(--app-color-black, #111111);
  color: var(--app-color-dark-gray, #333333);
}
.app-btn-black-dark-gray:hover {
  background-color: var(--app-color-black, #111111);
  color: var(--app-color-dark-gray, #333333);
}

.app-btn-hover-black-dark-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-black-dark-gray:hover {
  background-color: var(--app-color-black, #111111) !important;
  color: var(--app-color-dark-gray, #333333) !important;
}

.app-btn-outline-black-dark-gray {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111);
  color: var(--app-color-dark-gray, #333333);
}
.app-btn-outline-black-dark-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111);
  color: var(--app-color-dark-gray, #333333);
}

.app-btn-outline-hover-black-dark-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-black-dark-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111) !important;
  color: var(--app-color-dark-gray, #333333) !important;
}

.app-btn-underline-black-dark-gray {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-black, #111111) 50%);
  color: var(--app-color-dark-gray, #333333);
}
.app-btn-underline-black-dark-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111);
  color: var(--app-color-dark-gray, #333333);
}

.app-btn-underline-hover-black-dark-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-black-dark-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111) !important;
  color: var(--app-color-dark-gray, #333333) !important;
}

.app-btn-black-blue {
  background-color: var(--app-color-black, #111111);
  color: var(--app-color-blue, #203E6C);
}
.app-btn-black-blue:hover {
  background-color: var(--app-color-black, #111111);
  color: var(--app-color-blue, #203E6C);
}

.app-btn-hover-black-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-black-blue:hover {
  background-color: var(--app-color-black, #111111) !important;
  color: var(--app-color-blue, #203E6C) !important;
}

.app-btn-outline-black-blue {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111);
  color: var(--app-color-blue, #203E6C);
}
.app-btn-outline-black-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111);
  color: var(--app-color-blue, #203E6C);
}

.app-btn-outline-hover-black-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-black-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111) !important;
  color: var(--app-color-blue, #203E6C) !important;
}

.app-btn-underline-black-blue {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-black, #111111) 50%);
  color: var(--app-color-blue, #203E6C);
}
.app-btn-underline-black-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111);
  color: var(--app-color-blue, #203E6C);
}

.app-btn-underline-hover-black-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-black-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111) !important;
  color: var(--app-color-blue, #203E6C) !important;
}

.app-btn-black-green {
  background-color: var(--app-color-black, #111111);
  color: var(--app-color-green, #6DAB36);
}
.app-btn-black-green:hover {
  background-color: var(--app-color-black, #111111);
  color: var(--app-color-green, #6DAB36);
}

.app-btn-hover-black-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-black-green:hover {
  background-color: var(--app-color-black, #111111) !important;
  color: var(--app-color-green, #6DAB36) !important;
}

.app-btn-outline-black-green {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111);
  color: var(--app-color-green, #6DAB36);
}
.app-btn-outline-black-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111);
  color: var(--app-color-green, #6DAB36);
}

.app-btn-outline-hover-black-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-black-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111) !important;
  color: var(--app-color-green, #6DAB36) !important;
}

.app-btn-underline-black-green {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-black, #111111) 50%);
  color: var(--app-color-green, #6DAB36);
}
.app-btn-underline-black-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111);
  color: var(--app-color-green, #6DAB36);
}

.app-btn-underline-hover-black-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-black-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #111111) !important;
  color: var(--app-color-green, #6DAB36) !important;
}

.app-btn-white, .app-btn-white-auto {
  background-color: var(--app-color-white, #ffffff);
  color: var(--bs-body-bg);
}
.app-btn-white:hover, .app-btn-white-auto:hover {
  background-color: var(--app-color-white, #ffffff);
  color: var(--bs-body-bg);
}

.app-btn-hover-white, .app-btn-hover-white-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-white:hover, .app-btn-hover-white-auto:hover {
  background-color: var(--app-color-white, #ffffff) !important;
  color: var(--bs-body-bg) !important;
}

.app-btn-outline-white, .app-btn-outline-white-auto {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff);
  color: var(--app-color-white, #ffffff);
}
.app-btn-outline-white:hover, .app-btn-outline-white-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff);
  color: var(--app-color-white, #ffffff);
}

.app-btn-outline-hover-white, .app-btn-outline-hover-white-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-white:hover, .app-btn-outline-hover-white-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff) !important;
  color: var(--app-color-white, #ffffff) !important;
}

.app-btn-underline-white, .app-btn-underline-white-auto {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-white, #ffffff) 50%);
  color: var(--app-color-white, #ffffff);
}
.app-btn-underline-white:hover, .app-btn-underline-white-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff);
  color: var(--app-color-white, #ffffff);
}

.app-btn-underline-hover-white, .app-btn-underline-hover-white-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-white:hover, .app-btn-underline-hover-white-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff) !important;
  color: var(--app-color-white, #ffffff) !important;
}

.app-btn-white-black {
  background-color: var(--app-color-white, #ffffff);
  color: var(--app-color-black, #111111);
}
.app-btn-white-black:hover {
  background-color: var(--app-color-white, #ffffff);
  color: var(--app-color-black, #111111);
}

.app-btn-hover-white-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-white-black:hover {
  background-color: var(--app-color-white, #ffffff) !important;
  color: var(--app-color-black, #111111) !important;
}

.app-btn-outline-white-black {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff);
  color: var(--app-color-black, #111111);
}
.app-btn-outline-white-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff);
  color: var(--app-color-black, #111111);
}

.app-btn-outline-hover-white-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-white-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff) !important;
  color: var(--app-color-black, #111111) !important;
}

.app-btn-underline-white-black {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-white, #ffffff) 50%);
  color: var(--app-color-black, #111111);
}
.app-btn-underline-white-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff);
  color: var(--app-color-black, #111111);
}

.app-btn-underline-hover-white-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-white-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff) !important;
  color: var(--app-color-black, #111111) !important;
}

.app-btn-white-white {
  background-color: var(--app-color-white, #ffffff);
  color: var(--app-color-white, #ffffff);
}
.app-btn-white-white:hover {
  background-color: var(--app-color-white, #ffffff);
  color: var(--app-color-white, #ffffff);
}

.app-btn-hover-white-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-white-white:hover {
  background-color: var(--app-color-white, #ffffff) !important;
  color: var(--app-color-white, #ffffff) !important;
}

.app-btn-outline-white-white {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff);
  color: var(--app-color-white, #ffffff);
}
.app-btn-outline-white-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff);
  color: var(--app-color-white, #ffffff);
}

.app-btn-outline-hover-white-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-white-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff) !important;
  color: var(--app-color-white, #ffffff) !important;
}

.app-btn-underline-white-white {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-white, #ffffff) 50%);
  color: var(--app-color-white, #ffffff);
}
.app-btn-underline-white-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff);
  color: var(--app-color-white, #ffffff);
}

.app-btn-underline-hover-white-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-white-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff) !important;
  color: var(--app-color-white, #ffffff) !important;
}

.app-btn-white-light-gray {
  background-color: var(--app-color-white, #ffffff);
  color: var(--app-color-light-gray, #F5F5F5);
}
.app-btn-white-light-gray:hover {
  background-color: var(--app-color-white, #ffffff);
  color: var(--app-color-light-gray, #F5F5F5);
}

.app-btn-hover-white-light-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-white-light-gray:hover {
  background-color: var(--app-color-white, #ffffff) !important;
  color: var(--app-color-light-gray, #F5F5F5) !important;
}

.app-btn-outline-white-light-gray {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff);
  color: var(--app-color-light-gray, #F5F5F5);
}
.app-btn-outline-white-light-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff);
  color: var(--app-color-light-gray, #F5F5F5);
}

.app-btn-outline-hover-white-light-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-white-light-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff) !important;
  color: var(--app-color-light-gray, #F5F5F5) !important;
}

.app-btn-underline-white-light-gray {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-white, #ffffff) 50%);
  color: var(--app-color-light-gray, #F5F5F5);
}
.app-btn-underline-white-light-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff);
  color: var(--app-color-light-gray, #F5F5F5);
}

.app-btn-underline-hover-white-light-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-white-light-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff) !important;
  color: var(--app-color-light-gray, #F5F5F5) !important;
}

.app-btn-white-gray {
  background-color: var(--app-color-white, #ffffff);
  color: var(--app-color-gray, #999999);
}
.app-btn-white-gray:hover {
  background-color: var(--app-color-white, #ffffff);
  color: var(--app-color-gray, #999999);
}

.app-btn-hover-white-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-white-gray:hover {
  background-color: var(--app-color-white, #ffffff) !important;
  color: var(--app-color-gray, #999999) !important;
}

.app-btn-outline-white-gray {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff);
  color: var(--app-color-gray, #999999);
}
.app-btn-outline-white-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff);
  color: var(--app-color-gray, #999999);
}

.app-btn-outline-hover-white-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-white-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff) !important;
  color: var(--app-color-gray, #999999) !important;
}

.app-btn-underline-white-gray {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-white, #ffffff) 50%);
  color: var(--app-color-gray, #999999);
}
.app-btn-underline-white-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff);
  color: var(--app-color-gray, #999999);
}

.app-btn-underline-hover-white-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-white-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff) !important;
  color: var(--app-color-gray, #999999) !important;
}

.app-btn-white-medium-gray {
  background-color: var(--app-color-white, #ffffff);
  color: var(--app-color-medium-gray, #666666);
}
.app-btn-white-medium-gray:hover {
  background-color: var(--app-color-white, #ffffff);
  color: var(--app-color-medium-gray, #666666);
}

.app-btn-hover-white-medium-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-white-medium-gray:hover {
  background-color: var(--app-color-white, #ffffff) !important;
  color: var(--app-color-medium-gray, #666666) !important;
}

.app-btn-outline-white-medium-gray {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff);
  color: var(--app-color-medium-gray, #666666);
}
.app-btn-outline-white-medium-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff);
  color: var(--app-color-medium-gray, #666666);
}

.app-btn-outline-hover-white-medium-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-white-medium-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff) !important;
  color: var(--app-color-medium-gray, #666666) !important;
}

.app-btn-underline-white-medium-gray {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-white, #ffffff) 50%);
  color: var(--app-color-medium-gray, #666666);
}
.app-btn-underline-white-medium-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff);
  color: var(--app-color-medium-gray, #666666);
}

.app-btn-underline-hover-white-medium-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-white-medium-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff) !important;
  color: var(--app-color-medium-gray, #666666) !important;
}

.app-btn-white-dark-gray {
  background-color: var(--app-color-white, #ffffff);
  color: var(--app-color-dark-gray, #333333);
}
.app-btn-white-dark-gray:hover {
  background-color: var(--app-color-white, #ffffff);
  color: var(--app-color-dark-gray, #333333);
}

.app-btn-hover-white-dark-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-white-dark-gray:hover {
  background-color: var(--app-color-white, #ffffff) !important;
  color: var(--app-color-dark-gray, #333333) !important;
}

.app-btn-outline-white-dark-gray {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff);
  color: var(--app-color-dark-gray, #333333);
}
.app-btn-outline-white-dark-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff);
  color: var(--app-color-dark-gray, #333333);
}

.app-btn-outline-hover-white-dark-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-white-dark-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff) !important;
  color: var(--app-color-dark-gray, #333333) !important;
}

.app-btn-underline-white-dark-gray {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-white, #ffffff) 50%);
  color: var(--app-color-dark-gray, #333333);
}
.app-btn-underline-white-dark-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff);
  color: var(--app-color-dark-gray, #333333);
}

.app-btn-underline-hover-white-dark-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-white-dark-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff) !important;
  color: var(--app-color-dark-gray, #333333) !important;
}

.app-btn-white-blue {
  background-color: var(--app-color-white, #ffffff);
  color: var(--app-color-blue, #203E6C);
}
.app-btn-white-blue:hover {
  background-color: var(--app-color-white, #ffffff);
  color: var(--app-color-blue, #203E6C);
}

.app-btn-hover-white-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-white-blue:hover {
  background-color: var(--app-color-white, #ffffff) !important;
  color: var(--app-color-blue, #203E6C) !important;
}

.app-btn-outline-white-blue {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff);
  color: var(--app-color-blue, #203E6C);
}
.app-btn-outline-white-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff);
  color: var(--app-color-blue, #203E6C);
}

.app-btn-outline-hover-white-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-white-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff) !important;
  color: var(--app-color-blue, #203E6C) !important;
}

.app-btn-underline-white-blue {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-white, #ffffff) 50%);
  color: var(--app-color-blue, #203E6C);
}
.app-btn-underline-white-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff);
  color: var(--app-color-blue, #203E6C);
}

.app-btn-underline-hover-white-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-white-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff) !important;
  color: var(--app-color-blue, #203E6C) !important;
}

.app-btn-white-green {
  background-color: var(--app-color-white, #ffffff);
  color: var(--app-color-green, #6DAB36);
}
.app-btn-white-green:hover {
  background-color: var(--app-color-white, #ffffff);
  color: var(--app-color-green, #6DAB36);
}

.app-btn-hover-white-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-white-green:hover {
  background-color: var(--app-color-white, #ffffff) !important;
  color: var(--app-color-green, #6DAB36) !important;
}

.app-btn-outline-white-green {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff);
  color: var(--app-color-green, #6DAB36);
}
.app-btn-outline-white-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff);
  color: var(--app-color-green, #6DAB36);
}

.app-btn-outline-hover-white-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-white-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff) !important;
  color: var(--app-color-green, #6DAB36) !important;
}

.app-btn-underline-white-green {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-white, #ffffff) 50%);
  color: var(--app-color-green, #6DAB36);
}
.app-btn-underline-white-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff);
  color: var(--app-color-green, #6DAB36);
}

.app-btn-underline-hover-white-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-white-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #ffffff) !important;
  color: var(--app-color-green, #6DAB36) !important;
}

.app-btn-light-gray, .app-btn-light-gray-auto {
  background-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--bs-body-bg);
}
.app-btn-light-gray:hover, .app-btn-light-gray-auto:hover {
  background-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--bs-body-bg);
}

.app-btn-hover-light-gray, .app-btn-hover-light-gray-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-light-gray:hover, .app-btn-hover-light-gray-auto:hover {
  background-color: var(--app-color-light-gray, #F5F5F5) !important;
  color: var(--bs-body-bg) !important;
}

.app-btn-outline-light-gray, .app-btn-outline-light-gray-auto {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-light-gray, #F5F5F5);
}
.app-btn-outline-light-gray:hover, .app-btn-outline-light-gray-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-light-gray, #F5F5F5);
}

.app-btn-outline-hover-light-gray, .app-btn-outline-hover-light-gray-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-light-gray:hover, .app-btn-outline-hover-light-gray-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5) !important;
  color: var(--app-color-light-gray, #F5F5F5) !important;
}

.app-btn-underline-light-gray, .app-btn-underline-light-gray-auto {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-light-gray, #F5F5F5) 50%);
  color: var(--app-color-light-gray, #F5F5F5);
}
.app-btn-underline-light-gray:hover, .app-btn-underline-light-gray-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-light-gray, #F5F5F5);
}

.app-btn-underline-hover-light-gray, .app-btn-underline-hover-light-gray-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-light-gray:hover, .app-btn-underline-hover-light-gray-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5) !important;
  color: var(--app-color-light-gray, #F5F5F5) !important;
}

.app-btn-light-gray-black {
  background-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-black, #111111);
}
.app-btn-light-gray-black:hover {
  background-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-black, #111111);
}

.app-btn-hover-light-gray-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-light-gray-black:hover {
  background-color: var(--app-color-light-gray, #F5F5F5) !important;
  color: var(--app-color-black, #111111) !important;
}

.app-btn-outline-light-gray-black {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-black, #111111);
}
.app-btn-outline-light-gray-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-black, #111111);
}

.app-btn-outline-hover-light-gray-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-light-gray-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5) !important;
  color: var(--app-color-black, #111111) !important;
}

.app-btn-underline-light-gray-black {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-light-gray, #F5F5F5) 50%);
  color: var(--app-color-black, #111111);
}
.app-btn-underline-light-gray-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-black, #111111);
}

.app-btn-underline-hover-light-gray-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-light-gray-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5) !important;
  color: var(--app-color-black, #111111) !important;
}

.app-btn-light-gray-white {
  background-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-white, #ffffff);
}
.app-btn-light-gray-white:hover {
  background-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-white, #ffffff);
}

.app-btn-hover-light-gray-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-light-gray-white:hover {
  background-color: var(--app-color-light-gray, #F5F5F5) !important;
  color: var(--app-color-white, #ffffff) !important;
}

.app-btn-outline-light-gray-white {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-white, #ffffff);
}
.app-btn-outline-light-gray-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-white, #ffffff);
}

.app-btn-outline-hover-light-gray-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-light-gray-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5) !important;
  color: var(--app-color-white, #ffffff) !important;
}

.app-btn-underline-light-gray-white {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-light-gray, #F5F5F5) 50%);
  color: var(--app-color-white, #ffffff);
}
.app-btn-underline-light-gray-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-white, #ffffff);
}

.app-btn-underline-hover-light-gray-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-light-gray-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5) !important;
  color: var(--app-color-white, #ffffff) !important;
}

.app-btn-light-gray-light-gray {
  background-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-light-gray, #F5F5F5);
}
.app-btn-light-gray-light-gray:hover {
  background-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-light-gray, #F5F5F5);
}

.app-btn-hover-light-gray-light-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-light-gray-light-gray:hover {
  background-color: var(--app-color-light-gray, #F5F5F5) !important;
  color: var(--app-color-light-gray, #F5F5F5) !important;
}

.app-btn-outline-light-gray-light-gray {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-light-gray, #F5F5F5);
}
.app-btn-outline-light-gray-light-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-light-gray, #F5F5F5);
}

.app-btn-outline-hover-light-gray-light-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-light-gray-light-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5) !important;
  color: var(--app-color-light-gray, #F5F5F5) !important;
}

.app-btn-underline-light-gray-light-gray {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-light-gray, #F5F5F5) 50%);
  color: var(--app-color-light-gray, #F5F5F5);
}
.app-btn-underline-light-gray-light-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-light-gray, #F5F5F5);
}

.app-btn-underline-hover-light-gray-light-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-light-gray-light-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5) !important;
  color: var(--app-color-light-gray, #F5F5F5) !important;
}

.app-btn-light-gray-gray {
  background-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-gray, #999999);
}
.app-btn-light-gray-gray:hover {
  background-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-gray, #999999);
}

.app-btn-hover-light-gray-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-light-gray-gray:hover {
  background-color: var(--app-color-light-gray, #F5F5F5) !important;
  color: var(--app-color-gray, #999999) !important;
}

.app-btn-outline-light-gray-gray {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-gray, #999999);
}
.app-btn-outline-light-gray-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-gray, #999999);
}

.app-btn-outline-hover-light-gray-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-light-gray-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5) !important;
  color: var(--app-color-gray, #999999) !important;
}

.app-btn-underline-light-gray-gray {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-light-gray, #F5F5F5) 50%);
  color: var(--app-color-gray, #999999);
}
.app-btn-underline-light-gray-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-gray, #999999);
}

.app-btn-underline-hover-light-gray-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-light-gray-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5) !important;
  color: var(--app-color-gray, #999999) !important;
}

.app-btn-light-gray-medium-gray {
  background-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-medium-gray, #666666);
}
.app-btn-light-gray-medium-gray:hover {
  background-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-medium-gray, #666666);
}

.app-btn-hover-light-gray-medium-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-light-gray-medium-gray:hover {
  background-color: var(--app-color-light-gray, #F5F5F5) !important;
  color: var(--app-color-medium-gray, #666666) !important;
}

.app-btn-outline-light-gray-medium-gray {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-medium-gray, #666666);
}
.app-btn-outline-light-gray-medium-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-medium-gray, #666666);
}

.app-btn-outline-hover-light-gray-medium-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-light-gray-medium-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5) !important;
  color: var(--app-color-medium-gray, #666666) !important;
}

.app-btn-underline-light-gray-medium-gray {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-light-gray, #F5F5F5) 50%);
  color: var(--app-color-medium-gray, #666666);
}
.app-btn-underline-light-gray-medium-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-medium-gray, #666666);
}

.app-btn-underline-hover-light-gray-medium-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-light-gray-medium-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5) !important;
  color: var(--app-color-medium-gray, #666666) !important;
}

.app-btn-light-gray-dark-gray {
  background-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-dark-gray, #333333);
}
.app-btn-light-gray-dark-gray:hover {
  background-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-dark-gray, #333333);
}

.app-btn-hover-light-gray-dark-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-light-gray-dark-gray:hover {
  background-color: var(--app-color-light-gray, #F5F5F5) !important;
  color: var(--app-color-dark-gray, #333333) !important;
}

.app-btn-outline-light-gray-dark-gray {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-dark-gray, #333333);
}
.app-btn-outline-light-gray-dark-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-dark-gray, #333333);
}

.app-btn-outline-hover-light-gray-dark-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-light-gray-dark-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5) !important;
  color: var(--app-color-dark-gray, #333333) !important;
}

.app-btn-underline-light-gray-dark-gray {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-light-gray, #F5F5F5) 50%);
  color: var(--app-color-dark-gray, #333333);
}
.app-btn-underline-light-gray-dark-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-dark-gray, #333333);
}

.app-btn-underline-hover-light-gray-dark-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-light-gray-dark-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5) !important;
  color: var(--app-color-dark-gray, #333333) !important;
}

.app-btn-light-gray-blue {
  background-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-blue, #203E6C);
}
.app-btn-light-gray-blue:hover {
  background-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-blue, #203E6C);
}

.app-btn-hover-light-gray-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-light-gray-blue:hover {
  background-color: var(--app-color-light-gray, #F5F5F5) !important;
  color: var(--app-color-blue, #203E6C) !important;
}

.app-btn-outline-light-gray-blue {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-blue, #203E6C);
}
.app-btn-outline-light-gray-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-blue, #203E6C);
}

.app-btn-outline-hover-light-gray-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-light-gray-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5) !important;
  color: var(--app-color-blue, #203E6C) !important;
}

.app-btn-underline-light-gray-blue {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-light-gray, #F5F5F5) 50%);
  color: var(--app-color-blue, #203E6C);
}
.app-btn-underline-light-gray-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-blue, #203E6C);
}

.app-btn-underline-hover-light-gray-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-light-gray-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5) !important;
  color: var(--app-color-blue, #203E6C) !important;
}

.app-btn-light-gray-green {
  background-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-green, #6DAB36);
}
.app-btn-light-gray-green:hover {
  background-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-green, #6DAB36);
}

.app-btn-hover-light-gray-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-light-gray-green:hover {
  background-color: var(--app-color-light-gray, #F5F5F5) !important;
  color: var(--app-color-green, #6DAB36) !important;
}

.app-btn-outline-light-gray-green {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-green, #6DAB36);
}
.app-btn-outline-light-gray-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-green, #6DAB36);
}

.app-btn-outline-hover-light-gray-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-light-gray-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5) !important;
  color: var(--app-color-green, #6DAB36) !important;
}

.app-btn-underline-light-gray-green {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-light-gray, #F5F5F5) 50%);
  color: var(--app-color-green, #6DAB36);
}
.app-btn-underline-light-gray-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5);
  color: var(--app-color-green, #6DAB36);
}

.app-btn-underline-hover-light-gray-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-light-gray-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-gray, #F5F5F5) !important;
  color: var(--app-color-green, #6DAB36) !important;
}

.app-btn-gray, .app-btn-gray-auto {
  background-color: var(--app-color-gray, #999999);
  color: var(--bs-body-bg);
}
.app-btn-gray:hover, .app-btn-gray-auto:hover {
  background-color: var(--app-color-gray, #999999);
  color: var(--bs-body-bg);
}

.app-btn-hover-gray, .app-btn-hover-gray-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-gray:hover, .app-btn-hover-gray-auto:hover {
  background-color: var(--app-color-gray, #999999) !important;
  color: var(--bs-body-bg) !important;
}

.app-btn-outline-gray, .app-btn-outline-gray-auto {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999);
  color: var(--app-color-gray, #999999);
}
.app-btn-outline-gray:hover, .app-btn-outline-gray-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999);
  color: var(--app-color-gray, #999999);
}

.app-btn-outline-hover-gray, .app-btn-outline-hover-gray-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-gray:hover, .app-btn-outline-hover-gray-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999) !important;
  color: var(--app-color-gray, #999999) !important;
}

.app-btn-underline-gray, .app-btn-underline-gray-auto {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-gray, #999999) 50%);
  color: var(--app-color-gray, #999999);
}
.app-btn-underline-gray:hover, .app-btn-underline-gray-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999);
  color: var(--app-color-gray, #999999);
}

.app-btn-underline-hover-gray, .app-btn-underline-hover-gray-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-gray:hover, .app-btn-underline-hover-gray-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999) !important;
  color: var(--app-color-gray, #999999) !important;
}

.app-btn-gray-black {
  background-color: var(--app-color-gray, #999999);
  color: var(--app-color-black, #111111);
}
.app-btn-gray-black:hover {
  background-color: var(--app-color-gray, #999999);
  color: var(--app-color-black, #111111);
}

.app-btn-hover-gray-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-gray-black:hover {
  background-color: var(--app-color-gray, #999999) !important;
  color: var(--app-color-black, #111111) !important;
}

.app-btn-outline-gray-black {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999);
  color: var(--app-color-black, #111111);
}
.app-btn-outline-gray-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999);
  color: var(--app-color-black, #111111);
}

.app-btn-outline-hover-gray-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-gray-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999) !important;
  color: var(--app-color-black, #111111) !important;
}

.app-btn-underline-gray-black {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-gray, #999999) 50%);
  color: var(--app-color-black, #111111);
}
.app-btn-underline-gray-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999);
  color: var(--app-color-black, #111111);
}

.app-btn-underline-hover-gray-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-gray-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999) !important;
  color: var(--app-color-black, #111111) !important;
}

.app-btn-gray-white {
  background-color: var(--app-color-gray, #999999);
  color: var(--app-color-white, #ffffff);
}
.app-btn-gray-white:hover {
  background-color: var(--app-color-gray, #999999);
  color: var(--app-color-white, #ffffff);
}

.app-btn-hover-gray-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-gray-white:hover {
  background-color: var(--app-color-gray, #999999) !important;
  color: var(--app-color-white, #ffffff) !important;
}

.app-btn-outline-gray-white {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999);
  color: var(--app-color-white, #ffffff);
}
.app-btn-outline-gray-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999);
  color: var(--app-color-white, #ffffff);
}

.app-btn-outline-hover-gray-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-gray-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999) !important;
  color: var(--app-color-white, #ffffff) !important;
}

.app-btn-underline-gray-white {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-gray, #999999) 50%);
  color: var(--app-color-white, #ffffff);
}
.app-btn-underline-gray-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999);
  color: var(--app-color-white, #ffffff);
}

.app-btn-underline-hover-gray-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-gray-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999) !important;
  color: var(--app-color-white, #ffffff) !important;
}

.app-btn-gray-light-gray {
  background-color: var(--app-color-gray, #999999);
  color: var(--app-color-light-gray, #F5F5F5);
}
.app-btn-gray-light-gray:hover {
  background-color: var(--app-color-gray, #999999);
  color: var(--app-color-light-gray, #F5F5F5);
}

.app-btn-hover-gray-light-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-gray-light-gray:hover {
  background-color: var(--app-color-gray, #999999) !important;
  color: var(--app-color-light-gray, #F5F5F5) !important;
}

.app-btn-outline-gray-light-gray {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999);
  color: var(--app-color-light-gray, #F5F5F5);
}
.app-btn-outline-gray-light-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999);
  color: var(--app-color-light-gray, #F5F5F5);
}

.app-btn-outline-hover-gray-light-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-gray-light-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999) !important;
  color: var(--app-color-light-gray, #F5F5F5) !important;
}

.app-btn-underline-gray-light-gray {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-gray, #999999) 50%);
  color: var(--app-color-light-gray, #F5F5F5);
}
.app-btn-underline-gray-light-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999);
  color: var(--app-color-light-gray, #F5F5F5);
}

.app-btn-underline-hover-gray-light-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-gray-light-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999) !important;
  color: var(--app-color-light-gray, #F5F5F5) !important;
}

.app-btn-gray-gray {
  background-color: var(--app-color-gray, #999999);
  color: var(--app-color-gray, #999999);
}
.app-btn-gray-gray:hover {
  background-color: var(--app-color-gray, #999999);
  color: var(--app-color-gray, #999999);
}

.app-btn-hover-gray-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-gray-gray:hover {
  background-color: var(--app-color-gray, #999999) !important;
  color: var(--app-color-gray, #999999) !important;
}

.app-btn-outline-gray-gray {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999);
  color: var(--app-color-gray, #999999);
}
.app-btn-outline-gray-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999);
  color: var(--app-color-gray, #999999);
}

.app-btn-outline-hover-gray-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-gray-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999) !important;
  color: var(--app-color-gray, #999999) !important;
}

.app-btn-underline-gray-gray {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-gray, #999999) 50%);
  color: var(--app-color-gray, #999999);
}
.app-btn-underline-gray-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999);
  color: var(--app-color-gray, #999999);
}

.app-btn-underline-hover-gray-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-gray-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999) !important;
  color: var(--app-color-gray, #999999) !important;
}

.app-btn-gray-medium-gray {
  background-color: var(--app-color-gray, #999999);
  color: var(--app-color-medium-gray, #666666);
}
.app-btn-gray-medium-gray:hover {
  background-color: var(--app-color-gray, #999999);
  color: var(--app-color-medium-gray, #666666);
}

.app-btn-hover-gray-medium-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-gray-medium-gray:hover {
  background-color: var(--app-color-gray, #999999) !important;
  color: var(--app-color-medium-gray, #666666) !important;
}

.app-btn-outline-gray-medium-gray {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999);
  color: var(--app-color-medium-gray, #666666);
}
.app-btn-outline-gray-medium-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999);
  color: var(--app-color-medium-gray, #666666);
}

.app-btn-outline-hover-gray-medium-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-gray-medium-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999) !important;
  color: var(--app-color-medium-gray, #666666) !important;
}

.app-btn-underline-gray-medium-gray {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-gray, #999999) 50%);
  color: var(--app-color-medium-gray, #666666);
}
.app-btn-underline-gray-medium-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999);
  color: var(--app-color-medium-gray, #666666);
}

.app-btn-underline-hover-gray-medium-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-gray-medium-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999) !important;
  color: var(--app-color-medium-gray, #666666) !important;
}

.app-btn-gray-dark-gray {
  background-color: var(--app-color-gray, #999999);
  color: var(--app-color-dark-gray, #333333);
}
.app-btn-gray-dark-gray:hover {
  background-color: var(--app-color-gray, #999999);
  color: var(--app-color-dark-gray, #333333);
}

.app-btn-hover-gray-dark-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-gray-dark-gray:hover {
  background-color: var(--app-color-gray, #999999) !important;
  color: var(--app-color-dark-gray, #333333) !important;
}

.app-btn-outline-gray-dark-gray {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999);
  color: var(--app-color-dark-gray, #333333);
}
.app-btn-outline-gray-dark-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999);
  color: var(--app-color-dark-gray, #333333);
}

.app-btn-outline-hover-gray-dark-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-gray-dark-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999) !important;
  color: var(--app-color-dark-gray, #333333) !important;
}

.app-btn-underline-gray-dark-gray {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-gray, #999999) 50%);
  color: var(--app-color-dark-gray, #333333);
}
.app-btn-underline-gray-dark-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999);
  color: var(--app-color-dark-gray, #333333);
}

.app-btn-underline-hover-gray-dark-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-gray-dark-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999) !important;
  color: var(--app-color-dark-gray, #333333) !important;
}

.app-btn-gray-blue {
  background-color: var(--app-color-gray, #999999);
  color: var(--app-color-blue, #203E6C);
}
.app-btn-gray-blue:hover {
  background-color: var(--app-color-gray, #999999);
  color: var(--app-color-blue, #203E6C);
}

.app-btn-hover-gray-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-gray-blue:hover {
  background-color: var(--app-color-gray, #999999) !important;
  color: var(--app-color-blue, #203E6C) !important;
}

.app-btn-outline-gray-blue {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999);
  color: var(--app-color-blue, #203E6C);
}
.app-btn-outline-gray-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999);
  color: var(--app-color-blue, #203E6C);
}

.app-btn-outline-hover-gray-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-gray-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999) !important;
  color: var(--app-color-blue, #203E6C) !important;
}

.app-btn-underline-gray-blue {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-gray, #999999) 50%);
  color: var(--app-color-blue, #203E6C);
}
.app-btn-underline-gray-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999);
  color: var(--app-color-blue, #203E6C);
}

.app-btn-underline-hover-gray-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-gray-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999) !important;
  color: var(--app-color-blue, #203E6C) !important;
}

.app-btn-gray-green {
  background-color: var(--app-color-gray, #999999);
  color: var(--app-color-green, #6DAB36);
}
.app-btn-gray-green:hover {
  background-color: var(--app-color-gray, #999999);
  color: var(--app-color-green, #6DAB36);
}

.app-btn-hover-gray-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-gray-green:hover {
  background-color: var(--app-color-gray, #999999) !important;
  color: var(--app-color-green, #6DAB36) !important;
}

.app-btn-outline-gray-green {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999);
  color: var(--app-color-green, #6DAB36);
}
.app-btn-outline-gray-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999);
  color: var(--app-color-green, #6DAB36);
}

.app-btn-outline-hover-gray-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-gray-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999) !important;
  color: var(--app-color-green, #6DAB36) !important;
}

.app-btn-underline-gray-green {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-gray, #999999) 50%);
  color: var(--app-color-green, #6DAB36);
}
.app-btn-underline-gray-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999);
  color: var(--app-color-green, #6DAB36);
}

.app-btn-underline-hover-gray-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-gray-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-gray, #999999) !important;
  color: var(--app-color-green, #6DAB36) !important;
}

.app-btn-medium-gray, .app-btn-medium-gray-auto {
  background-color: var(--app-color-medium-gray, #666666);
  color: var(--bs-body-bg);
}
.app-btn-medium-gray:hover, .app-btn-medium-gray-auto:hover {
  background-color: var(--app-color-medium-gray, #666666);
  color: var(--bs-body-bg);
}

.app-btn-hover-medium-gray, .app-btn-hover-medium-gray-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-medium-gray:hover, .app-btn-hover-medium-gray-auto:hover {
  background-color: var(--app-color-medium-gray, #666666) !important;
  color: var(--bs-body-bg) !important;
}

.app-btn-outline-medium-gray, .app-btn-outline-medium-gray-auto {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-medium-gray, #666666);
}
.app-btn-outline-medium-gray:hover, .app-btn-outline-medium-gray-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-medium-gray, #666666);
}

.app-btn-outline-hover-medium-gray, .app-btn-outline-hover-medium-gray-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-medium-gray:hover, .app-btn-outline-hover-medium-gray-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666) !important;
  color: var(--app-color-medium-gray, #666666) !important;
}

.app-btn-underline-medium-gray, .app-btn-underline-medium-gray-auto {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-medium-gray, #666666) 50%);
  color: var(--app-color-medium-gray, #666666);
}
.app-btn-underline-medium-gray:hover, .app-btn-underline-medium-gray-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-medium-gray, #666666);
}

.app-btn-underline-hover-medium-gray, .app-btn-underline-hover-medium-gray-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-medium-gray:hover, .app-btn-underline-hover-medium-gray-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666) !important;
  color: var(--app-color-medium-gray, #666666) !important;
}

.app-btn-medium-gray-black {
  background-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-black, #111111);
}
.app-btn-medium-gray-black:hover {
  background-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-black, #111111);
}

.app-btn-hover-medium-gray-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-medium-gray-black:hover {
  background-color: var(--app-color-medium-gray, #666666) !important;
  color: var(--app-color-black, #111111) !important;
}

.app-btn-outline-medium-gray-black {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-black, #111111);
}
.app-btn-outline-medium-gray-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-black, #111111);
}

.app-btn-outline-hover-medium-gray-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-medium-gray-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666) !important;
  color: var(--app-color-black, #111111) !important;
}

.app-btn-underline-medium-gray-black {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-medium-gray, #666666) 50%);
  color: var(--app-color-black, #111111);
}
.app-btn-underline-medium-gray-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-black, #111111);
}

.app-btn-underline-hover-medium-gray-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-medium-gray-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666) !important;
  color: var(--app-color-black, #111111) !important;
}

.app-btn-medium-gray-white {
  background-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-white, #ffffff);
}
.app-btn-medium-gray-white:hover {
  background-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-white, #ffffff);
}

.app-btn-hover-medium-gray-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-medium-gray-white:hover {
  background-color: var(--app-color-medium-gray, #666666) !important;
  color: var(--app-color-white, #ffffff) !important;
}

.app-btn-outline-medium-gray-white {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-white, #ffffff);
}
.app-btn-outline-medium-gray-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-white, #ffffff);
}

.app-btn-outline-hover-medium-gray-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-medium-gray-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666) !important;
  color: var(--app-color-white, #ffffff) !important;
}

.app-btn-underline-medium-gray-white {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-medium-gray, #666666) 50%);
  color: var(--app-color-white, #ffffff);
}
.app-btn-underline-medium-gray-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-white, #ffffff);
}

.app-btn-underline-hover-medium-gray-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-medium-gray-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666) !important;
  color: var(--app-color-white, #ffffff) !important;
}

.app-btn-medium-gray-light-gray {
  background-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-light-gray, #F5F5F5);
}
.app-btn-medium-gray-light-gray:hover {
  background-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-light-gray, #F5F5F5);
}

.app-btn-hover-medium-gray-light-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-medium-gray-light-gray:hover {
  background-color: var(--app-color-medium-gray, #666666) !important;
  color: var(--app-color-light-gray, #F5F5F5) !important;
}

.app-btn-outline-medium-gray-light-gray {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-light-gray, #F5F5F5);
}
.app-btn-outline-medium-gray-light-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-light-gray, #F5F5F5);
}

.app-btn-outline-hover-medium-gray-light-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-medium-gray-light-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666) !important;
  color: var(--app-color-light-gray, #F5F5F5) !important;
}

.app-btn-underline-medium-gray-light-gray {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-medium-gray, #666666) 50%);
  color: var(--app-color-light-gray, #F5F5F5);
}
.app-btn-underline-medium-gray-light-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-light-gray, #F5F5F5);
}

.app-btn-underline-hover-medium-gray-light-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-medium-gray-light-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666) !important;
  color: var(--app-color-light-gray, #F5F5F5) !important;
}

.app-btn-medium-gray-gray {
  background-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-gray, #999999);
}
.app-btn-medium-gray-gray:hover {
  background-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-gray, #999999);
}

.app-btn-hover-medium-gray-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-medium-gray-gray:hover {
  background-color: var(--app-color-medium-gray, #666666) !important;
  color: var(--app-color-gray, #999999) !important;
}

.app-btn-outline-medium-gray-gray {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-gray, #999999);
}
.app-btn-outline-medium-gray-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-gray, #999999);
}

.app-btn-outline-hover-medium-gray-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-medium-gray-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666) !important;
  color: var(--app-color-gray, #999999) !important;
}

.app-btn-underline-medium-gray-gray {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-medium-gray, #666666) 50%);
  color: var(--app-color-gray, #999999);
}
.app-btn-underline-medium-gray-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-gray, #999999);
}

.app-btn-underline-hover-medium-gray-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-medium-gray-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666) !important;
  color: var(--app-color-gray, #999999) !important;
}

.app-btn-medium-gray-medium-gray {
  background-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-medium-gray, #666666);
}
.app-btn-medium-gray-medium-gray:hover {
  background-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-medium-gray, #666666);
}

.app-btn-hover-medium-gray-medium-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-medium-gray-medium-gray:hover {
  background-color: var(--app-color-medium-gray, #666666) !important;
  color: var(--app-color-medium-gray, #666666) !important;
}

.app-btn-outline-medium-gray-medium-gray {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-medium-gray, #666666);
}
.app-btn-outline-medium-gray-medium-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-medium-gray, #666666);
}

.app-btn-outline-hover-medium-gray-medium-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-medium-gray-medium-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666) !important;
  color: var(--app-color-medium-gray, #666666) !important;
}

.app-btn-underline-medium-gray-medium-gray {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-medium-gray, #666666) 50%);
  color: var(--app-color-medium-gray, #666666);
}
.app-btn-underline-medium-gray-medium-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-medium-gray, #666666);
}

.app-btn-underline-hover-medium-gray-medium-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-medium-gray-medium-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666) !important;
  color: var(--app-color-medium-gray, #666666) !important;
}

.app-btn-medium-gray-dark-gray {
  background-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-dark-gray, #333333);
}
.app-btn-medium-gray-dark-gray:hover {
  background-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-dark-gray, #333333);
}

.app-btn-hover-medium-gray-dark-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-medium-gray-dark-gray:hover {
  background-color: var(--app-color-medium-gray, #666666) !important;
  color: var(--app-color-dark-gray, #333333) !important;
}

.app-btn-outline-medium-gray-dark-gray {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-dark-gray, #333333);
}
.app-btn-outline-medium-gray-dark-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-dark-gray, #333333);
}

.app-btn-outline-hover-medium-gray-dark-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-medium-gray-dark-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666) !important;
  color: var(--app-color-dark-gray, #333333) !important;
}

.app-btn-underline-medium-gray-dark-gray {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-medium-gray, #666666) 50%);
  color: var(--app-color-dark-gray, #333333);
}
.app-btn-underline-medium-gray-dark-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-dark-gray, #333333);
}

.app-btn-underline-hover-medium-gray-dark-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-medium-gray-dark-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666) !important;
  color: var(--app-color-dark-gray, #333333) !important;
}

.app-btn-medium-gray-blue {
  background-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-blue, #203E6C);
}
.app-btn-medium-gray-blue:hover {
  background-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-blue, #203E6C);
}

.app-btn-hover-medium-gray-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-medium-gray-blue:hover {
  background-color: var(--app-color-medium-gray, #666666) !important;
  color: var(--app-color-blue, #203E6C) !important;
}

.app-btn-outline-medium-gray-blue {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-blue, #203E6C);
}
.app-btn-outline-medium-gray-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-blue, #203E6C);
}

.app-btn-outline-hover-medium-gray-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-medium-gray-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666) !important;
  color: var(--app-color-blue, #203E6C) !important;
}

.app-btn-underline-medium-gray-blue {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-medium-gray, #666666) 50%);
  color: var(--app-color-blue, #203E6C);
}
.app-btn-underline-medium-gray-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-blue, #203E6C);
}

.app-btn-underline-hover-medium-gray-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-medium-gray-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666) !important;
  color: var(--app-color-blue, #203E6C) !important;
}

.app-btn-medium-gray-green {
  background-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-green, #6DAB36);
}
.app-btn-medium-gray-green:hover {
  background-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-green, #6DAB36);
}

.app-btn-hover-medium-gray-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-medium-gray-green:hover {
  background-color: var(--app-color-medium-gray, #666666) !important;
  color: var(--app-color-green, #6DAB36) !important;
}

.app-btn-outline-medium-gray-green {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-green, #6DAB36);
}
.app-btn-outline-medium-gray-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-green, #6DAB36);
}

.app-btn-outline-hover-medium-gray-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-medium-gray-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666) !important;
  color: var(--app-color-green, #6DAB36) !important;
}

.app-btn-underline-medium-gray-green {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-medium-gray, #666666) 50%);
  color: var(--app-color-green, #6DAB36);
}
.app-btn-underline-medium-gray-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666);
  color: var(--app-color-green, #6DAB36);
}

.app-btn-underline-hover-medium-gray-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-medium-gray-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-medium-gray, #666666) !important;
  color: var(--app-color-green, #6DAB36) !important;
}

.app-btn-dark-gray, .app-btn-dark-gray-auto {
  background-color: var(--app-color-dark-gray, #333333);
  color: var(--bs-body-bg);
}
.app-btn-dark-gray:hover, .app-btn-dark-gray-auto:hover {
  background-color: var(--app-color-dark-gray, #333333);
  color: var(--bs-body-bg);
}

.app-btn-hover-dark-gray, .app-btn-hover-dark-gray-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-dark-gray:hover, .app-btn-hover-dark-gray-auto:hover {
  background-color: var(--app-color-dark-gray, #333333) !important;
  color: var(--bs-body-bg) !important;
}

.app-btn-outline-dark-gray, .app-btn-outline-dark-gray-auto {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-dark-gray, #333333);
}
.app-btn-outline-dark-gray:hover, .app-btn-outline-dark-gray-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-dark-gray, #333333);
}

.app-btn-outline-hover-dark-gray, .app-btn-outline-hover-dark-gray-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-dark-gray:hover, .app-btn-outline-hover-dark-gray-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333) !important;
  color: var(--app-color-dark-gray, #333333) !important;
}

.app-btn-underline-dark-gray, .app-btn-underline-dark-gray-auto {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-dark-gray, #333333) 50%);
  color: var(--app-color-dark-gray, #333333);
}
.app-btn-underline-dark-gray:hover, .app-btn-underline-dark-gray-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-dark-gray, #333333);
}

.app-btn-underline-hover-dark-gray, .app-btn-underline-hover-dark-gray-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-dark-gray:hover, .app-btn-underline-hover-dark-gray-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333) !important;
  color: var(--app-color-dark-gray, #333333) !important;
}

.app-btn-dark-gray-black {
  background-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-black, #111111);
}
.app-btn-dark-gray-black:hover {
  background-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-black, #111111);
}

.app-btn-hover-dark-gray-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-dark-gray-black:hover {
  background-color: var(--app-color-dark-gray, #333333) !important;
  color: var(--app-color-black, #111111) !important;
}

.app-btn-outline-dark-gray-black {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-black, #111111);
}
.app-btn-outline-dark-gray-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-black, #111111);
}

.app-btn-outline-hover-dark-gray-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-dark-gray-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333) !important;
  color: var(--app-color-black, #111111) !important;
}

.app-btn-underline-dark-gray-black {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-dark-gray, #333333) 50%);
  color: var(--app-color-black, #111111);
}
.app-btn-underline-dark-gray-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-black, #111111);
}

.app-btn-underline-hover-dark-gray-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-dark-gray-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333) !important;
  color: var(--app-color-black, #111111) !important;
}

.app-btn-dark-gray-white {
  background-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-white, #ffffff);
}
.app-btn-dark-gray-white:hover {
  background-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-white, #ffffff);
}

.app-btn-hover-dark-gray-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-dark-gray-white:hover {
  background-color: var(--app-color-dark-gray, #333333) !important;
  color: var(--app-color-white, #ffffff) !important;
}

.app-btn-outline-dark-gray-white {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-white, #ffffff);
}
.app-btn-outline-dark-gray-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-white, #ffffff);
}

.app-btn-outline-hover-dark-gray-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-dark-gray-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333) !important;
  color: var(--app-color-white, #ffffff) !important;
}

.app-btn-underline-dark-gray-white {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-dark-gray, #333333) 50%);
  color: var(--app-color-white, #ffffff);
}
.app-btn-underline-dark-gray-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-white, #ffffff);
}

.app-btn-underline-hover-dark-gray-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-dark-gray-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333) !important;
  color: var(--app-color-white, #ffffff) !important;
}

.app-btn-dark-gray-light-gray {
  background-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-light-gray, #F5F5F5);
}
.app-btn-dark-gray-light-gray:hover {
  background-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-light-gray, #F5F5F5);
}

.app-btn-hover-dark-gray-light-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-dark-gray-light-gray:hover {
  background-color: var(--app-color-dark-gray, #333333) !important;
  color: var(--app-color-light-gray, #F5F5F5) !important;
}

.app-btn-outline-dark-gray-light-gray {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-light-gray, #F5F5F5);
}
.app-btn-outline-dark-gray-light-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-light-gray, #F5F5F5);
}

.app-btn-outline-hover-dark-gray-light-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-dark-gray-light-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333) !important;
  color: var(--app-color-light-gray, #F5F5F5) !important;
}

.app-btn-underline-dark-gray-light-gray {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-dark-gray, #333333) 50%);
  color: var(--app-color-light-gray, #F5F5F5);
}
.app-btn-underline-dark-gray-light-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-light-gray, #F5F5F5);
}

.app-btn-underline-hover-dark-gray-light-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-dark-gray-light-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333) !important;
  color: var(--app-color-light-gray, #F5F5F5) !important;
}

.app-btn-dark-gray-gray {
  background-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-gray, #999999);
}
.app-btn-dark-gray-gray:hover {
  background-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-gray, #999999);
}

.app-btn-hover-dark-gray-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-dark-gray-gray:hover {
  background-color: var(--app-color-dark-gray, #333333) !important;
  color: var(--app-color-gray, #999999) !important;
}

.app-btn-outline-dark-gray-gray {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-gray, #999999);
}
.app-btn-outline-dark-gray-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-gray, #999999);
}

.app-btn-outline-hover-dark-gray-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-dark-gray-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333) !important;
  color: var(--app-color-gray, #999999) !important;
}

.app-btn-underline-dark-gray-gray {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-dark-gray, #333333) 50%);
  color: var(--app-color-gray, #999999);
}
.app-btn-underline-dark-gray-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-gray, #999999);
}

.app-btn-underline-hover-dark-gray-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-dark-gray-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333) !important;
  color: var(--app-color-gray, #999999) !important;
}

.app-btn-dark-gray-medium-gray {
  background-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-medium-gray, #666666);
}
.app-btn-dark-gray-medium-gray:hover {
  background-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-medium-gray, #666666);
}

.app-btn-hover-dark-gray-medium-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-dark-gray-medium-gray:hover {
  background-color: var(--app-color-dark-gray, #333333) !important;
  color: var(--app-color-medium-gray, #666666) !important;
}

.app-btn-outline-dark-gray-medium-gray {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-medium-gray, #666666);
}
.app-btn-outline-dark-gray-medium-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-medium-gray, #666666);
}

.app-btn-outline-hover-dark-gray-medium-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-dark-gray-medium-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333) !important;
  color: var(--app-color-medium-gray, #666666) !important;
}

.app-btn-underline-dark-gray-medium-gray {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-dark-gray, #333333) 50%);
  color: var(--app-color-medium-gray, #666666);
}
.app-btn-underline-dark-gray-medium-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-medium-gray, #666666);
}

.app-btn-underline-hover-dark-gray-medium-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-dark-gray-medium-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333) !important;
  color: var(--app-color-medium-gray, #666666) !important;
}

.app-btn-dark-gray-dark-gray {
  background-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-dark-gray, #333333);
}
.app-btn-dark-gray-dark-gray:hover {
  background-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-dark-gray, #333333);
}

.app-btn-hover-dark-gray-dark-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-dark-gray-dark-gray:hover {
  background-color: var(--app-color-dark-gray, #333333) !important;
  color: var(--app-color-dark-gray, #333333) !important;
}

.app-btn-outline-dark-gray-dark-gray {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-dark-gray, #333333);
}
.app-btn-outline-dark-gray-dark-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-dark-gray, #333333);
}

.app-btn-outline-hover-dark-gray-dark-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-dark-gray-dark-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333) !important;
  color: var(--app-color-dark-gray, #333333) !important;
}

.app-btn-underline-dark-gray-dark-gray {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-dark-gray, #333333) 50%);
  color: var(--app-color-dark-gray, #333333);
}
.app-btn-underline-dark-gray-dark-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-dark-gray, #333333);
}

.app-btn-underline-hover-dark-gray-dark-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-dark-gray-dark-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333) !important;
  color: var(--app-color-dark-gray, #333333) !important;
}

.app-btn-dark-gray-blue {
  background-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-blue, #203E6C);
}
.app-btn-dark-gray-blue:hover {
  background-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-blue, #203E6C);
}

.app-btn-hover-dark-gray-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-dark-gray-blue:hover {
  background-color: var(--app-color-dark-gray, #333333) !important;
  color: var(--app-color-blue, #203E6C) !important;
}

.app-btn-outline-dark-gray-blue {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-blue, #203E6C);
}
.app-btn-outline-dark-gray-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-blue, #203E6C);
}

.app-btn-outline-hover-dark-gray-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-dark-gray-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333) !important;
  color: var(--app-color-blue, #203E6C) !important;
}

.app-btn-underline-dark-gray-blue {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-dark-gray, #333333) 50%);
  color: var(--app-color-blue, #203E6C);
}
.app-btn-underline-dark-gray-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-blue, #203E6C);
}

.app-btn-underline-hover-dark-gray-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-dark-gray-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333) !important;
  color: var(--app-color-blue, #203E6C) !important;
}

.app-btn-dark-gray-green {
  background-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-green, #6DAB36);
}
.app-btn-dark-gray-green:hover {
  background-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-green, #6DAB36);
}

.app-btn-hover-dark-gray-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-dark-gray-green:hover {
  background-color: var(--app-color-dark-gray, #333333) !important;
  color: var(--app-color-green, #6DAB36) !important;
}

.app-btn-outline-dark-gray-green {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-green, #6DAB36);
}
.app-btn-outline-dark-gray-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-green, #6DAB36);
}

.app-btn-outline-hover-dark-gray-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-dark-gray-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333) !important;
  color: var(--app-color-green, #6DAB36) !important;
}

.app-btn-underline-dark-gray-green {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-dark-gray, #333333) 50%);
  color: var(--app-color-green, #6DAB36);
}
.app-btn-underline-dark-gray-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333);
  color: var(--app-color-green, #6DAB36);
}

.app-btn-underline-hover-dark-gray-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-dark-gray-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-gray, #333333) !important;
  color: var(--app-color-green, #6DAB36) !important;
}

.app-btn-blue, .app-btn-blue-auto {
  background-color: var(--app-color-blue, #203E6C);
  color: var(--bs-body-bg);
}
.app-btn-blue:hover, .app-btn-blue-auto:hover {
  background-color: var(--app-color-blue, #203E6C);
  color: var(--bs-body-bg);
}

.app-btn-hover-blue, .app-btn-hover-blue-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-blue:hover, .app-btn-hover-blue-auto:hover {
  background-color: var(--app-color-blue, #203E6C) !important;
  color: var(--bs-body-bg) !important;
}

.app-btn-outline-blue, .app-btn-outline-blue-auto {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-blue, #203E6C);
}
.app-btn-outline-blue:hover, .app-btn-outline-blue-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-blue, #203E6C);
}

.app-btn-outline-hover-blue, .app-btn-outline-hover-blue-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-blue:hover, .app-btn-outline-hover-blue-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C) !important;
  color: var(--app-color-blue, #203E6C) !important;
}

.app-btn-underline-blue, .app-btn-underline-blue-auto {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-blue, #203E6C) 50%);
  color: var(--app-color-blue, #203E6C);
}
.app-btn-underline-blue:hover, .app-btn-underline-blue-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-blue, #203E6C);
}

.app-btn-underline-hover-blue, .app-btn-underline-hover-blue-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-blue:hover, .app-btn-underline-hover-blue-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C) !important;
  color: var(--app-color-blue, #203E6C) !important;
}

.app-btn-blue-black {
  background-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-black, #111111);
}
.app-btn-blue-black:hover {
  background-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-black, #111111);
}

.app-btn-hover-blue-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-blue-black:hover {
  background-color: var(--app-color-blue, #203E6C) !important;
  color: var(--app-color-black, #111111) !important;
}

.app-btn-outline-blue-black {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-black, #111111);
}
.app-btn-outline-blue-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-black, #111111);
}

.app-btn-outline-hover-blue-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-blue-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C) !important;
  color: var(--app-color-black, #111111) !important;
}

.app-btn-underline-blue-black {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-blue, #203E6C) 50%);
  color: var(--app-color-black, #111111);
}
.app-btn-underline-blue-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-black, #111111);
}

.app-btn-underline-hover-blue-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-blue-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C) !important;
  color: var(--app-color-black, #111111) !important;
}

.app-btn-blue-white {
  background-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-white, #ffffff);
}
.app-btn-blue-white:hover {
  background-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-white, #ffffff);
}

.app-btn-hover-blue-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-blue-white:hover {
  background-color: var(--app-color-blue, #203E6C) !important;
  color: var(--app-color-white, #ffffff) !important;
}

.app-btn-outline-blue-white {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-white, #ffffff);
}
.app-btn-outline-blue-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-white, #ffffff);
}

.app-btn-outline-hover-blue-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-blue-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C) !important;
  color: var(--app-color-white, #ffffff) !important;
}

.app-btn-underline-blue-white {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-blue, #203E6C) 50%);
  color: var(--app-color-white, #ffffff);
}
.app-btn-underline-blue-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-white, #ffffff);
}

.app-btn-underline-hover-blue-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-blue-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C) !important;
  color: var(--app-color-white, #ffffff) !important;
}

.app-btn-blue-light-gray {
  background-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-light-gray, #F5F5F5);
}
.app-btn-blue-light-gray:hover {
  background-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-light-gray, #F5F5F5);
}

.app-btn-hover-blue-light-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-blue-light-gray:hover {
  background-color: var(--app-color-blue, #203E6C) !important;
  color: var(--app-color-light-gray, #F5F5F5) !important;
}

.app-btn-outline-blue-light-gray {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-light-gray, #F5F5F5);
}
.app-btn-outline-blue-light-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-light-gray, #F5F5F5);
}

.app-btn-outline-hover-blue-light-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-blue-light-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C) !important;
  color: var(--app-color-light-gray, #F5F5F5) !important;
}

.app-btn-underline-blue-light-gray {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-blue, #203E6C) 50%);
  color: var(--app-color-light-gray, #F5F5F5);
}
.app-btn-underline-blue-light-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-light-gray, #F5F5F5);
}

.app-btn-underline-hover-blue-light-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-blue-light-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C) !important;
  color: var(--app-color-light-gray, #F5F5F5) !important;
}

.app-btn-blue-gray {
  background-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-gray, #999999);
}
.app-btn-blue-gray:hover {
  background-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-gray, #999999);
}

.app-btn-hover-blue-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-blue-gray:hover {
  background-color: var(--app-color-blue, #203E6C) !important;
  color: var(--app-color-gray, #999999) !important;
}

.app-btn-outline-blue-gray {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-gray, #999999);
}
.app-btn-outline-blue-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-gray, #999999);
}

.app-btn-outline-hover-blue-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-blue-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C) !important;
  color: var(--app-color-gray, #999999) !important;
}

.app-btn-underline-blue-gray {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-blue, #203E6C) 50%);
  color: var(--app-color-gray, #999999);
}
.app-btn-underline-blue-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-gray, #999999);
}

.app-btn-underline-hover-blue-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-blue-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C) !important;
  color: var(--app-color-gray, #999999) !important;
}

.app-btn-blue-medium-gray {
  background-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-medium-gray, #666666);
}
.app-btn-blue-medium-gray:hover {
  background-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-medium-gray, #666666);
}

.app-btn-hover-blue-medium-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-blue-medium-gray:hover {
  background-color: var(--app-color-blue, #203E6C) !important;
  color: var(--app-color-medium-gray, #666666) !important;
}

.app-btn-outline-blue-medium-gray {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-medium-gray, #666666);
}
.app-btn-outline-blue-medium-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-medium-gray, #666666);
}

.app-btn-outline-hover-blue-medium-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-blue-medium-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C) !important;
  color: var(--app-color-medium-gray, #666666) !important;
}

.app-btn-underline-blue-medium-gray {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-blue, #203E6C) 50%);
  color: var(--app-color-medium-gray, #666666);
}
.app-btn-underline-blue-medium-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-medium-gray, #666666);
}

.app-btn-underline-hover-blue-medium-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-blue-medium-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C) !important;
  color: var(--app-color-medium-gray, #666666) !important;
}

.app-btn-blue-dark-gray {
  background-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-dark-gray, #333333);
}
.app-btn-blue-dark-gray:hover {
  background-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-dark-gray, #333333);
}

.app-btn-hover-blue-dark-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-blue-dark-gray:hover {
  background-color: var(--app-color-blue, #203E6C) !important;
  color: var(--app-color-dark-gray, #333333) !important;
}

.app-btn-outline-blue-dark-gray {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-dark-gray, #333333);
}
.app-btn-outline-blue-dark-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-dark-gray, #333333);
}

.app-btn-outline-hover-blue-dark-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-blue-dark-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C) !important;
  color: var(--app-color-dark-gray, #333333) !important;
}

.app-btn-underline-blue-dark-gray {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-blue, #203E6C) 50%);
  color: var(--app-color-dark-gray, #333333);
}
.app-btn-underline-blue-dark-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-dark-gray, #333333);
}

.app-btn-underline-hover-blue-dark-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-blue-dark-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C) !important;
  color: var(--app-color-dark-gray, #333333) !important;
}

.app-btn-blue-blue {
  background-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-blue, #203E6C);
}
.app-btn-blue-blue:hover {
  background-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-blue, #203E6C);
}

.app-btn-hover-blue-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-blue-blue:hover {
  background-color: var(--app-color-blue, #203E6C) !important;
  color: var(--app-color-blue, #203E6C) !important;
}

.app-btn-outline-blue-blue {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-blue, #203E6C);
}
.app-btn-outline-blue-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-blue, #203E6C);
}

.app-btn-outline-hover-blue-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-blue-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C) !important;
  color: var(--app-color-blue, #203E6C) !important;
}

.app-btn-underline-blue-blue {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-blue, #203E6C) 50%);
  color: var(--app-color-blue, #203E6C);
}
.app-btn-underline-blue-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-blue, #203E6C);
}

.app-btn-underline-hover-blue-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-blue-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C) !important;
  color: var(--app-color-blue, #203E6C) !important;
}

.app-btn-blue-green {
  background-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-green, #6DAB36);
}
.app-btn-blue-green:hover {
  background-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-green, #6DAB36);
}

.app-btn-hover-blue-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-blue-green:hover {
  background-color: var(--app-color-blue, #203E6C) !important;
  color: var(--app-color-green, #6DAB36) !important;
}

.app-btn-outline-blue-green {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-green, #6DAB36);
}
.app-btn-outline-blue-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-green, #6DAB36);
}

.app-btn-outline-hover-blue-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-blue-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C) !important;
  color: var(--app-color-green, #6DAB36) !important;
}

.app-btn-underline-blue-green {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-blue, #203E6C) 50%);
  color: var(--app-color-green, #6DAB36);
}
.app-btn-underline-blue-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C);
  color: var(--app-color-green, #6DAB36);
}

.app-btn-underline-hover-blue-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-blue-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #203E6C) !important;
  color: var(--app-color-green, #6DAB36) !important;
}

.app-btn-green, .app-btn-green-auto {
  background-color: var(--app-color-green, #6DAB36);
  color: var(--bs-body-bg);
}
.app-btn-green:hover, .app-btn-green-auto:hover {
  background-color: var(--app-color-green, #6DAB36);
  color: var(--bs-body-bg);
}

.app-btn-hover-green, .app-btn-hover-green-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-green:hover, .app-btn-hover-green-auto:hover {
  background-color: var(--app-color-green, #6DAB36) !important;
  color: var(--bs-body-bg) !important;
}

.app-btn-outline-green, .app-btn-outline-green-auto {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-green, #6DAB36);
}
.app-btn-outline-green:hover, .app-btn-outline-green-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-green, #6DAB36);
}

.app-btn-outline-hover-green, .app-btn-outline-hover-green-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-green:hover, .app-btn-outline-hover-green-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36) !important;
  color: var(--app-color-green, #6DAB36) !important;
}

.app-btn-underline-green, .app-btn-underline-green-auto {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-green, #6DAB36) 50%);
  color: var(--app-color-green, #6DAB36);
}
.app-btn-underline-green:hover, .app-btn-underline-green-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-green, #6DAB36);
}

.app-btn-underline-hover-green, .app-btn-underline-hover-green-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-green:hover, .app-btn-underline-hover-green-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36) !important;
  color: var(--app-color-green, #6DAB36) !important;
}

.app-btn-green-black {
  background-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-black, #111111);
}
.app-btn-green-black:hover {
  background-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-black, #111111);
}

.app-btn-hover-green-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-green-black:hover {
  background-color: var(--app-color-green, #6DAB36) !important;
  color: var(--app-color-black, #111111) !important;
}

.app-btn-outline-green-black {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-black, #111111);
}
.app-btn-outline-green-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-black, #111111);
}

.app-btn-outline-hover-green-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-green-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36) !important;
  color: var(--app-color-black, #111111) !important;
}

.app-btn-underline-green-black {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-green, #6DAB36) 50%);
  color: var(--app-color-black, #111111);
}
.app-btn-underline-green-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-black, #111111);
}

.app-btn-underline-hover-green-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-green-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36) !important;
  color: var(--app-color-black, #111111) !important;
}

.app-btn-green-white {
  background-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-white, #ffffff);
}
.app-btn-green-white:hover {
  background-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-white, #ffffff);
}

.app-btn-hover-green-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-green-white:hover {
  background-color: var(--app-color-green, #6DAB36) !important;
  color: var(--app-color-white, #ffffff) !important;
}

.app-btn-outline-green-white {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-white, #ffffff);
}
.app-btn-outline-green-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-white, #ffffff);
}

.app-btn-outline-hover-green-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-green-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36) !important;
  color: var(--app-color-white, #ffffff) !important;
}

.app-btn-underline-green-white {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-green, #6DAB36) 50%);
  color: var(--app-color-white, #ffffff);
}
.app-btn-underline-green-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-white, #ffffff);
}

.app-btn-underline-hover-green-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-green-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36) !important;
  color: var(--app-color-white, #ffffff) !important;
}

.app-btn-green-light-gray {
  background-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-light-gray, #F5F5F5);
}
.app-btn-green-light-gray:hover {
  background-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-light-gray, #F5F5F5);
}

.app-btn-hover-green-light-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-green-light-gray:hover {
  background-color: var(--app-color-green, #6DAB36) !important;
  color: var(--app-color-light-gray, #F5F5F5) !important;
}

.app-btn-outline-green-light-gray {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-light-gray, #F5F5F5);
}
.app-btn-outline-green-light-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-light-gray, #F5F5F5);
}

.app-btn-outline-hover-green-light-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-green-light-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36) !important;
  color: var(--app-color-light-gray, #F5F5F5) !important;
}

.app-btn-underline-green-light-gray {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-green, #6DAB36) 50%);
  color: var(--app-color-light-gray, #F5F5F5);
}
.app-btn-underline-green-light-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-light-gray, #F5F5F5);
}

.app-btn-underline-hover-green-light-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-green-light-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36) !important;
  color: var(--app-color-light-gray, #F5F5F5) !important;
}

.app-btn-green-gray {
  background-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-gray, #999999);
}
.app-btn-green-gray:hover {
  background-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-gray, #999999);
}

.app-btn-hover-green-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-green-gray:hover {
  background-color: var(--app-color-green, #6DAB36) !important;
  color: var(--app-color-gray, #999999) !important;
}

.app-btn-outline-green-gray {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-gray, #999999);
}
.app-btn-outline-green-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-gray, #999999);
}

.app-btn-outline-hover-green-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-green-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36) !important;
  color: var(--app-color-gray, #999999) !important;
}

.app-btn-underline-green-gray {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-green, #6DAB36) 50%);
  color: var(--app-color-gray, #999999);
}
.app-btn-underline-green-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-gray, #999999);
}

.app-btn-underline-hover-green-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-green-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36) !important;
  color: var(--app-color-gray, #999999) !important;
}

.app-btn-green-medium-gray {
  background-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-medium-gray, #666666);
}
.app-btn-green-medium-gray:hover {
  background-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-medium-gray, #666666);
}

.app-btn-hover-green-medium-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-green-medium-gray:hover {
  background-color: var(--app-color-green, #6DAB36) !important;
  color: var(--app-color-medium-gray, #666666) !important;
}

.app-btn-outline-green-medium-gray {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-medium-gray, #666666);
}
.app-btn-outline-green-medium-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-medium-gray, #666666);
}

.app-btn-outline-hover-green-medium-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-green-medium-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36) !important;
  color: var(--app-color-medium-gray, #666666) !important;
}

.app-btn-underline-green-medium-gray {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-green, #6DAB36) 50%);
  color: var(--app-color-medium-gray, #666666);
}
.app-btn-underline-green-medium-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-medium-gray, #666666);
}

.app-btn-underline-hover-green-medium-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-green-medium-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36) !important;
  color: var(--app-color-medium-gray, #666666) !important;
}

.app-btn-green-dark-gray {
  background-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-dark-gray, #333333);
}
.app-btn-green-dark-gray:hover {
  background-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-dark-gray, #333333);
}

.app-btn-hover-green-dark-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-green-dark-gray:hover {
  background-color: var(--app-color-green, #6DAB36) !important;
  color: var(--app-color-dark-gray, #333333) !important;
}

.app-btn-outline-green-dark-gray {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-dark-gray, #333333);
}
.app-btn-outline-green-dark-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-dark-gray, #333333);
}

.app-btn-outline-hover-green-dark-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-green-dark-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36) !important;
  color: var(--app-color-dark-gray, #333333) !important;
}

.app-btn-underline-green-dark-gray {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-green, #6DAB36) 50%);
  color: var(--app-color-dark-gray, #333333);
}
.app-btn-underline-green-dark-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-dark-gray, #333333);
}

.app-btn-underline-hover-green-dark-gray {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-green-dark-gray:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36) !important;
  color: var(--app-color-dark-gray, #333333) !important;
}

.app-btn-green-blue {
  background-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-blue, #203E6C);
}
.app-btn-green-blue:hover {
  background-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-blue, #203E6C);
}

.app-btn-hover-green-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-green-blue:hover {
  background-color: var(--app-color-green, #6DAB36) !important;
  color: var(--app-color-blue, #203E6C) !important;
}

.app-btn-outline-green-blue {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-blue, #203E6C);
}
.app-btn-outline-green-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-blue, #203E6C);
}

.app-btn-outline-hover-green-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-green-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36) !important;
  color: var(--app-color-blue, #203E6C) !important;
}

.app-btn-underline-green-blue {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-green, #6DAB36) 50%);
  color: var(--app-color-blue, #203E6C);
}
.app-btn-underline-green-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-blue, #203E6C);
}

.app-btn-underline-hover-green-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-green-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36) !important;
  color: var(--app-color-blue, #203E6C) !important;
}

.app-btn-green-green {
  background-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-green, #6DAB36);
}
.app-btn-green-green:hover {
  background-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-green, #6DAB36);
}

.app-btn-hover-green-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-green-green:hover {
  background-color: var(--app-color-green, #6DAB36) !important;
  color: var(--app-color-green, #6DAB36) !important;
}

.app-btn-outline-green-green {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-green, #6DAB36);
}
.app-btn-outline-green-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-green, #6DAB36);
}

.app-btn-outline-hover-green-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-green-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36) !important;
  color: var(--app-color-green, #6DAB36) !important;
}

.app-btn-underline-green-green {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-green, #6DAB36) 50%);
  color: var(--app-color-green, #6DAB36);
}
.app-btn-underline-green-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36);
  color: var(--app-color-green, #6DAB36);
}

.app-btn-underline-hover-green-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-green-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #6DAB36) !important;
  color: var(--app-color-green, #6DAB36) !important;
}

.btn-xl, .btn-group-xl > .btn {
  font-family: "Poppins", Arial Narrow, Arial, sans-serif;
  --bs-btn-padding-y: 0.75rem;
  --bs-btn-padding-x: 1.5rem;
  --bs-btn-font-size: 1.5rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg);
}

.btn.rounded-circle {
  --bs-btn-padding-x: .5rem;
  --bs-btn-padding-y: .3rem;
}

/* _vh.scss */
.app-vh-10 {
  min-height: 10vh;
}

.app-vh-20 {
  min-height: 20vh;
}

.app-vh-30 {
  min-height: 30vh;
}

.app-vh-40 {
  min-height: 40vh;
}

.app-vh-50 {
  min-height: 50vh;
}

.app-vh-60 {
  min-height: 60vh;
}

.app-vh-70 {
  min-height: 70vh;
}

.app-vh-80 {
  min-height: 80vh;
}

.app-vh-90 {
  min-height: 90vh;
}

.app-vh-100 {
  min-height: 100vh;
}

/* _ratio.scss */
.ratio-9x16 {
  --bs-aspect-ratio: calc(16 / 9 * 100%);
}

/* _p.scss */
.app-pt-page {
  padding-top: 114px;
}

@media (max-width: 1399.98px) {
  .app-pt-page {
    padding-top: 106px;
  }
}
@media (max-width: 1199.98px) {
  .app-pt-page {
    padding-top: 95.4px;
  }
}
@media (max-width: 991.98px) {
  .app-pt-page {
    padding-top: 84.8px;
  }
}
@media (max-width: 767.98px) {
  .app-pt-page {
    padding-top: 79.5px;
  }
}
@media (max-width: 575.98px) {
  .app-pt-page {
    padding-top: 74.2px;
  }
}
@media (max-width: -0.02px) {
  .app-pt-page {
    padding-top: 68.9px;
  }
}
/* _navbar.scss */
.navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2036%2036%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22m5.5%208.5h25%22%2F%3E%3Cpath%20d%3D%22m5.4%2018h25.1%22%2F%3E%3Cpath%20d%3D%22m5.4%2027.5h25%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.app-offcanvas-show .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2036%2036%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22m26.8%2026.8-17.6-17.7%22%2F%3E%3Cpath%20d%3D%22m9.1%2026.9%2017.7-17.8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

[data-bs-theme=dark] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2036%2036%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22m5.5%208.5h25%22%2F%3E%3Cpath%20d%3D%22m5.4%2018h25.1%22%2F%3E%3Cpath%20d%3D%22m5.4%2027.5h25%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
[data-bs-theme=dark] .app-offcanvas-show .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2036%2036%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22m26.8%2026.8-17.6-17.7%22%2F%3E%3Cpath%20d%3D%22m9.1%2026.9%2017.7-17.8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.navbar-brand {
  height: 60px;
}
.navbar-brand svg {
  max-height: 100%;
  height: 100%;
  width: auto;
  display: block;
}

.navbar-toggler {
  border: none;
}
.navbar-toggler:focus {
  box-shadow: none;
}

.nav-link {
  --bs-nav-link-color: var(--app-color-black);
  --bs-nav-link-font-size: 1.25rem;
}
.nav-link:hover, .nav-link:focus, .nav-link.active {
  text-decoration: underline !important;
  text-underline-offset: 0.3rem !important;
  text-decoration-color: var(--app-color-rebar-rust) !important;
  text-decoration-thickness: 3px !important;
}

.active > .nav-link {
  text-decoration: underline !important;
  text-underline-offset: 0.3rem !important;
  text-decoration-color: var(--app-color-rebar-rust) !important;
  text-decoration-thickness: 3px !important;
}

.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active {
  text-decoration: underline !important;
  text-underline-offset: 0.3rem !important;
  text-decoration-color: var(--app-color-rebar-rust) !important;
  text-decoration-thickness: 3px !important;
}

.navbar-nav {
  font-family: "Figtree", Arial Narrow, Arial, sans-serif;
}
.navbar-nav .dropdown-toggle::after {
  display: none;
}
.navbar-nav .dropdown-menu {
  margin-top: 0.5rem;
  z-index: -2;
  border: none;
  font-family: "Figtree", Arial Narrow, Arial, sans-serif;
  --bs-dropdown-bg: var(--app-color-purple);
  --bs-dropdown-border-radius: 0;
  --bs-dropdown-color: var(--app-color-white);
  --bs-dropdown-link-color: var(--app-color-white);
  --bs-dropdown-link-hover-color: var(--app-color-purple);
  --bs-dropdown-link-hover-bg: transparent;
  --bs-dropdown-link-active-color: var(--app-color-purple);
  --bs-dropdown-link-active-bg: transparent;
}

@media (max-width: 1399.98px) {
  .navbar-brand {
    height: 60px;
  }
}
@media (max-width: 1199.98px) {
  .navbar-brand {
    height: 54px;
  }
}
@media (max-width: 991.98px) {
  .navbar-brand {
    height: 48px;
  }
}
@media (max-width: 767.98px) {
  .navbar-brand {
    height: 45px;
  }
}
@media (max-width: 575.98px) {
  .navbar-brand {
    height: 42px;
  }
}
@media (max-width: -0.02px) {
  .navbar-brand {
    height: 39px;
  }
}
/* _.offcanvas.scss */
.offcanvas.offcanvas-end {
  top: 110px;
}
.offcanvas.show, .offcanvas.showing {
  z-index: -2;
}

.offcanvas-backdrop {
  z-index: -3;
}

@media (max-width: 1399.98px) {
  .offcanvas.offcanvas-end {
    top: 110px;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas.offcanvas-end {
    top: 99px;
  }
}
@media (max-width: 991.98px) {
  .offcanvas.offcanvas-end {
    top: 88px;
  }
}
@media (max-width: 767.98px) {
  .offcanvas.offcanvas-end {
    top: 82.5px;
  }
}
@media (max-width: 575.98px) {
  .offcanvas.offcanvas-end {
    top: 77px;
  }
}
@media (max-width: -0.02px) {
  .offcanvas.offcanvas-end {
    top: 71.5px;
  }
}
/* _carousel.scss */
.carousel {
  z-index: 0;
}

.carousel-caption {
  right: 0;
  left: 0;
  bottom: 10.51vw;
}

.carousel-indicators {
  bottom: 7.875vw;
}
.carousel-indicators [data-bs-target] {
  height: 11px;
  width: 60px;
  border-radius: var(--bs-border-radius-pill) !important;
  border: none;
  background-color: #fff;
}

@media (max-width: 991.98px) {
  .carousel-caption {
    position: relative;
    margin-top: 6rem;
  }
  .carousel-caption .display-3 {
    font-size: calc(1.375rem + 1.5vw) !important;
  }
  .carousel-caption .display-6 {
    font-size: calc(1.3rem + 0.6vw) !important;
  }
}
@media (max-width: 767.98px) {
  .carousel-caption {
    position: relative;
    margin-top: 6rem;
  }
  .carousel-caption .display-3 {
    font-size: calc(1.375rem + 1.5vw) !important;
  }
  .carousel-caption .display-6 {
    font-size: calc(1.3rem + 0.6vw) !important;
  }
}
@media (max-width: 575.98px) {
  .carousel-caption {
    position: relative;
    margin-top: 6rem;
  }
  .carousel-caption .display-3 {
    font-size: calc(1.375rem + 1.5vw) !important;
  }
  .carousel-caption .display-6 {
    font-size: calc(1.3rem + 0.6vw) !important;
  }
}
@media (max-width: -0.02px) {
  .carousel-caption {
    position: relative;
    margin-top: 6rem;
  }
  .carousel-caption .display-3 {
    font-size: calc(1.375rem + 1.5vw) !important;
  }
  .carousel-caption .display-6 {
    font-size: calc(1.3rem + 0.6vw) !important;
  }
}
/* _pagination.scss */
.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: color-mix(in srgb, transparent, inherit 50%);
  --bs-pagination-bg: transparent;
  --bs-pagination-border-width: 0;
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: transparent;
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: transparent;
  --bs-pagination-focus-box-shadow: none;
  --bs-pagination-active-color: inherit;
  --bs-pagination-active-bg: transparent;
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: transparent;
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  border: none;
}
.pagination .page-item {
  font-family: var(--app-secondary-fontstack, "Poppins", Arial Narrow, Arial, sans-serif);
}
.pagination .page-item .page-link {
  opacity: 0.5;
  transition: opacity 0.3s ease-in-out;
}
.pagination .page-item .page-link:hover {
  opacity: 1;
}
.pagination .page-item.active .page-link {
  opacity: 1;
}
.pagination .page-item.disabled .page-link {
  opacity: 0.2;
}

/* _anchor.scss */
.app-anchor {
  position: absolute;
  margin-top: -106px;
}

@media (max-width: 1399.98px) {
  .app-anchor {
    margin-top: -106px;
  }
}
@media (max-width: 1199.98px) {
  .app-anchor {
    margin-top: -95.4px;
  }
}
@media (max-width: 991.98px) {
  .app-anchor {
    margin-top: -84.8px;
  }
}
@media (max-width: 767.98px) {
  .app-anchor {
    margin-top: -79.5px;
  }
}
@media (max-width: 575.98px) {
  .app-anchor {
    margin-top: -74.2px;
  }
}
@media (max-width: -0.02px) {
  .app-anchor {
    margin-top: -68.9px;
  }
}
/* _separator.scss */
.app-s {
  position: relative;
  padding-bottom: 3rem;
  z-index: 1;
}
.app-s.app-st-none::before, .app-s.app-sb-none::after {
  display: none;
}
.app-s .container, .app-s .container-fluid, .app-s .container-xxl, .app-s .container-xl, .app-s .container-lg, .app-s .container-md, .app-s .container-sm {
  position: relative;
  z-index: 1;
}

/* _blob.scss */
.app-bs-back-clip {
  mask: url("../img/default/blob/start-back.svg");
  -webkit-mask: url("../img/default/blob/start-back.svg") top left/cover;
  -o-mask: url("../img/default/blob/start-back.svg") top left/cover;
  -ms-mask: url("../img/default/blob/start-back.svg") top left/cover;
}

.app-bs-front-clip {
  mask: url("../img/default/blob/start-front.svg");
  -webkit-mask: url("../img/default/blob/start-front.svg") top left/cover;
  -o-mask: url("../img/default/blob/start-front.svg") top left/cover;
  -ms-mask: url("../img/default/blob/start-front.svg") top left/cover;
}

.app-be-back-clip {
  mask: url("../img/default/blob/end-back.svg");
  -webkit-mask: url("../img/default/blob/end-back.svg") top left/cover;
  -o-mask: url("../img/default/blob/end-back.svg") top left/cover;
  -ms-mask: url("../img/default/blob/end-back.svg") top left/cover;
}

.app-be-front-clip {
  mask: url("../img/default/blob/end-front.svg");
  -webkit-mask: url("../img/default/blob/end-front.svg") top left/cover;
  -o-mask: url("../img/default/blob/end-front.svg") top left/cover;
  -ms-mask: url("../img/default/blob/end-front.svg") top left/cover;
}

/* _collapse.scss */
.collapsed .fa-minus {
  --fa: "";
}

/* _block.scss */
[data-app-toggle=link] {
  cursor: pointer;
}

/* _tags.scss */
body {
  font-family: var(--app-primary-fontstack, "Figtree", Arial Narrow, Arial, sans-serif);
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
  font-family: var(--app-secondary-fontstack, "Poppins", Arial Narrow, Arial, sans-serif);
}

/* _swiper.scss */
.swiper {
  overflow: visible !important;
}

.swiper-button-next {
  top: 40% !important;
}

.swiper-button-prev {
  top: 40% !important;
}

@media (min-width: 1400px) {
  .swiper-button-next {
    right: -4rem !important;
  }
  .swiper-button-prev {
    left: -4rem !important;
  }
}
/* _search.scss */
@media (prefers-color-scheme: dark) {
  .gsc-control-cse,
  .gsc-results-wrapper-overlay,
  .gsc-results {
    background: transparent !important;
    color: #eaeaea !important;
    border-color: transparent !important;
  }
  .gsc-results * {
    border-color: transparent !important;
  }
  .gs-title a {
    color: #e8eaed !important;
  }
  .gs-visibleUrl, .gsc-url-bottom {
    color: #8ab4f8 !important;
  }
  .gs-snippet {
    color: #d0d0d0 !important;
  }
  /* Search box */
  input.gsc-input, .gsc-input-box, .gsc-search-button-v2 {
    background: #1e1e1e !important;
    border-color: #303134 !important;
    color: #eaeaea !important;
  }
  /* Tabs / refinements */
  .gsc-tabsArea,
  .gsc-tabHeader {
    background: #121212 !important;
    border-color: #303134 !important;
  }
  .gsc-tabHeader.gsc-tabhActive {
    background: #1e1e1e !important;
  }
}
/* _recaptcha.scss */
/* */
.grecaptcha-badge {
  visibility: hidden !important;
}

:root {
  --app-color-black: #111111;
  --app-color-white: #ffffff;
  --app-color-light-gray: #F5F5F5;
  --app-color-gray: #999999;
  --app-color-medium-gray: #666666;
  --app-color-dark-gray: #333333;
  --app-color-blue: #203E6C;
  --app-color-green: #6DAB36;
  --app-primary-fontstack: Figtree, Arial Narrow, Arial, sans-serif;
  --app-secondary-fontstack: Poppins, Arial Narrow, Arial, sans-serif;
  --app-tertiary-fontstack: Figtree, Arial Narrow, Arial, sans-serif;
  --swiper-navigation-color: var(--app-color-white, #fff);
  --bs-body-font-size: 1.2rem;
}