@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuDyfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuOKfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuFuYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuDyYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuBWYMZg.ttf) format('truetype');
}
* {
  box-sizing: border-box;
}
html,
body {
  min-width: 100%;
  min-height: 100dvh;
  height: 100dvh;
  max-height: 100dvh;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow-y: auto;
}
body {
  --fg: #282828;
  --contrast: #ffffff;
  --discreet: #686868;
  --stealth: #dbdbdb;
  --bg: #f4f4f6;
  --highlight: #cacad4;
  --input-background: #ffffff;
  --menu-background: #f4f4f6;
  --light-shadow: 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 0px 6px rgba(0, 0, 0, 0.16);
  --medium-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 6px 12px rgba(0, 0, 0, 0.1);
  --heavy-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16), 0px 7px 14px rgba(0, 0, 0, 0.12);
  --card-bg: #f8f8f8;
  display: flex;
  flex-flow: column;
  gap: 0 !important;
  background-color: var(--bg);
  color: var(--fg);
  --white: #FFF;
  --lightgray: #FAFAFA;
  --gray: #e9e9ed;
  --darkgray: #323232;
  --black: #000;
  --red: hsl(7, 82%, 55%);
  --orange: hsl(33, 100%, 50%);
  --yellow: hsl(53, 100%, 50%);
  --green: hsl(146, 70%, 42%);
  --turquoise: hsl(172, 100%, 37%);
  --blue: hsl(202, 100%, 50%);
  --indigo: hsl(242, 88%, 67%);
  --violet: hsl(272, 100%, 58%);
  --Ivory: Ivory;
  --Beige: Beige;
  --AntiqueWhite: AntiqueWhite;
  --LemonChiffon: LemonChiffon;
  --LightGoldenRodYellow: LightGoldenRodYellow;
  --LightYellow: LightYellow;
  --Linen: Linen;
  --PaleGoldenRod: PaleGoldenRod;
  --Bisque: Bisque;
  --BlanchedAlmond: BlanchedAlmond;
  --BurlyWood: BurlyWood;
  --Khaki: Khaki;
  --DarkKhaki: DarkKhaki;
  --Gold: Gold;
  --GoldenRod: GoldenRod;
  --Yellow: Yellow;
  --White: White;
  --Snow: Snow;
  --Azure: Azure;
  --WhiteSmoke: WhiteSmoke;
  --Gainsboro: Gainsboro;
  --LightGray: LightGray;
  --LightGrey: LightGrey;
  --Silver: Silver;
  --DarkGray: DarkGray;
  --DarkGrey: DarkGrey;
  --Gray: Gray;
  --Grey: Grey;
  --DimGray: DimGray;
  --DimGrey: DimGrey;
  --Black: Black;
  --HoneyDew: HoneyDew;
  --FloralWhite: FloralWhite;
  --MintCream: MintCream;
  --YellowGreen: YellowGreen;
  --LightGreen: LightGreen;
  --PaleGreen: PaleGreen;
  --GreenYellow: GreenYellow;
  --Chartreuse: Chartreuse;
  --LawnGreen: LawnGreen;
  --Lime: Lime;
  --LimeGreen: LimeGreen;
  --MediumSpringGreen: MediumSpringGreen;
  --SpringGreen: SpringGreen;
  --MediumAquaMarine: MediumAquaMarine;
  --MediumSeaGreen: MediumSeaGreen;
  --OliveDrab: OliveDrab;
  --Olive: Olive;
  --DarkOliveGreen: DarkOliveGreen;
  --DarkSeaGreen: DarkSeaGreen;
  --Green: Green;
  --DarkGreen: DarkGreen;
  --DarkSlateGray: DarkSlateGray;
  --DarkSlateGrey: DarkSlateGrey;
  --ForestGreen: ForestGreen;
  --SeaGreen: SeaGreen;
  --SeaShell: SeaShell;
  --LavenderBlush: LavenderBlush;
  --Cornsilk: Cornsilk;
  --MistyRose: MistyRose;
  --Moccasin: Moccasin;
  --NavajoWhite: NavajoWhite;
  --OldLace: OldLace;
  --PapayaWhip: PapayaWhip;
  --PeachPuff: PeachPuff;
  --Wheat: Wheat;
  --Coral: Coral;
  --DarkGoldenRod: DarkGoldenRod;
  --Chocolate: Chocolate;
  --DarkOrange: DarkOrange;
  --Orange: Orange;
  --SandyBrown: SandyBrown;
  --Peru: Peru;
  --DarkSalmon: DarkSalmon;
  --LightSalmon: LightSalmon;
  --LightCoral: LightCoral;
  --IndianRed: IndianRed;
  --OrangeRed: OrangeRed;
  --PaleVioletRed: PaleVioletRed;
  --Tomato: Tomato;
  --Crimson: Crimson;
  --FireBrick: FireBrick;
  --Brown: Brown;
  --DarkRed: DarkRed;
  --Maroon: Maroon;
  --Red: Red;
  --Tan: Tan;
  --RosyBrown: RosyBrown;
  --SaddleBrown: SaddleBrown;
  --Salmon: Salmon;
  --Sienna: Sienna;
  --Pink: Pink;
  --LightPink: LightPink;
  --Plum: Plum;
  --Thistle: Thistle;
  --HotPink: HotPink;
  --Orchid: Orchid;
  --Violet: Violet;
  --Magenta: Magenta;
  --Fuchsia: Fuchsia;
  --DeepPink: DeepPink;
  --MediumVioletRed: MediumVioletRed;
  --DarkMagenta: DarkMagenta;
  --BlueViolet: BlueViolet;
  --DarkOrchid: DarkOrchid;
  --DarkSlateBlue: DarkSlateBlue;
  --DarkViolet: DarkViolet;
  --Indigo: Indigo;
  --MediumOrchid: MediumOrchid;
  --MediumPurple: MediumPurple;
  --MediumSlateBlue: MediumSlateBlue;
  --RebeccaPurple: RebeccaPurple;
  --Purple: Purple;
  --GhostWhite: GhostWhite;
  --AliceBlue: AliceBlue;
  --Lavender: Lavender;
  --LightBlue: LightBlue;
  --LightCyan: LightCyan;
  --LightSkyBlue: LightSkyBlue;
  --LightSlateGray: LightSlateGray;
  --LightSlateGrey: LightSlateGrey;
  --LightSteelBlue: LightSteelBlue;
  --PaleTurquoise: PaleTurquoise;
  --PowderBlue: PowderBlue;
  --SkyBlue: SkyBlue;
  --SlateGray: SlateGray;
  --SlateGrey: SlateGrey;
  --Aquamarine: Aquamarine;
  --CadetBlue: CadetBlue;
  --CornflowerBlue: CornflowerBlue;
  --Blue: Blue;
  --DarkBlue: DarkBlue;
  --DarkTurquoise: DarkTurquoise;
  --DeepSkyBlue: DeepSkyBlue;
  --DodgerBlue: DodgerBlue;
  --RoyalBlue: RoyalBlue;
  --MediumBlue: MediumBlue;
  --MidnightBlue: MidnightBlue;
  --Navy: Navy;
  --SlateBlue: SlateBlue;
  --MediumTurquoise: MediumTurquoise;
  --Cyan: Cyan;
  --Aqua: Aqua;
  --SteelBlue: SteelBlue;
  --DarkCyan: DarkCyan;
  --Teal: Teal;
  --Turquoise: Turquoise;
  --LightSeaGreen: LightSeaGreen;
  --transparent: transparent;
}
:root {
  font-family: "Inter";
  font-size: 18px;
}
main {
  flex: 1 1 0px;
  padding: 2em;
  gap: 2em;
  display: flex;
  flex-direction: column;
}
body.is-mobile {
  font-size: 12px;
  max-width: 100dvw;
  overflow: auto;
}
body.is-mobile main {
  padding: 0.5em;
  gap: 1em;
}
.flex-row {
  display: flex;
  flex-direction: row;
  gap: 1em;
}
.flex-row-reverse {
  display: flex;
  flex-direction: row;
  gap: 1em;
  flex-direction: row-reverse;
}
.flex-column {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.flex-column-reverse {
  display: flex;
  flex-direction: column;
  gap: 1em;
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.flex-no-wrap {
  flex-wrap: nowrap !important;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-evenly {
  justify-content: space-evenly;
}
.justify-around {
  justify-content: space-around;
}
.align-start {
  align-items: flex-start;
}
.align-end {
  align-items: flex-end;
}
.align-center {
  align-items: center;
}
.align-between {
  align-items: space-between;
}
.align-evenly {
  align-items: space-evenly;
}
.align-around {
  align-items: space-around;
}
.align-content-start {
  align-content: flex-start;
}
.align-content-end {
  align-content: flex-end;
}
.align-content-center {
  align-content: center;
}
.align-content-between {
  align-content: space-between;
}
.align-content-evenly {
  align-content: space-evenly;
}
.align-content-around {
  align-content: space-around;
}
.flex-0 {
  flex: 0 0 0px !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.gap-0 {
  gap: 0em !important;
}
.padding-0 {
  padding: 0em !important;
}
.margin-0 {
  margin: 0em !important;
}
.padding-v-0 {
  padding-top: 0em !important;
  padding-bottom: 0em !important;
}
.padding-h-0 {
  padding-left: 0em !important;
  padding-right: 0em !important;
}
.margin-v-0 {
  margin-top: 0em !important;
  margin-bottom: 0em !important;
}
.margin-h-0 {
  margin-left: 0em !important;
  margin-right: 0em !important;
}
.flex-1 {
  flex: 1 1 0px !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.gap-1 {
  gap: 0.33em !important;
}
.padding-1 {
  padding: 0.33em !important;
}
.margin-1 {
  margin: 0.33em !important;
}
.padding-v-1 {
  padding-top: 0.33em !important;
  padding-bottom: 0.33em !important;
}
.padding-h-1 {
  padding-left: 0.33em !important;
  padding-right: 0.33em !important;
}
.margin-v-1 {
  margin-top: 0.33em !important;
  margin-bottom: 0.33em !important;
}
.margin-h-1 {
  margin-left: 0.33em !important;
  margin-right: 0.33em !important;
}
.flex-2 {
  flex: 2 2 0px !important;
}
.flex-grow-2 {
  flex-grow: 2 !important;
}
.flex-shrink-2 {
  flex-shrink: 2 !important;
}
.gap-2 {
  gap: 0.66em !important;
}
.padding-2 {
  padding: 0.66em !important;
}
.margin-2 {
  margin: 0.66em !important;
}
.padding-v-2 {
  padding-top: 0.66em !important;
  padding-bottom: 0.66em !important;
}
.padding-h-2 {
  padding-left: 0.66em !important;
  padding-right: 0.66em !important;
}
.margin-v-2 {
  margin-top: 0.66em !important;
  margin-bottom: 0.66em !important;
}
.margin-h-2 {
  margin-left: 0.66em !important;
  margin-right: 0.66em !important;
}
.flex-3 {
  flex: 3 3 0px !important;
}
.flex-grow-3 {
  flex-grow: 3 !important;
}
.flex-shrink-3 {
  flex-shrink: 3 !important;
}
.gap-3 {
  gap: 0.99em !important;
}
.padding-3 {
  padding: 0.99em !important;
}
.margin-3 {
  margin: 0.99em !important;
}
.padding-v-3 {
  padding-top: 0.99em !important;
  padding-bottom: 0.99em !important;
}
.padding-h-3 {
  padding-left: 0.99em !important;
  padding-right: 0.99em !important;
}
.margin-v-3 {
  margin-top: 0.99em !important;
  margin-bottom: 0.99em !important;
}
.margin-h-3 {
  margin-left: 0.99em !important;
  margin-right: 0.99em !important;
}
.flex-4 {
  flex: 4 4 0px !important;
}
.flex-grow-4 {
  flex-grow: 4 !important;
}
.flex-shrink-4 {
  flex-shrink: 4 !important;
}
.gap-4 {
  gap: 1.32em !important;
}
.padding-4 {
  padding: 1.32em !important;
}
.margin-4 {
  margin: 1.32em !important;
}
.padding-v-4 {
  padding-top: 1.32em !important;
  padding-bottom: 1.32em !important;
}
.padding-h-4 {
  padding-left: 1.32em !important;
  padding-right: 1.32em !important;
}
.margin-v-4 {
  margin-top: 1.32em !important;
  margin-bottom: 1.32em !important;
}
.margin-h-4 {
  margin-left: 1.32em !important;
  margin-right: 1.32em !important;
}
.flex-5 {
  flex: 5 5 0px !important;
}
.flex-grow-5 {
  flex-grow: 5 !important;
}
.flex-shrink-5 {
  flex-shrink: 5 !important;
}
.gap-5 {
  gap: 1.65em !important;
}
.padding-5 {
  padding: 1.65em !important;
}
.margin-5 {
  margin: 1.65em !important;
}
.padding-v-5 {
  padding-top: 1.65em !important;
  padding-bottom: 1.65em !important;
}
.padding-h-5 {
  padding-left: 1.65em !important;
  padding-right: 1.65em !important;
}
.margin-v-5 {
  margin-top: 1.65em !important;
  margin-bottom: 1.65em !important;
}
.margin-h-5 {
  margin-left: 1.65em !important;
  margin-right: 1.65em !important;
}
.flex-6 {
  flex: 6 6 0px !important;
}
.flex-grow-6 {
  flex-grow: 6 !important;
}
.flex-shrink-6 {
  flex-shrink: 6 !important;
}
.gap-6 {
  gap: 1.98em !important;
}
.padding-6 {
  padding: 1.98em !important;
}
.margin-6 {
  margin: 1.98em !important;
}
.padding-v-6 {
  padding-top: 1.98em !important;
  padding-bottom: 1.98em !important;
}
.padding-h-6 {
  padding-left: 1.98em !important;
  padding-right: 1.98em !important;
}
.margin-v-6 {
  margin-top: 1.98em !important;
  margin-bottom: 1.98em !important;
}
.margin-h-6 {
  margin-left: 1.98em !important;
  margin-right: 1.98em !important;
}
.flex-7 {
  flex: 7 7 0px !important;
}
.flex-grow-7 {
  flex-grow: 7 !important;
}
.flex-shrink-7 {
  flex-shrink: 7 !important;
}
.gap-7 {
  gap: 2.31em !important;
}
.padding-7 {
  padding: 2.31em !important;
}
.margin-7 {
  margin: 2.31em !important;
}
.padding-v-7 {
  padding-top: 2.31em !important;
  padding-bottom: 2.31em !important;
}
.padding-h-7 {
  padding-left: 2.31em !important;
  padding-right: 2.31em !important;
}
.margin-v-7 {
  margin-top: 2.31em !important;
  margin-bottom: 2.31em !important;
}
.margin-h-7 {
  margin-left: 2.31em !important;
  margin-right: 2.31em !important;
}
.flex-8 {
  flex: 8 8 0px !important;
}
.flex-grow-8 {
  flex-grow: 8 !important;
}
.flex-shrink-8 {
  flex-shrink: 8 !important;
}
.gap-8 {
  gap: 2.64em !important;
}
.padding-8 {
  padding: 2.64em !important;
}
.margin-8 {
  margin: 2.64em !important;
}
.padding-v-8 {
  padding-top: 2.64em !important;
  padding-bottom: 2.64em !important;
}
.padding-h-8 {
  padding-left: 2.64em !important;
  padding-right: 2.64em !important;
}
.margin-v-8 {
  margin-top: 2.64em !important;
  margin-bottom: 2.64em !important;
}
.margin-h-8 {
  margin-left: 2.64em !important;
  margin-right: 2.64em !important;
}
.flex-9 {
  flex: 9 9 0px !important;
}
.flex-grow-9 {
  flex-grow: 9 !important;
}
.flex-shrink-9 {
  flex-shrink: 9 !important;
}
.gap-9 {
  gap: 2.97em !important;
}
.padding-9 {
  padding: 2.97em !important;
}
.margin-9 {
  margin: 2.97em !important;
}
.padding-v-9 {
  padding-top: 2.97em !important;
  padding-bottom: 2.97em !important;
}
.padding-h-9 {
  padding-left: 2.97em !important;
  padding-right: 2.97em !important;
}
.margin-v-9 {
  margin-top: 2.97em !important;
  margin-bottom: 2.97em !important;
}
.margin-h-9 {
  margin-left: 2.97em !important;
  margin-right: 2.97em !important;
}
.flex-10 {
  flex: 10 10 0px !important;
}
.flex-grow-10 {
  flex-grow: 10 !important;
}
.flex-shrink-10 {
  flex-shrink: 10 !important;
}
.gap-10 {
  gap: 3.3em !important;
}
.padding-10 {
  padding: 3.3em !important;
}
.margin-10 {
  margin: 3.3em !important;
}
.padding-v-10 {
  padding-top: 3.3em !important;
  padding-bottom: 3.3em !important;
}
.padding-h-10 {
  padding-left: 3.3em !important;
  padding-right: 3.3em !important;
}
.margin-v-10 {
  margin-top: 3.3em !important;
  margin-bottom: 3.3em !important;
}
.margin-h-10 {
  margin-left: 3.3em !important;
  margin-right: 3.3em !important;
}
.vh-0 {
  min-height: 0vh !important;
  max-height: 0vh !important;
  height: 0vh !important;
}
.vw-0 {
  min-width: 0vw !important;
  max-width: 0vw !important;
  width: 0vw !important;
}
.max-vh-0 {
  max-height: 0vh !important;
}
.max-vw-0 {
  max-width: 0vw !important;
}
.min-vh-0 {
  max-height: 0vh !important;
}
.min-vw-0 {
  max-width: 0vw !important;
}
.width-0 {
  width: 0%;
}
.height-0 {
  height: 0%;
}
.vh-10 {
  min-height: 10vh !important;
  max-height: 10vh !important;
  height: 10vh !important;
}
.vw-10 {
  min-width: 10vw !important;
  max-width: 10vw !important;
  width: 10vw !important;
}
.max-vh-10 {
  max-height: 10vh !important;
}
.max-vw-10 {
  max-width: 10vw !important;
}
.min-vh-10 {
  max-height: 10vh !important;
}
.min-vw-10 {
  max-width: 10vw !important;
}
.width-10 {
  width: 10%;
}
.height-10 {
  height: 10%;
}
.vh-20 {
  min-height: 20vh !important;
  max-height: 20vh !important;
  height: 20vh !important;
}
.vw-20 {
  min-width: 20vw !important;
  max-width: 20vw !important;
  width: 20vw !important;
}
.max-vh-20 {
  max-height: 20vh !important;
}
.max-vw-20 {
  max-width: 20vw !important;
}
.min-vh-20 {
  max-height: 20vh !important;
}
.min-vw-20 {
  max-width: 20vw !important;
}
.width-20 {
  width: 20%;
}
.height-20 {
  height: 20%;
}
.vh-30 {
  min-height: 30vh !important;
  max-height: 30vh !important;
  height: 30vh !important;
}
.vw-30 {
  min-width: 30vw !important;
  max-width: 30vw !important;
  width: 30vw !important;
}
.max-vh-30 {
  max-height: 30vh !important;
}
.max-vw-30 {
  max-width: 30vw !important;
}
.min-vh-30 {
  max-height: 30vh !important;
}
.min-vw-30 {
  max-width: 30vw !important;
}
.width-30 {
  width: 30%;
}
.height-30 {
  height: 30%;
}
.vh-40 {
  min-height: 40vh !important;
  max-height: 40vh !important;
  height: 40vh !important;
}
.vw-40 {
  min-width: 40vw !important;
  max-width: 40vw !important;
  width: 40vw !important;
}
.max-vh-40 {
  max-height: 40vh !important;
}
.max-vw-40 {
  max-width: 40vw !important;
}
.min-vh-40 {
  max-height: 40vh !important;
}
.min-vw-40 {
  max-width: 40vw !important;
}
.width-40 {
  width: 40%;
}
.height-40 {
  height: 40%;
}
.vh-50 {
  min-height: 50vh !important;
  max-height: 50vh !important;
  height: 50vh !important;
}
.vw-50 {
  min-width: 50vw !important;
  max-width: 50vw !important;
  width: 50vw !important;
}
.max-vh-50 {
  max-height: 50vh !important;
}
.max-vw-50 {
  max-width: 50vw !important;
}
.min-vh-50 {
  max-height: 50vh !important;
}
.min-vw-50 {
  max-width: 50vw !important;
}
.width-50 {
  width: 50%;
}
.height-50 {
  height: 50%;
}
.vh-60 {
  min-height: 60vh !important;
  max-height: 60vh !important;
  height: 60vh !important;
}
.vw-60 {
  min-width: 60vw !important;
  max-width: 60vw !important;
  width: 60vw !important;
}
.max-vh-60 {
  max-height: 60vh !important;
}
.max-vw-60 {
  max-width: 60vw !important;
}
.min-vh-60 {
  max-height: 60vh !important;
}
.min-vw-60 {
  max-width: 60vw !important;
}
.width-60 {
  width: 60%;
}
.height-60 {
  height: 60%;
}
.vh-70 {
  min-height: 70vh !important;
  max-height: 70vh !important;
  height: 70vh !important;
}
.vw-70 {
  min-width: 70vw !important;
  max-width: 70vw !important;
  width: 70vw !important;
}
.max-vh-70 {
  max-height: 70vh !important;
}
.max-vw-70 {
  max-width: 70vw !important;
}
.min-vh-70 {
  max-height: 70vh !important;
}
.min-vw-70 {
  max-width: 70vw !important;
}
.width-70 {
  width: 70%;
}
.height-70 {
  height: 70%;
}
.vh-80 {
  min-height: 80vh !important;
  max-height: 80vh !important;
  height: 80vh !important;
}
.vw-80 {
  min-width: 80vw !important;
  max-width: 80vw !important;
  width: 80vw !important;
}
.max-vh-80 {
  max-height: 80vh !important;
}
.max-vw-80 {
  max-width: 80vw !important;
}
.min-vh-80 {
  max-height: 80vh !important;
}
.min-vw-80 {
  max-width: 80vw !important;
}
.width-80 {
  width: 80%;
}
.height-80 {
  height: 80%;
}
.vh-90 {
  min-height: 90vh !important;
  max-height: 90vh !important;
  height: 90vh !important;
}
.vw-90 {
  min-width: 90vw !important;
  max-width: 90vw !important;
  width: 90vw !important;
}
.max-vh-90 {
  max-height: 90vh !important;
}
.max-vw-90 {
  max-width: 90vw !important;
}
.min-vh-90 {
  max-height: 90vh !important;
}
.min-vw-90 {
  max-width: 90vw !important;
}
.width-90 {
  width: 90%;
}
.height-90 {
  height: 90%;
}
.vh-100 {
  min-height: 100vh !important;
  max-height: 100vh !important;
  height: 100vh !important;
}
.vw-100 {
  min-width: 100vw !important;
  max-width: 100vw !important;
  width: 100vw !important;
}
.max-vh-100 {
  max-height: 100vh !important;
}
.max-vw-100 {
  max-width: 100vw !important;
}
.min-vh-100 {
  max-height: 100vh !important;
}
.min-vw-100 {
  max-width: 100vw !important;
}
.width-100 {
  width: 100%;
}
.height-100 {
  height: 100%;
}
.centered {
  width: 1000px;
  margin: 0 auto;
}
.margin-top-0 {
  margin-top: 0em !important;
}
.margin-top-1 {
  margin-top: 0.33em !important;
}
.margin-top-2 {
  margin-top: 0.66em !important;
}
.margin-top-3 {
  margin-top: 0.99em !important;
}
.margin-top-4 {
  margin-top: 1.32em !important;
}
.margin-top-5 {
  margin-top: 1.65em !important;
}
.margin-top-6 {
  margin-top: 1.98em !important;
}
.margin-top-7 {
  margin-top: 2.31em !important;
}
.margin-top-8 {
  margin-top: 2.64em !important;
}
.margin-top-9 {
  margin-top: 2.97em !important;
}
.margin-top-10 {
  margin-top: 3.3em !important;
}
.margin-top-11 {
  margin-top: 3.63em !important;
}
.margin-right-0 {
  margin-right: 0em !important;
}
.margin-right-1 {
  margin-right: 0.33em !important;
}
.margin-right-2 {
  margin-right: 0.66em !important;
}
.margin-right-3 {
  margin-right: 0.99em !important;
}
.margin-right-4 {
  margin-right: 1.32em !important;
}
.margin-right-5 {
  margin-right: 1.65em !important;
}
.margin-right-6 {
  margin-right: 1.98em !important;
}
.margin-right-7 {
  margin-right: 2.31em !important;
}
.margin-right-8 {
  margin-right: 2.64em !important;
}
.margin-right-9 {
  margin-right: 2.97em !important;
}
.margin-right-10 {
  margin-right: 3.3em !important;
}
.margin-right-11 {
  margin-right: 3.63em !important;
}
.margin-bottom-0 {
  margin-bottom: 0em !important;
}
.margin-bottom-1 {
  margin-bottom: 0.33em !important;
}
.margin-bottom-2 {
  margin-bottom: 0.66em !important;
}
.margin-bottom-3 {
  margin-bottom: 0.99em !important;
}
.margin-bottom-4 {
  margin-bottom: 1.32em !important;
}
.margin-bottom-5 {
  margin-bottom: 1.65em !important;
}
.margin-bottom-6 {
  margin-bottom: 1.98em !important;
}
.margin-bottom-7 {
  margin-bottom: 2.31em !important;
}
.margin-bottom-8 {
  margin-bottom: 2.64em !important;
}
.margin-bottom-9 {
  margin-bottom: 2.97em !important;
}
.margin-bottom-10 {
  margin-bottom: 3.3em !important;
}
.margin-bottom-11 {
  margin-bottom: 3.63em !important;
}
.margin-left-0 {
  margin-left: 0em !important;
}
.margin-left-1 {
  margin-left: 0.33em !important;
}
.margin-left-2 {
  margin-left: 0.66em !important;
}
.margin-left-3 {
  margin-left: 0.99em !important;
}
.margin-left-4 {
  margin-left: 1.32em !important;
}
.margin-left-5 {
  margin-left: 1.65em !important;
}
.margin-left-6 {
  margin-left: 1.98em !important;
}
.margin-left-7 {
  margin-left: 2.31em !important;
}
.margin-left-8 {
  margin-left: 2.64em !important;
}
.margin-left-9 {
  margin-left: 2.97em !important;
}
.margin-left-10 {
  margin-left: 3.3em !important;
}
.margin-left-11 {
  margin-left: 3.63em !important;
}
.padding-top-0 {
  padding-top: 0em !important;
}
.padding-top-1 {
  padding-top: 0.33em !important;
}
.padding-top-2 {
  padding-top: 0.66em !important;
}
.padding-top-3 {
  padding-top: 0.99em !important;
}
.padding-top-4 {
  padding-top: 1.32em !important;
}
.padding-top-5 {
  padding-top: 1.65em !important;
}
.padding-top-6 {
  padding-top: 1.98em !important;
}
.padding-top-7 {
  padding-top: 2.31em !important;
}
.padding-top-8 {
  padding-top: 2.64em !important;
}
.padding-top-9 {
  padding-top: 2.97em !important;
}
.padding-top-10 {
  padding-top: 3.3em !important;
}
.padding-top-11 {
  padding-top: 3.63em !important;
}
.padding-right-0 {
  padding-right: 0em !important;
}
.padding-right-1 {
  padding-right: 0.33em !important;
}
.padding-right-2 {
  padding-right: 0.66em !important;
}
.padding-right-3 {
  padding-right: 0.99em !important;
}
.padding-right-4 {
  padding-right: 1.32em !important;
}
.padding-right-5 {
  padding-right: 1.65em !important;
}
.padding-right-6 {
  padding-right: 1.98em !important;
}
.padding-right-7 {
  padding-right: 2.31em !important;
}
.padding-right-8 {
  padding-right: 2.64em !important;
}
.padding-right-9 {
  padding-right: 2.97em !important;
}
.padding-right-10 {
  padding-right: 3.3em !important;
}
.padding-right-11 {
  padding-right: 3.63em !important;
}
.padding-bottom-0 {
  padding-bottom: 0em !important;
}
.padding-bottom-1 {
  padding-bottom: 0.33em !important;
}
.padding-bottom-2 {
  padding-bottom: 0.66em !important;
}
.padding-bottom-3 {
  padding-bottom: 0.99em !important;
}
.padding-bottom-4 {
  padding-bottom: 1.32em !important;
}
.padding-bottom-5 {
  padding-bottom: 1.65em !important;
}
.padding-bottom-6 {
  padding-bottom: 1.98em !important;
}
.padding-bottom-7 {
  padding-bottom: 2.31em !important;
}
.padding-bottom-8 {
  padding-bottom: 2.64em !important;
}
.padding-bottom-9 {
  padding-bottom: 2.97em !important;
}
.padding-bottom-10 {
  padding-bottom: 3.3em !important;
}
.padding-bottom-11 {
  padding-bottom: 3.63em !important;
}
.padding-left-0 {
  padding-left: 0em !important;
}
.padding-left-1 {
  padding-left: 0.33em !important;
}
.padding-left-2 {
  padding-left: 0.66em !important;
}
.padding-left-3 {
  padding-left: 0.99em !important;
}
.padding-left-4 {
  padding-left: 1.32em !important;
}
.padding-left-5 {
  padding-left: 1.65em !important;
}
.padding-left-6 {
  padding-left: 1.98em !important;
}
.padding-left-7 {
  padding-left: 2.31em !important;
}
.padding-left-8 {
  padding-left: 2.64em !important;
}
.padding-left-9 {
  padding-left: 2.97em !important;
}
.padding-left-10 {
  padding-left: 3.3em !important;
}
.padding-left-11 {
  padding-left: 3.63em !important;
}
.fill-top {
  margin-top: auto;
}
.fill-right {
  margin-right: auto;
}
.fill-bottom {
  margin-bottom: auto;
}
.fill-left {
  margin-left: auto;
}
hr {
  margin: 0;
  border: none;
  border-bottom: 1px solid var(--stealth);
}
hr.white {
  border-color: #FFF !important;
}
hr.lightgray {
  border-color: #FAFAFA !important;
}
hr.gray {
  border-color: #e9e9ed !important;
}
hr.darkgray {
  border-color: #323232 !important;
}
hr.black {
  border-color: #000 !important;
}
hr.red {
  border-color: hsl(7, 82%, 55%) !important;
}
hr.orange {
  border-color: hsl(33, 100%, 50%) !important;
}
hr.yellow {
  border-color: hsl(53, 100%, 50%) !important;
}
hr.green {
  border-color: hsl(146, 70%, 42%) !important;
}
hr.turquoise {
  border-color: hsl(172, 100%, 37%) !important;
}
hr.blue {
  border-color: hsl(202, 100%, 50%) !important;
}
hr.indigo {
  border-color: hsl(242, 88%, 67%) !important;
}
hr.violet {
  border-color: hsl(272, 100%, 58%) !important;
}
hr.Ivory {
  border-color: Ivory !important;
}
hr.Beige {
  border-color: Beige !important;
}
hr.AntiqueWhite {
  border-color: AntiqueWhite !important;
}
hr.LemonChiffon {
  border-color: LemonChiffon !important;
}
hr.LightGoldenRodYellow {
  border-color: LightGoldenRodYellow !important;
}
hr.LightYellow {
  border-color: LightYellow !important;
}
hr.Linen {
  border-color: Linen !important;
}
hr.PaleGoldenRod {
  border-color: PaleGoldenRod !important;
}
hr.Bisque {
  border-color: Bisque !important;
}
hr.BlanchedAlmond {
  border-color: BlanchedAlmond !important;
}
hr.BurlyWood {
  border-color: BurlyWood !important;
}
hr.Khaki {
  border-color: Khaki !important;
}
hr.DarkKhaki {
  border-color: DarkKhaki !important;
}
hr.Gold {
  border-color: Gold !important;
}
hr.GoldenRod {
  border-color: GoldenRod !important;
}
hr.Yellow {
  border-color: Yellow !important;
}
hr.White {
  border-color: White !important;
}
hr.Snow {
  border-color: Snow !important;
}
hr.Azure {
  border-color: Azure !important;
}
hr.WhiteSmoke {
  border-color: WhiteSmoke !important;
}
hr.Gainsboro {
  border-color: Gainsboro !important;
}
hr.LightGray {
  border-color: LightGray !important;
}
hr.LightGrey {
  border-color: LightGrey !important;
}
hr.Silver {
  border-color: Silver !important;
}
hr.DarkGray {
  border-color: DarkGray !important;
}
hr.DarkGrey {
  border-color: DarkGrey !important;
}
hr.Gray {
  border-color: Gray !important;
}
hr.Grey {
  border-color: Grey !important;
}
hr.DimGray {
  border-color: DimGray !important;
}
hr.DimGrey {
  border-color: DimGrey !important;
}
hr.Black {
  border-color: Black !important;
}
hr.HoneyDew {
  border-color: HoneyDew !important;
}
hr.FloralWhite {
  border-color: FloralWhite !important;
}
hr.MintCream {
  border-color: MintCream !important;
}
hr.YellowGreen {
  border-color: YellowGreen !important;
}
hr.LightGreen {
  border-color: LightGreen !important;
}
hr.PaleGreen {
  border-color: PaleGreen !important;
}
hr.GreenYellow {
  border-color: GreenYellow !important;
}
hr.Chartreuse {
  border-color: Chartreuse !important;
}
hr.LawnGreen {
  border-color: LawnGreen !important;
}
hr.Lime {
  border-color: Lime !important;
}
hr.LimeGreen {
  border-color: LimeGreen !important;
}
hr.MediumSpringGreen {
  border-color: MediumSpringGreen !important;
}
hr.SpringGreen {
  border-color: SpringGreen !important;
}
hr.MediumAquaMarine {
  border-color: MediumAquaMarine !important;
}
hr.MediumSeaGreen {
  border-color: MediumSeaGreen !important;
}
hr.OliveDrab {
  border-color: OliveDrab !important;
}
hr.Olive {
  border-color: Olive !important;
}
hr.DarkOliveGreen {
  border-color: DarkOliveGreen !important;
}
hr.DarkSeaGreen {
  border-color: DarkSeaGreen !important;
}
hr.Green {
  border-color: Green !important;
}
hr.DarkGreen {
  border-color: DarkGreen !important;
}
hr.DarkSlateGray {
  border-color: DarkSlateGray !important;
}
hr.DarkSlateGrey {
  border-color: DarkSlateGrey !important;
}
hr.ForestGreen {
  border-color: ForestGreen !important;
}
hr.SeaGreen {
  border-color: SeaGreen !important;
}
hr.SeaShell {
  border-color: SeaShell !important;
}
hr.LavenderBlush {
  border-color: LavenderBlush !important;
}
hr.Cornsilk {
  border-color: Cornsilk !important;
}
hr.MistyRose {
  border-color: MistyRose !important;
}
hr.Moccasin {
  border-color: Moccasin !important;
}
hr.NavajoWhite {
  border-color: NavajoWhite !important;
}
hr.OldLace {
  border-color: OldLace !important;
}
hr.PapayaWhip {
  border-color: PapayaWhip !important;
}
hr.PeachPuff {
  border-color: PeachPuff !important;
}
hr.Wheat {
  border-color: Wheat !important;
}
hr.Coral {
  border-color: Coral !important;
}
hr.DarkGoldenRod {
  border-color: DarkGoldenRod !important;
}
hr.Chocolate {
  border-color: Chocolate !important;
}
hr.DarkOrange {
  border-color: DarkOrange !important;
}
hr.Orange {
  border-color: Orange !important;
}
hr.SandyBrown {
  border-color: SandyBrown !important;
}
hr.Peru {
  border-color: Peru !important;
}
hr.DarkSalmon {
  border-color: DarkSalmon !important;
}
hr.LightSalmon {
  border-color: LightSalmon !important;
}
hr.LightCoral {
  border-color: LightCoral !important;
}
hr.IndianRed {
  border-color: IndianRed !important;
}
hr.OrangeRed {
  border-color: OrangeRed !important;
}
hr.PaleVioletRed {
  border-color: PaleVioletRed !important;
}
hr.Tomato {
  border-color: Tomato !important;
}
hr.Crimson {
  border-color: Crimson !important;
}
hr.FireBrick {
  border-color: FireBrick !important;
}
hr.Brown {
  border-color: Brown !important;
}
hr.DarkRed {
  border-color: DarkRed !important;
}
hr.Maroon {
  border-color: Maroon !important;
}
hr.Red {
  border-color: Red !important;
}
hr.Tan {
  border-color: Tan !important;
}
hr.RosyBrown {
  border-color: RosyBrown !important;
}
hr.SaddleBrown {
  border-color: SaddleBrown !important;
}
hr.Salmon {
  border-color: Salmon !important;
}
hr.Sienna {
  border-color: Sienna !important;
}
hr.Pink {
  border-color: Pink !important;
}
hr.LightPink {
  border-color: LightPink !important;
}
hr.Plum {
  border-color: Plum !important;
}
hr.Thistle {
  border-color: Thistle !important;
}
hr.HotPink {
  border-color: HotPink !important;
}
hr.Orchid {
  border-color: Orchid !important;
}
hr.Violet {
  border-color: Violet !important;
}
hr.Magenta {
  border-color: Magenta !important;
}
hr.Fuchsia {
  border-color: Fuchsia !important;
}
hr.DeepPink {
  border-color: DeepPink !important;
}
hr.MediumVioletRed {
  border-color: MediumVioletRed !important;
}
hr.DarkMagenta {
  border-color: DarkMagenta !important;
}
hr.BlueViolet {
  border-color: BlueViolet !important;
}
hr.DarkOrchid {
  border-color: DarkOrchid !important;
}
hr.DarkSlateBlue {
  border-color: DarkSlateBlue !important;
}
hr.DarkViolet {
  border-color: DarkViolet !important;
}
hr.Indigo {
  border-color: Indigo !important;
}
hr.MediumOrchid {
  border-color: MediumOrchid !important;
}
hr.MediumPurple {
  border-color: MediumPurple !important;
}
hr.MediumSlateBlue {
  border-color: MediumSlateBlue !important;
}
hr.RebeccaPurple {
  border-color: RebeccaPurple !important;
}
hr.Purple {
  border-color: Purple !important;
}
hr.GhostWhite {
  border-color: GhostWhite !important;
}
hr.AliceBlue {
  border-color: AliceBlue !important;
}
hr.Lavender {
  border-color: Lavender !important;
}
hr.LightBlue {
  border-color: LightBlue !important;
}
hr.LightCyan {
  border-color: LightCyan !important;
}
hr.LightSkyBlue {
  border-color: LightSkyBlue !important;
}
hr.LightSlateGray {
  border-color: LightSlateGray !important;
}
hr.LightSlateGrey {
  border-color: LightSlateGrey !important;
}
hr.LightSteelBlue {
  border-color: LightSteelBlue !important;
}
hr.PaleTurquoise {
  border-color: PaleTurquoise !important;
}
hr.PowderBlue {
  border-color: PowderBlue !important;
}
hr.SkyBlue {
  border-color: SkyBlue !important;
}
hr.SlateGray {
  border-color: SlateGray !important;
}
hr.SlateGrey {
  border-color: SlateGrey !important;
}
hr.Aquamarine {
  border-color: Aquamarine !important;
}
hr.CadetBlue {
  border-color: CadetBlue !important;
}
hr.CornflowerBlue {
  border-color: CornflowerBlue !important;
}
hr.Blue {
  border-color: Blue !important;
}
hr.DarkBlue {
  border-color: DarkBlue !important;
}
hr.DarkTurquoise {
  border-color: DarkTurquoise !important;
}
hr.DeepSkyBlue {
  border-color: DeepSkyBlue !important;
}
hr.DodgerBlue {
  border-color: DodgerBlue !important;
}
hr.RoyalBlue {
  border-color: RoyalBlue !important;
}
hr.MediumBlue {
  border-color: MediumBlue !important;
}
hr.MidnightBlue {
  border-color: MidnightBlue !important;
}
hr.Navy {
  border-color: Navy !important;
}
hr.SlateBlue {
  border-color: SlateBlue !important;
}
hr.MediumTurquoise {
  border-color: MediumTurquoise !important;
}
hr.Cyan {
  border-color: Cyan !important;
}
hr.Aqua {
  border-color: Aqua !important;
}
hr.SteelBlue {
  border-color: SteelBlue !important;
}
hr.DarkCyan {
  border-color: DarkCyan !important;
}
hr.Teal {
  border-color: Teal !important;
}
hr.Turquoise {
  border-color: Turquoise !important;
}
hr.LightSeaGreen {
  border-color: LightSeaGreen !important;
}
hr.transparent {
  border-color: transparent !important;
}
.scroll-shadow {
  background: linear-gradient(var(--bg) 33%, transparent), linear-gradient(transparent, var(--bg) 66%) 0 100%, /* Shadows */ radial-gradient(farthest-side at 50% 0%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center top, radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center bottom;
  background-repeat: no-repeat;
  background-size: 100% 45px, 100% 45px,  100% 14px, 100% 14px;
  background-attachment: local, local, scroll, scroll;
}
.scrollable:not(.horizontal) {
  overflow-y: auto;
  padding: 0.25em;
}
.scrollable.horizontal {
  width: 100%;
  overflow-x: auto;
}
.hide-empty:empty {
  display: none;
}
.opacity-0 {
  opacity: 0;
}
.opacity-1 {
  opacity: 0.1;
}
.opacity-2 {
  opacity: 0.2;
}
.opacity-3 {
  opacity: 0.3;
}
.opacity-4 {
  opacity: 0.4;
}
.opacity-5 {
  opacity: 0.5;
}
.opacity-6 {
  opacity: 0.6;
}
.opacity-7 {
  opacity: 0.7;
}
.opacity-8 {
  opacity: 0.8;
}
.opacity-9 {
  opacity: 0.9;
}
.opacity-10 {
  opacity: 1;
}
.clickable {
  cursor: pointer;
}
.container {
  padding: 1.5em;
  border: solid 1px var(--stealth);
  border-radius: 0.5em;
}
.no-shadow {
  box-shadow: none !important;
}
.light-shadow {
  box-shadow: var(--light-shadow) !important;
}
.medium-shadow {
  box-shadow: var(--medium-shadow) !important;
}
.heavy-shadow {
  box-shadow: var(--heavy-shadow) !important;
}
body.is-mobile .centered {
  width: 100% !important;
}
body.is-mobile .flex-column-mobile {
  flex-direction: column !important;
}
body.is-mobile > * {
  max-width: 100%;
}
.custom-bg {
  background-color: attr(bg);
}
body {
  line-height: 1.25;
}
p {
  margin: 0;
}
p.short {
  max-width: 40ch;
}
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  line-height: 1.3;
}
h1 {
  font-size: 1.802rem;
  font-weight: 700;
}
h2 {
  font-size: 1.602rem;
  font-weight: 700;
}
h3 {
  font-size: 1.424rem;
  font-weight: 600;
}
h4 {
  font-size: 1.266rem;
  font-weight: 600;
}
h5 {
  font-size: 1.125rem;
  font-weight: 400;
}
.h1 {
  font-size: 3.052em !important;
  font-weight: 900 !important;
}
.h2 {
  font-size: 2.441em !important;
  font-weight: 800 !important;
}
.h3 {
  font-size: 1.953em !important;
  font-weight: 700 !important;
}
.h4 {
  font-size: 1.563em !important;
  font-weight: 700 !important;
}
.h5 {
  font-size: 1.25em !important;
  font-weight: 600 !important;
}
.f1 {
  font-size: 0.8em;
}
.f2 {
  font-size: 0.63979527em;
}
.f3 {
  font-size: 0.51203277em;
}
.f4 {
  font-size: 0.40966817em;
}
.f5 {
  font-size: 0.327654em;
}
small,
.small {
  color: var(--discreet);
  font-size: 0.8em !important;
  font-weight: 700;
}
.light {
  font-weight: 300 !important;
}
.semi-bold {
  font-weight: 600 !important;
}
.bold {
  font-weight: bold !important;
}
.text-left {
  text-align: left !important;
}
.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right !important;
}
.text-justify {
  text-align: justify !important;
}
.weight-100 {
  font-weight: 100 !important;
}
.weight-200 {
  font-weight: 200 !important;
}
.weight-300 {
  font-weight: 300 !important;
}
.weight-400 {
  font-weight: 400 !important;
}
.weight-500 {
  font-weight: 500 !important;
}
.weight-600 {
  font-weight: 600 !important;
}
.weight-700 {
  font-weight: 700 !important;
}
.weight-800 {
  font-weight: 800 !important;
}
.weight-900 {
  font-weight: 900 !important;
}
.font-size-1 {
  font-size: 1em;
}
.font-size-2 {
  font-size: 2em;
}
.font-size-3 {
  font-size: 3em;
}
.font-size-4 {
  font-size: 4em;
}
.font-size-5 {
  font-size: 5em;
}
.font-size-6 {
  font-size: 6em;
}
.font-size-7 {
  font-size: 7em;
}
.font-size-8 {
  font-size: 8em;
}
.font-size-9 {
  font-size: 9em;
}
.font-size-10 {
  font-size: 10em;
}
.font-size-11 {
  font-size: 11em;
}
.font-size-12 {
  font-size: 12em;
}
.font-size-13 {
  font-size: 13em;
}
.font-size-14 {
  font-size: 14em;
}
.font-size-15 {
  font-size: 15em;
}
.font-size-16 {
  font-size: 16em;
}
.font-size-17 {
  font-size: 17em;
}
.font-size-18 {
  font-size: 18em;
}
.font-size-19 {
  font-size: 19em;
}
.font-size-20 {
  font-size: 20em;
}
.info {
  --info-background: #EEEA;
  --info-foreground: #777A;
  border: none;
  border-radius: 0.33em;
  padding: 1em;
  font-size: 0.9em;
  background: var(--info-background);
  --highlight: var(--info-background);
  color: var(--info-foreground);
}
.info span,
.info b {
  color: var(--info-contrast);
}
.info.white {
  --info-background: rgba(255, 255, 255, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #f2f2f2;
}
.foreground-white,
.text-white,
.fg-white {
  color: #FFF !important;
  --fg: #FFF !important;
}
.background-white,
.bg-white {
  background-color: #FFF !important;
  border-color: #FFF !important;
  --bg: #FFF !important;
}
.info.lightgray {
  --info-background: rgba(250, 250, 250, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #ededed;
}
.foreground-lightgray,
.text-lightgray,
.fg-lightgray {
  color: #FAFAFA !important;
  --fg: #FAFAFA !important;
}
.background-lightgray,
.bg-lightgray {
  background-color: #FAFAFA !important;
  border-color: #FAFAFA !important;
  --bg: #FAFAFA !important;
}
.info.gray {
  --info-background: rgba(233, 233, 237, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #dbdbe2;
}
.foreground-gray,
.text-gray,
.fg-gray {
  color: #e9e9ed !important;
  --fg: #e9e9ed !important;
}
.background-gray,
.bg-gray {
  background-color: #e9e9ed !important;
  border-color: #e9e9ed !important;
  --bg: #e9e9ed !important;
}
.info.darkgray {
  --info-background: rgba(50, 50, 50, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #252525;
}
.foreground-darkgray,
.text-darkgray,
.fg-darkgray {
  color: #323232 !important;
  --fg: #323232 !important;
}
.background-darkgray,
.bg-darkgray {
  background-color: #323232 !important;
  border-color: #323232 !important;
  --bg: #323232 !important;
}
.info.black {
  --info-background: rgba(0, 0, 0, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #000000;
}
.foreground-black,
.text-black,
.fg-black {
  color: #000 !important;
  --fg: #000 !important;
}
.background-black,
.bg-black {
  background-color: #000 !important;
  border-color: #000 !important;
  --bg: #000 !important;
}
.info.red {
  --info-background: rgba(234, 68, 46, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: hsl(7, 82%, 50%);
}
.foreground-red,
.text-red,
.fg-red {
  color: hsl(7, 82%, 55%) !important;
  --fg: hsl(7, 82%, 55%) !important;
}
.background-red,
.bg-red {
  background-color: hsl(7, 82%, 55%) !important;
  border-color: hsl(7, 82%, 55%) !important;
  --bg: hsl(7, 82%, 55%) !important;
}
.info.orange {
  --info-background: rgba(255, 140, 0, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: hsl(33, 100%, 45%);
}
.foreground-orange,
.text-orange,
.fg-orange {
  color: hsl(33, 100%, 50%) !important;
  --fg: hsl(33, 100%, 50%) !important;
}
.background-orange,
.bg-orange {
  background-color: hsl(33, 100%, 50%) !important;
  border-color: hsl(33, 100%, 50%) !important;
  --bg: hsl(33, 100%, 50%) !important;
}
.info.yellow {
  --info-background: rgba(255, 225, 0, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: hsl(53, 100%, 45%);
}
.foreground-yellow,
.text-yellow,
.fg-yellow {
  color: hsl(53, 100%, 50%) !important;
  --fg: hsl(53, 100%, 50%) !important;
}
.background-yellow,
.bg-yellow {
  background-color: hsl(53, 100%, 50%) !important;
  border-color: hsl(53, 100%, 50%) !important;
  --bg: hsl(53, 100%, 50%) !important;
}
.info.green {
  --info-background: rgba(32, 182, 97, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: hsl(146, 70%, 37%);
}
.foreground-green,
.text-green,
.fg-green {
  color: hsl(146, 70%, 42%) !important;
  --fg: hsl(146, 70%, 42%) !important;
}
.background-green,
.bg-green {
  background-color: hsl(146, 70%, 42%) !important;
  border-color: hsl(146, 70%, 42%) !important;
  --bg: hsl(146, 70%, 42%) !important;
}
.info.turquoise {
  --info-background: rgba(0, 189, 164, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: hsl(172, 100%, 32%);
}
.foreground-turquoise,
.text-turquoise,
.fg-turquoise {
  color: hsl(172, 100%, 37%) !important;
  --fg: hsl(172, 100%, 37%) !important;
}
.background-turquoise,
.bg-turquoise {
  background-color: hsl(172, 100%, 37%) !important;
  border-color: hsl(172, 100%, 37%) !important;
  --bg: hsl(172, 100%, 37%) !important;
}
.info.blue {
  --info-background: rgba(0, 161, 255, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: hsl(202, 100%, 45%);
}
.foreground-blue,
.text-blue,
.fg-blue {
  color: hsl(202, 100%, 50%) !important;
  --fg: hsl(202, 100%, 50%) !important;
}
.background-blue,
.bg-blue {
  background-color: hsl(202, 100%, 50%) !important;
  border-color: hsl(202, 100%, 50%) !important;
  --bg: hsl(202, 100%, 50%) !important;
}
.info.indigo {
  --info-background: rgba(102, 97, 245, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: hsl(242, 88%, 62%);
}
.foreground-indigo,
.text-indigo,
.fg-indigo {
  color: hsl(242, 88%, 67%) !important;
  --fg: hsl(242, 88%, 67%) !important;
}
.background-indigo,
.bg-indigo {
  background-color: hsl(242, 88%, 67%) !important;
  border-color: hsl(242, 88%, 67%) !important;
  --bg: hsl(242, 88%, 67%) !important;
}
.info.violet {
  --info-background: rgba(155, 41, 255, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: hsl(272, 100%, 53%);
}
.foreground-violet,
.text-violet,
.fg-violet {
  color: hsl(272, 100%, 58%) !important;
  --fg: hsl(272, 100%, 58%) !important;
}
.background-violet,
.bg-violet {
  background-color: hsl(272, 100%, 58%) !important;
  border-color: hsl(272, 100%, 58%) !important;
  --bg: hsl(272, 100%, 58%) !important;
}
.info.Ivory {
  --info-background: rgba(255, 255, 240, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #ffffd7;
}
.foreground-Ivory,
.text-Ivory,
.fg-Ivory {
  color: Ivory !important;
  --fg: Ivory !important;
}
.background-Ivory,
.bg-Ivory {
  background-color: Ivory !important;
  border-color: Ivory !important;
  --bg: Ivory !important;
}
.info.Beige {
  --info-background: rgba(245, 245, 220, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #efefc8;
}
.foreground-Beige,
.text-Beige,
.fg-Beige {
  color: Beige !important;
  --fg: Beige !important;
}
.background-Beige,
.bg-Beige {
  background-color: Beige !important;
  border-color: Beige !important;
  --bg: Beige !important;
}
.info.AntiqueWhite {
  --info-background: rgba(250, 235, 215, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #f7e0c0;
}
.foreground-AntiqueWhite,
.text-AntiqueWhite,
.fg-AntiqueWhite {
  color: AntiqueWhite !important;
  --fg: AntiqueWhite !important;
}
.background-AntiqueWhite,
.bg-AntiqueWhite {
  background-color: AntiqueWhite !important;
  border-color: AntiqueWhite !important;
  --bg: AntiqueWhite !important;
}
.info.LemonChiffon {
  --info-background: rgba(255, 250, 205, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #fff7b3;
}
.foreground-LemonChiffon,
.text-LemonChiffon,
.fg-LemonChiffon {
  color: LemonChiffon !important;
  --fg: LemonChiffon !important;
}
.background-LemonChiffon,
.bg-LemonChiffon {
  background-color: LemonChiffon !important;
  border-color: LemonChiffon !important;
  --bg: LemonChiffon !important;
}
.info.LightGoldenRodYellow {
  --info-background: rgba(250, 250, 210, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #f7f7bb;
}
.foreground-LightGoldenRodYellow,
.text-LightGoldenRodYellow,
.fg-LightGoldenRodYellow {
  color: LightGoldenRodYellow !important;
  --fg: LightGoldenRodYellow !important;
}
.background-LightGoldenRodYellow,
.bg-LightGoldenRodYellow {
  background-color: LightGoldenRodYellow !important;
  border-color: LightGoldenRodYellow !important;
  --bg: LightGoldenRodYellow !important;
}
.info.LightYellow {
  --info-background: rgba(255, 255, 224, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #ffffc6;
}
.foreground-LightYellow,
.text-LightYellow,
.fg-LightYellow {
  color: LightYellow !important;
  --fg: LightYellow !important;
}
.background-LightYellow,
.bg-LightYellow {
  background-color: LightYellow !important;
  border-color: LightYellow !important;
  --bg: LightYellow !important;
}
.info.Linen {
  --info-background: rgba(250, 240, 230, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #f6e3d1;
}
.foreground-Linen,
.text-Linen,
.fg-Linen {
  color: Linen !important;
  --fg: Linen !important;
}
.background-Linen,
.bg-Linen {
  background-color: Linen !important;
  border-color: Linen !important;
  --bg: Linen !important;
}
.info.PaleGoldenRod {
  --info-background: rgba(238, 232, 170, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #eae295;
}
.foreground-PaleGoldenRod,
.text-PaleGoldenRod,
.fg-PaleGoldenRod {
  color: PaleGoldenRod !important;
  --fg: PaleGoldenRod !important;
}
.background-PaleGoldenRod,
.bg-PaleGoldenRod {
  background-color: PaleGoldenRod !important;
  border-color: PaleGoldenRod !important;
  --bg: PaleGoldenRod !important;
}
.info.Bisque {
  --info-background: rgba(255, 228, 196, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #ffd8aa;
}
.foreground-Bisque,
.text-Bisque,
.fg-Bisque {
  color: Bisque !important;
  --fg: Bisque !important;
}
.background-Bisque,
.bg-Bisque {
  background-color: Bisque !important;
  border-color: Bisque !important;
  --bg: Bisque !important;
}
.info.BlanchedAlmond {
  --info-background: rgba(255, 235, 205, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #ffe1b3;
}
.foreground-BlanchedAlmond,
.text-BlanchedAlmond,
.fg-BlanchedAlmond {
  color: BlanchedAlmond !important;
  --fg: BlanchedAlmond !important;
}
.background-BlanchedAlmond,
.bg-BlanchedAlmond {
  background-color: BlanchedAlmond !important;
  border-color: BlanchedAlmond !important;
  --bg: BlanchedAlmond !important;
}
.info.BurlyWood {
  --info-background: rgba(222, 184, 135, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #d9ac73;
}
.foreground-BurlyWood,
.text-BurlyWood,
.fg-BurlyWood {
  color: BurlyWood !important;
  --fg: BurlyWood !important;
}
.background-BurlyWood,
.bg-BurlyWood {
  background-color: BurlyWood !important;
  border-color: BurlyWood !important;
  --bg: BurlyWood !important;
}
.info.Khaki {
  --info-background: rgba(240, 230, 140, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #ede175;
}
.foreground-Khaki,
.text-Khaki,
.fg-Khaki {
  color: Khaki !important;
  --fg: Khaki !important;
}
.background-Khaki,
.bg-Khaki {
  background-color: Khaki !important;
  border-color: Khaki !important;
  --bg: Khaki !important;
}
.info.DarkKhaki {
  --info-background: rgba(189, 183, 107, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #b5ae59;
}
.foreground-DarkKhaki,
.text-DarkKhaki,
.fg-DarkKhaki {
  color: DarkKhaki !important;
  --fg: DarkKhaki !important;
}
.background-DarkKhaki,
.bg-DarkKhaki {
  background-color: DarkKhaki !important;
  border-color: DarkKhaki !important;
  --bg: DarkKhaki !important;
}
.info.Gold {
  --info-background: rgba(255, 215, 0, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #e6c200;
}
.foreground-Gold,
.text-Gold,
.fg-Gold {
  color: Gold !important;
  --fg: Gold !important;
}
.background-Gold,
.bg-Gold {
  background-color: Gold !important;
  border-color: Gold !important;
  --bg: Gold !important;
}
.info.GoldenRod {
  --info-background: rgba(218, 165, 32, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #c4941d;
}
.foreground-GoldenRod,
.text-GoldenRod,
.fg-GoldenRod {
  color: GoldenRod !important;
  --fg: GoldenRod !important;
}
.background-GoldenRod,
.bg-GoldenRod {
  background-color: GoldenRod !important;
  border-color: GoldenRod !important;
  --bg: GoldenRod !important;
}
.info.Yellow {
  --info-background: rgba(255, 255, 0, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #e5e600;
}
.foreground-Yellow,
.text-Yellow,
.fg-Yellow {
  color: Yellow !important;
  --fg: Yellow !important;
}
.background-Yellow,
.bg-Yellow {
  background-color: Yellow !important;
  border-color: Yellow !important;
  --bg: Yellow !important;
}
.info.White {
  --info-background: rgba(255, 255, 255, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #f2f2f2;
}
.foreground-White,
.text-White,
.fg-White {
  color: White !important;
  --fg: White !important;
}
.background-White,
.bg-White {
  background-color: White !important;
  border-color: White !important;
  --bg: White !important;
}
.info.Snow {
  --info-background: rgba(255, 250, 250, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #ffe1e1;
}
.foreground-Snow,
.text-Snow,
.fg-Snow {
  color: Snow !important;
  --fg: Snow !important;
}
.background-Snow,
.bg-Snow {
  background-color: Snow !important;
  border-color: Snow !important;
  --bg: Snow !important;
}
.info.Azure {
  --info-background: rgba(240, 255, 255, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #d7ffff;
}
.foreground-Azure,
.text-Azure,
.fg-Azure {
  color: Azure !important;
  --fg: Azure !important;
}
.background-Azure,
.bg-Azure {
  background-color: Azure !important;
  border-color: Azure !important;
  --bg: Azure !important;
}
.info.WhiteSmoke {
  --info-background: rgba(245, 245, 245, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #e8e8e8;
}
.foreground-WhiteSmoke,
.text-WhiteSmoke,
.fg-WhiteSmoke {
  color: WhiteSmoke !important;
  --fg: WhiteSmoke !important;
}
.background-WhiteSmoke,
.bg-WhiteSmoke {
  background-color: WhiteSmoke !important;
  border-color: WhiteSmoke !important;
  --bg: WhiteSmoke !important;
}
.info.Gainsboro {
  --info-background: rgba(220, 220, 220, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #cfcfcf;
}
.foreground-Gainsboro,
.text-Gainsboro,
.fg-Gainsboro {
  color: Gainsboro !important;
  --fg: Gainsboro !important;
}
.background-Gainsboro,
.bg-Gainsboro {
  background-color: Gainsboro !important;
  border-color: Gainsboro !important;
  --bg: Gainsboro !important;
}
.info.LightGray {
  --info-background: rgba(211, 211, 211, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #c6c6c6;
}
.foreground-LightGray,
.text-LightGray,
.fg-LightGray {
  color: LightGray !important;
  --fg: LightGray !important;
}
.background-LightGray,
.bg-LightGray {
  background-color: LightGray !important;
  border-color: LightGray !important;
  --bg: LightGray !important;
}
.info.LightGrey {
  --info-background: rgba(211, 211, 211, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #c6c6c6;
}
.foreground-LightGrey,
.text-LightGrey,
.fg-LightGrey {
  color: LightGrey !important;
  --fg: LightGrey !important;
}
.background-LightGrey,
.bg-LightGrey {
  background-color: LightGrey !important;
  border-color: LightGrey !important;
  --bg: LightGrey !important;
}
.info.Silver {
  --info-background: rgba(192, 192, 192, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #b3b3b3;
}
.foreground-Silver,
.text-Silver,
.fg-Silver {
  color: Silver !important;
  --fg: Silver !important;
}
.background-Silver,
.bg-Silver {
  background-color: Silver !important;
  border-color: Silver !important;
  --bg: Silver !important;
}
.info.DarkGray {
  --info-background: rgba(169, 169, 169, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #9c9c9c;
}
.foreground-DarkGray,
.text-DarkGray,
.fg-DarkGray {
  color: DarkGray !important;
  --fg: DarkGray !important;
}
.background-DarkGray,
.bg-DarkGray {
  background-color: DarkGray !important;
  border-color: DarkGray !important;
  --bg: DarkGray !important;
}
.info.DarkGrey {
  --info-background: rgba(169, 169, 169, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #9c9c9c;
}
.foreground-DarkGrey,
.text-DarkGrey,
.fg-DarkGrey {
  color: DarkGrey !important;
  --fg: DarkGrey !important;
}
.background-DarkGrey,
.bg-DarkGrey {
  background-color: DarkGrey !important;
  border-color: DarkGrey !important;
  --bg: DarkGrey !important;
}
.info.Gray {
  --info-background: rgba(128, 128, 128, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #737373;
}
.foreground-Gray,
.text-Gray,
.fg-Gray {
  color: Gray !important;
  --fg: Gray !important;
}
.background-Gray,
.bg-Gray {
  background-color: Gray !important;
  border-color: Gray !important;
  --bg: Gray !important;
}
.info.Grey {
  --info-background: rgba(128, 128, 128, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #737373;
}
.foreground-Grey,
.text-Grey,
.fg-Grey {
  color: Grey !important;
  --fg: Grey !important;
}
.background-Grey,
.bg-Grey {
  background-color: Grey !important;
  border-color: Grey !important;
  --bg: Grey !important;
}
.info.DimGray {
  --info-background: rgba(105, 105, 105, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #5c5c5c;
}
.foreground-DimGray,
.text-DimGray,
.fg-DimGray {
  color: DimGray !important;
  --fg: DimGray !important;
}
.background-DimGray,
.bg-DimGray {
  background-color: DimGray !important;
  border-color: DimGray !important;
  --bg: DimGray !important;
}
.info.DimGrey {
  --info-background: rgba(105, 105, 105, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #5c5c5c;
}
.foreground-DimGrey,
.text-DimGrey,
.fg-DimGrey {
  color: DimGrey !important;
  --fg: DimGrey !important;
}
.background-DimGrey,
.bg-DimGrey {
  background-color: DimGrey !important;
  border-color: DimGrey !important;
  --bg: DimGrey !important;
}
.info.Black {
  --info-background: rgba(0, 0, 0, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #000000;
}
.foreground-Black,
.text-Black,
.fg-Black {
  color: Black !important;
  --fg: Black !important;
}
.background-Black,
.bg-Black {
  background-color: Black !important;
  border-color: Black !important;
  --bg: Black !important;
}
.info.HoneyDew {
  --info-background: rgba(240, 255, 240, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #d7ffd7;
}
.foreground-HoneyDew,
.text-HoneyDew,
.fg-HoneyDew {
  color: HoneyDew !important;
  --fg: HoneyDew !important;
}
.background-HoneyDew,
.bg-HoneyDew {
  background-color: HoneyDew !important;
  border-color: HoneyDew !important;
  --bg: HoneyDew !important;
}
.info.FloralWhite {
  --info-background: rgba(255, 250, 240, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #fff1d7;
}
.foreground-FloralWhite,
.text-FloralWhite,
.fg-FloralWhite {
  color: FloralWhite !important;
  --fg: FloralWhite !important;
}
.background-FloralWhite,
.bg-FloralWhite {
  background-color: FloralWhite !important;
  border-color: FloralWhite !important;
  --bg: FloralWhite !important;
}
.info.MintCream {
  --info-background: rgba(245, 255, 250, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #dcffed;
}
.foreground-MintCream,
.text-MintCream,
.fg-MintCream {
  color: MintCream !important;
  --fg: MintCream !important;
}
.background-MintCream,
.bg-MintCream {
  background-color: MintCream !important;
  border-color: MintCream !important;
  --bg: MintCream !important;
}
.info.YellowGreen {
  --info-background: rgba(154, 205, 50, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #8bb92d;
}
.foreground-YellowGreen,
.text-YellowGreen,
.fg-YellowGreen {
  color: YellowGreen !important;
  --fg: YellowGreen !important;
}
.background-YellowGreen,
.bg-YellowGreen {
  background-color: YellowGreen !important;
  border-color: YellowGreen !important;
  --bg: YellowGreen !important;
}
.info.LightGreen {
  --info-background: rgba(144, 238, 144, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #7aeb7a;
}
.foreground-LightGreen,
.text-LightGreen,
.fg-LightGreen {
  color: LightGreen !important;
  --fg: LightGreen !important;
}
.background-LightGreen,
.bg-LightGreen {
  background-color: LightGreen !important;
  border-color: LightGreen !important;
  --bg: LightGreen !important;
}
.info.PaleGreen {
  --info-background: rgba(152, 251, 152, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #7ffa7f;
}
.foreground-PaleGreen,
.text-PaleGreen,
.fg-PaleGreen {
  color: PaleGreen !important;
  --fg: PaleGreen !important;
}
.background-PaleGreen,
.bg-PaleGreen {
  background-color: PaleGreen !important;
  border-color: PaleGreen !important;
  --bg: PaleGreen !important;
}
.info.GreenYellow {
  --info-background: rgba(173, 255, 47, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #a3ff16;
}
.foreground-GreenYellow,
.text-GreenYellow,
.fg-GreenYellow {
  color: GreenYellow !important;
  --fg: GreenYellow !important;
}
.background-GreenYellow,
.bg-GreenYellow {
  background-color: GreenYellow !important;
  border-color: GreenYellow !important;
  --bg: GreenYellow !important;
}
.info.Chartreuse {
  --info-background: rgba(127, 255, 0, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #72e600;
}
.foreground-Chartreuse,
.text-Chartreuse,
.fg-Chartreuse {
  color: Chartreuse !important;
  --fg: Chartreuse !important;
}
.background-Chartreuse,
.bg-Chartreuse {
  background-color: Chartreuse !important;
  border-color: Chartreuse !important;
  --bg: Chartreuse !important;
}
.info.LawnGreen {
  --info-background: rgba(124, 252, 0, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #6fe300;
}
.foreground-LawnGreen,
.text-LawnGreen,
.fg-LawnGreen {
  color: LawnGreen !important;
  --fg: LawnGreen !important;
}
.background-LawnGreen,
.bg-LawnGreen {
  background-color: LawnGreen !important;
  border-color: LawnGreen !important;
  --bg: LawnGreen !important;
}
.info.Lime {
  --info-background: rgba(0, 255, 0, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #00e600;
}
.foreground-Lime,
.text-Lime,
.fg-Lime {
  color: Lime !important;
  --fg: Lime !important;
}
.background-Lime,
.bg-Lime {
  background-color: Lime !important;
  border-color: Lime !important;
  --bg: Lime !important;
}
.info.LimeGreen {
  --info-background: rgba(50, 205, 50, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #2db92d;
}
.foreground-LimeGreen,
.text-LimeGreen,
.fg-LimeGreen {
  color: LimeGreen !important;
  --fg: LimeGreen !important;
}
.background-LimeGreen,
.bg-LimeGreen {
  background-color: LimeGreen !important;
  border-color: LimeGreen !important;
  --bg: LimeGreen !important;
}
.info.MediumSpringGreen {
  --info-background: rgba(0, 250, 154, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #00e18a;
}
.foreground-MediumSpringGreen,
.text-MediumSpringGreen,
.fg-MediumSpringGreen {
  color: MediumSpringGreen !important;
  --fg: MediumSpringGreen !important;
}
.background-MediumSpringGreen,
.bg-MediumSpringGreen {
  background-color: MediumSpringGreen !important;
  border-color: MediumSpringGreen !important;
  --bg: MediumSpringGreen !important;
}
.info.SpringGreen {
  --info-background: rgba(0, 255, 127, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #00e672;
}
.foreground-SpringGreen,
.text-SpringGreen,
.fg-SpringGreen {
  color: SpringGreen !important;
  --fg: SpringGreen !important;
}
.background-SpringGreen,
.bg-SpringGreen {
  background-color: SpringGreen !important;
  border-color: SpringGreen !important;
  --bg: SpringGreen !important;
}
.info.MediumAquaMarine {
  --info-background: rgba(102, 205, 170, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #53c79f;
}
.foreground-MediumAquaMarine,
.text-MediumAquaMarine,
.fg-MediumAquaMarine {
  color: MediumAquaMarine !important;
  --fg: MediumAquaMarine !important;
}
.background-MediumAquaMarine,
.bg-MediumAquaMarine {
  background-color: MediumAquaMarine !important;
  border-color: MediumAquaMarine !important;
  --bg: MediumAquaMarine !important;
}
.info.MediumSeaGreen {
  --info-background: rgba(60, 179, 113, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #36a065;
}
.foreground-MediumSeaGreen,
.text-MediumSeaGreen,
.fg-MediumSeaGreen {
  color: MediumSeaGreen !important;
  --fg: MediumSeaGreen !important;
}
.background-MediumSeaGreen,
.bg-MediumSeaGreen {
  background-color: MediumSeaGreen !important;
  border-color: MediumSeaGreen !important;
  --bg: MediumSeaGreen !important;
}
.info.OliveDrab {
  --info-background: rgba(107, 142, 35, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #5c7a1e;
}
.foreground-OliveDrab,
.text-OliveDrab,
.fg-OliveDrab {
  color: OliveDrab !important;
  --fg: OliveDrab !important;
}
.background-OliveDrab,
.bg-OliveDrab {
  background-color: OliveDrab !important;
  border-color: OliveDrab !important;
  --bg: OliveDrab !important;
}
.info.Olive {
  --info-background: rgba(128, 128, 0, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #666700;
}
.foreground-Olive,
.text-Olive,
.fg-Olive {
  color: Olive !important;
  --fg: Olive !important;
}
.background-Olive,
.bg-Olive {
  background-color: Olive !important;
  border-color: Olive !important;
  --bg: Olive !important;
}
.info.DarkOliveGreen {
  --info-background: rgba(85, 107, 47, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #475927;
}
.foreground-DarkOliveGreen,
.text-DarkOliveGreen,
.fg-DarkOliveGreen {
  color: DarkOliveGreen !important;
  --fg: DarkOliveGreen !important;
}
.background-DarkOliveGreen,
.bg-DarkOliveGreen {
  background-color: DarkOliveGreen !important;
  border-color: DarkOliveGreen !important;
  --bg: DarkOliveGreen !important;
}
.info.DarkSeaGreen {
  --info-background: rgba(143, 188, 143, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #7fb27f;
}
.foreground-DarkSeaGreen,
.text-DarkSeaGreen,
.fg-DarkSeaGreen {
  color: DarkSeaGreen !important;
  --fg: DarkSeaGreen !important;
}
.background-DarkSeaGreen,
.bg-DarkSeaGreen {
  background-color: DarkSeaGreen !important;
  border-color: DarkSeaGreen !important;
  --bg: DarkSeaGreen !important;
}
.info.Green {
  --info-background: rgba(0, 128, 0, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #006700;
}
.foreground-Green,
.text-Green,
.fg-Green {
  color: Green !important;
  --fg: Green !important;
}
.background-Green,
.bg-Green {
  background-color: Green !important;
  border-color: Green !important;
  --bg: Green !important;
}
.info.DarkGreen {
  --info-background: rgba(0, 100, 0, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #004a00;
}
.foreground-DarkGreen,
.text-DarkGreen,
.fg-DarkGreen {
  color: DarkGreen !important;
  --fg: DarkGreen !important;
}
.background-DarkGreen,
.bg-DarkGreen {
  background-color: DarkGreen !important;
  border-color: DarkGreen !important;
  --bg: DarkGreen !important;
}
.info.DarkSlateGray {
  --info-background: rgba(47, 79, 79, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #253f3f;
}
.foreground-DarkSlateGray,
.text-DarkSlateGray,
.fg-DarkSlateGray {
  color: DarkSlateGray !important;
  --fg: DarkSlateGray !important;
}
.background-DarkSlateGray,
.bg-DarkSlateGray {
  background-color: DarkSlateGray !important;
  border-color: DarkSlateGray !important;
  --bg: DarkSlateGray !important;
}
.info.DarkSlateGrey {
  --info-background: rgba(47, 79, 79, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #253f3f;
}
.foreground-DarkSlateGrey,
.text-DarkSlateGrey,
.fg-DarkSlateGrey {
  color: DarkSlateGrey !important;
  --fg: DarkSlateGrey !important;
}
.background-DarkSlateGrey,
.bg-DarkSlateGrey {
  background-color: DarkSlateGrey !important;
  border-color: DarkSlateGrey !important;
  --bg: DarkSlateGrey !important;
}
.info.ForestGreen {
  --info-background: rgba(34, 139, 34, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #1d771d;
}
.foreground-ForestGreen,
.text-ForestGreen,
.fg-ForestGreen {
  color: ForestGreen !important;
  --fg: ForestGreen !important;
}
.background-ForestGreen,
.bg-ForestGreen {
  background-color: ForestGreen !important;
  border-color: ForestGreen !important;
  --bg: ForestGreen !important;
}
.info.SeaGreen {
  --info-background: rgba(46, 139, 87, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #28784b;
}
.foreground-SeaGreen,
.text-SeaGreen,
.fg-SeaGreen {
  color: SeaGreen !important;
  --fg: SeaGreen !important;
}
.background-SeaGreen,
.bg-SeaGreen {
  background-color: SeaGreen !important;
  border-color: SeaGreen !important;
  --bg: SeaGreen !important;
}
.info.SeaShell {
  --info-background: rgba(255, 245, 238, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #ffe6d5;
}
.foreground-SeaShell,
.text-SeaShell,
.fg-SeaShell {
  color: SeaShell !important;
  --fg: SeaShell !important;
}
.background-SeaShell,
.bg-SeaShell {
  background-color: SeaShell !important;
  border-color: SeaShell !important;
  --bg: SeaShell !important;
}
.info.LavenderBlush {
  --info-background: rgba(255, 240, 245, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #ffd7e4;
}
.foreground-LavenderBlush,
.text-LavenderBlush,
.fg-LavenderBlush {
  color: LavenderBlush !important;
  --fg: LavenderBlush !important;
}
.background-LavenderBlush,
.bg-LavenderBlush {
  background-color: LavenderBlush !important;
  border-color: LavenderBlush !important;
  --bg: LavenderBlush !important;
}
.info.Cornsilk {
  --info-background: rgba(255, 248, 220, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #fff3c3;
}
.foreground-Cornsilk,
.text-Cornsilk,
.fg-Cornsilk {
  color: Cornsilk !important;
  --fg: Cornsilk !important;
}
.background-Cornsilk,
.bg-Cornsilk {
  background-color: Cornsilk !important;
  border-color: Cornsilk !important;
  --bg: Cornsilk !important;
}
.info.MistyRose {
  --info-background: rgba(255, 228, 225, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #ffcdc7;
}
.foreground-MistyRose,
.text-MistyRose,
.fg-MistyRose {
  color: MistyRose !important;
  --fg: MistyRose !important;
}
.background-MistyRose,
.bg-MistyRose {
  background-color: MistyRose !important;
  border-color: MistyRose !important;
  --bg: MistyRose !important;
}
.info.Moccasin {
  --info-background: rgba(255, 228, 181, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #ffdb9c;
}
.foreground-Moccasin,
.text-Moccasin,
.fg-Moccasin {
  color: Moccasin !important;
  --fg: Moccasin !important;
}
.background-Moccasin,
.bg-Moccasin {
  background-color: Moccasin !important;
  border-color: Moccasin !important;
  --bg: Moccasin !important;
}
.info.NavajoWhite {
  --info-background: rgba(255, 222, 173, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #ffd494;
}
.foreground-NavajoWhite,
.text-NavajoWhite,
.fg-NavajoWhite {
  color: NavajoWhite !important;
  --fg: NavajoWhite !important;
}
.background-NavajoWhite,
.bg-NavajoWhite {
  background-color: NavajoWhite !important;
  border-color: NavajoWhite !important;
  --bg: NavajoWhite !important;
}
.info.OldLace {
  --info-background: rgba(253, 245, 230, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #fbecce;
}
.foreground-OldLace,
.text-OldLace,
.fg-OldLace {
  color: OldLace !important;
  --fg: OldLace !important;
}
.background-OldLace,
.bg-OldLace {
  background-color: OldLace !important;
  border-color: OldLace !important;
  --bg: OldLace !important;
}
.info.PapayaWhip {
  --info-background: rgba(255, 239, 213, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #ffe5bc;
}
.foreground-PapayaWhip,
.text-PapayaWhip,
.fg-PapayaWhip {
  color: PapayaWhip !important;
  --fg: PapayaWhip !important;
}
.background-PapayaWhip,
.bg-PapayaWhip {
  background-color: PapayaWhip !important;
  border-color: PapayaWhip !important;
  --bg: PapayaWhip !important;
}
.info.PeachPuff {
  --info-background: rgba(255, 218, 185, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #ffcda0;
}
.foreground-PeachPuff,
.text-PeachPuff,
.fg-PeachPuff {
  color: PeachPuff !important;
  --fg: PeachPuff !important;
}
.background-PeachPuff,
.bg-PeachPuff {
  background-color: PeachPuff !important;
  border-color: PeachPuff !important;
  --bg: PeachPuff !important;
}
.info.Wheat {
  --info-background: rgba(245, 222, 179, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #f2d49c;
}
.foreground-Wheat,
.text-Wheat,
.fg-Wheat {
  color: Wheat !important;
  --fg: Wheat !important;
}
.background-Wheat,
.bg-Wheat {
  background-color: Wheat !important;
  border-color: Wheat !important;
  --bg: Wheat !important;
}
.info.Coral {
  --info-background: rgba(255, 127, 80, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #ff6c36;
}
.foreground-Coral,
.text-Coral,
.fg-Coral {
  color: Coral !important;
  --fg: Coral !important;
}
.background-Coral,
.bg-Coral {
  background-color: Coral !important;
  border-color: Coral !important;
  --bg: Coral !important;
}
.info.DarkGoldenRod {
  --info-background: rgba(184, 134, 11, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #a0740a;
}
.foreground-DarkGoldenRod,
.text-DarkGoldenRod,
.fg-DarkGoldenRod {
  color: DarkGoldenRod !important;
  --fg: DarkGoldenRod !important;
}
.background-DarkGoldenRod,
.bg-DarkGoldenRod {
  background-color: DarkGoldenRod !important;
  border-color: DarkGoldenRod !important;
  --bg: DarkGoldenRod !important;
}
.info.Chocolate {
  --info-background: rgba(210, 105, 30, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #bc5e1b;
}
.foreground-Chocolate,
.text-Chocolate,
.fg-Chocolate {
  color: Chocolate !important;
  --fg: Chocolate !important;
}
.background-Chocolate,
.bg-Chocolate {
  background-color: Chocolate !important;
  border-color: Chocolate !important;
  --bg: Chocolate !important;
}
.info.DarkOrange {
  --info-background: rgba(255, 140, 0, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #e67e00;
}
.foreground-DarkOrange,
.text-DarkOrange,
.fg-DarkOrange {
  color: DarkOrange !important;
  --fg: DarkOrange !important;
}
.background-DarkOrange,
.bg-DarkOrange {
  background-color: DarkOrange !important;
  border-color: DarkOrange !important;
  --bg: DarkOrange !important;
}
.info.Orange {
  --info-background: rgba(255, 165, 0, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #e69500;
}
.foreground-Orange,
.text-Orange,
.fg-Orange {
  color: Orange !important;
  --fg: Orange !important;
}
.background-Orange,
.bg-Orange {
  background-color: Orange !important;
  border-color: Orange !important;
  --bg: Orange !important;
}
.info.SandyBrown {
  --info-background: rgba(244, 164, 96, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #f29648;
}
.foreground-SandyBrown,
.text-SandyBrown,
.fg-SandyBrown {
  color: SandyBrown !important;
  --fg: SandyBrown !important;
}
.background-SandyBrown,
.bg-SandyBrown {
  background-color: SandyBrown !important;
  border-color: SandyBrown !important;
  --bg: SandyBrown !important;
}
.info.Peru {
  --info-background: rgba(205, 133, 63, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #c07832;
}
.foreground-Peru,
.text-Peru,
.fg-Peru {
  color: Peru !important;
  --fg: Peru !important;
}
.background-Peru,
.bg-Peru {
  background-color: Peru !important;
  border-color: Peru !important;
  --bg: Peru !important;
}
.info.DarkSalmon {
  --info-background: rgba(233, 150, 122, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #e58564;
}
.foreground-DarkSalmon,
.text-DarkSalmon,
.fg-DarkSalmon {
  color: DarkSalmon !important;
  --fg: DarkSalmon !important;
}
.background-DarkSalmon,
.bg-DarkSalmon {
  background-color: DarkSalmon !important;
  border-color: DarkSalmon !important;
  --bg: DarkSalmon !important;
}
.info.LightSalmon {
  --info-background: rgba(255, 160, 122, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #ff8e61;
}
.foreground-LightSalmon,
.text-LightSalmon,
.fg-LightSalmon {
  color: LightSalmon !important;
  --fg: LightSalmon !important;
}
.background-LightSalmon,
.bg-LightSalmon {
  background-color: LightSalmon !important;
  border-color: LightSalmon !important;
  --bg: LightSalmon !important;
}
.info.LightCoral {
  --info-background: rgba(240, 128, 128, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #ed6969;
}
.foreground-LightCoral,
.text-LightCoral,
.fg-LightCoral {
  color: LightCoral !important;
  --fg: LightCoral !important;
}
.background-LightCoral,
.bg-LightCoral {
  background-color: LightCoral !important;
  border-color: LightCoral !important;
  --bg: LightCoral !important;
}
.info.IndianRed {
  --info-background: rgba(205, 92, 92, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #c74848;
}
.foreground-IndianRed,
.text-IndianRed,
.fg-IndianRed {
  color: IndianRed !important;
  --fg: IndianRed !important;
}
.background-IndianRed,
.bg-IndianRed {
  background-color: IndianRed !important;
  border-color: IndianRed !important;
  --bg: IndianRed !important;
}
.info.OrangeRed {
  --info-background: rgba(255, 69, 0, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #e63e00;
}
.foreground-OrangeRed,
.text-OrangeRed,
.fg-OrangeRed {
  color: OrangeRed !important;
  --fg: OrangeRed !important;
}
.background-OrangeRed,
.bg-OrangeRed {
  background-color: OrangeRed !important;
  border-color: OrangeRed !important;
  --bg: OrangeRed !important;
}
.info.PaleVioletRed {
  --info-background: rgba(216, 112, 147, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #d35c84;
}
.foreground-PaleVioletRed,
.text-PaleVioletRed,
.fg-PaleVioletRed {
  color: PaleVioletRed !important;
  --fg: PaleVioletRed !important;
}
.background-PaleVioletRed,
.bg-PaleVioletRed {
  background-color: PaleVioletRed !important;
  border-color: PaleVioletRed !important;
  --bg: PaleVioletRed !important;
}
.info.Tomato {
  --info-background: rgba(255, 99, 71, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #ff4d2d;
}
.foreground-Tomato,
.text-Tomato,
.fg-Tomato {
  color: Tomato !important;
  --fg: Tomato !important;
}
.background-Tomato,
.bg-Tomato {
  background-color: Tomato !important;
  border-color: Tomato !important;
  --bg: Tomato !important;
}
.info.Crimson {
  --info-background: rgba(220, 20, 60, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #c51236;
}
.foreground-Crimson,
.text-Crimson,
.fg-Crimson {
  color: Crimson !important;
  --fg: Crimson !important;
}
.background-Crimson,
.bg-Crimson {
  background-color: Crimson !important;
  border-color: Crimson !important;
  --bg: Crimson !important;
}
.info.FireBrick {
  --info-background: rgba(178, 34, 34, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #9d1e1e;
}
.foreground-FireBrick,
.text-FireBrick,
.fg-FireBrick {
  color: FireBrick !important;
  --fg: FireBrick !important;
}
.background-FireBrick,
.bg-FireBrick {
  background-color: FireBrick !important;
  border-color: FireBrick !important;
  --bg: FireBrick !important;
}
.info.Brown {
  --info-background: rgba(165, 42, 42, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #912525;
}
.foreground-Brown,
.text-Brown,
.fg-Brown {
  color: Brown !important;
  --fg: Brown !important;
}
.background-Brown,
.bg-Brown {
  background-color: Brown !important;
  border-color: Brown !important;
  --bg: Brown !important;
}
.info.DarkRed {
  --info-background: rgba(139, 0, 0, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #720000;
}
.foreground-DarkRed,
.text-DarkRed,
.fg-DarkRed {
  color: DarkRed !important;
  --fg: DarkRed !important;
}
.background-DarkRed,
.bg-DarkRed {
  background-color: DarkRed !important;
  border-color: DarkRed !important;
  --bg: DarkRed !important;
}
.info.Maroon {
  --info-background: rgba(128, 0, 0, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #670000;
}
.foreground-Maroon,
.text-Maroon,
.fg-Maroon {
  color: Maroon !important;
  --fg: Maroon !important;
}
.background-Maroon,
.bg-Maroon {
  background-color: Maroon !important;
  border-color: Maroon !important;
  --bg: Maroon !important;
}
.info.Red {
  --info-background: rgba(255, 0, 0, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #e60000;
}
.foreground-Red,
.text-Red,
.fg-Red {
  color: Red !important;
  --fg: Red !important;
}
.background-Red,
.bg-Red {
  background-color: Red !important;
  border-color: Red !important;
  --bg: Red !important;
}
.info.Tan {
  --info-background: rgba(210, 180, 140, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #cba87a;
}
.foreground-Tan,
.text-Tan,
.fg-Tan {
  color: Tan !important;
  --fg: Tan !important;
}
.background-Tan,
.bg-Tan {
  background-color: Tan !important;
  border-color: Tan !important;
  --bg: Tan !important;
}
.info.RosyBrown {
  --info-background: rgba(188, 143, 143, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #b27f7f;
}
.foreground-RosyBrown,
.text-RosyBrown,
.fg-RosyBrown {
  color: RosyBrown !important;
  --fg: RosyBrown !important;
}
.background-RosyBrown,
.bg-RosyBrown {
  background-color: RosyBrown !important;
  border-color: RosyBrown !important;
  --bg: RosyBrown !important;
}
.info.SaddleBrown {
  --info-background: rgba(139, 69, 19, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #753a10;
}
.foreground-SaddleBrown,
.text-SaddleBrown,
.fg-SaddleBrown {
  color: SaddleBrown !important;
  --fg: SaddleBrown !important;
}
.background-SaddleBrown,
.bg-SaddleBrown {
  background-color: SaddleBrown !important;
  border-color: SaddleBrown !important;
  --bg: SaddleBrown !important;
}
.info.Salmon {
  --info-background: rgba(250, 128, 114, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #f96a59;
}
.foreground-Salmon,
.text-Salmon,
.fg-Salmon {
  color: Salmon !important;
  --fg: Salmon !important;
}
.background-Salmon,
.bg-Salmon {
  background-color: Salmon !important;
  border-color: Salmon !important;
  --bg: Salmon !important;
}
.info.Sienna {
  --info-background: rgba(160, 82, 45, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #8c4827;
}
.foreground-Sienna,
.text-Sienna,
.fg-Sienna {
  color: Sienna !important;
  --fg: Sienna !important;
}
.background-Sienna,
.bg-Sienna {
  background-color: Sienna !important;
  border-color: Sienna !important;
  --bg: Sienna !important;
}
.info.Pink {
  --info-background: rgba(255, 192, 203, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #ffa6b6;
}
.foreground-Pink,
.text-Pink,
.fg-Pink {
  color: Pink !important;
  --fg: Pink !important;
}
.background-Pink,
.bg-Pink {
  background-color: Pink !important;
  border-color: Pink !important;
  --bg: Pink !important;
}
.info.LightPink {
  --info-background: rgba(255, 182, 193, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #ff9dab;
}
.foreground-LightPink,
.text-LightPink,
.fg-LightPink {
  color: LightPink !important;
  --fg: LightPink !important;
}
.background-LightPink,
.bg-LightPink {
  background-color: LightPink !important;
  border-color: LightPink !important;
  --bg: LightPink !important;
}
.info.Plum {
  --info-background: rgba(221, 160, 221, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #d68dd6;
}
.foreground-Plum,
.text-Plum,
.fg-Plum {
  color: Plum !important;
  --fg: Plum !important;
}
.background-Plum,
.bg-Plum {
  background-color: Plum !important;
  border-color: Plum !important;
  --bg: Plum !important;
}
.info.Thistle {
  --info-background: rgba(216, 191, 216, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #ceafce;
}
.foreground-Thistle,
.text-Thistle,
.fg-Thistle {
  color: Thistle !important;
  --fg: Thistle !important;
}
.background-Thistle,
.bg-Thistle {
  background-color: Thistle !important;
  border-color: Thistle !important;
  --bg: Thistle !important;
}
.info.HotPink {
  --info-background: rgba(255, 105, 180, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #ff4fa7;
}
.foreground-HotPink,
.text-HotPink,
.fg-HotPink {
  color: HotPink !important;
  --fg: HotPink !important;
}
.background-HotPink,
.bg-HotPink {
  background-color: HotPink !important;
  border-color: HotPink !important;
  --bg: HotPink !important;
}
.info.Orchid {
  --info-background: rgba(218, 112, 214, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #d55cd0;
}
.foreground-Orchid,
.text-Orchid,
.fg-Orchid {
  color: Orchid !important;
  --fg: Orchid !important;
}
.background-Orchid,
.bg-Orchid {
  background-color: Orchid !important;
  border-color: Orchid !important;
  --bg: Orchid !important;
}
.info.Violet {
  --info-background: rgba(238, 130, 238, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #eb6ceb;
}
.foreground-Violet,
.text-Violet,
.fg-Violet {
  color: Violet !important;
  --fg: Violet !important;
}
.background-Violet,
.bg-Violet {
  background-color: Violet !important;
  border-color: Violet !important;
  --bg: Violet !important;
}
.info.Magenta {
  --info-background: rgba(255, 0, 255, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #e600e5;
}
.foreground-Magenta,
.text-Magenta,
.fg-Magenta {
  color: Magenta !important;
  --fg: Magenta !important;
}
.background-Magenta,
.bg-Magenta {
  background-color: Magenta !important;
  border-color: Magenta !important;
  --bg: Magenta !important;
}
.info.Fuchsia {
  --info-background: rgba(255, 0, 255, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #e600e5;
}
.foreground-Fuchsia,
.text-Fuchsia,
.fg-Fuchsia {
  color: Fuchsia !important;
  --fg: Fuchsia !important;
}
.background-Fuchsia,
.bg-Fuchsia {
  background-color: Fuchsia !important;
  border-color: Fuchsia !important;
  --bg: Fuchsia !important;
}
.info.DeepPink {
  --info-background: rgba(255, 20, 147, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #fa0087;
}
.foreground-DeepPink,
.text-DeepPink,
.fg-DeepPink {
  color: DeepPink !important;
  --fg: DeepPink !important;
}
.background-DeepPink,
.bg-DeepPink {
  background-color: DeepPink !important;
  border-color: DeepPink !important;
  --bg: DeepPink !important;
}
.info.MediumVioletRed {
  --info-background: rgba(199, 21, 133, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #b01376;
}
.foreground-MediumVioletRed,
.text-MediumVioletRed,
.fg-MediumVioletRed {
  color: MediumVioletRed !important;
  --fg: MediumVioletRed !important;
}
.background-MediumVioletRed,
.bg-MediumVioletRed {
  background-color: MediumVioletRed !important;
  border-color: MediumVioletRed !important;
  --bg: MediumVioletRed !important;
}
.info.DarkMagenta {
  --info-background: rgba(139, 0, 139, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #720071;
}
.foreground-DarkMagenta,
.text-DarkMagenta,
.fg-DarkMagenta {
  color: DarkMagenta !important;
  --fg: DarkMagenta !important;
}
.background-DarkMagenta,
.bg-DarkMagenta {
  background-color: DarkMagenta !important;
  border-color: DarkMagenta !important;
  --bg: DarkMagenta !important;
}
.info.BlueViolet {
  --info-background: rgba(138, 43, 226, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #7d1dd6;
}
.foreground-BlueViolet,
.text-BlueViolet,
.fg-BlueViolet {
  color: BlueViolet !important;
  --fg: BlueViolet !important;
}
.background-BlueViolet,
.bg-BlueViolet {
  background-color: BlueViolet !important;
  border-color: BlueViolet !important;
  --bg: BlueViolet !important;
}
.info.DarkOrchid {
  --info-background: rgba(153, 50, 204, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #8a2db8;
}
.foreground-DarkOrchid,
.text-DarkOrchid,
.fg-DarkOrchid {
  color: DarkOrchid !important;
  --fg: DarkOrchid !important;
}
.background-DarkOrchid,
.bg-DarkOrchid {
  background-color: DarkOrchid !important;
  border-color: DarkOrchid !important;
  --bg: DarkOrchid !important;
}
.info.DarkSlateBlue {
  --info-background: rgba(72, 61, 139, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #3f3579;
}
.foreground-DarkSlateBlue,
.text-DarkSlateBlue,
.fg-DarkSlateBlue {
  color: DarkSlateBlue !important;
  --fg: DarkSlateBlue !important;
}
.background-DarkSlateBlue,
.bg-DarkSlateBlue {
  background-color: DarkSlateBlue !important;
  border-color: DarkSlateBlue !important;
  --bg: DarkSlateBlue !important;
}
.info.DarkViolet {
  --info-background: rgba(148, 0, 211, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #8200ba;
}
.foreground-DarkViolet,
.text-DarkViolet,
.fg-DarkViolet {
  color: DarkViolet !important;
  --fg: DarkViolet !important;
}
.background-DarkViolet,
.bg-DarkViolet {
  background-color: DarkViolet !important;
  border-color: DarkViolet !important;
  --bg: DarkViolet !important;
}
.info.Indigo {
  --info-background: rgba(75, 0, 130, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #3c0069;
}
.foreground-Indigo,
.text-Indigo,
.fg-Indigo {
  color: Indigo !important;
  --fg: Indigo !important;
}
.background-Indigo,
.bg-Indigo {
  background-color: Indigo !important;
  border-color: Indigo !important;
  --bg: Indigo !important;
}
.info.MediumOrchid {
  --info-background: rgba(186, 85, 211, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #b241ce;
}
.foreground-MediumOrchid,
.text-MediumOrchid,
.fg-MediumOrchid {
  color: MediumOrchid !important;
  --fg: MediumOrchid !important;
}
.background-MediumOrchid,
.bg-MediumOrchid {
  background-color: MediumOrchid !important;
  border-color: MediumOrchid !important;
  --bg: MediumOrchid !important;
}
.info.MediumPurple {
  --info-background: rgba(147, 112, 216, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #845cd3;
}
.foreground-MediumPurple,
.text-MediumPurple,
.fg-MediumPurple {
  color: MediumPurple !important;
  --fg: MediumPurple !important;
}
.background-MediumPurple,
.bg-MediumPurple {
  background-color: MediumPurple !important;
  border-color: MediumPurple !important;
  --bg: MediumPurple !important;
}
.info.MediumSlateBlue {
  --info-background: rgba(123, 104, 238, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #6751eb;
}
.foreground-MediumSlateBlue,
.text-MediumSlateBlue,
.fg-MediumSlateBlue {
  color: MediumSlateBlue !important;
  --fg: MediumSlateBlue !important;
}
.background-MediumSlateBlue,
.bg-MediumSlateBlue {
  background-color: MediumSlateBlue !important;
  border-color: MediumSlateBlue !important;
  --bg: MediumSlateBlue !important;
}
.info.RebeccaPurple {
  --info-background: rgba(102, 51, 153, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #592d86;
}
.foreground-RebeccaPurple,
.text-RebeccaPurple,
.fg-RebeccaPurple {
  color: RebeccaPurple !important;
  --fg: RebeccaPurple !important;
}
.background-RebeccaPurple,
.bg-RebeccaPurple {
  background-color: RebeccaPurple !important;
  border-color: RebeccaPurple !important;
  --bg: RebeccaPurple !important;
}
.info.Purple {
  --info-background: rgba(128, 0, 128, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #670066;
}
.foreground-Purple,
.text-Purple,
.fg-Purple {
  color: Purple !important;
  --fg: Purple !important;
}
.background-Purple,
.bg-Purple {
  background-color: Purple !important;
  border-color: Purple !important;
  --bg: Purple !important;
}
.info.GhostWhite {
  --info-background: rgba(248, 248, 255, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #dfdfff;
}
.foreground-GhostWhite,
.text-GhostWhite,
.fg-GhostWhite {
  color: GhostWhite !important;
  --fg: GhostWhite !important;
}
.background-GhostWhite,
.bg-GhostWhite {
  background-color: GhostWhite !important;
  border-color: GhostWhite !important;
  --bg: GhostWhite !important;
}
.info.AliceBlue {
  --info-background: rgba(240, 248, 255, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #d7ecff;
}
.foreground-AliceBlue,
.text-AliceBlue,
.fg-AliceBlue {
  color: AliceBlue !important;
  --fg: AliceBlue !important;
}
.background-AliceBlue,
.bg-AliceBlue {
  background-color: AliceBlue !important;
  border-color: AliceBlue !important;
  --bg: AliceBlue !important;
}
.info.Lavender {
  --info-background: rgba(230, 230, 250, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #d1d1f6;
}
.foreground-Lavender,
.text-Lavender,
.fg-Lavender {
  color: Lavender !important;
  --fg: Lavender !important;
}
.background-Lavender,
.bg-Lavender {
  background-color: Lavender !important;
  border-color: Lavender !important;
  --bg: Lavender !important;
}
.info.LightBlue {
  --info-background: rgba(173, 216, 230, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #99cfe0;
}
.foreground-LightBlue,
.text-LightBlue,
.fg-LightBlue {
  color: LightBlue !important;
  --fg: LightBlue !important;
}
.background-LightBlue,
.bg-LightBlue {
  background-color: LightBlue !important;
  border-color: LightBlue !important;
  --bg: LightBlue !important;
}
.info.LightCyan {
  --info-background: rgba(224, 255, 255, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #c6ffff;
}
.foreground-LightCyan,
.text-LightCyan,
.fg-LightCyan {
  color: LightCyan !important;
  --fg: LightCyan !important;
}
.background-LightCyan,
.bg-LightCyan {
  background-color: LightCyan !important;
  border-color: LightCyan !important;
  --bg: LightCyan !important;
}
.info.LightSkyBlue {
  --info-background: rgba(135, 206, 250, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #6fc4f9;
}
.foreground-LightSkyBlue,
.text-LightSkyBlue,
.fg-LightSkyBlue {
  color: LightSkyBlue !important;
  --fg: LightSkyBlue !important;
}
.background-LightSkyBlue,
.bg-LightSkyBlue {
  background-color: LightSkyBlue !important;
  border-color: LightSkyBlue !important;
  --bg: LightSkyBlue !important;
}
.info.LightSlateGray {
  --info-background: rgba(119, 136, 153, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #6a7b8d;
}
.foreground-LightSlateGray,
.text-LightSlateGray,
.fg-LightSlateGray {
  color: LightSlateGray !important;
  --fg: LightSlateGray !important;
}
.background-LightSlateGray,
.bg-LightSlateGray {
  background-color: LightSlateGray !important;
  border-color: LightSlateGray !important;
  --bg: LightSlateGray !important;
}
.info.LightSlateGrey {
  --info-background: rgba(119, 136, 153, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #6a7b8d;
}
.foreground-LightSlateGrey,
.text-LightSlateGrey,
.fg-LightSlateGrey {
  color: LightSlateGrey !important;
  --fg: LightSlateGrey !important;
}
.background-LightSlateGrey,
.bg-LightSlateGrey {
  background-color: LightSlateGrey !important;
  border-color: LightSlateGrey !important;
  --bg: LightSlateGrey !important;
}
.info.LightSteelBlue {
  --info-background: rgba(176, 196, 222, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #9eb7d6;
}
.foreground-LightSteelBlue,
.text-LightSteelBlue,
.fg-LightSteelBlue {
  color: LightSteelBlue !important;
  --fg: LightSteelBlue !important;
}
.background-LightSteelBlue,
.bg-LightSteelBlue {
  background-color: LightSteelBlue !important;
  border-color: LightSteelBlue !important;
  --bg: LightSteelBlue !important;
}
.info.PaleTurquoise {
  --info-background: rgba(175, 238, 238, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #9aeaea;
}
.foreground-PaleTurquoise,
.text-PaleTurquoise,
.fg-PaleTurquoise {
  color: PaleTurquoise !important;
  --fg: PaleTurquoise !important;
}
.background-PaleTurquoise,
.bg-PaleTurquoise {
  background-color: PaleTurquoise !important;
  border-color: PaleTurquoise !important;
  --bg: PaleTurquoise !important;
}
.info.PowderBlue {
  --info-background: rgba(176, 224, 230, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #9dd8e0;
}
.foreground-PowderBlue,
.text-PowderBlue,
.fg-PowderBlue {
  color: PowderBlue !important;
  --fg: PowderBlue !important;
}
.background-PowderBlue,
.bg-PowderBlue {
  background-color: PowderBlue !important;
  border-color: PowderBlue !important;
  --bg: PowderBlue !important;
}
.info.SkyBlue {
  --info-background: rgba(135, 206, 235, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #71c5e7;
}
.foreground-SkyBlue,
.text-SkyBlue,
.fg-SkyBlue {
  color: SkyBlue !important;
  --fg: SkyBlue !important;
}
.background-SkyBlue,
.bg-SkyBlue {
  background-color: SkyBlue !important;
  border-color: SkyBlue !important;
  --bg: SkyBlue !important;
}
.info.SlateGray {
  --info-background: rgba(112, 128, 144, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #657382;
}
.foreground-SlateGray,
.text-SlateGray,
.fg-SlateGray {
  color: SlateGray !important;
  --fg: SlateGray !important;
}
.background-SlateGray,
.bg-SlateGray {
  background-color: SlateGray !important;
  border-color: SlateGray !important;
  --bg: SlateGray !important;
}
.info.SlateGrey {
  --info-background: rgba(112, 128, 144, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #657382;
}
.foreground-SlateGrey,
.text-SlateGrey,
.fg-SlateGrey {
  color: SlateGrey !important;
  --fg: SlateGrey !important;
}
.background-SlateGrey,
.bg-SlateGrey {
  background-color: SlateGrey !important;
  border-color: SlateGrey !important;
  --bg: SlateGrey !important;
}
.info.Aquamarine {
  --info-background: rgba(127, 255, 212, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #65ffcb;
}
.foreground-Aquamarine,
.text-Aquamarine,
.fg-Aquamarine {
  color: Aquamarine !important;
  --fg: Aquamarine !important;
}
.background-Aquamarine,
.bg-Aquamarine {
  background-color: Aquamarine !important;
  border-color: Aquamarine !important;
  --bg: Aquamarine !important;
}
.info.CadetBlue {
  --info-background: rgba(95, 158, 160, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #568e90;
}
.foreground-CadetBlue,
.text-CadetBlue,
.fg-CadetBlue {
  color: CadetBlue !important;
  --fg: CadetBlue !important;
}
.background-CadetBlue,
.bg-CadetBlue {
  background-color: CadetBlue !important;
  border-color: CadetBlue !important;
  --bg: CadetBlue !important;
}
.info.CornflowerBlue {
  --info-background: rgba(100, 149, 237, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #4d85ea;
}
.foreground-CornflowerBlue,
.text-CornflowerBlue,
.fg-CornflowerBlue {
  color: CornflowerBlue !important;
  --fg: CornflowerBlue !important;
}
.background-CornflowerBlue,
.bg-CornflowerBlue {
  background-color: CornflowerBlue !important;
  border-color: CornflowerBlue !important;
  --bg: CornflowerBlue !important;
}
.info.Blue {
  --info-background: rgba(0, 0, 255, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #0000e6;
}
.foreground-Blue,
.text-Blue,
.fg-Blue {
  color: Blue !important;
  --fg: Blue !important;
}
.background-Blue,
.bg-Blue {
  background-color: Blue !important;
  border-color: Blue !important;
  --bg: Blue !important;
}
.info.DarkBlue {
  --info-background: rgba(0, 0, 139, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #000072;
}
.foreground-DarkBlue,
.text-DarkBlue,
.fg-DarkBlue {
  color: DarkBlue !important;
  --fg: DarkBlue !important;
}
.background-DarkBlue,
.bg-DarkBlue {
  background-color: DarkBlue !important;
  border-color: DarkBlue !important;
  --bg: DarkBlue !important;
}
.info.DarkTurquoise {
  --info-background: rgba(0, 206, 209, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #00b5b8;
}
.foreground-DarkTurquoise,
.text-DarkTurquoise,
.fg-DarkTurquoise {
  color: DarkTurquoise !important;
  --fg: DarkTurquoise !important;
}
.background-DarkTurquoise,
.bg-DarkTurquoise {
  background-color: DarkTurquoise !important;
  border-color: DarkTurquoise !important;
  --bg: DarkTurquoise !important;
}
.info.DeepSkyBlue {
  --info-background: rgba(0, 191, 255, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #00ace6;
}
.foreground-DeepSkyBlue,
.text-DeepSkyBlue,
.fg-DeepSkyBlue {
  color: DeepSkyBlue !important;
  --fg: DeepSkyBlue !important;
}
.background-DeepSkyBlue,
.bg-DeepSkyBlue {
  background-color: DeepSkyBlue !important;
  border-color: DeepSkyBlue !important;
  --bg: DeepSkyBlue !important;
}
.info.DodgerBlue {
  --info-background: rgba(30, 144, 255, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #0483ff;
}
.foreground-DodgerBlue,
.text-DodgerBlue,
.fg-DodgerBlue {
  color: DodgerBlue !important;
  --fg: DodgerBlue !important;
}
.background-DodgerBlue,
.bg-DodgerBlue {
  background-color: DodgerBlue !important;
  border-color: DodgerBlue !important;
  --bg: DodgerBlue !important;
}
.info.RoyalBlue {
  --info-background: rgba(65, 105, 225, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #2b58de;
}
.foreground-RoyalBlue,
.text-RoyalBlue,
.fg-RoyalBlue {
  color: RoyalBlue !important;
  --fg: RoyalBlue !important;
}
.background-RoyalBlue,
.bg-RoyalBlue {
  background-color: RoyalBlue !important;
  border-color: RoyalBlue !important;
  --bg: RoyalBlue !important;
}
.info.MediumBlue {
  --info-background: rgba(0, 0, 205, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #0000b4;
}
.foreground-MediumBlue,
.text-MediumBlue,
.fg-MediumBlue {
  color: MediumBlue !important;
  --fg: MediumBlue !important;
}
.background-MediumBlue,
.bg-MediumBlue {
  background-color: MediumBlue !important;
  border-color: MediumBlue !important;
  --bg: MediumBlue !important;
}
.info.MidnightBlue {
  --info-background: rgba(25, 25, 112, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #14145b;
}
.foreground-MidnightBlue,
.text-MidnightBlue,
.fg-MidnightBlue {
  color: MidnightBlue !important;
  --fg: MidnightBlue !important;
}
.background-MidnightBlue,
.bg-MidnightBlue {
  background-color: MidnightBlue !important;
  border-color: MidnightBlue !important;
  --bg: MidnightBlue !important;
}
.info.Navy {
  --info-background: rgba(0, 0, 128, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #000067;
}
.foreground-Navy,
.text-Navy,
.fg-Navy {
  color: Navy !important;
  --fg: Navy !important;
}
.background-Navy,
.bg-Navy {
  background-color: Navy !important;
  border-color: Navy !important;
  --bg: Navy !important;
}
.info.SlateBlue {
  --info-background: rgba(106, 90, 205, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #5846c7;
}
.foreground-SlateBlue,
.text-SlateBlue,
.fg-SlateBlue {
  color: SlateBlue !important;
  --fg: SlateBlue !important;
}
.background-SlateBlue,
.bg-SlateBlue {
  background-color: SlateBlue !important;
  border-color: SlateBlue !important;
  --bg: SlateBlue !important;
}
.info.MediumTurquoise {
  --info-background: rgba(72, 209, 204, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #34ccc6;
}
.foreground-MediumTurquoise,
.text-MediumTurquoise,
.fg-MediumTurquoise {
  color: MediumTurquoise !important;
  --fg: MediumTurquoise !important;
}
.background-MediumTurquoise,
.bg-MediumTurquoise {
  background-color: MediumTurquoise !important;
  border-color: MediumTurquoise !important;
  --bg: MediumTurquoise !important;
}
.info.Cyan {
  --info-background: rgba(0, 255, 255, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #00e5e6;
}
.foreground-Cyan,
.text-Cyan,
.fg-Cyan {
  color: Cyan !important;
  --fg: Cyan !important;
}
.background-Cyan,
.bg-Cyan {
  background-color: Cyan !important;
  border-color: Cyan !important;
  --bg: Cyan !important;
}
.info.Aqua {
  --info-background: rgba(0, 255, 255, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #00e5e6;
}
.foreground-Aqua,
.text-Aqua,
.fg-Aqua {
  color: Aqua !important;
  --fg: Aqua !important;
}
.background-Aqua,
.bg-Aqua {
  background-color: Aqua !important;
  border-color: Aqua !important;
  --bg: Aqua !important;
}
.info.SteelBlue {
  --info-background: rgba(70, 130, 180, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #3f75a2;
}
.foreground-SteelBlue,
.text-SteelBlue,
.fg-SteelBlue {
  color: SteelBlue !important;
  --fg: SteelBlue !important;
}
.background-SteelBlue,
.bg-SteelBlue {
  background-color: SteelBlue !important;
  border-color: SteelBlue !important;
  --bg: SteelBlue !important;
}
.info.DarkCyan {
  --info-background: rgba(0, 139, 139, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #007172;
}
.foreground-DarkCyan,
.text-DarkCyan,
.fg-DarkCyan {
  color: DarkCyan !important;
  --fg: DarkCyan !important;
}
.background-DarkCyan,
.bg-DarkCyan {
  background-color: DarkCyan !important;
  border-color: DarkCyan !important;
  --bg: DarkCyan !important;
}
.info.Teal {
  --info-background: rgba(0, 128, 128, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #006667;
}
.foreground-Teal,
.text-Teal,
.fg-Teal {
  color: Teal !important;
  --fg: Teal !important;
}
.background-Teal,
.bg-Teal {
  background-color: Teal !important;
  border-color: Teal !important;
  --bg: Teal !important;
}
.info.Turquoise {
  --info-background: rgba(64, 224, 208, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #2adccb;
}
.foreground-Turquoise,
.text-Turquoise,
.fg-Turquoise {
  color: Turquoise !important;
  --fg: Turquoise !important;
}
.background-Turquoise,
.bg-Turquoise {
  background-color: Turquoise !important;
  border-color: Turquoise !important;
  --bg: Turquoise !important;
}
.info.LightSeaGreen {
  --info-background: rgba(32, 178, 170, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: #1c9c95;
}
.foreground-LightSeaGreen,
.text-LightSeaGreen,
.fg-LightSeaGreen {
  color: LightSeaGreen !important;
  --fg: LightSeaGreen !important;
}
.background-LightSeaGreen,
.bg-LightSeaGreen {
  background-color: LightSeaGreen !important;
  border-color: LightSeaGreen !important;
  --bg: LightSeaGreen !important;
}
.info.transparent {
  --info-background: rgba(0, 0, 0, 0.22);
  --info-foreground: var(--fg);
  --info-contrast: rgba(0, 0, 0, 0);
}
.foreground-transparent,
.text-transparent,
.fg-transparent {
  color: transparent !important;
  --fg: transparent !important;
}
.background-transparent,
.bg-transparent {
  background-color: transparent !important;
  border-color: transparent !important;
  --bg: transparent !important;
}
.svg-text {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5em;
}
ul,
ol {
  margin: 0;
}
.svg-link {
  display: flex;
  align-items: center;
  gap: 0.5em;
  font-weight: 700;
  transition: all 150ms ease;
  cursor: pointer;
  text-decoration: none;
  color: inherit !important;
}
.svg-link:hover {
  color: var(--primary, hsl(202, 100%, 50%)) !important;
}
.one-liner {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.no-decoration {
  text-decoration: none !important;
}
.underline {
  text-decoration: underline !important;
}
.line-through {
  text-decoration: line-through !important;
}
.monospace {
  font-family: 'Courier New', Courier, monospace;
}
.form-section {
  display: flex;
  flex-direction: column;
  gap: 0.2em;
}
.form-section span,
.form-section label {
  color: var(--discreet);
  font-size: 0.8em !important;
  font-weight: 700;
}
.short {
  max-width: 5em;
}
input,
textarea,
select,
option {
  font-family: "Inter";
  font-size: 0.9em;
}
input,
textarea,
select {
  padding: 0.4em 0.5em;
  background-color: var(--input-background);
  color: var(--fg);
  border: solid var(--highlight) 1px;
  transition: all 50ms ease;
  border-radius: 0.25em;
}
input:disabled,
textarea:disabled,
select:disabled {
  filter: grayscale(100%) brightness(90%) !important;
}
input:focus,
textarea:focus,
select:focus {
  outline: 3px solid hsl(207, 100%, 74%);
}
input::placeholder {
  opacity: 0.6;
}
textarea {
  font-family: "Inter";
}
label[for] {
  cursor: pointer;
}
.subtle {
  border-color: transparent;
  background: transparent;
  padding: 0.5em 0.6em;
  transition: all 100ms linear;
  font-weight: bold;
}
.subtle:not(:hover) {
  border-left: solid 2px;
  border-color: transparent transparent transparent var(--stealth);
  border-radius: 0em;
  padding: 0 0.6em;
}
.subtle:not(:hover)::placeholder {
  opacity: 1;
}
.subtle:hover::placeholder {
  opacity: auto;
}
.subtle:hover,
.subtle:focus {
  background-color: var(--input-background);
  border: solid var(--stealth) 1px;
  font-weight: normal;
}
.ratio-1-1 {
  aspect-ratio: 1/1;
}
.ratio-4-3 {
  aspect-ratio: 4/3;
}
.ratio-16-9 {
  aspect-ratio: 16/9;
}
.ratio-21-9 {
  aspect-ratio: 21/9;
}
.fit-fill {
  object-fit: fill;
}
.fit-contain {
  object-fit: contain;
}
.fit-cover {
  object-fit: cover;
}
.fit-none {
  object-fit: none;
}
.fit-scale-down {
  object-fit: scale-down;
}
nav {
  z-index: 100;
}
.menu-mobile-background {
  z-index: 169;
}
.overlay,
.menu {
  z-index: 170;
}
.menu::after {
  z-index: -1;
}
.menu-tolerance-section {
  z-index: -1;
}
.notifier-log {
  z-index: 999;
}
.summary-holder {
  z-index: 99;
}
.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(2px);
  animation: fade-in 100ms ease;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.overlay[locked] {
  cursor: not-allowed;
}
.overlay > .content {
  padding: 1.5em;
  border: solid 1px var(--stealth);
  border-radius: 0.5em;
  background: var(--bg);
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.12);
  cursor: default;
  max-width: 75%;
  padding: 2.5rem;
  overflow: auto;
}
body.is-mobile .overlay > .content {
  position: fixed;
  bottom: 0;
  left: 0;
  border-radius: 1em 1em 0 0;
  width: 100vw;
  max-width: 100vw;
  max-height: 80vh;
  overflow-y: auto;
}
.menu {
  padding: 1.5em;
  border: solid 1px var(--stealth);
  border-radius: 0.5em;
  position: fixed;
  display: none;
  padding: 1em;
  box-shadow: var(--medium-shadow);
  color: var(--fg);
  background-color: var(--menu-background);
  flex-direction: column;
  gap: 1em;
  min-width: min-content !important;
  max-width: 80vw;
  max-height: 80vh;
}
.menu-mobile-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  backdrop-filter: blur(2px);
  background: rgba(0, 0, 0, 0.25);
  animation: fade-in 200ms ease;
}
.menu.mobile {
  box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.25);
  width: 100vw;
  max-width: 100vw;
  min-width: 0px !important;
  min-height: 30vh;
  max-height: 60vh;
  overflow-y: auto;
  position: fixed;
  padding: 1.5em;
  bottom: 0;
  left: 0;
  border-radius: 1em;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.menu::after {
  content: '';
  position: absolute;
  background-color: var(--menu-background);
  width: 1em;
  height: 1em;
}
.menu-top::after,
.menu-bottom::after {
  height: 1em;
  width: 2em;
}
.menu-left::after,
.menu-right::after {
  height: 2em;
  width: 1em;
}
.menu-top::after {
  left: 50%;
  top: 100%;
  transform: translate(-50%, -50%);
  clip-path: polygon(100% 0, 0 0, 50% 100%);
}
.menu-left::after {
  left: 100%;
  top: 50%;
  transform: translate(-50%, -50%);
  clip-path: polygon(100% 50%, 0 0, 0 100%);
}
.menu-bottom::after {
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.menu-right::after {
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
}
body.is-mobile .menu::after {
  display: none;
}
.menu-tolerance-section {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: transparent;
}
.menu-bottom .menu-tolerance-section {
  top: -1em;
  transform: translate(-50%, 0%);
}
.menu-top .menu-tolerance-section {
  top: auto;
  bottom: -1em;
  transform: translate(-50%, 0%);
}
.menu-left .menu-tolerance-section {
  left: auto;
  right: -1em;
  transform: translate(0%, -50%);
}
.menu-right .menu-tolerance-section {
  left: -1em;
  transform: translate(0%, -50%);
}
.menu-option {
  display: flex;
  flex-direction: column;
  font-size: 0.9em;
  padding: 0 !important;
  gap: 0;
}
.menu-option > * {
  cursor: pointer;
  padding: 0.5em 1em;
  border-radius: 0.5em;
  transition: all 200ms ease;
  text-decoration: none;
  color: var(--fg);
}
.menu-option > *:hover,
.menu-option > *.active {
  background-color: var(--highlight);
}
@keyframes card-fade {
  from {
    transform: translateY(30px);
    opacity: 0;
  }
  to {
    transform: translateY(0px);
    opacity: 1;
  }
}
.card {
  display: flex;
  flex-direction: column;
  gap: 1em;
  background: var(--card-bg);
  animation: card-fade 100ms ease;
  border: solid 1px var(--stealth);
  border-radius: 0.33em;
  overflow: hidden;
  gap: 0;
}
.card.horizontal {
  flex-direction: row;
}
.card > * {
  padding: 0.99em;
  border-radius: 0;
}
.card:not(.horizontal) > * {
  border-top: 1px solid var(--stealth);
}
.card.horizontal > * {
  border-left: 1px solid var(--stealth);
}
.card > img {
  padding: 0;
  max-width: 100%;
  object-fit: cover;
}
.card:not(.horizontal) > *:first-of-type {
  border-top-width: 0px;
}
.card.horizontal > *:first-of-type {
  border-left-width: 0px;
}
.button {
  --button-foreground: #EEEEEE;
  --button-background: #6e6e6e;
  --button-background-faded: #b8b8b8;
  --button-border: #6e6e6e;
  --button-shadow: #f8f8f8;
  color: var(--button-foreground);
  background-color: var(--button-background);
  border: solid 2px var(--button-background);
  border-radius: 0.25em;
  padding: 0.4em 0.8em;
  text-decoration: none;
  font-size: 0.9em;
  font-weight: 600;
  font-family: "Inter";
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5em;
  justify-content: center;
  box-shadow: 0px 0px 0px transparent;
  transition: all 250ms ease;
}
.button:hover:not(:disabled) {
  box-shadow: 0px 0px 12px var(--button-background-faded);
}
.button:not(:disabled):active {
  box-shadow: 0 0 30px transparent !important;
}
.button svg {
  scale: 0.8;
}
.button svg {
  scale: 0.9;
}
.button.secondary {
  background-color: var(--button-background-faded);
  border: solid 2px transparent;
  color: var(--button-background);
}
.button.tertiary {
  color: var(--button-background);
  border-color: var(--button-background);
  background-color: transparent;
}
.button.tertiary:hover {
  color: var(--button-foreground);
  background-color: var(--button-background);
  border-color: var(--button-background);
}
.button:focus {
  outline: 3px solid hsl(207, 100%, 74%);
}
.button.icon {
  position: relative;
  padding: 0.25em;
  border: none !important;
  border-radius: 0.5em;
  font-size: 1.1em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.button.icon:hover {
  box-shadow: 0px 0px 6px var(--button-background-faded);
}
.button.white {
  --button-background-faded: rgba(255, 255, 255, 0.3);
  --button-foreground: black;
  --button-background: #FFF;
}
.button.lightgray {
  --button-background-faded: rgba(250, 250, 250, 0.3);
  --button-foreground: black;
  --button-background: #FAFAFA;
}
.button.gray {
  --button-background-faded: rgba(233, 233, 237, 0.3);
  --button-foreground: black;
  --button-background: #e9e9ed;
}
.button.darkgray {
  --button-background-faded: rgba(50, 50, 50, 0.3);
  --button-foreground: white;
  --button-background: #323232;
}
.button.black {
  --button-background-faded: rgba(0, 0, 0, 0.3);
  --button-foreground: white;
  --button-background: #000;
}
.button.red {
  --button-background-faded: hsla(7, 82%, 55%, 0.3);
  --button-foreground: white;
  --button-background: hsl(7, 82%, 55%);
}
.button.orange {
  --button-background-faded: hsla(33, 100%, 50%, 0.3);
  --button-foreground: white;
  --button-background: hsl(33, 100%, 50%);
}
.button.yellow {
  --button-background-faded: hsla(53, 100%, 50%, 0.3);
  --button-foreground: black;
  --button-background: hsl(53, 100%, 50%);
}
.button.green {
  --button-background-faded: hsla(146, 70%, 42%, 0.3);
  --button-foreground: white;
  --button-background: hsl(146, 70%, 42%);
}
.button.turquoise {
  --button-background-faded: hsla(172, 100%, 37%, 0.3);
  --button-foreground: white;
  --button-background: hsl(172, 100%, 37%);
}
.button.blue {
  --button-background-faded: hsla(202, 100%, 50%, 0.3);
  --button-foreground: white;
  --button-background: hsl(202, 100%, 50%);
}
.button.indigo {
  --button-background-faded: hsla(242, 88%, 67%, 0.3);
  --button-foreground: white;
  --button-background: hsl(242, 88%, 67%);
}
.button.violet {
  --button-background-faded: hsla(272, 100%, 58%, 0.3);
  --button-foreground: white;
  --button-background: hsl(272, 100%, 58%);
}
.button.Ivory {
  --button-background-faded: rgba(255, 255, 240, 0.3);
  --button-foreground: black;
  --button-background: Ivory;
}
.button.Beige {
  --button-background-faded: rgba(245, 245, 220, 0.3);
  --button-foreground: black;
  --button-background: Beige;
}
.button.AntiqueWhite {
  --button-background-faded: rgba(250, 235, 215, 0.3);
  --button-foreground: black;
  --button-background: AntiqueWhite;
}
.button.LemonChiffon {
  --button-background-faded: rgba(255, 250, 205, 0.3);
  --button-foreground: black;
  --button-background: LemonChiffon;
}
.button.LightGoldenRodYellow {
  --button-background-faded: rgba(250, 250, 210, 0.3);
  --button-foreground: black;
  --button-background: LightGoldenRodYellow;
}
.button.LightYellow {
  --button-background-faded: rgba(255, 255, 224, 0.3);
  --button-foreground: black;
  --button-background: LightYellow;
}
.button.Linen {
  --button-background-faded: rgba(250, 240, 230, 0.3);
  --button-foreground: black;
  --button-background: Linen;
}
.button.PaleGoldenRod {
  --button-background-faded: rgba(238, 232, 170, 0.3);
  --button-foreground: black;
  --button-background: PaleGoldenRod;
}
.button.Bisque {
  --button-background-faded: rgba(255, 228, 196, 0.3);
  --button-foreground: black;
  --button-background: Bisque;
}
.button.BlanchedAlmond {
  --button-background-faded: rgba(255, 235, 205, 0.3);
  --button-foreground: black;
  --button-background: BlanchedAlmond;
}
.button.BurlyWood {
  --button-background-faded: rgba(222, 184, 135, 0.3);
  --button-foreground: black;
  --button-background: BurlyWood;
}
.button.Khaki {
  --button-background-faded: rgba(240, 230, 140, 0.3);
  --button-foreground: black;
  --button-background: Khaki;
}
.button.DarkKhaki {
  --button-background-faded: rgba(189, 183, 107, 0.3);
  --button-foreground: black;
  --button-background: DarkKhaki;
}
.button.Gold {
  --button-background-faded: rgba(255, 215, 0, 0.3);
  --button-foreground: black;
  --button-background: Gold;
}
.button.GoldenRod {
  --button-background-faded: rgba(218, 165, 32, 0.3);
  --button-foreground: white;
  --button-background: GoldenRod;
}
.button.Yellow {
  --button-background-faded: rgba(255, 255, 0, 0.3);
  --button-foreground: black;
  --button-background: Yellow;
}
.button.White {
  --button-background-faded: rgba(255, 255, 255, 0.3);
  --button-foreground: black;
  --button-background: White;
}
.button.Snow {
  --button-background-faded: rgba(255, 250, 250, 0.3);
  --button-foreground: black;
  --button-background: Snow;
}
.button.Azure {
  --button-background-faded: rgba(240, 255, 255, 0.3);
  --button-foreground: black;
  --button-background: Azure;
}
.button.WhiteSmoke {
  --button-background-faded: rgba(245, 245, 245, 0.3);
  --button-foreground: black;
  --button-background: WhiteSmoke;
}
.button.Gainsboro {
  --button-background-faded: rgba(220, 220, 220, 0.3);
  --button-foreground: black;
  --button-background: Gainsboro;
}
.button.LightGray {
  --button-background-faded: rgba(211, 211, 211, 0.3);
  --button-foreground: black;
  --button-background: LightGray;
}
.button.LightGrey {
  --button-background-faded: rgba(211, 211, 211, 0.3);
  --button-foreground: black;
  --button-background: LightGrey;
}
.button.Silver {
  --button-background-faded: rgba(192, 192, 192, 0.3);
  --button-foreground: black;
  --button-background: Silver;
}
.button.DarkGray {
  --button-background-faded: rgba(169, 169, 169, 0.3);
  --button-foreground: white;
  --button-background: DarkGray;
}
.button.DarkGrey {
  --button-background-faded: rgba(169, 169, 169, 0.3);
  --button-foreground: white;
  --button-background: DarkGrey;
}
.button.Gray {
  --button-background-faded: rgba(128, 128, 128, 0.3);
  --button-foreground: white;
  --button-background: Gray;
}
.button.Grey {
  --button-background-faded: rgba(128, 128, 128, 0.3);
  --button-foreground: white;
  --button-background: Grey;
}
.button.DimGray {
  --button-background-faded: rgba(105, 105, 105, 0.3);
  --button-foreground: white;
  --button-background: DimGray;
}
.button.DimGrey {
  --button-background-faded: rgba(105, 105, 105, 0.3);
  --button-foreground: white;
  --button-background: DimGrey;
}
.button.Black {
  --button-background-faded: rgba(0, 0, 0, 0.3);
  --button-foreground: white;
  --button-background: Black;
}
.button.HoneyDew {
  --button-background-faded: rgba(240, 255, 240, 0.3);
  --button-foreground: black;
  --button-background: HoneyDew;
}
.button.FloralWhite {
  --button-background-faded: rgba(255, 250, 240, 0.3);
  --button-foreground: black;
  --button-background: FloralWhite;
}
.button.MintCream {
  --button-background-faded: rgba(245, 255, 250, 0.3);
  --button-foreground: black;
  --button-background: MintCream;
}
.button.YellowGreen {
  --button-background-faded: rgba(154, 205, 50, 0.3);
  --button-foreground: black;
  --button-background: YellowGreen;
}
.button.LightGreen {
  --button-background-faded: rgba(144, 238, 144, 0.3);
  --button-foreground: black;
  --button-background: LightGreen;
}
.button.PaleGreen {
  --button-background-faded: rgba(152, 251, 152, 0.3);
  --button-foreground: black;
  --button-background: PaleGreen;
}
.button.GreenYellow {
  --button-background-faded: rgba(173, 255, 47, 0.3);
  --button-foreground: black;
  --button-background: GreenYellow;
}
.button.Chartreuse {
  --button-background-faded: rgba(127, 255, 0, 0.3);
  --button-foreground: black;
  --button-background: Chartreuse;
}
.button.LawnGreen {
  --button-background-faded: rgba(124, 252, 0, 0.3);
  --button-foreground: black;
  --button-background: LawnGreen;
}
.button.Lime {
  --button-background-faded: rgba(0, 255, 0, 0.3);
  --button-foreground: black;
  --button-background: Lime;
}
.button.LimeGreen {
  --button-background-faded: rgba(50, 205, 50, 0.3);
  --button-foreground: black;
  --button-background: LimeGreen;
}
.button.MediumSpringGreen {
  --button-background-faded: rgba(0, 250, 154, 0.3);
  --button-foreground: black;
  --button-background: MediumSpringGreen;
}
.button.SpringGreen {
  --button-background-faded: rgba(0, 255, 127, 0.3);
  --button-foreground: black;
  --button-background: SpringGreen;
}
.button.MediumAquaMarine {
  --button-background-faded: rgba(102, 205, 170, 0.3);
  --button-foreground: black;
  --button-background: MediumAquaMarine;
}
.button.MediumSeaGreen {
  --button-background-faded: rgba(60, 179, 113, 0.3);
  --button-foreground: white;
  --button-background: MediumSeaGreen;
}
.button.OliveDrab {
  --button-background-faded: rgba(107, 142, 35, 0.3);
  --button-foreground: white;
  --button-background: OliveDrab;
}
.button.Olive {
  --button-background-faded: rgba(128, 128, 0, 0.3);
  --button-foreground: white;
  --button-background: Olive;
}
.button.DarkOliveGreen {
  --button-background-faded: rgba(85, 107, 47, 0.3);
  --button-foreground: white;
  --button-background: DarkOliveGreen;
}
.button.DarkSeaGreen {
  --button-background-faded: rgba(143, 188, 143, 0.3);
  --button-foreground: black;
  --button-background: DarkSeaGreen;
}
.button.Green {
  --button-background-faded: rgba(0, 128, 0, 0.3);
  --button-foreground: white;
  --button-background: Green;
}
.button.DarkGreen {
  --button-background-faded: rgba(0, 100, 0, 0.3);
  --button-foreground: white;
  --button-background: DarkGreen;
}
.button.DarkSlateGray {
  --button-background-faded: rgba(47, 79, 79, 0.3);
  --button-foreground: white;
  --button-background: DarkSlateGray;
}
.button.DarkSlateGrey {
  --button-background-faded: rgba(47, 79, 79, 0.3);
  --button-foreground: white;
  --button-background: DarkSlateGrey;
}
.button.ForestGreen {
  --button-background-faded: rgba(34, 139, 34, 0.3);
  --button-foreground: white;
  --button-background: ForestGreen;
}
.button.SeaGreen {
  --button-background-faded: rgba(46, 139, 87, 0.3);
  --button-foreground: white;
  --button-background: SeaGreen;
}
.button.SeaShell {
  --button-background-faded: rgba(255, 245, 238, 0.3);
  --button-foreground: black;
  --button-background: SeaShell;
}
.button.LavenderBlush {
  --button-background-faded: rgba(255, 240, 245, 0.3);
  --button-foreground: black;
  --button-background: LavenderBlush;
}
.button.Cornsilk {
  --button-background-faded: rgba(255, 248, 220, 0.3);
  --button-foreground: black;
  --button-background: Cornsilk;
}
.button.MistyRose {
  --button-background-faded: rgba(255, 228, 225, 0.3);
  --button-foreground: black;
  --button-background: MistyRose;
}
.button.Moccasin {
  --button-background-faded: rgba(255, 228, 181, 0.3);
  --button-foreground: black;
  --button-background: Moccasin;
}
.button.NavajoWhite {
  --button-background-faded: rgba(255, 222, 173, 0.3);
  --button-foreground: black;
  --button-background: NavajoWhite;
}
.button.OldLace {
  --button-background-faded: rgba(253, 245, 230, 0.3);
  --button-foreground: black;
  --button-background: OldLace;
}
.button.PapayaWhip {
  --button-background-faded: rgba(255, 239, 213, 0.3);
  --button-foreground: black;
  --button-background: PapayaWhip;
}
.button.PeachPuff {
  --button-background-faded: rgba(255, 218, 185, 0.3);
  --button-foreground: black;
  --button-background: PeachPuff;
}
.button.Wheat {
  --button-background-faded: rgba(245, 222, 179, 0.3);
  --button-foreground: black;
  --button-background: Wheat;
}
.button.Coral {
  --button-background-faded: rgba(255, 127, 80, 0.3);
  --button-foreground: white;
  --button-background: Coral;
}
.button.DarkGoldenRod {
  --button-background-faded: rgba(184, 134, 11, 0.3);
  --button-foreground: white;
  --button-background: DarkGoldenRod;
}
.button.Chocolate {
  --button-background-faded: rgba(210, 105, 30, 0.3);
  --button-foreground: white;
  --button-background: Chocolate;
}
.button.DarkOrange {
  --button-background-faded: rgba(255, 140, 0, 0.3);
  --button-foreground: white;
  --button-background: DarkOrange;
}
.button.Orange {
  --button-background-faded: rgba(255, 165, 0, 0.3);
  --button-foreground: black;
  --button-background: Orange;
}
.button.SandyBrown {
  --button-background-faded: rgba(244, 164, 96, 0.3);
  --button-foreground: black;
  --button-background: SandyBrown;
}
.button.Peru {
  --button-background-faded: rgba(205, 133, 63, 0.3);
  --button-foreground: white;
  --button-background: Peru;
}
.button.DarkSalmon {
  --button-background-faded: rgba(233, 150, 122, 0.3);
  --button-foreground: white;
  --button-background: DarkSalmon;
}
.button.LightSalmon {
  --button-background-faded: rgba(255, 160, 122, 0.3);
  --button-foreground: black;
  --button-background: LightSalmon;
}
.button.LightCoral {
  --button-background-faded: rgba(240, 128, 128, 0.3);
  --button-foreground: white;
  --button-background: LightCoral;
}
.button.IndianRed {
  --button-background-faded: rgba(205, 92, 92, 0.3);
  --button-foreground: white;
  --button-background: IndianRed;
}
.button.OrangeRed {
  --button-background-faded: rgba(255, 69, 0, 0.3);
  --button-foreground: white;
  --button-background: OrangeRed;
}
.button.PaleVioletRed {
  --button-background-faded: rgba(216, 112, 147, 0.3);
  --button-foreground: white;
  --button-background: PaleVioletRed;
}
.button.Tomato {
  --button-background-faded: rgba(255, 99, 71, 0.3);
  --button-foreground: white;
  --button-background: Tomato;
}
.button.Crimson {
  --button-background-faded: rgba(220, 20, 60, 0.3);
  --button-foreground: white;
  --button-background: Crimson;
}
.button.FireBrick {
  --button-background-faded: rgba(178, 34, 34, 0.3);
  --button-foreground: white;
  --button-background: FireBrick;
}
.button.Brown {
  --button-background-faded: rgba(165, 42, 42, 0.3);
  --button-foreground: white;
  --button-background: Brown;
}
.button.DarkRed {
  --button-background-faded: rgba(139, 0, 0, 0.3);
  --button-foreground: white;
  --button-background: DarkRed;
}
.button.Maroon {
  --button-background-faded: rgba(128, 0, 0, 0.3);
  --button-foreground: white;
  --button-background: Maroon;
}
.button.Red {
  --button-background-faded: rgba(255, 0, 0, 0.3);
  --button-foreground: white;
  --button-background: Red;
}
.button.Tan {
  --button-background-faded: rgba(210, 180, 140, 0.3);
  --button-foreground: black;
  --button-background: Tan;
}
.button.RosyBrown {
  --button-background-faded: rgba(188, 143, 143, 0.3);
  --button-foreground: white;
  --button-background: RosyBrown;
}
.button.SaddleBrown {
  --button-background-faded: rgba(139, 69, 19, 0.3);
  --button-foreground: white;
  --button-background: SaddleBrown;
}
.button.Salmon {
  --button-background-faded: rgba(250, 128, 114, 0.3);
  --button-foreground: white;
  --button-background: Salmon;
}
.button.Sienna {
  --button-background-faded: rgba(160, 82, 45, 0.3);
  --button-foreground: white;
  --button-background: Sienna;
}
.button.Pink {
  --button-background-faded: rgba(255, 192, 203, 0.3);
  --button-foreground: black;
  --button-background: Pink;
}
.button.LightPink {
  --button-background-faded: rgba(255, 182, 193, 0.3);
  --button-foreground: black;
  --button-background: LightPink;
}
.button.Plum {
  --button-background-faded: rgba(221, 160, 221, 0.3);
  --button-foreground: black;
  --button-background: Plum;
}
.button.Thistle {
  --button-background-faded: rgba(216, 191, 216, 0.3);
  --button-foreground: black;
  --button-background: Thistle;
}
.button.HotPink {
  --button-background-faded: rgba(255, 105, 180, 0.3);
  --button-foreground: white;
  --button-background: HotPink;
}
.button.Orchid {
  --button-background-faded: rgba(218, 112, 214, 0.3);
  --button-foreground: white;
  --button-background: Orchid;
}
.button.Violet {
  --button-background-faded: rgba(238, 130, 238, 0.3);
  --button-foreground: white;
  --button-background: Violet;
}
.button.Magenta {
  --button-background-faded: rgba(255, 0, 255, 0.3);
  --button-foreground: white;
  --button-background: Magenta;
}
.button.Fuchsia {
  --button-background-faded: rgba(255, 0, 255, 0.3);
  --button-foreground: white;
  --button-background: Fuchsia;
}
.button.DeepPink {
  --button-background-faded: rgba(255, 20, 147, 0.3);
  --button-foreground: white;
  --button-background: DeepPink;
}
.button.MediumVioletRed {
  --button-background-faded: rgba(199, 21, 133, 0.3);
  --button-foreground: white;
  --button-background: MediumVioletRed;
}
.button.DarkMagenta {
  --button-background-faded: rgba(139, 0, 139, 0.3);
  --button-foreground: white;
  --button-background: DarkMagenta;
}
.button.BlueViolet {
  --button-background-faded: rgba(138, 43, 226, 0.3);
  --button-foreground: white;
  --button-background: BlueViolet;
}
.button.DarkOrchid {
  --button-background-faded: rgba(153, 50, 204, 0.3);
  --button-foreground: white;
  --button-background: DarkOrchid;
}
.button.DarkSlateBlue {
  --button-background-faded: rgba(72, 61, 139, 0.3);
  --button-foreground: white;
  --button-background: DarkSlateBlue;
}
.button.DarkViolet {
  --button-background-faded: rgba(148, 0, 211, 0.3);
  --button-foreground: white;
  --button-background: DarkViolet;
}
.button.Indigo {
  --button-background-faded: rgba(75, 0, 130, 0.3);
  --button-foreground: white;
  --button-background: Indigo;
}
.button.MediumOrchid {
  --button-background-faded: rgba(186, 85, 211, 0.3);
  --button-foreground: white;
  --button-background: MediumOrchid;
}
.button.MediumPurple {
  --button-background-faded: rgba(147, 112, 216, 0.3);
  --button-foreground: white;
  --button-background: MediumPurple;
}
.button.MediumSlateBlue {
  --button-background-faded: rgba(123, 104, 238, 0.3);
  --button-foreground: white;
  --button-background: MediumSlateBlue;
}
.button.RebeccaPurple {
  --button-background-faded: rgba(102, 51, 153, 0.3);
  --button-foreground: white;
  --button-background: RebeccaPurple;
}
.button.Purple {
  --button-background-faded: rgba(128, 0, 128, 0.3);
  --button-foreground: white;
  --button-background: Purple;
}
.button.GhostWhite {
  --button-background-faded: rgba(248, 248, 255, 0.3);
  --button-foreground: black;
  --button-background: GhostWhite;
}
.button.AliceBlue {
  --button-background-faded: rgba(240, 248, 255, 0.3);
  --button-foreground: black;
  --button-background: AliceBlue;
}
.button.Lavender {
  --button-background-faded: rgba(230, 230, 250, 0.3);
  --button-foreground: black;
  --button-background: Lavender;
}
.button.LightBlue {
  --button-background-faded: rgba(173, 216, 230, 0.3);
  --button-foreground: black;
  --button-background: LightBlue;
}
.button.LightCyan {
  --button-background-faded: rgba(224, 255, 255, 0.3);
  --button-foreground: black;
  --button-background: LightCyan;
}
.button.LightSkyBlue {
  --button-background-faded: rgba(135, 206, 250, 0.3);
  --button-foreground: black;
  --button-background: LightSkyBlue;
}
.button.LightSlateGray {
  --button-background-faded: rgba(119, 136, 153, 0.3);
  --button-foreground: white;
  --button-background: LightSlateGray;
}
.button.LightSlateGrey {
  --button-background-faded: rgba(119, 136, 153, 0.3);
  --button-foreground: white;
  --button-background: LightSlateGrey;
}
.button.LightSteelBlue {
  --button-background-faded: rgba(176, 196, 222, 0.3);
  --button-foreground: black;
  --button-background: LightSteelBlue;
}
.button.PaleTurquoise {
  --button-background-faded: rgba(175, 238, 238, 0.3);
  --button-foreground: black;
  --button-background: PaleTurquoise;
}
.button.PowderBlue {
  --button-background-faded: rgba(176, 224, 230, 0.3);
  --button-foreground: black;
  --button-background: PowderBlue;
}
.button.SkyBlue {
  --button-background-faded: rgba(135, 206, 235, 0.3);
  --button-foreground: black;
  --button-background: SkyBlue;
}
.button.SlateGray {
  --button-background-faded: rgba(112, 128, 144, 0.3);
  --button-foreground: white;
  --button-background: SlateGray;
}
.button.SlateGrey {
  --button-background-faded: rgba(112, 128, 144, 0.3);
  --button-foreground: white;
  --button-background: SlateGrey;
}
.button.Aquamarine {
  --button-background-faded: rgba(127, 255, 212, 0.3);
  --button-foreground: black;
  --button-background: Aquamarine;
}
.button.CadetBlue {
  --button-background-faded: rgba(95, 158, 160, 0.3);
  --button-foreground: white;
  --button-background: CadetBlue;
}
.button.CornflowerBlue {
  --button-background-faded: rgba(100, 149, 237, 0.3);
  --button-foreground: white;
  --button-background: CornflowerBlue;
}
.button.Blue {
  --button-background-faded: rgba(0, 0, 255, 0.3);
  --button-foreground: white;
  --button-background: Blue;
}
.button.DarkBlue {
  --button-background-faded: rgba(0, 0, 139, 0.3);
  --button-foreground: white;
  --button-background: DarkBlue;
}
.button.DarkTurquoise {
  --button-background-faded: rgba(0, 206, 209, 0.3);
  --button-foreground: black;
  --button-background: DarkTurquoise;
}
.button.DeepSkyBlue {
  --button-background-faded: rgba(0, 191, 255, 0.3);
  --button-foreground: black;
  --button-background: DeepSkyBlue;
}
.button.DodgerBlue {
  --button-background-faded: rgba(30, 144, 255, 0.3);
  --button-foreground: white;
  --button-background: DodgerBlue;
}
.button.RoyalBlue {
  --button-background-faded: rgba(65, 105, 225, 0.3);
  --button-foreground: white;
  --button-background: RoyalBlue;
}
.button.MediumBlue {
  --button-background-faded: rgba(0, 0, 205, 0.3);
  --button-foreground: white;
  --button-background: MediumBlue;
}
.button.MidnightBlue {
  --button-background-faded: rgba(25, 25, 112, 0.3);
  --button-foreground: white;
  --button-background: MidnightBlue;
}
.button.Navy {
  --button-background-faded: rgba(0, 0, 128, 0.3);
  --button-foreground: white;
  --button-background: Navy;
}
.button.SlateBlue {
  --button-background-faded: rgba(106, 90, 205, 0.3);
  --button-foreground: white;
  --button-background: SlateBlue;
}
.button.MediumTurquoise {
  --button-background-faded: rgba(72, 209, 204, 0.3);
  --button-foreground: black;
  --button-background: MediumTurquoise;
}
.button.Cyan {
  --button-background-faded: rgba(0, 255, 255, 0.3);
  --button-foreground: black;
  --button-background: Cyan;
}
.button.Aqua {
  --button-background-faded: rgba(0, 255, 255, 0.3);
  --button-foreground: black;
  --button-background: Aqua;
}
.button.SteelBlue {
  --button-background-faded: rgba(70, 130, 180, 0.3);
  --button-foreground: white;
  --button-background: SteelBlue;
}
.button.DarkCyan {
  --button-background-faded: rgba(0, 139, 139, 0.3);
  --button-foreground: white;
  --button-background: DarkCyan;
}
.button.Teal {
  --button-background-faded: rgba(0, 128, 128, 0.3);
  --button-foreground: white;
  --button-background: Teal;
}
.button.Turquoise {
  --button-background-faded: rgba(64, 224, 208, 0.3);
  --button-foreground: black;
  --button-background: Turquoise;
}
.button.LightSeaGreen {
  --button-background-faded: rgba(32, 178, 170, 0.3);
  --button-foreground: white;
  --button-background: LightSeaGreen;
}
.button.transparent {
  --button-background-faded: rgba(0, 0, 0, 0.3);
  --button-foreground: white;
  --button-background: transparent;
}
.button:disabled {
  border-color: #d0d0d0 !important;
  background: #d0d0d0 !important;
  color: #727272 !important;
}
/*
    For icon button, we display they title under it
    it can help to understand button purposes when they are next to each others !
*/
.button.icon[label]::after {
  color: var(--fg);
  font-size: 0.75em;
  font-weight: 400;
  opacity: 0.6;
  content: attr(label);
  bottom: -1.5em;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
.button.icon[label] {
  margin-bottom: 1em;
}
body.is-mobile .button {
  min-height: 2rem !important;
  min-width: 2rem !important;
}
aside {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  padding: 0;
}
aside.horizontal {
  gap: 0em !important;
  flex-direction: row;
  align-items: flex-start;
}
aside [for] {
  font-size: 0.9em;
  font-weight: 700;
  padding: 0.66em;
  margin-bottom: 0.33em;
  color: inherit;
  border-bottom: #DDD solid 1px;
  cursor: pointer;
  transition: all 250ms ease;
  user-select: none;
}
aside [for].active {
  border-color: var(--primary, var(--blue));
  color: var(--primary, var(--blue));
}
aside [for] img {
  width: 1.25em;
}
/*

Navbar usage

<nav class="navbar [vertical]">
    <h1>Title !</h1>
    <a href="/" class="icon"><img src="/samples/img/icon.png" alt=""></a>
    <a href="Elem1">Elem1</a>
    <a href="Elem2">Elem2</a>
    <a href="Elem3">Elem3</a>
    <div class="filler"></div>
    <!-- Every elements from here are at the end of the navbar -->
    <a href="">Hey</a>
</nav>

*/
.navbar {
  --spacing: 0.5em 1em;
  position: sticky;
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing);
  top: 0;
  padding: var(--spacing);
}
.navbar .content {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--spacing);
}
.navbar:not(.vertical) .content {
  flex-direction: row;
  align-items: center;
}
.navbar:not(.vertical) .content:not(.wide) {
  width: clamp(0px, 1000px, 1000px);
}
.navbar * {
  line-height: normal;
}
.navbar:not(.vertical) {
  flex-direction: row;
  align-items: center;
  width: 100%;
  min-height: 3em;
}
.navbar:not(.vertical):nth-of-type(1) {
  top: 0em;
}
.navbar:not(.vertical):nth-of-type(2) {
  top: 3em;
}
.navbar:not(.vertical):nth-of-type(3) {
  top: 6em;
}
.navbar:not(.vertical):nth-of-type(4) {
  top: 9em;
}
.navbar:not(.vertical):nth-of-type(5) {
  top: 12em;
}
.navbar:not(.vertical):nth-of-type(6) {
  top: 15em;
}
.navbar:not(.vertical):nth-of-type(7) {
  top: 18em;
}
.navbar:not(.vertical):nth-of-type(8) {
  top: 21em;
}
.navbar:not(.vertical):nth-of-type(9) {
  top: 24em;
}
.navbar:not(.vertical):nth-of-type(10) {
  top: 27em;
}
.navbar:not(.vertical):nth-of-type(11) {
  top: 30em;
}
.navbar:not(.vertical):nth-of-type(12) {
  top: 33em;
}
.navbar.vertical {
  height: 100dvh;
  max-width: 20%;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 6px 12px rgba(0, 0, 0, 0.1);
  flex-direction: column;
  align-items: center;
}
.navbar h1,
.navbar .h1,
.navbar .title {
  font-size: 1.2em !important;
}
.navbar a {
  cursor: pointer;
  transition: all 100ms ease;
  border-radius: 0.5em;
  font-size: 0.9em;
  font-weight: 700;
  color: inherit;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.navbar a:hover {
  background-color: rgba(255, 255, 255, 0.15);
}
.navbar a.icon {
  padding: 1em !important;
  border-radius: 100%;
  aspect-ratio: 1/1;
}
.navbar:not(.vertical) a {
  justify-content: center;
}
.navbar.vertical a {
  width: 100%;
  justify-content: flex-start;
}
.navbar .menu {
  gap: 0;
}
.navbar .menu a:not(.button) {
  border-radius: 0.5em;
  background: transparent;
  flex: 1 0 0px;
  padding: 0.5em;
  transition: all 200ms ease;
  text-decoration: none;
}
.navbar .menu a:not(.button):hover {
  background: rgba(0, 0, 0, 0.1);
}
.navbar img {
  padding: 0;
  margin: 0;
}
.navbar .menu a {
  justify-content: flex-start;
}
.navbar .menu span {
  margin-top: 0.5em;
  font-size: 0.9em;
  font-weight: 700;
}
.navbar .mobile-only {
  display: none;
}
body.is-mobile .navbar {
  position: fixed !important;
  font-size: 1.33em;
  top: 0 !important;
  left: 0%;
  transform: translateX(-100%);
  width: auto !important;
  max-width: 80vw !important;
  height: 100vh !important;
  max-height: 100vh !important;
  margin: 0 !important;
  transition: all 200ms ease;
  flex-wrap: nowrap !important;
  z-index: 100;
}
body.is-mobile .navbar,
body.is-mobile .navbar .content {
  flex-direction: column !important;
  align-items: center;
}
body.is-mobile .navbar .content {
  width: auto !important;
  flex-direction: column !important;
  overflow: auto;
}
body.is-mobile .navbar.active {
  z-index: 161 !important;
  transform: translateX(0%);
}
body.is-mobile .navbar-button {
  position: absolute;
  right: 0;
  transform: translateX(100%);
  top: 75vh;
  background: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5em;
  border-radius: 0 1em 1em 0;
}
/*

Style usage :


<span class="notification">
    Your notifications
    <span class="number">13</span>
</span>


*/
.notification {
  position: relative;
  width: max-content;
}
.notification.white {
  --notification-color: #FFF;
  --notification-shadow: rgba(255, 255, 255, 0.002);
  --notification-text: #282828;
}
.notification.lightgray {
  --notification-color: #FAFAFA;
  --notification-shadow: rgba(250, 250, 250, 0.002);
  --notification-text: #282828;
}
.notification.gray {
  --notification-color: #e9e9ed;
  --notification-shadow: rgba(233, 233, 237, 0.002);
  --notification-text: #282828;
}
.notification.darkgray {
  --notification-color: #323232;
  --notification-shadow: rgba(50, 50, 50, 0.002);
  --notification-text: #f4f4f6;
}
.notification.black {
  --notification-color: #000;
  --notification-shadow: rgba(0, 0, 0, 0.002);
  --notification-text: #f4f4f6;
}
.notification.red {
  --notification-color: hsl(7, 82%, 55%);
  --notification-shadow: hsla(7, 82%, 55%, 0.002);
  --notification-text: #f4f4f6;
}
.notification.orange {
  --notification-color: hsl(33, 100%, 50%);
  --notification-shadow: hsla(33, 100%, 50%, 0.002);
  --notification-text: #f4f4f6;
}
.notification.yellow {
  --notification-color: hsl(53, 100%, 50%);
  --notification-shadow: hsla(53, 100%, 50%, 0.002);
  --notification-text: #282828;
}
.notification.green {
  --notification-color: hsl(146, 70%, 42%);
  --notification-shadow: hsla(146, 70%, 42%, 0.002);
  --notification-text: #f4f4f6;
}
.notification.turquoise {
  --notification-color: hsl(172, 100%, 37%);
  --notification-shadow: hsla(172, 100%, 37%, 0.002);
  --notification-text: #f4f4f6;
}
.notification.blue {
  --notification-color: hsl(202, 100%, 50%);
  --notification-shadow: hsla(202, 100%, 50%, 0.002);
  --notification-text: #f4f4f6;
}
.notification.indigo {
  --notification-color: hsl(242, 88%, 67%);
  --notification-shadow: hsla(242, 88%, 67%, 0.002);
  --notification-text: #f4f4f6;
}
.notification.violet {
  --notification-color: hsl(272, 100%, 58%);
  --notification-shadow: hsla(272, 100%, 58%, 0.002);
  --notification-text: #f4f4f6;
}
.notification.Ivory {
  --notification-color: Ivory;
  --notification-shadow: rgba(255, 255, 240, 0.002);
  --notification-text: #282828;
}
.notification.Beige {
  --notification-color: Beige;
  --notification-shadow: rgba(245, 245, 220, 0.002);
  --notification-text: #282828;
}
.notification.AntiqueWhite {
  --notification-color: AntiqueWhite;
  --notification-shadow: rgba(250, 235, 215, 0.002);
  --notification-text: #282828;
}
.notification.LemonChiffon {
  --notification-color: LemonChiffon;
  --notification-shadow: rgba(255, 250, 205, 0.002);
  --notification-text: #282828;
}
.notification.LightGoldenRodYellow {
  --notification-color: LightGoldenRodYellow;
  --notification-shadow: rgba(250, 250, 210, 0.002);
  --notification-text: #282828;
}
.notification.LightYellow {
  --notification-color: LightYellow;
  --notification-shadow: rgba(255, 255, 224, 0.002);
  --notification-text: #282828;
}
.notification.Linen {
  --notification-color: Linen;
  --notification-shadow: rgba(250, 240, 230, 0.002);
  --notification-text: #282828;
}
.notification.PaleGoldenRod {
  --notification-color: PaleGoldenRod;
  --notification-shadow: rgba(238, 232, 170, 0.002);
  --notification-text: #282828;
}
.notification.Bisque {
  --notification-color: Bisque;
  --notification-shadow: rgba(255, 228, 196, 0.002);
  --notification-text: #282828;
}
.notification.BlanchedAlmond {
  --notification-color: BlanchedAlmond;
  --notification-shadow: rgba(255, 235, 205, 0.002);
  --notification-text: #282828;
}
.notification.BurlyWood {
  --notification-color: BurlyWood;
  --notification-shadow: rgba(222, 184, 135, 0.002);
  --notification-text: #282828;
}
.notification.Khaki {
  --notification-color: Khaki;
  --notification-shadow: rgba(240, 230, 140, 0.002);
  --notification-text: #282828;
}
.notification.DarkKhaki {
  --notification-color: DarkKhaki;
  --notification-shadow: rgba(189, 183, 107, 0.002);
  --notification-text: #282828;
}
.notification.Gold {
  --notification-color: Gold;
  --notification-shadow: rgba(255, 215, 0, 0.002);
  --notification-text: #282828;
}
.notification.GoldenRod {
  --notification-color: GoldenRod;
  --notification-shadow: rgba(218, 165, 32, 0.002);
  --notification-text: #f4f4f6;
}
.notification.Yellow {
  --notification-color: Yellow;
  --notification-shadow: rgba(255, 255, 0, 0.002);
  --notification-text: #282828;
}
.notification.White {
  --notification-color: White;
  --notification-shadow: rgba(255, 255, 255, 0.002);
  --notification-text: #282828;
}
.notification.Snow {
  --notification-color: Snow;
  --notification-shadow: rgba(255, 250, 250, 0.002);
  --notification-text: #282828;
}
.notification.Azure {
  --notification-color: Azure;
  --notification-shadow: rgba(240, 255, 255, 0.002);
  --notification-text: #282828;
}
.notification.WhiteSmoke {
  --notification-color: WhiteSmoke;
  --notification-shadow: rgba(245, 245, 245, 0.002);
  --notification-text: #282828;
}
.notification.Gainsboro {
  --notification-color: Gainsboro;
  --notification-shadow: rgba(220, 220, 220, 0.002);
  --notification-text: #282828;
}
.notification.LightGray {
  --notification-color: LightGray;
  --notification-shadow: rgba(211, 211, 211, 0.002);
  --notification-text: #282828;
}
.notification.LightGrey {
  --notification-color: LightGrey;
  --notification-shadow: rgba(211, 211, 211, 0.002);
  --notification-text: #282828;
}
.notification.Silver {
  --notification-color: Silver;
  --notification-shadow: rgba(192, 192, 192, 0.002);
  --notification-text: #282828;
}
.notification.DarkGray {
  --notification-color: DarkGray;
  --notification-shadow: rgba(169, 169, 169, 0.002);
  --notification-text: #f4f4f6;
}
.notification.DarkGrey {
  --notification-color: DarkGrey;
  --notification-shadow: rgba(169, 169, 169, 0.002);
  --notification-text: #f4f4f6;
}
.notification.Gray {
  --notification-color: Gray;
  --notification-shadow: rgba(128, 128, 128, 0.002);
  --notification-text: #f4f4f6;
}
.notification.Grey {
  --notification-color: Grey;
  --notification-shadow: rgba(128, 128, 128, 0.002);
  --notification-text: #f4f4f6;
}
.notification.DimGray {
  --notification-color: DimGray;
  --notification-shadow: rgba(105, 105, 105, 0.002);
  --notification-text: #f4f4f6;
}
.notification.DimGrey {
  --notification-color: DimGrey;
  --notification-shadow: rgba(105, 105, 105, 0.002);
  --notification-text: #f4f4f6;
}
.notification.Black {
  --notification-color: Black;
  --notification-shadow: rgba(0, 0, 0, 0.002);
  --notification-text: #f4f4f6;
}
.notification.HoneyDew {
  --notification-color: HoneyDew;
  --notification-shadow: rgba(240, 255, 240, 0.002);
  --notification-text: #282828;
}
.notification.FloralWhite {
  --notification-color: FloralWhite;
  --notification-shadow: rgba(255, 250, 240, 0.002);
  --notification-text: #282828;
}
.notification.MintCream {
  --notification-color: MintCream;
  --notification-shadow: rgba(245, 255, 250, 0.002);
  --notification-text: #282828;
}
.notification.YellowGreen {
  --notification-color: YellowGreen;
  --notification-shadow: rgba(154, 205, 50, 0.002);
  --notification-text: #282828;
}
.notification.LightGreen {
  --notification-color: LightGreen;
  --notification-shadow: rgba(144, 238, 144, 0.002);
  --notification-text: #282828;
}
.notification.PaleGreen {
  --notification-color: PaleGreen;
  --notification-shadow: rgba(152, 251, 152, 0.002);
  --notification-text: #282828;
}
.notification.GreenYellow {
  --notification-color: GreenYellow;
  --notification-shadow: rgba(173, 255, 47, 0.002);
  --notification-text: #282828;
}
.notification.Chartreuse {
  --notification-color: Chartreuse;
  --notification-shadow: rgba(127, 255, 0, 0.002);
  --notification-text: #282828;
}
.notification.LawnGreen {
  --notification-color: LawnGreen;
  --notification-shadow: rgba(124, 252, 0, 0.002);
  --notification-text: #282828;
}
.notification.Lime {
  --notification-color: Lime;
  --notification-shadow: rgba(0, 255, 0, 0.002);
  --notification-text: #282828;
}
.notification.LimeGreen {
  --notification-color: LimeGreen;
  --notification-shadow: rgba(50, 205, 50, 0.002);
  --notification-text: #282828;
}
.notification.MediumSpringGreen {
  --notification-color: MediumSpringGreen;
  --notification-shadow: rgba(0, 250, 154, 0.002);
  --notification-text: #282828;
}
.notification.SpringGreen {
  --notification-color: SpringGreen;
  --notification-shadow: rgba(0, 255, 127, 0.002);
  --notification-text: #282828;
}
.notification.MediumAquaMarine {
  --notification-color: MediumAquaMarine;
  --notification-shadow: rgba(102, 205, 170, 0.002);
  --notification-text: #282828;
}
.notification.MediumSeaGreen {
  --notification-color: MediumSeaGreen;
  --notification-shadow: rgba(60, 179, 113, 0.002);
  --notification-text: #f4f4f6;
}
.notification.OliveDrab {
  --notification-color: OliveDrab;
  --notification-shadow: rgba(107, 142, 35, 0.002);
  --notification-text: #f4f4f6;
}
.notification.Olive {
  --notification-color: Olive;
  --notification-shadow: rgba(128, 128, 0, 0.002);
  --notification-text: #f4f4f6;
}
.notification.DarkOliveGreen {
  --notification-color: DarkOliveGreen;
  --notification-shadow: rgba(85, 107, 47, 0.002);
  --notification-text: #f4f4f6;
}
.notification.DarkSeaGreen {
  --notification-color: DarkSeaGreen;
  --notification-shadow: rgba(143, 188, 143, 0.002);
  --notification-text: #282828;
}
.notification.Green {
  --notification-color: Green;
  --notification-shadow: rgba(0, 128, 0, 0.002);
  --notification-text: #f4f4f6;
}
.notification.DarkGreen {
  --notification-color: DarkGreen;
  --notification-shadow: rgba(0, 100, 0, 0.002);
  --notification-text: #f4f4f6;
}
.notification.DarkSlateGray {
  --notification-color: DarkSlateGray;
  --notification-shadow: rgba(47, 79, 79, 0.002);
  --notification-text: #f4f4f6;
}
.notification.DarkSlateGrey {
  --notification-color: DarkSlateGrey;
  --notification-shadow: rgba(47, 79, 79, 0.002);
  --notification-text: #f4f4f6;
}
.notification.ForestGreen {
  --notification-color: ForestGreen;
  --notification-shadow: rgba(34, 139, 34, 0.002);
  --notification-text: #f4f4f6;
}
.notification.SeaGreen {
  --notification-color: SeaGreen;
  --notification-shadow: rgba(46, 139, 87, 0.002);
  --notification-text: #f4f4f6;
}
.notification.SeaShell {
  --notification-color: SeaShell;
  --notification-shadow: rgba(255, 245, 238, 0.002);
  --notification-text: #282828;
}
.notification.LavenderBlush {
  --notification-color: LavenderBlush;
  --notification-shadow: rgba(255, 240, 245, 0.002);
  --notification-text: #282828;
}
.notification.Cornsilk {
  --notification-color: Cornsilk;
  --notification-shadow: rgba(255, 248, 220, 0.002);
  --notification-text: #282828;
}
.notification.MistyRose {
  --notification-color: MistyRose;
  --notification-shadow: rgba(255, 228, 225, 0.002);
  --notification-text: #282828;
}
.notification.Moccasin {
  --notification-color: Moccasin;
  --notification-shadow: rgba(255, 228, 181, 0.002);
  --notification-text: #282828;
}
.notification.NavajoWhite {
  --notification-color: NavajoWhite;
  --notification-shadow: rgba(255, 222, 173, 0.002);
  --notification-text: #282828;
}
.notification.OldLace {
  --notification-color: OldLace;
  --notification-shadow: rgba(253, 245, 230, 0.002);
  --notification-text: #282828;
}
.notification.PapayaWhip {
  --notification-color: PapayaWhip;
  --notification-shadow: rgba(255, 239, 213, 0.002);
  --notification-text: #282828;
}
.notification.PeachPuff {
  --notification-color: PeachPuff;
  --notification-shadow: rgba(255, 218, 185, 0.002);
  --notification-text: #282828;
}
.notification.Wheat {
  --notification-color: Wheat;
  --notification-shadow: rgba(245, 222, 179, 0.002);
  --notification-text: #282828;
}
.notification.Coral {
  --notification-color: Coral;
  --notification-shadow: rgba(255, 127, 80, 0.002);
  --notification-text: #f4f4f6;
}
.notification.DarkGoldenRod {
  --notification-color: DarkGoldenRod;
  --notification-shadow: rgba(184, 134, 11, 0.002);
  --notification-text: #f4f4f6;
}
.notification.Chocolate {
  --notification-color: Chocolate;
  --notification-shadow: rgba(210, 105, 30, 0.002);
  --notification-text: #f4f4f6;
}
.notification.DarkOrange {
  --notification-color: DarkOrange;
  --notification-shadow: rgba(255, 140, 0, 0.002);
  --notification-text: #f4f4f6;
}
.notification.Orange {
  --notification-color: Orange;
  --notification-shadow: rgba(255, 165, 0, 0.002);
  --notification-text: #282828;
}
.notification.SandyBrown {
  --notification-color: SandyBrown;
  --notification-shadow: rgba(244, 164, 96, 0.002);
  --notification-text: #282828;
}
.notification.Peru {
  --notification-color: Peru;
  --notification-shadow: rgba(205, 133, 63, 0.002);
  --notification-text: #f4f4f6;
}
.notification.DarkSalmon {
  --notification-color: DarkSalmon;
  --notification-shadow: rgba(233, 150, 122, 0.002);
  --notification-text: #f4f4f6;
}
.notification.LightSalmon {
  --notification-color: LightSalmon;
  --notification-shadow: rgba(255, 160, 122, 0.002);
  --notification-text: #282828;
}
.notification.LightCoral {
  --notification-color: LightCoral;
  --notification-shadow: rgba(240, 128, 128, 0.002);
  --notification-text: #f4f4f6;
}
.notification.IndianRed {
  --notification-color: IndianRed;
  --notification-shadow: rgba(205, 92, 92, 0.002);
  --notification-text: #f4f4f6;
}
.notification.OrangeRed {
  --notification-color: OrangeRed;
  --notification-shadow: rgba(255, 69, 0, 0.002);
  --notification-text: #f4f4f6;
}
.notification.PaleVioletRed {
  --notification-color: PaleVioletRed;
  --notification-shadow: rgba(216, 112, 147, 0.002);
  --notification-text: #f4f4f6;
}
.notification.Tomato {
  --notification-color: Tomato;
  --notification-shadow: rgba(255, 99, 71, 0.002);
  --notification-text: #f4f4f6;
}
.notification.Crimson {
  --notification-color: Crimson;
  --notification-shadow: rgba(220, 20, 60, 0.002);
  --notification-text: #f4f4f6;
}
.notification.FireBrick {
  --notification-color: FireBrick;
  --notification-shadow: rgba(178, 34, 34, 0.002);
  --notification-text: #f4f4f6;
}
.notification.Brown {
  --notification-color: Brown;
  --notification-shadow: rgba(165, 42, 42, 0.002);
  --notification-text: #f4f4f6;
}
.notification.DarkRed {
  --notification-color: DarkRed;
  --notification-shadow: rgba(139, 0, 0, 0.002);
  --notification-text: #f4f4f6;
}
.notification.Maroon {
  --notification-color: Maroon;
  --notification-shadow: rgba(128, 0, 0, 0.002);
  --notification-text: #f4f4f6;
}
.notification.Red {
  --notification-color: Red;
  --notification-shadow: rgba(255, 0, 0, 0.002);
  --notification-text: #f4f4f6;
}
.notification.Tan {
  --notification-color: Tan;
  --notification-shadow: rgba(210, 180, 140, 0.002);
  --notification-text: #282828;
}
.notification.RosyBrown {
  --notification-color: RosyBrown;
  --notification-shadow: rgba(188, 143, 143, 0.002);
  --notification-text: #f4f4f6;
}
.notification.SaddleBrown {
  --notification-color: SaddleBrown;
  --notification-shadow: rgba(139, 69, 19, 0.002);
  --notification-text: #f4f4f6;
}
.notification.Salmon {
  --notification-color: Salmon;
  --notification-shadow: rgba(250, 128, 114, 0.002);
  --notification-text: #f4f4f6;
}
.notification.Sienna {
  --notification-color: Sienna;
  --notification-shadow: rgba(160, 82, 45, 0.002);
  --notification-text: #f4f4f6;
}
.notification.Pink {
  --notification-color: Pink;
  --notification-shadow: rgba(255, 192, 203, 0.002);
  --notification-text: #282828;
}
.notification.LightPink {
  --notification-color: LightPink;
  --notification-shadow: rgba(255, 182, 193, 0.002);
  --notification-text: #282828;
}
.notification.Plum {
  --notification-color: Plum;
  --notification-shadow: rgba(221, 160, 221, 0.002);
  --notification-text: #282828;
}
.notification.Thistle {
  --notification-color: Thistle;
  --notification-shadow: rgba(216, 191, 216, 0.002);
  --notification-text: #282828;
}
.notification.HotPink {
  --notification-color: HotPink;
  --notification-shadow: rgba(255, 105, 180, 0.002);
  --notification-text: #f4f4f6;
}
.notification.Orchid {
  --notification-color: Orchid;
  --notification-shadow: rgba(218, 112, 214, 0.002);
  --notification-text: #f4f4f6;
}
.notification.Violet {
  --notification-color: Violet;
  --notification-shadow: rgba(238, 130, 238, 0.002);
  --notification-text: #f4f4f6;
}
.notification.Magenta {
  --notification-color: Magenta;
  --notification-shadow: rgba(255, 0, 255, 0.002);
  --notification-text: #f4f4f6;
}
.notification.Fuchsia {
  --notification-color: Fuchsia;
  --notification-shadow: rgba(255, 0, 255, 0.002);
  --notification-text: #f4f4f6;
}
.notification.DeepPink {
  --notification-color: DeepPink;
  --notification-shadow: rgba(255, 20, 147, 0.002);
  --notification-text: #f4f4f6;
}
.notification.MediumVioletRed {
  --notification-color: MediumVioletRed;
  --notification-shadow: rgba(199, 21, 133, 0.002);
  --notification-text: #f4f4f6;
}
.notification.DarkMagenta {
  --notification-color: DarkMagenta;
  --notification-shadow: rgba(139, 0, 139, 0.002);
  --notification-text: #f4f4f6;
}
.notification.BlueViolet {
  --notification-color: BlueViolet;
  --notification-shadow: rgba(138, 43, 226, 0.002);
  --notification-text: #f4f4f6;
}
.notification.DarkOrchid {
  --notification-color: DarkOrchid;
  --notification-shadow: rgba(153, 50, 204, 0.002);
  --notification-text: #f4f4f6;
}
.notification.DarkSlateBlue {
  --notification-color: DarkSlateBlue;
  --notification-shadow: rgba(72, 61, 139, 0.002);
  --notification-text: #f4f4f6;
}
.notification.DarkViolet {
  --notification-color: DarkViolet;
  --notification-shadow: rgba(148, 0, 211, 0.002);
  --notification-text: #f4f4f6;
}
.notification.Indigo {
  --notification-color: Indigo;
  --notification-shadow: rgba(75, 0, 130, 0.002);
  --notification-text: #f4f4f6;
}
.notification.MediumOrchid {
  --notification-color: MediumOrchid;
  --notification-shadow: rgba(186, 85, 211, 0.002);
  --notification-text: #f4f4f6;
}
.notification.MediumPurple {
  --notification-color: MediumPurple;
  --notification-shadow: rgba(147, 112, 216, 0.002);
  --notification-text: #f4f4f6;
}
.notification.MediumSlateBlue {
  --notification-color: MediumSlateBlue;
  --notification-shadow: rgba(123, 104, 238, 0.002);
  --notification-text: #f4f4f6;
}
.notification.RebeccaPurple {
  --notification-color: RebeccaPurple;
  --notification-shadow: rgba(102, 51, 153, 0.002);
  --notification-text: #f4f4f6;
}
.notification.Purple {
  --notification-color: Purple;
  --notification-shadow: rgba(128, 0, 128, 0.002);
  --notification-text: #f4f4f6;
}
.notification.GhostWhite {
  --notification-color: GhostWhite;
  --notification-shadow: rgba(248, 248, 255, 0.002);
  --notification-text: #282828;
}
.notification.AliceBlue {
  --notification-color: AliceBlue;
  --notification-shadow: rgba(240, 248, 255, 0.002);
  --notification-text: #282828;
}
.notification.Lavender {
  --notification-color: Lavender;
  --notification-shadow: rgba(230, 230, 250, 0.002);
  --notification-text: #282828;
}
.notification.LightBlue {
  --notification-color: LightBlue;
  --notification-shadow: rgba(173, 216, 230, 0.002);
  --notification-text: #282828;
}
.notification.LightCyan {
  --notification-color: LightCyan;
  --notification-shadow: rgba(224, 255, 255, 0.002);
  --notification-text: #282828;
}
.notification.LightSkyBlue {
  --notification-color: LightSkyBlue;
  --notification-shadow: rgba(135, 206, 250, 0.002);
  --notification-text: #282828;
}
.notification.LightSlateGray {
  --notification-color: LightSlateGray;
  --notification-shadow: rgba(119, 136, 153, 0.002);
  --notification-text: #f4f4f6;
}
.notification.LightSlateGrey {
  --notification-color: LightSlateGrey;
  --notification-shadow: rgba(119, 136, 153, 0.002);
  --notification-text: #f4f4f6;
}
.notification.LightSteelBlue {
  --notification-color: LightSteelBlue;
  --notification-shadow: rgba(176, 196, 222, 0.002);
  --notification-text: #282828;
}
.notification.PaleTurquoise {
  --notification-color: PaleTurquoise;
  --notification-shadow: rgba(175, 238, 238, 0.002);
  --notification-text: #282828;
}
.notification.PowderBlue {
  --notification-color: PowderBlue;
  --notification-shadow: rgba(176, 224, 230, 0.002);
  --notification-text: #282828;
}
.notification.SkyBlue {
  --notification-color: SkyBlue;
  --notification-shadow: rgba(135, 206, 235, 0.002);
  --notification-text: #282828;
}
.notification.SlateGray {
  --notification-color: SlateGray;
  --notification-shadow: rgba(112, 128, 144, 0.002);
  --notification-text: #f4f4f6;
}
.notification.SlateGrey {
  --notification-color: SlateGrey;
  --notification-shadow: rgba(112, 128, 144, 0.002);
  --notification-text: #f4f4f6;
}
.notification.Aquamarine {
  --notification-color: Aquamarine;
  --notification-shadow: rgba(127, 255, 212, 0.002);
  --notification-text: #282828;
}
.notification.CadetBlue {
  --notification-color: CadetBlue;
  --notification-shadow: rgba(95, 158, 160, 0.002);
  --notification-text: #f4f4f6;
}
.notification.CornflowerBlue {
  --notification-color: CornflowerBlue;
  --notification-shadow: rgba(100, 149, 237, 0.002);
  --notification-text: #f4f4f6;
}
.notification.Blue {
  --notification-color: Blue;
  --notification-shadow: rgba(0, 0, 255, 0.002);
  --notification-text: #f4f4f6;
}
.notification.DarkBlue {
  --notification-color: DarkBlue;
  --notification-shadow: rgba(0, 0, 139, 0.002);
  --notification-text: #f4f4f6;
}
.notification.DarkTurquoise {
  --notification-color: DarkTurquoise;
  --notification-shadow: rgba(0, 206, 209, 0.002);
  --notification-text: #282828;
}
.notification.DeepSkyBlue {
  --notification-color: DeepSkyBlue;
  --notification-shadow: rgba(0, 191, 255, 0.002);
  --notification-text: #282828;
}
.notification.DodgerBlue {
  --notification-color: DodgerBlue;
  --notification-shadow: rgba(30, 144, 255, 0.002);
  --notification-text: #f4f4f6;
}
.notification.RoyalBlue {
  --notification-color: RoyalBlue;
  --notification-shadow: rgba(65, 105, 225, 0.002);
  --notification-text: #f4f4f6;
}
.notification.MediumBlue {
  --notification-color: MediumBlue;
  --notification-shadow: rgba(0, 0, 205, 0.002);
  --notification-text: #f4f4f6;
}
.notification.MidnightBlue {
  --notification-color: MidnightBlue;
  --notification-shadow: rgba(25, 25, 112, 0.002);
  --notification-text: #f4f4f6;
}
.notification.Navy {
  --notification-color: Navy;
  --notification-shadow: rgba(0, 0, 128, 0.002);
  --notification-text: #f4f4f6;
}
.notification.SlateBlue {
  --notification-color: SlateBlue;
  --notification-shadow: rgba(106, 90, 205, 0.002);
  --notification-text: #f4f4f6;
}
.notification.MediumTurquoise {
  --notification-color: MediumTurquoise;
  --notification-shadow: rgba(72, 209, 204, 0.002);
  --notification-text: #282828;
}
.notification.Cyan {
  --notification-color: Cyan;
  --notification-shadow: rgba(0, 255, 255, 0.002);
  --notification-text: #282828;
}
.notification.Aqua {
  --notification-color: Aqua;
  --notification-shadow: rgba(0, 255, 255, 0.002);
  --notification-text: #282828;
}
.notification.SteelBlue {
  --notification-color: SteelBlue;
  --notification-shadow: rgba(70, 130, 180, 0.002);
  --notification-text: #f4f4f6;
}
.notification.DarkCyan {
  --notification-color: DarkCyan;
  --notification-shadow: rgba(0, 139, 139, 0.002);
  --notification-text: #f4f4f6;
}
.notification.Teal {
  --notification-color: Teal;
  --notification-shadow: rgba(0, 128, 128, 0.002);
  --notification-text: #f4f4f6;
}
.notification.Turquoise {
  --notification-color: Turquoise;
  --notification-shadow: rgba(64, 224, 208, 0.002);
  --notification-text: #282828;
}
.notification.LightSeaGreen {
  --notification-color: LightSeaGreen;
  --notification-shadow: rgba(32, 178, 170, 0.002);
  --notification-text: #f4f4f6;
}
.notification.transparent {
  --notification-color: transparent;
  --notification-shadow: rgba(0, 0, 0, 0.002);
  --notification-text: #f4f4f6;
}
.notification[count] {
  margin-right: 0.25em;
}
.notification[count]::after {
  content: attr(count);
  position: absolute;
  right: 0em;
  top: 0em;
  transform: translate(50%, -35%);
  font-size: 0.8rem;
  font-weight: bold;
  color: var(--notification-text);
  background-color: var(--notification-color);
  box-shadow: 0px 3px 10px var(--notification-shadow);
  width: 1.5em;
  height: 1.5em;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
details {
  --details-background: var(--bg);
  --details-foreground: var(--fg);
  --details-border: var(--stealth);
  position: relative;
  padding: 0.5em 0.75em;
  width: 100%;
  border: solid 1px var(--details-border);
  border-radius: 4px;
  border-left: 0.33em var(--details-border) solid;
}
details summary {
  list-style: none;
  font-weight: 500;
  cursor: pointer;
  font-size: 0.9em;
  display: flex;
  align-items: center;
  gap: 1.5em;
  padding-right: 2em;
  color: var(--details-foreground);
}
details summary img {
  width: 1.5em;
}
details summary + * {
  margin-top: 1em;
}
details > summary::-webkit-details-marker {
  display: none;
}
details > summary::after {
  content: '+';
  font-weight: 600;
  position: absolute;
  right: 0.5em;
  font-size: 1.5em;
  transition: all 200ms ease;
  transform-origin: 50% 50%;
  cursor: pointer;
  color: var(--details-foreground);
}
details[open] > summary::after {
  transform: rotate(45deg);
}
details.white {
  --details-background: rgba(255, 255, 255, 0.3);
  --details-foreground: #FFF;
  --details-border: rgba(255, 255, 255, 0.6);
}
details.lightgray {
  --details-background: rgba(250, 250, 250, 0.3);
  --details-foreground: #FAFAFA;
  --details-border: rgba(250, 250, 250, 0.6);
}
details.gray {
  --details-background: rgba(233, 233, 237, 0.3);
  --details-foreground: #e9e9ed;
  --details-border: rgba(233, 233, 237, 0.6);
}
details.darkgray {
  --details-background: rgba(50, 50, 50, 0.3);
  --details-foreground: #323232;
  --details-border: rgba(50, 50, 50, 0.6);
}
details.black {
  --details-background: rgba(0, 0, 0, 0.3);
  --details-foreground: #000;
  --details-border: rgba(0, 0, 0, 0.6);
}
details.red {
  --details-background: rgba(234, 68, 46, 0.3);
  --details-foreground: hsl(7, 82%, 55%);
  --details-border: hsla(7, 82%, 55%, 0.6);
}
details.orange {
  --details-background: rgba(255, 140, 0, 0.3);
  --details-foreground: hsl(33, 100%, 50%);
  --details-border: hsla(33, 100%, 50%, 0.6);
}
details.yellow {
  --details-background: rgba(255, 225, 0, 0.3);
  --details-foreground: hsl(53, 100%, 50%);
  --details-border: hsla(53, 100%, 50%, 0.6);
}
details.green {
  --details-background: rgba(32, 182, 97, 0.3);
  --details-foreground: hsl(146, 70%, 42%);
  --details-border: hsla(146, 70%, 42%, 0.6);
}
details.turquoise {
  --details-background: rgba(0, 189, 164, 0.3);
  --details-foreground: hsl(172, 100%, 37%);
  --details-border: hsla(172, 100%, 37%, 0.6);
}
details.blue {
  --details-background: rgba(0, 161, 255, 0.3);
  --details-foreground: hsl(202, 100%, 50%);
  --details-border: hsla(202, 100%, 50%, 0.6);
}
details.indigo {
  --details-background: rgba(102, 97, 245, 0.3);
  --details-foreground: hsl(242, 88%, 67%);
  --details-border: hsla(242, 88%, 67%, 0.6);
}
details.violet {
  --details-background: rgba(155, 41, 255, 0.3);
  --details-foreground: hsl(272, 100%, 58%);
  --details-border: hsla(272, 100%, 58%, 0.6);
}
details.Ivory {
  --details-background: rgba(255, 255, 240, 0.3);
  --details-foreground: Ivory;
  --details-border: rgba(255, 255, 240, 0.6);
}
details.Beige {
  --details-background: rgba(245, 245, 220, 0.3);
  --details-foreground: Beige;
  --details-border: rgba(245, 245, 220, 0.6);
}
details.AntiqueWhite {
  --details-background: rgba(250, 235, 215, 0.3);
  --details-foreground: AntiqueWhite;
  --details-border: rgba(250, 235, 215, 0.6);
}
details.LemonChiffon {
  --details-background: rgba(255, 250, 205, 0.3);
  --details-foreground: LemonChiffon;
  --details-border: rgba(255, 250, 205, 0.6);
}
details.LightGoldenRodYellow {
  --details-background: rgba(250, 250, 210, 0.3);
  --details-foreground: LightGoldenRodYellow;
  --details-border: rgba(250, 250, 210, 0.6);
}
details.LightYellow {
  --details-background: rgba(255, 255, 224, 0.3);
  --details-foreground: LightYellow;
  --details-border: rgba(255, 255, 224, 0.6);
}
details.Linen {
  --details-background: rgba(250, 240, 230, 0.3);
  --details-foreground: Linen;
  --details-border: rgba(250, 240, 230, 0.6);
}
details.PaleGoldenRod {
  --details-background: rgba(238, 232, 170, 0.3);
  --details-foreground: PaleGoldenRod;
  --details-border: rgba(238, 232, 170, 0.6);
}
details.Bisque {
  --details-background: rgba(255, 228, 196, 0.3);
  --details-foreground: Bisque;
  --details-border: rgba(255, 228, 196, 0.6);
}
details.BlanchedAlmond {
  --details-background: rgba(255, 235, 205, 0.3);
  --details-foreground: BlanchedAlmond;
  --details-border: rgba(255, 235, 205, 0.6);
}
details.BurlyWood {
  --details-background: rgba(222, 184, 135, 0.3);
  --details-foreground: BurlyWood;
  --details-border: rgba(222, 184, 135, 0.6);
}
details.Khaki {
  --details-background: rgba(240, 230, 140, 0.3);
  --details-foreground: Khaki;
  --details-border: rgba(240, 230, 140, 0.6);
}
details.DarkKhaki {
  --details-background: rgba(189, 183, 107, 0.3);
  --details-foreground: DarkKhaki;
  --details-border: rgba(189, 183, 107, 0.6);
}
details.Gold {
  --details-background: rgba(255, 215, 0, 0.3);
  --details-foreground: Gold;
  --details-border: rgba(255, 215, 0, 0.6);
}
details.GoldenRod {
  --details-background: rgba(218, 165, 32, 0.3);
  --details-foreground: GoldenRod;
  --details-border: rgba(218, 165, 32, 0.6);
}
details.Yellow {
  --details-background: rgba(255, 255, 0, 0.3);
  --details-foreground: Yellow;
  --details-border: rgba(255, 255, 0, 0.6);
}
details.White {
  --details-background: rgba(255, 255, 255, 0.3);
  --details-foreground: White;
  --details-border: rgba(255, 255, 255, 0.6);
}
details.Snow {
  --details-background: rgba(255, 250, 250, 0.3);
  --details-foreground: Snow;
  --details-border: rgba(255, 250, 250, 0.6);
}
details.Azure {
  --details-background: rgba(240, 255, 255, 0.3);
  --details-foreground: Azure;
  --details-border: rgba(240, 255, 255, 0.6);
}
details.WhiteSmoke {
  --details-background: rgba(245, 245, 245, 0.3);
  --details-foreground: WhiteSmoke;
  --details-border: rgba(245, 245, 245, 0.6);
}
details.Gainsboro {
  --details-background: rgba(220, 220, 220, 0.3);
  --details-foreground: Gainsboro;
  --details-border: rgba(220, 220, 220, 0.6);
}
details.LightGray {
  --details-background: rgba(211, 211, 211, 0.3);
  --details-foreground: LightGray;
  --details-border: rgba(211, 211, 211, 0.6);
}
details.LightGrey {
  --details-background: rgba(211, 211, 211, 0.3);
  --details-foreground: LightGrey;
  --details-border: rgba(211, 211, 211, 0.6);
}
details.Silver {
  --details-background: rgba(192, 192, 192, 0.3);
  --details-foreground: Silver;
  --details-border: rgba(192, 192, 192, 0.6);
}
details.DarkGray {
  --details-background: rgba(169, 169, 169, 0.3);
  --details-foreground: DarkGray;
  --details-border: rgba(169, 169, 169, 0.6);
}
details.DarkGrey {
  --details-background: rgba(169, 169, 169, 0.3);
  --details-foreground: DarkGrey;
  --details-border: rgba(169, 169, 169, 0.6);
}
details.Gray {
  --details-background: rgba(128, 128, 128, 0.3);
  --details-foreground: Gray;
  --details-border: rgba(128, 128, 128, 0.6);
}
details.Grey {
  --details-background: rgba(128, 128, 128, 0.3);
  --details-foreground: Grey;
  --details-border: rgba(128, 128, 128, 0.6);
}
details.DimGray {
  --details-background: rgba(105, 105, 105, 0.3);
  --details-foreground: DimGray;
  --details-border: rgba(105, 105, 105, 0.6);
}
details.DimGrey {
  --details-background: rgba(105, 105, 105, 0.3);
  --details-foreground: DimGrey;
  --details-border: rgba(105, 105, 105, 0.6);
}
details.Black {
  --details-background: rgba(0, 0, 0, 0.3);
  --details-foreground: Black;
  --details-border: rgba(0, 0, 0, 0.6);
}
details.HoneyDew {
  --details-background: rgba(240, 255, 240, 0.3);
  --details-foreground: HoneyDew;
  --details-border: rgba(240, 255, 240, 0.6);
}
details.FloralWhite {
  --details-background: rgba(255, 250, 240, 0.3);
  --details-foreground: FloralWhite;
  --details-border: rgba(255, 250, 240, 0.6);
}
details.MintCream {
  --details-background: rgba(245, 255, 250, 0.3);
  --details-foreground: MintCream;
  --details-border: rgba(245, 255, 250, 0.6);
}
details.YellowGreen {
  --details-background: rgba(154, 205, 50, 0.3);
  --details-foreground: YellowGreen;
  --details-border: rgba(154, 205, 50, 0.6);
}
details.LightGreen {
  --details-background: rgba(144, 238, 144, 0.3);
  --details-foreground: LightGreen;
  --details-border: rgba(144, 238, 144, 0.6);
}
details.PaleGreen {
  --details-background: rgba(152, 251, 152, 0.3);
  --details-foreground: PaleGreen;
  --details-border: rgba(152, 251, 152, 0.6);
}
details.GreenYellow {
  --details-background: rgba(173, 255, 47, 0.3);
  --details-foreground: GreenYellow;
  --details-border: rgba(173, 255, 47, 0.6);
}
details.Chartreuse {
  --details-background: rgba(127, 255, 0, 0.3);
  --details-foreground: Chartreuse;
  --details-border: rgba(127, 255, 0, 0.6);
}
details.LawnGreen {
  --details-background: rgba(124, 252, 0, 0.3);
  --details-foreground: LawnGreen;
  --details-border: rgba(124, 252, 0, 0.6);
}
details.Lime {
  --details-background: rgba(0, 255, 0, 0.3);
  --details-foreground: Lime;
  --details-border: rgba(0, 255, 0, 0.6);
}
details.LimeGreen {
  --details-background: rgba(50, 205, 50, 0.3);
  --details-foreground: LimeGreen;
  --details-border: rgba(50, 205, 50, 0.6);
}
details.MediumSpringGreen {
  --details-background: rgba(0, 250, 154, 0.3);
  --details-foreground: MediumSpringGreen;
  --details-border: rgba(0, 250, 154, 0.6);
}
details.SpringGreen {
  --details-background: rgba(0, 255, 127, 0.3);
  --details-foreground: SpringGreen;
  --details-border: rgba(0, 255, 127, 0.6);
}
details.MediumAquaMarine {
  --details-background: rgba(102, 205, 170, 0.3);
  --details-foreground: MediumAquaMarine;
  --details-border: rgba(102, 205, 170, 0.6);
}
details.MediumSeaGreen {
  --details-background: rgba(60, 179, 113, 0.3);
  --details-foreground: MediumSeaGreen;
  --details-border: rgba(60, 179, 113, 0.6);
}
details.OliveDrab {
  --details-background: rgba(107, 142, 35, 0.3);
  --details-foreground: OliveDrab;
  --details-border: rgba(107, 142, 35, 0.6);
}
details.Olive {
  --details-background: rgba(128, 128, 0, 0.3);
  --details-foreground: Olive;
  --details-border: rgba(128, 128, 0, 0.6);
}
details.DarkOliveGreen {
  --details-background: rgba(85, 107, 47, 0.3);
  --details-foreground: DarkOliveGreen;
  --details-border: rgba(85, 107, 47, 0.6);
}
details.DarkSeaGreen {
  --details-background: rgba(143, 188, 143, 0.3);
  --details-foreground: DarkSeaGreen;
  --details-border: rgba(143, 188, 143, 0.6);
}
details.Green {
  --details-background: rgba(0, 128, 0, 0.3);
  --details-foreground: Green;
  --details-border: rgba(0, 128, 0, 0.6);
}
details.DarkGreen {
  --details-background: rgba(0, 100, 0, 0.3);
  --details-foreground: DarkGreen;
  --details-border: rgba(0, 100, 0, 0.6);
}
details.DarkSlateGray {
  --details-background: rgba(47, 79, 79, 0.3);
  --details-foreground: DarkSlateGray;
  --details-border: rgba(47, 79, 79, 0.6);
}
details.DarkSlateGrey {
  --details-background: rgba(47, 79, 79, 0.3);
  --details-foreground: DarkSlateGrey;
  --details-border: rgba(47, 79, 79, 0.6);
}
details.ForestGreen {
  --details-background: rgba(34, 139, 34, 0.3);
  --details-foreground: ForestGreen;
  --details-border: rgba(34, 139, 34, 0.6);
}
details.SeaGreen {
  --details-background: rgba(46, 139, 87, 0.3);
  --details-foreground: SeaGreen;
  --details-border: rgba(46, 139, 87, 0.6);
}
details.SeaShell {
  --details-background: rgba(255, 245, 238, 0.3);
  --details-foreground: SeaShell;
  --details-border: rgba(255, 245, 238, 0.6);
}
details.LavenderBlush {
  --details-background: rgba(255, 240, 245, 0.3);
  --details-foreground: LavenderBlush;
  --details-border: rgba(255, 240, 245, 0.6);
}
details.Cornsilk {
  --details-background: rgba(255, 248, 220, 0.3);
  --details-foreground: Cornsilk;
  --details-border: rgba(255, 248, 220, 0.6);
}
details.MistyRose {
  --details-background: rgba(255, 228, 225, 0.3);
  --details-foreground: MistyRose;
  --details-border: rgba(255, 228, 225, 0.6);
}
details.Moccasin {
  --details-background: rgba(255, 228, 181, 0.3);
  --details-foreground: Moccasin;
  --details-border: rgba(255, 228, 181, 0.6);
}
details.NavajoWhite {
  --details-background: rgba(255, 222, 173, 0.3);
  --details-foreground: NavajoWhite;
  --details-border: rgba(255, 222, 173, 0.6);
}
details.OldLace {
  --details-background: rgba(253, 245, 230, 0.3);
  --details-foreground: OldLace;
  --details-border: rgba(253, 245, 230, 0.6);
}
details.PapayaWhip {
  --details-background: rgba(255, 239, 213, 0.3);
  --details-foreground: PapayaWhip;
  --details-border: rgba(255, 239, 213, 0.6);
}
details.PeachPuff {
  --details-background: rgba(255, 218, 185, 0.3);
  --details-foreground: PeachPuff;
  --details-border: rgba(255, 218, 185, 0.6);
}
details.Wheat {
  --details-background: rgba(245, 222, 179, 0.3);
  --details-foreground: Wheat;
  --details-border: rgba(245, 222, 179, 0.6);
}
details.Coral {
  --details-background: rgba(255, 127, 80, 0.3);
  --details-foreground: Coral;
  --details-border: rgba(255, 127, 80, 0.6);
}
details.DarkGoldenRod {
  --details-background: rgba(184, 134, 11, 0.3);
  --details-foreground: DarkGoldenRod;
  --details-border: rgba(184, 134, 11, 0.6);
}
details.Chocolate {
  --details-background: rgba(210, 105, 30, 0.3);
  --details-foreground: Chocolate;
  --details-border: rgba(210, 105, 30, 0.6);
}
details.DarkOrange {
  --details-background: rgba(255, 140, 0, 0.3);
  --details-foreground: DarkOrange;
  --details-border: rgba(255, 140, 0, 0.6);
}
details.Orange {
  --details-background: rgba(255, 165, 0, 0.3);
  --details-foreground: Orange;
  --details-border: rgba(255, 165, 0, 0.6);
}
details.SandyBrown {
  --details-background: rgba(244, 164, 96, 0.3);
  --details-foreground: SandyBrown;
  --details-border: rgba(244, 164, 96, 0.6);
}
details.Peru {
  --details-background: rgba(205, 133, 63, 0.3);
  --details-foreground: Peru;
  --details-border: rgba(205, 133, 63, 0.6);
}
details.DarkSalmon {
  --details-background: rgba(233, 150, 122, 0.3);
  --details-foreground: DarkSalmon;
  --details-border: rgba(233, 150, 122, 0.6);
}
details.LightSalmon {
  --details-background: rgba(255, 160, 122, 0.3);
  --details-foreground: LightSalmon;
  --details-border: rgba(255, 160, 122, 0.6);
}
details.LightCoral {
  --details-background: rgba(240, 128, 128, 0.3);
  --details-foreground: LightCoral;
  --details-border: rgba(240, 128, 128, 0.6);
}
details.IndianRed {
  --details-background: rgba(205, 92, 92, 0.3);
  --details-foreground: IndianRed;
  --details-border: rgba(205, 92, 92, 0.6);
}
details.OrangeRed {
  --details-background: rgba(255, 69, 0, 0.3);
  --details-foreground: OrangeRed;
  --details-border: rgba(255, 69, 0, 0.6);
}
details.PaleVioletRed {
  --details-background: rgba(216, 112, 147, 0.3);
  --details-foreground: PaleVioletRed;
  --details-border: rgba(216, 112, 147, 0.6);
}
details.Tomato {
  --details-background: rgba(255, 99, 71, 0.3);
  --details-foreground: Tomato;
  --details-border: rgba(255, 99, 71, 0.6);
}
details.Crimson {
  --details-background: rgba(220, 20, 60, 0.3);
  --details-foreground: Crimson;
  --details-border: rgba(220, 20, 60, 0.6);
}
details.FireBrick {
  --details-background: rgba(178, 34, 34, 0.3);
  --details-foreground: FireBrick;
  --details-border: rgba(178, 34, 34, 0.6);
}
details.Brown {
  --details-background: rgba(165, 42, 42, 0.3);
  --details-foreground: Brown;
  --details-border: rgba(165, 42, 42, 0.6);
}
details.DarkRed {
  --details-background: rgba(139, 0, 0, 0.3);
  --details-foreground: DarkRed;
  --details-border: rgba(139, 0, 0, 0.6);
}
details.Maroon {
  --details-background: rgba(128, 0, 0, 0.3);
  --details-foreground: Maroon;
  --details-border: rgba(128, 0, 0, 0.6);
}
details.Red {
  --details-background: rgba(255, 0, 0, 0.3);
  --details-foreground: Red;
  --details-border: rgba(255, 0, 0, 0.6);
}
details.Tan {
  --details-background: rgba(210, 180, 140, 0.3);
  --details-foreground: Tan;
  --details-border: rgba(210, 180, 140, 0.6);
}
details.RosyBrown {
  --details-background: rgba(188, 143, 143, 0.3);
  --details-foreground: RosyBrown;
  --details-border: rgba(188, 143, 143, 0.6);
}
details.SaddleBrown {
  --details-background: rgba(139, 69, 19, 0.3);
  --details-foreground: SaddleBrown;
  --details-border: rgba(139, 69, 19, 0.6);
}
details.Salmon {
  --details-background: rgba(250, 128, 114, 0.3);
  --details-foreground: Salmon;
  --details-border: rgba(250, 128, 114, 0.6);
}
details.Sienna {
  --details-background: rgba(160, 82, 45, 0.3);
  --details-foreground: Sienna;
  --details-border: rgba(160, 82, 45, 0.6);
}
details.Pink {
  --details-background: rgba(255, 192, 203, 0.3);
  --details-foreground: Pink;
  --details-border: rgba(255, 192, 203, 0.6);
}
details.LightPink {
  --details-background: rgba(255, 182, 193, 0.3);
  --details-foreground: LightPink;
  --details-border: rgba(255, 182, 193, 0.6);
}
details.Plum {
  --details-background: rgba(221, 160, 221, 0.3);
  --details-foreground: Plum;
  --details-border: rgba(221, 160, 221, 0.6);
}
details.Thistle {
  --details-background: rgba(216, 191, 216, 0.3);
  --details-foreground: Thistle;
  --details-border: rgba(216, 191, 216, 0.6);
}
details.HotPink {
  --details-background: rgba(255, 105, 180, 0.3);
  --details-foreground: HotPink;
  --details-border: rgba(255, 105, 180, 0.6);
}
details.Orchid {
  --details-background: rgba(218, 112, 214, 0.3);
  --details-foreground: Orchid;
  --details-border: rgba(218, 112, 214, 0.6);
}
details.Violet {
  --details-background: rgba(238, 130, 238, 0.3);
  --details-foreground: Violet;
  --details-border: rgba(238, 130, 238, 0.6);
}
details.Magenta {
  --details-background: rgba(255, 0, 255, 0.3);
  --details-foreground: Magenta;
  --details-border: rgba(255, 0, 255, 0.6);
}
details.Fuchsia {
  --details-background: rgba(255, 0, 255, 0.3);
  --details-foreground: Fuchsia;
  --details-border: rgba(255, 0, 255, 0.6);
}
details.DeepPink {
  --details-background: rgba(255, 20, 147, 0.3);
  --details-foreground: DeepPink;
  --details-border: rgba(255, 20, 147, 0.6);
}
details.MediumVioletRed {
  --details-background: rgba(199, 21, 133, 0.3);
  --details-foreground: MediumVioletRed;
  --details-border: rgba(199, 21, 133, 0.6);
}
details.DarkMagenta {
  --details-background: rgba(139, 0, 139, 0.3);
  --details-foreground: DarkMagenta;
  --details-border: rgba(139, 0, 139, 0.6);
}
details.BlueViolet {
  --details-background: rgba(138, 43, 226, 0.3);
  --details-foreground: BlueViolet;
  --details-border: rgba(138, 43, 226, 0.6);
}
details.DarkOrchid {
  --details-background: rgba(153, 50, 204, 0.3);
  --details-foreground: DarkOrchid;
  --details-border: rgba(153, 50, 204, 0.6);
}
details.DarkSlateBlue {
  --details-background: rgba(72, 61, 139, 0.3);
  --details-foreground: DarkSlateBlue;
  --details-border: rgba(72, 61, 139, 0.6);
}
details.DarkViolet {
  --details-background: rgba(148, 0, 211, 0.3);
  --details-foreground: DarkViolet;
  --details-border: rgba(148, 0, 211, 0.6);
}
details.Indigo {
  --details-background: rgba(75, 0, 130, 0.3);
  --details-foreground: Indigo;
  --details-border: rgba(75, 0, 130, 0.6);
}
details.MediumOrchid {
  --details-background: rgba(186, 85, 211, 0.3);
  --details-foreground: MediumOrchid;
  --details-border: rgba(186, 85, 211, 0.6);
}
details.MediumPurple {
  --details-background: rgba(147, 112, 216, 0.3);
  --details-foreground: MediumPurple;
  --details-border: rgba(147, 112, 216, 0.6);
}
details.MediumSlateBlue {
  --details-background: rgba(123, 104, 238, 0.3);
  --details-foreground: MediumSlateBlue;
  --details-border: rgba(123, 104, 238, 0.6);
}
details.RebeccaPurple {
  --details-background: rgba(102, 51, 153, 0.3);
  --details-foreground: RebeccaPurple;
  --details-border: rgba(102, 51, 153, 0.6);
}
details.Purple {
  --details-background: rgba(128, 0, 128, 0.3);
  --details-foreground: Purple;
  --details-border: rgba(128, 0, 128, 0.6);
}
details.GhostWhite {
  --details-background: rgba(248, 248, 255, 0.3);
  --details-foreground: GhostWhite;
  --details-border: rgba(248, 248, 255, 0.6);
}
details.AliceBlue {
  --details-background: rgba(240, 248, 255, 0.3);
  --details-foreground: AliceBlue;
  --details-border: rgba(240, 248, 255, 0.6);
}
details.Lavender {
  --details-background: rgba(230, 230, 250, 0.3);
  --details-foreground: Lavender;
  --details-border: rgba(230, 230, 250, 0.6);
}
details.LightBlue {
  --details-background: rgba(173, 216, 230, 0.3);
  --details-foreground: LightBlue;
  --details-border: rgba(173, 216, 230, 0.6);
}
details.LightCyan {
  --details-background: rgba(224, 255, 255, 0.3);
  --details-foreground: LightCyan;
  --details-border: rgba(224, 255, 255, 0.6);
}
details.LightSkyBlue {
  --details-background: rgba(135, 206, 250, 0.3);
  --details-foreground: LightSkyBlue;
  --details-border: rgba(135, 206, 250, 0.6);
}
details.LightSlateGray {
  --details-background: rgba(119, 136, 153, 0.3);
  --details-foreground: LightSlateGray;
  --details-border: rgba(119, 136, 153, 0.6);
}
details.LightSlateGrey {
  --details-background: rgba(119, 136, 153, 0.3);
  --details-foreground: LightSlateGrey;
  --details-border: rgba(119, 136, 153, 0.6);
}
details.LightSteelBlue {
  --details-background: rgba(176, 196, 222, 0.3);
  --details-foreground: LightSteelBlue;
  --details-border: rgba(176, 196, 222, 0.6);
}
details.PaleTurquoise {
  --details-background: rgba(175, 238, 238, 0.3);
  --details-foreground: PaleTurquoise;
  --details-border: rgba(175, 238, 238, 0.6);
}
details.PowderBlue {
  --details-background: rgba(176, 224, 230, 0.3);
  --details-foreground: PowderBlue;
  --details-border: rgba(176, 224, 230, 0.6);
}
details.SkyBlue {
  --details-background: rgba(135, 206, 235, 0.3);
  --details-foreground: SkyBlue;
  --details-border: rgba(135, 206, 235, 0.6);
}
details.SlateGray {
  --details-background: rgba(112, 128, 144, 0.3);
  --details-foreground: SlateGray;
  --details-border: rgba(112, 128, 144, 0.6);
}
details.SlateGrey {
  --details-background: rgba(112, 128, 144, 0.3);
  --details-foreground: SlateGrey;
  --details-border: rgba(112, 128, 144, 0.6);
}
details.Aquamarine {
  --details-background: rgba(127, 255, 212, 0.3);
  --details-foreground: Aquamarine;
  --details-border: rgba(127, 255, 212, 0.6);
}
details.CadetBlue {
  --details-background: rgba(95, 158, 160, 0.3);
  --details-foreground: CadetBlue;
  --details-border: rgba(95, 158, 160, 0.6);
}
details.CornflowerBlue {
  --details-background: rgba(100, 149, 237, 0.3);
  --details-foreground: CornflowerBlue;
  --details-border: rgba(100, 149, 237, 0.6);
}
details.Blue {
  --details-background: rgba(0, 0, 255, 0.3);
  --details-foreground: Blue;
  --details-border: rgba(0, 0, 255, 0.6);
}
details.DarkBlue {
  --details-background: rgba(0, 0, 139, 0.3);
  --details-foreground: DarkBlue;
  --details-border: rgba(0, 0, 139, 0.6);
}
details.DarkTurquoise {
  --details-background: rgba(0, 206, 209, 0.3);
  --details-foreground: DarkTurquoise;
  --details-border: rgba(0, 206, 209, 0.6);
}
details.DeepSkyBlue {
  --details-background: rgba(0, 191, 255, 0.3);
  --details-foreground: DeepSkyBlue;
  --details-border: rgba(0, 191, 255, 0.6);
}
details.DodgerBlue {
  --details-background: rgba(30, 144, 255, 0.3);
  --details-foreground: DodgerBlue;
  --details-border: rgba(30, 144, 255, 0.6);
}
details.RoyalBlue {
  --details-background: rgba(65, 105, 225, 0.3);
  --details-foreground: RoyalBlue;
  --details-border: rgba(65, 105, 225, 0.6);
}
details.MediumBlue {
  --details-background: rgba(0, 0, 205, 0.3);
  --details-foreground: MediumBlue;
  --details-border: rgba(0, 0, 205, 0.6);
}
details.MidnightBlue {
  --details-background: rgba(25, 25, 112, 0.3);
  --details-foreground: MidnightBlue;
  --details-border: rgba(25, 25, 112, 0.6);
}
details.Navy {
  --details-background: rgba(0, 0, 128, 0.3);
  --details-foreground: Navy;
  --details-border: rgba(0, 0, 128, 0.6);
}
details.SlateBlue {
  --details-background: rgba(106, 90, 205, 0.3);
  --details-foreground: SlateBlue;
  --details-border: rgba(106, 90, 205, 0.6);
}
details.MediumTurquoise {
  --details-background: rgba(72, 209, 204, 0.3);
  --details-foreground: MediumTurquoise;
  --details-border: rgba(72, 209, 204, 0.6);
}
details.Cyan {
  --details-background: rgba(0, 255, 255, 0.3);
  --details-foreground: Cyan;
  --details-border: rgba(0, 255, 255, 0.6);
}
details.Aqua {
  --details-background: rgba(0, 255, 255, 0.3);
  --details-foreground: Aqua;
  --details-border: rgba(0, 255, 255, 0.6);
}
details.SteelBlue {
  --details-background: rgba(70, 130, 180, 0.3);
  --details-foreground: SteelBlue;
  --details-border: rgba(70, 130, 180, 0.6);
}
details.DarkCyan {
  --details-background: rgba(0, 139, 139, 0.3);
  --details-foreground: DarkCyan;
  --details-border: rgba(0, 139, 139, 0.6);
}
details.Teal {
  --details-background: rgba(0, 128, 128, 0.3);
  --details-foreground: Teal;
  --details-border: rgba(0, 128, 128, 0.6);
}
details.Turquoise {
  --details-background: rgba(64, 224, 208, 0.3);
  --details-foreground: Turquoise;
  --details-border: rgba(64, 224, 208, 0.6);
}
details.LightSeaGreen {
  --details-background: rgba(32, 178, 170, 0.3);
  --details-foreground: LightSeaGreen;
  --details-border: rgba(32, 178, 170, 0.6);
}
details.transparent {
  --details-background: rgba(0, 0, 0, 0.3);
  --details-foreground: transparent;
  --details-border: rgba(0, 0, 0, 0.6);
}
.table {
  padding: 1.5em;
  border: solid 1px var(--stealth);
  padding: 0;
  overflow: hidden;
  font-size: 0.75em;
  border-spacing: 0;
  border-radius: 0.5em;
}
.table td {
  padding: 0.75em;
  border: none;
}
.table th {
  padding: 1em;
  border: none;
  text-align: inherit;
}
.table tr {
  font-weight: normal;
  transition: all 100ms ease-in-out;
}
.table thead {
  border: solid 1px var(--stealth);
}
.table tbody tr:hover {
  filter: sepia(25%);
}
.table.stripped tbody tr:nth-child(even),
.table.striped tbody tr:nth-child(even) {
  background-color: var(--contrast) !important;
}
input[type='checkbox'] {
  --accent: var(--primary, hsl(202, 100%, 50%));
  accent-color: var(--accent);
}
input[type='checkbox'].white {
  --accent: #FFF;
}
input[type='checkbox'].lightgray {
  --accent: #FAFAFA;
}
input[type='checkbox'].gray {
  --accent: #e9e9ed;
}
input[type='checkbox'].darkgray {
  --accent: #323232;
}
input[type='checkbox'].black {
  --accent: #000;
}
input[type='checkbox'].red {
  --accent: hsl(7, 82%, 55%);
}
input[type='checkbox'].orange {
  --accent: hsl(33, 100%, 50%);
}
input[type='checkbox'].yellow {
  --accent: hsl(53, 100%, 50%);
}
input[type='checkbox'].green {
  --accent: hsl(146, 70%, 42%);
}
input[type='checkbox'].turquoise {
  --accent: hsl(172, 100%, 37%);
}
input[type='checkbox'].blue {
  --accent: hsl(202, 100%, 50%);
}
input[type='checkbox'].indigo {
  --accent: hsl(242, 88%, 67%);
}
input[type='checkbox'].violet {
  --accent: hsl(272, 100%, 58%);
}
input[type='checkbox'].Ivory {
  --accent: Ivory;
}
input[type='checkbox'].Beige {
  --accent: Beige;
}
input[type='checkbox'].AntiqueWhite {
  --accent: AntiqueWhite;
}
input[type='checkbox'].LemonChiffon {
  --accent: LemonChiffon;
}
input[type='checkbox'].LightGoldenRodYellow {
  --accent: LightGoldenRodYellow;
}
input[type='checkbox'].LightYellow {
  --accent: LightYellow;
}
input[type='checkbox'].Linen {
  --accent: Linen;
}
input[type='checkbox'].PaleGoldenRod {
  --accent: PaleGoldenRod;
}
input[type='checkbox'].Bisque {
  --accent: Bisque;
}
input[type='checkbox'].BlanchedAlmond {
  --accent: BlanchedAlmond;
}
input[type='checkbox'].BurlyWood {
  --accent: BurlyWood;
}
input[type='checkbox'].Khaki {
  --accent: Khaki;
}
input[type='checkbox'].DarkKhaki {
  --accent: DarkKhaki;
}
input[type='checkbox'].Gold {
  --accent: Gold;
}
input[type='checkbox'].GoldenRod {
  --accent: GoldenRod;
}
input[type='checkbox'].Yellow {
  --accent: Yellow;
}
input[type='checkbox'].White {
  --accent: White;
}
input[type='checkbox'].Snow {
  --accent: Snow;
}
input[type='checkbox'].Azure {
  --accent: Azure;
}
input[type='checkbox'].WhiteSmoke {
  --accent: WhiteSmoke;
}
input[type='checkbox'].Gainsboro {
  --accent: Gainsboro;
}
input[type='checkbox'].LightGray {
  --accent: LightGray;
}
input[type='checkbox'].LightGrey {
  --accent: LightGrey;
}
input[type='checkbox'].Silver {
  --accent: Silver;
}
input[type='checkbox'].DarkGray {
  --accent: DarkGray;
}
input[type='checkbox'].DarkGrey {
  --accent: DarkGrey;
}
input[type='checkbox'].Gray {
  --accent: Gray;
}
input[type='checkbox'].Grey {
  --accent: Grey;
}
input[type='checkbox'].DimGray {
  --accent: DimGray;
}
input[type='checkbox'].DimGrey {
  --accent: DimGrey;
}
input[type='checkbox'].Black {
  --accent: Black;
}
input[type='checkbox'].HoneyDew {
  --accent: HoneyDew;
}
input[type='checkbox'].FloralWhite {
  --accent: FloralWhite;
}
input[type='checkbox'].MintCream {
  --accent: MintCream;
}
input[type='checkbox'].YellowGreen {
  --accent: YellowGreen;
}
input[type='checkbox'].LightGreen {
  --accent: LightGreen;
}
input[type='checkbox'].PaleGreen {
  --accent: PaleGreen;
}
input[type='checkbox'].GreenYellow {
  --accent: GreenYellow;
}
input[type='checkbox'].Chartreuse {
  --accent: Chartreuse;
}
input[type='checkbox'].LawnGreen {
  --accent: LawnGreen;
}
input[type='checkbox'].Lime {
  --accent: Lime;
}
input[type='checkbox'].LimeGreen {
  --accent: LimeGreen;
}
input[type='checkbox'].MediumSpringGreen {
  --accent: MediumSpringGreen;
}
input[type='checkbox'].SpringGreen {
  --accent: SpringGreen;
}
input[type='checkbox'].MediumAquaMarine {
  --accent: MediumAquaMarine;
}
input[type='checkbox'].MediumSeaGreen {
  --accent: MediumSeaGreen;
}
input[type='checkbox'].OliveDrab {
  --accent: OliveDrab;
}
input[type='checkbox'].Olive {
  --accent: Olive;
}
input[type='checkbox'].DarkOliveGreen {
  --accent: DarkOliveGreen;
}
input[type='checkbox'].DarkSeaGreen {
  --accent: DarkSeaGreen;
}
input[type='checkbox'].Green {
  --accent: Green;
}
input[type='checkbox'].DarkGreen {
  --accent: DarkGreen;
}
input[type='checkbox'].DarkSlateGray {
  --accent: DarkSlateGray;
}
input[type='checkbox'].DarkSlateGrey {
  --accent: DarkSlateGrey;
}
input[type='checkbox'].ForestGreen {
  --accent: ForestGreen;
}
input[type='checkbox'].SeaGreen {
  --accent: SeaGreen;
}
input[type='checkbox'].SeaShell {
  --accent: SeaShell;
}
input[type='checkbox'].LavenderBlush {
  --accent: LavenderBlush;
}
input[type='checkbox'].Cornsilk {
  --accent: Cornsilk;
}
input[type='checkbox'].MistyRose {
  --accent: MistyRose;
}
input[type='checkbox'].Moccasin {
  --accent: Moccasin;
}
input[type='checkbox'].NavajoWhite {
  --accent: NavajoWhite;
}
input[type='checkbox'].OldLace {
  --accent: OldLace;
}
input[type='checkbox'].PapayaWhip {
  --accent: PapayaWhip;
}
input[type='checkbox'].PeachPuff {
  --accent: PeachPuff;
}
input[type='checkbox'].Wheat {
  --accent: Wheat;
}
input[type='checkbox'].Coral {
  --accent: Coral;
}
input[type='checkbox'].DarkGoldenRod {
  --accent: DarkGoldenRod;
}
input[type='checkbox'].Chocolate {
  --accent: Chocolate;
}
input[type='checkbox'].DarkOrange {
  --accent: DarkOrange;
}
input[type='checkbox'].Orange {
  --accent: Orange;
}
input[type='checkbox'].SandyBrown {
  --accent: SandyBrown;
}
input[type='checkbox'].Peru {
  --accent: Peru;
}
input[type='checkbox'].DarkSalmon {
  --accent: DarkSalmon;
}
input[type='checkbox'].LightSalmon {
  --accent: LightSalmon;
}
input[type='checkbox'].LightCoral {
  --accent: LightCoral;
}
input[type='checkbox'].IndianRed {
  --accent: IndianRed;
}
input[type='checkbox'].OrangeRed {
  --accent: OrangeRed;
}
input[type='checkbox'].PaleVioletRed {
  --accent: PaleVioletRed;
}
input[type='checkbox'].Tomato {
  --accent: Tomato;
}
input[type='checkbox'].Crimson {
  --accent: Crimson;
}
input[type='checkbox'].FireBrick {
  --accent: FireBrick;
}
input[type='checkbox'].Brown {
  --accent: Brown;
}
input[type='checkbox'].DarkRed {
  --accent: DarkRed;
}
input[type='checkbox'].Maroon {
  --accent: Maroon;
}
input[type='checkbox'].Red {
  --accent: Red;
}
input[type='checkbox'].Tan {
  --accent: Tan;
}
input[type='checkbox'].RosyBrown {
  --accent: RosyBrown;
}
input[type='checkbox'].SaddleBrown {
  --accent: SaddleBrown;
}
input[type='checkbox'].Salmon {
  --accent: Salmon;
}
input[type='checkbox'].Sienna {
  --accent: Sienna;
}
input[type='checkbox'].Pink {
  --accent: Pink;
}
input[type='checkbox'].LightPink {
  --accent: LightPink;
}
input[type='checkbox'].Plum {
  --accent: Plum;
}
input[type='checkbox'].Thistle {
  --accent: Thistle;
}
input[type='checkbox'].HotPink {
  --accent: HotPink;
}
input[type='checkbox'].Orchid {
  --accent: Orchid;
}
input[type='checkbox'].Violet {
  --accent: Violet;
}
input[type='checkbox'].Magenta {
  --accent: Magenta;
}
input[type='checkbox'].Fuchsia {
  --accent: Fuchsia;
}
input[type='checkbox'].DeepPink {
  --accent: DeepPink;
}
input[type='checkbox'].MediumVioletRed {
  --accent: MediumVioletRed;
}
input[type='checkbox'].DarkMagenta {
  --accent: DarkMagenta;
}
input[type='checkbox'].BlueViolet {
  --accent: BlueViolet;
}
input[type='checkbox'].DarkOrchid {
  --accent: DarkOrchid;
}
input[type='checkbox'].DarkSlateBlue {
  --accent: DarkSlateBlue;
}
input[type='checkbox'].DarkViolet {
  --accent: DarkViolet;
}
input[type='checkbox'].Indigo {
  --accent: Indigo;
}
input[type='checkbox'].MediumOrchid {
  --accent: MediumOrchid;
}
input[type='checkbox'].MediumPurple {
  --accent: MediumPurple;
}
input[type='checkbox'].MediumSlateBlue {
  --accent: MediumSlateBlue;
}
input[type='checkbox'].RebeccaPurple {
  --accent: RebeccaPurple;
}
input[type='checkbox'].Purple {
  --accent: Purple;
}
input[type='checkbox'].GhostWhite {
  --accent: GhostWhite;
}
input[type='checkbox'].AliceBlue {
  --accent: AliceBlue;
}
input[type='checkbox'].Lavender {
  --accent: Lavender;
}
input[type='checkbox'].LightBlue {
  --accent: LightBlue;
}
input[type='checkbox'].LightCyan {
  --accent: LightCyan;
}
input[type='checkbox'].LightSkyBlue {
  --accent: LightSkyBlue;
}
input[type='checkbox'].LightSlateGray {
  --accent: LightSlateGray;
}
input[type='checkbox'].LightSlateGrey {
  --accent: LightSlateGrey;
}
input[type='checkbox'].LightSteelBlue {
  --accent: LightSteelBlue;
}
input[type='checkbox'].PaleTurquoise {
  --accent: PaleTurquoise;
}
input[type='checkbox'].PowderBlue {
  --accent: PowderBlue;
}
input[type='checkbox'].SkyBlue {
  --accent: SkyBlue;
}
input[type='checkbox'].SlateGray {
  --accent: SlateGray;
}
input[type='checkbox'].SlateGrey {
  --accent: SlateGrey;
}
input[type='checkbox'].Aquamarine {
  --accent: Aquamarine;
}
input[type='checkbox'].CadetBlue {
  --accent: CadetBlue;
}
input[type='checkbox'].CornflowerBlue {
  --accent: CornflowerBlue;
}
input[type='checkbox'].Blue {
  --accent: Blue;
}
input[type='checkbox'].DarkBlue {
  --accent: DarkBlue;
}
input[type='checkbox'].DarkTurquoise {
  --accent: DarkTurquoise;
}
input[type='checkbox'].DeepSkyBlue {
  --accent: DeepSkyBlue;
}
input[type='checkbox'].DodgerBlue {
  --accent: DodgerBlue;
}
input[type='checkbox'].RoyalBlue {
  --accent: RoyalBlue;
}
input[type='checkbox'].MediumBlue {
  --accent: MediumBlue;
}
input[type='checkbox'].MidnightBlue {
  --accent: MidnightBlue;
}
input[type='checkbox'].Navy {
  --accent: Navy;
}
input[type='checkbox'].SlateBlue {
  --accent: SlateBlue;
}
input[type='checkbox'].MediumTurquoise {
  --accent: MediumTurquoise;
}
input[type='checkbox'].Cyan {
  --accent: Cyan;
}
input[type='checkbox'].Aqua {
  --accent: Aqua;
}
input[type='checkbox'].SteelBlue {
  --accent: SteelBlue;
}
input[type='checkbox'].DarkCyan {
  --accent: DarkCyan;
}
input[type='checkbox'].Teal {
  --accent: Teal;
}
input[type='checkbox'].Turquoise {
  --accent: Turquoise;
}
input[type='checkbox'].LightSeaGreen {
  --accent: LightSeaGreen;
}
input[type='checkbox'].transparent {
  --accent: transparent;
}
.subtle-checkbox {
  display: none;
}
.subtle-checkbox + * {
  position: relative;
  transition: all 200ms ease;
  padding: 0.5em;
  cursor: pointer;
  border-radius: 0.5em;
  font-weight: 600;
  border: solid 1px var(--stealth);
}
.subtle-checkbox + *::after {
  content: '✓';
  position: absolute;
  right: 1em;
  top: 50%;
  opacity: 0;
  transform: rotate(180deg) translateY(-50%);
  transition: all 200ms ease;
}
.subtle-checkbox:checked + * {
  background-color: var(--blue);
  color: white;
}
.subtle-checkbox:checked + *::after {
  opacity: 1;
  transform: rotate(0deg) translateY(-50%);
}
dl {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 0em 0.33em;
  padding: 0 !important;
  margin: 0;
  height: fit-content;
}
dt {
  color: var(--discreet);
  font-size: 0.8em !important;
  font-weight: 700;
}
dd {
  font-weight: bold;
  margin: 0;
  margin-bottom: 0.66em;
}
/*

<label class="switch">
    <input type="checkbox">
    <span class="slider"></span>
</label>

*/
.switch {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 0.5em;
  font-size: 0.8em;
}
.switch input {
  display: none;
}
.switch input ~ .slider {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  background-color: #6a6a6a;
  top: 0;
  left: 0;
  padding: 0.2em;
  border-radius: 3em;
  transition: all 200ms ease;
}
.switch input:checked ~ .slider {
  background-color: var(--primary, hsl(202, 100%, 50%));
}
.switch input ~ .slider::after {
  content: '';
  background-color: white;
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 3em;
  transition: all 200ms ease;
  margin-left: 0em;
  margin-right: 1.5em;
}
@keyframes slider-scale-in {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5, 0.75);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes slider-scale-out {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5, 0.75);
  }
  100% {
    transform: scale(1);
  }
}
.switch input:checked ~ .slider::after {
  margin-left: 1.5em;
  margin-right: 0em;
}
.switch input:checked ~ .slider::after {
  animation: slider-scale-in 200ms ease-in-out;
}
.switch input:active ~ .slider::after {
  animation: slider-scale-out 200ms ease-in-out;
}
.switch.white {
  --accent: #FFF;
}
.switch.lightgray {
  --accent: #FAFAFA;
}
.switch.gray {
  --accent: #e9e9ed;
}
.switch.darkgray {
  --accent: #323232;
}
.switch.black {
  --accent: #000;
}
.switch.red {
  --accent: hsl(7, 82%, 55%);
}
.switch.orange {
  --accent: hsl(33, 100%, 50%);
}
.switch.yellow {
  --accent: hsl(53, 100%, 50%);
}
.switch.green {
  --accent: hsl(146, 70%, 42%);
}
.switch.turquoise {
  --accent: hsl(172, 100%, 37%);
}
.switch.blue {
  --accent: hsl(202, 100%, 50%);
}
.switch.indigo {
  --accent: hsl(242, 88%, 67%);
}
.switch.violet {
  --accent: hsl(272, 100%, 58%);
}
.switch.Ivory {
  --accent: Ivory;
}
.switch.Beige {
  --accent: Beige;
}
.switch.AntiqueWhite {
  --accent: AntiqueWhite;
}
.switch.LemonChiffon {
  --accent: LemonChiffon;
}
.switch.LightGoldenRodYellow {
  --accent: LightGoldenRodYellow;
}
.switch.LightYellow {
  --accent: LightYellow;
}
.switch.Linen {
  --accent: Linen;
}
.switch.PaleGoldenRod {
  --accent: PaleGoldenRod;
}
.switch.Bisque {
  --accent: Bisque;
}
.switch.BlanchedAlmond {
  --accent: BlanchedAlmond;
}
.switch.BurlyWood {
  --accent: BurlyWood;
}
.switch.Khaki {
  --accent: Khaki;
}
.switch.DarkKhaki {
  --accent: DarkKhaki;
}
.switch.Gold {
  --accent: Gold;
}
.switch.GoldenRod {
  --accent: GoldenRod;
}
.switch.Yellow {
  --accent: Yellow;
}
.switch.White {
  --accent: White;
}
.switch.Snow {
  --accent: Snow;
}
.switch.Azure {
  --accent: Azure;
}
.switch.WhiteSmoke {
  --accent: WhiteSmoke;
}
.switch.Gainsboro {
  --accent: Gainsboro;
}
.switch.LightGray {
  --accent: LightGray;
}
.switch.LightGrey {
  --accent: LightGrey;
}
.switch.Silver {
  --accent: Silver;
}
.switch.DarkGray {
  --accent: DarkGray;
}
.switch.DarkGrey {
  --accent: DarkGrey;
}
.switch.Gray {
  --accent: Gray;
}
.switch.Grey {
  --accent: Grey;
}
.switch.DimGray {
  --accent: DimGray;
}
.switch.DimGrey {
  --accent: DimGrey;
}
.switch.Black {
  --accent: Black;
}
.switch.HoneyDew {
  --accent: HoneyDew;
}
.switch.FloralWhite {
  --accent: FloralWhite;
}
.switch.MintCream {
  --accent: MintCream;
}
.switch.YellowGreen {
  --accent: YellowGreen;
}
.switch.LightGreen {
  --accent: LightGreen;
}
.switch.PaleGreen {
  --accent: PaleGreen;
}
.switch.GreenYellow {
  --accent: GreenYellow;
}
.switch.Chartreuse {
  --accent: Chartreuse;
}
.switch.LawnGreen {
  --accent: LawnGreen;
}
.switch.Lime {
  --accent: Lime;
}
.switch.LimeGreen {
  --accent: LimeGreen;
}
.switch.MediumSpringGreen {
  --accent: MediumSpringGreen;
}
.switch.SpringGreen {
  --accent: SpringGreen;
}
.switch.MediumAquaMarine {
  --accent: MediumAquaMarine;
}
.switch.MediumSeaGreen {
  --accent: MediumSeaGreen;
}
.switch.OliveDrab {
  --accent: OliveDrab;
}
.switch.Olive {
  --accent: Olive;
}
.switch.DarkOliveGreen {
  --accent: DarkOliveGreen;
}
.switch.DarkSeaGreen {
  --accent: DarkSeaGreen;
}
.switch.Green {
  --accent: Green;
}
.switch.DarkGreen {
  --accent: DarkGreen;
}
.switch.DarkSlateGray {
  --accent: DarkSlateGray;
}
.switch.DarkSlateGrey {
  --accent: DarkSlateGrey;
}
.switch.ForestGreen {
  --accent: ForestGreen;
}
.switch.SeaGreen {
  --accent: SeaGreen;
}
.switch.SeaShell {
  --accent: SeaShell;
}
.switch.LavenderBlush {
  --accent: LavenderBlush;
}
.switch.Cornsilk {
  --accent: Cornsilk;
}
.switch.MistyRose {
  --accent: MistyRose;
}
.switch.Moccasin {
  --accent: Moccasin;
}
.switch.NavajoWhite {
  --accent: NavajoWhite;
}
.switch.OldLace {
  --accent: OldLace;
}
.switch.PapayaWhip {
  --accent: PapayaWhip;
}
.switch.PeachPuff {
  --accent: PeachPuff;
}
.switch.Wheat {
  --accent: Wheat;
}
.switch.Coral {
  --accent: Coral;
}
.switch.DarkGoldenRod {
  --accent: DarkGoldenRod;
}
.switch.Chocolate {
  --accent: Chocolate;
}
.switch.DarkOrange {
  --accent: DarkOrange;
}
.switch.Orange {
  --accent: Orange;
}
.switch.SandyBrown {
  --accent: SandyBrown;
}
.switch.Peru {
  --accent: Peru;
}
.switch.DarkSalmon {
  --accent: DarkSalmon;
}
.switch.LightSalmon {
  --accent: LightSalmon;
}
.switch.LightCoral {
  --accent: LightCoral;
}
.switch.IndianRed {
  --accent: IndianRed;
}
.switch.OrangeRed {
  --accent: OrangeRed;
}
.switch.PaleVioletRed {
  --accent: PaleVioletRed;
}
.switch.Tomato {
  --accent: Tomato;
}
.switch.Crimson {
  --accent: Crimson;
}
.switch.FireBrick {
  --accent: FireBrick;
}
.switch.Brown {
  --accent: Brown;
}
.switch.DarkRed {
  --accent: DarkRed;
}
.switch.Maroon {
  --accent: Maroon;
}
.switch.Red {
  --accent: Red;
}
.switch.Tan {
  --accent: Tan;
}
.switch.RosyBrown {
  --accent: RosyBrown;
}
.switch.SaddleBrown {
  --accent: SaddleBrown;
}
.switch.Salmon {
  --accent: Salmon;
}
.switch.Sienna {
  --accent: Sienna;
}
.switch.Pink {
  --accent: Pink;
}
.switch.LightPink {
  --accent: LightPink;
}
.switch.Plum {
  --accent: Plum;
}
.switch.Thistle {
  --accent: Thistle;
}
.switch.HotPink {
  --accent: HotPink;
}
.switch.Orchid {
  --accent: Orchid;
}
.switch.Violet {
  --accent: Violet;
}
.switch.Magenta {
  --accent: Magenta;
}
.switch.Fuchsia {
  --accent: Fuchsia;
}
.switch.DeepPink {
  --accent: DeepPink;
}
.switch.MediumVioletRed {
  --accent: MediumVioletRed;
}
.switch.DarkMagenta {
  --accent: DarkMagenta;
}
.switch.BlueViolet {
  --accent: BlueViolet;
}
.switch.DarkOrchid {
  --accent: DarkOrchid;
}
.switch.DarkSlateBlue {
  --accent: DarkSlateBlue;
}
.switch.DarkViolet {
  --accent: DarkViolet;
}
.switch.Indigo {
  --accent: Indigo;
}
.switch.MediumOrchid {
  --accent: MediumOrchid;
}
.switch.MediumPurple {
  --accent: MediumPurple;
}
.switch.MediumSlateBlue {
  --accent: MediumSlateBlue;
}
.switch.RebeccaPurple {
  --accent: RebeccaPurple;
}
.switch.Purple {
  --accent: Purple;
}
.switch.GhostWhite {
  --accent: GhostWhite;
}
.switch.AliceBlue {
  --accent: AliceBlue;
}
.switch.Lavender {
  --accent: Lavender;
}
.switch.LightBlue {
  --accent: LightBlue;
}
.switch.LightCyan {
  --accent: LightCyan;
}
.switch.LightSkyBlue {
  --accent: LightSkyBlue;
}
.switch.LightSlateGray {
  --accent: LightSlateGray;
}
.switch.LightSlateGrey {
  --accent: LightSlateGrey;
}
.switch.LightSteelBlue {
  --accent: LightSteelBlue;
}
.switch.PaleTurquoise {
  --accent: PaleTurquoise;
}
.switch.PowderBlue {
  --accent: PowderBlue;
}
.switch.SkyBlue {
  --accent: SkyBlue;
}
.switch.SlateGray {
  --accent: SlateGray;
}
.switch.SlateGrey {
  --accent: SlateGrey;
}
.switch.Aquamarine {
  --accent: Aquamarine;
}
.switch.CadetBlue {
  --accent: CadetBlue;
}
.switch.CornflowerBlue {
  --accent: CornflowerBlue;
}
.switch.Blue {
  --accent: Blue;
}
.switch.DarkBlue {
  --accent: DarkBlue;
}
.switch.DarkTurquoise {
  --accent: DarkTurquoise;
}
.switch.DeepSkyBlue {
  --accent: DeepSkyBlue;
}
.switch.DodgerBlue {
  --accent: DodgerBlue;
}
.switch.RoyalBlue {
  --accent: RoyalBlue;
}
.switch.MediumBlue {
  --accent: MediumBlue;
}
.switch.MidnightBlue {
  --accent: MidnightBlue;
}
.switch.Navy {
  --accent: Navy;
}
.switch.SlateBlue {
  --accent: SlateBlue;
}
.switch.MediumTurquoise {
  --accent: MediumTurquoise;
}
.switch.Cyan {
  --accent: Cyan;
}
.switch.Aqua {
  --accent: Aqua;
}
.switch.SteelBlue {
  --accent: SteelBlue;
}
.switch.DarkCyan {
  --accent: DarkCyan;
}
.switch.Teal {
  --accent: Teal;
}
.switch.Turquoise {
  --accent: Turquoise;
}
.switch.LightSeaGreen {
  --accent: LightSeaGreen;
}
.switch.transparent {
  --accent: transparent;
}
.tag.white {
  --tag-foreground: #FFF;
  --tag-background: rgba(255, 255, 255, 0.15);
}
.tag.lightgray {
  --tag-foreground: #FAFAFA;
  --tag-background: rgba(250, 250, 250, 0.15);
}
.tag.gray {
  --tag-foreground: #e9e9ed;
  --tag-background: rgba(233, 233, 237, 0.15);
}
.tag.darkgray {
  --tag-foreground: #323232;
  --tag-background: rgba(50, 50, 50, 0.15);
}
.tag.black {
  --tag-foreground: #000;
  --tag-background: rgba(0, 0, 0, 0.15);
}
.tag.red {
  --tag-foreground: hsl(7, 82%, 55%);
  --tag-background: hsla(7, 82%, 55%, 0.15);
}
.tag.orange {
  --tag-foreground: hsl(33, 100%, 50%);
  --tag-background: hsla(33, 100%, 50%, 0.15);
}
.tag.yellow {
  --tag-foreground: hsl(53, 100%, 50%);
  --tag-background: hsla(53, 100%, 50%, 0.15);
}
.tag.green {
  --tag-foreground: hsl(146, 70%, 42%);
  --tag-background: hsla(146, 70%, 42%, 0.15);
}
.tag.turquoise {
  --tag-foreground: hsl(172, 100%, 37%);
  --tag-background: hsla(172, 100%, 37%, 0.15);
}
.tag.blue {
  --tag-foreground: hsl(202, 100%, 50%);
  --tag-background: hsla(202, 100%, 50%, 0.15);
}
.tag.indigo {
  --tag-foreground: hsl(242, 88%, 67%);
  --tag-background: hsla(242, 88%, 67%, 0.15);
}
.tag.violet {
  --tag-foreground: hsl(272, 100%, 58%);
  --tag-background: hsla(272, 100%, 58%, 0.15);
}
.tag.Ivory {
  --tag-foreground: Ivory;
  --tag-background: rgba(255, 255, 240, 0.15);
}
.tag.Beige {
  --tag-foreground: Beige;
  --tag-background: rgba(245, 245, 220, 0.15);
}
.tag.AntiqueWhite {
  --tag-foreground: AntiqueWhite;
  --tag-background: rgba(250, 235, 215, 0.15);
}
.tag.LemonChiffon {
  --tag-foreground: LemonChiffon;
  --tag-background: rgba(255, 250, 205, 0.15);
}
.tag.LightGoldenRodYellow {
  --tag-foreground: LightGoldenRodYellow;
  --tag-background: rgba(250, 250, 210, 0.15);
}
.tag.LightYellow {
  --tag-foreground: LightYellow;
  --tag-background: rgba(255, 255, 224, 0.15);
}
.tag.Linen {
  --tag-foreground: Linen;
  --tag-background: rgba(250, 240, 230, 0.15);
}
.tag.PaleGoldenRod {
  --tag-foreground: PaleGoldenRod;
  --tag-background: rgba(238, 232, 170, 0.15);
}
.tag.Bisque {
  --tag-foreground: Bisque;
  --tag-background: rgba(255, 228, 196, 0.15);
}
.tag.BlanchedAlmond {
  --tag-foreground: BlanchedAlmond;
  --tag-background: rgba(255, 235, 205, 0.15);
}
.tag.BurlyWood {
  --tag-foreground: BurlyWood;
  --tag-background: rgba(222, 184, 135, 0.15);
}
.tag.Khaki {
  --tag-foreground: Khaki;
  --tag-background: rgba(240, 230, 140, 0.15);
}
.tag.DarkKhaki {
  --tag-foreground: DarkKhaki;
  --tag-background: rgba(189, 183, 107, 0.15);
}
.tag.Gold {
  --tag-foreground: Gold;
  --tag-background: rgba(255, 215, 0, 0.15);
}
.tag.GoldenRod {
  --tag-foreground: GoldenRod;
  --tag-background: rgba(218, 165, 32, 0.15);
}
.tag.Yellow {
  --tag-foreground: Yellow;
  --tag-background: rgba(255, 255, 0, 0.15);
}
.tag.White {
  --tag-foreground: White;
  --tag-background: rgba(255, 255, 255, 0.15);
}
.tag.Snow {
  --tag-foreground: Snow;
  --tag-background: rgba(255, 250, 250, 0.15);
}
.tag.Azure {
  --tag-foreground: Azure;
  --tag-background: rgba(240, 255, 255, 0.15);
}
.tag.WhiteSmoke {
  --tag-foreground: WhiteSmoke;
  --tag-background: rgba(245, 245, 245, 0.15);
}
.tag.Gainsboro {
  --tag-foreground: Gainsboro;
  --tag-background: rgba(220, 220, 220, 0.15);
}
.tag.LightGray {
  --tag-foreground: LightGray;
  --tag-background: rgba(211, 211, 211, 0.15);
}
.tag.LightGrey {
  --tag-foreground: LightGrey;
  --tag-background: rgba(211, 211, 211, 0.15);
}
.tag.Silver {
  --tag-foreground: Silver;
  --tag-background: rgba(192, 192, 192, 0.15);
}
.tag.DarkGray {
  --tag-foreground: DarkGray;
  --tag-background: rgba(169, 169, 169, 0.15);
}
.tag.DarkGrey {
  --tag-foreground: DarkGrey;
  --tag-background: rgba(169, 169, 169, 0.15);
}
.tag.Gray {
  --tag-foreground: Gray;
  --tag-background: rgba(128, 128, 128, 0.15);
}
.tag.Grey {
  --tag-foreground: Grey;
  --tag-background: rgba(128, 128, 128, 0.15);
}
.tag.DimGray {
  --tag-foreground: DimGray;
  --tag-background: rgba(105, 105, 105, 0.15);
}
.tag.DimGrey {
  --tag-foreground: DimGrey;
  --tag-background: rgba(105, 105, 105, 0.15);
}
.tag.Black {
  --tag-foreground: Black;
  --tag-background: rgba(0, 0, 0, 0.15);
}
.tag.HoneyDew {
  --tag-foreground: HoneyDew;
  --tag-background: rgba(240, 255, 240, 0.15);
}
.tag.FloralWhite {
  --tag-foreground: FloralWhite;
  --tag-background: rgba(255, 250, 240, 0.15);
}
.tag.MintCream {
  --tag-foreground: MintCream;
  --tag-background: rgba(245, 255, 250, 0.15);
}
.tag.YellowGreen {
  --tag-foreground: YellowGreen;
  --tag-background: rgba(154, 205, 50, 0.15);
}
.tag.LightGreen {
  --tag-foreground: LightGreen;
  --tag-background: rgba(144, 238, 144, 0.15);
}
.tag.PaleGreen {
  --tag-foreground: PaleGreen;
  --tag-background: rgba(152, 251, 152, 0.15);
}
.tag.GreenYellow {
  --tag-foreground: GreenYellow;
  --tag-background: rgba(173, 255, 47, 0.15);
}
.tag.Chartreuse {
  --tag-foreground: Chartreuse;
  --tag-background: rgba(127, 255, 0, 0.15);
}
.tag.LawnGreen {
  --tag-foreground: LawnGreen;
  --tag-background: rgba(124, 252, 0, 0.15);
}
.tag.Lime {
  --tag-foreground: Lime;
  --tag-background: rgba(0, 255, 0, 0.15);
}
.tag.LimeGreen {
  --tag-foreground: LimeGreen;
  --tag-background: rgba(50, 205, 50, 0.15);
}
.tag.MediumSpringGreen {
  --tag-foreground: MediumSpringGreen;
  --tag-background: rgba(0, 250, 154, 0.15);
}
.tag.SpringGreen {
  --tag-foreground: SpringGreen;
  --tag-background: rgba(0, 255, 127, 0.15);
}
.tag.MediumAquaMarine {
  --tag-foreground: MediumAquaMarine;
  --tag-background: rgba(102, 205, 170, 0.15);
}
.tag.MediumSeaGreen {
  --tag-foreground: MediumSeaGreen;
  --tag-background: rgba(60, 179, 113, 0.15);
}
.tag.OliveDrab {
  --tag-foreground: OliveDrab;
  --tag-background: rgba(107, 142, 35, 0.15);
}
.tag.Olive {
  --tag-foreground: Olive;
  --tag-background: rgba(128, 128, 0, 0.15);
}
.tag.DarkOliveGreen {
  --tag-foreground: DarkOliveGreen;
  --tag-background: rgba(85, 107, 47, 0.15);
}
.tag.DarkSeaGreen {
  --tag-foreground: DarkSeaGreen;
  --tag-background: rgba(143, 188, 143, 0.15);
}
.tag.Green {
  --tag-foreground: Green;
  --tag-background: rgba(0, 128, 0, 0.15);
}
.tag.DarkGreen {
  --tag-foreground: DarkGreen;
  --tag-background: rgba(0, 100, 0, 0.15);
}
.tag.DarkSlateGray {
  --tag-foreground: DarkSlateGray;
  --tag-background: rgba(47, 79, 79, 0.15);
}
.tag.DarkSlateGrey {
  --tag-foreground: DarkSlateGrey;
  --tag-background: rgba(47, 79, 79, 0.15);
}
.tag.ForestGreen {
  --tag-foreground: ForestGreen;
  --tag-background: rgba(34, 139, 34, 0.15);
}
.tag.SeaGreen {
  --tag-foreground: SeaGreen;
  --tag-background: rgba(46, 139, 87, 0.15);
}
.tag.SeaShell {
  --tag-foreground: SeaShell;
  --tag-background: rgba(255, 245, 238, 0.15);
}
.tag.LavenderBlush {
  --tag-foreground: LavenderBlush;
  --tag-background: rgba(255, 240, 245, 0.15);
}
.tag.Cornsilk {
  --tag-foreground: Cornsilk;
  --tag-background: rgba(255, 248, 220, 0.15);
}
.tag.MistyRose {
  --tag-foreground: MistyRose;
  --tag-background: rgba(255, 228, 225, 0.15);
}
.tag.Moccasin {
  --tag-foreground: Moccasin;
  --tag-background: rgba(255, 228, 181, 0.15);
}
.tag.NavajoWhite {
  --tag-foreground: NavajoWhite;
  --tag-background: rgba(255, 222, 173, 0.15);
}
.tag.OldLace {
  --tag-foreground: OldLace;
  --tag-background: rgba(253, 245, 230, 0.15);
}
.tag.PapayaWhip {
  --tag-foreground: PapayaWhip;
  --tag-background: rgba(255, 239, 213, 0.15);
}
.tag.PeachPuff {
  --tag-foreground: PeachPuff;
  --tag-background: rgba(255, 218, 185, 0.15);
}
.tag.Wheat {
  --tag-foreground: Wheat;
  --tag-background: rgba(245, 222, 179, 0.15);
}
.tag.Coral {
  --tag-foreground: Coral;
  --tag-background: rgba(255, 127, 80, 0.15);
}
.tag.DarkGoldenRod {
  --tag-foreground: DarkGoldenRod;
  --tag-background: rgba(184, 134, 11, 0.15);
}
.tag.Chocolate {
  --tag-foreground: Chocolate;
  --tag-background: rgba(210, 105, 30, 0.15);
}
.tag.DarkOrange {
  --tag-foreground: DarkOrange;
  --tag-background: rgba(255, 140, 0, 0.15);
}
.tag.Orange {
  --tag-foreground: Orange;
  --tag-background: rgba(255, 165, 0, 0.15);
}
.tag.SandyBrown {
  --tag-foreground: SandyBrown;
  --tag-background: rgba(244, 164, 96, 0.15);
}
.tag.Peru {
  --tag-foreground: Peru;
  --tag-background: rgba(205, 133, 63, 0.15);
}
.tag.DarkSalmon {
  --tag-foreground: DarkSalmon;
  --tag-background: rgba(233, 150, 122, 0.15);
}
.tag.LightSalmon {
  --tag-foreground: LightSalmon;
  --tag-background: rgba(255, 160, 122, 0.15);
}
.tag.LightCoral {
  --tag-foreground: LightCoral;
  --tag-background: rgba(240, 128, 128, 0.15);
}
.tag.IndianRed {
  --tag-foreground: IndianRed;
  --tag-background: rgba(205, 92, 92, 0.15);
}
.tag.OrangeRed {
  --tag-foreground: OrangeRed;
  --tag-background: rgba(255, 69, 0, 0.15);
}
.tag.PaleVioletRed {
  --tag-foreground: PaleVioletRed;
  --tag-background: rgba(216, 112, 147, 0.15);
}
.tag.Tomato {
  --tag-foreground: Tomato;
  --tag-background: rgba(255, 99, 71, 0.15);
}
.tag.Crimson {
  --tag-foreground: Crimson;
  --tag-background: rgba(220, 20, 60, 0.15);
}
.tag.FireBrick {
  --tag-foreground: FireBrick;
  --tag-background: rgba(178, 34, 34, 0.15);
}
.tag.Brown {
  --tag-foreground: Brown;
  --tag-background: rgba(165, 42, 42, 0.15);
}
.tag.DarkRed {
  --tag-foreground: DarkRed;
  --tag-background: rgba(139, 0, 0, 0.15);
}
.tag.Maroon {
  --tag-foreground: Maroon;
  --tag-background: rgba(128, 0, 0, 0.15);
}
.tag.Red {
  --tag-foreground: Red;
  --tag-background: rgba(255, 0, 0, 0.15);
}
.tag.Tan {
  --tag-foreground: Tan;
  --tag-background: rgba(210, 180, 140, 0.15);
}
.tag.RosyBrown {
  --tag-foreground: RosyBrown;
  --tag-background: rgba(188, 143, 143, 0.15);
}
.tag.SaddleBrown {
  --tag-foreground: SaddleBrown;
  --tag-background: rgba(139, 69, 19, 0.15);
}
.tag.Salmon {
  --tag-foreground: Salmon;
  --tag-background: rgba(250, 128, 114, 0.15);
}
.tag.Sienna {
  --tag-foreground: Sienna;
  --tag-background: rgba(160, 82, 45, 0.15);
}
.tag.Pink {
  --tag-foreground: Pink;
  --tag-background: rgba(255, 192, 203, 0.15);
}
.tag.LightPink {
  --tag-foreground: LightPink;
  --tag-background: rgba(255, 182, 193, 0.15);
}
.tag.Plum {
  --tag-foreground: Plum;
  --tag-background: rgba(221, 160, 221, 0.15);
}
.tag.Thistle {
  --tag-foreground: Thistle;
  --tag-background: rgba(216, 191, 216, 0.15);
}
.tag.HotPink {
  --tag-foreground: HotPink;
  --tag-background: rgba(255, 105, 180, 0.15);
}
.tag.Orchid {
  --tag-foreground: Orchid;
  --tag-background: rgba(218, 112, 214, 0.15);
}
.tag.Violet {
  --tag-foreground: Violet;
  --tag-background: rgba(238, 130, 238, 0.15);
}
.tag.Magenta {
  --tag-foreground: Magenta;
  --tag-background: rgba(255, 0, 255, 0.15);
}
.tag.Fuchsia {
  --tag-foreground: Fuchsia;
  --tag-background: rgba(255, 0, 255, 0.15);
}
.tag.DeepPink {
  --tag-foreground: DeepPink;
  --tag-background: rgba(255, 20, 147, 0.15);
}
.tag.MediumVioletRed {
  --tag-foreground: MediumVioletRed;
  --tag-background: rgba(199, 21, 133, 0.15);
}
.tag.DarkMagenta {
  --tag-foreground: DarkMagenta;
  --tag-background: rgba(139, 0, 139, 0.15);
}
.tag.BlueViolet {
  --tag-foreground: BlueViolet;
  --tag-background: rgba(138, 43, 226, 0.15);
}
.tag.DarkOrchid {
  --tag-foreground: DarkOrchid;
  --tag-background: rgba(153, 50, 204, 0.15);
}
.tag.DarkSlateBlue {
  --tag-foreground: DarkSlateBlue;
  --tag-background: rgba(72, 61, 139, 0.15);
}
.tag.DarkViolet {
  --tag-foreground: DarkViolet;
  --tag-background: rgba(148, 0, 211, 0.15);
}
.tag.Indigo {
  --tag-foreground: Indigo;
  --tag-background: rgba(75, 0, 130, 0.15);
}
.tag.MediumOrchid {
  --tag-foreground: MediumOrchid;
  --tag-background: rgba(186, 85, 211, 0.15);
}
.tag.MediumPurple {
  --tag-foreground: MediumPurple;
  --tag-background: rgba(147, 112, 216, 0.15);
}
.tag.MediumSlateBlue {
  --tag-foreground: MediumSlateBlue;
  --tag-background: rgba(123, 104, 238, 0.15);
}
.tag.RebeccaPurple {
  --tag-foreground: RebeccaPurple;
  --tag-background: rgba(102, 51, 153, 0.15);
}
.tag.Purple {
  --tag-foreground: Purple;
  --tag-background: rgba(128, 0, 128, 0.15);
}
.tag.GhostWhite {
  --tag-foreground: GhostWhite;
  --tag-background: rgba(248, 248, 255, 0.15);
}
.tag.AliceBlue {
  --tag-foreground: AliceBlue;
  --tag-background: rgba(240, 248, 255, 0.15);
}
.tag.Lavender {
  --tag-foreground: Lavender;
  --tag-background: rgba(230, 230, 250, 0.15);
}
.tag.LightBlue {
  --tag-foreground: LightBlue;
  --tag-background: rgba(173, 216, 230, 0.15);
}
.tag.LightCyan {
  --tag-foreground: LightCyan;
  --tag-background: rgba(224, 255, 255, 0.15);
}
.tag.LightSkyBlue {
  --tag-foreground: LightSkyBlue;
  --tag-background: rgba(135, 206, 250, 0.15);
}
.tag.LightSlateGray {
  --tag-foreground: LightSlateGray;
  --tag-background: rgba(119, 136, 153, 0.15);
}
.tag.LightSlateGrey {
  --tag-foreground: LightSlateGrey;
  --tag-background: rgba(119, 136, 153, 0.15);
}
.tag.LightSteelBlue {
  --tag-foreground: LightSteelBlue;
  --tag-background: rgba(176, 196, 222, 0.15);
}
.tag.PaleTurquoise {
  --tag-foreground: PaleTurquoise;
  --tag-background: rgba(175, 238, 238, 0.15);
}
.tag.PowderBlue {
  --tag-foreground: PowderBlue;
  --tag-background: rgba(176, 224, 230, 0.15);
}
.tag.SkyBlue {
  --tag-foreground: SkyBlue;
  --tag-background: rgba(135, 206, 235, 0.15);
}
.tag.SlateGray {
  --tag-foreground: SlateGray;
  --tag-background: rgba(112, 128, 144, 0.15);
}
.tag.SlateGrey {
  --tag-foreground: SlateGrey;
  --tag-background: rgba(112, 128, 144, 0.15);
}
.tag.Aquamarine {
  --tag-foreground: Aquamarine;
  --tag-background: rgba(127, 255, 212, 0.15);
}
.tag.CadetBlue {
  --tag-foreground: CadetBlue;
  --tag-background: rgba(95, 158, 160, 0.15);
}
.tag.CornflowerBlue {
  --tag-foreground: CornflowerBlue;
  --tag-background: rgba(100, 149, 237, 0.15);
}
.tag.Blue {
  --tag-foreground: Blue;
  --tag-background: rgba(0, 0, 255, 0.15);
}
.tag.DarkBlue {
  --tag-foreground: DarkBlue;
  --tag-background: rgba(0, 0, 139, 0.15);
}
.tag.DarkTurquoise {
  --tag-foreground: DarkTurquoise;
  --tag-background: rgba(0, 206, 209, 0.15);
}
.tag.DeepSkyBlue {
  --tag-foreground: DeepSkyBlue;
  --tag-background: rgba(0, 191, 255, 0.15);
}
.tag.DodgerBlue {
  --tag-foreground: DodgerBlue;
  --tag-background: rgba(30, 144, 255, 0.15);
}
.tag.RoyalBlue {
  --tag-foreground: RoyalBlue;
  --tag-background: rgba(65, 105, 225, 0.15);
}
.tag.MediumBlue {
  --tag-foreground: MediumBlue;
  --tag-background: rgba(0, 0, 205, 0.15);
}
.tag.MidnightBlue {
  --tag-foreground: MidnightBlue;
  --tag-background: rgba(25, 25, 112, 0.15);
}
.tag.Navy {
  --tag-foreground: Navy;
  --tag-background: rgba(0, 0, 128, 0.15);
}
.tag.SlateBlue {
  --tag-foreground: SlateBlue;
  --tag-background: rgba(106, 90, 205, 0.15);
}
.tag.MediumTurquoise {
  --tag-foreground: MediumTurquoise;
  --tag-background: rgba(72, 209, 204, 0.15);
}
.tag.Cyan {
  --tag-foreground: Cyan;
  --tag-background: rgba(0, 255, 255, 0.15);
}
.tag.Aqua {
  --tag-foreground: Aqua;
  --tag-background: rgba(0, 255, 255, 0.15);
}
.tag.SteelBlue {
  --tag-foreground: SteelBlue;
  --tag-background: rgba(70, 130, 180, 0.15);
}
.tag.DarkCyan {
  --tag-foreground: DarkCyan;
  --tag-background: rgba(0, 139, 139, 0.15);
}
.tag.Teal {
  --tag-foreground: Teal;
  --tag-background: rgba(0, 128, 128, 0.15);
}
.tag.Turquoise {
  --tag-foreground: Turquoise;
  --tag-background: rgba(64, 224, 208, 0.15);
}
.tag.LightSeaGreen {
  --tag-foreground: LightSeaGreen;
  --tag-background: rgba(32, 178, 170, 0.15);
}
.tag.transparent {
  --tag-foreground: transparent;
  --tag-background: rgba(0, 0, 0, 0.15);
}
.tag {
  --tag-foreground: #777;
  --tag-background: #EEE;
  border-radius: 0.25em;
  padding: 0.25em 0.5em;
  font-size: 0.8em;
  font-weight: 500;
  transition: all 200ms ease;
  display: flex;
  align-items: center;
  width: max-content;
  gap: 1em;
  text-decoration: none;
  filter: brightness(100%);
  color: var(--tag-foreground);
  background-color: var(--tag-background);
  border: solid 0.1em var(--tag-foreground);
}
.tag.clickable {
  cursor: pointer;
}
.tag.clickable:hover {
  filter: brightness(130%);
}
.chip {
  --chip-background: #EEE;
  --chip-foreground: #7f7f7f;
  border-radius: 100%;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: fit-content;
  padding: 0.3em;
  background-color: var(--chip-background);
  color: var(--chip-foreground);
}
.chip.white {
  --chip-background: rgba(255, 255, 255, 0.4);
  --chip-foreground: #ffffff;
}
.chip.lightgray {
  --chip-background: rgba(250, 250, 250, 0.4);
  --chip-foreground: #fafafa;
}
.chip.gray {
  --chip-background: rgba(233, 233, 237, 0.4);
  --chip-foreground: #e9e9ed;
}
.chip.darkgray {
  --chip-background: rgba(50, 50, 50, 0.4);
  --chip-foreground: #323232;
}
.chip.black {
  --chip-background: rgba(0, 0, 0, 0.4);
  --chip-foreground: #000000;
}
.chip.red {
  --chip-background: rgba(234, 68, 46, 0.4);
  --chip-foreground: hsl(7, 82%, 55%);
}
.chip.orange {
  --chip-background: rgba(255, 140, 0, 0.4);
  --chip-foreground: hsl(33, 100%, 50%);
}
.chip.yellow {
  --chip-background: rgba(255, 225, 0, 0.4);
  --chip-foreground: hsl(53, 100%, 50%);
}
.chip.green {
  --chip-background: rgba(32, 182, 97, 0.4);
  --chip-foreground: hsl(146, 70%, 42%);
}
.chip.turquoise {
  --chip-background: rgba(0, 189, 164, 0.4);
  --chip-foreground: hsl(172, 100%, 37%);
}
.chip.blue {
  --chip-background: rgba(0, 161, 255, 0.4);
  --chip-foreground: hsl(202, 100%, 50%);
}
.chip.indigo {
  --chip-background: rgba(102, 97, 245, 0.4);
  --chip-foreground: hsl(242, 88%, 67%);
}
.chip.violet {
  --chip-background: rgba(155, 41, 255, 0.4);
  --chip-foreground: hsl(272, 100%, 58%);
}
.chip.Ivory {
  --chip-background: rgba(255, 255, 240, 0.4);
  --chip-foreground: #fffff0;
}
.chip.Beige {
  --chip-background: rgba(245, 245, 220, 0.4);
  --chip-foreground: #f5f5dc;
}
.chip.AntiqueWhite {
  --chip-background: rgba(250, 235, 215, 0.4);
  --chip-foreground: #faebd7;
}
.chip.LemonChiffon {
  --chip-background: rgba(255, 250, 205, 0.4);
  --chip-foreground: #fffacd;
}
.chip.LightGoldenRodYellow {
  --chip-background: rgba(250, 250, 210, 0.4);
  --chip-foreground: #fafad2;
}
.chip.LightYellow {
  --chip-background: rgba(255, 255, 224, 0.4);
  --chip-foreground: #ffffe0;
}
.chip.Linen {
  --chip-background: rgba(250, 240, 230, 0.4);
  --chip-foreground: #faf0e6;
}
.chip.PaleGoldenRod {
  --chip-background: rgba(238, 232, 170, 0.4);
  --chip-foreground: #eee8aa;
}
.chip.Bisque {
  --chip-background: rgba(255, 228, 196, 0.4);
  --chip-foreground: #ffe4c4;
}
.chip.BlanchedAlmond {
  --chip-background: rgba(255, 235, 205, 0.4);
  --chip-foreground: #ffebcd;
}
.chip.BurlyWood {
  --chip-background: rgba(222, 184, 135, 0.4);
  --chip-foreground: #deb887;
}
.chip.Khaki {
  --chip-background: rgba(240, 230, 140, 0.4);
  --chip-foreground: #f0e68c;
}
.chip.DarkKhaki {
  --chip-background: rgba(189, 183, 107, 0.4);
  --chip-foreground: #bdb76b;
}
.chip.Gold {
  --chip-background: rgba(255, 215, 0, 0.4);
  --chip-foreground: #ffd700;
}
.chip.GoldenRod {
  --chip-background: rgba(218, 165, 32, 0.4);
  --chip-foreground: #daa520;
}
.chip.Yellow {
  --chip-background: rgba(255, 255, 0, 0.4);
  --chip-foreground: #ffff00;
}
.chip.White {
  --chip-background: rgba(255, 255, 255, 0.4);
  --chip-foreground: #ffffff;
}
.chip.Snow {
  --chip-background: rgba(255, 250, 250, 0.4);
  --chip-foreground: #fffafa;
}
.chip.Azure {
  --chip-background: rgba(240, 255, 255, 0.4);
  --chip-foreground: #f0ffff;
}
.chip.WhiteSmoke {
  --chip-background: rgba(245, 245, 245, 0.4);
  --chip-foreground: #f5f5f5;
}
.chip.Gainsboro {
  --chip-background: rgba(220, 220, 220, 0.4);
  --chip-foreground: #dcdcdc;
}
.chip.LightGray {
  --chip-background: rgba(211, 211, 211, 0.4);
  --chip-foreground: #d3d3d3;
}
.chip.LightGrey {
  --chip-background: rgba(211, 211, 211, 0.4);
  --chip-foreground: #d3d3d3;
}
.chip.Silver {
  --chip-background: rgba(192, 192, 192, 0.4);
  --chip-foreground: #c0c0c0;
}
.chip.DarkGray {
  --chip-background: rgba(169, 169, 169, 0.4);
  --chip-foreground: #a9a9a9;
}
.chip.DarkGrey {
  --chip-background: rgba(169, 169, 169, 0.4);
  --chip-foreground: #a9a9a9;
}
.chip.Gray {
  --chip-background: rgba(128, 128, 128, 0.4);
  --chip-foreground: #808080;
}
.chip.Grey {
  --chip-background: rgba(128, 128, 128, 0.4);
  --chip-foreground: #808080;
}
.chip.DimGray {
  --chip-background: rgba(105, 105, 105, 0.4);
  --chip-foreground: #696969;
}
.chip.DimGrey {
  --chip-background: rgba(105, 105, 105, 0.4);
  --chip-foreground: #696969;
}
.chip.Black {
  --chip-background: rgba(0, 0, 0, 0.4);
  --chip-foreground: #000000;
}
.chip.HoneyDew {
  --chip-background: rgba(240, 255, 240, 0.4);
  --chip-foreground: #f0fff0;
}
.chip.FloralWhite {
  --chip-background: rgba(255, 250, 240, 0.4);
  --chip-foreground: #fffaf0;
}
.chip.MintCream {
  --chip-background: rgba(245, 255, 250, 0.4);
  --chip-foreground: #f5fffa;
}
.chip.YellowGreen {
  --chip-background: rgba(154, 205, 50, 0.4);
  --chip-foreground: #9acd32;
}
.chip.LightGreen {
  --chip-background: rgba(144, 238, 144, 0.4);
  --chip-foreground: #90ee90;
}
.chip.PaleGreen {
  --chip-background: rgba(152, 251, 152, 0.4);
  --chip-foreground: #98fb98;
}
.chip.GreenYellow {
  --chip-background: rgba(173, 255, 47, 0.4);
  --chip-foreground: #adff2f;
}
.chip.Chartreuse {
  --chip-background: rgba(127, 255, 0, 0.4);
  --chip-foreground: #7fff00;
}
.chip.LawnGreen {
  --chip-background: rgba(124, 252, 0, 0.4);
  --chip-foreground: #7cfc00;
}
.chip.Lime {
  --chip-background: rgba(0, 255, 0, 0.4);
  --chip-foreground: #00ff00;
}
.chip.LimeGreen {
  --chip-background: rgba(50, 205, 50, 0.4);
  --chip-foreground: #32cd32;
}
.chip.MediumSpringGreen {
  --chip-background: rgba(0, 250, 154, 0.4);
  --chip-foreground: #00fa9a;
}
.chip.SpringGreen {
  --chip-background: rgba(0, 255, 127, 0.4);
  --chip-foreground: #00ff7f;
}
.chip.MediumAquaMarine {
  --chip-background: rgba(102, 205, 170, 0.4);
  --chip-foreground: #66cdaa;
}
.chip.MediumSeaGreen {
  --chip-background: rgba(60, 179, 113, 0.4);
  --chip-foreground: #3cb371;
}
.chip.OliveDrab {
  --chip-background: rgba(107, 142, 35, 0.4);
  --chip-foreground: #6b8e23;
}
.chip.Olive {
  --chip-background: rgba(128, 128, 0, 0.4);
  --chip-foreground: #808000;
}
.chip.DarkOliveGreen {
  --chip-background: rgba(85, 107, 47, 0.4);
  --chip-foreground: #556b2f;
}
.chip.DarkSeaGreen {
  --chip-background: rgba(143, 188, 143, 0.4);
  --chip-foreground: #8fbc8f;
}
.chip.Green {
  --chip-background: rgba(0, 128, 0, 0.4);
  --chip-foreground: #008000;
}
.chip.DarkGreen {
  --chip-background: rgba(0, 100, 0, 0.4);
  --chip-foreground: #006400;
}
.chip.DarkSlateGray {
  --chip-background: rgba(47, 79, 79, 0.4);
  --chip-foreground: #2f4f4f;
}
.chip.DarkSlateGrey {
  --chip-background: rgba(47, 79, 79, 0.4);
  --chip-foreground: #2f4f4f;
}
.chip.ForestGreen {
  --chip-background: rgba(34, 139, 34, 0.4);
  --chip-foreground: #228b22;
}
.chip.SeaGreen {
  --chip-background: rgba(46, 139, 87, 0.4);
  --chip-foreground: #2e8b57;
}
.chip.SeaShell {
  --chip-background: rgba(255, 245, 238, 0.4);
  --chip-foreground: #fff5ee;
}
.chip.LavenderBlush {
  --chip-background: rgba(255, 240, 245, 0.4);
  --chip-foreground: #fff0f5;
}
.chip.Cornsilk {
  --chip-background: rgba(255, 248, 220, 0.4);
  --chip-foreground: #fff8dc;
}
.chip.MistyRose {
  --chip-background: rgba(255, 228, 225, 0.4);
  --chip-foreground: #ffe4e1;
}
.chip.Moccasin {
  --chip-background: rgba(255, 228, 181, 0.4);
  --chip-foreground: #ffe4b5;
}
.chip.NavajoWhite {
  --chip-background: rgba(255, 222, 173, 0.4);
  --chip-foreground: #ffdead;
}
.chip.OldLace {
  --chip-background: rgba(253, 245, 230, 0.4);
  --chip-foreground: #fdf5e6;
}
.chip.PapayaWhip {
  --chip-background: rgba(255, 239, 213, 0.4);
  --chip-foreground: #ffefd5;
}
.chip.PeachPuff {
  --chip-background: rgba(255, 218, 185, 0.4);
  --chip-foreground: #ffdab9;
}
.chip.Wheat {
  --chip-background: rgba(245, 222, 179, 0.4);
  --chip-foreground: #f5deb3;
}
.chip.Coral {
  --chip-background: rgba(255, 127, 80, 0.4);
  --chip-foreground: #ff7f50;
}
.chip.DarkGoldenRod {
  --chip-background: rgba(184, 134, 11, 0.4);
  --chip-foreground: #b8860b;
}
.chip.Chocolate {
  --chip-background: rgba(210, 105, 30, 0.4);
  --chip-foreground: #d2691e;
}
.chip.DarkOrange {
  --chip-background: rgba(255, 140, 0, 0.4);
  --chip-foreground: #ff8c00;
}
.chip.Orange {
  --chip-background: rgba(255, 165, 0, 0.4);
  --chip-foreground: #ffa500;
}
.chip.SandyBrown {
  --chip-background: rgba(244, 164, 96, 0.4);
  --chip-foreground: #f4a460;
}
.chip.Peru {
  --chip-background: rgba(205, 133, 63, 0.4);
  --chip-foreground: #cd853f;
}
.chip.DarkSalmon {
  --chip-background: rgba(233, 150, 122, 0.4);
  --chip-foreground: #e9967a;
}
.chip.LightSalmon {
  --chip-background: rgba(255, 160, 122, 0.4);
  --chip-foreground: #ffa07a;
}
.chip.LightCoral {
  --chip-background: rgba(240, 128, 128, 0.4);
  --chip-foreground: #f08080;
}
.chip.IndianRed {
  --chip-background: rgba(205, 92, 92, 0.4);
  --chip-foreground: #cd5c5c;
}
.chip.OrangeRed {
  --chip-background: rgba(255, 69, 0, 0.4);
  --chip-foreground: #ff4500;
}
.chip.PaleVioletRed {
  --chip-background: rgba(216, 112, 147, 0.4);
  --chip-foreground: #d87093;
}
.chip.Tomato {
  --chip-background: rgba(255, 99, 71, 0.4);
  --chip-foreground: #ff6347;
}
.chip.Crimson {
  --chip-background: rgba(220, 20, 60, 0.4);
  --chip-foreground: #dc143c;
}
.chip.FireBrick {
  --chip-background: rgba(178, 34, 34, 0.4);
  --chip-foreground: #b22222;
}
.chip.Brown {
  --chip-background: rgba(165, 42, 42, 0.4);
  --chip-foreground: #a52a2a;
}
.chip.DarkRed {
  --chip-background: rgba(139, 0, 0, 0.4);
  --chip-foreground: #8b0000;
}
.chip.Maroon {
  --chip-background: rgba(128, 0, 0, 0.4);
  --chip-foreground: #800000;
}
.chip.Red {
  --chip-background: rgba(255, 0, 0, 0.4);
  --chip-foreground: #ff0000;
}
.chip.Tan {
  --chip-background: rgba(210, 180, 140, 0.4);
  --chip-foreground: #d2b48c;
}
.chip.RosyBrown {
  --chip-background: rgba(188, 143, 143, 0.4);
  --chip-foreground: #bc8f8f;
}
.chip.SaddleBrown {
  --chip-background: rgba(139, 69, 19, 0.4);
  --chip-foreground: #8b4513;
}
.chip.Salmon {
  --chip-background: rgba(250, 128, 114, 0.4);
  --chip-foreground: #fa8072;
}
.chip.Sienna {
  --chip-background: rgba(160, 82, 45, 0.4);
  --chip-foreground: #a0522d;
}
.chip.Pink {
  --chip-background: rgba(255, 192, 203, 0.4);
  --chip-foreground: #ffc0cb;
}
.chip.LightPink {
  --chip-background: rgba(255, 182, 193, 0.4);
  --chip-foreground: #ffb6c1;
}
.chip.Plum {
  --chip-background: rgba(221, 160, 221, 0.4);
  --chip-foreground: #dda0dd;
}
.chip.Thistle {
  --chip-background: rgba(216, 191, 216, 0.4);
  --chip-foreground: #d8bfd8;
}
.chip.HotPink {
  --chip-background: rgba(255, 105, 180, 0.4);
  --chip-foreground: #ff69b4;
}
.chip.Orchid {
  --chip-background: rgba(218, 112, 214, 0.4);
  --chip-foreground: #da70d6;
}
.chip.Violet {
  --chip-background: rgba(238, 130, 238, 0.4);
  --chip-foreground: #ee82ee;
}
.chip.Magenta {
  --chip-background: rgba(255, 0, 255, 0.4);
  --chip-foreground: #ff00ff;
}
.chip.Fuchsia {
  --chip-background: rgba(255, 0, 255, 0.4);
  --chip-foreground: #ff00ff;
}
.chip.DeepPink {
  --chip-background: rgba(255, 20, 147, 0.4);
  --chip-foreground: #ff1493;
}
.chip.MediumVioletRed {
  --chip-background: rgba(199, 21, 133, 0.4);
  --chip-foreground: #c71585;
}
.chip.DarkMagenta {
  --chip-background: rgba(139, 0, 139, 0.4);
  --chip-foreground: #8b008b;
}
.chip.BlueViolet {
  --chip-background: rgba(138, 43, 226, 0.4);
  --chip-foreground: #8a2be2;
}
.chip.DarkOrchid {
  --chip-background: rgba(153, 50, 204, 0.4);
  --chip-foreground: #9932cc;
}
.chip.DarkSlateBlue {
  --chip-background: rgba(72, 61, 139, 0.4);
  --chip-foreground: #483d8b;
}
.chip.DarkViolet {
  --chip-background: rgba(148, 0, 211, 0.4);
  --chip-foreground: #9400d3;
}
.chip.Indigo {
  --chip-background: rgba(75, 0, 130, 0.4);
  --chip-foreground: #4b0082;
}
.chip.MediumOrchid {
  --chip-background: rgba(186, 85, 211, 0.4);
  --chip-foreground: #ba55d3;
}
.chip.MediumPurple {
  --chip-background: rgba(147, 112, 216, 0.4);
  --chip-foreground: #9370d8;
}
.chip.MediumSlateBlue {
  --chip-background: rgba(123, 104, 238, 0.4);
  --chip-foreground: #7b68ee;
}
.chip.RebeccaPurple {
  --chip-background: rgba(102, 51, 153, 0.4);
  --chip-foreground: #663399;
}
.chip.Purple {
  --chip-background: rgba(128, 0, 128, 0.4);
  --chip-foreground: #800080;
}
.chip.GhostWhite {
  --chip-background: rgba(248, 248, 255, 0.4);
  --chip-foreground: #f8f8ff;
}
.chip.AliceBlue {
  --chip-background: rgba(240, 248, 255, 0.4);
  --chip-foreground: #f0f8ff;
}
.chip.Lavender {
  --chip-background: rgba(230, 230, 250, 0.4);
  --chip-foreground: #e6e6fa;
}
.chip.LightBlue {
  --chip-background: rgba(173, 216, 230, 0.4);
  --chip-foreground: #add8e6;
}
.chip.LightCyan {
  --chip-background: rgba(224, 255, 255, 0.4);
  --chip-foreground: #e0ffff;
}
.chip.LightSkyBlue {
  --chip-background: rgba(135, 206, 250, 0.4);
  --chip-foreground: #87cefa;
}
.chip.LightSlateGray {
  --chip-background: rgba(119, 136, 153, 0.4);
  --chip-foreground: #778899;
}
.chip.LightSlateGrey {
  --chip-background: rgba(119, 136, 153, 0.4);
  --chip-foreground: #778899;
}
.chip.LightSteelBlue {
  --chip-background: rgba(176, 196, 222, 0.4);
  --chip-foreground: #b0c4de;
}
.chip.PaleTurquoise {
  --chip-background: rgba(175, 238, 238, 0.4);
  --chip-foreground: #afeeee;
}
.chip.PowderBlue {
  --chip-background: rgba(176, 224, 230, 0.4);
  --chip-foreground: #b0e0e6;
}
.chip.SkyBlue {
  --chip-background: rgba(135, 206, 235, 0.4);
  --chip-foreground: #87ceeb;
}
.chip.SlateGray {
  --chip-background: rgba(112, 128, 144, 0.4);
  --chip-foreground: #708090;
}
.chip.SlateGrey {
  --chip-background: rgba(112, 128, 144, 0.4);
  --chip-foreground: #708090;
}
.chip.Aquamarine {
  --chip-background: rgba(127, 255, 212, 0.4);
  --chip-foreground: #7fffd4;
}
.chip.CadetBlue {
  --chip-background: rgba(95, 158, 160, 0.4);
  --chip-foreground: #5f9ea0;
}
.chip.CornflowerBlue {
  --chip-background: rgba(100, 149, 237, 0.4);
  --chip-foreground: #6495ed;
}
.chip.Blue {
  --chip-background: rgba(0, 0, 255, 0.4);
  --chip-foreground: #0000ff;
}
.chip.DarkBlue {
  --chip-background: rgba(0, 0, 139, 0.4);
  --chip-foreground: #00008b;
}
.chip.DarkTurquoise {
  --chip-background: rgba(0, 206, 209, 0.4);
  --chip-foreground: #00ced1;
}
.chip.DeepSkyBlue {
  --chip-background: rgba(0, 191, 255, 0.4);
  --chip-foreground: #00bfff;
}
.chip.DodgerBlue {
  --chip-background: rgba(30, 144, 255, 0.4);
  --chip-foreground: #1e90ff;
}
.chip.RoyalBlue {
  --chip-background: rgba(65, 105, 225, 0.4);
  --chip-foreground: #4169e1;
}
.chip.MediumBlue {
  --chip-background: rgba(0, 0, 205, 0.4);
  --chip-foreground: #0000cd;
}
.chip.MidnightBlue {
  --chip-background: rgba(25, 25, 112, 0.4);
  --chip-foreground: #191970;
}
.chip.Navy {
  --chip-background: rgba(0, 0, 128, 0.4);
  --chip-foreground: #000080;
}
.chip.SlateBlue {
  --chip-background: rgba(106, 90, 205, 0.4);
  --chip-foreground: #6a5acd;
}
.chip.MediumTurquoise {
  --chip-background: rgba(72, 209, 204, 0.4);
  --chip-foreground: #48d1cc;
}
.chip.Cyan {
  --chip-background: rgba(0, 255, 255, 0.4);
  --chip-foreground: #00ffff;
}
.chip.Aqua {
  --chip-background: rgba(0, 255, 255, 0.4);
  --chip-foreground: #00ffff;
}
.chip.SteelBlue {
  --chip-background: rgba(70, 130, 180, 0.4);
  --chip-foreground: #4682b4;
}
.chip.DarkCyan {
  --chip-background: rgba(0, 139, 139, 0.4);
  --chip-foreground: #008b8b;
}
.chip.Teal {
  --chip-background: rgba(0, 128, 128, 0.4);
  --chip-foreground: #008080;
}
.chip.Turquoise {
  --chip-background: rgba(64, 224, 208, 0.4);
  --chip-foreground: #40e0d0;
}
.chip.LightSeaGreen {
  --chip-background: rgba(32, 178, 170, 0.4);
  --chip-foreground: #20b2aa;
}
.chip.transparent {
  --chip-background: rgba(0, 0, 0, 0.4);
  --chip-foreground: rgba(0, 0, 0, 0);
}
/*
<section class="flex-row gap-0">

    <input type="radio" class="tab" name="myRadio" id="r1">
    <label for="r1">My First Radio</label>

    <input type="radio" class="tab" name="myRadio" id="r2">
    <label for="r2">My Second Radio</label>

    <input type="radio" class="tab" name="myRadio" id="r3">
    <label for="r3">My Third Radio</label>

</section>
*/
.tab + label {
  font-size: 0.9em;
  font-weight: 700;
  padding: 0.66em;
  margin-bottom: 0.33em;
  color: inherit;
  border-bottom: #DDD solid 1px;
  cursor: pointer;
  transition: all 250ms ease;
  user-select: none;
}
.tab {
  display: none;
}
.tab:checked + label {
  border-color: var(--primary, var(--blue));
  color: var(--primary, var(--blue));
}
.badge {
  --badge-foreground: #606060;
  --badge-background: #EEE;
  border-radius: 0.75em;
  padding: 0.25em 0.75em;
  font-size: 0.8em;
  font-weight: 700;
  transition: all 200ms ease;
  display: flex;
  align-items: center;
  width: max-content;
  gap: 1em;
  text-decoration: none;
  border: none;
  filter: brightness(100%);
  color: var(--badge-foreground);
  background-color: var(--badge-background);
}
.badge.clickable {
  cursor: pointer;
}
.badge.clickable:hover {
  filter: brightness(130%);
}
.badge.white {
  --badge-foreground: black;
  --badge-background: #FFF;
}
.badge.lightgray {
  --badge-foreground: black;
  --badge-background: #FAFAFA;
}
.badge.gray {
  --badge-foreground: black;
  --badge-background: #e9e9ed;
}
.badge.darkgray {
  --badge-foreground: white;
  --badge-background: #323232;
}
.badge.black {
  --badge-foreground: white;
  --badge-background: #000;
}
.badge.red {
  --badge-foreground: white;
  --badge-background: hsl(7, 82%, 55%);
}
.badge.orange {
  --badge-foreground: white;
  --badge-background: hsl(33, 100%, 50%);
}
.badge.yellow {
  --badge-foreground: black;
  --badge-background: hsl(53, 100%, 50%);
}
.badge.green {
  --badge-foreground: white;
  --badge-background: hsl(146, 70%, 42%);
}
.badge.turquoise {
  --badge-foreground: white;
  --badge-background: hsl(172, 100%, 37%);
}
.badge.blue {
  --badge-foreground: white;
  --badge-background: hsl(202, 100%, 50%);
}
.badge.indigo {
  --badge-foreground: white;
  --badge-background: hsl(242, 88%, 67%);
}
.badge.violet {
  --badge-foreground: white;
  --badge-background: hsl(272, 100%, 58%);
}
.badge.Ivory {
  --badge-foreground: black;
  --badge-background: Ivory;
}
.badge.Beige {
  --badge-foreground: black;
  --badge-background: Beige;
}
.badge.AntiqueWhite {
  --badge-foreground: black;
  --badge-background: AntiqueWhite;
}
.badge.LemonChiffon {
  --badge-foreground: black;
  --badge-background: LemonChiffon;
}
.badge.LightGoldenRodYellow {
  --badge-foreground: black;
  --badge-background: LightGoldenRodYellow;
}
.badge.LightYellow {
  --badge-foreground: black;
  --badge-background: LightYellow;
}
.badge.Linen {
  --badge-foreground: black;
  --badge-background: Linen;
}
.badge.PaleGoldenRod {
  --badge-foreground: black;
  --badge-background: PaleGoldenRod;
}
.badge.Bisque {
  --badge-foreground: black;
  --badge-background: Bisque;
}
.badge.BlanchedAlmond {
  --badge-foreground: black;
  --badge-background: BlanchedAlmond;
}
.badge.BurlyWood {
  --badge-foreground: black;
  --badge-background: BurlyWood;
}
.badge.Khaki {
  --badge-foreground: black;
  --badge-background: Khaki;
}
.badge.DarkKhaki {
  --badge-foreground: black;
  --badge-background: DarkKhaki;
}
.badge.Gold {
  --badge-foreground: black;
  --badge-background: Gold;
}
.badge.GoldenRod {
  --badge-foreground: white;
  --badge-background: GoldenRod;
}
.badge.Yellow {
  --badge-foreground: black;
  --badge-background: Yellow;
}
.badge.White {
  --badge-foreground: black;
  --badge-background: White;
}
.badge.Snow {
  --badge-foreground: black;
  --badge-background: Snow;
}
.badge.Azure {
  --badge-foreground: black;
  --badge-background: Azure;
}
.badge.WhiteSmoke {
  --badge-foreground: black;
  --badge-background: WhiteSmoke;
}
.badge.Gainsboro {
  --badge-foreground: black;
  --badge-background: Gainsboro;
}
.badge.LightGray {
  --badge-foreground: black;
  --badge-background: LightGray;
}
.badge.LightGrey {
  --badge-foreground: black;
  --badge-background: LightGrey;
}
.badge.Silver {
  --badge-foreground: black;
  --badge-background: Silver;
}
.badge.DarkGray {
  --badge-foreground: white;
  --badge-background: DarkGray;
}
.badge.DarkGrey {
  --badge-foreground: white;
  --badge-background: DarkGrey;
}
.badge.Gray {
  --badge-foreground: white;
  --badge-background: Gray;
}
.badge.Grey {
  --badge-foreground: white;
  --badge-background: Grey;
}
.badge.DimGray {
  --badge-foreground: white;
  --badge-background: DimGray;
}
.badge.DimGrey {
  --badge-foreground: white;
  --badge-background: DimGrey;
}
.badge.Black {
  --badge-foreground: white;
  --badge-background: Black;
}
.badge.HoneyDew {
  --badge-foreground: black;
  --badge-background: HoneyDew;
}
.badge.FloralWhite {
  --badge-foreground: black;
  --badge-background: FloralWhite;
}
.badge.MintCream {
  --badge-foreground: black;
  --badge-background: MintCream;
}
.badge.YellowGreen {
  --badge-foreground: black;
  --badge-background: YellowGreen;
}
.badge.LightGreen {
  --badge-foreground: black;
  --badge-background: LightGreen;
}
.badge.PaleGreen {
  --badge-foreground: black;
  --badge-background: PaleGreen;
}
.badge.GreenYellow {
  --badge-foreground: black;
  --badge-background: GreenYellow;
}
.badge.Chartreuse {
  --badge-foreground: black;
  --badge-background: Chartreuse;
}
.badge.LawnGreen {
  --badge-foreground: black;
  --badge-background: LawnGreen;
}
.badge.Lime {
  --badge-foreground: black;
  --badge-background: Lime;
}
.badge.LimeGreen {
  --badge-foreground: black;
  --badge-background: LimeGreen;
}
.badge.MediumSpringGreen {
  --badge-foreground: black;
  --badge-background: MediumSpringGreen;
}
.badge.SpringGreen {
  --badge-foreground: black;
  --badge-background: SpringGreen;
}
.badge.MediumAquaMarine {
  --badge-foreground: black;
  --badge-background: MediumAquaMarine;
}
.badge.MediumSeaGreen {
  --badge-foreground: white;
  --badge-background: MediumSeaGreen;
}
.badge.OliveDrab {
  --badge-foreground: white;
  --badge-background: OliveDrab;
}
.badge.Olive {
  --badge-foreground: white;
  --badge-background: Olive;
}
.badge.DarkOliveGreen {
  --badge-foreground: white;
  --badge-background: DarkOliveGreen;
}
.badge.DarkSeaGreen {
  --badge-foreground: black;
  --badge-background: DarkSeaGreen;
}
.badge.Green {
  --badge-foreground: white;
  --badge-background: Green;
}
.badge.DarkGreen {
  --badge-foreground: white;
  --badge-background: DarkGreen;
}
.badge.DarkSlateGray {
  --badge-foreground: white;
  --badge-background: DarkSlateGray;
}
.badge.DarkSlateGrey {
  --badge-foreground: white;
  --badge-background: DarkSlateGrey;
}
.badge.ForestGreen {
  --badge-foreground: white;
  --badge-background: ForestGreen;
}
.badge.SeaGreen {
  --badge-foreground: white;
  --badge-background: SeaGreen;
}
.badge.SeaShell {
  --badge-foreground: black;
  --badge-background: SeaShell;
}
.badge.LavenderBlush {
  --badge-foreground: black;
  --badge-background: LavenderBlush;
}
.badge.Cornsilk {
  --badge-foreground: black;
  --badge-background: Cornsilk;
}
.badge.MistyRose {
  --badge-foreground: black;
  --badge-background: MistyRose;
}
.badge.Moccasin {
  --badge-foreground: black;
  --badge-background: Moccasin;
}
.badge.NavajoWhite {
  --badge-foreground: black;
  --badge-background: NavajoWhite;
}
.badge.OldLace {
  --badge-foreground: black;
  --badge-background: OldLace;
}
.badge.PapayaWhip {
  --badge-foreground: black;
  --badge-background: PapayaWhip;
}
.badge.PeachPuff {
  --badge-foreground: black;
  --badge-background: PeachPuff;
}
.badge.Wheat {
  --badge-foreground: black;
  --badge-background: Wheat;
}
.badge.Coral {
  --badge-foreground: white;
  --badge-background: Coral;
}
.badge.DarkGoldenRod {
  --badge-foreground: white;
  --badge-background: DarkGoldenRod;
}
.badge.Chocolate {
  --badge-foreground: white;
  --badge-background: Chocolate;
}
.badge.DarkOrange {
  --badge-foreground: white;
  --badge-background: DarkOrange;
}
.badge.Orange {
  --badge-foreground: black;
  --badge-background: Orange;
}
.badge.SandyBrown {
  --badge-foreground: black;
  --badge-background: SandyBrown;
}
.badge.Peru {
  --badge-foreground: white;
  --badge-background: Peru;
}
.badge.DarkSalmon {
  --badge-foreground: white;
  --badge-background: DarkSalmon;
}
.badge.LightSalmon {
  --badge-foreground: black;
  --badge-background: LightSalmon;
}
.badge.LightCoral {
  --badge-foreground: white;
  --badge-background: LightCoral;
}
.badge.IndianRed {
  --badge-foreground: white;
  --badge-background: IndianRed;
}
.badge.OrangeRed {
  --badge-foreground: white;
  --badge-background: OrangeRed;
}
.badge.PaleVioletRed {
  --badge-foreground: white;
  --badge-background: PaleVioletRed;
}
.badge.Tomato {
  --badge-foreground: white;
  --badge-background: Tomato;
}
.badge.Crimson {
  --badge-foreground: white;
  --badge-background: Crimson;
}
.badge.FireBrick {
  --badge-foreground: white;
  --badge-background: FireBrick;
}
.badge.Brown {
  --badge-foreground: white;
  --badge-background: Brown;
}
.badge.DarkRed {
  --badge-foreground: white;
  --badge-background: DarkRed;
}
.badge.Maroon {
  --badge-foreground: white;
  --badge-background: Maroon;
}
.badge.Red {
  --badge-foreground: white;
  --badge-background: Red;
}
.badge.Tan {
  --badge-foreground: black;
  --badge-background: Tan;
}
.badge.RosyBrown {
  --badge-foreground: white;
  --badge-background: RosyBrown;
}
.badge.SaddleBrown {
  --badge-foreground: white;
  --badge-background: SaddleBrown;
}
.badge.Salmon {
  --badge-foreground: white;
  --badge-background: Salmon;
}
.badge.Sienna {
  --badge-foreground: white;
  --badge-background: Sienna;
}
.badge.Pink {
  --badge-foreground: black;
  --badge-background: Pink;
}
.badge.LightPink {
  --badge-foreground: black;
  --badge-background: LightPink;
}
.badge.Plum {
  --badge-foreground: black;
  --badge-background: Plum;
}
.badge.Thistle {
  --badge-foreground: black;
  --badge-background: Thistle;
}
.badge.HotPink {
  --badge-foreground: white;
  --badge-background: HotPink;
}
.badge.Orchid {
  --badge-foreground: white;
  --badge-background: Orchid;
}
.badge.Violet {
  --badge-foreground: white;
  --badge-background: Violet;
}
.badge.Magenta {
  --badge-foreground: white;
  --badge-background: Magenta;
}
.badge.Fuchsia {
  --badge-foreground: white;
  --badge-background: Fuchsia;
}
.badge.DeepPink {
  --badge-foreground: white;
  --badge-background: DeepPink;
}
.badge.MediumVioletRed {
  --badge-foreground: white;
  --badge-background: MediumVioletRed;
}
.badge.DarkMagenta {
  --badge-foreground: white;
  --badge-background: DarkMagenta;
}
.badge.BlueViolet {
  --badge-foreground: white;
  --badge-background: BlueViolet;
}
.badge.DarkOrchid {
  --badge-foreground: white;
  --badge-background: DarkOrchid;
}
.badge.DarkSlateBlue {
  --badge-foreground: white;
  --badge-background: DarkSlateBlue;
}
.badge.DarkViolet {
  --badge-foreground: white;
  --badge-background: DarkViolet;
}
.badge.Indigo {
  --badge-foreground: white;
  --badge-background: Indigo;
}
.badge.MediumOrchid {
  --badge-foreground: white;
  --badge-background: MediumOrchid;
}
.badge.MediumPurple {
  --badge-foreground: white;
  --badge-background: MediumPurple;
}
.badge.MediumSlateBlue {
  --badge-foreground: white;
  --badge-background: MediumSlateBlue;
}
.badge.RebeccaPurple {
  --badge-foreground: white;
  --badge-background: RebeccaPurple;
}
.badge.Purple {
  --badge-foreground: white;
  --badge-background: Purple;
}
.badge.GhostWhite {
  --badge-foreground: black;
  --badge-background: GhostWhite;
}
.badge.AliceBlue {
  --badge-foreground: black;
  --badge-background: AliceBlue;
}
.badge.Lavender {
  --badge-foreground: black;
  --badge-background: Lavender;
}
.badge.LightBlue {
  --badge-foreground: black;
  --badge-background: LightBlue;
}
.badge.LightCyan {
  --badge-foreground: black;
  --badge-background: LightCyan;
}
.badge.LightSkyBlue {
  --badge-foreground: black;
  --badge-background: LightSkyBlue;
}
.badge.LightSlateGray {
  --badge-foreground: white;
  --badge-background: LightSlateGray;
}
.badge.LightSlateGrey {
  --badge-foreground: white;
  --badge-background: LightSlateGrey;
}
.badge.LightSteelBlue {
  --badge-foreground: black;
  --badge-background: LightSteelBlue;
}
.badge.PaleTurquoise {
  --badge-foreground: black;
  --badge-background: PaleTurquoise;
}
.badge.PowderBlue {
  --badge-foreground: black;
  --badge-background: PowderBlue;
}
.badge.SkyBlue {
  --badge-foreground: black;
  --badge-background: SkyBlue;
}
.badge.SlateGray {
  --badge-foreground: white;
  --badge-background: SlateGray;
}
.badge.SlateGrey {
  --badge-foreground: white;
  --badge-background: SlateGrey;
}
.badge.Aquamarine {
  --badge-foreground: black;
  --badge-background: Aquamarine;
}
.badge.CadetBlue {
  --badge-foreground: white;
  --badge-background: CadetBlue;
}
.badge.CornflowerBlue {
  --badge-foreground: white;
  --badge-background: CornflowerBlue;
}
.badge.Blue {
  --badge-foreground: white;
  --badge-background: Blue;
}
.badge.DarkBlue {
  --badge-foreground: white;
  --badge-background: DarkBlue;
}
.badge.DarkTurquoise {
  --badge-foreground: black;
  --badge-background: DarkTurquoise;
}
.badge.DeepSkyBlue {
  --badge-foreground: black;
  --badge-background: DeepSkyBlue;
}
.badge.DodgerBlue {
  --badge-foreground: white;
  --badge-background: DodgerBlue;
}
.badge.RoyalBlue {
  --badge-foreground: white;
  --badge-background: RoyalBlue;
}
.badge.MediumBlue {
  --badge-foreground: white;
  --badge-background: MediumBlue;
}
.badge.MidnightBlue {
  --badge-foreground: white;
  --badge-background: MidnightBlue;
}
.badge.Navy {
  --badge-foreground: white;
  --badge-background: Navy;
}
.badge.SlateBlue {
  --badge-foreground: white;
  --badge-background: SlateBlue;
}
.badge.MediumTurquoise {
  --badge-foreground: black;
  --badge-background: MediumTurquoise;
}
.badge.Cyan {
  --badge-foreground: black;
  --badge-background: Cyan;
}
.badge.Aqua {
  --badge-foreground: black;
  --badge-background: Aqua;
}
.badge.SteelBlue {
  --badge-foreground: white;
  --badge-background: SteelBlue;
}
.badge.DarkCyan {
  --badge-foreground: white;
  --badge-background: DarkCyan;
}
.badge.Teal {
  --badge-foreground: white;
  --badge-background: Teal;
}
.badge.Turquoise {
  --badge-foreground: black;
  --badge-background: Turquoise;
}
.badge.LightSeaGreen {
  --badge-foreground: white;
  --badge-background: LightSeaGreen;
}
.badge.transparent {
  --badge-foreground: white;
  --badge-background: transparent;
}
.state-span {
  font-size: 0.9em;
  font-weight: 600;
  padding: 0.66em 1em;
  padding-right: 1.33em;
  border-radius: 5em;
  width: max-content;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 0.66em;
}
.notifier-log {
  padding: 1.5em;
  border: solid 1px var(--stealth);
  border-radius: 0.5em;
  position: fixed;
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
  min-width: 25vw;
  background-color: var(--menu-background);
  display: flex;
  flex-direction: row;
  gap: 1em;
}
body.is-mobile .notifier-log {
  font-size: 1.2em;
  width: 80%;
  max-width: 100%;
}
.notify-close-button {
  position: absolute;
  right: 1em;
  top: 1em;
  border-radius: 100%;
  background-color: var(--menu-background);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 200ms ease;
}
.notify-close-button:hover {
  background-color: var(--highlight);
}
.window {
  min-height: 80vh;
  padding: 7%;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
body.is-mobile .window {
  padding: 1em;
}
.night-theme {
  --fg: white;
  --contrast: #4d4d4d;
  --discreet: #999999;
  --stealth: #666666;
  --bg: #2e2e47;
  --highlight: #424266;
  --input-background: #242438;
  --menu-background: #383856;
  --card-bg: #353550;
  --light-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7),
        0px 6px 20px rgba(0, 0, 0, .40);
  --medium-shadow: 0px 3px 1px rgba(0, 0, 0, 0.7),
        0px 6px 12px rgba(0, 0, 0, .40);
  --heavy-shadow: 0px 3px 1px rgba(0, 0, 0, 0.7),
        0px 6px 14px rgba(0, 0, 0, .40);
}
.summary-holder {
  position: fixed;
  left: 2em;
  top: 50%;
  transition: all 200ms ease;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 0.66em;
  opacity: 0.75;
}
.summary-holder:hover {
  opacity: 1;
}
.summary-holder:empty {
  display: none;
}
.summary-holder::before {
  z-index: 100;
  content: '';
  position: absolute;
  background: var(--primary, var(--blue));
  filter: brightness(50%);
  opacity: 0.75;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  padding: 1em;
  transform: translate(-50%, -50%);
}
.summary-holder * {
  z-index: 101;
}
body.is-mobile .summary-holder {
  display: none;
}
.summary-element {
  font-weight: 600;
  color: white;
  cursor: pointer;
  transition: all 250ms ease;
}
.summary-element::before {
  content: '•';
  top: 50%;
  left: 0%;
  transform: translate(-150%, -50%);
}
.summary-element.active {
  font-weight: 700;
  filter: brightness(180%) hue-rotate(180deg);
  color: var(--primary, var(--blue));
}
.summary-element[level='1'] {
  padding-left: 1em;
}
.summary-element[level='2'] {
  padding-left: 2em;
}
.summary-element[level='3'] {
  padding-left: 3em;
}
.summary-element[level='4'] {
  padding-left: 4em;
}
.summary-element[level='3'] + .summary-element[level='2'] {
  margin-top: 0.5em;
}