:root {
  --4__: clamp(0.5rem, 0.4vw - 0.14rem, 0.28rem);
  --4_: clamp(0.09rem, 0.21vw + 0.06rem, 0.28rem);
  --4: clamp(0.14rem, 0.14vw + 0.13rem, 0.28rem);
  --4-: clamp(0.23rem, 0.07vw + 0.19rem, 0.28rem);
  --8__: clamp(0.5rem, 0.79vw - 0.28rem, 0.56rem);
  --8_: clamp(0.17rem, 0.42vw + 0.13rem, 0.56rem);
  --8: clamp(0.28rem, 0.28vw + 0.25rem, 0.56rem);
  --8-: clamp(0.45rem, 0.14vw + 0.38rem, 0.56rem);
  --16__: clamp(0.5rem, 1.58vw - 0.56rem, 1.11rem);
  --16_: clamp(0.35rem, 0.83vw + 0.25rem, 1.11rem);
  --16: clamp(0.56rem, 0.56vw + 0.5rem, 1.11rem);
  --16-: clamp(0.91rem, 0.28vw + 0.75rem, 1.11rem);
  --32__: clamp(0.5rem, 3.16vw - 1.11rem, 2.22rem);
  --32_: clamp(0.69rem, 1.67vw + 0.5rem, 2.22rem);
  --32: clamp(1.11rem, 1.11vw + 1rem, 2.22rem);
  --32-: clamp(1.8rem, 0.56vw + 1.5rem, 2.22rem);
  --54__: clamp(0.5rem, 5.34vw - 1.88rem, 3.75rem);
  --54_: clamp(1.16rem, 2.82vw + 0.84rem, 3.75rem);
  --54: clamp(1.88rem, 1.88vw + 1.69rem, 3.75rem);
  --54-: clamp(3.04rem, 0.94vw + 2.54rem, 3.75rem);
  --64__: clamp(0.5rem, 6.33vw - 2.22rem, 4.44rem);
  --64_: clamp(1.37rem, 3.34vw + 1rem, 4.44rem);
  --64: clamp(2.22rem, 2.22vw + 2rem, 4.44rem);
  --64-: clamp(3.59rem, 1.11vw + 3.01rem, 4.44rem);
  --120__: clamp(0.5rem, 11.87vw - 4.17rem, 8.33rem);
  --120_: clamp(2.58rem, 6.26vw + 1.88rem, 8.33rem);
  --120: clamp(4.17rem, 4.17vw + 3.75rem, 8.33rem);
  --120-: clamp(6.75rem, 2.08vw + 5.64rem, 8.33rem);
  --141__: clamp(0.5rem, 13.94vw - 4.89rem, 9.79rem);
  --141_: clamp(3.02rem, 7.36vw + 2.2rem, 9.79rem);
  --141: clamp(4.89rem, 4.89vw + 4.41rem, 9.79rem);
  --141-: clamp(7.91rem, 2.45vw + 6.63rem, 9.79rem);
  --fs-10__: clamp(0.27rem, 0.52vw + 0.16rem, 0.69rem);
  --fs-10_: clamp(0.35rem, 0.35vw + 0.31rem, 0.69rem);
  --fs-10: clamp(0.45rem, 0.17vw + 0.47rem, 0.69rem);
  --fs-16__: clamp(0.43rem, 0.83vw + 0.25rem, 1.11rem);
  --fs-16_: clamp(0.56rem, 0.56vw + 0.5rem, 1.11rem);
  --fs-16: clamp(0.73rem, 0.28vw + 0.75rem, 1.11rem);
  --fs-36__: clamp(0.96rem, 1.88vw + 0.56rem, 2.5rem);
  --fs-36_: clamp(1.25rem, 1.25vw + 1.13rem, 2.5rem);
  --fs-36: clamp(1.63rem, 0.63vw + 1.69rem, 2.5rem);
  --fs-120__: clamp(3.21rem, 6.26vw + 1.88rem, 8.33rem);
  --fs-120_: clamp(4.17rem, 4.17vw + 3.75rem, 8.33rem);
  --fs-120: clamp(5.42rem, 2.08vw + 5.64rem, 8.33rem);
}

:root {
  --current-lightness: 95%;
  --current-darkness: 5%;
  --brand-lightness: 80%;
  --brand-chroma: 0;
  --brand-hue: 0;
  --accent-lightness: 70%;
  --accent-chroma: 0;
  --accent-hue: 0;
  --extra-lightness: 60%;
  --extra-chroma: 0;
  --extra-hue: 0;
  --dark-lightness: var(--current-darkness);
  --dark-chroma: 0.05;
  --dark-hue: var(--brand-hue);
  --light-lightness: var(--current-lightness);
  --light-chroma: 0.1;
  --light-hue: var(--brand-hue);
  --darker: -5%;
  --brighter: 10%;
  --darker_: -15%;
  --brighter_: 30%;
}

.current-theme {
  --root-brand: var(--brand-lightness) var(--brand-chroma) var(--brand-hue);
  --brand: oklch(var(--root-brand));
  --brand_: oklch(var(--root-brand) / 65%);
  --brand__: oklch(var(--root-brand) / 35%);
  --brand___: oklch(var(--root-brand) / 15%);
  --brand-d: oklch(calc(var(--brand-lightness) + var(--darker)) var(--brand-chroma) var(--brand-hue));
  --brand-b: oklch(calc(var(--brand-lightness) + var(--brighter)) var(--brand-chroma) var(--brand-hue));
  --brand-d_: oklch(calc(var(--brand-lightness) + var(--darker_)) var(--brand-chroma) var(--brand-hue));
  --brand-b_: oklch(calc(var(--brand-lightness) + var(--brighter_)) var(--brand-chroma) var(--brand-hue));
  --root-accent: var(--accent-lightness) var(--accent-chroma) var(--accent-hue);
  --accent: oklch(var(--root-accent));
  --accent_: oklch(var(--root-accent) / 65%);
  --accent__: oklch(var(--root-accent) / 35%);
  --accent___: oklch(var(--root-accent) / 15%);
  --accent-d: oklch(calc(var(--accent-lightness) + var(--darker)) var(--accent-chroma) var(--accent-hue));
  --accent-b: oklch(calc(var(--accent-lightness) + var(--brighter)) var(--accent-chroma) var(--accent-hue));
  --accent-d_: oklch(calc(var(--accent-lightness) + var(--darker_)) var(--accent-chroma) var(--accent-hue));
  --accent-b_: oklch(calc(var(--accent-lightness) + var(--brighter_)) var(--accent-chroma) var(--accent-hue));
  --root-extra: var(--extra-lightness) var(--extra-chroma) var(--extra-hue);
  --extra: oklch(var(--root-extra));
  --extra_: oklch(var(--root-extra) / 65%);
  --extra__: oklch(var(--root-extra) / 35%);
  --extra___: oklch(var(--root-extra) / 15%);
  --extra-d: oklch(calc(var(--extra-lightness) + var(--darker)) var(--extra-chroma) var(--extra-hue));
  --extra-b: oklch(calc(var(--extra-lightness) + var(--brighter)) var(--extra-chroma) var(--extra-hue));
  --extra-d_: oklch(calc(var(--extra-lightness) + var(--darker_)) var(--extra-chroma) var(--extra-hue));
  --extra-b_: oklch(calc(var(--extra-lightness) + var(--brighter_)) var(--extra-chroma) var(--extra-hue));
  --root-dark: var(--dark-lightness) var(--dark-chroma) var(--dark-hue);
  --dark: oklch(var(--root-dark));
  --dark_: oklch(var(--root-dark) / 65%);
  --dark__: oklch(var(--root-dark) / 35%);
  --dark___: oklch(var(--root-dark) / 15%);
  --dark-d: oklch(calc(var(--dark-lightness) + var(--darker)) var(--dark-chroma) var(--dark-hue));
  --dark-b: oklch(calc(var(--dark-lightness) + var(--brighter)) var(--dark-chroma) var(--dark-hue));
  --dark-d_: oklch(calc(var(--dark-lightness) + var(--darker_)) var(--dark-chroma) var(--dark-hue));
  --dark-b_: oklch(calc(var(--dark-lightness) + var(--brighter_)) var(--dark-chroma) var(--dark-hue));
  --root-light: var(--light-lightness) var(--light-chroma) var(--light-hue);
  --light: oklch(var(--root-light));
  --light_: oklch(var(--root-light) / 65%);
  --light__: oklch(var(--root-light) / 35%);
  --light___: oklch(var(--root-light) / 15%);
  --light-d: oklch(calc(var(--light-lightness) + var(--darker)) var(--light-chroma) var(--light-hue));
  --light-b: oklch(calc(var(--light-lightness) + var(--brighter)) var(--light-chroma) var(--light-hue));
  --light-d_: oklch(calc(var(--light-lightness) + var(--darker_)) var(--light-chroma) var(--light-hue));
  --light-b_: oklch(calc(var(--light-lightness) + var(--brighter_)) var(--light-chroma) var(--light-hue));
}

._c-brand {
  --current-c-color: var(--brand);
}
._c-brand_ {
  --current-c-color: var(--brand_);
}
._c-brand__ {
  --current-c-color: var(--brand__);
}
._c-brand___ {
  --current-c-color: var(--brand___);
}
._c-brand-d {
  --current-c-color: var(--brand-d);
}
._c-brand-b {
  --current-c-color: var(--brand-b);
}
._c-brand-d_ {
  --current-c-color: var(--brand-d_);
}
._c-brand-b_ {
  --current-c-color: var(--brand-b_);
}

._c-accent {
  --current-c-color: var(--accent);
}
._c-accent_ {
  --current-c-color: var(--accent_);
}
._c-accent__ {
  --current-c-color: var(--accent__);
}
._c-accent___ {
  --current-c-color: var(--accent___);
}
._c-accent-d {
  --current-c-color: var(--accent-d);
}
._c-accent-b {
  --current-c-color: var(--accent-b);
}
._c-accent-d_ {
  --current-c-color: var(--accent-d_);
}
._c-accent-b_ {
  --current-c-color: var(--accent-b_);
}

._c-extra {
  --current-c-color: var(--extra);
}
._c-extra_ {
  --current-c-color: var(--extra_);
}
._c-extra__ {
  --current-c-color: var(--extra__);
}
._c-extra___ {
  --current-c-color: var(--extra___);
}
._c-extra-d {
  --current-c-color: var(--extra-d);
}
._c-extra-b {
  --current-c-color: var(--extra-b);
}
._c-extra-d_ {
  --current-c-color: var(--extra-d_);
}
._c-extra-b_ {
  --current-c-color: var(--extra-b_);
}

._c-dark {
  --current-c-color: var(--dark);
}
._c-dark_ {
  --current-c-color: var(--dark_);
}
._c-dark__ {
  --current-c-color: var(--dark__);
}
._c-dark___ {
  --current-c-color: var(--dark___);
}
._c-dark-d {
  --current-c-color: var(--dark-d);
}
._c-dark-b {
  --current-c-color: var(--dark-b);
}
._c-dark-d_ {
  --current-c-color: var(--dark-d_);
}
._c-dark-b_ {
  --current-c-color: var(--dark-b_);
}

._c-light {
  --current-c-color: var(--light);
}
._c-light_ {
  --current-c-color: var(--light_);
}
._c-light__ {
  --current-c-color: var(--light__);
}
._c-light___ {
  --current-c-color: var(--light___);
}
._c-light-d {
  --current-c-color: var(--light-d);
}
._c-light-b {
  --current-c-color: var(--light-b);
}
._c-light-d_ {
  --current-c-color: var(--light-d_);
}
._c-light-b_ {
  --current-c-color: var(--light-b_);
}

[class*=_c] {
  color: var(--current-c-color);
}

._bg-brand {
  --current-bg-color: var(--brand);
}
._bg-brand_ {
  --current-bg-color: var(--brand_);
}
._bg-brand__ {
  --current-bg-color: var(--brand__);
}
._bg-brand___ {
  --current-bg-color: var(--brand___);
}
._bg-brand-d {
  --current-bg-color: var(--brand-d);
}
._bg-brand-b {
  --current-bg-color: var(--brand-b);
}
._bg-brand-d_ {
  --current-bg-color: var(--brand-d_);
}
._bg-brand-b_ {
  --current-bg-color: var(--brand-b_);
}

._bg-accent {
  --current-bg-color: var(--accent);
}
._bg-accent_ {
  --current-bg-color: var(--accent_);
}
._bg-accent__ {
  --current-bg-color: var(--accent__);
}
._bg-accent___ {
  --current-bg-color: var(--accent___);
}
._bg-accent-d {
  --current-bg-color: var(--accent-d);
}
._bg-accent-b {
  --current-bg-color: var(--accent-b);
}
._bg-accent-d_ {
  --current-bg-color: var(--accent-d_);
}
._bg-accent-b_ {
  --current-bg-color: var(--accent-b_);
}

._bg-extra {
  --current-bg-color: var(--extra);
}
._bg-extra_ {
  --current-bg-color: var(--extra_);
}
._bg-extra__ {
  --current-bg-color: var(--extra__);
}
._bg-extra___ {
  --current-bg-color: var(--extra___);
}
._bg-extra-d {
  --current-bg-color: var(--extra-d);
}
._bg-extra-b {
  --current-bg-color: var(--extra-b);
}
._bg-extra-d_ {
  --current-bg-color: var(--extra-d_);
}
._bg-extra-b_ {
  --current-bg-color: var(--extra-b_);
}

._bg-dark {
  --current-bg-color: var(--dark);
}
._bg-dark_ {
  --current-bg-color: var(--dark_);
}
._bg-dark__ {
  --current-bg-color: var(--dark__);
}
._bg-dark___ {
  --current-bg-color: var(--dark___);
}
._bg-dark-d {
  --current-bg-color: var(--dark-d);
}
._bg-dark-b {
  --current-bg-color: var(--dark-b);
}
._bg-dark-d_ {
  --current-bg-color: var(--dark-d_);
}
._bg-dark-b_ {
  --current-bg-color: var(--dark-b_);
}

._bg-light {
  --current-bg-color: var(--light);
}
._bg-light_ {
  --current-bg-color: var(--light_);
}
._bg-light__ {
  --current-bg-color: var(--light__);
}
._bg-light___ {
  --current-bg-color: var(--light___);
}
._bg-light-d {
  --current-bg-color: var(--light-d);
}
._bg-light-b {
  --current-bg-color: var(--light-b);
}
._bg-light-d_ {
  --current-bg-color: var(--light-d_);
}
._bg-light-b_ {
  --current-bg-color: var(--light-b_);
}

[class*=_bg] {
  background: var(--current-bg-color);
}

._bc-brand {
  --current-bc-color: var(--brand);
}
._bc-brand_ {
  --current-bc-color: var(--brand_);
}
._bc-brand__ {
  --current-bc-color: var(--brand__);
}
._bc-brand___ {
  --current-bc-color: var(--brand___);
}
._bc-brand-d {
  --current-bc-color: var(--brand-d);
}
._bc-brand-b {
  --current-bc-color: var(--brand-b);
}
._bc-brand-d_ {
  --current-bc-color: var(--brand-d_);
}
._bc-brand-b_ {
  --current-bc-color: var(--brand-b_);
}

._bc-accent {
  --current-bc-color: var(--accent);
}
._bc-accent_ {
  --current-bc-color: var(--accent_);
}
._bc-accent__ {
  --current-bc-color: var(--accent__);
}
._bc-accent___ {
  --current-bc-color: var(--accent___);
}
._bc-accent-d {
  --current-bc-color: var(--accent-d);
}
._bc-accent-b {
  --current-bc-color: var(--accent-b);
}
._bc-accent-d_ {
  --current-bc-color: var(--accent-d_);
}
._bc-accent-b_ {
  --current-bc-color: var(--accent-b_);
}

._bc-extra {
  --current-bc-color: var(--extra);
}
._bc-extra_ {
  --current-bc-color: var(--extra_);
}
._bc-extra__ {
  --current-bc-color: var(--extra__);
}
._bc-extra___ {
  --current-bc-color: var(--extra___);
}
._bc-extra-d {
  --current-bc-color: var(--extra-d);
}
._bc-extra-b {
  --current-bc-color: var(--extra-b);
}
._bc-extra-d_ {
  --current-bc-color: var(--extra-d_);
}
._bc-extra-b_ {
  --current-bc-color: var(--extra-b_);
}

._bc-dark {
  --current-bc-color: var(--dark);
}
._bc-dark_ {
  --current-bc-color: var(--dark_);
}
._bc-dark__ {
  --current-bc-color: var(--dark__);
}
._bc-dark___ {
  --current-bc-color: var(--dark___);
}
._bc-dark-d {
  --current-bc-color: var(--dark-d);
}
._bc-dark-b {
  --current-bc-color: var(--dark-b);
}
._bc-dark-d_ {
  --current-bc-color: var(--dark-d_);
}
._bc-dark-b_ {
  --current-bc-color: var(--dark-b_);
}

._bc-light {
  --current-bc-color: var(--light);
}
._bc-light_ {
  --current-bc-color: var(--light_);
}
._bc-light__ {
  --current-bc-color: var(--light__);
}
._bc-light___ {
  --current-bc-color: var(--light___);
}
._bc-light-d {
  --current-bc-color: var(--light-d);
}
._bc-light-b {
  --current-bc-color: var(--light-b);
}
._bc-light-d_ {
  --current-bc-color: var(--light-d_);
}
._bc-light-b_ {
  --current-bc-color: var(--light-b_);
}

[class*=_bc] {
  border-color: var(--current-bc-color);
}

._f-brand {
  --current-f-color: var(--brand);
}
._f-brand_ {
  --current-f-color: var(--brand_);
}
._f-brand__ {
  --current-f-color: var(--brand__);
}
._f-brand___ {
  --current-f-color: var(--brand___);
}
._f-brand-d {
  --current-f-color: var(--brand-d);
}
._f-brand-b {
  --current-f-color: var(--brand-b);
}
._f-brand-d_ {
  --current-f-color: var(--brand-d_);
}
._f-brand-b_ {
  --current-f-color: var(--brand-b_);
}

._f-accent {
  --current-f-color: var(--accent);
}
._f-accent_ {
  --current-f-color: var(--accent_);
}
._f-accent__ {
  --current-f-color: var(--accent__);
}
._f-accent___ {
  --current-f-color: var(--accent___);
}
._f-accent-d {
  --current-f-color: var(--accent-d);
}
._f-accent-b {
  --current-f-color: var(--accent-b);
}
._f-accent-d_ {
  --current-f-color: var(--accent-d_);
}
._f-accent-b_ {
  --current-f-color: var(--accent-b_);
}

._f-extra {
  --current-f-color: var(--extra);
}
._f-extra_ {
  --current-f-color: var(--extra_);
}
._f-extra__ {
  --current-f-color: var(--extra__);
}
._f-extra___ {
  --current-f-color: var(--extra___);
}
._f-extra-d {
  --current-f-color: var(--extra-d);
}
._f-extra-b {
  --current-f-color: var(--extra-b);
}
._f-extra-d_ {
  --current-f-color: var(--extra-d_);
}
._f-extra-b_ {
  --current-f-color: var(--extra-b_);
}

._f-dark {
  --current-f-color: var(--dark);
}
._f-dark_ {
  --current-f-color: var(--dark_);
}
._f-dark__ {
  --current-f-color: var(--dark__);
}
._f-dark___ {
  --current-f-color: var(--dark___);
}
._f-dark-d {
  --current-f-color: var(--dark-d);
}
._f-dark-b {
  --current-f-color: var(--dark-b);
}
._f-dark-d_ {
  --current-f-color: var(--dark-d_);
}
._f-dark-b_ {
  --current-f-color: var(--dark-b_);
}

._f-light {
  --current-f-color: var(--light);
}
._f-light_ {
  --current-f-color: var(--light_);
}
._f-light__ {
  --current-f-color: var(--light__);
}
._f-light___ {
  --current-f-color: var(--light___);
}
._f-light-d {
  --current-f-color: var(--light-d);
}
._f-light-b {
  --current-f-color: var(--light-b);
}
._f-light-d_ {
  --current-f-color: var(--light-d_);
}
._f-light-b_ {
  --current-f-color: var(--light-b_);
}

[class*=_f] path,
[class*=_f] {
  fill: var(--current-f-color);
}

._s-brand {
  --current-s-color: var(--brand);
}
._s-brand_ {
  --current-s-color: var(--brand_);
}
._s-brand__ {
  --current-s-color: var(--brand__);
}
._s-brand___ {
  --current-s-color: var(--brand___);
}
._s-brand-d {
  --current-s-color: var(--brand-d);
}
._s-brand-b {
  --current-s-color: var(--brand-b);
}
._s-brand-d_ {
  --current-s-color: var(--brand-d_);
}
._s-brand-b_ {
  --current-s-color: var(--brand-b_);
}

._s-accent {
  --current-s-color: var(--accent);
}
._s-accent_ {
  --current-s-color: var(--accent_);
}
._s-accent__ {
  --current-s-color: var(--accent__);
}
._s-accent___ {
  --current-s-color: var(--accent___);
}
._s-accent-d {
  --current-s-color: var(--accent-d);
}
._s-accent-b {
  --current-s-color: var(--accent-b);
}
._s-accent-d_ {
  --current-s-color: var(--accent-d_);
}
._s-accent-b_ {
  --current-s-color: var(--accent-b_);
}

._s-extra {
  --current-s-color: var(--extra);
}
._s-extra_ {
  --current-s-color: var(--extra_);
}
._s-extra__ {
  --current-s-color: var(--extra__);
}
._s-extra___ {
  --current-s-color: var(--extra___);
}
._s-extra-d {
  --current-s-color: var(--extra-d);
}
._s-extra-b {
  --current-s-color: var(--extra-b);
}
._s-extra-d_ {
  --current-s-color: var(--extra-d_);
}
._s-extra-b_ {
  --current-s-color: var(--extra-b_);
}

._s-dark {
  --current-s-color: var(--dark);
}
._s-dark_ {
  --current-s-color: var(--dark_);
}
._s-dark__ {
  --current-s-color: var(--dark__);
}
._s-dark___ {
  --current-s-color: var(--dark___);
}
._s-dark-d {
  --current-s-color: var(--dark-d);
}
._s-dark-b {
  --current-s-color: var(--dark-b);
}
._s-dark-d_ {
  --current-s-color: var(--dark-d_);
}
._s-dark-b_ {
  --current-s-color: var(--dark-b_);
}

._s-light {
  --current-s-color: var(--light);
}
._s-light_ {
  --current-s-color: var(--light_);
}
._s-light__ {
  --current-s-color: var(--light__);
}
._s-light___ {
  --current-s-color: var(--light___);
}
._s-light-d {
  --current-s-color: var(--light-d);
}
._s-light-b {
  --current-s-color: var(--light-b);
}
._s-light-d_ {
  --current-s-color: var(--light-d_);
}
._s-light-b_ {
  --current-s-color: var(--light-b_);
}

[class*=_s] {
  stroke: var(--current-s-color);
}

.current-theme.toggle-theme {
  --darker: 10%;
  --brighter: -5%;
  --darker_: 30%;
  --brighter_: -15%;
  --current-lightness: 5%;
  --current-darkness: 95%;
  --dark-lightness: var(--current-darkness) !important;
  --light-lightness: var(--current-lightness) !important;
}

.all-grads {
  --current-angle: 90deg;
  --current-from-color: var(--brand);
  --current-to-color: var(--accent);
}

.grad-linear {
  background: linear-gradient(var(--current-angle), var(--current-from-color) 0%, var(--current-to-color) 100%);
}

.grad-radial {
  background: radial-gradient(circle at center, var(--current-from-color) 0%, var(--current-to-color) 100%);
}

.grad-linear-text {
  background: linear-gradient(var(--current-angle), var(--current-from-color) 0%, var(--current-to-color) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.grad-radial-text {
  background: radial-gradient(circle at center, var(--current-from-color) 0%, var(--current-to-color) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.grad-linear-border {
  border-image: linear-gradient(var(--current-angle), var(--current-from-color) 0%, var(--current-to-color) 100%) 1;
}

.grad-radial-border {
  border-image: radial-gradient(circle at center, var(--current-from-color) 0%, var(--current-to-color) 100%) 1;
}

.from-brand {
  --current-from-color: var(--brand);
}

.to-brand {
  --current-to-color: var(--brand);
}

.from-brand_ {
  --current-from-color: var(--brand_);
}

.to-brand_ {
  --current-to-color: var(--brand_);
}

.from-brand__ {
  --current-from-color: var(--brand__);
}

.to-brand__ {
  --current-to-color: var(--brand__);
}

.from-brand___ {
  --current-from-color: var(--brand___);
}

.to-brand___ {
  --current-to-color: var(--brand___);
}

.from-brand-d {
  --current-from-color: var(--brand-d);
}

.to-brand-d {
  --current-to-color: var(--brand-d);
}

.from-brand-b {
  --current-from-color: var(--brand-b);
}

.to-brand-b {
  --current-to-color: var(--brand-b);
}

.from-brand-d_ {
  --current-from-color: var(--brand-d_);
}

.to-brand-d_ {
  --current-to-color: var(--brand-d_);
}

.from-brand-b_ {
  --current-from-color: var(--brand-b_);
}

.to-brand-b_ {
  --current-to-color: var(--brand-b_);
}

.from-accent {
  --current-from-color: var(--accent);
}

.to-accent {
  --current-to-color: var(--accent);
}

.from-accent_ {
  --current-from-color: var(--accent_);
}

.to-accent_ {
  --current-to-color: var(--accent_);
}

.from-accent__ {
  --current-from-color: var(--accent__);
}

.to-accent__ {
  --current-to-color: var(--accent__);
}

.from-accent___ {
  --current-from-color: var(--accent___);
}

.to-accent___ {
  --current-to-color: var(--accent___);
}

.from-accent-d {
  --current-from-color: var(--accent-d);
}

.to-accent-d {
  --current-to-color: var(--accent-d);
}

.from-accent-b {
  --current-from-color: var(--accent-b);
}

.to-accent-b {
  --current-to-color: var(--accent-b);
}

.from-accent-d_ {
  --current-from-color: var(--accent-d_);
}

.to-accent-d_ {
  --current-to-color: var(--accent-d_);
}

.from-accent-b_ {
  --current-from-color: var(--accent-b_);
}

.to-accent-b_ {
  --current-to-color: var(--accent-b_);
}

.from-extra {
  --current-from-color: var(--extra);
}

.to-extra {
  --current-to-color: var(--extra);
}

.from-extra_ {
  --current-from-color: var(--extra_);
}

.to-extra_ {
  --current-to-color: var(--extra_);
}

.from-extra__ {
  --current-from-color: var(--extra__);
}

.to-extra__ {
  --current-to-color: var(--extra__);
}

.from-extra___ {
  --current-from-color: var(--extra___);
}

.to-extra___ {
  --current-to-color: var(--extra___);
}

.from-extra-d {
  --current-from-color: var(--extra-d);
}

.to-extra-d {
  --current-to-color: var(--extra-d);
}

.from-extra-b {
  --current-from-color: var(--extra-b);
}

.to-extra-b {
  --current-to-color: var(--extra-b);
}

.from-extra-d_ {
  --current-from-color: var(--extra-d_);
}

.to-extra-d_ {
  --current-to-color: var(--extra-d_);
}

.from-extra-b_ {
  --current-from-color: var(--extra-b_);
}

.to-extra-b_ {
  --current-to-color: var(--extra-b_);
}

.from-dark {
  --current-from-color: var(--dark);
}

.to-dark {
  --current-to-color: var(--dark);
}

.from-dark_ {
  --current-from-color: var(--dark_);
}

.to-dark_ {
  --current-to-color: var(--dark_);
}

.from-dark__ {
  --current-from-color: var(--dark__);
}

.to-dark__ {
  --current-to-color: var(--dark__);
}

.from-dark___ {
  --current-from-color: var(--dark___);
}

.to-dark___ {
  --current-to-color: var(--dark___);
}

.from-dark-d {
  --current-from-color: var(--dark-d);
}

.to-dark-d {
  --current-to-color: var(--dark-d);
}

.from-dark-b {
  --current-from-color: var(--dark-b);
}

.to-dark-b {
  --current-to-color: var(--dark-b);
}

.from-dark-d_ {
  --current-from-color: var(--dark-d_);
}

.to-dark-d_ {
  --current-to-color: var(--dark-d_);
}

.from-dark-b_ {
  --current-from-color: var(--dark-b_);
}

.to-dark-b_ {
  --current-to-color: var(--dark-b_);
}

.from-light {
  --current-from-color: var(--light);
}

.to-light {
  --current-to-color: var(--light);
}

.from-light_ {
  --current-from-color: var(--light_);
}

.to-light_ {
  --current-to-color: var(--light_);
}

.from-light__ {
  --current-from-color: var(--light__);
}

.to-light__ {
  --current-to-color: var(--light__);
}

.from-light___ {
  --current-from-color: var(--light___);
}

.to-light___ {
  --current-to-color: var(--light___);
}

.from-light-d {
  --current-from-color: var(--light-d);
}

.to-light-d {
  --current-to-color: var(--light-d);
}

.from-light-b {
  --current-from-color: var(--light-b);
}

.to-light-b {
  --current-to-color: var(--light-b);
}

.from-light-d_ {
  --current-from-color: var(--light-d_);
}

.to-light-d_ {
  --current-to-color: var(--light-d_);
}

.from-light-b_ {
  --current-from-color: var(--light-b_);
}

.to-light-b_ {
  --current-to-color: var(--light-b_);
}

.from-transparent {
  --current-from-color: transparent;
}

.to-transparent {
  --current-to-color: transparent;
}

.d-t {
  --current-angle: to top !important;
}

.d-b {
  --current-angle: to bottom !important;
}

.d-l {
  --current-angle: to left !important;
}

.d-r {
  --current-angle: to right !important;
}

.d-tl {
  --current-angle: to top left !important;
}

.d-tr {
  --current-angle: to top right !important;
}

.d-bl {
  --current-angle: to bottom left !important;
}

.d-br {
  --current-angle: to bottom right !important;
}

.a-0 {
  --current-angle: 0deg !important;
}

.a-5 {
  --current-angle: 5deg !important;
}

.a-10 {
  --current-angle: 10deg !important;
}

.a-15 {
  --current-angle: 15deg !important;
}

.a-20 {
  --current-angle: 20deg !important;
}

.a-25 {
  --current-angle: 25deg !important;
}

.a-30 {
  --current-angle: 30deg !important;
}

.a-35 {
  --current-angle: 35deg !important;
}

.a-40 {
  --current-angle: 40deg !important;
}

.a-45 {
  --current-angle: 45deg !important;
}

.a-50 {
  --current-angle: 50deg !important;
}

.a-55 {
  --current-angle: 55deg !important;
}

.a-60 {
  --current-angle: 60deg !important;
}

.a-65 {
  --current-angle: 65deg !important;
}

.a-70 {
  --current-angle: 70deg !important;
}

.a-75 {
  --current-angle: 75deg !important;
}

.a-80 {
  --current-angle: 80deg !important;
}

.a-85 {
  --current-angle: 85deg !important;
}

.a-90 {
  --current-angle: 90deg !important;
}

.a-95 {
  --current-angle: 95deg !important;
}

.a-100 {
  --current-angle: 100deg !important;
}

.a-105 {
  --current-angle: 105deg !important;
}

.a-110 {
  --current-angle: 110deg !important;
}

.a-115 {
  --current-angle: 115deg !important;
}

.a-120 {
  --current-angle: 120deg !important;
}

.a-125 {
  --current-angle: 125deg !important;
}

.a-130 {
  --current-angle: 130deg !important;
}

.a-135 {
  --current-angle: 135deg !important;
}

.a-140 {
  --current-angle: 140deg !important;
}

.a-145 {
  --current-angle: 145deg !important;
}

.a-150 {
  --current-angle: 150deg !important;
}

.a-155 {
  --current-angle: 155deg !important;
}

.a-160 {
  --current-angle: 160deg !important;
}

.a-165 {
  --current-angle: 165deg !important;
}

.a-170 {
  --current-angle: 170deg !important;
}

.a-175 {
  --current-angle: 175deg !important;
}

.a-180 {
  --current-angle: 180deg !important;
}

.a-185 {
  --current-angle: 185deg !important;
}

.a-190 {
  --current-angle: 190deg !important;
}

.a-195 {
  --current-angle: 195deg !important;
}

.a-200 {
  --current-angle: 200deg !important;
}

.a-205 {
  --current-angle: 205deg !important;
}

.a-210 {
  --current-angle: 210deg !important;
}

.a-215 {
  --current-angle: 215deg !important;
}

.a-220 {
  --current-angle: 220deg !important;
}

.a-225 {
  --current-angle: 225deg !important;
}

.a-230 {
  --current-angle: 230deg !important;
}

.a-235 {
  --current-angle: 235deg !important;
}

.a-240 {
  --current-angle: 240deg !important;
}

.a-245 {
  --current-angle: 245deg !important;
}

.a-250 {
  --current-angle: 250deg !important;
}

.a-255 {
  --current-angle: 255deg !important;
}

.a-260 {
  --current-angle: 260deg !important;
}

.a-265 {
  --current-angle: 265deg !important;
}

.a-270 {
  --current-angle: 270deg !important;
}

.a-275 {
  --current-angle: 275deg !important;
}

.a-280 {
  --current-angle: 280deg !important;
}

.a-285 {
  --current-angle: 285deg !important;
}

.a-290 {
  --current-angle: 290deg !important;
}

.a-295 {
  --current-angle: 295deg !important;
}

.a-300 {
  --current-angle: 300deg !important;
}

.a-305 {
  --current-angle: 305deg !important;
}

.a-310 {
  --current-angle: 310deg !important;
}

.a-315 {
  --current-angle: 315deg !important;
}

.a-320 {
  --current-angle: 320deg !important;
}

.a-325 {
  --current-angle: 325deg !important;
}

.a-330 {
  --current-angle: 330deg !important;
}

.a-335 {
  --current-angle: 335deg !important;
}

.a-340 {
  --current-angle: 340deg !important;
}

.a-345 {
  --current-angle: 345deg !important;
}

.a-350 {
  --current-angle: 350deg !important;
}

.a-355 {
  --current-angle: 355deg !important;
}

.a-360 {
  --current-angle: 360deg !important;
}

.bg-size {
  background-size: 150% 150%;
}

.bg-size_ {
  background-size: 200% 200%;
}

.bg-size__ {
  background-size: 300% 300%;
}

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

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

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

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

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

.animated {
  animation: gradient-shift 3s ease infinite;
}

.animated-slow {
  animation: gradient-shift 6s ease infinite;
}

.animated-fast {
  animation: gradient-shift 1s ease infinite;
}

@keyframes gradient-shift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.theme-eva {
  --brand-lightness: 80%;
  --brand-chroma: 0.1924;
  --brand-hue: 169;
  --accent-lightness: 80%;
  --accent-chroma: 0.1924;
  --accent-hue: 10;
  --extra-lightness: 80%;
  --extra-chroma: 0.1924;
  --extra-hue: 200;
  --current-lightness: 96.4%;
  --current-darkness: 6.4%;
  --dark-lightness: var(--current-darkness);
  --dark-chroma: 0.05;
  --dark-hue: var(--brand-hue);
  --light-lightness: var(--current-lightness);
  --light-chroma: 0.01;
  --light-hue: var(--brand-hue);
}

.theme-ghost {
  --brand-lightness: 50%;
  --brand-chroma: 0;
  --brand-hue: 0.1;
  --accent-lightness: 50%;
  --accent-chroma: 0;
  --accent-hue: 0;
  --extra-lightness: 50%;
  --extra-chroma: 0;
  --extra-hue: 0;
  --current-lightness: 80%;
  --current-darkness: 20%;
  --dark-lightness: var(--current-darkness);
  --dark-chroma: 0;
  --dark-hue: var(--brand-hue);
  --light-lightness: var(--current-lightness);
  --light-chroma: 0;
  --light-hue: var(--brand-hue);
}

._bg-app {
  --current-bg-color: var(--bg-color);
  --current-f-color: var(--bg-color-2);
}

._shadow {
  box-shadow: 4px 4px 0px 0px var(--current-sh-color);
}
._shadow_ {
  box-shadow: 8px 8px 0px 0px var(--current-sh-color);
}

.hover\:_c-brand:hover {
  color: var(--brand);
}

.hover\:_bg-brand__:hover {
  background: var(--brand__);
}

.hover\:_bg-dark___:hover {
  background: var(--dark___);
}

[class*="hover:_bg"] {
  transition: background-color 0.2s;
}

.active.active\:_bg-brand__ {
  background: var(--brand__);
}

.active.active\:_c-brand {
  color: var(--brand);
}

/* stylelint-disable property-no-vendor-suffix */
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Prevent font size inflation */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/* Remove default margin in favour of better control in authored CSS */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin-block-end: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role=list],
ol[role=list] {
  list-style: none;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  line-height: 1.5;
}

/* Set shorter line heights on headings and interactive elements */
h1,
h2,
h3,
h4,
button,
input,
label {
  line-height: 1.1;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  color: currentcolor;
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
  display: block;
  max-width: 100%;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Make sure textAreas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 3rem;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5ex;
}

:root {
  --title-font: "scale-variable";
  --body-font: "Noto Sans Display";
  --title-weight: 800;
  --title-width: 100;
  --sub-title-weight:700;
  --sub-title-width: 100;
  --sub-sub-title-weight: 600;
  --sub-sub-title-width: 60;
  --sub-sub-title-spacing: 0.1em;
  --body-weight: 400;
  --f-wg-1: 200;
  --f-wg-2: 300;
  --f-wg-3: 400;
  --f-wg-4: 500;
  --f-wg-5: 600;
  --f-wg-6: 700;
  --f-wg-7: 800;
  --f-wg-8: 900;
  --f-wd-1: 50;
  --f-wd-2: 60;
  --f-wd-3: 70;
  --f-wd-4: 80;
  --f-wd-5: 90;
  --f-wd-6: 100;
  --f-wd-7: 110;
  --f-wd-8: 120;
  --f-wd-9: 130;
  --f-wd-10: 140;
  --f-wd-11: 150;
  --f-wd-12: 160;
  --f-wd-13: 170;
}

.fwg-1 {
  --current-f-wg: var(--f-wg-1);
}

.fwg-2 {
  --current-f-wg: var(--f-wg-2);
}

.fwg-3 {
  --current-f-wg: var(--f-wg-3);
}

.fwg-4 {
  --current-f-wg: var(--f-wg-4);
}

.fwg-5 {
  --current-f-wg: var(--f-wg-5);
}

.fwg-6 {
  --current-f-wg: var(--f-wg-6);
}

.fwg-7 {
  --current-f-wg: var(--f-wg-7);
}

.fwg-8 {
  --current-f-wg: var(--f-wg-8);
}

.fwd-1 {
  --current-f-wd: var(--f-wd-1);
}

.fwd-2 {
  --current-f-wd: var(--f-wd-2);
}

.fwd-3 {
  --current-f-wd: var(--f-wd-3);
}

.fwd-4 {
  --current-f-wd: var(--f-wd-4);
}

.fwd-5 {
  --current-f-wd: var(--f-wd-5);
}

.fwd-6 {
  --current-f-wd: var(--f-wd-6);
}

.fwd-7 {
  --current-f-wd: var(--f-wd-7);
}

.fwd-8 {
  --current-f-wd: var(--f-wd-8);
}

.fwd-9 {
  --current-f-wd: var(--f-wd-9);
}

.fwd-10 {
  --current-f-wd: var(--f-wd-10);
}

.fwd-11 {
  --current-f-wd: var(--f-wd-11);
}

.fwd-12 {
  --current-f-wd: var(--f-wd-12);
}

.fwd-13 {
  --current-f-wd: var(--f-wd-13);
}

.f-scale {
  font-variation-settings: "wght" var(--current-f-wg, 400), "wdth" var(--current-f-wd, 100), "ital" 0;
}
.f-scale.offset {
  position: relative;
  padding-top: 0.25em;
}
.f-scale.offset_ {
  position: relative;
  display: inline-block;
  padding-top: 0.25em;
}

.flex {
  display: flex;
  flex-direction: row;
}
.flex.center {
  align-items: center;
  justify-content: center;
}
.flex.start {
  align-items: flex-start;
  justify-content: flex-start;
}
.flex.end {
  align-items: flex-end;
  justify-content: flex-end;
}
.flex.space {
  justify-content: space-between;
  align-items: center;
}
.flex.around {
  justify-content: space-around;
  align-items: center;
}
.flex.evenly {
  justify-content: space-evenly;
  align-items: center;
}
.flex.y {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.flex.y.start {
  justify-content: flex-start;
}
.flex.y.center {
  justify-content: center;
  align-items: center;
}
.flex.y.end {
  justify-content: flex-end;
}
.flex.y.space {
  justify-content: space-between;
}
.flex.y.around {
  justify-content: space-around;
}
.flex.y.evenly {
  justify-content: space-evenly;
}
.flex.y.start-start {
  justify-content: flex-start;
  align-items: flex-start;
}
.flex.y.start-center {
  justify-content: flex-start;
  align-items: center;
}
.flex.y.start-end {
  justify-content: flex-start;
  align-items: flex-end;
}
.flex.y.start-stretch {
  justify-content: flex-start;
  align-items: stretch;
}
.flex.y.start-baseline {
  justify-content: flex-start;
  align-items: baseline;
}
.flex.y.center-start {
  justify-content: center;
  align-items: flex-start;
}
.flex.y.center-center {
  justify-content: center;
  align-items: center;
}
.flex.y.center-end {
  justify-content: center;
  align-items: flex-end;
}
.flex.y.center-stretch {
  justify-content: center;
  align-items: stretch;
}
.flex.y.center-baseline {
  justify-content: center;
  align-items: baseline;
}
.flex.y.end-start {
  justify-content: flex-end;
  align-items: flex-start;
}
.flex.y.end-center {
  justify-content: flex-end;
  align-items: center;
}
.flex.y.end-end {
  justify-content: flex-end;
  align-items: flex-end;
}
.flex.y.end-stretch {
  justify-content: flex-end;
  align-items: stretch;
}
.flex.y.end-baseline {
  justify-content: flex-end;
  align-items: baseline;
}
.flex.y.space-start {
  justify-content: space-between;
  align-items: flex-start;
}
.flex.y.space-center {
  justify-content: space-between;
  align-items: center;
}
.flex.y.space-end {
  justify-content: space-between;
  align-items: flex-end;
}
.flex.y.space-stretch {
  justify-content: space-between;
  align-items: stretch;
}
.flex.y.space-baseline {
  justify-content: space-between;
  align-items: baseline;
}
.flex.y.around-start {
  justify-content: space-around;
  align-items: flex-start;
}
.flex.y.around-center {
  justify-content: space-around;
  align-items: center;
}
.flex.y.around-end {
  justify-content: space-around;
  align-items: flex-end;
}
.flex.y.around-stretch {
  justify-content: space-around;
  align-items: stretch;
}
.flex.y.around-baseline {
  justify-content: space-around;
  align-items: baseline;
}
.flex.y.evenly-start {
  justify-content: space-evenly;
  align-items: flex-start;
}
.flex.y.evenly-center {
  justify-content: space-evenly;
  align-items: center;
}
.flex.y.evenly-end {
  justify-content: space-evenly;
  align-items: flex-end;
}
.flex.y.evenly-stretch {
  justify-content: space-evenly;
  align-items: stretch;
}
.flex.y.evenly-baseline {
  justify-content: space-evenly;
  align-items: baseline;
}
.flex.x {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.flex.x.start {
  justify-content: flex-start;
}
.flex.x.center {
  justify-content: center;
  align-items: center;
}
.flex.x.end {
  justify-content: flex-end;
}
.flex.x.space {
  justify-content: space-between;
}
.flex.x.around {
  justify-content: space-around;
}
.flex.x.evenly {
  justify-content: space-evenly;
}
.flex.x.start-start {
  justify-content: flex-start;
  align-items: flex-start;
}
.flex.x.start-center {
  justify-content: flex-start;
  align-items: center;
}
.flex.x.start-end {
  justify-content: flex-start;
  align-items: flex-end;
}
.flex.x.start-stretch {
  justify-content: flex-start;
  align-items: stretch;
}
.flex.x.start-baseline {
  justify-content: flex-start;
  align-items: baseline;
}
.flex.x.center-start {
  justify-content: center;
  align-items: flex-start;
}
.flex.x.center-center {
  justify-content: center;
  align-items: center;
}
.flex.x.center-end {
  justify-content: center;
  align-items: flex-end;
}
.flex.x.center-stretch {
  justify-content: center;
  align-items: stretch;
}
.flex.x.center-baseline {
  justify-content: center;
  align-items: baseline;
}
.flex.x.end-start {
  justify-content: flex-end;
  align-items: flex-start;
}
.flex.x.end-center {
  justify-content: flex-end;
  align-items: center;
}
.flex.x.end-end {
  justify-content: flex-end;
  align-items: flex-end;
}
.flex.x.end-stretch {
  justify-content: flex-end;
  align-items: stretch;
}
.flex.x.end-baseline {
  justify-content: flex-end;
  align-items: baseline;
}
.flex.x.space-start {
  justify-content: space-between;
  align-items: flex-start;
}
.flex.x.space-center {
  justify-content: space-between;
  align-items: center;
}
.flex.x.space-end {
  justify-content: space-between;
  align-items: flex-end;
}
.flex.x.space-stretch {
  justify-content: space-between;
  align-items: stretch;
}
.flex.x.space-baseline {
  justify-content: space-between;
  align-items: baseline;
}
.flex.x.around-start {
  justify-content: space-around;
  align-items: flex-start;
}
.flex.x.around-center {
  justify-content: space-around;
  align-items: center;
}
.flex.x.around-end {
  justify-content: space-around;
  align-items: flex-end;
}
.flex.x.around-stretch {
  justify-content: space-around;
  align-items: stretch;
}
.flex.x.around-baseline {
  justify-content: space-around;
  align-items: baseline;
}
.flex.x.evenly-start {
  justify-content: space-evenly;
  align-items: flex-start;
}
.flex.x.evenly-center {
  justify-content: space-evenly;
  align-items: center;
}
.flex.x.evenly-end {
  justify-content: space-evenly;
  align-items: flex-end;
}
.flex.x.evenly-stretch {
  justify-content: space-evenly;
  align-items: stretch;
}
.flex.x.evenly-baseline {
  justify-content: space-evenly;
  align-items: baseline;
}
.flex.justify-start {
  justify-content: flex-start;
}
.flex.justify-center {
  justify-content: center;
}
.flex.justify-end {
  justify-content: flex-end;
}
.flex.justify-space {
  justify-content: space-between;
}
.flex.justify-around {
  justify-content: space-around;
}
.flex.justify-evenly {
  justify-content: space-evenly;
}
.flex.items-start {
  align-items: flex-start;
}
.flex.items-center {
  align-items: center;
}
.flex.items-end {
  align-items: flex-end;
}
.flex.items-stretch {
  align-items: stretch;
}
.flex.items-baseline {
  align-items: baseline;
}
.flex.content-start {
  align-content: flex-start;
}
.flex.content-center {
  align-content: center;
}
.flex.content-end {
  align-content: flex-end;
}
.flex.content-space {
  align-content: space-between;
}
.flex.content-around {
  align-content: space-around;
}
.flex.content-evenly {
  align-content: space-evenly;
}
.flex.wrap {
  flex-wrap: wrap;
}
.flex.nowrap {
  flex-wrap: nowrap;
}
.flex.wrap-reverse {
  flex-wrap: wrap-reverse;
}
.flex.reverse.x {
  flex-direction: row-reverse;
}
.flex.reverse.y {
  flex-direction: column-reverse;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-auto {
  flex: 1 1 auto;
}

.flex-initial {
  flex: 0 1 auto;
}

.flex-none {
  flex: none;
}

.stretch {
  flex: 1;
}

.flex-2 {
  flex: 2 1 0%;
}

.flex-3 {
  flex: 3 1 0%;
}

.self-auto {
  align-self: auto;
}

.self-start {
  align-self: flex-start;
}

.self-center {
  align-self: center;
}

.self-end {
  align-self: flex-end;
}

.self-stretch {
  align-self: stretch;
}

.self-baseline {
  align-self: baseline;
}

.order-first {
  order: -9999;
}

.order-last {
  order: 9999;
}

.order-none {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.flex-card {
  display: flex;
  flex-direction: column;
}
.flex-card .flex-card-header,
.flex-card .flex-card-footer {
  flex-shrink: 0;
}
.flex-card .flex-card-body {
  flex: 1;
}

.flex-sidebar {
  display: flex;
}
.flex-sidebar .flex-sidebar-nav {
  flex-shrink: 0;
}
.flex-sidebar .flex-sidebar-main {
  flex: 1;
  min-width: 0;
}

.flex-center-page {
  display: flex;
  min-height: 100vh;
  align-items: center;
  justify-content: center;
}

.flex-center-content {
  display: flex;
  align-items: center;
  justify-content: center;
}

.grid {
  display: grid;
  width: 100%;
}

[class*=auto-fit] {
  grid-template-columns: repeat(auto-fit, minmax(var(--current-minmax), 1fr));
}

.auto-fit-120__ {
  --current-minmax: var(--120__);
}

.auto-fit-120_ {
  --current-minmax: var(--120_);
}

.auto-fit-120 {
  --current-minmax: var(--120);
}

.auto-fit-120- {
  --current-minmax: var(--120-);
}

.auto-fit-141__ {
  --current-minmax: var(--141__);
}

.auto-fit-141_ {
  --current-minmax: var(--141_);
}

.auto-fit-141 {
  --current-minmax: var(--141);
}

.auto-fit-141- {
  --current-minmax: var(--141-);
}

:root {
  --grid-columns: 12;
  --col-min-width: 200px;
  --col-min-width-unitless: 200;
  --current-gap: 1rem;
}

.container\:flex-grid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: var(--current-gap);
  container-type: inline-size;
}
@container (min-width: 200px) {
  .container\:flex-grid {
    --grid-columns: 1;
  }
}
@container (min-width: 400px) {
  .container\:flex-grid {
    --grid-columns: 2;
  }
}
@container (min-width: 600px) {
  .container\:flex-grid {
    --grid-columns: 3;
  }
}
@container (min-width: 800px) {
  .container\:flex-grid {
    --grid-columns: 4;
  }
}
@container (min-width: 1000px) {
  .container\:flex-grid {
    --grid-columns: 5;
  }
}
@container (min-width: 1200px) {
  .container\:flex-grid {
    --grid-columns: 6;
  }
}
@container (min-width: 1400px) {
  .container\:flex-grid {
    --grid-columns: 8;
  }
}
@container (min-width: 1600px) {
  .container\:flex-grid {
    --grid-columns: 10;
  }
}
@container (min-width: 1800px) {
  .container\:flex-grid {
    --grid-columns: 12;
  }
}
@container (min-width: 2000px) {
  .container\:flex-grid {
    --grid-columns: 16;
  }
}

.flex-grid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: var(--current-gap);
}

.col-1 {
  --col-span: 1;
  flex: 0 0 auto;
  width: min(var(--col-span) / var(--grid-columns) * 100% - (var(--grid-columns) / var(--col-span) - 1) * var(--current-gap) / (var(--grid-columns) / var(--col-span)), 100%);
}

.col-2 {
  --col-span: 2;
  flex: 0 0 auto;
  width: min(var(--col-span) / var(--grid-columns) * 100% - (var(--grid-columns) / var(--col-span) - 1) * var(--current-gap) / (var(--grid-columns) / var(--col-span)), 100%);
}

.col-3 {
  --col-span: 3;
  flex: 0 0 auto;
  width: min(var(--col-span) / var(--grid-columns) * 100% - (var(--grid-columns) / var(--col-span) - 1) * var(--current-gap) / (var(--grid-columns) / var(--col-span)), 100%);
}

.col-4 {
  --col-span: 4;
  flex: 0 0 auto;
  width: min(var(--col-span) / var(--grid-columns) * 100% - (var(--grid-columns) / var(--col-span) - 1) * var(--current-gap) / (var(--grid-columns) / var(--col-span)), 100%);
}

.col-5 {
  --col-span: 5;
  flex: 0 0 auto;
  width: min(var(--col-span) / var(--grid-columns) * 100% - (var(--grid-columns) / var(--col-span) - 1) * var(--current-gap) / (var(--grid-columns) / var(--col-span)), 100%);
}

.col-6 {
  --col-span: 6;
  flex: 0 0 auto;
  width: min(var(--col-span) / var(--grid-columns) * 100% - (var(--grid-columns) / var(--col-span) - 1) * var(--current-gap) / (var(--grid-columns) / var(--col-span)), 100%);
}

.col-7 {
  --col-span: 7;
  flex: 0 0 auto;
  width: min(var(--col-span) / var(--grid-columns) * 100% - (var(--grid-columns) / var(--col-span) - 1) * var(--current-gap) / (var(--grid-columns) / var(--col-span)), 100%);
}

.col-8 {
  --col-span: 8;
  flex: 0 0 auto;
  width: min(var(--col-span) / var(--grid-columns) * 100% - (var(--grid-columns) / var(--col-span) - 1) * var(--current-gap) / (var(--grid-columns) / var(--col-span)), 100%);
}

.col-9 {
  --col-span: 9;
  flex: 0 0 auto;
  width: min(var(--col-span) / var(--grid-columns) * 100% - (var(--grid-columns) / var(--col-span) - 1) * var(--current-gap) / (var(--grid-columns) / var(--col-span)), 100%);
}

.col-10 {
  --col-span: 10;
  flex: 0 0 auto;
  width: min(var(--col-span) / var(--grid-columns) * 100% - (var(--grid-columns) / var(--col-span) - 1) * var(--current-gap) / (var(--grid-columns) / var(--col-span)), 100%);
}

.col-11 {
  --col-span: 11;
  flex: 0 0 auto;
  width: min(var(--col-span) / var(--grid-columns) * 100% - (var(--grid-columns) / var(--col-span) - 1) * var(--current-gap) / (var(--grid-columns) / var(--col-span)), 100%);
}

.col-12 {
  --col-span: 12;
  flex: 0 0 auto;
  width: min(var(--col-span) / var(--grid-columns) * 100% - (var(--grid-columns) / var(--col-span) - 1) * var(--current-gap) / (var(--grid-columns) / var(--col-span)), 100%);
}

.col-1\/1 {
  --col-fraction: calc(var(--grid-columns) / 1);
  flex: 0 0 auto;
  width: min(var(--col-fraction) / var(--grid-columns) * 100% - (var(--grid-columns) / var(--col-fraction) - 1) * var(--current-gap) / (var(--grid-columns) / var(--col-fraction)), 100%);
}

.col-1\/2 {
  --col-fraction: calc(var(--grid-columns) / 2);
  flex: 0 0 auto;
  width: min(var(--col-fraction) / var(--grid-columns) * 100% - (var(--grid-columns) / var(--col-fraction) - 1) * var(--current-gap) / (var(--grid-columns) / var(--col-fraction)), 100%);
}

.col-1\/3 {
  --col-fraction: calc(var(--grid-columns) / 3);
  flex: 0 0 auto;
  width: min(var(--col-fraction) / var(--grid-columns) * 100% - (var(--grid-columns) / var(--col-fraction) - 1) * var(--current-gap) / (var(--grid-columns) / var(--col-fraction)), 100%);
}

.col-1\/4 {
  --col-fraction: calc(var(--grid-columns) / 4);
  flex: 0 0 auto;
  width: min(var(--col-fraction) / var(--grid-columns) * 100% - (var(--grid-columns) / var(--col-fraction) - 1) * var(--current-gap) / (var(--grid-columns) / var(--col-fraction)), 100%);
}

.col-1\/5 {
  --col-fraction: calc(var(--grid-columns) / 5);
  flex: 0 0 auto;
  width: min(var(--col-fraction) / var(--grid-columns) * 100% - (var(--grid-columns) / var(--col-fraction) - 1) * var(--current-gap) / (var(--grid-columns) / var(--col-fraction)), 100%);
}

.col-1\/6 {
  --col-fraction: calc(var(--grid-columns) / 6);
  flex: 0 0 auto;
  width: min(var(--col-fraction) / var(--grid-columns) * 100% - (var(--grid-columns) / var(--col-fraction) - 1) * var(--current-gap) / (var(--grid-columns) / var(--col-fraction)), 100%);
}

.col-1\/7 {
  --col-fraction: calc(var(--grid-columns) / 7);
  flex: 0 0 auto;
  width: min(var(--col-fraction) / var(--grid-columns) * 100% - (var(--grid-columns) / var(--col-fraction) - 1) * var(--current-gap) / (var(--grid-columns) / var(--col-fraction)), 100%);
}

.col-1\/8 {
  --col-fraction: calc(var(--grid-columns) / 8);
  flex: 0 0 auto;
  width: min(var(--col-fraction) / var(--grid-columns) * 100% - (var(--grid-columns) / var(--col-fraction) - 1) * var(--current-gap) / (var(--grid-columns) / var(--col-fraction)), 100%);
}

.col-1\/9 {
  --col-fraction: calc(var(--grid-columns) / 9);
  flex: 0 0 auto;
  width: min(var(--col-fraction) / var(--grid-columns) * 100% - (var(--grid-columns) / var(--col-fraction) - 1) * var(--current-gap) / (var(--grid-columns) / var(--col-fraction)), 100%);
}

.col-1\/10 {
  --col-fraction: calc(var(--grid-columns) / 10);
  flex: 0 0 auto;
  width: min(var(--col-fraction) / var(--grid-columns) * 100% - (var(--grid-columns) / var(--col-fraction) - 1) * var(--current-gap) / (var(--grid-columns) / var(--col-fraction)), 100%);
}

.col-1\/11 {
  --col-fraction: calc(var(--grid-columns) / 11);
  flex: 0 0 auto;
  width: min(var(--col-fraction) / var(--grid-columns) * 100% - (var(--grid-columns) / var(--col-fraction) - 1) * var(--current-gap) / (var(--grid-columns) / var(--col-fraction)), 100%);
}

.col-1\/12 {
  --col-fraction: calc(var(--grid-columns) / 12);
  flex: 0 0 auto;
  width: min(var(--col-fraction) / var(--grid-columns) * 100% - (var(--grid-columns) / var(--col-fraction) - 1) * var(--current-gap) / (var(--grid-columns) / var(--col-fraction)), 100%);
}

.max-col-1 {
  --grid-columns: 1;
}

.max-col-2 {
  --grid-columns: 2;
}

.max-col-3 {
  --grid-columns: 3;
}

.max-col-4 {
  --grid-columns: 4;
}

.max-col-5 {
  --grid-columns: 5;
}

.max-col-6 {
  --grid-columns: 6;
}

.max-col-7 {
  --grid-columns: 7;
}

.max-col-8 {
  --grid-columns: 8;
}

.max-col-9 {
  --grid-columns: 9;
}

.max-col-10 {
  --grid-columns: 10;
}

.max-col-11 {
  --grid-columns: 11;
}

.max-col-12 {
  --grid-columns: 12;
}

@media (max-width: 200px) {
  .xs\:max-col-1 {
    --grid-columns: 1;
  }
  .xs\:max-col-2 {
    --grid-columns: 2;
  }
  .xs\:max-col-3 {
    --grid-columns: 3;
  }
  .xs\:max-col-4 {
    --grid-columns: 4;
  }
  .xs\:max-col-5 {
    --grid-columns: 5;
  }
  .xs\:max-col-6 {
    --grid-columns: 6;
  }
  .xs\:max-col-7 {
    --grid-columns: 7;
  }
  .xs\:max-col-8 {
    --grid-columns: 8;
  }
  .xs\:max-col-9 {
    --grid-columns: 9;
  }
  .xs\:max-col-10 {
    --grid-columns: 10;
  }
  .xs\:max-col-11 {
    --grid-columns: 11;
  }
  .xs\:max-col-12 {
    --grid-columns: 12;
  }
}
@media (max-width: 500px) {
  .sm\:max-col-1 {
    --grid-columns: 1;
  }
  .sm\:max-col-2 {
    --grid-columns: 2;
  }
  .sm\:max-col-3 {
    --grid-columns: 3;
  }
  .sm\:max-col-4 {
    --grid-columns: 4;
  }
  .sm\:max-col-5 {
    --grid-columns: 5;
  }
  .sm\:max-col-6 {
    --grid-columns: 6;
  }
  .sm\:max-col-7 {
    --grid-columns: 7;
  }
  .sm\:max-col-8 {
    --grid-columns: 8;
  }
  .sm\:max-col-9 {
    --grid-columns: 9;
  }
  .sm\:max-col-10 {
    --grid-columns: 10;
  }
  .sm\:max-col-11 {
    --grid-columns: 11;
  }
  .sm\:max-col-12 {
    --grid-columns: 12;
  }
}
@media (max-width: 700px) {
  .md\:max-col-1 {
    --grid-columns: 1;
  }
  .md\:max-col-2 {
    --grid-columns: 2;
  }
  .md\:max-col-3 {
    --grid-columns: 3;
  }
  .md\:max-col-4 {
    --grid-columns: 4;
  }
  .md\:max-col-5 {
    --grid-columns: 5;
  }
  .md\:max-col-6 {
    --grid-columns: 6;
  }
  .md\:max-col-7 {
    --grid-columns: 7;
  }
  .md\:max-col-8 {
    --grid-columns: 8;
  }
  .md\:max-col-9 {
    --grid-columns: 9;
  }
  .md\:max-col-10 {
    --grid-columns: 10;
  }
  .md\:max-col-11 {
    --grid-columns: 11;
  }
  .md\:max-col-12 {
    --grid-columns: 12;
  }
}
@media (max-width: 1000px) {
  .lg\:max-col-1 {
    --grid-columns: 1;
  }
  .lg\:max-col-2 {
    --grid-columns: 2;
  }
  .lg\:max-col-3 {
    --grid-columns: 3;
  }
  .lg\:max-col-4 {
    --grid-columns: 4;
  }
  .lg\:max-col-5 {
    --grid-columns: 5;
  }
  .lg\:max-col-6 {
    --grid-columns: 6;
  }
  .lg\:max-col-7 {
    --grid-columns: 7;
  }
  .lg\:max-col-8 {
    --grid-columns: 8;
  }
  .lg\:max-col-9 {
    --grid-columns: 9;
  }
  .lg\:max-col-10 {
    --grid-columns: 10;
  }
  .lg\:max-col-11 {
    --grid-columns: 11;
  }
  .lg\:max-col-12 {
    --grid-columns: 12;
  }
}
@media (max-width: 1200px) {
  .xl\:max-col-1 {
    --grid-columns: 1;
  }
  .xl\:max-col-2 {
    --grid-columns: 2;
  }
  .xl\:max-col-3 {
    --grid-columns: 3;
  }
  .xl\:max-col-4 {
    --grid-columns: 4;
  }
  .xl\:max-col-5 {
    --grid-columns: 5;
  }
  .xl\:max-col-6 {
    --grid-columns: 6;
  }
  .xl\:max-col-7 {
    --grid-columns: 7;
  }
  .xl\:max-col-8 {
    --grid-columns: 8;
  }
  .xl\:max-col-9 {
    --grid-columns: 9;
  }
  .xl\:max-col-10 {
    --grid-columns: 10;
  }
  .xl\:max-col-11 {
    --grid-columns: 11;
  }
  .xl\:max-col-12 {
    --grid-columns: 12;
  }
}
@media (max-width: 1400px) {
  .xxl\:max-col-1 {
    --grid-columns: 1;
  }
  .xxl\:max-col-2 {
    --grid-columns: 2;
  }
  .xxl\:max-col-3 {
    --grid-columns: 3;
  }
  .xxl\:max-col-4 {
    --grid-columns: 4;
  }
  .xxl\:max-col-5 {
    --grid-columns: 5;
  }
  .xxl\:max-col-6 {
    --grid-columns: 6;
  }
  .xxl\:max-col-7 {
    --grid-columns: 7;
  }
  .xxl\:max-col-8 {
    --grid-columns: 8;
  }
  .xxl\:max-col-9 {
    --grid-columns: 9;
  }
  .xxl\:max-col-10 {
    --grid-columns: 10;
  }
  .xxl\:max-col-11 {
    --grid-columns: 11;
  }
  .xxl\:max-col-12 {
    --grid-columns: 12;
  }
}
.pointer {
  cursor: pointer;
}

.poa {
  position: absolute;
}
.poa.center {
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}

.por {
  position: relative;
}

.pof {
  position: fixed;
}

.pos {
  position: sticky;
  top: 101px;
}

.ar-1 {
  aspect-ratio: 1/1;
}

.tac {
  text-align: center;
}

.circle {
  border-radius: 100%;
}

pre {
  white-space: pre-line !important;
}

.mt-auto {
  margin-top: auto;
}

.mb-auto {
  margin-bottom: auto;
}

.mr-auto {
  margin-right: auto;
}

.ml-auto {
  margin-left: auto;
}

.border {
  border-style: solid;
}
.border.thin {
  border-width: 1px;
}

.oh {
  overflow: hidden;
}

.lt {
  letter-spacing: 0.1em;
}

.lh-0 {
  line-height: 0;
}

.lh-1 {
  line-height: 1;
}

img {
  object-fit: cover;
}

.ttu {
  text-transform: uppercase;
}

.hide {
  display: none !important;
}

.bold {
  font-weight: bold;
}

.blur {
  filter: blur(1rem);
}
.blur_ {
  filter: blur(2rem);
}
.blur__ {
  filter: blur(3rem);
}

.w-full {
  width: 100%;
}

.h-full {
  height: 100%;
}

.theme-ulysse {
  --brand-lightness: 84.1%;
  --brand-chroma: 0.155;
  --brand-hue: 200.4;
  --accent-lightness: 93.6%;
  --accent-chroma: 0.202;
  --accent-hue: 101.8;
  --extra-lightness: 42.8%;
  --extra-chroma: 0.008;
  --extra-hue: 220.3;
  --current-lightness: 95.8%;
  --current-darkness: 15.2%;
  --dark-lightness: var(--current-darkness);
  --dark-chroma: 0.005;
  --dark-hue: 220.3;
  --light-lightness: var(--current-lightness);
  --light-chroma: 0.018;
  --light-hue: 84.6;
}

body {
  font-family: "Inter", sans-serif;
  background-color: var(--light);
  color: var(--dark);
  margin: 0;
  padding: 0;
  min-height: 100vh;
}

.hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  gap: var(--64_);
  padding: var(--16);
}

.content {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--4);
}

.title {
  font-size: var(--fs-120__);
  margin: 0;
  line-height: 1.2;
  color: var(--dark);
}

.title-regular {
  font-weight: 400;
}

.title-bold {
  font-weight: 900;
}

.subtitle {
  font-size: var(--fs-16);
  margin: 0;
  color: var(--dark);
  font-weight: 400;
}

.colors {
  display: flex;
  gap: var(--32_);
  align-items: center;
  justify-content: center;
}

.color-circle {
  width: var(--141_);
  height: var(--141_);
  border-radius: 50%;
  outline: var(--4) solid var(--dark___);
}

.brand-circle {
  background-color: var(--brand);
}

.extra-circle {
  background-color: var(--extra);
}

.accent-circle {
  background-color: var(--accent);
}

.btn-toggle-theme {
  position: fixed;
  right: var(--32_);
  top: 50%;
  transform: translateY(-50%);
  text-decoration: none;
  cursor: pointer;
  transition: transform 0.2s ease;
  z-index: 1000;
}
.btn-toggle-theme:hover {
  transform: translateY(-50%) scale(1.5);
}

.toggle-circle {
  width: var(--54_);
  height: var(--54_);
  border-radius: 50%;
  background-color: var(--dark);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.toggle-icon {
  color: var(--light);
  transition: opacity 0.3s ease, transform 0.3s ease;
  position: absolute;
}
.toggle-icon.moon-icon {
  opacity: 1;
  transform: scale(1);
}
.toggle-icon.sun-icon {
  opacity: 0;
  transform: scale(0.8);
}

.toggle-theme .toggle-icon.moon-icon {
  opacity: 0;
  transform: scale(0.8);
}
.toggle-theme .toggle-icon.sun-icon {
  opacity: 1;
  transform: scale(1);
}

.palette-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-height: 100vh;
}

.palette-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--64_);
  width: 100%;
  padding-block: var(--120_);
}

.palette-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--4);
  margin-bottom: var(--64_);
}

.palette-label {
  font-size: var(--fs-36_);
  font-family: "Inter", sans-serif;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 0;
}

.palette-description {
  font-size: var(--fs-16);
  font-family: "Inter", sans-serif;
  font-weight: 400;
  margin: 0;
  opacity: 0.8;
}

.palette-group.palette-brand .palette-label {
  color: var(--brand);
}

.palette-group.palette-extra .palette-label {
  color: var(--extra);
}

.palette-group.palette-accent .palette-label {
  color: var(--accent);
}

.palette-group.palette-dark .palette-label {
  color: var(--dark);
}

.palette-group.palette-light .palette-label {
  color: var(--light-d_);
}

.palette-circles {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--32_);
}

.palette-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--16);
}

.palette-circle {
  width: var(--64_);
  height: var(--64_);
  border-radius: 50%;
  background: var(--brand);
  transition: background 0.2s;
  outline: var(--4) solid var(--dark___);
}

.palette-variation-label {
  font-size: var(--fs-10);
  font-family: "Inter", sans-serif;
  color: var(--dark);
  opacity: 0.7;
  margin-top: var(--4);
  text-align: center;
  line-height: 1;
}

.palette-circle.brand {
  background: var(--brand);
}

.palette-circle.brand_ {
  background: var(--brand_);
}

.palette-circle.brand__ {
  background: var(--brand__);
}

.palette-circle.brand___ {
  background: var(--brand___);
}

.palette-circle.brand-d {
  background: var(--brand-d);
}

.palette-circle.brand-d_ {
  background: var(--brand-d_);
}

.palette-circle.brand-b {
  background: var(--brand-b);
}

.palette-circle.brand-b_ {
  background: var(--brand-b_);
}

.palette-circle.extra {
  background: var(--extra);
}

.palette-circle.extra_ {
  background: var(--extra_);
}

.palette-circle.extra__ {
  background: var(--extra__);
}

.palette-circle.extra___ {
  background: var(--extra___);
}

.palette-circle.extra-d {
  background: var(--extra-d);
}

.palette-circle.extra-d_ {
  background: var(--extra-d_);
}

.palette-circle.extra-b {
  background: var(--extra-b);
}

.palette-circle.extra-b_ {
  background: var(--extra-b_);
}

.palette-circle.accent {
  background: var(--accent);
}

.palette-circle.accent_ {
  background: var(--accent_);
}

.palette-circle.accent__ {
  background: var(--accent__);
}

.palette-circle.accent___ {
  background: var(--accent___);
}

.palette-circle.accent-d {
  background: var(--accent-d);
}

.palette-circle.accent-d_ {
  background: var(--accent-d_);
}

.palette-circle.accent-b {
  background: var(--accent-b);
}

.palette-circle.accent-b_ {
  background: var(--accent-b_);
}

.palette-circle.dark {
  background: var(--dark);
}

.palette-circle.dark_ {
  background: var(--dark_);
}

.palette-circle.dark__ {
  background: var(--dark__);
}

.palette-circle.dark___ {
  background: var(--dark___);
}

.palette-circle.dark-d {
  background: var(--dark-d);
}

.palette-circle.dark-d_ {
  background: var(--dark-d_);
}

.palette-circle.dark-b {
  background: var(--dark-b);
}

.palette-circle.dark-b_ {
  background: var(--dark-b_);
}

.palette-circle.light {
  background: var(--light);
}

.palette-circle.light_ {
  background: var(--light_);
}

.palette-circle.light__ {
  background: var(--light__);
}

.palette-circle.light___ {
  background: var(--light___);
}

.palette-circle.light-d {
  background: var(--light-d);
}

.palette-circle.light-d_ {
  background: var(--light-d_);
}

.palette-circle.light-b {
  background: var(--light-b);
}

.palette-circle.light-b_ {
  background: var(--light-b_);
}

/*# sourceMappingURL=ulysse.css.map */