/*OK-CSS theme **BEACH**  [2023-01-21T08:51:57.205Z] */
/* color references following not intended for use in production! */
:root, *::before, *::after {
  /* Default color variants (deviations) with prefixes*/
  --dark-H-default-deviation: 0;
  --dark-S-default-deviation: 0%;
  --dark-L-default-deviation: -30%;
  --darker-H-default-deviation: 0;
  --darker-S-default-deviation: 0%;
  --darker-L-default-deviation: -15%;
  --sunny-H-default-deviation: 0;
  --sunny-S-default-deviation: 30%;
  --sunny-L-default-deviation: 5%;
  --lighter-H-default-deviation: 0;
  --lighter-S-default-deviation: 0%;
  --lighter-L-default-deviation: 10%;
  --light-H-default-deviation: 0;
  --light-S-default-deviation: 0%;
  --light-L-default-deviation: 15%;
  --hi-H-default-deviation: 0;
  --hi-S-default-deviation: -20%;
  --hi-L-default-deviation: 25%;
  /* PRODUCTION COLORS */
  /* MAIN HAPPY */
  --happy-color-H-frag: 86;
  --happy-color-S-frag: 55%;
  --happy-color-L-frag: 48%;
  --happy-color-HS-frag: var(--happy-color-H-frag) var(--happy-color-S-frag);
  --happy-color-HSL-frag: var(--happy-color-H-frag) var(--happy-color-S-frag) var(--happy-color-L-frag);
  --happy-color: hsl(var(--happy-color-HSL-frag));
  /* DERIVED darkHappy -> derived from happy with: dark default deviation */
  --darkHappy-color-H-frag: calc(var(--happy-color-H-frag) + var(--dark-H-default-deviation));
  --darkHappy-color-S-frag: calc(var(--happy-color-S-frag) + var(--dark-S-default-deviation));
  --darkHappy-color-L-frag: calc(var(--happy-color-L-frag) + var(--dark-L-default-deviation));
  --darkHappy-color-HS-frag: var(--darkHappy-color-H-frag) var(--darkHappy-color-S-frag);
  --darkHappy-color-HSL-frag: var(--darkHappy-color-H-frag) var(--darkHappy-color-S-frag) var(--darkHappy-color-L-frag);
  --darkHappy-color: hsl(var(--darkHappy-color-HSL-frag));
  /* DERIVED darkerHappy -> derived from happy with: darker default deviation */
  --darkerHappy-color-H-frag: calc(var(--happy-color-H-frag) + var(--darker-H-default-deviation));
  --darkerHappy-color-S-frag: calc(var(--happy-color-S-frag) + var(--darker-S-default-deviation));
  --darkerHappy-color-L-frag: calc(var(--happy-color-L-frag) + var(--darker-L-default-deviation));
  --darkerHappy-color-HS-frag: var(--darkerHappy-color-H-frag) var(--darkerHappy-color-S-frag);
  --darkerHappy-color-HSL-frag: var(--darkerHappy-color-H-frag) var(--darkerHappy-color-S-frag) var(--darkerHappy-color-L-frag);
  --darkerHappy-color: hsl(var(--darkerHappy-color-HSL-frag));
  /* DERIVED sunnyHappy -> derived from happy with: sunny default deviation */
  --sunnyHappy-color-H-frag: calc(var(--happy-color-H-frag) + var(--sunny-H-default-deviation));
  --sunnyHappy-color-S-frag: calc(var(--happy-color-S-frag) + var(--sunny-S-default-deviation));
  --sunnyHappy-color-L-frag: calc(var(--happy-color-L-frag) + var(--sunny-L-default-deviation));
  --sunnyHappy-color-HS-frag: var(--sunnyHappy-color-H-frag) var(--sunnyHappy-color-S-frag);
  --sunnyHappy-color-HSL-frag: var(--sunnyHappy-color-H-frag) var(--sunnyHappy-color-S-frag) var(--sunnyHappy-color-L-frag);
  --sunnyHappy-color: hsl(var(--sunnyHappy-color-HSL-frag));
  /* DERIVED lightHappy -> derived from happy with: light default deviation */
  --lightHappy-color-H-frag: calc(var(--happy-color-H-frag) + var(--light-H-default-deviation));
  --lightHappy-color-S-frag: calc(var(--happy-color-S-frag) + var(--light-S-default-deviation));
  --lightHappy-color-L-frag: calc(var(--happy-color-L-frag) + var(--light-L-default-deviation));
  --lightHappy-color-HS-frag: var(--lightHappy-color-H-frag) var(--lightHappy-color-S-frag);
  --lightHappy-color-HSL-frag: var(--lightHappy-color-H-frag) var(--lightHappy-color-S-frag) var(--lightHappy-color-L-frag);
  --lightHappy-color: hsl(var(--lightHappy-color-HSL-frag));
  /* MAIN NEUTRAL */
  --neutral-color-H-frag: 193;
  --neutral-color-S-frag: 76%;
  --neutral-color-L-frag: 44%;
  --neutral-color-HS-frag: var(--neutral-color-H-frag) var(--neutral-color-S-frag);
  --neutral-color-HSL-frag: var(--neutral-color-H-frag) var(--neutral-color-S-frag) var(--neutral-color-L-frag);
  --neutral-color: hsl(var(--neutral-color-HSL-frag));
  /* DERIVED darkerNeutral -> derived from neutral with: darker default deviation */
  --darkerNeutral-color-H-frag: calc(var(--neutral-color-H-frag) + var(--darker-H-default-deviation));
  --darkerNeutral-color-S-frag: calc(var(--neutral-color-S-frag) + var(--darker-S-default-deviation));
  --darkerNeutral-color-L-frag: calc(var(--neutral-color-L-frag) + var(--darker-L-default-deviation));
  --darkerNeutral-color-HS-frag: var(--darkerNeutral-color-H-frag) var(--darkerNeutral-color-S-frag);
  --darkerNeutral-color-HSL-frag: var(--darkerNeutral-color-H-frag) var(--darkerNeutral-color-S-frag) var(--darkerNeutral-color-L-frag);
  --darkerNeutral-color: hsl(var(--darkerNeutral-color-HSL-frag));
  /* DERIVED sunnyNeutral -> derived from neutral with: sunny default deviation */
  --sunnyNeutral-color-H-frag: calc(var(--neutral-color-H-frag) + var(--sunny-H-default-deviation));
  --sunnyNeutral-color-S-frag: calc(var(--neutral-color-S-frag) + var(--sunny-S-default-deviation));
  --sunnyNeutral-color-L-frag: calc(var(--neutral-color-L-frag) + var(--sunny-L-default-deviation));
  --sunnyNeutral-color-HS-frag: var(--sunnyNeutral-color-H-frag) var(--sunnyNeutral-color-S-frag);
  --sunnyNeutral-color-HSL-frag: var(--sunnyNeutral-color-H-frag) var(--sunnyNeutral-color-S-frag) var(--sunnyNeutral-color-L-frag);
  --sunnyNeutral-color: hsl(var(--sunnyNeutral-color-HSL-frag));
  /* DERIVED lighterNeutral -> derived from neutral with: lighter default deviation */
  --lighterNeutral-color-H-frag: calc(var(--neutral-color-H-frag) + var(--lighter-H-default-deviation));
  --lighterNeutral-color-S-frag: calc(var(--neutral-color-S-frag) + var(--lighter-S-default-deviation));
  --lighterNeutral-color-L-frag: calc(var(--neutral-color-L-frag) + var(--lighter-L-default-deviation));
  --lighterNeutral-color-HS-frag: var(--lighterNeutral-color-H-frag) var(--lighterNeutral-color-S-frag);
  --lighterNeutral-color-HSL-frag: var(--lighterNeutral-color-H-frag) var(--lighterNeutral-color-S-frag) var(--lighterNeutral-color-L-frag);
  --lighterNeutral-color: hsl(var(--lighterNeutral-color-HSL-frag));
  /* DERIVED lightNeutral -> derived from neutral with: light default deviation */
  --lightNeutral-color-H-frag: calc(var(--neutral-color-H-frag) + var(--light-H-default-deviation));
  --lightNeutral-color-S-frag: calc(var(--neutral-color-S-frag) + var(--light-S-default-deviation));
  --lightNeutral-color-L-frag: calc(var(--neutral-color-L-frag) + var(--light-L-default-deviation));
  --lightNeutral-color-HS-frag: var(--lightNeutral-color-H-frag) var(--lightNeutral-color-S-frag);
  --lightNeutral-color-HSL-frag: var(--lightNeutral-color-H-frag) var(--lightNeutral-color-S-frag) var(--lightNeutral-color-L-frag);
  --lightNeutral-color: hsl(var(--lightNeutral-color-HSL-frag));
  /* MAIN SAD */
  --sad-color-H-frag: 44;
  --sad-color-S-frag: 83%;
  --sad-color-L-frag: 54%;
  --sad-color-HS-frag: var(--sad-color-H-frag) var(--sad-color-S-frag);
  --sad-color-HSL-frag: var(--sad-color-H-frag) var(--sad-color-S-frag) var(--sad-color-L-frag);
  --sad-color: hsl(var(--sad-color-HSL-frag));
  /* DERIVED darkerSad -> derived from sad with: darker default deviation */
  --darkerSad-color-L-deviation: 6%;
  --darkerSad-color-H-frag: calc(var(--sad-color-H-frag) + var(--darker-H-default-deviation));
  --darkerSad-color-S-frag: calc(var(--sad-color-S-frag) + var(--darker-S-default-deviation));
  --darkerSad-color-L-frag: calc(var(--sad-color-L-frag) + var(--darker-L-default-deviation) + var(--darkerSad-color-L-deviation));
  --darkerSad-color-HS-frag: var(--darkerSad-color-H-frag) var(--darkerSad-color-S-frag);
  --darkerSad-color-HSL-frag: var(--darkerSad-color-H-frag) var(--darkerSad-color-S-frag) var(--darkerSad-color-L-frag);
  --darkerSad-color: hsl(var(--darkerSad-color-HSL-frag));
  /* DERIVED sunnySad -> derived from sad with: sunny default deviation */
  --sunnySad-color-H-frag: calc(var(--sad-color-H-frag) + var(--sunny-H-default-deviation));
  --sunnySad-color-S-frag: calc(var(--sad-color-S-frag) + var(--sunny-S-default-deviation));
  --sunnySad-color-L-frag: calc(var(--sad-color-L-frag) + var(--sunny-L-default-deviation));
  --sunnySad-color-HS-frag: var(--sunnySad-color-H-frag) var(--sunnySad-color-S-frag);
  --sunnySad-color-HSL-frag: var(--sunnySad-color-H-frag) var(--sunnySad-color-S-frag) var(--sunnySad-color-L-frag);
  --sunnySad-color: hsl(var(--sunnySad-color-HSL-frag));
  /* DERIVED lightSad -> derived from sad with: light default deviation */
  --lightSad-color-H-frag: calc(var(--sad-color-H-frag) + var(--light-H-default-deviation));
  --lightSad-color-S-frag: calc(var(--sad-color-S-frag) + var(--light-S-default-deviation));
  --lightSad-color-L-frag: calc(var(--sad-color-L-frag) + var(--light-L-default-deviation));
  --lightSad-color-HS-frag: var(--lightSad-color-H-frag) var(--lightSad-color-S-frag);
  --lightSad-color-HSL-frag: var(--lightSad-color-H-frag) var(--lightSad-color-S-frag) var(--lightSad-color-L-frag);
  --lightSad-color: hsl(var(--lightSad-color-HSL-frag));
  /* MAIN PANIC */
  --panic-color-H-frag: 5;
  --panic-color-S-frag: 80%;
  --panic-color-L-frag: 50%;
  --panic-color-HS-frag: var(--panic-color-H-frag) var(--panic-color-S-frag);
  --panic-color-HSL-frag: var(--panic-color-H-frag) var(--panic-color-S-frag) var(--panic-color-L-frag);
  --panic-color: hsl(var(--panic-color-HSL-frag));
  /* DERIVED darkerPanic -> derived from panic with: darker default deviation */
  --darkerPanic-color-H-frag: calc(var(--panic-color-H-frag) + var(--darker-H-default-deviation));
  --darkerPanic-color-S-frag: calc(var(--panic-color-S-frag) + var(--darker-S-default-deviation));
  --darkerPanic-color-L-frag: calc(var(--panic-color-L-frag) + var(--darker-L-default-deviation));
  --darkerPanic-color-HS-frag: var(--darkerPanic-color-H-frag) var(--darkerPanic-color-S-frag);
  --darkerPanic-color-HSL-frag: var(--darkerPanic-color-H-frag) var(--darkerPanic-color-S-frag) var(--darkerPanic-color-L-frag);
  --darkerPanic-color: hsl(var(--darkerPanic-color-HSL-frag));
  /* DERIVED sunnyPanic -> derived from panic with: sunny default deviation */
  --sunnyPanic-color-H-deviation: 4;
  --sunnyPanic-color-S-deviation: 56%;
  --sunnyPanic-color-L-deviation: 1%;
  --sunnyPanic-color-H-frag: calc(var(--panic-color-H-frag) + var(--sunny-H-default-deviation) + var(--sunnyPanic-color-H-deviation));
  --sunnyPanic-color-S-frag: calc(var(--panic-color-S-frag) + var(--sunny-S-default-deviation) + var(--sunnyPanic-color-S-deviation));
  --sunnyPanic-color-L-frag: calc(var(--panic-color-L-frag) + var(--sunny-L-default-deviation) + var(--sunnyPanic-color-L-deviation));
  --sunnyPanic-color-HS-frag: var(--sunnyPanic-color-H-frag) var(--sunnyPanic-color-S-frag);
  --sunnyPanic-color-HSL-frag: var(--sunnyPanic-color-H-frag) var(--sunnyPanic-color-S-frag) var(--sunnyPanic-color-L-frag);
  --sunnyPanic-color: hsl(var(--sunnyPanic-color-HSL-frag));
  /* MAIN ALIEN */
  --alien-color-H-frag: 277;
  --alien-color-S-frag: 95%;
  --alien-color-L-frag: 64%;
  --alien-color-HS-frag: var(--alien-color-H-frag) var(--alien-color-S-frag);
  --alien-color-HSL-frag: var(--alien-color-H-frag) var(--alien-color-S-frag) var(--alien-color-L-frag);
  --alien-color: hsl(var(--alien-color-HSL-frag));
  /* MAIN INTENSE */
  --intense-color-H-frag: 190;
  --intense-color-S-frag: 100%;
  --intense-color-L-frag: 40%;
  --intense-color-HS-frag: var(--intense-color-H-frag) var(--intense-color-S-frag);
  --intense-color-HSL-frag: var(--intense-color-H-frag) var(--intense-color-S-frag) var(--intense-color-L-frag);
  --intense-color: hsl(var(--intense-color-HSL-frag));
  /* DERIVED darkIntense -> derived from intense with: dark default deviation */
  --darkIntense-color-S-deviation: -4%;
  --darkIntense-color-L-deviation: 12%;
  --darkIntense-color-H-frag: calc(var(--intense-color-H-frag) + var(--dark-H-default-deviation));
  --darkIntense-color-S-frag: calc(var(--intense-color-S-frag) + var(--dark-S-default-deviation) + var(--darkIntense-color-S-deviation));
  --darkIntense-color-L-frag: calc(var(--intense-color-L-frag) + var(--dark-L-default-deviation) + var(--darkIntense-color-L-deviation));
  --darkIntense-color-HS-frag: var(--darkIntense-color-H-frag) var(--darkIntense-color-S-frag);
  --darkIntense-color-HSL-frag: var(--darkIntense-color-H-frag) var(--darkIntense-color-S-frag) var(--darkIntense-color-L-frag);
  --darkIntense-color: hsl(var(--darkIntense-color-HSL-frag));
  /* DERIVED darkerIntense -> derived from intense with: darker default deviation */
  --darkerIntense-color-H-frag: calc(var(--intense-color-H-frag) + var(--darker-H-default-deviation));
  --darkerIntense-color-S-frag: calc(var(--intense-color-S-frag) + var(--darker-S-default-deviation));
  --darkerIntense-color-L-frag: calc(var(--intense-color-L-frag) + var(--darker-L-default-deviation));
  --darkerIntense-color-HS-frag: var(--darkerIntense-color-H-frag) var(--darkerIntense-color-S-frag);
  --darkerIntense-color-HSL-frag: var(--darkerIntense-color-H-frag) var(--darkerIntense-color-S-frag) var(--darkerIntense-color-L-frag);
  --darkerIntense-color: hsl(var(--darkerIntense-color-HSL-frag));
  /* DERIVED lighterIntense -> derived from intense with: lighter default deviation */
  --lighterIntense-color-H-frag: calc(var(--intense-color-H-frag) + var(--lighter-H-default-deviation));
  --lighterIntense-color-S-frag: calc(var(--intense-color-S-frag) + var(--lighter-S-default-deviation));
  --lighterIntense-color-L-frag: calc(var(--intense-color-L-frag) + var(--lighter-L-default-deviation));
  --lighterIntense-color-HS-frag: var(--lighterIntense-color-H-frag) var(--lighterIntense-color-S-frag);
  --lighterIntense-color-HSL-frag: var(--lighterIntense-color-H-frag) var(--lighterIntense-color-S-frag) var(--lighterIntense-color-L-frag);
  --lighterIntense-color: hsl(var(--lighterIntense-color-HSL-frag));
  /* DERIVED hiIntense -> derived from intense with: hi default deviation */
  --hiIntense-color-H-deviation: -10;
  --hiIntense-color-S-deviation: 20%;
  --hiIntense-color-L-deviation: -17%;
  --hiIntense-color-H-frag: calc(var(--intense-color-H-frag) + var(--hi-H-default-deviation) + var(--hiIntense-color-H-deviation));
  --hiIntense-color-S-frag: calc(var(--intense-color-S-frag) + var(--hi-S-default-deviation) + var(--hiIntense-color-S-deviation));
  --hiIntense-color-L-frag: calc(var(--intense-color-L-frag) + var(--hi-L-default-deviation) + var(--hiIntense-color-L-deviation));
  --hiIntense-color-HS-frag: var(--hiIntense-color-H-frag) var(--hiIntense-color-S-frag);
  --hiIntense-color-HSL-frag: var(--hiIntense-color-H-frag) var(--hiIntense-color-S-frag) var(--hiIntense-color-L-frag);
  --hiIntense-color: hsl(var(--hiIntense-color-HSL-frag));
  /* MAIN SIGNAL */
  --signal-color-H-frag: 14;
  --signal-color-S-frag: 88%;
  --signal-color-L-frag: 52%;
  --signal-color-HS-frag: var(--signal-color-H-frag) var(--signal-color-S-frag);
  --signal-color-HSL-frag: var(--signal-color-H-frag) var(--signal-color-S-frag) var(--signal-color-L-frag);
  --signal-color: hsl(var(--signal-color-HSL-frag));
  /* DERIVED darkSignal -> derived from signal with: dark default deviation */
  --darkSignal-color-S-deviation: 0%;
  --darkSignal-color-L-deviation: 10%;
  --darkSignal-color-H-frag: calc(var(--signal-color-H-frag) + var(--dark-H-default-deviation));
  --darkSignal-color-S-frag: calc(var(--signal-color-S-frag) + var(--dark-S-default-deviation) + var(--darkSignal-color-S-deviation));
  --darkSignal-color-L-frag: calc(var(--signal-color-L-frag) + var(--dark-L-default-deviation) + var(--darkSignal-color-L-deviation));
  --darkSignal-color-HS-frag: var(--darkSignal-color-H-frag) var(--darkSignal-color-S-frag);
  --darkSignal-color-HSL-frag: var(--darkSignal-color-H-frag) var(--darkSignal-color-S-frag) var(--darkSignal-color-L-frag);
  --darkSignal-color: hsl(var(--darkSignal-color-HSL-frag));
  /* MAIN DAY */
  --day-color-H-frag: 50;
  --day-color-S-frag: 33%;
  --day-color-L-frag: 63%;
  --day-color-HS-frag: var(--day-color-H-frag) var(--day-color-S-frag);
  --day-color-HSL-frag: var(--day-color-H-frag) var(--day-color-S-frag) var(--day-color-L-frag);
  --day-color: hsl(var(--day-color-HSL-frag));
  /* DERIVED sunnyDay -> derived from day with: sunny default deviation */
  --sunnyDay-color-S-deviation: 12%;
  --sunnyDay-color-L-deviation: -5%;
  --sunnyDay-color-H-frag: calc(var(--day-color-H-frag) + var(--sunny-H-default-deviation));
  --sunnyDay-color-S-frag: calc(var(--day-color-S-frag) + var(--sunny-S-default-deviation) + var(--sunnyDay-color-S-deviation));
  --sunnyDay-color-L-frag: calc(var(--day-color-L-frag) + var(--sunny-L-default-deviation) + var(--sunnyDay-color-L-deviation));
  --sunnyDay-color-HS-frag: var(--sunnyDay-color-H-frag) var(--sunnyDay-color-S-frag);
  --sunnyDay-color-HSL-frag: var(--sunnyDay-color-H-frag) var(--sunnyDay-color-S-frag) var(--sunnyDay-color-L-frag);
  --sunnyDay-color: hsl(var(--sunnyDay-color-HSL-frag));
  /* DERIVED lighterDay -> derived from day with: lighter default deviation */
  --lighterDay-color-H-frag: calc(var(--day-color-H-frag) + var(--lighter-H-default-deviation));
  --lighterDay-color-S-frag: calc(var(--day-color-S-frag) + var(--lighter-S-default-deviation));
  --lighterDay-color-L-frag: calc(var(--day-color-L-frag) + var(--lighter-L-default-deviation));
  --lighterDay-color-HS-frag: var(--lighterDay-color-H-frag) var(--lighterDay-color-S-frag);
  --lighterDay-color-HSL-frag: var(--lighterDay-color-H-frag) var(--lighterDay-color-S-frag) var(--lighterDay-color-L-frag);
  --lighterDay-color: hsl(var(--lighterDay-color-HSL-frag));
  /* DERIVED lightDay -> derived from day with: light default deviation */
  --lightDay-color-H-frag: calc(var(--day-color-H-frag) + var(--light-H-default-deviation));
  --lightDay-color-S-frag: calc(var(--day-color-S-frag) + var(--light-S-default-deviation));
  --lightDay-color-L-frag: calc(var(--day-color-L-frag) + var(--light-L-default-deviation));
  --lightDay-color-HS-frag: var(--lightDay-color-H-frag) var(--lightDay-color-S-frag);
  --lightDay-color-HSL-frag: var(--lightDay-color-H-frag) var(--lightDay-color-S-frag) var(--lightDay-color-L-frag);
  --lightDay-color: hsl(var(--lightDay-color-HSL-frag));
  /* MAIN NOON */
  --noon-color-H-frag: 60;
  --noon-color-S-frag: 16%;
  --noon-color-L-frag: 72%;
  --noon-color-HS-frag: var(--noon-color-H-frag) var(--noon-color-S-frag);
  --noon-color-HSL-frag: var(--noon-color-H-frag) var(--noon-color-S-frag) var(--noon-color-L-frag);
  --noon-color: hsl(var(--noon-color-HSL-frag));
  /* DERIVED darkNoon -> derived from noon with: dark default deviation */
  --darkNoon-color-S-deviation: 0%;
  --darkNoon-color-L-deviation: -28%;
  --darkNoon-color-H-frag: calc(var(--noon-color-H-frag) + var(--dark-H-default-deviation));
  --darkNoon-color-S-frag: calc(var(--noon-color-S-frag) + var(--dark-S-default-deviation) + var(--darkNoon-color-S-deviation));
  --darkNoon-color-L-frag: calc(var(--noon-color-L-frag) + var(--dark-L-default-deviation) + var(--darkNoon-color-L-deviation));
  --darkNoon-color-HS-frag: var(--darkNoon-color-H-frag) var(--darkNoon-color-S-frag);
  --darkNoon-color-HSL-frag: var(--darkNoon-color-H-frag) var(--darkNoon-color-S-frag) var(--darkNoon-color-L-frag);
  --darkNoon-color: hsl(var(--darkNoon-color-HSL-frag));
  /* DERIVED darkerNoon -> derived from noon with: darker default deviation */
  --darkerNoon-color-H-frag: calc(var(--noon-color-H-frag) + var(--darker-H-default-deviation));
  --darkerNoon-color-S-frag: calc(var(--noon-color-S-frag) + var(--darker-S-default-deviation));
  --darkerNoon-color-L-frag: calc(var(--noon-color-L-frag) + var(--darker-L-default-deviation));
  --darkerNoon-color-HS-frag: var(--darkerNoon-color-H-frag) var(--darkerNoon-color-S-frag);
  --darkerNoon-color-HSL-frag: var(--darkerNoon-color-H-frag) var(--darkerNoon-color-S-frag) var(--darkerNoon-color-L-frag);
  --darkerNoon-color: hsl(var(--darkerNoon-color-HSL-frag));
  /* DERIVED sunnyNoon -> derived from noon with: sunny default deviation */
  --sunnyNoon-color-H-frag: calc(var(--noon-color-H-frag) + var(--sunny-H-default-deviation));
  --sunnyNoon-color-S-frag: calc(var(--noon-color-S-frag) + var(--sunny-S-default-deviation));
  --sunnyNoon-color-L-frag: calc(var(--noon-color-L-frag) + var(--sunny-L-default-deviation));
  --sunnyNoon-color-HS-frag: var(--sunnyNoon-color-H-frag) var(--sunnyNoon-color-S-frag);
  --sunnyNoon-color-HSL-frag: var(--sunnyNoon-color-H-frag) var(--sunnyNoon-color-S-frag) var(--sunnyNoon-color-L-frag);
  --sunnyNoon-color: hsl(var(--sunnyNoon-color-HSL-frag));
  /* DERIVED lighterNoon -> derived from noon with: lighter default deviation */
  --lighterNoon-color-H-frag: calc(var(--noon-color-H-frag) + var(--lighter-H-default-deviation));
  --lighterNoon-color-S-frag: calc(var(--noon-color-S-frag) + var(--lighter-S-default-deviation));
  --lighterNoon-color-L-frag: calc(var(--noon-color-L-frag) + var(--lighter-L-default-deviation));
  --lighterNoon-color-HS-frag: var(--lighterNoon-color-H-frag) var(--lighterNoon-color-S-frag);
  --lighterNoon-color-HSL-frag: var(--lighterNoon-color-H-frag) var(--lighterNoon-color-S-frag) var(--lighterNoon-color-L-frag);
  --lighterNoon-color: hsl(var(--lighterNoon-color-HSL-frag));
  /* DERIVED lightNoon -> derived from noon with: light default deviation */
  --lightNoon-color-H-frag: calc(var(--noon-color-H-frag) + var(--light-H-default-deviation));
  --lightNoon-color-S-frag: calc(var(--noon-color-S-frag) + var(--light-S-default-deviation));
  --lightNoon-color-L-frag: calc(var(--noon-color-L-frag) + var(--light-L-default-deviation));
  --lightNoon-color-HS-frag: var(--lightNoon-color-H-frag) var(--lightNoon-color-S-frag);
  --lightNoon-color-HSL-frag: var(--lightNoon-color-H-frag) var(--lightNoon-color-S-frag) var(--lightNoon-color-L-frag);
  --lightNoon-color: hsl(var(--lightNoon-color-HSL-frag));
  /* DERIVED hiNoon -> derived from noon with: hi default deviation */
  --hiNoon-color-S-deviation: 20%;
  --hiNoon-color-L-deviation: -2%;
  --hiNoon-color-H-frag: calc(var(--noon-color-H-frag) + var(--hi-H-default-deviation));
  --hiNoon-color-S-frag: calc(var(--noon-color-S-frag) + var(--hi-S-default-deviation) + var(--hiNoon-color-S-deviation));
  --hiNoon-color-L-frag: calc(var(--noon-color-L-frag) + var(--hi-L-default-deviation) + var(--hiNoon-color-L-deviation));
  --hiNoon-color-HS-frag: var(--hiNoon-color-H-frag) var(--hiNoon-color-S-frag);
  --hiNoon-color-HSL-frag: var(--hiNoon-color-H-frag) var(--hiNoon-color-S-frag) var(--hiNoon-color-L-frag);
  --hiNoon-color: hsl(var(--hiNoon-color-HSL-frag));
  /* MAIN NIGHT */
  --night-color-H-frag: 186;
  --night-color-S-frag: 94%;
  --night-color-L-frag: 7%;
  --night-color-HS-frag: var(--night-color-H-frag) var(--night-color-S-frag);
  --night-color-HSL-frag: var(--night-color-H-frag) var(--night-color-S-frag) var(--night-color-L-frag);
  --night-color: hsl(var(--night-color-HSL-frag));
  /* DERIVED sunnyNight -> derived from night with: sunny default deviation */
  --sunnyNight-color-H-frag: calc(var(--night-color-H-frag) + var(--sunny-H-default-deviation));
  --sunnyNight-color-S-frag: calc(var(--night-color-S-frag) + var(--sunny-S-default-deviation));
  --sunnyNight-color-L-frag: calc(var(--night-color-L-frag) + var(--sunny-L-default-deviation));
  --sunnyNight-color-HS-frag: var(--sunnyNight-color-H-frag) var(--sunnyNight-color-S-frag);
  --sunnyNight-color-HSL-frag: var(--sunnyNight-color-H-frag) var(--sunnyNight-color-S-frag) var(--sunnyNight-color-L-frag);
  --sunnyNight-color: hsl(var(--sunnyNight-color-HSL-frag));
  /* DERIVED lighterNight -> derived from night with: lighter default deviation */
  --lighterNight-color-S-deviation: 0%;
  --lighterNight-color-L-deviation: -8%;
  --lighterNight-color-H-frag: calc(var(--night-color-H-frag) + var(--lighter-H-default-deviation));
  --lighterNight-color-S-frag: calc(var(--night-color-S-frag) + var(--lighter-S-default-deviation) + var(--lighterNight-color-S-deviation));
  --lighterNight-color-L-frag: calc(var(--night-color-L-frag) + var(--lighter-L-default-deviation) + var(--lighterNight-color-L-deviation));
  --lighterNight-color-HS-frag: var(--lighterNight-color-H-frag) var(--lighterNight-color-S-frag);
  --lighterNight-color-HSL-frag: var(--lighterNight-color-H-frag) var(--lighterNight-color-S-frag) var(--lighterNight-color-L-frag);
  --lighterNight-color: hsl(var(--lighterNight-color-HSL-frag));
  /* DERIVED lightNight -> derived from night with: light default deviation */
  --lightNight-color-H-frag: calc(var(--night-color-H-frag) + var(--light-H-default-deviation));
  --lightNight-color-S-frag: calc(var(--night-color-S-frag) + var(--light-S-default-deviation));
  --lightNight-color-L-frag: calc(var(--night-color-L-frag) + var(--light-L-default-deviation));
  --lightNight-color-HS-frag: var(--lightNight-color-H-frag) var(--lightNight-color-S-frag);
  --lightNight-color-HSL-frag: var(--lightNight-color-H-frag) var(--lightNight-color-S-frag) var(--lightNight-color-L-frag);
  --lightNight-color: hsl(var(--lightNight-color-HSL-frag));
  /* DERIVED hiNight -> derived from night with: hi default deviation */
  --hiNight-color-H-frag: calc(var(--night-color-H-frag) + var(--hi-H-default-deviation));
  --hiNight-color-S-frag: calc(var(--night-color-S-frag) + var(--hi-S-default-deviation));
  --hiNight-color-L-frag: calc(var(--night-color-L-frag) + var(--hi-L-default-deviation));
  --hiNight-color-HS-frag: var(--hiNight-color-H-frag) var(--hiNight-color-S-frag);
  --hiNight-color-HSL-frag: var(--hiNight-color-H-frag) var(--hiNight-color-S-frag) var(--hiNight-color-L-frag);
  --hiNight-color: hsl(var(--hiNight-color-HSL-frag));
}