/* [project]/src/zerolumens-style/styles/index.scss.css [app-client] (css) */
.m-0 {
  margin: var(--static-space-0);
}

.m-1 {
  margin: var(--static-space-1);
}

.m-2 {
  margin: var(--static-space-2);
}

.m-4 {
  margin: var(--static-space-4);
}

.m-8 {
  margin: var(--static-space-8);
}

.m-12 {
  margin: var(--static-space-12);
}

.m-16 {
  margin: var(--static-space-16);
}

.m-20 {
  margin: var(--static-space-20);
}

.m-24 {
  margin: var(--static-space-24);
}

.m-32 {
  margin: var(--static-space-32);
}

.m-40 {
  margin: var(--static-space-40);
}

.m-48 {
  margin: var(--static-space-48);
}

.m-56 {
  margin: var(--static-space-56);
}

.m-64 {
  margin: var(--static-space-64);
}

.m-80 {
  margin: var(--static-space-80);
}

.m-104 {
  margin: var(--static-space-104);
}

.m-128 {
  margin: var(--static-space-128);
}

.m-160 {
  margin: var(--static-space-160);
}

.m-xs {
  margin-bottom: var(--responsive-space-xs);
}

.m-s {
  margin-bottom: var(--responsive-space-s);
}

.m-m {
  margin-bottom: var(--responsive-space-m);
}

.m-l {
  margin-bottom: var(--responsive-space-l);
}

.m-xl {
  margin-bottom: var(--responsive-space-xl);
}

.mx-0 {
  margin: auto var(--static-space-0);
}

.mx-1 {
  margin: auto var(--static-space-1);
}

.mx-2 {
  margin: auto var(--static-space-2);
}

.mx-4 {
  margin: auto var(--static-space-4);
}

.mx-8 {
  margin: auto var(--static-space-8);
}

.mx-12 {
  margin: auto var(--static-space-12);
}

.mx-16 {
  margin: auto var(--static-space-16);
}

.mx-20 {
  margin: auto var(--static-space-20);
}

.mx-24 {
  margin: auto var(--static-space-24);
}

.mx-32 {
  margin: auto var(--static-space-32);
}

.mx-40 {
  margin: auto var(--static-space-40);
}

.mx-64 {
  margin: auto var(--static-space-64);
}

.mx-80 {
  margin: auto var(--static-space-80);
}

.mx-104 {
  margin: auto var(--static-space-104);
}

.mx-128 {
  margin: auto var(--static-space-128);
}

.mx-160 {
  margin: auto var(--static-space-160);
}

.mx-xs {
  margin-bottom: var(--responsive-space-xs);
}

.mx-s {
  margin-bottom: var(--responsive-space-s);
}

.mx-m {
  margin-bottom: var(--responsive-space-m);
}

.mx-l {
  margin-bottom: var(--responsive-space-l);
}

.mx-xl {
  margin-bottom: var(--responsive-space-xl);
}

.my-0 {
  margin: var(--static-space-0) auto;
}

.my-1 {
  margin: var(--static-space-1) auto;
}

.my-2 {
  margin: var(--static-space-2) auto;
}

.my-4 {
  margin: var(--static-space-4) auto;
}

.my-8 {
  margin: var(--static-space-8) auto;
}

.my-12 {
  margin: var(--static-space-12) auto;
}

.my-16 {
  margin: var(--static-space-16) auto;
}

.my-20 {
  margin: var(--static-space-20) auto;
}

.my-24 {
  margin: var(--static-space-24) auto;
}

.my-32 {
  margin: var(--static-space-32) auto;
}

.my-40 {
  margin: var(--static-space-40) auto;
}

.my-48 {
  margin: var(--static-space-48) auto;
}

.my-56 {
  margin: var(--static-space-56) auto;
}

.my-64 {
  margin: var(--static-space-64) auto;
}

.my-80 {
  margin: var(--static-space-80) auto;
}

.my-104 {
  margin: var(--static-space-104) auto;
}

.my-128 {
  margin: var(--static-space-128) auto;
}

.my-160 {
  margin: var(--static-space-160) auto;
}

.my-xs {
  margin-bottom: var(--responsive-space-xs);
}

.my-s {
  margin-bottom: var(--responsive-space-s);
}

.my-m {
  margin-bottom: var(--responsive-space-m);
}

.my-l {
  margin-bottom: var(--responsive-space-l);
}

.my-xl {
  margin-bottom: var(--responsive-space-xl);
}

.mt-0 {
  margin-top: var(--static-space-0);
}

.mt-1 {
  margin-top: var(--static-space-1);
}

.mt-2 {
  margin-top: var(--static-space-2);
}

.mt-4 {
  margin-top: var(--static-space-4);
}

.mt-8 {
  margin-top: var(--static-space-8);
}

.mt-12 {
  margin-top: var(--static-space-12);
}

.mt-16 {
  margin-top: var(--static-space-16);
}

.mt-20 {
  margin-top: var(--static-space-20);
}

.mt-24 {
  margin-top: var(--static-space-24);
}

.mt-32 {
  margin-top: var(--static-space-32);
}

.mt-40 {
  margin-top: var(--static-space-40);
}

.mt-48 {
  margin-top: var(--static-space-48);
}

.mt-56 {
  margin-top: var(--static-space-56);
}

.mt-64 {
  margin-top: var(--static-space-64);
}

.mt-80 {
  margin-top: var(--static-space-80);
}

.mt-104 {
  margin-top: var(--static-space-104);
}

.mt-128 {
  margin-top: var(--static-space-128);
}

.mt-160 {
  margin-top: var(--static-space-160);
}

.mt-xs {
  margin-top: var(--responsive-space-xs);
}

.mt-s {
  margin-top: var(--responsive-space-s);
}

.mt-m {
  margin-top: var(--responsive-space-m);
}

.mt-l {
  margin-top: var(--responsive-space-l);
}

.mt-xl {
  margin-top: var(--responsive-space-xl);
}

.mr-0 {
  margin-right: var(--static-space-0);
}

.mr-1 {
  margin-right: var(--static-space-1);
}

.mr-2 {
  margin-right: var(--static-space-2);
}

.mr-4 {
  margin-right: var(--static-space-4);
}

.mr-8 {
  margin-right: var(--static-space-8);
}

.mr-12 {
  margin-right: var(--static-space-12);
}

.mr-16 {
  margin-right: var(--static-space-16);
}

.mr-20 {
  margin-right: var(--static-space-20);
}

.mr-24 {
  margin-right: var(--static-space-24);
}

.mr-32 {
  margin-right: var(--static-space-32);
}

.mr-40 {
  margin-right: var(--static-space-40);
}

.mr-48 {
  margin-right: var(--static-space-48);
}

.mr-56 {
  margin-right: var(--static-space-56);
}

.mr-64 {
  margin-right: var(--static-space-64);
}

.mr-80 {
  margin-right: var(--static-space-80);
}

.mr-104 {
  margin-right: var(--static-space-104);
}

.mr-128 {
  margin-right: var(--static-space-128);
}

.mr-160 {
  margin-right: var(--static-space-160);
}

.mr-xs {
  margin-bottom: var(--responsive-space-xs);
}

.mr-s {
  margin-bottom: var(--responsive-space-s);
}

.mr-m {
  margin-bottom: var(--responsive-space-m);
}

.mr-l {
  margin-bottom: var(--responsive-space-l);
}

.mr-xl {
  margin-bottom: var(--responsive-space-xl);
}

.mb-0 {
  margin-bottom: var(--static-space-0);
}

.mb-1 {
  margin-bottom: var(--static-space-1);
}

.mb-2 {
  margin-bottom: var(--static-space-2);
}

.mb-4 {
  margin-bottom: var(--static-space-4);
}

.mb-8 {
  margin-bottom: var(--static-space-8);
}

.mb-12 {
  margin-bottom: var(--static-space-12);
}

.mb-16 {
  margin-bottom: var(--static-space-16);
}

.mb-20 {
  margin-bottom: var(--static-space-20);
}

.mb-24 {
  margin-bottom: var(--static-space-24);
}

.mb-32 {
  margin-bottom: var(--static-space-32);
}

.mb-40 {
  margin-bottom: var(--static-space-40);
}

.mb-48 {
  margin-bottom: var(--static-space-48);
}

.mb-56 {
  margin-bottom: var(--static-space-56);
}

.mb-64 {
  margin-bottom: var(--static-space-64);
}

.mb-80 {
  margin-bottom: var(--static-space-80);
}

.mb-104 {
  margin-bottom: var(--static-space-104);
}

.mb-128 {
  margin-bottom: var(--static-space-128);
}

.mb-160 {
  margin-bottom: var(--static-space-160);
}

.mb-s {
  margin-bottom: var(--responsive-space-s);
}

.mb-m {
  margin-bottom: var(--responsive-space-m);
}

.mb-l {
  margin-bottom: var(--responsive-space-l);
}

.mb-xl {
  margin-bottom: var(--responsive-space-xl);
}

.ml-0 {
  margin-left: var(--static-space-0);
}

.ml-1 {
  margin-left: var(--static-space-1);
}

.ml-2 {
  margin-left: var(--static-space-2);
}

.ml-4 {
  margin-left: var(--static-space-4);
}

.ml-8 {
  margin-left: var(--static-space-8);
}

.ml-12 {
  margin-left: var(--static-space-12);
}

.ml-16 {
  margin-left: var(--static-space-16);
}

.ml-20 {
  margin-left: var(--static-space-20);
}

.ml-24 {
  margin-left: var(--static-space-24);
}

.ml-32 {
  margin-left: var(--static-space-32);
}

.ml-40 {
  margin-left: var(--static-space-40);
}

.ml-48 {
  margin-left: var(--static-space-48);
}

.ml-56 {
  margin-left: var(--static-space-56);
}

.ml-64 {
  margin-left: var(--static-space-64);
}

.ml-80 {
  margin-left: var(--static-space-80);
}

.ml-104 {
  margin-left: var(--static-space-104);
}

.ml-128 {
  margin-left: var(--static-space-128);
}

.ml-160 {
  margin-left: var(--static-space-160);
}

.mb-xs {
  margin-bottom: var(--responsive-space-xs);
}

.ml-s {
  margin-bottom: var(--responsive-space-s);
}

.ml-m {
  margin-bottom: var(--responsive-space-m);
}

.ml-l {
  margin-bottom: var(--responsive-space-l);
}

.ml-xl {
  margin-bottom: var(--responsive-space-xl);
}

.p-0 {
  padding: var(--static-space-0);
}

.p-1 {
  padding: var(--static-space-1);
}

.p-2 {
  padding: var(--static-space-2);
}

.p-4 {
  padding: var(--static-space-4);
}

.p-8 {
  padding: var(--static-space-8);
}

.p-12 {
  padding: var(--static-space-12);
}

.p-16 {
  padding: var(--static-space-16);
}

.p-20 {
  padding: var(--static-space-20);
}

.p-24 {
  padding: var(--static-space-24);
}

.p-32 {
  padding: var(--static-space-32);
}

.p-40 {
  padding: var(--static-space-40);
}

.p-48 {
  padding: var(--static-space-48);
}

.p-56 {
  padding: var(--static-space-56);
}

.p-64 {
  padding: var(--static-space-64);
}

.p-80 {
  padding: var(--static-space-80);
}

.p-104 {
  padding: var(--static-space-104);
}

.p-128 {
  padding: var(--static-space-128);
}

.p-160 {
  padding: var(--static-space-160);
}

.p-xs {
  padding: var(--responsive-space-xs);
}

.p-s {
  padding: var(--responsive-space-s);
}

.p-m {
  padding: var(--responsive-space-m);
}

.p-l {
  padding: var(--responsive-space-l);
}

.p-xl {
  padding: var(--responsive-space-xl);
}

.px-0 {
  padding-left: var(--static-space-0);
  padding-right: var(--static-space-0);
}

.px-1 {
  padding-left: var(--static-space-1);
  padding-right: var(--static-space-1);
}

.px-2 {
  padding-left: var(--static-space-2);
  padding-right: var(--static-space-2);
}

.px-4 {
  padding-left: var(--static-space-4);
  padding-right: var(--static-space-4);
}

.px-8 {
  padding-left: var(--static-space-8);
  padding-right: var(--static-space-8);
}

.px-12 {
  padding-left: var(--static-space-12);
  padding-right: var(--static-space-12);
}

.px-16 {
  padding-left: var(--static-space-16);
  padding-right: var(--static-space-16);
}

.px-20 {
  padding-left: var(--static-space-20);
  padding-right: var(--static-space-20);
}

.px-24 {
  padding-left: var(--static-space-24);
  padding-right: var(--static-space-24);
}

.px-32 {
  padding-left: var(--static-space-32);
  padding-right: var(--static-space-32);
}

.px-40 {
  padding-left: var(--static-space-40);
  padding-right: var(--static-space-40);
}

.px-48 {
  padding-left: var(--static-space-48);
  padding-right: var(--static-space-48);
}

.px-56 {
  padding-left: var(--static-space-56);
  padding-right: var(--static-space-56);
}

.px-64 {
  padding-left: var(--static-space-64);
  padding-right: var(--static-space-64);
}

.px-80 {
  padding-left: var(--static-space-80);
  padding-right: var(--static-space-80);
}

.px-104 {
  padding-left: var(--static-space-104);
  padding-right: var(--static-space-104);
}

.px-128 {
  padding-left: var(--static-space-128);
  padding-right: var(--static-space-128);
}

.px-160 {
  padding-left: var(--static-space-160);
  padding-right: var(--static-space-160);
}

.px-xs {
  padding-left: var(--responsive-space-xs);
  padding-right: var(--responsive-space-xs);
}

.px-s {
  padding-left: var(--responsive-space-s);
  padding-right: var(--responsive-space-s);
}

.px-m {
  padding-left: var(--responsive-space-m);
  padding-right: var(--responsive-space-m);
}

.px-l {
  padding-left: var(--responsive-space-l);
  padding-right: var(--responsive-space-l);
}

.px-xl {
  padding-left: var(--responsive-space-xl);
  padding-right: var(--responsive-space-xl);
}

.py-0 {
  padding-top: var(--static-space-0);
  padding-bottom: var(--static-space-0);
}

.py-1 {
  padding-top: var(--static-space-1);
  padding-bottom: var(--static-space-1);
}

.py-2 {
  padding-top: var(--static-space-2);
  padding-bottom: var(--static-space-2);
}

.py-4 {
  padding-top: var(--static-space-4);
  padding-bottom: var(--static-space-4);
}

.py-8 {
  padding-top: var(--static-space-8);
  padding-bottom: var(--static-space-8);
}

.py-12 {
  padding-top: var(--static-space-12);
  padding-bottom: var(--static-space-12);
}

.py-16 {
  padding-top: var(--static-space-16);
  padding-bottom: var(--static-space-16);
}

.py-20 {
  padding-top: var(--static-space-20);
  padding-bottom: var(--static-space-20);
}

.py-24 {
  padding-top: var(--static-space-24);
  padding-bottom: var(--static-space-24);
}

.py-32 {
  padding-top: var(--static-space-32);
  padding-bottom: var(--static-space-32);
}

.py-40 {
  padding-top: var(--static-space-40);
  padding-bottom: var(--static-space-40);
}

.py-48 {
  padding-top: var(--static-space-48);
  padding-bottom: var(--static-space-48);
}

.py-56 {
  padding-top: var(--static-space-56);
  padding-bottom: var(--static-space-56);
}

.py-64 {
  padding-top: var(--static-space-64);
  padding-bottom: var(--static-space-64);
}

.py-80 {
  padding-top: var(--static-space-80);
  padding-bottom: var(--static-space-80);
}

.py-104 {
  padding-top: var(--static-space-104);
  padding-bottom: var(--static-space-104);
}

.py-128 {
  padding-top: var(--static-space-128);
  padding-bottom: var(--static-space-128);
}

.py-160 {
  padding-top: var(--static-space-160);
  padding-bottom: var(--static-space-160);
}

.py-xs {
  padding-top: var(--responsive-space-xs);
  padding-bottom: var(--responsive-space-xs);
}

.py-s {
  padding-top: var(--responsive-space-s);
  padding-bottom: var(--responsive-space-s);
}

.py-m {
  padding-top: var(--responsive-space-m);
  padding-bottom: var(--responsive-space-m);
}

.py-l {
  padding-top: var(--responsive-space-l);
  padding-bottom: var(--responsive-space-l);
}

.py-xl {
  padding-top: var(--responsive-space-xl);
  padding-bottom: var(--responsive-space-xl);
}

.pt-0 {
  padding-top: var(--static-space-0);
}

.pt-1 {
  padding-top: var(--static-space-1);
}

.pt-2 {
  padding-top: var(--static-space-2);
}

.pt-4 {
  padding-top: var(--static-space-4);
}

.pt-8 {
  padding-top: var(--static-space-8);
}

.pt-12 {
  padding-top: var(--static-space-12);
}

.pt-16 {
  padding-top: var(--static-space-16);
}

.pt-20 {
  padding-top: var(--static-space-20);
}

.pt-24 {
  padding-top: var(--static-space-24);
}

.pt-32 {
  padding-top: var(--static-space-32);
}

.pt-40 {
  padding-top: var(--static-space-40);
}

.pt-48 {
  padding-top: var(--static-space-48);
}

.pt-56 {
  padding-top: var(--static-space-56);
}

.pt-64 {
  padding-top: var(--static-space-64);
}

.pt-80 {
  padding-top: var(--static-space-80);
}

.pt-104 {
  padding-top: var(--static-space-104);
}

.pt-128 {
  padding-top: var(--static-space-128);
}

.pt-160 {
  padding-top: var(--static-space-160);
}

.pt-xs {
  padding-top: var(--responsive-space-xs);
}

.pt-s {
  padding-top: var(--responsive-space-s);
}

.pt-m {
  padding-top: var(--responsive-space-m);
}

.pt-l {
  padding-top: var(--responsive-space-l);
}

.pt-xl {
  padding-top: var(--responsive-space-xl);
}

.pr-0 {
  padding-right: var(--static-space-0);
}

.pr-1 {
  padding-right: var(--static-space-1);
}

.pr-2 {
  padding-right: var(--static-space-2);
}

.pr-4 {
  padding-right: var(--static-space-4);
}

.pr-8 {
  padding-right: var(--static-space-8);
}

.pr-12 {
  padding-right: var(--static-space-12);
}

.pr-16 {
  padding-right: var(--static-space-16);
}

.pr-20 {
  padding-right: var(--static-space-20);
}

.pr-24 {
  padding-right: var(--static-space-24);
}

.pr-32 {
  padding-right: var(--static-space-32);
}

.pr-40 {
  padding-right: var(--static-space-40);
}

.pr-48 {
  padding-right: var(--static-space-48);
}

.pr-56 {
  padding-right: var(--static-space-56);
}

.pr-64 {
  padding-right: var(--static-space-64);
}

.pr-80 {
  padding-right: var(--static-space-80);
}

.pr-104 {
  padding-right: var(--static-space-104);
}

.pr-128 {
  padding-right: var(--static-space-128);
}

.pr-160 {
  padding-right: var(--static-space-160);
}

.pr-xs {
  padding-right: var(--responsive-space-xs);
}

.pr-s {
  padding-right: var(--responsive-space-s);
}

.pr-m {
  padding-right: var(--responsive-space-m);
}

.pr-l {
  padding-right: var(--responsive-space-l);
}

.pr-xl {
  padding-right: var(--responsive-space-xl);
}

.pb-0 {
  padding-bottom: var(--static-space-0);
}

.pb-1 {
  padding-bottom: var(--static-space-1);
}

.pb-2 {
  padding-bottom: var(--static-space-2);
}

.pb-4 {
  padding-bottom: var(--static-space-4);
}

.pb-8 {
  padding-bottom: var(--static-space-8);
}

.pb-12 {
  padding-bottom: var(--static-space-12);
}

.pb-16 {
  padding-bottom: var(--static-space-16);
}

.pb-20 {
  padding-bottom: var(--static-space-20);
}

.pb-24 {
  padding-bottom: var(--static-space-24);
}

.pb-32 {
  padding-bottom: var(--static-space-32);
}

.pb-40 {
  padding-bottom: var(--static-space-40);
}

.pb-48 {
  padding-bottom: var(--static-space-48);
}

.pb-56 {
  padding-bottom: var(--static-space-56);
}

.pb-64 {
  padding-bottom: var(--static-space-64);
}

.pb-80 {
  padding-bottom: var(--static-space-80);
}

.pb-104 {
  padding-bottom: var(--static-space-104);
}

.pb-128 {
  padding-bottom: var(--static-space-128);
}

.pb-160 {
  padding-bottom: var(--static-space-160);
}

.pb-xs {
  padding-bottom: var(--responsive-space-xs);
}

.pb-s {
  padding-bottom: var(--responsive-space-s);
}

.pb-m {
  padding-bottom: var(--responsive-space-m);
}

.pb-l {
  padding-bottom: var(--responsive-space-l);
}

.pb-xl {
  padding-bottom: var(--responsive-space-xl);
}

.pl-0 {
  padding-left: var(--static-space-0);
}

.pl-1 {
  padding-left: var(--static-space-1);
}

.pl-2 {
  padding-left: var(--static-space-2);
}

.pl-4 {
  padding-left: var(--static-space-4);
}

.pl-8 {
  padding-left: var(--static-space-8);
}

.pl-12 {
  padding-left: var(--static-space-12);
}

.pl-16 {
  padding-left: var(--static-space-16);
}

.pl-20 {
  padding-left: var(--static-space-20);
}

.pl-24 {
  padding-left: var(--static-space-24);
}

.pl-32 {
  padding-left: var(--static-space-32);
}

.pl-40 {
  padding-left: var(--static-space-40);
}

.pl-48 {
  padding-left: var(--static-space-48);
}

.pl-56 {
  padding-left: var(--static-space-56);
}

.pl-64 {
  padding-left: var(--static-space-64);
}

.pl-80 {
  padding-left: var(--static-space-80);
}

.pl-104 {
  padding-left: var(--static-space-104);
}

.pl-128 {
  padding-left: var(--static-space-128);
}

.pl-160 {
  padding-left: var(--static-space-160);
}

.pl-xs {
  padding-left: var(--responsive-space-xs);
}

.pl-s {
  padding-left: var(--responsive-space-s);
}

.pl-m {
  padding-left: var(--responsive-space-m);
}

.pl-l {
  padding-left: var(--responsive-space-l);
}

.pl-xl {
  padding-left: var(--responsive-space-xl);
}

.g-horizontal--1 > :not(:first-child) {
  margin-left: -1px;
}

.g-vertical--1 > :not(:first-child) {
  margin-top: -1px;
}

.g-0 {
  gap: var(--static-space-0);
}

.g-1 {
  gap: var(--static-space-1);
}

.g-2 {
  gap: var(--static-space-2);
}

.g-4 {
  gap: var(--static-space-4);
}

.g-8 {
  gap: var(--static-space-8);
}

.g-12 {
  gap: var(--static-space-12);
}

.g-16 {
  gap: var(--static-space-16);
}

.g-20 {
  gap: var(--static-space-20);
}

.g-24 {
  gap: var(--static-space-24);
}

.g-32 {
  gap: var(--static-space-32);
}

.g-40 {
  gap: var(--static-space-40);
}

.g-48 {
  gap: var(--static-space-48);
}

.g-56 {
  gap: var(--static-space-56);
}

.g-64 {
  gap: var(--static-space-64);
}

.g-80 {
  gap: var(--static-space-80);
}

.g-104 {
  gap: var(--static-space-104);
}

.g-128 {
  gap: var(--static-space-128);
}

.g-160 {
  gap: var(--static-space-160);
}

.g-xs {
  gap: var(--responsive-space-xs);
}

.g-s {
  gap: var(--responsive-space-s);
}

.g-m {
  gap: var(--responsive-space-m);
}

.g-l {
  gap: var(--responsive-space-l);
}

.g-xl {
  gap: var(--responsive-space-xl);
}

.radius-none {
  border-radius: none;
}

.radius-xl {
  border-radius: var(--radius-xl);
}

.radius-xl-4 {
  border-radius: var(--radius-xl-nest-4);
}

.radius-xl-8 {
  border-radius: var(--radius-xl-nest-8);
}

.radius-l {
  border-radius: var(--radius-l);
}

.radius-l-4 {
  border-radius: var(--radius-l-nest-4);
}

.radius-l-8 {
  border-radius: var(--radius-l-nest-8);
}

.radius-m {
  border-radius: var(--radius-m);
}

.radius-m-4 {
  border-radius: var(--radius-m-nest-4);
}

.radius-m-8 {
  border-radius: var(--radius-m-nest-8);
}

.radius-s {
  border-radius: var(--radius-s);
}

.radius-s-4 {
  border-radius: var(--radius-s-nest-4);
}

.radius-s-8 {
  border-radius: var(--radius-s-nest-8);
}

.radius-xs {
  border-radius: var(--radius-xs);
}

.radius-xs-4 {
  border-radius: var(--radius-xs-nest-4);
}

.radius-xs-8 {
  border-radius: var(--radius-xs-nest-8);
}

.radius-full {
  border-radius: var(--radius-full);
}

.radius-xs-top {
  border-top-right-radius: var(--radius-xs);
  border-top-left-radius: var(--radius-xs);
}

.radius-s-top {
  border-top-right-radius: var(--radius-s);
  border-top-left-radius: var(--radius-s);
}

.radius-m-top {
  border-top-right-radius: var(--radius-m);
  border-top-left-radius: var(--radius-m);
}

.radius-l-top {
  border-top-right-radius: var(--radius-l);
  border-top-left-radius: var(--radius-l);
}

.radius-xl-top {
  border-top-right-radius: var(--radius-xl);
  border-top-left-radius: var(--radius-xl);
}

.radius-xs-right {
  border-bottom-right-radius: var(--radius-xs);
  border-top-right-radius: var(--radius-xs);
}

.radius-s-right {
  border-bottom-right-radius: var(--radius-s);
  border-top-right-radius: var(--radius-s);
}

.radius-m-right {
  border-bottom-right-radius: var(--radius-m);
  border-top-right-radius: var(--radius-m);
}

.radius-l-right {
  border-bottom-right-radius: var(--radius-l);
  border-top-right-radius: var(--radius-l);
}

.radius-xl-right {
  border-bottom-right-radius: var(--radius-xl);
  border-top-right-radius: var(--radius-xl);
}

.radius-xs-bottom {
  border-bottom-right-radius: var(--radius-xs);
  border-bottom-left-radius: var(--radius-xs);
}

.radius-s-bottom {
  border-bottom-right-radius: var(--radius-s);
  border-bottom-left-radius: var(--radius-s);
}

.radius-m-bottom {
  border-bottom-right-radius: var(--radius-m);
  border-bottom-left-radius: var(--radius-m);
}

.radius-l-bottom {
  border-bottom-right-radius: var(--radius-l);
  border-bottom-left-radius: var(--radius-l);
}

.radius-xl-bottom {
  border-bottom-right-radius: var(--radius-xl);
  border-bottom-left-radius: var(--radius-xl);
}

.radius-xs-left {
  border-bottom-left-radius: var(--radius-xs);
  border-top-left-radius: var(--radius-xs);
}

.radius-s-left {
  border-bottom-left-radius: var(--radius-s);
  border-top-left-radius: var(--radius-s);
}

.radius-m-left {
  border-bottom-left-radius: var(--radius-m);
  border-top-left-radius: var(--radius-m);
}

.radius-l-left {
  border-bottom-left-radius: var(--radius-l);
  border-top-left-radius: var(--radius-l);
}

.radius-xl-left {
  border-bottom-left-radius: var(--radius-xl);
  border-top-left-radius: var(--radius-xl);
}

.radius-xs-top-left {
  border-top-left-radius: var(--radius-xs);
}

.radius-s-top-left {
  border-top-left-radius: var(--radius-s);
}

.radius-m-top-left {
  border-top-left-radius: var(--radius-m);
}

.radius-l-top-left {
  border-top-left-radius: var(--radius-l);
}

.radius-xl-top-left {
  border-top-left-radius: var(--radius-xl);
}

.radius-xs-top-right {
  border-top-right-radius: var(--radius-xs);
}

.radius-s-top-right {
  border-top-right-radius: var(--radius-s);
}

.radius-m-top-right {
  border-top-right-radius: var(--radius-m);
}

.radius-l-top-right {
  border-top-right-radius: var(--radius-l);
}

.radius-xl-top-right {
  border-top-right-radius: var(--radius-xl);
}

.radius-xs-bottom-right {
  border-bottom-right-radius: var(--radius-xs);
}

.radius-s-bottom-right {
  border-bottom-right-radius: var(--radius-s);
}

.radius-m-bottom-right {
  border-bottom-right-radius: var(--radius-m);
}

.radius-l-bottom-right {
  border-bottom-right-radius: var(--radius-l);
}

.radius-xl-bottom-right {
  border-bottom-right-radius: var(--radius-xl);
}

.radius-xs-bottom-left {
  border-bottom-left-radius: var(--radius-xs);
}

.radius-s-bottom-left {
  border-bottom-left-radius: var(--radius-s);
}

.radius-m-bottom-left {
  border-bottom-left-radius: var(--radius-m);
}

.radius-l-bottom-left {
  border-bottom-left-radius: var(--radius-l);
}

.radius-xl-bottom-left {
  border-bottom-left-radius: var(--radius-xl);
}

.border-solid {
  border-style: solid;
}

.border-dashed {
  border-style: dashed;
}

.border-1 {
  border-width: 1px;
}

.border-2 {
  border-width: 2px;
}

.border-reset {
  border-width: 0;
}

.border-top-1 {
  border-top-width: 1px;
}

.border-bottom-1 {
  border-bottom-width: 1px;
}

.border-left-1 {
  border-left-width: 1px;
}

.border-right-1 {
  border-right-width: 1px;
}

.surface-border {
  border-color: var(--surface-border);
}

.transparent-border {
  border-color: var(--static-transparent);
}

.neutral-border-weak {
  border-color: var(--neutral-border-weak);
}

.neutral-border-medium {
  border-color: var(--neutral-border-medium);
}

.neutral-border-strong {
  border-color: var(--neutral-border-strong);
}

.neutral-border-alpha-weak {
  border-color: var(--neutral-alpha-weak);
}

.neutral-border-alpha-medium {
  border-color: var(--neutral-alpha-medium);
}

.neutral-border-alpha-strong {
  border-color: var(--neutral-alpha-strong);
}

.brand-border-weak {
  border-color: var(--brand-border-weak);
}

.brand-border-medium {
  border-color: var(--brand-border-medium);
}

.brand-border-strong {
  border-color: var(--brand-border-strong);
}

.brand-border-alpha-weak {
  border-color: var(--brand-alpha-weak);
}

.brand-border-alpha-medium {
  border-color: var(--brand-alpha-medium);
}

.brand-border-alpha-strong {
  border-color: var(--brand-alpha-strong);
}

.accent-border-weak {
  border-color: var(--accent-border-weak);
}

.accent-border-medium {
  border-color: var(--accent-border-medium);
}

.accent-border-strong {
  border-color: var(--accent-border-strong);
}

.accent-border-alpha-weak {
  border-color: var(--accent-alpha-weak);
}

.accent-border-alpha-medium {
  border-color: var(--accent-alpha-medium);
}

.accent-border-alpha-strong {
  border-color: var(--accent-alpha-strong);
}

.info-border-weak {
  border-color: var(--info-border-weak);
}

.info-border-medium {
  border-color: var(--info-border-medium);
}

.info-border-strong {
  border-color: var(--info-border-strong);
}

.info-border-alpha-weak {
  border-color: var(--info-alpha-weak);
}

.info-border-alpha-medium {
  border-color: var(--info-alpha-medium);
}

.info-border-alpha-strong {
  border-color: var(--info-alpha-strong);
}

.danger-border-weak {
  border-color: var(--danger-border-weak);
}

.danger-border-medium {
  border-color: var(--danger-border-medium);
}

.danger-border-strong {
  border-color: var(--danger-border-strong);
}

.danger-border-alpha-weak {
  border-color: var(--danger-alpha-weak);
}

.danger-border-alpha-medium {
  border-color: var(--danger-alpha-medium);
}

.danger-border-alpha-strong {
  border-color: var(--danger-alpha-strong);
}

.warning-border-weak {
  border-color: var(--warning-border-weak);
}

.warning-border-medium {
  border-color: var(--warning-border-medium);
}

.warning-border-strong {
  border-color: var(--warning-border-strong);
}

.warning-border-alpha-weak {
  border-color: var(--warning-alpha-weak);
}

.warning-border-alpha-medium {
  border-color: var(--warning-alpha-medium);
}

.warning-border-alpha-strong {
  border-color: var(--warning-alpha-strong);
}

.success-border-weak {
  border-color: var(--success-border-weak);
}

.success-border-medium {
  border-color: var(--success-border-medium);
}

.success-border-strong {
  border-color: var(--success-border-strong);
}

.success-border-alpha-weak {
  border-color: var(--success-alpha-weak);
}

.success-border-alpha-medium {
  border-color: var(--success-alpha-medium);
}

.success-border-alpha-strong {
  border-color: var(--success-alpha-strong);
}

.color-inherit {
  color: inherit;
}

.neutral-on-background-weak {
  color: var(--neutral-on-background-weak);
}

.neutral-on-background-medium {
  color: var(--neutral-on-background-medium);
}

.neutral-on-background-strong {
  color: var(--neutral-on-background-strong);
}

.neutral-on-solid-weak {
  color: var(--neutral-on-solid-weak);
}

.neutral-on-solid-medium {
  color: var(--neutral-on-solid-medium);
}

.neutral-on-solid-strong {
  color: var(--neutral-on-solid-strong);
}

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

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

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

.brand-on-solid-weak {
  color: var(--brand-on-solid-weak);
}

.brand-on-solid-medium {
  color: var(--brand-on-solid-medium);
}

.brand-on-solid-strong {
  color: var(--brand-on-solid-strong);
}

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

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

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

.accent-on-solid-weak {
  color: var(--accent-on-solid-weak);
}

.accent-on-solid-medium {
  color: var(--accent-on-solid-medium);
}

.accent-on-solid-strong {
  color: var(--accent-on-solid-strong);
}

.info-on-background-weak {
  color: var(--info-on-background-weak);
}

.info-on-background-medium {
  color: var(--info-on-background-medium);
}

.info-on-background-strong {
  color: var(--info-on-background-strong);
}

.info-on-solid-weak {
  color: var(--info-on-solid-weak);
}

.info-on-solid-medium {
  color: var(--info-on-solid-medium);
}

.info-on-solid-strong {
  color: var(--info-on-solid-strong);
}

.danger-on-background-weak {
  color: var(--danger-on-background-weak);
}

.danger-on-background-medium {
  color: var(--danger-on-background-medium);
}

.danger-on-background-strong {
  color: var(--danger-on-background-strong);
}

.danger-on-solid-weak {
  color: var(--danger-on-solid-weak);
}

.danger-on-solid-medium {
  color: var(--danger-on-solid-medium);
}

.danger-on-solid-strong {
  color: var(--danger-on-solid-strong);
}

.warning-on-background-weak {
  color: var(--warning-on-background-weak);
}

.warning-on-background-medium {
  color: var(--warning-on-background-medium);
}

.warning-on-background-strong {
  color: var(--warning-on-background-strong);
}

.warning-on-solid-weak {
  color: var(--warning-on-solid-weak);
}

.warning-on-solid-medium {
  color: var(--warning-on-solid-medium);
}

.warning-on-solid-strong {
  color: var(--warning-on-solid-strong);
}

.success-on-background-weak {
  color: var(--success-on-background-weak);
}

.success-on-background-medium {
  color: var(--success-on-background-medium);
}

.success-on-background-strong {
  color: var(--success-on-background-strong);
}

.success-on-solid-weak {
  color: var(--success-on-solid-weak);
}

.success-on-solid-medium {
  color: var(--success-on-solid-medium);
}

.success-on-solid-strong {
  color: var(--success-on-solid-strong);
}

.page-background {
  background-color: var(--page-background);
}

.surface-background {
  background-color: var(--surface-background);
  backdrop-filter: var(--backdrop-filter);
}

.overlay-background {
  background-color: var(--backdrop);
}

.neutral-background-weak ::-moz-selection, .neutral-background-medium ::-moz-selection, .neutral-background-strong ::-moz-selection, .neutral-background-alpha-weak ::-moz-selection, .neutral-background-alpha-medium ::-moz-selection, .neutral-background-alpha-strong ::-moz-selection {
  background-color: var(--neutral-on-background-weak);
  color: var(--neutral-background-weak);
}

.neutral-background-weak ::selection, .neutral-background-medium ::selection, .neutral-background-strong ::selection, .neutral-background-alpha-weak ::selection, .neutral-background-alpha-medium ::selection, .neutral-background-alpha-strong ::selection {
  background-color: var(--neutral-on-background-weak);
  color: var(--neutral-background-weak);
}

.neutral-solid-weak ::-moz-selection, .neutral-solid-medium ::-moz-selection, .neutral-solid-strong ::-moz-selection {
  background-color: var(--neutral-background-weak);
  color: var(--neutral-on-background-medium);
}

.neutral-solid-weak ::selection, .neutral-solid-medium ::selection, .neutral-solid-strong ::selection {
  background-color: var(--neutral-background-weak);
  color: var(--neutral-on-background-medium);
}

.neutral-background-weak {
  background-color: var(--neutral-background-weak);
}

.neutral-background-medium {
  background-color: var(--neutral-background-medium);
}

.neutral-background-strong {
  background-color: var(--neutral-background-strong);
}

.neutral-solid-weak {
  background-color: var(--neutral-solid-weak);
}

.neutral-solid-medium {
  background-color: var(--neutral-solid-medium);
}

.neutral-solid-strong {
  background-color: var(--neutral-solid-strong);
}

.neutral-background-alpha-weak {
  background-color: var(--neutral-alpha-weak);
}

.neutral-background-alpha-medium {
  background-color: var(--neutral-alpha-medium);
}

.neutral-background-alpha-strong {
  background-color: var(--neutral-alpha-strong);
}

.brand-background-weak ::-moz-selection, .brand-background-medium ::-moz-selection, .brand-background-strong ::-moz-selection, .brand-background-alpha-weak ::-moz-selection, .brand-background-alpha-medium ::-moz-selection, .brand-background-alpha-strong ::-moz-selection {
  background-color: var(--brand-on-background-weak);
  color: var(--brand-background-weak);
}

.brand-background-weak ::selection, .brand-background-medium ::selection, .brand-background-strong ::selection, .brand-background-alpha-weak ::selection, .brand-background-alpha-medium ::selection, .brand-background-alpha-strong ::selection {
  background-color: var(--brand-on-background-weak);
  color: var(--brand-background-weak);
}

.brand-solid-weak ::-moz-selection, .brand-solid-medium ::-moz-selection, .brand-solid-strong ::-moz-selection {
  background-color: var(--brand-background-weak);
  color: var(--brand-on-background-medium);
}

.brand-solid-weak ::selection, .brand-solid-medium ::selection, .brand-solid-strong ::selection {
  background-color: var(--brand-background-weak);
  color: var(--brand-on-background-medium);
}

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

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

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

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

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

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

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

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

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

.accent-background-weak ::-moz-selection, .accent-background-medium ::-moz-selection, .accent-background-strong ::-moz-selection, .accent-background-alpha-weak ::-moz-selection, .accent-background-alpha-medium ::-moz-selection, .accent-background-alpha-strong ::-moz-selection {
  background-color: var(--accent-on-background-weak);
  color: var(--accent-background-weak);
}

.accent-background-weak ::selection, .accent-background-medium ::selection, .accent-background-strong ::selection, .accent-background-alpha-weak ::selection, .accent-background-alpha-medium ::selection, .accent-background-alpha-strong ::selection {
  background-color: var(--accent-on-background-weak);
  color: var(--accent-background-weak);
}

.accent-solid-weak ::-moz-selection, .accent-solid-medium ::-moz-selection, .accent-solid-strong ::-moz-selection {
  background-color: var(--accent-background-weak);
  color: var(--accent-on-background-medium);
}

.accent-solid-weak ::selection, .accent-solid-medium ::selection, .accent-solid-strong ::selection {
  background-color: var(--accent-background-weak);
  color: var(--accent-on-background-medium);
}

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

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

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

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

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

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

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

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

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

.info-background-weak ::-moz-selection, .info-background-medium ::-moz-selection, .info-background-strong ::-moz-selection, .info-background-alpha-weak ::-moz-selection, .info-background-alpha-medium ::-moz-selection, .info-background-alpha-strong ::-moz-selection {
  background-color: var(--info-on-background-weak);
  color: var(--info-background-weak);
}

.info-background-weak ::selection, .info-background-medium ::selection, .info-background-strong ::selection, .info-background-alpha-weak ::selection, .info-background-alpha-medium ::selection, .info-background-alpha-strong ::selection {
  background-color: var(--info-on-background-weak);
  color: var(--info-background-weak);
}

.info-solid-weak ::-moz-selection, .info-solid-medium ::-moz-selection, .info-solid-strong ::-moz-selection {
  background-color: var(--info-background-weak);
  color: var(--info-on-background-medium);
}

.info-solid-weak ::selection, .info-solid-medium ::selection, .info-solid-strong ::selection {
  background-color: var(--info-background-weak);
  color: var(--info-on-background-medium);
}

.info-background-weak {
  background-color: var(--info-background-weak);
}

.info-background-medium {
  background-color: var(--info-background-medium);
}

.info-background-strong {
  background-color: var(--info-background-strong);
}

.info-solid-weak {
  background-color: var(--info-solid-weak);
}

.info-solid-medium {
  background-color: var(--info-solid-medium);
}

.info-solid-strong {
  background-color: var(--info-solid-strong);
}

.info-background-alpha-weak {
  background-color: var(--info-alpha-weak);
}

.info-background-alpha-medium {
  background-color: var(--info-alpha-medium);
}

.info-background-alpha-strong {
  background-color: var(--info-alpha-strong);
}

.danger-background-weak ::-moz-selection, .danger-background-medium ::-moz-selection, .danger-background-strong ::-moz-selection, .danger-background-alpha-weak ::-moz-selection, .danger-background-alpha-medium ::-moz-selection, .danger-background-alpha-strong ::-moz-selection {
  background-color: var(--danger-on-background-weak);
  color: var(--danger-background-weak);
}

.danger-background-weak ::selection, .danger-background-medium ::selection, .danger-background-strong ::selection, .danger-background-alpha-weak ::selection, .danger-background-alpha-medium ::selection, .danger-background-alpha-strong ::selection {
  background-color: var(--danger-on-background-weak);
  color: var(--danger-background-weak);
}

.danger-solid-weak ::-moz-selection, .danger-solid-medium ::-moz-selection, .danger-solid-strong ::-moz-selection {
  background-color: var(--danger-background-weak);
  color: var(--danger-on-background-medium);
}

.danger-solid-weak ::selection, .danger-solid-medium ::selection, .danger-solid-strong ::selection {
  background-color: var(--danger-background-weak);
  color: var(--danger-on-background-medium);
}

.danger-background-weak {
  background-color: var(--danger-background-weak);
}

.danger-background-medium {
  background-color: var(--danger-background-medium);
}

.danger-background-strong {
  background-color: var(--danger-background-strong);
}

.danger-solid-weak {
  background-color: var(--danger-solid-weak);
}

.danger-solid-medium {
  background-color: var(--danger-solid-medium);
}

.danger-solid-strong {
  background-color: var(--danger-solid-strong);
}

.danger-background-alpha-weak {
  background-color: var(--danger-alpha-weak);
}

.danger-background-alpha-medium {
  background-color: var(--danger-alpha-medium);
}

.danger-background-alpha-strong {
  background-color: var(--danger-alpha-strong);
}

.warning-background-weak ::-moz-selection, .warning-background-medium ::-moz-selection, .warning-background-strong ::-moz-selection, .warning-background-alpha-weak ::-moz-selection, .warning-background-alpha-medium ::-moz-selection, .warning-background-alpha-strong ::-moz-selection {
  background-color: var(--warning-on-background-weak);
  color: var(--warning-background-weak);
}

.warning-background-weak ::selection, .warning-background-medium ::selection, .warning-background-strong ::selection, .warning-background-alpha-weak ::selection, .warning-background-alpha-medium ::selection, .warning-background-alpha-strong ::selection {
  background-color: var(--warning-on-background-weak);
  color: var(--warning-background-weak);
}

.warning-solid-weak ::-moz-selection, .warning-solid-medium ::-moz-selection, .warning-solid-strong ::-moz-selection {
  background-color: var(--warning-background-weak);
  color: var(--warning-on-background-medium);
}

.warning-solid-weak ::selection, .warning-solid-medium ::selection, .warning-solid-strong ::selection {
  background-color: var(--warning-background-weak);
  color: var(--warning-on-background-medium);
}

.warning-background-weak {
  background-color: var(--warning-background-weak);
}

.warning-background-medium {
  background-color: var(--warning-background-medium);
}

.warning-background-strong {
  background-color: var(--warning-background-strong);
}

.warning-solid-weak {
  background-color: var(--warning-solid-weak);
}

.warning-solid-medium {
  background-color: var(--warning-solid-medium);
}

.warning-solid-strong {
  background-color: var(--warning-solid-strong);
}

.warning-background-alpha-weak {
  background-color: var(--warning-alpha-weak);
}

.warning-background-alpha-medium {
  background-color: var(--warning-alpha-medium);
}

.warning-background-alpha-strong {
  background-color: var(--warning-alpha-strong);
}

.success-background-weak ::-moz-selection, .success-background-medium ::-moz-selection, .success-background-strong ::-moz-selection, .success-background-alpha-weak ::-moz-selection, .success-background-alpha-medium ::-moz-selection, .success-background-alpha-strong ::-moz-selection {
  background-color: var(--success-on-background-weak);
  color: var(--success-background-weak);
}

.success-background-weak ::selection, .success-background-medium ::selection, .success-background-strong ::selection, .success-background-alpha-weak ::selection, .success-background-alpha-medium ::selection, .success-background-alpha-strong ::selection {
  background-color: var(--success-on-background-weak);
  color: var(--success-background-weak);
}

.success-solid-weak ::-moz-selection, .success-solid-medium ::-moz-selection, .success-solid-strong ::-moz-selection {
  background-color: var(--success-background-weak);
  color: var(--success-on-background-medium);
}

.success-solid-weak ::selection, .success-solid-medium ::selection, .success-solid-strong ::selection {
  background-color: var(--success-background-weak);
  color: var(--success-on-background-medium);
}

.success-background-weak {
  background-color: var(--success-background-weak);
}

.success-background-medium {
  background-color: var(--success-background-medium);
}

.success-background-strong {
  background-color: var(--success-background-strong);
}

.success-solid-weak {
  background-color: var(--success-solid-weak);
}

.success-solid-medium {
  background-color: var(--success-solid-medium);
}

.success-solid-strong {
  background-color: var(--success-solid-strong);
}

.success-background-alpha-weak {
  background-color: var(--success-alpha-weak);
}

.success-background-alpha-medium {
  background-color: var(--success-alpha-medium);
}

.success-background-alpha-strong {
  background-color: var(--success-alpha-strong);
}

html {
  font-size: var(--font-scaling-desktop);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-normal);
  color: var(--neutral-on-background-strong);
}

@media (width <= 1024px) {
  html {
    font-size: var(--font-scaling-tablet);
  }
}

@media (width <= 768px) {
  html {
    font-size: var(--font-scaling-mobile);
  }
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
}

.font-size-inherit {
  font-size: inherit;
}

.font-weight-inherit {
  font-weight: inherit;
}

.font-display {
  font-family: var(--font-family-heading);
}

.font-display.font-strong, .font-display > .font-strong {
  font-weight: var(--font-weight-display-strong);
}

.font-display.font-default, .font-display > .font-default {
  font-weight: var(--font-weight-display-default);
}

.font-display.font-xl, .font-display > .font-xl {
  font-size: calc(var(--font-size-display-xl) * var(--font-size-heading-multiplier));
  line-height: calc(var(--line-height-display-xl) * var(--line-height-heading-multiplier));
  letter-spacing: -.05em;
}

.font-display.font-l, .font-display > .font-l {
  font-size: calc(var(--font-size-display-l) * var(--font-size-heading-multiplier));
  line-height: calc(var(--line-height-display-l) * var(--line-height-heading-multiplier));
  letter-spacing: -.04em;
}

.font-display.font-m, .font-display > .font-m {
  font-size: calc(var(--font-size-display-m) * var(--font-size-heading-multiplier));
  line-height: calc(var(--line-height-display-m) * var(--line-height-heading-multiplier));
  letter-spacing: -.03em;
}

.font-display.font-s, .font-display > .font-s {
  font-size: calc(var(--font-size-display-s) * var(--font-size-heading-multiplier));
  line-height: calc(var(--line-height-display-s) * var(--line-height-heading-multiplier));
  letter-spacing: -.02em;
}

.font-display.font-xs, .font-display > .font-xs {
  font-size: calc(var(--font-size-display-xs) * var(--font-size-heading-multiplier));
  line-height: calc(var(--line-height-display-xs) * var(--line-height-heading-multiplier));
}

.font-heading {
  font-family: var(--font-family-heading);
}

.font-heading.font-strong, .font-heading > .font-strong {
  font-weight: var(--font-weight-heading-strong);
}

.font-heading.font-default, .font-heading > .font-default {
  font-weight: var(--font-weight-heading-default);
}

.font-heading.font-xl, .font-heading > .font-xl {
  font-size: calc(var(--font-size-heading-xl) * var(--font-size-heading-multiplier));
  line-height: calc(var(--line-height-heading-xl) * var(--line-height-heading-multiplier));
}

.font-heading.font-l, .font-heading > .font-l {
  font-size: calc(var(--font-size-heading-l) * var(--font-size-heading-multiplier));
  line-height: calc(var(--line-height-heading-l) * var(--line-height-heading-multiplier));
}

.font-heading.font-m, .font-heading > .font-m {
  font-size: calc(var(--font-size-heading-m) * var(--font-size-heading-multiplier));
  line-height: calc(var(--line-height-heading-m) * var(--line-height-heading-multiplier));
}

.font-heading.font-s, .font-heading > .font-s {
  font-size: calc(var(--font-size-heading-s) * var(--font-size-heading-multiplier));
  line-height: calc(var(--line-height-heading-s) * var(--line-height-heading-multiplier));
}

.font-heading.font-xs, .font-heading > .font-xs {
  font-size: calc(var(--font-size-heading-xs) * var(--font-size-heading-multiplier));
  line-height: calc(var(--line-height-heading-xs) * var(--line-height-heading-multiplier));
}

.font-body {
  font-family: var(--font-family-body);
}

.font-body.font-strong, .font-body > .font-strong {
  font-weight: var(--font-weight-body-strong);
}

.font-body.font-default, .font-body > .font-default {
  font-weight: var(--font-weight-body-default);
}

.font-body.font-xl, .font-body > .font-xl {
  font-size: calc(var(--font-size-body-xl) * var(--font-size-body-multiplier));
  line-height: calc(var(--line-height-body-xl) * var(--line-height-body-multiplier));
}

.font-body.font-l, .font-body > .font-l {
  font-size: calc(var(--font-size-body-l) * var(--font-size-body-multiplier));
  line-height: calc(var(--line-height-body-l) * var(--line-height-body-multiplier));
}

.font-body.font-m, .font-body > .font-m {
  font-size: calc(var(--font-size-body-m) * var(--font-size-body-multiplier));
  line-height: calc(var(--line-height-body-m) * var(--line-height-body-multiplier));
}

.font-body.font-s, .font-body > .font-s {
  font-size: calc(var(--font-size-body-s) * var(--font-size-body-multiplier));
  line-height: calc(var(--line-height-body-s) * var(--line-height-body-multiplier));
}

.font-body.font-xs, .font-body > .font-xs {
  font-size: calc(var(--font-size-body-xs) * var(--font-size-body-multiplier));
  line-height: calc(var(--line-height-body-xs) * var(--line-height-body-multiplier));
}

.font-label {
  font-family: var(--font-family-label);
}

.font-label.font-strong, .font-label > .font-strong {
  font-weight: var(--font-weight-label-strong);
}

.font-label.font-default, .font-label > .font-default {
  font-weight: var(--font-weight-label-default);
}

.font-label.font-l, .font-label > .font-l {
  font-size: calc(var(--font-size-label-l) * var(--font-size-label-multiplier));
  line-height: calc(var(--line-height-label-l) * var(--line-height-label-multiplier));
}

.font-label.font-m, .font-label > .font-m {
  font-size: calc(var(--font-size-label-m) * var(--font-size-label-multiplier));
  line-height: calc(var(--line-height-label-m) * var(--line-height-label-multiplier));
}

.font-label.font-s, .font-label > .font-s {
  font-size: calc(var(--font-size-label-s) * var(--font-size-label-multiplier));
  line-height: calc(var(--line-height-label-s) * var(--line-height-label-multiplier));
}

.font-code {
  font-family: var(--font-family-code);
}

.font-code.font-strong, .font-code > .font-strong {
  font-weight: var(--font-weight-code-strong);
}

.font-code.font-default, .font-code > .font-default {
  font-weight: var(--font-weight-code-default);
}

.font-code.font-l, .font-code > .font-l {
  font-size: calc(var(--font-size-label-l) * var(--font-size-label-multiplier));
  line-height: calc(var(--line-height-label-l) * var(--line-height-label-multiplier));
}

.font-code.font-m, .font-code > .font-m {
  font-size: calc(var(--font-size-label-m) * var(--font-size-label-multiplier));
  line-height: calc(var(--line-height-label-m) * var(--line-height-label-multiplier));
}

.font-code.font-s, .font-code > .font-s {
  font-size: calc(var(--font-size-label-s) * var(--font-size-label-multiplier));
  line-height: calc(var(--line-height-label-s) * var(--line-height-label-multiplier));
}

* {
  box-sizing: border-box;
  scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6 {
  scroll-margin-top: var(--static-space-80);
}

ul, ol {
  width: 100%;
  margin: 0;
}

ul {
  padding: 0 0 0 var(--static-space-12);
}

ul li {
  padding-left: var(--static-space-8);
}

ol {
  padding: 0 0 0 var(--static-space-16);
}

ol li {
  padding-left: var(--static-space-16);
}

li {
  line-height: 175%;
  font-size: inherit;
  color: inherit;
  margin-bottom: var(--static-space-12);
  padding: 0;
  list-style-position: inside;
}

li::marker {
  color: var(--brand-on-background-weak);
}

blockquote {
  margin: var(--static-space-16) 0;
  border-radius: var(--radius-m);
  background: var(--brand-alpha-weak);
  text-wrap: balance;
  backdrop-filter: blur(var(--static-space-2));
  border: 1px dashed var(--brand-alpha-medium);
  max-width: var(--responsive-width-xs);
  padding: var(--static-space-12) var(--static-space-24) var(--static-space-8) var(--static-space-24);
  width: 100%;
  display: flex;
  overflow: hidden;
}

blockquote span {
  padding: var(--static-space-16) var(--static-space-24);
  color: var(--brand-on-background-medium) !important;
  font-family: var(--font-family-code) !important;
  margin: 0 !important;
}

img {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

::-moz-selection {
  background: var(--neutral-on-background-medium);
  color: var(--neutral-background-strong);
}

::selection {
  background: var(--neutral-on-background-medium);
  color: var(--neutral-background-strong);
}

a:not(.button) {
  color: var(--brand-on-background-medium);
  transition: var(--transition-micro-medium);
  text-underline-offset: .25em;
  text-decoration: none;
  text-decoration-color: var(--neutral-border-strong) !important;
}

a:not(.button):hover {
  color: var(--brand-on-background-strong);
  text-decoration: none;
}

::-webkit-scrollbar {
  background: var(--static-transparent);
  width: var(--static-space-8);
  height: var(--static-space-8);
}

::-webkit-scrollbar-track {
  background: var(--static-transparent);
}

::-webkit-scrollbar-thumb {
  background: var(--neutral-alpha-medium);
  -webkit-transition: var(--transition-micro-medium);
  transition: var(--transition-micro-medium);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--neutral-alpha-strong);
}

::-webkit-scrollbar-corner {
  background-color: var(--static-transparent);
}

.display-flex {
  display: flex;
}

.display-grid {
  display: grid;
}

.display-inline-flex {
  display: inline-flex;
}

.flex-column {
  flex-direction: column;
}

.flex-row {
  flex-direction: row;
}

.flex-column-reverse {
  flex-direction: column-reverse;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.l-flex-show, .m-flex-show, .s-flex-show {
  display: none !important;
}

@media (width <= 1440px) {
  .l-flex-hide {
    display: none !important;
  }

  .l-flex-show {
    display: flex !important;
  }

  .l-flex-column {
    flex-direction: column !important;
  }

  .l-flex-row {
    flex-direction: row !important;
  }

  .l-flex-column-reverse {
    flex-direction: column-reverse !important;
  }

  .l-flex-row-reverse {
    flex-direction: row-reverse !important;
  }
}

@media (width <= 1024px) {
  .m-flex-hide {
    display: none !important;
  }

  .m-flex-show {
    display: flex !important;
  }

  .m-flex-column {
    flex-direction: column !important;
  }

  .m-flex-row {
    flex-direction: row !important;
  }

  .m-flex-column-reverse {
    flex-direction: column-reverse !important;
  }

  .m-flex-row-reverse {
    flex-direction: row-reverse !important;
  }
}

@media (width <= 768px) {
  .s-flex-hide {
    display: none !important;
  }

  .s-flex-show {
    display: flex !important;
  }

  .s-flex-column {
    flex-direction: column !important;
  }

  .s-flex-row {
    flex-direction: row !important;
  }

  .s-flex-column-reverse {
    flex-direction: column-reverse !important;
  }

  .s-flex-row-reverse {
    flex-direction: row-reverse !important;
  }
}

.shadow-xs {
  box-shadow: var(--shadow-xs);
}

.shadow-s {
  box-shadow: var(--shadow-s);
}

.shadow-m {
  box-shadow: var(--shadow-m);
}

.shadow-l {
  box-shadow: var(--shadow-l);
}

.shadow-xl {
  box-shadow: var(--shadow-xl);
}

.fill-width {
  width: 100%;
}

.fill-height {
  height: 100%;
}

.fill {
  width: 100%;
  height: 100%;
}

.fit-width {
  width: fit-content;
}

.fit-height {
  height: fit-content;
}

.fit {
  width: fit-content;
  height: fit-content;
}

.min-width-0 {
  min-width: 0;
}

.min-height-0 {
  min-height: 0;
}

.overflow-auto {
  overflow: auto;
}

.overflow-x-scroll {
  overflow-x: scroll;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.opacity-0 {
  opacity: 0;
}

.opacity-10 {
  opacity: .1;
}

.opacity-20 {
  opacity: .2;
}

.opacity-30 {
  opacity: .3;
}

.opacity-40 {
  opacity: .4;
}

.opacity-50 {
  opacity: .5;
}

.opacity-60 {
  opacity: .6;
}

.opacity-70 {
  opacity: .7;
}

.opacity-80 {
  opacity: .8;
}

.opacity-90 {
  opacity: .9;
}

.opacity-100 {
  opacity: 1;
}

.z-index--1 {
  z-index: -1;
}

.z-index-0 {
  z-index: 0;
}

.z-index-1 {
  z-index: 1;
}

.z-index-2 {
  z-index: 2;
}

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

.z-index-4 {
  z-index: 4;
}

.z-index-5 {
  z-index: 5;
}

.z-index-6 {
  z-index: 6;
}

.z-index-7 {
  z-index: 7;
}

.z-index-8 {
  z-index: 8;
}

.z-index-9 {
  z-index: 9;
}

.z-index-10 {
  z-index: 10;
}

.transition-micro-short {
  transition: var(--transition-micro-short);
}

.transition-micro-medium {
  transition: var(--transition-micro-medium);
}

.transition-micro-long {
  transition: var(--transition-micro-long);
}

.transition-macro-short {
  transition: var(--transition-macro-short);
}

.transition-macro-medium {
  transition: var(--transition-macro-medium);
}

.transition-macro-long {
  transition: var(--transition-macro-long);
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

.pointer-events-all {
  pointer-events: all;
}

.cursor-interactive {
  cursor: var(--cursor-interactive);
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-default {
  cursor: default;
}

.cursor-text {
  cursor: text;
}

.cursor-move {
  cursor: move;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.cursor-wait {
  cursor: wait;
}

.cursor-help {
  cursor: help;
}

.cursor-grab {
  cursor: grab;
}

.cursor-grabbing {
  cursor: grabbing;
}

.cursor-zoom-in {
  cursor: zoom-in;
}

.cursor-zoom-out {
  cursor: zoom-out;
}

.position-relative {
  position: relative;
}

.position-fixed {
  position: fixed;
}

.position-absolute {
  position: absolute;
}

.position-sticky {
  position: sticky;
}

.position-static {
  position: static;
}

.top-0 {
  top: 0;
}

.left-0 {
  left: 0;
}

.bottom-0 {
  bottom: 0;
}

.right-0 {
  right: 0;
}

.top-1 {
  top: var(--static-space-1);
}

.left-1 {
  left: var(--static-space-1);
}

.bottom-1 {
  bottom: var(--static-space-1);
}

.right-1 {
  right: var(--static-space-1);
}

.top-2 {
  top: var(--static-space-2);
}

.left-2 {
  left: var(--static-space-2);
}

.bottom-2 {
  bottom: var(--static-space-2);
}

.right-2 {
  right: var(--static-space-2);
}

.top-4 {
  top: var(--static-space-4);
}

.left-4 {
  left: var(--static-space-4);
}

.bottom-4 {
  bottom: var(--static-space-4);
}

.right-4 {
  right: var(--static-space-4);
}

.top-8 {
  top: var(--static-space-8);
}

.left-8 {
  left: var(--static-space-8);
}

.bottom-8 {
  bottom: var(--static-space-8);
}

.right-8 {
  right: var(--static-space-8);
}

.top-12 {
  top: var(--static-space-12);
}

.left-12 {
  left: var(--static-space-12);
}

.bottom-12 {
  bottom: var(--static-space-12);
}

.right-12 {
  right: var(--static-space-12);
}

.top-16 {
  top: var(--static-space-16);
}

.left-16 {
  left: var(--static-space-16);
}

.bottom-16 {
  bottom: var(--static-space-16);
}

.right-16 {
  right: var(--static-space-16);
}

.top-20 {
  top: var(--static-space-20);
}

.left-20 {
  left: var(--static-space-20);
}

.bottom-20 {
  bottom: var(--static-space-20);
}

.right-20 {
  right: var(--static-space-20);
}

.top-24 {
  top: var(--static-space-24);
}

.left-24 {
  left: var(--static-space-24);
}

.bottom-24 {
  bottom: var(--static-space-24);
}

.right-24 {
  right: var(--static-space-24);
}

.top-32 {
  top: var(--static-space-32);
}

.left-32 {
  left: var(--static-space-32);
}

.bottom-32 {
  bottom: var(--static-space-32);
}

.right-32 {
  right: var(--static-space-32);
}

.top-40 {
  top: var(--static-space-40);
}

.left-40 {
  left: var(--static-space-40);
}

.bottom-40 {
  bottom: var(--static-space-40);
}

.right-40 {
  right: var(--static-space-40);
}

.top-48 {
  top: var(--static-space-48);
}

.left-48 {
  left: var(--static-space-48);
}

.bottom-48 {
  bottom: var(--static-space-48);
}

.right-48 {
  right: var(--static-space-48);
}

.top-56 {
  top: var(--static-space-56);
}

.left-56 {
  left: var(--static-space-56);
}

.bottom-56 {
  bottom: var(--static-space-56);
}

.right-56 {
  right: var(--static-space-56);
}

.top-64 {
  top: var(--static-space-64);
}

.left-64 {
  left: var(--static-space-64);
}

.bottom-64 {
  bottom: var(--static-space-64);
}

.right-64 {
  right: var(--static-space-64);
}

.top-80 {
  top: var(--static-space-80);
}

.left-80 {
  left: var(--static-space-80);
}

.bottom-80 {
  bottom: var(--static-space-80);
}

.right-80 {
  right: var(--static-space-80);
}

.top-104 {
  top: var(--static-space-104);
}

.left-104 {
  left: var(--static-space-104);
}

.bottom-104 {
  bottom: var(--static-space-104);
}

.right-104 {
  right: var(--static-space-104);
}

.top-128 {
  top: var(--static-space-128);
}

.left-128 {
  left: var(--static-space-128);
}

.bottom-128 {
  bottom: var(--static-space-128);
}

.right-128 {
  right: var(--static-space-128);
}

.top-160 {
  top: var(--static-space-160);
}

.left-160 {
  left: var(--static-space-160);
}

.bottom-160 {
  bottom: var(--static-space-160);
}

.right-160 {
  right: var(--static-space-160);
}

.columns-1 {
  grid-template-columns: 1fr;
}

.columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.columns-8 {
  grid-template-columns: repeat(12, 1fr);
}

@media (width <= 1024px) {
  .tablet-columns-1 {
    grid-template-columns: 1fr;
  }

  .tablet-columns-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .tablet-columns-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .tablet-columns-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .tablet-columns-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .tablet-columns-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .tablet-columns-7 {
    grid-template-columns: repeat(7, 1fr);
  }

  .tablet-columns-8 {
    grid-template-columns: repeat(12, 1fr);
  }
}

@media (width <= 768px) {
  .mobile-columns-1 {
    grid-template-columns: 1fr;
  }

  .mobile-columns-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .mobile-columns-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .mobile-columns-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .mobile-columns-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .mobile-columns-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .mobile-columns-7 {
    grid-template-columns: repeat(7, 1fr);
  }

  .mobile-columns-8 {
    grid-template-columns: repeat(12, 1fr);
  }
}

.justify-start {
  justify-content: flex-start;
}

.justify-center {
  justify-content: center;
}

.justify-end {
  justify-content: flex-end;
}

.justify-space-between {
  justify-content: space-between;
}

.justify-space-around {
  justify-content: space-around;
}

.justify-space-evenly {
  justify-content: space-evenly;
}

.justify-stretch {
  justify-content: stretch;
}

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

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

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

.align-space-between {
  align-items: space-between;
}

.align-space-around {
  align-items: space-around;
}

.align-space-evenly {
  align-items: space-evenly;
}

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

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

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.flex-0 {
  flex: 0;
}

.flex-1 {
  flex: 1;
}

.flex-2 {
  flex: 2;
}

.flex-3 {
  flex: 3;
}

.flex-4 {
  flex: 4;
}

.flex-5 {
  flex: 5;
}

.flex-6 {
  flex: 6;
}

.flex-7 {
  flex: 7;
}

.flex-8 {
  flex: 8;
}

.flex-9 {
  flex: 9;
}

.flex-10 {
  flex: 10;
}

.flex-11 {
  flex: 11;
}

.flex-12 {
  flex: 12;
}

.text-decoration-none {
  text-decoration: none;
}

.reset-button-styles {
  background: none;
  border: 0;
  outline: 0;
  padding: 0;
}

.focus-ring:focus-visible {
  outline: var(--static-space-2) solid var(--brand-solid-strong);
  outline-offset: 2px;
}


/* [project]/src/zerolumens-style/tokens/index.scss.css [app-client] (css) */
:root {
  --static-transparent: #0000;
  --static-white: #fff;
  --static-white-medium: #ffffff4d;
  --static-black: #000;
  --static-black-medium: #0000004d;
  --scheme-sand-100: #0d0a00;
  --scheme-sand-200: #1b1608;
  --scheme-sand-300: #443f30;
  --scheme-sand-400: #5e594c;
  --scheme-sand-500: #797465;
  --scheme-sand-600: #999486;
  --scheme-sand-700: #b7b2a4;
  --scheme-sand-800: #d7d2c4;
  --scheme-sand-900: #e5e0d2;
  --scheme-sand-1000: #f2eddf;
  --scheme-sand-1100: #f8f3e5;
  --scheme-sand-1200: #fdf9ee;
  --scheme-sand-600-10: #9994861a;
  --scheme-sand-600-30: #9994864d;
  --scheme-sand-600-50: #99948680;
  --scheme-gray-100: #0a0a0a;
  --scheme-gray-200: #151515;
  --scheme-gray-300: #3f3f3f;
  --scheme-gray-400: #595959;
  --scheme-gray-500: #757575;
  --scheme-gray-600: #959595;
  --scheme-gray-700: #b2b2b2;
  --scheme-gray-800: #d2d2d2;
  --scheme-gray-900: #e0e0e0;
  --scheme-gray-1000: #ededed;
  --scheme-gray-1100: #f3f3f3;
  --scheme-gray-1200: #f9f9f9;
  --scheme-gray-600-10: #9595951a;
  --scheme-gray-600-30: #9595954d;
  --scheme-gray-600-50: #95959580;
  --scheme-slate-100: #040816;
  --scheme-slate-200: #0f152b;
  --scheme-slate-300: #393f55;
  --scheme-slate-400: #52586f;
  --scheme-slate-500: #6d748a;
  --scheme-slate-600: #8e94aa;
  --scheme-slate-700: #acb2c8;
  --scheme-slate-800: #ccd2e8;
  --scheme-slate-900: #dae0f6;
  --scheme-slate-1000: #e9edfe;
  --scheme-slate-1100: #f1f3fd;
  --scheme-slate-1200: #f8f9fd;
  --scheme-slate-600-10: #8e94aa1a;
  --scheme-slate-600-30: #8e94aa4d;
  --scheme-slate-600-50: #8e94aa80;
  --scheme-red-100: #130507;
  --scheme-red-200: #2a0a10;
  --scheme-red-300: #830711;
  --scheme-red-400: #b6020c;
  --scheme-red-500: #e90507;
  --scheme-red-600: #ff5f53;
  --scheme-red-700: #ff9689;
  --scheme-red-800: #fdc6bd;
  --scheme-red-900: #fdd8d2;
  --scheme-red-1000: #fdeae6;
  --scheme-red-1100: #fcf1ef;
  --scheme-red-1200: #fdf9f8;
  --scheme-red-600-10: #ff5f531a;
  --scheme-red-600-30: #ff5f534d;
  --scheme-red-600-50: #ff5f5380;
  --scheme-orange-100: #120605;
  --scheme-orange-200: #270d0a;
  --scheme-orange-300: #7c1a06;
  --scheme-orange-400: #ac2401;
  --scheme-orange-500: #db3400;
  --scheme-orange-600: #fd6325;
  --scheme-orange-700: #ff9964;
  --scheme-orange-800: #fec8a4;
  --scheme-orange-900: #fddac2;
  --scheme-orange-1000: #fdeadd;
  --scheme-orange-1100: #fcf2e9;
  --scheme-orange-1200: #fcf9f5;
  --scheme-orange-600-10: #fd63251a;
  --scheme-orange-600-30: #fd63254d;
  --scheme-orange-600-50: #fd632580;
  --scheme-yellow-100: #100704;
  --scheme-yellow-200: #231009;
  --scheme-yellow-300: #6b2d09;
  --scheme-yellow-400: #924205;
  --scheme-yellow-500: #b85b02;
  --scheme-yellow-600: #e07b00;
  --scheme-yellow-700: #fe9c0b;
  --scheme-yellow-800: #fecc55;
  --scheme-yellow-900: #fede79;
  --scheme-yellow-1000: #fceea7;
  --scheme-yellow-1100: #fbf5cb;
  --scheme-yellow-1200: #fbfaeb;
  --scheme-yellow-600-10: #e07b001a;
  --scheme-yellow-600-30: #e07b004d;
  --scheme-yellow-600-50: #e07b0080;
  --scheme-moss-100: #080b04;
  --scheme-moss-200: #111707;
  --scheme-moss-300: #2f460c;
  --scheme-moss-400: #3c630a;
  --scheme-moss-500: #478309;
  --scheme-moss-600: #4fa900;
  --scheme-moss-700: #54cc01;
  --scheme-moss-800: #76ed53;
  --scheme-moss-900: #98f789;
  --scheme-moss-1000: #c0fdbb;
  --scheme-moss-1100: #dafdd7;
  --scheme-moss-1200: #f0fdef;
  --scheme-moss-600-10: #4fa9001a;
  --scheme-moss-600-30: #4fa9004d;
  --scheme-moss-600-50: #4fa90080;
  --scheme-green-100: #040b07;
  --scheme-green-200: #081810;
  --scheme-green-300: #0d4929;
  --scheme-green-400: #0c6731;
  --scheme-green-500: #0a8637;
  --scheme-green-600: #08ac3a;
  --scheme-green-700: #01cf38;
  --scheme-green-800: #5fef61;
  --scheme-green-900: #91f88c;
  --scheme-green-1000: #c0fdbb;
  --scheme-green-1100: #dafdd7;
  --scheme-green-1200: #f0fdef;
  --scheme-green-600-10: #08ac3a1a;
  --scheme-green-600-30: #08ac3a4d;
  --scheme-green-600-50: #08ac3a80;
  --scheme-emerald-100: #040b0a;
  --scheme-emerald-200: #081816;
  --scheme-emerald-300: #0d483c;
  --scheme-emerald-400: #0c6551;
  --scheme-emerald-500: #0a8466;
  --scheme-emerald-600: #08a97c;
  --scheme-emerald-700: #01cb90;
  --scheme-emerald-800: #56ecad;
  --scheme-emerald-900: #84f6c3;
  --scheme-emerald-1000: #b4fdda;
  --scheme-emerald-1100: #d7fcea;
  --scheme-emerald-1200: #eefdf5;
  --scheme-emerald-600-10: #08a97c1a;
  --scheme-emerald-600-30: #08a97c4d;
  --scheme-emerald-600-50: #08a97c80;
  --scheme-aqua-100: #050b0d;
  --scheme-aqua-200: #081719;
  --scheme-aqua-300: #0c464b;
  --scheme-aqua-400: #0c6367;
  --scheme-aqua-500: #0b8184;
  --scheme-aqua-600: #08a6a5;
  --scheme-aqua-700: #01c7c3;
  --scheme-aqua-800: #4de9dc;
  --scheme-aqua-900: #78f6e4;
  --scheme-aqua-1000: #b0fcee;
  --scheme-aqua-1100: #d3fcf3;
  --scheme-aqua-1200: #ecfdf9;
  --scheme-aqua-600-10: #08a6a51a;
  --scheme-aqua-600-30: #08a6a54d;
  --scheme-aqua-600-50: #08a6a580;
  --scheme-cyan-100: #050911;
  --scheme-cyan-200: #0a1525;
  --scheme-cyan-300: #094074;
  --scheme-cyan-400: #045b9c;
  --scheme-cyan-500: #0279be;
  --scheme-cyan-600: #049ee2;
  --scheme-cyan-700: #17c0fd;
  --scheme-cyan-800: #60e4fc;
  --scheme-cyan-900: #82f1fc;
  --scheme-cyan-1000: #b3fafc;
  --scheme-cyan-1100: #d4fbfc;
  --scheme-cyan-1200: #effcfd;
  --scheme-cyan-600-10: #049ee21a;
  --scheme-cyan-600-30: #049ee24d;
  --scheme-cyan-600-50: #049ee280;
  --scheme-blue-100: #0a071b;
  --scheme-blue-200: #0d0b44;
  --scheme-blue-300: #0019cb;
  --scheme-blue-400: #033cf8;
  --scheme-blue-500: #2d69fa;
  --scheme-blue-600: #5a93fc;
  --scheme-blue-700: #84b5fd;
  --scheme-blue-800: #b4d6fb;
  --scheme-blue-900: #cbe3fb;
  --scheme-blue-1000: #e0effc;
  --scheme-blue-1100: #ebf5fc;
  --scheme-blue-1200: #f6fafd;
  --scheme-blue-600-10: #5a93fc1a;
  --scheme-blue-600-30: #5a93fc4d;
  --scheme-blue-600-50: #5a93fc80;
  --scheme-indigo-100: #0e0718;
  --scheme-indigo-200: #1c0b35;
  --scheme-indigo-300: #3d01c5;
  --scheme-indigo-400: #5625f7;
  --scheme-indigo-500: #7358fa;
  --scheme-indigo-600: #9585fa;
  --scheme-indigo-700: #b3a9fd;
  --scheme-indigo-800: #d2cefb;
  --scheme-indigo-900: #e0defa;
  --scheme-indigo-1000: #ededfb;
  --scheme-indigo-1100: #f3f2fc;
  --scheme-indigo-1200: #f9f9fd;
  --scheme-indigo-600-10: #9585fa1a;
  --scheme-indigo-600-30: #9585fa4d;
  --scheme-indigo-600-50: #9585fa80;
  --scheme-violet-100: #0e0512;
  --scheme-violet-200: #210b2b;
  --scheme-violet-300: #60099b;
  --scheme-violet-400: #7d04e4;
  --scheme-violet-500: #9745f7;
  --scheme-violet-600: #b07afa;
  --scheme-violet-700: #c7a2fd;
  --scheme-violet-800: #ddcbfb;
  --scheme-violet-900: #e6dcfb;
  --scheme-violet-1000: #f0ebfc;
  --scheme-violet-1100: #f5f3fc;
  --scheme-violet-1200: #faf8fd;
  --scheme-violet-600-10: #b07afa1a;
  --scheme-violet-600-30: #b07afa4d;
  --scheme-violet-600-50: #b07afa80;
  --scheme-magenta-100: #100511;
  --scheme-magenta-200: #250a26;
  --scheme-magenta-300: #70077b;
  --scheme-magenta-400: #9902b3;
  --scheme-magenta-500: #bd1de8;
  --scheme-magenta-600: #d166fa;
  --scheme-magenta-700: #dc98fd;
  --scheme-magenta-800: #e8c7fb;
  --scheme-magenta-900: #efd9fb;
  --scheme-magenta-1000: #f5e9fc;
  --scheme-magenta-1100: #f8f1fc;
  --scheme-magenta-1200: #fbf8fd;
  --scheme-magenta-600-10: #d166fa1a;
  --scheme-magenta-600-30: #d166fa4d;
  --scheme-magenta-600-50: #d166fa80;
  --scheme-pink-100: #12050b;
  --scheme-pink-200: #280a1a;
  --scheme-pink-300: #7d074a;
  --scheme-pink-400: #ae0169;
  --scheme-pink-500: #de028e;
  --scheme-pink-600: #f854be;
  --scheme-pink-700: #fd8be4;
  --scheme-pink-800: #fcc0f1;
  --scheme-pink-900: #fcd5f5;
  --scheme-pink-1000: #fce7f9;
  --scheme-pink-1100: #fcf0fa;
  --scheme-pink-1200: #fdf8fc;
  --scheme-pink-600-10: #f854be1a;
  --scheme-pink-600-30: #f854be4d;
  --scheme-pink-600-50: #f854be80;
  --function-info-100: var(--scheme-gray-100);
  --function-info-200: var(--scheme-gray-200);
  --function-info-300: var(--scheme-gray-300);
  --function-info-400: var(--scheme-gray-400);
  --function-info-500: var(--scheme-gray-500);
  --function-info-600: var(--scheme-gray-600);
  --function-info-700: var(--scheme-gray-700);
  --function-info-800: var(--scheme-gray-800);
  --function-info-900: var(--scheme-gray-900);
  --function-info-1000: var(--scheme-gray-1000);
  --function-info-1100: var(--scheme-gray-1100);
  --function-info-1200: var(--scheme-gray-1200);
  --function-info-600-10: var(--scheme-gray-600-10);
  --function-info-600-30: var(--scheme-gray-600-30);
  --function-info-600-50: var(--scheme-gray-600-50);
  --function-warning-100: var(--scheme-yellow-100);
  --function-warning-200: var(--scheme-yellow-200);
  --function-warning-300: var(--scheme-yellow-300);
  --function-warning-400: var(--scheme-yellow-400);
  --function-warning-500: var(--scheme-yellow-500);
  --function-warning-600: var(--scheme-yellow-600);
  --function-warning-700: var(--scheme-yellow-700);
  --function-warning-800: var(--scheme-yellow-800);
  --function-warning-900: var(--scheme-yellow-900);
  --function-warning-1000: var(--scheme-yellow-1000);
  --function-warning-1100: var(--scheme-yellow-1100);
  --function-warning-1200: var(--scheme-yellow-1200);
  --function-warning-600-10: var(--scheme-yellow-600-10);
  --function-warning-600-30: var(--scheme-yellow-600-30);
  --function-warning-600-50: var(--scheme-yellow-600-50);
  --function-danger-100: var(--scheme-red-100);
  --function-danger-200: var(--scheme-red-200);
  --function-danger-300: var(--scheme-red-300);
  --function-danger-400: var(--scheme-red-400);
  --function-danger-500: var(--scheme-red-500);
  --function-danger-600: var(--scheme-red-600);
  --function-danger-700: var(--scheme-red-700);
  --function-danger-800: var(--scheme-red-800);
  --function-danger-900: var(--scheme-red-900);
  --function-danger-1000: var(--scheme-red-1000);
  --function-danger-1100: var(--scheme-red-1100);
  --function-danger-1200: var(--scheme-red-1200);
  --function-danger-600-10: var(--scheme-red-600-10);
  --function-danger-600-30: var(--scheme-red-600-30);
  --function-danger-600-50: var(--scheme-red-600-50);
  --function-success-100: var(--scheme-green-100);
  --function-success-200: var(--scheme-green-200);
  --function-success-300: var(--scheme-green-300);
  --function-success-400: var(--scheme-green-400);
  --function-success-500: var(--scheme-green-500);
  --function-success-600: var(--scheme-green-600);
  --function-success-700: var(--scheme-green-700);
  --function-success-800: var(--scheme-green-800);
  --function-success-900: var(--scheme-green-900);
  --function-success-1000: var(--scheme-green-1000);
  --function-success-1100: var(--scheme-green-1100);
  --function-success-1200: var(--scheme-green-1200);
  --function-success-600-10: var(--scheme-green-600-10);
  --function-success-600-30: var(--scheme-green-600-30);
  --function-success-600-50: var(--scheme-green-600-50);
}

[data-brand="custom"] {
  --function-brand-100: var(--scheme-brand-100);
  --function-brand-200: var(--scheme-brand-200);
  --function-brand-300: var(--scheme-brand-300);
  --function-brand-400: var(--scheme-brand-400);
  --function-brand-500: var(--scheme-brand-500);
  --function-brand-600: var(--scheme-brand-600);
  --function-brand-700: var(--scheme-brand-700);
  --function-brand-800: var(--scheme-brand-800);
  --function-brand-900: var(--scheme-brand-900);
  --function-brand-1000: var(--scheme-brand-1000);
  --function-brand-1100: var(--scheme-brand-1100);
  --function-brand-1200: var(--scheme-brand-1200);
  --function-brand-600-10: var(--scheme-brand-600-10);
  --function-brand-600-30: var(--scheme-brand-600-30);
  --function-brand-600-50: var(--scheme-brand-600-50);
}

[data-brand="red"] {
  --function-brand-100: var(--scheme-red-100);
  --function-brand-200: var(--scheme-red-200);
  --function-brand-300: var(--scheme-red-300);
  --function-brand-400: var(--scheme-red-400);
  --function-brand-500: var(--scheme-red-500);
  --function-brand-600: var(--scheme-red-600);
  --function-brand-700: var(--scheme-red-700);
  --function-brand-800: var(--scheme-red-800);
  --function-brand-900: var(--scheme-red-900);
  --function-brand-1000: var(--scheme-red-1000);
  --function-brand-1100: var(--scheme-red-1100);
  --function-brand-1200: var(--scheme-red-1200);
  --function-brand-600-10: var(--scheme-red-600-10);
  --function-brand-600-30: var(--scheme-red-600-30);
  --function-brand-600-50: var(--scheme-red-600-50);
}

[data-brand="orange"] {
  --function-brand-100: var(--scheme-orange-100);
  --function-brand-200: var(--scheme-orange-200);
  --function-brand-300: var(--scheme-orange-300);
  --function-brand-400: var(--scheme-orange-400);
  --function-brand-500: var(--scheme-orange-500);
  --function-brand-600: var(--scheme-orange-600);
  --function-brand-700: var(--scheme-orange-700);
  --function-brand-800: var(--scheme-orange-800);
  --function-brand-900: var(--scheme-orange-900);
  --function-brand-1000: var(--scheme-orange-1000);
  --function-brand-1100: var(--scheme-orange-1100);
  --function-brand-1200: var(--scheme-orange-1200);
  --function-brand-600-10: var(--scheme-orange-600-10);
  --function-brand-600-30: var(--scheme-orange-600-30);
  --function-brand-600-50: var(--scheme-orange-600-50);
}

[data-brand="yellow"] {
  --function-brand-100: var(--scheme-yellow-100);
  --function-brand-200: var(--scheme-yellow-200);
  --function-brand-300: var(--scheme-yellow-300);
  --function-brand-400: var(--scheme-yellow-400);
  --function-brand-500: var(--scheme-yellow-500);
  --function-brand-600: var(--scheme-yellow-600);
  --function-brand-700: var(--scheme-yellow-700);
  --function-brand-800: var(--scheme-yellow-800);
  --function-brand-900: var(--scheme-yellow-900);
  --function-brand-1000: var(--scheme-yellow-1000);
  --function-brand-1100: var(--scheme-yellow-1100);
  --function-brand-1200: var(--scheme-yellow-1200);
  --function-brand-600-10: var(--scheme-yellow-600-10);
  --function-brand-600-30: var(--scheme-yellow-600-30);
  --function-brand-600-50: var(--scheme-yellow-600-50);
}

[data-brand="moss"] {
  --function-brand-100: var(--scheme-moss-100);
  --function-brand-200: var(--scheme-moss-200);
  --function-brand-300: var(--scheme-moss-300);
  --function-brand-400: var(--scheme-moss-400);
  --function-brand-500: var(--scheme-moss-500);
  --function-brand-600: var(--scheme-moss-600);
  --function-brand-700: var(--scheme-moss-700);
  --function-brand-800: var(--scheme-moss-800);
  --function-brand-900: var(--scheme-moss-900);
  --function-brand-1000: var(--scheme-moss-1000);
  --function-brand-1100: var(--scheme-moss-1100);
  --function-brand-1200: var(--scheme-moss-1200);
  --function-brand-600-10: var(--scheme-moss-600-10);
  --function-brand-600-30: var(--scheme-moss-600-30);
  --function-brand-600-50: var(--scheme-moss-600-50);
}

[data-brand="green"] {
  --function-brand-100: var(--scheme-green-100);
  --function-brand-200: var(--scheme-green-200);
  --function-brand-300: var(--scheme-green-300);
  --function-brand-400: var(--scheme-green-400);
  --function-brand-500: var(--scheme-green-500);
  --function-brand-600: var(--scheme-green-600);
  --function-brand-700: var(--scheme-green-700);
  --function-brand-800: var(--scheme-green-800);
  --function-brand-900: var(--scheme-green-900);
  --function-brand-1000: var(--scheme-green-1000);
  --function-brand-1100: var(--scheme-green-1100);
  --function-brand-1200: var(--scheme-green-1200);
  --function-brand-600-10: var(--scheme-green-600-10);
  --function-brand-600-30: var(--scheme-green-600-30);
  --function-brand-600-50: var(--scheme-green-600-50);
}

[data-brand="emerald"] {
  --function-brand-100: var(--scheme-emerald-100);
  --function-brand-200: var(--scheme-emerald-200);
  --function-brand-300: var(--scheme-emerald-300);
  --function-brand-400: var(--scheme-emerald-400);
  --function-brand-500: var(--scheme-emerald-500);
  --function-brand-600: var(--scheme-emerald-600);
  --function-brand-700: var(--scheme-emerald-700);
  --function-brand-800: var(--scheme-emerald-800);
  --function-brand-900: var(--scheme-emerald-900);
  --function-brand-1000: var(--scheme-emerald-1000);
  --function-brand-1100: var(--scheme-emerald-1100);
  --function-brand-1200: var(--scheme-emerald-1200);
  --function-brand-600-10: var(--scheme-emerald-600-10);
  --function-brand-600-30: var(--scheme-emerald-600-30);
  --function-brand-600-50: var(--scheme-emerald-600-50);
}

[data-brand="aqua"] {
  --function-brand-100: var(--scheme-aqua-100);
  --function-brand-200: var(--scheme-aqua-200);
  --function-brand-300: var(--scheme-aqua-300);
  --function-brand-400: var(--scheme-aqua-400);
  --function-brand-500: var(--scheme-aqua-500);
  --function-brand-600: var(--scheme-aqua-600);
  --function-brand-700: var(--scheme-aqua-700);
  --function-brand-800: var(--scheme-aqua-800);
  --function-brand-900: var(--scheme-aqua-900);
  --function-brand-1000: var(--scheme-aqua-1000);
  --function-brand-1100: var(--scheme-aqua-1100);
  --function-brand-1200: var(--scheme-aqua-1200);
  --function-brand-600-10: var(--scheme-aqua-600-10);
  --function-brand-600-30: var(--scheme-aqua-600-30);
  --function-brand-600-50: var(--scheme-aqua-600-50);
}

[data-brand="cyan"] {
  --function-brand-100: var(--scheme-cyan-100);
  --function-brand-200: var(--scheme-cyan-200);
  --function-brand-300: var(--scheme-cyan-300);
  --function-brand-400: var(--scheme-cyan-400);
  --function-brand-500: var(--scheme-cyan-500);
  --function-brand-600: var(--scheme-cyan-600);
  --function-brand-700: var(--scheme-cyan-700);
  --function-brand-800: var(--scheme-cyan-800);
  --function-brand-900: var(--scheme-cyan-900);
  --function-brand-1000: var(--scheme-cyan-1000);
  --function-brand-1100: var(--scheme-cyan-1100);
  --function-brand-1200: var(--scheme-cyan-1200);
  --function-brand-600-10: var(--scheme-cyan-600-10);
  --function-brand-600-30: var(--scheme-cyan-600-30);
  --function-brand-600-50: var(--scheme-cyan-600-50);
}

[data-brand="blue"] {
  --function-brand-100: var(--scheme-blue-100);
  --function-brand-200: var(--scheme-blue-200);
  --function-brand-300: var(--scheme-blue-300);
  --function-brand-400: var(--scheme-blue-400);
  --function-brand-500: var(--scheme-blue-500);
  --function-brand-600: var(--scheme-blue-600);
  --function-brand-700: var(--scheme-blue-700);
  --function-brand-800: var(--scheme-blue-800);
  --function-brand-900: var(--scheme-blue-900);
  --function-brand-1000: var(--scheme-blue-1000);
  --function-brand-1100: var(--scheme-blue-1100);
  --function-brand-1200: var(--scheme-blue-1200);
  --function-brand-600-10: var(--scheme-blue-600-10);
  --function-brand-600-30: var(--scheme-blue-600-30);
  --function-brand-600-50: var(--scheme-blue-600-50);
}

[data-brand="indigo"] {
  --function-brand-100: var(--scheme-indigo-100);
  --function-brand-200: var(--scheme-indigo-200);
  --function-brand-300: var(--scheme-indigo-300);
  --function-brand-400: var(--scheme-indigo-400);
  --function-brand-500: var(--scheme-indigo-500);
  --function-brand-600: var(--scheme-indigo-600);
  --function-brand-700: var(--scheme-indigo-700);
  --function-brand-800: var(--scheme-indigo-800);
  --function-brand-900: var(--scheme-indigo-900);
  --function-brand-1000: var(--scheme-indigo-1000);
  --function-brand-1100: var(--scheme-indigo-1100);
  --function-brand-1200: var(--scheme-indigo-1200);
  --function-brand-600-10: var(--scheme-indigo-600-10);
  --function-brand-600-30: var(--scheme-indigo-600-30);
  --function-brand-600-50: var(--scheme-indigo-600-50);
}

[data-brand="violet"] {
  --function-brand-100: var(--scheme-violet-100);
  --function-brand-200: var(--scheme-violet-200);
  --function-brand-300: var(--scheme-violet-300);
  --function-brand-400: var(--scheme-violet-400);
  --function-brand-500: var(--scheme-violet-500);
  --function-brand-600: var(--scheme-violet-600);
  --function-brand-700: var(--scheme-violet-700);
  --function-brand-800: var(--scheme-violet-800);
  --function-brand-900: var(--scheme-violet-900);
  --function-brand-1000: var(--scheme-violet-1000);
  --function-brand-1100: var(--scheme-violet-1100);
  --function-brand-1200: var(--scheme-violet-1200);
  --function-brand-600-10: var(--scheme-violet-600-10);
  --function-brand-600-30: var(--scheme-violet-600-30);
  --function-brand-600-50: var(--scheme-violet-600-50);
}

[data-brand="magenta"] {
  --function-brand-100: var(--scheme-magenta-100);
  --function-brand-200: var(--scheme-magenta-200);
  --function-brand-300: var(--scheme-magenta-300);
  --function-brand-400: var(--scheme-magenta-400);
  --function-brand-500: var(--scheme-magenta-500);
  --function-brand-600: var(--scheme-magenta-600);
  --function-brand-700: var(--scheme-magenta-700);
  --function-brand-800: var(--scheme-magenta-800);
  --function-brand-900: var(--scheme-magenta-900);
  --function-brand-1000: var(--scheme-magenta-1000);
  --function-brand-1100: var(--scheme-magenta-1100);
  --function-brand-1200: var(--scheme-magenta-1200);
  --function-brand-600-10: var(--scheme-magenta-600-10);
  --function-brand-600-30: var(--scheme-magenta-600-30);
  --function-brand-600-50: var(--scheme-magenta-600-50);
}

[data-brand="pink"] {
  --function-brand-100: var(--scheme-pink-100);
  --function-brand-200: var(--scheme-pink-200);
  --function-brand-300: var(--scheme-pink-300);
  --function-brand-400: var(--scheme-pink-400);
  --function-brand-500: var(--scheme-pink-500);
  --function-brand-600: var(--scheme-pink-600);
  --function-brand-700: var(--scheme-pink-700);
  --function-brand-800: var(--scheme-pink-800);
  --function-brand-900: var(--scheme-pink-900);
  --function-brand-1000: var(--scheme-pink-1000);
  --function-brand-1100: var(--scheme-pink-1100);
  --function-brand-1200: var(--scheme-pink-1200);
  --function-brand-600-10: var(--scheme-pink-600-10);
  --function-brand-600-30: var(--scheme-pink-600-30);
  --function-brand-600-50: var(--scheme-pink-600-50);
}

[data-accent="custom"] {
  --function-accent-100: var(--scheme-accent-100);
  --function-accent-200: var(--scheme-accent-200);
  --function-accent-300: var(--scheme-accent-300);
  --function-accent-400: var(--scheme-accent-400);
  --function-accent-500: var(--scheme-accent-500);
  --function-accent-600: var(--scheme-accent-600);
  --function-accent-700: var(--scheme-accent-700);
  --function-accent-800: var(--scheme-accent-800);
  --function-accent-900: var(--scheme-accent-900);
  --function-accent-1000: var(--scheme-accent-1000);
  --function-accent-1100: var(--scheme-accent-1100);
  --function-accent-1200: var(--scheme-accent-1200);
  --function-accent-600-10: var(--scheme-accent-600-10);
  --function-accent-600-30: var(--scheme-accent-600-30);
  --function-accent-600-50: var(--scheme-accent-600-50);
}

[data-accent="red"] {
  --function-accent-100: var(--scheme-red-100);
  --function-accent-200: var(--scheme-red-200);
  --function-accent-300: var(--scheme-red-300);
  --function-accent-400: var(--scheme-red-400);
  --function-accent-500: var(--scheme-red-500);
  --function-accent-600: var(--scheme-red-600);
  --function-accent-700: var(--scheme-red-700);
  --function-accent-800: var(--scheme-red-800);
  --function-accent-900: var(--scheme-red-900);
  --function-accent-1000: var(--scheme-red-1000);
  --function-accent-1100: var(--scheme-red-1100);
  --function-accent-1200: var(--scheme-red-1200);
  --function-accent-600-10: var(--scheme-red-600-10);
  --function-accent-600-30: var(--scheme-red-600-30);
  --function-accent-600-50: var(--scheme-red-600-50);
}

[data-accent="orange"] {
  --function-accent-100: var(--scheme-orange-100);
  --function-accent-200: var(--scheme-orange-200);
  --function-accent-300: var(--scheme-orange-300);
  --function-accent-400: var(--scheme-orange-400);
  --function-accent-500: var(--scheme-orange-500);
  --function-accent-600: var(--scheme-orange-600);
  --function-accent-700: var(--scheme-orange-700);
  --function-accent-800: var(--scheme-orange-800);
  --function-accent-900: var(--scheme-orange-900);
  --function-accent-1000: var(--scheme-orange-1000);
  --function-accent-1100: var(--scheme-orange-1100);
  --function-accent-1200: var(--scheme-orange-1200);
  --function-accent-600-10: var(--scheme-orange-600-10);
  --function-accent-600-30: var(--scheme-orange-600-30);
  --function-accent-600-50: var(--scheme-orange-600-50);
}

[data-accent="yellow"] {
  --function-accent-100: var(--scheme-yellow-100);
  --function-accent-200: var(--scheme-yellow-200);
  --function-accent-300: var(--scheme-yellow-300);
  --function-accent-400: var(--scheme-yellow-400);
  --function-accent-500: var(--scheme-yellow-500);
  --function-accent-600: var(--scheme-yellow-600);
  --function-accent-700: var(--scheme-yellow-700);
  --function-accent-800: var(--scheme-yellow-800);
  --function-accent-900: var(--scheme-yellow-900);
  --function-accent-1000: var(--scheme-yellow-1000);
  --function-accent-1100: var(--scheme-yellow-1100);
  --function-accent-1200: var(--scheme-yellow-1200);
  --function-accent-600-10: var(--scheme-yellow-600-10);
  --function-accent-600-30: var(--scheme-yellow-600-30);
  --function-accent-600-50: var(--scheme-yellow-600-50);
}

[data-accent="moss"] {
  --function-accent-100: var(--scheme-moss-100);
  --function-accent-200: var(--scheme-moss-200);
  --function-accent-300: var(--scheme-moss-300);
  --function-accent-400: var(--scheme-moss-400);
  --function-accent-500: var(--scheme-moss-500);
  --function-accent-600: var(--scheme-moss-600);
  --function-accent-700: var(--scheme-moss-700);
  --function-accent-800: var(--scheme-moss-800);
  --function-accent-900: var(--scheme-moss-900);
  --function-accent-1000: var(--scheme-moss-1000);
  --function-accent-1100: var(--scheme-moss-1100);
  --function-accent-1200: var(--scheme-moss-1200);
  --function-accent-600-10: var(--scheme-moss-600-10);
  --function-accent-600-30: var(--scheme-moss-600-30);
  --function-accent-600-50: var(--scheme-moss-600-50);
}

[data-accent="green"] {
  --function-accent-100: var(--scheme-green-100);
  --function-accent-200: var(--scheme-green-200);
  --function-accent-300: var(--scheme-green-300);
  --function-accent-400: var(--scheme-green-400);
  --function-accent-500: var(--scheme-green-500);
  --function-accent-600: var(--scheme-green-600);
  --function-accent-700: var(--scheme-green-700);
  --function-accent-800: var(--scheme-green-800);
  --function-accent-900: var(--scheme-green-900);
  --function-accent-1000: var(--scheme-green-1000);
  --function-accent-1100: var(--scheme-green-1100);
  --function-accent-1200: var(--scheme-green-1200);
  --function-accent-600-10: var(--scheme-green-600-10);
  --function-accent-600-30: var(--scheme-green-600-30);
  --function-accent-600-50: var(--scheme-green-600-50);
}

[data-accent="emerald"] {
  --function-accent-100: var(--scheme-emerald-100);
  --function-accent-200: var(--scheme-emerald-200);
  --function-accent-300: var(--scheme-emerald-300);
  --function-accent-400: var(--scheme-emerald-400);
  --function-accent-500: var(--scheme-emerald-500);
  --function-accent-600: var(--scheme-emerald-600);
  --function-accent-700: var(--scheme-emerald-700);
  --function-accent-800: var(--scheme-emerald-800);
  --function-accent-900: var(--scheme-emerald-900);
  --function-accent-1000: var(--scheme-emerald-1000);
  --function-accent-1100: var(--scheme-emerald-1100);
  --function-accent-1200: var(--scheme-emerald-1200);
  --function-accent-600-10: var(--scheme-emerald-600-10);
  --function-accent-600-30: var(--scheme-emerald-600-30);
  --function-accent-600-50: var(--scheme-emerald-600-50);
}

[data-accent="aqua"] {
  --function-accent-100: var(--scheme-aqua-100);
  --function-accent-200: var(--scheme-aqua-200);
  --function-accent-300: var(--scheme-aqua-300);
  --function-accent-400: var(--scheme-aqua-400);
  --function-accent-500: var(--scheme-aqua-500);
  --function-accent-600: var(--scheme-aqua-600);
  --function-accent-700: var(--scheme-aqua-700);
  --function-accent-800: var(--scheme-aqua-800);
  --function-accent-900: var(--scheme-aqua-900);
  --function-accent-1000: var(--scheme-aqua-1000);
  --function-accent-1100: var(--scheme-aqua-1100);
  --function-accent-1200: var(--scheme-aqua-1200);
  --function-accent-600-10: var(--scheme-aqua-600-10);
  --function-accent-600-30: var(--scheme-aqua-600-30);
  --function-accent-600-50: var(--scheme-aqua-600-50);
}

[data-accent="cyan"] {
  --function-accent-100: var(--scheme-cyan-100);
  --function-accent-200: var(--scheme-cyan-200);
  --function-accent-300: var(--scheme-cyan-300);
  --function-accent-400: var(--scheme-cyan-400);
  --function-accent-500: var(--scheme-cyan-500);
  --function-accent-600: var(--scheme-cyan-600);
  --function-accent-700: var(--scheme-cyan-700);
  --function-accent-800: var(--scheme-cyan-800);
  --function-accent-900: var(--scheme-cyan-900);
  --function-accent-1000: var(--scheme-cyan-1000);
  --function-accent-1100: var(--scheme-cyan-1100);
  --function-accent-1200: var(--scheme-cyan-1200);
  --function-accent-600-10: var(--scheme-cyan-600-10);
  --function-accent-600-30: var(--scheme-cyan-600-30);
  --function-accent-600-50: var(--scheme-cyan-600-50);
}

[data-accent="blue"] {
  --function-accent-100: var(--scheme-blue-100);
  --function-accent-200: var(--scheme-blue-200);
  --function-accent-300: var(--scheme-blue-300);
  --function-accent-400: var(--scheme-blue-400);
  --function-accent-500: var(--scheme-blue-500);
  --function-accent-600: var(--scheme-blue-600);
  --function-accent-700: var(--scheme-blue-700);
  --function-accent-800: var(--scheme-blue-800);
  --function-accent-900: var(--scheme-blue-900);
  --function-accent-1000: var(--scheme-blue-1000);
  --function-accent-1100: var(--scheme-blue-1100);
  --function-accent-1200: var(--scheme-blue-1200);
  --function-accent-600-10: var(--scheme-blue-600-10);
  --function-accent-600-30: var(--scheme-blue-600-30);
  --function-accent-600-50: var(--scheme-blue-600-50);
}

[data-accent="indigo"] {
  --function-accent-100: var(--scheme-indigo-100);
  --function-accent-200: var(--scheme-indigo-200);
  --function-accent-300: var(--scheme-indigo-300);
  --function-accent-400: var(--scheme-indigo-400);
  --function-accent-500: var(--scheme-indigo-500);
  --function-accent-600: var(--scheme-indigo-600);
  --function-accent-700: var(--scheme-indigo-700);
  --function-accent-800: var(--scheme-indigo-800);
  --function-accent-900: var(--scheme-indigo-900);
  --function-accent-1000: var(--scheme-indigo-1000);
  --function-accent-1100: var(--scheme-indigo-1100);
  --function-accent-1200: var(--scheme-indigo-1200);
  --function-accent-600-10: var(--scheme-indigo-600-10);
  --function-accent-600-30: var(--scheme-indigo-600-30);
  --function-accent-600-50: var(--scheme-indigo-600-50);
}

[data-accent="violet"] {
  --function-accent-100: var(--scheme-violet-100);
  --function-accent-200: var(--scheme-violet-200);
  --function-accent-300: var(--scheme-violet-300);
  --function-accent-400: var(--scheme-violet-400);
  --function-accent-500: var(--scheme-violet-500);
  --function-accent-600: var(--scheme-violet-600);
  --function-accent-700: var(--scheme-violet-700);
  --function-accent-800: var(--scheme-violet-800);
  --function-accent-900: var(--scheme-violet-900);
  --function-accent-1000: var(--scheme-violet-1000);
  --function-accent-1100: var(--scheme-violet-1100);
  --function-accent-1200: var(--scheme-violet-1200);
  --function-accent-600-10: var(--scheme-violet-600-10);
  --function-accent-600-30: var(--scheme-violet-600-30);
  --function-accent-600-50: var(--scheme-violet-600-50);
}

[data-accent="magenta"] {
  --function-accent-100: var(--scheme-magenta-100);
  --function-accent-200: var(--scheme-magenta-200);
  --function-accent-300: var(--scheme-magenta-300);
  --function-accent-400: var(--scheme-magenta-400);
  --function-accent-500: var(--scheme-magenta-500);
  --function-accent-600: var(--scheme-magenta-600);
  --function-accent-700: var(--scheme-magenta-700);
  --function-accent-800: var(--scheme-magenta-800);
  --function-accent-900: var(--scheme-magenta-900);
  --function-accent-1000: var(--scheme-magenta-1000);
  --function-accent-1100: var(--scheme-magenta-1100);
  --function-accent-1200: var(--scheme-magenta-1200);
  --function-accent-600-10: var(--scheme-magenta-600-10);
  --function-accent-600-30: var(--scheme-magenta-600-30);
  --function-accent-600-50: var(--scheme-magenta-600-50);
}

[data-accent="pink"] {
  --function-accent-100: var(--scheme-pink-100);
  --function-accent-200: var(--scheme-pink-200);
  --function-accent-300: var(--scheme-pink-300);
  --function-accent-400: var(--scheme-pink-400);
  --function-accent-500: var(--scheme-pink-500);
  --function-accent-600: var(--scheme-pink-600);
  --function-accent-700: var(--scheme-pink-700);
  --function-accent-800: var(--scheme-pink-800);
  --function-accent-900: var(--scheme-pink-900);
  --function-accent-1000: var(--scheme-pink-1000);
  --function-accent-1100: var(--scheme-pink-1100);
  --function-accent-1200: var(--scheme-pink-1200);
  --function-accent-600-10: var(--scheme-pink-600-10);
  --function-accent-600-30: var(--scheme-pink-600-30);
  --function-accent-600-50: var(--scheme-pink-600-50);
}

[data-neutral="custom"] {
  --function-neutral-100: var(--scheme-neutral-100);
  --function-neutral-200: var(--scheme-neutral-200);
  --function-neutral-300: var(--scheme-neutral-300);
  --function-neutral-400: var(--scheme-neutral-400);
  --function-neutral-500: var(--scheme-neutral-500);
  --function-neutral-600: var(--scheme-neutral-600);
  --function-neutral-700: var(--scheme-neutral-700);
  --function-neutral-800: var(--scheme-neutral-800);
  --function-neutral-900: var(--scheme-neutral-900);
  --function-neutral-1000: var(--scheme-neutral-1000);
  --function-neutral-1100: var(--scheme-neutral-1100);
  --function-neutral-1200: var(--scheme-neutral-1200);
  --function-neutral-600-10: var(--scheme-neutral-600-10);
  --function-neutral-600-30: var(--scheme-neutral-600-30);
  --function-neutral-600-50: var(--scheme-neutral-600-50);
}

[data-neutral="slate"] {
  --function-neutral-100: var(--scheme-slate-100);
  --function-neutral-200: var(--scheme-slate-200);
  --function-neutral-300: var(--scheme-slate-300);
  --function-neutral-400: var(--scheme-slate-400);
  --function-neutral-500: var(--scheme-slate-500);
  --function-neutral-600: var(--scheme-slate-600);
  --function-neutral-700: var(--scheme-slate-700);
  --function-neutral-800: var(--scheme-slate-800);
  --function-neutral-900: var(--scheme-slate-900);
  --function-neutral-1000: var(--scheme-slate-1000);
  --function-neutral-1100: var(--scheme-slate-1100);
  --function-neutral-1200: var(--scheme-slate-1200);
  --function-neutral-600-10: var(--scheme-slate-600-10);
  --function-neutral-600-30: var(--scheme-slate-600-30);
  --function-neutral-600-50: var(--scheme-slate-600-50);
}

[data-neutral="gray"] {
  --function-neutral-100: var(--scheme-gray-100);
  --function-neutral-200: var(--scheme-gray-200);
  --function-neutral-300: var(--scheme-gray-300);
  --function-neutral-400: var(--scheme-gray-400);
  --function-neutral-500: var(--scheme-gray-500);
  --function-neutral-600: var(--scheme-gray-600);
  --function-neutral-700: var(--scheme-gray-700);
  --function-neutral-800: var(--scheme-gray-800);
  --function-neutral-900: var(--scheme-gray-900);
  --function-neutral-1000: var(--scheme-gray-1000);
  --function-neutral-1100: var(--scheme-gray-1100);
  --function-neutral-1200: var(--scheme-gray-1200);
  --function-neutral-600-10: var(--scheme-gray-600-10);
  --function-neutral-600-30: var(--scheme-gray-600-30);
  --function-neutral-600-50: var(--scheme-gray-600-50);
}

[data-neutral="sand"] {
  --function-neutral-100: var(--scheme-sand-100);
  --function-neutral-200: var(--scheme-sand-200);
  --function-neutral-300: var(--scheme-sand-300);
  --function-neutral-400: var(--scheme-sand-400);
  --function-neutral-500: var(--scheme-sand-500);
  --function-neutral-600: var(--scheme-sand-600);
  --function-neutral-700: var(--scheme-sand-700);
  --function-neutral-800: var(--scheme-sand-800);
  --function-neutral-900: var(--scheme-sand-900);
  --function-neutral-1000: var(--scheme-sand-1000);
  --function-neutral-1100: var(--scheme-sand-1100);
  --function-neutral-1200: var(--scheme-sand-1200);
  --function-neutral-600-10: var(--scheme-sand-600-10);
  --function-neutral-600-30: var(--scheme-sand-600-30);
  --function-neutral-600-50: var(--scheme-sand-600-50);
}

:root {
  --static-space-0: 0;
  --static-space-1: 1px;
  --static-space-2: .125rem;
  --static-space-4: .25rem;
  --static-space-8: .5rem;
  --static-space-12: .75rem;
  --static-space-16: 1rem;
  --static-space-20: 1.25rem;
  --static-space-24: 1.5rem;
  --static-space-32: 2rem;
  --static-space-40: 2.5rem;
  --static-space-48: 3rem;
  --static-space-56: 3.5rem;
  --static-space-64: 4rem;
  --static-space-80: 5rem;
  --static-space-104: 6.5rem;
  --static-space-128: 8rem;
  --static-space-160: 10rem;
  --static-width-2400: 150rem;
  --static-width-1600: 100rem;
  --static-width-1440: 90rem;
  --static-width-1200: 75rem;
  --static-width-1024: 64rem;
  --static-width-880: 55rem;
  --static-width-768: 48rem;
  --static-width-640: 40rem;
  --static-width-560: 35rem;
  --static-width-400: 25rem;
  --static-width-320: 20rem;
  --static-height-560: 35rem;
  --static-height-480: 30rem;
  --static-height-400: 25rem;
  --static-height-360: 22.5rem;
  --static-height-320: 20rem;
  --static-height-280: 17.5rem;
  --static-height-240: 15rem;
  --static-height-220: 13.75rem;
  --static-height-160: 10rem;
  --responsive-width-xl: var(--static-width-1440);
  --responsive-width-l: var(--static-width-1200);
  --responsive-width-m: var(--static-width-1024);
  --responsive-width-s: var(--static-width-768);
  --responsive-width-xs: var(--static-width-640);
  --responsive-height-xl: var(--static-height-560);
  --responsive-height-l: var(--static-height-480);
  --responsive-height-m: var(--static-height-400);
  --responsive-height-s: var(--static-height-360);
  --responsive-height-xs: var(--static-height-280);
  --responsive-space-xl: var(--static-space-80);
  --responsive-space-l: var(--static-space-40);
  --responsive-space-m: var(--static-space-24);
  --responsive-space-s: var(--static-space-16);
  --responsive-space-xs: var(--static-space-12);
}

@media (width <= 1024px) {
  :root {
    --responsive-width-xl: var(--static-width-1024);
    --responsive-width-l: var(--static-width-1024);
    --responsive-width-m: var(--static-width-880);
    --responsive-width-s: var(--static-width-768);
    --responsive-width-xs: var(--static-width-640);
    --responsive-height-xl: var(--static-height-480);
    --responsive-height-l: var(--static-height-400);
    --responsive-height-m: var(--static-height-360);
    --responsive-height-s: var(--static-height-280);
    --responsive-height-xs: var(--static-height-240);
    --responsive-space-xl: var(--static-space-64);
    --responsive-space-l: var(--static-space-24);
    --responsive-space-m: var(--static-space-16);
    --responsive-space-s: var(--static-space-12);
    --responsive-space-xs: var(--static-space-8);
  }
}

@media (width <= 768px) {
  :root {
    --responsive-width-xl: var(--static-width-1024);
    --responsive-width-l: var(--static-width-1024);
    --responsive-width-m: var(--static-width-880);
    --responsive-width-s: var(--static-width-768);
    --responsive-width-xs: var(--static-width-640);
    --responsive-height-xl: var(--static-height-320);
    --responsive-height-l: var(--static-height-280);
    --responsive-height-m: var(--static-height-240);
    --responsive-height-s: var(--static-height-220);
    --responsive-height-xs: var(--static-height-160);
    --responsive-space-xl: var(--static-space-40);
    --responsive-space-l: var(--static-space-16);
    --responsive-space-m: var(--static-space-12);
    --responsive-space-s: var(--static-space-8);
    --responsive-space-xs: var(--static-space-4);
  }
}

[data-scaling="110"] {
  --static-space-1: calc(.0625rem * 1.1);
  --static-space-2: calc(.125rem * 1.1);
  --static-space-4: calc(.25rem * 1.1);
  --static-space-8: calc(.5rem * 1.1);
  --static-space-12: calc(.75rem * 1.1);
  --static-space-16: calc(1rem * 1.1);
  --static-space-20: calc(1.25rem * 1.1);
  --static-space-24: calc(1.5rem * 1.1);
  --static-space-32: calc(2rem * 1.1);
  --static-space-40: calc(2.5rem * 1.1);
  --static-space-48: calc(3rem * 1.1);
  --static-space-56: calc(3.5rem * 1.1);
  --static-space-64: calc(4rem * 1.1);
  --static-space-80: calc(5rem * 1.1);
  --static-space-104: calc(6.5rem * 1.1);
  --static-space-128: calc(8rem * 1.1);
  --static-space-160: calc(10rem * 1.1);
  --static-width-2400: calc(150rem * 1.1);
  --static-width-1600: calc(100rem * 1.1);
  --static-width-1440: calc(90rem * 1.1);
  --static-width-1200: calc(75rem * 1.1);
  --static-width-1024: calc(64rem * 1.1);
  --static-width-880: calc(55rem * 1.1);
  --static-width-768: calc(48rem * 1.1);
  --static-width-560: calc(35rem * 1.1);
  --static-width-400: calc(25rem * 1.1);
  --static-width-320: calc(20rem * 1.1);
  --static-height-560: calc(35rem * 1.1);
  --static-height-480: calc(30rem * 1.1);
  --static-height-400: calc(25rem * 1.1);
  --static-height-360: calc(22.5rem * 1.1);
  --static-height-320: calc(20rem * 1.1);
  --static-height-280: calc(17.5rem * 1.1);
  --static-height-240: calc(15rem * 1.1);
  --static-height-220: calc(13.75rem * 1.1);
  --static-height-160: calc(10rem * 1.1);
}

[data-scaling="105"] {
  --static-space-1: calc(.0625rem * 1.05);
  --static-space-2: calc(.125rem * 1.05);
  --static-space-4: calc(.25rem * 1.05);
  --static-space-8: calc(.5rem * 1.05);
  --static-space-12: calc(.75rem * 1.05);
  --static-space-16: calc(1rem * 1.05);
  --static-space-20: calc(1.25rem * 1.05);
  --static-space-24: calc(1.5rem * 1.05);
  --static-space-32: calc(2rem * 1.05);
  --static-space-40: calc(2.5rem * 1.05);
  --static-space-48: calc(3rem * 1.05);
  --static-space-56: calc(3.5rem * 1.05);
  --static-space-64: calc(4rem * 1.05);
  --static-space-80: calc(5rem * 1.05);
  --static-space-104: calc(6.5rem * 1.05);
  --static-space-128: calc(8rem * 1.05);
  --static-space-160: calc(10rem * 1.05);
  --static-width-2400: calc(150rem * 1.05);
  --static-width-1600: calc(100rem * 1.05);
  --static-width-1440: calc(90rem * 1.05);
  --static-width-1200: calc(75rem * 1.05);
  --static-width-1024: calc(64rem * 1.05);
  --static-width-880: calc(55rem * 1.05);
  --static-width-768: calc(48rem * 1.05);
  --static-width-560: calc(35rem * 1.05);
  --static-width-400: calc(25rem * 1.05);
  --static-width-320: calc(20rem * 1.05);
  --static-height-560: calc(35rem * 1.05);
  --static-height-480: calc(30rem * 1.05);
  --static-height-400: calc(25rem * 1.05);
  --static-height-360: calc(22.5rem * 1.05);
  --static-height-320: calc(20rem * 1.05);
  --static-height-280: calc(17.5rem * 1.05);
  --static-height-240: calc(15rem * 1.05);
  --static-height-220: calc(13.75rem * 1.05);
  --static-height-160: calc(10rem * 1.05);
}

[data-scaling="95"] {
  --static-space-1: calc(.0625rem * .95);
  --static-space-2: calc(.125rem * .95);
  --static-space-4: calc(.25rem * .95);
  --static-space-8: calc(.5rem * .95);
  --static-space-12: calc(.75rem * .95);
  --static-space-16: calc(1rem * .95);
  --static-space-20: calc(1.25rem * .95);
  --static-space-24: calc(1.5rem * .95);
  --static-space-32: calc(2rem * .95);
  --static-space-40: calc(2.5rem * .95);
  --static-space-48: calc(3rem * .95);
  --static-space-56: calc(3.5rem * .95);
  --static-space-64: calc(4rem * .95);
  --static-space-80: calc(5rem * .95);
  --static-space-104: calc(6.5rem * .95);
  --static-space-128: calc(8rem * .95);
  --static-space-160: calc(10rem * .95);
  --static-width-2400: calc(150rem * .95);
  --static-width-1600: calc(100rem * .95);
  --static-width-1440: calc(90rem * .95);
  --static-width-1200: calc(75rem * .95);
  --static-width-1024: calc(64rem * .95);
  --static-width-880: calc(55rem * .95);
  --static-width-768: calc(48rem * .95);
  --static-width-560: calc(35rem * .95);
  --static-width-400: calc(25rem * .95);
  --static-width-320: calc(20rem * .95);
  --static-height-560: calc(35rem * .95);
  --static-height-480: calc(30rem * .95);
  --static-height-400: calc(25rem * .95);
  --static-height-360: calc(22.5rem * .95);
  --static-height-320: calc(20rem * .95);
  --static-height-280: calc(17.5rem * .95);
  --static-height-240: calc(15rem * .95);
  --static-height-220: calc(13.75rem * .95);
  --static-height-160: calc(10rem * .95);
}

[data-scaling="90"] {
  --static-space-1: calc(.0625rem * .9);
  --static-space-2: calc(.125rem * .9);
  --static-space-4: calc(.25rem * .9);
  --static-space-8: calc(.5rem * .9);
  --static-space-12: calc(.75rem * .9);
  --static-space-16: calc(1rem * .9);
  --static-space-20: calc(1.25rem * .9);
  --static-space-24: calc(1.5rem * .9);
  --static-space-32: calc(2rem * .9);
  --static-space-40: calc(2.5rem * .9);
  --static-space-48: calc(3rem * .9);
  --static-space-56: calc(3.5rem * .9);
  --static-space-64: calc(4rem * .9);
  --static-space-80: calc(5rem * .9);
  --static-space-104: calc(6.5rem * .9);
  --static-space-128: calc(8rem * .9);
  --static-space-160: calc(10rem * .9);
  --static-width-2400: calc(150rem * .9);
  --static-width-1600: calc(100rem * .9);
  --static-width-1440: calc(90rem * .9);
  --static-width-1200: calc(75rem * .9);
  --static-width-1024: calc(64rem * .9);
  --static-width-880: calc(55rem * .9);
  --static-width-768: calc(48rem * .9);
  --static-width-560: calc(35rem * .9);
  --static-width-400: calc(25rem * .9);
  --static-width-320: calc(20rem * .9);
  --static-height-560: calc(35rem * .9);
  --static-height-480: calc(30rem * .9);
  --static-height-400: calc(25rem * .9);
  --static-height-360: calc(22.5rem * .9);
  --static-height-320: calc(20rem * .9);
  --static-height-280: calc(17.5rem * .9);
  --static-height-240: calc(15rem * .9);
  --static-height-220: calc(13.75rem * .9);
  --static-height-160: calc(10rem * .9);
}

[data-border="playful"] {
  --radius-xs: .25rem;
  --radius-xs-nest-4: .375rem;
  --radius-xs-nest-8: .5rem;
  --radius-s: .5rem;
  --radius-s-nest-4: .75rem;
  --radius-s-nest-8: 1rem;
  --radius-m: .75rem;
  --radius-m-nest-4: 1rem;
  --radius-m-nest-8: 1.25rem;
  --radius-l: 1rem;
  --radius-l-nest-4: 1.25rem;
  --radius-l-nest-8: 1.75rem;
  --radius-xl: 1.25rem;
  --radius-xl-nest-4: 1.5rem;
  --radius-xl-nest-8: 1.875rem;
  --radius-full: 999rem;
}

[data-border="conservative"] {
  --radius-xs: .125rem;
  --radius-xs-nest-4: .25rem;
  --radius-xs-nest-8: .375rem;
  --radius-s: .25rem;
  --radius-s-nest-4: .375rem;
  --radius-s-nest-8: .5rem;
  --radius-m: .375rem;
  --radius-m-nest-4: .5rem;
  --radius-m-nest-8: .625rem;
  --radius-l: .625rem;
  --radius-l-nest-4: .875rem;
  --radius-l-nest-8: 1.125rem;
  --radius-xl: .75rem;
  --radius-xl-nest-4: 1rem;
  --radius-xl-nest-8: 1.25rem;
  --radius-full: 999rem;
}

[data-border="rounded"] {
  --radius-xs: 1rem;
  --radius-xs-nest-4: 1.25rem;
  --radius-xs-nest-8: 1.5rem;
  --radius-s: 1.25rem;
  --radius-s-nest-4: 1.5rem;
  --radius-s-nest-8: 2rem;
  --radius-m: 1.25rem;
  --radius-m-nest-4: 1.5rem;
  --radius-m-nest-8: 1.875rem;
  --radius-l: 1.75rem;
  --radius-l-nest-4: 2rem;
  --radius-l-nest-8: 2.5rem;
  --radius-xl: 2rem;
  --radius-xl-nest-4: 2.25rem;
  --radius-xl-nest-8: 2.75rem;
  --radius-full: 999rem;
}

:root {
  --shadow-xs: 0px 0px 1px #0000001f, 0px 1px 2px #00000014, 0px 2px 4px #00000014;
  --shadow-s: 0px 0px 2px #0000001f, 0px 1px 4px #00000014, 0px 4px 8px #00000014;
  --shadow-m: 0px 0px 2px #0000001f, 0px 2px 4px #00000014, 0px 8px 8px #00000014;
  --shadow-l: 0px 2px 4px #0000001f, 0px 8px 12px #00000014, 0px 8px 16px #00000014;
  --shadow-xl: 0px 4px 4px #0000001f, 0px 8px 12px #00000014, 0px 24px 24px #00000014;
  --font-weight-thin: 100;
  --font-weight-extraLight: 200;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semiBold: 600;
  --font-weight-bold: 700;
  --font-weight-extraBold: 800;
  --font-weight-body-default: var(--font-weight-normal);
  --font-weight-body-strong: var(--font-weight-bold);
  --font-weight-label-default: var(--font-weight-normal);
  --font-weight-label-strong: var(--font-weight-semiBold);
  --font-weight-code-default: var(--font-weight-normal);
  --font-weight-code-strong: var(--font-weight-bold);
  --font-weight-heading-default: var(--font-weight-normal);
  --font-weight-heading-strong: var(--font-weight-semiBold);
  --font-weight-display-default: var(--font-weight-light);
  --font-weight-display-strong: var(--font-weight-semiBold);
  --font-size-display-xl: 5rem;
  --font-size-display-l: 4rem;
  --font-size-display-m: 3rem;
  --font-size-display-s: 2.5rem;
  --font-size-display-xs: 2rem;
  --font-size-heading-xl: 1.5rem;
  --font-size-heading-l: 1.33rem;
  --font-size-heading-m: 1.25rem;
  --font-size-heading-s: 1.125rem;
  --font-size-heading-xs: 1rem;
  --font-size-body-xl: 1.25rem;
  --font-size-body-l: 1.125rem;
  --font-size-body-m: 1rem;
  --font-size-body-s: .875rem;
  --font-size-body-xs: .75rem;
  --font-size-label-l: 1rem;
  --font-size-label-m: .925rem;
  --font-size-label-s: .825rem;
  --line-height-display-xl: 5rem;
  --line-height-display-l: 4.25rem;
  --line-height-display-m: 3.25rem;
  --line-height-display-s: 3rem;
  --line-height-display-xs: 2.5rem;
  --line-height-heading-xl: 2rem;
  --line-height-heading-l: 1.75rem;
  --line-height-heading-m: 1.5rem;
  --line-height-heading-s: 1.5rem;
  --line-height-heading-xs: 1.25rem;
  --line-height-body-xl: 1.75rem;
  --line-height-body-l: 1.5rem;
  --line-height-body-m: 1.5rem;
  --line-height-body-s: 1.125rem;
  --line-height-body-xs: 1rem;
  --line-height-label-l: 1.25rem;
  --line-height-label-m: 1.25rem;
  --line-height-label-s: 1rem;
}

@media (width <= 1024px) {
  :root {
    --font-size-display-xl: 3.5rem;
    --font-size-display-l: 3.25rem;
    --font-size-display-m: 2.75rem;
    --font-size-display-s: 2.25rem;
    --font-size-display-xs: 1.75rem;
    --font-size-heading-xl: 1.33rem;
    --font-size-heading-l: 1.25rem;
    --font-size-heading-m: 1.125rem;
    --line-height-display-xl: 3.75rem;
    --line-height-display-l: 3.5rem;
    --line-height-display-m: 3rem;
    --line-height-display-s: 2.5rem;
    --line-height-display-xs: 2rem;
    --line-height-heading-xl: 1.75rem;
    --line-height-heading-l: 1.5rem;
    --line-height-heading-m: 1.25rem;
  }
}

@media (width <= 768px) {
  :root {
    --font-size-display-xl: 2.75rem;
    --font-size-display-l: 2.5rem;
    --font-size-display-m: 2.25rem;
    --font-size-display-s: 2rem;
    --line-height-display-xl: 3rem;
    --line-height-display-l: 3rem;
    --line-height-display-m: 2.5rem;
    --line-height-display-s: 2.5rem;
  }
}

:root {
  --font-family-body: var(--font-primary);
  --font-family-heading: var(--font-secondary);
  --font-family-label: var(--font-tertiary);
  --font-family-code: var(--font-code);
  --font-size-heading-multiplier: 1;
  --font-size-body-multiplier: 1;
  --font-size-label-multiplier: 1;
  --line-height-heading-multiplier: 1;
  --line-height-body-multiplier: 1;
  --line-height-label-multiplier: 1;
  --font-scaling-desktop: 16px;
  --font-scaling-tablet: 15px;
  --font-scaling-mobile: 14px;
  --cursor-interactive: pointer;
  --solid-inset-distance: 0;
  --solid-inset-size: 0;
  --solid-border-width: 0;
  --backdrop-filter: none;
  --surface-border: var(--static-transparent);
  --surface-background: var(--neutral-background-medium);
}

[data-theme="dark"] {
  --icon: url("/trademark/icon-dark.svg");
  --type: url("/trademark/type-dark.svg");
  --page-background: var(--neutral-background-weak);
  --backdrop: var(--static-black-medium);
  --solid-border-color-brand: var(--brand-alpha-strong);
  --solid-border-color-neutral: var(--neutral-alpha-strong);
  --solid-border-color-danger: var(--danger-alpha-strong);
  --code-moss: var(--scheme-moss-800);
  --code-gray: var(--scheme-gray-800);
  --code-aqua: var(--scheme-aqua-800);
  --code-green: var(--scheme-green-800);
  --code-blue: var(--scheme-blue-800);
  --code-violet: var(--scheme-violet-800);
  --code-orange: var(--scheme-orange-800);
  --brand-background-strong: var(--function-brand-300);
  --brand-background-medium: var(--function-brand-200);
  --brand-background-weak: var(--function-brand-100);
  --brand-on-background-strong: var(--static-white);
  --brand-on-background-medium: var(--function-brand-900);
  --brand-on-background-weak: var(--function-brand-700);
  --brand-border-strong: var(--function-brand-400);
  --brand-border-medium: var(--function-brand-300);
  --brand-border-weak: var(--function-brand-200);
  --brand-alpha-strong: var(--function-brand-600-50);
  --brand-alpha-medium: var(--function-brand-600-30);
  --brand-alpha-weak: var(--function-brand-600-10);
  --accent-background-strong: var(--function-accent-300);
  --accent-background-medium: var(--function-accent-200);
  --accent-background-weak: var(--function-accent-100);
  --accent-on-background-strong: var(--static-white);
  --accent-on-background-medium: var(--function-accent-900);
  --accent-on-background-weak: var(--function-accent-700);
  --accent-solid-strong: var(--function-accent-500);
  --accent-solid-medium: var(--function-accent-400);
  --accent-solid-weak: var(--function-accent-300);
  --accent-on-solid-strong: var(--static-white);
  --accent-on-solid-weak: var(--function-accent-900);
  --accent-border-strong: var(--function-accent-400);
  --accent-border-medium: var(--function-accent-300);
  --accent-border-weak: var(--function-accent-200);
  --accent-alpha-strong: var(--function-accent-600-50);
  --accent-alpha-medium: var(--function-accent-600-30);
  --accent-alpha-weak: var(--function-accent-600-10);
  --neutral-background-strong: var(--function-neutral-300);
  --neutral-background-medium: var(--function-neutral-200);
  --neutral-background-weak: var(--function-neutral-100);
  --neutral-on-background-strong: var(--static-white);
  --neutral-on-background-medium: var(--function-neutral-900);
  --neutral-on-background-weak: var(--function-neutral-700);
  --neutral-solid-strong: var(--function-neutral-500);
  --neutral-solid-medium: var(--function-neutral-400);
  --neutral-solid-weak: var(--function-neutral-300);
  --neutral-on-solid-strong: var(--static-white);
  --neutral-on-solid-weak: var(--function-neutral-900);
  --neutral-border-strong: var(--function-neutral-400);
  --neutral-border-medium: var(--function-neutral-300);
  --neutral-border-weak: var(--function-neutral-200);
  --neutral-alpha-strong: var(--function-neutral-600-50);
  --neutral-alpha-medium: var(--function-neutral-600-30);
  --neutral-alpha-weak: var(--function-neutral-600-10);
  --info-background-strong: var(--function-info-300);
  --info-background-medium: var(--function-info-200);
  --info-background-weak: var(--function-info-100);
  --info-on-background-strong: var(--static-white);
  --info-on-background-medium: var(--function-info-900);
  --info-on-background-weak: var(--function-info-700);
  --info-solid-strong: var(--function-info-500);
  --info-solid-medium: var(--function-info-400);
  --info-solid-weak: var(--function-info-300);
  --info-on-solid-strong: var(--static-white);
  --info-on-solid-weak: var(--function-info-900);
  --info-border-strong: var(--function-info-400);
  --info-border-medium: var(--function-info-300);
  --info-border-weak: var(--function-info-200);
  --info-alpha-strong: var(--function-info-600-50);
  --info-alpha-medium: var(--function-info-600-30);
  --info-alpha-weak: var(--function-info-600-10);
  --warning-background-strong: var(--function-warning-300);
  --warning-background-medium: var(--function-warning-200);
  --warning-background-weak: var(--function-warning-100);
  --warning-on-background-strong: var(--static-white);
  --warning-on-background-medium: var(--function-warning-900);
  --warning-on-background-weak: var(--function-warning-700);
  --warning-solid-strong: var(--function-warning-500);
  --warning-solid-medium: var(--function-warning-400);
  --warning-solid-weak: var(--function-warning-300);
  --warning-on-solid-strong: var(--static-white);
  --warning-on-solid-weak: var(--function-warning-900);
  --warning-border-strong: var(--function-warning-400);
  --warning-border-medium: var(--function-warning-300);
  --warning-border-weak: var(--function-warning-200);
  --warning-alpha-strong: var(--function-warning-600-50);
  --warning-alpha-medium: var(--function-warning-600-30);
  --warning-alpha-weak: var(--function-warning-600-10);
  --danger-background-strong: var(--function-danger-300);
  --danger-background-medium: var(--function-danger-200);
  --danger-background-weak: var(--function-danger-100);
  --danger-on-background-strong: var(--static-white);
  --danger-on-background-medium: var(--function-danger-900);
  --danger-on-background-weak: var(--function-danger-700);
  --danger-solid-strong: var(--function-danger-500);
  --danger-solid-medium: var(--function-danger-400);
  --danger-solid-weak: var(--function-danger-300);
  --danger-on-solid-strong: var(--static-white);
  --danger-on-solid-weak: var(--function-danger-900);
  --danger-border-strong: var(--function-danger-400);
  --danger-border-medium: var(--function-danger-300);
  --danger-border-weak: var(--function-danger-200);
  --danger-alpha-strong: var(--function-danger-600-50);
  --danger-alpha-medium: var(--function-danger-600-30);
  --danger-alpha-weak: var(--function-danger-600-10);
  --success-background-strong: var(--function-success-300);
  --success-background-medium: var(--function-success-200);
  --success-background-weak: var(--function-success-100);
  --success-on-background-strong: var(--static-white);
  --success-on-background-medium: var(--function-success-900);
  --success-on-background-weak: var(--function-success-700);
  --success-solid-strong: var(--function-success-500);
  --success-solid-medium: var(--function-success-400);
  --success-solid-weak: var(--function-success-300);
  --success-on-solid-strong: var(--static-white);
  --success-on-solid-weak: var(--function-success-900);
  --success-border-strong: var(--function-success-400);
  --success-border-medium: var(--function-success-300);
  --success-border-weak: var(--function-success-200);
  --success-alpha-strong: var(--function-success-600-50);
  --success-alpha-medium: var(--function-success-600-30);
  --success-alpha-weak: var(--function-success-600-10);
}

[data-theme="dark"] .dark-flex {
  display: flex;
}

[data-theme="dark"] .dark-grid {
  display: grid;
}

[data-theme="dark"] .light-flex, [data-theme="dark"] .light-grid {
  display: none;
}

[data-theme="light"] {
  --icon: url("/trademark/icon-light.svg");
  --type: url("/trademark/type-light.svg");
  --page-background: var(--neutral-background-weak);
  --backdrop: var(--static-white-medium);
  --solid-border-color-brand: var(--brand-alpha-strong);
  --solid-border-color-neutral: var(--neutral-alpha-strong);
  --solid-border-color-danger: var(--danger-alpha-strong);
  --code-moss: var(--scheme-moss-600);
  --code-gray: var(--scheme-gray-600);
  --code-aqua: var(--scheme-aqua-600);
  --code-green: var(--scheme-green-600);
  --code-blue: var(--scheme-blue-600);
  --code-violet: var(--scheme-violet-600);
  --code-orange: var(--scheme-orange-600);
  --brand-background-strong: var(--function-brand-800);
  --brand-background-medium: var(--function-brand-1000);
  --brand-background-weak: var(--static-white);
  --brand-on-background-strong: var(--function-brand-100);
  --brand-on-background-medium: var(--function-brand-400);
  --brand-on-background-weak: var(--function-brand-500);
  --brand-border-strong: var(--function-brand-800);
  --brand-border-medium: var(--function-brand-900);
  --brand-border-weak: var(--function-brand-1000);
  --brand-alpha-strong: var(--function-brand-600-50);
  --brand-alpha-medium: var(--function-brand-600-30);
  --brand-alpha-weak: var(--function-brand-600-10);
  --accent-background-strong: var(--function-accent-800);
  --accent-background-medium: var(--function-accent-1000);
  --accent-background-weak: var(--static-white);
  --accent-on-background-strong: var(--function-accent-100);
  --accent-on-background-medium: var(--function-accent-400);
  --accent-on-background-weak: var(--function-accent-500);
  --accent-solid-strong: var(--function-accent-600);
  --accent-solid-medium: var(--function-accent-500);
  --accent-solid-weak: var(--function-accent-400);
  --accent-on-solid-strong: var(--static-white);
  --accent-on-solid-weak: var(--function-accent-1000);
  --accent-border-strong: var(--function-accent-800);
  --accent-border-medium: var(--function-accent-900);
  --accent-border-weak: var(--function-accent-1000);
  --accent-alpha-strong: var(--function-accent-600-50);
  --accent-alpha-medium: var(--function-accent-600-30);
  --accent-alpha-weak: var(--function-accent-600-10);
  --neutral-background-strong: var(--function-neutral-800);
  --neutral-background-medium: var(--function-neutral-1000);
  --neutral-background-weak: var(--static-white);
  --neutral-on-background-strong: var(--function-neutral-100);
  --neutral-on-background-medium: var(--function-neutral-400);
  --neutral-on-background-weak: var(--function-neutral-500);
  --neutral-solid-strong: var(--function-neutral-600);
  --neutral-solid-medium: var(--function-neutral-500);
  --neutral-solid-weak: var(--function-neutral-400);
  --neutral-on-solid-strong: var(--static-white);
  --neutral-on-solid-weak: var(--function-neutral-1000);
  --neutral-border-strong: var(--function-neutral-800);
  --neutral-border-medium: var(--function-neutral-900);
  --neutral-border-weak: var(--function-neutral-1000);
  --neutral-alpha-strong: var(--function-neutral-600-50);
  --neutral-alpha-medium: var(--function-neutral-600-30);
  --neutral-alpha-weak: var(--function-neutral-600-10);
  --info-background-strong: var(--function-info-800);
  --info-background-medium: var(--function-info-1000);
  --info-background-weak: var(--static-white);
  --info-on-background-strong: var(--function-info-100);
  --info-on-background-medium: var(--function-info-400);
  --info-on-background-weak: var(--function-info-500);
  --info-solid-strong: var(--function-info-600);
  --info-solid-medium: var(--function-info-500);
  --info-solid-weak: var(--function-info-400);
  --info-on-solid-strong: var(--static-white);
  --info-on-solid-weak: var(--function-info-1000);
  --info-border-strong: var(--function-info-800);
  --info-border-medium: var(--function-info-900);
  --info-border-weak: var(--function-info-1000);
  --info-alpha-strong: var(--function-info-600-50);
  --info-alpha-medium: var(--function-info-600-30);
  --info-alpha-weak: var(--function-info-600-10);
  --warning-background-strong: var(--function-warning-800);
  --warning-background-medium: var(--function-warning-1000);
  --warning-background-weak: var(--static-white);
  --warning-on-background-strong: var(--function-warning-100);
  --warning-on-background-medium: var(--function-warning-400);
  --warning-on-background-weak: var(--function-warning-500);
  --warning-solid-strong: var(--function-warning-600);
  --warning-solid-medium: var(--function-warning-500);
  --warning-solid-weak: var(--function-warning-400);
  --warning-on-solid-strong: var(--static-white);
  --warning-on-solid-weak: var(--function-warning-1000);
  --warning-border-strong: var(--function-warning-800);
  --warning-border-medium: var(--function-warning-900);
  --warning-border-weak: var(--function-warning-1000);
  --warning-alpha-strong: var(--function-warning-600-50);
  --warning-alpha-medium: var(--function-warning-600-30);
  --warning-alpha-weak: var(--function-warning-600-10);
  --danger-background-strong: var(--function-danger-800);
  --danger-background-medium: var(--function-danger-1000);
  --danger-background-weak: var(--static-white);
  --danger-on-background-strong: var(--function-danger-100);
  --danger-on-background-medium: var(--function-danger-400);
  --danger-on-background-weak: var(--function-danger-500);
  --danger-solid-strong: var(--function-danger-600);
  --danger-solid-medium: var(--function-danger-500);
  --danger-solid-weak: var(--function-danger-400);
  --danger-on-solid-strong: var(--static-white);
  --danger-on-solid-weak: var(--function-danger-1000);
  --danger-border-strong: var(--function-danger-800);
  --danger-border-medium: var(--function-danger-900);
  --danger-border-weak: var(--function-danger-1000);
  --danger-alpha-strong: var(--function-danger-600-50);
  --danger-alpha-medium: var(--function-danger-600-30);
  --danger-alpha-weak: var(--function-danger-600-10);
  --success-background-strong: var(--function-success-800);
  --success-background-medium: var(--function-success-1000);
  --success-background-weak: var(--static-white);
  --success-on-background-strong: var(--function-success-100);
  --success-on-background-medium: var(--function-success-400);
  --success-on-background-weak: var(--function-success-500);
  --success-solid-strong: var(--function-success-600);
  --success-solid-medium: var(--function-success-500);
  --success-solid-weak: var(--function-success-400);
  --success-on-solid-strong: var(--static-white);
  --success-on-solid-weak: var(--function-success-1000);
  --success-border-strong: var(--function-success-800);
  --success-border-medium: var(--function-success-900);
  --success-border-weak: var(--function-success-1000);
  --success-alpha-strong: var(--function-success-600-50);
  --success-alpha-medium: var(--function-success-600-30);
  --success-alpha-weak: var(--function-success-600-10);
}

[data-theme="light"] .dark-flex, [data-theme="light"] .dark-grid {
  display: none;
}

[data-theme="light"] .light-flex {
  display: flex;
}

[data-theme="light"] .light-grid {
  display: grid;
}

[data-solid-style="plastic"] {
  --solid-inset-distance: -1rem;
  --solid-inset-size: 1rem;
  --solid-border-width: 1px;
}

[data-transition="all"], [data-transition="micro"] {
  --transition-eased: ease-in-out;
  --transition-property-all: all;
  --transition-duration-micro-short: .1s;
  --transition-duration-micro-medium: .2s;
  --transition-duration-micro-long: .4s;
  --transition-micro-short: var(--transition-property-all) var(--transition-duration-micro-short) var(--transition-eased);
  --transition-micro-medium: var(--transition-property-all) var(--transition-duration-micro-medium) var(--transition-eased);
  --transition-micro-long: var(--transition-property-all) var(--transition-duration-micro-long) var(--transition-eased);
}

[data-transition="all"], [data-transition="macro"] {
  --transition-eased: ease-in-out;
  --transition-property-all: all;
  --transition-duration-macro-short: .15s;
  --transition-duration-macro-medium: .3s;
  --transition-duration-macro-long: .6s;
  --transition-macro-short: var(--transition-property-all) var(--transition-duration-macro-short) var(--transition-eased);
  --transition-macro-medium: var(--transition-property-all) var(--transition-duration-macro-medium) var(--transition-eased);
  --transition-macro-long: var(--transition-property-all) var(--transition-duration-macro-long) var(--transition-eased);
}

[data-surface="translucent"] {
  --backdrop-filter: blur(1rem);
}

[data-surface="translucent"][data-theme="light"], [data-surface="translucent"] [data-theme="light"] {
  --surface-background: var(--static-white-medium);
  --surface-border: var(--neutral-alpha-medium);
}

[data-surface="translucent"][data-theme="dark"], [data-surface="translucent"] [data-theme="dark"] {
  --surface-background: var(--static-black-medium);
  --surface-border: var(--neutral-alpha-medium);
}

[data-surface="filled"][data-theme="light"], [data-surface="filled"] [data-theme="light"] {
  --surface-background: var(--neutral-background-weak);
  --surface-border: var(--neutral-border-medium);
}

[data-surface="filled"][data-theme="dark"], [data-surface="filled"] [data-theme="dark"] {
  --surface-background: var(--neutral-background-medium);
  --surface-border: var(--static-transparent);
}

[data-theme="dark"][data-solid="color"], [data-theme="dark"] [data-solid="color"] {
  --brand-solid-strong: var(--function-brand-500);
  --brand-solid-medium: var(--function-brand-400);
  --brand-solid-weak: var(--function-brand-300);
  --brand-on-solid-strong: var(--static-white);
  --brand-on-solid-weak: var(--function-brand-900);
}

[data-theme="dark"][data-solid="contrast"], [data-theme="dark"] [data-solid="contrast"] {
  --brand-solid-strong: var(--function-neutral-1000);
  --brand-solid-medium: var(--static-white);
  --brand-solid-weak: var(--function-neutral-900);
  --brand-on-solid-strong: var(--static-black);
  --brand-on-solid-weak: var(--function-neutral-200);
}

[data-theme="dark"][data-solid="inverse"], [data-theme="dark"] [data-solid="inverse"] {
  --brand-solid-strong: var(--function-brand-800);
  --brand-solid-medium: var(--function-brand-700);
  --brand-solid-weak: var(--function-brand-600);
  --brand-on-solid-strong: var(--static-black);
  --brand-on-solid-weak: var(--function-brand-200);
}

[data-theme="light"][data-solid="color"], [data-theme="light"] [data-solid="color"] {
  --brand-solid-strong: var(--function-brand-600);
  --brand-solid-medium: var(--function-brand-500);
  --brand-solid-weak: var(--function-brand-400);
  --brand-on-solid-strong: var(--static-white);
  --brand-on-solid-weak: var(--function-brand-1000);
}

[data-theme="light"][data-solid="contrast"], [data-theme="light"] [data-solid="contrast"] {
  --brand-solid-strong: var(--function-neutral-300);
  --brand-solid-medium: var(--static-black);
  --brand-solid-weak: var(--function-neutral-400);
  --brand-on-solid-strong: var(--static-white);
  --brand-on-solid-weak: var(--function-neutral-1000);
}

[data-solid="color"] {
  --solid-inset-color-brand: var(--brand-alpha-strong);
  --solid-inset-color-neutral: var(--static-transparent);
  --solid-inset-color-danger: var(--danger-alpha-strong);
}

[data-solid="contrast"] {
  --solid-border-color-brand: var(--neutral-alpha-strong);
  --solid-inset-color-brand: var(--static-transparent);
  --solid-inset-color-neutral: var(--static-transparent);
  --solid-inset-color-danger: var(--danger-alpha-strong);
}

[data-solid="inverse"] {
  --solid-border-color-brand: var(--brand-alpha-strong);
  --solid-inset-color-brand: var(--brand-alpha-strong);
  --solid-inset-color-neutral: var(--static-transparent);
  --solid-inset-color-danger: var(--danger-alpha-strong);
}

[data-theme="light"][data-solid="inverse"], [data-theme="light"] [data-solid="inverse"] {
  --brand-solid-strong: var(--function-brand-900);
  --brand-solid-medium: var(--function-brand-800);
  --brand-solid-weak: var(--function-brand-700);
  --brand-on-solid-strong: var(--static-black);
  --brand-on-solid-weak: var(--function-brand-200);
}


/* [next]/internal/font/google/geist_86cbbc9e.module.css [app-client] (css) */
@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/gyByhwUxId8gMEwYGFWNOITddY4-s.b7d310ad.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/gyByhwUxId8gMEwSGFWNOITddY4-s.81df3a5b.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/gyByhwUxId8gMEwcGFWNOITd-s.p.da1ebef7.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Geist Fallback;
  src: local(Arial);
  ascent-override: 95.94%;
  descent-override: 28.16%;
  line-gap-override: 0.0%;
  size-adjust: 104.76%;
}

.geist_86cbbc9e-module__supaRG__className {
  font-family: Geist, Geist Fallback;
  font-style: normal;
}

.geist_86cbbc9e-module__supaRG__variable {
  --font-primary: "Geist", "Geist Fallback";
}


/* [next]/internal/font/google/geist_mono_f5a2397b.module.css [app-client] (css) */
@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/or3nQ6H_1_WfwkMZI_qYFrMdmhHkjkotbA-s.cb6bbcb1.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/or3nQ6H_1_WfwkMZI_qYFrkdmhHkjkotbA-s.e32db976.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/or3nQ6H_1_WfwkMZI_qYFrcdmhHkjko-s.p.be19f591.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Geist Mono Fallback;
  src: local(Arial);
  ascent-override: 74.67%;
  descent-override: 21.92%;
  line-gap-override: 0.0%;
  size-adjust: 134.59%;
}

.geist_mono_f5a2397b-module__UBVYDW__className {
  font-family: Geist Mono, Geist Mono Fallback;
  font-style: normal;
}

.geist_mono_f5a2397b-module__UBVYDW__variable {
  --font-code: "Geist Mono", "Geist Mono Fallback";
}


/* [project]/src/zerolumens-style/components/Arrow.module.scss.module.css [app-client] (css) */
.Arrow-module-scss-module__rKgCSq__arrowContainer {
  transition: var(--transition-micro-medium);
  height: var(--static-space-16);
  width: var(--static-space-0);
  visibility: hidden;
}

.Arrow-module-scss-module__rKgCSq__arrowHead {
  transition: var(--transition-micro-medium);
  width: var(--static-space-0);
  transform-origin: 100%;
  transition-delay: .2s;
  right: 0;
  transform: rotate(0);
}

.Arrow-module-scss-module__rKgCSq__active {
  width: var(--static-space-16);
  visibility: visible;
}

.Arrow-module-scss-module__rKgCSq__active .Arrow-module-scss-module__rKgCSq__arrow {
  width: var(--static-space-12);
}

.Arrow-module-scss-module__rKgCSq__active .Arrow-module-scss-module__rKgCSq__arrowHead {
  width: var(--static-space-8);
}

.Arrow-module-scss-module__rKgCSq__active .Arrow-module-scss-module__rKgCSq__arrowHead:nth-child(2) {
  transform: rotate(45deg);
}

.Arrow-module-scss-module__rKgCSq__active .Arrow-module-scss-module__rKgCSq__arrowHead:nth-child(3) {
  transform: rotate(-45deg);
}

.Arrow-module-scss-module__rKgCSq__onSolid {
  background: var(--brand-on-solid-strong);
}

.Arrow-module-scss-module__rKgCSq__onBackground {
  background: var(--brand-on-background-strong);
}


/* [project]/src/zerolumens-style/components/Skeleton.module.scss.module.css [app-client] (css) */
@keyframes Skeleton-module-scss-module__q55hSa__skeleton-loading {
  0% {
    background-color: var(--neutral-background-strong);
  }

  50% {
    background-color: var(--neutral-background-medium);
  }

  100% {
    background-color: var(--neutral-background-strong);
  }
}

.Skeleton-module-scss-module__q55hSa__delay-1 {
  animation-delay: .1s;
}

.Skeleton-module-scss-module__q55hSa__delay-2 {
  animation-delay: .2s;
}

.Skeleton-module-scss-module__q55hSa__delay-3 {
  animation-delay: .3s;
}

.Skeleton-module-scss-module__q55hSa__delay-4 {
  animation-delay: .4s;
}

.Skeleton-module-scss-module__q55hSa__delay-5 {
  animation-delay: .5s;
}

.Skeleton-module-scss-module__q55hSa__delay-6 {
  animation-delay: .6s;
}

.Skeleton-module-scss-module__q55hSa__skeleton {
  animation-name: Skeleton-module-scss-module__q55hSa__skeleton-loading;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
}

.Skeleton-module-scss-module__q55hSa__skeleton.Skeleton-module-scss-module__q55hSa__block {
  width: 100%;
  height: 100%;
}

.Skeleton-module-scss-module__q55hSa__skeleton.Skeleton-module-scss-module__q55hSa__line.Skeleton-module-scss-module__q55hSa__h-xs {
  height: var(--static-space-8);
}

.Skeleton-module-scss-module__q55hSa__skeleton.Skeleton-module-scss-module__q55hSa__line.Skeleton-module-scss-module__q55hSa__h-s {
  height: var(--static-space-12);
}

.Skeleton-module-scss-module__q55hSa__skeleton.Skeleton-module-scss-module__q55hSa__line.Skeleton-module-scss-module__q55hSa__h-m {
  height: var(--static-space-16);
}

.Skeleton-module-scss-module__q55hSa__skeleton.Skeleton-module-scss-module__q55hSa__line.Skeleton-module-scss-module__q55hSa__h-l {
  height: var(--static-space-20);
}

.Skeleton-module-scss-module__q55hSa__skeleton.Skeleton-module-scss-module__q55hSa__line.Skeleton-module-scss-module__q55hSa__h-xl {
  height: var(--static-space-24);
}

.Skeleton-module-scss-module__q55hSa__skeleton.Skeleton-module-scss-module__q55hSa__line.Skeleton-module-scss-module__q55hSa__w-xs {
  width: 25%;
}

.Skeleton-module-scss-module__q55hSa__skeleton.Skeleton-module-scss-module__q55hSa__line.Skeleton-module-scss-module__q55hSa__w-s {
  width: 33%;
}

.Skeleton-module-scss-module__q55hSa__skeleton.Skeleton-module-scss-module__q55hSa__line.Skeleton-module-scss-module__q55hSa__w-m {
  width: 50%;
}

.Skeleton-module-scss-module__q55hSa__skeleton.Skeleton-module-scss-module__q55hSa__line.Skeleton-module-scss-module__q55hSa__w-l {
  width: 75%;
}

.Skeleton-module-scss-module__q55hSa__skeleton.Skeleton-module-scss-module__q55hSa__line.Skeleton-module-scss-module__q55hSa__w-xl {
  width: 100%;
}

.Skeleton-module-scss-module__q55hSa__skeleton.Skeleton-module-scss-module__q55hSa__circle {
  border-radius: var(--radius-full);
}

.Skeleton-module-scss-module__q55hSa__skeleton.Skeleton-module-scss-module__q55hSa__circle.Skeleton-module-scss-module__q55hSa__w-xs {
  width: var(--static-space-20);
  height: var(--static-space-20);
}

.Skeleton-module-scss-module__q55hSa__skeleton.Skeleton-module-scss-module__q55hSa__circle.Skeleton-module-scss-module__q55hSa__w-s {
  width: var(--static-space-24);
  height: var(--static-space-24);
}

.Skeleton-module-scss-module__q55hSa__skeleton.Skeleton-module-scss-module__q55hSa__circle.Skeleton-module-scss-module__q55hSa__w-m {
  width: var(--static-space-32);
  height: var(--static-space-32);
}

.Skeleton-module-scss-module__q55hSa__skeleton.Skeleton-module-scss-module__q55hSa__circle.Skeleton-module-scss-module__q55hSa__w-l {
  width: var(--static-space-40);
  height: var(--static-space-40);
}

.Skeleton-module-scss-module__q55hSa__skeleton.Skeleton-module-scss-module__q55hSa__circle.Skeleton-module-scss-module__q55hSa__w-xl {
  width: var(--static-space-160);
  height: var(--static-space-160);
}


/* [project]/src/zerolumens-style/components/Icon.module.scss.module.css [app-client] (css) */
.Icon-module-scss-module__xqjyaq__xs {
  font-size: var(--static-space-16);
}

.Icon-module-scss-module__xqjyaq__s {
  font-size: var(--static-space-20);
}

.Icon-module-scss-module__xqjyaq__m {
  font-size: var(--static-space-24);
}

.Icon-module-scss-module__xqjyaq__l {
  font-size: var(--static-space-32);
}

.Icon-module-scss-module__xqjyaq__xl {
  font-size: var(--static-space-40);
}


/* [project]/src/zerolumens-style/components/IconButton.module.scss.module.css [app-client] (css) */
.IconButton-module-scss-module__snW0_q__top {
  bottom: calc(100% + var(--static-space-2));
  left: 50%;
  transform: translateX(-50%);
}

.IconButton-module-scss-module__snW0_q__bottom {
  top: calc(100% + var(--static-space-2));
  left: 50%;
  transform: translateX(-50%);
}

.IconButton-module-scss-module__snW0_q__left {
  right: calc(100% + var(--static-space-2));
  top: 50%;
  transform: translateY(-50%);
}

.IconButton-module-scss-module__snW0_q__right {
  left: calc(100% + var(--static-space-2));
  top: 50%;
  transform: translateY(-50%);
}

.IconButton-module-scss-module__snW0_q__s {
  min-height: var(--static-space-24);
  min-width: var(--static-space-24);
  height: var(--static-space-24);
  width: var(--static-space-24);
}

.IconButton-module-scss-module__snW0_q__m {
  min-height: var(--static-space-32);
  min-width: var(--static-space-32);
  height: var(--static-space-32);
  width: var(--static-space-32);
}

.IconButton-module-scss-module__snW0_q__l {
  min-height: var(--static-space-40);
  min-width: var(--static-space-40);
  height: var(--static-space-40);
  width: var(--static-space-40);
}


/* [project]/src/zerolumens-style/components/StatusIndicator.module.scss.module.css [app-client] (css) */
.StatusIndicator-module-scss-module__OrG3Hq__statusIndicator.StatusIndicator-module-scss-module__OrG3Hq__s {
  width: var(--static-space-4);
  height: var(--static-space-4);
}

.StatusIndicator-module-scss-module__OrG3Hq__statusIndicator.StatusIndicator-module-scss-module__OrG3Hq__m {
  width: var(--static-space-8);
  height: var(--static-space-8);
}

.StatusIndicator-module-scss-module__OrG3Hq__statusIndicator.StatusIndicator-module-scss-module__OrG3Hq__l {
  width: var(--static-space-16);
  height: var(--static-space-16);
}

.StatusIndicator-module-scss-module__OrG3Hq__statusIndicator.StatusIndicator-module-scss-module__OrG3Hq__gray {
  background-color: var(--scheme-gray-700);
}

.StatusIndicator-module-scss-module__OrG3Hq__statusIndicator.StatusIndicator-module-scss-module__OrG3Hq__blue {
  background-color: var(--scheme-blue-700);
}

.StatusIndicator-module-scss-module__OrG3Hq__statusIndicator.StatusIndicator-module-scss-module__OrG3Hq__indigo {
  background-color: var(--scheme-indigo-700);
}

.StatusIndicator-module-scss-module__OrG3Hq__statusIndicator.StatusIndicator-module-scss-module__OrG3Hq__violet {
  background-color: var(--scheme-violet-700);
}

.StatusIndicator-module-scss-module__OrG3Hq__statusIndicator.StatusIndicator-module-scss-module__OrG3Hq__magenta {
  background-color: var(--scheme-magenta-700);
}

.StatusIndicator-module-scss-module__OrG3Hq__statusIndicator.StatusIndicator-module-scss-module__OrG3Hq__pink {
  background-color: var(--scheme-pink-700);
}

.StatusIndicator-module-scss-module__OrG3Hq__statusIndicator.StatusIndicator-module-scss-module__OrG3Hq__red {
  background-color: var(--scheme-red-700);
}

.StatusIndicator-module-scss-module__OrG3Hq__statusIndicator.StatusIndicator-module-scss-module__OrG3Hq__orange {
  background-color: var(--scheme-orange-700);
}

.StatusIndicator-module-scss-module__OrG3Hq__statusIndicator.StatusIndicator-module-scss-module__OrG3Hq__yellow {
  background-color: var(--scheme-yellow-700);
}

.StatusIndicator-module-scss-module__OrG3Hq__statusIndicator.StatusIndicator-module-scss-module__OrG3Hq__moss {
  background-color: var(--scheme-moss-700);
}

.StatusIndicator-module-scss-module__OrG3Hq__statusIndicator.StatusIndicator-module-scss-module__OrG3Hq__green {
  background-color: var(--scheme-green-700);
}

.StatusIndicator-module-scss-module__OrG3Hq__statusIndicator.StatusIndicator-module-scss-module__OrG3Hq__emerald {
  background-color: var(--scheme-emerald-700);
}

.StatusIndicator-module-scss-module__OrG3Hq__statusIndicator.StatusIndicator-module-scss-module__OrG3Hq__aqua {
  background-color: var(--scheme-aqua-700);
}

.StatusIndicator-module-scss-module__OrG3Hq__statusIndicator.StatusIndicator-module-scss-module__OrG3Hq__cyan {
  background-color: var(--scheme-cyan-700);
}


/* [project]/src/zerolumens-style/components/Avatar.module.scss.module.css [app-client] (css) */
.Avatar-module-scss-module__wPhXva__xs {
  width: var(--static-space-20);
  height: var(--static-space-20);
  min-width: var(--static-space-20);
  min-height: var(--static-space-20);
}

.Avatar-module-scss-module__wPhXva__s {
  width: var(--static-space-24);
  height: var(--static-space-24);
  min-width: var(--static-space-24);
  min-height: var(--static-space-24);
}

.Avatar-module-scss-module__wPhXva__m {
  width: var(--static-space-32);
  height: var(--static-space-32);
  min-width: var(--static-space-32);
  min-height: var(--static-space-32);
}

.Avatar-module-scss-module__wPhXva__l {
  width: var(--static-space-48);
  height: var(--static-space-48);
  min-width: var(--static-space-48);
  min-height: var(--static-space-48);
}

.Avatar-module-scss-module__wPhXva__xl {
  width: var(--static-space-160);
  height: var(--static-space-160);
  min-width: var(--static-space-160);
  min-height: var(--static-space-160);
}

.Avatar-module-scss-module__wPhXva__xl .Avatar-module-scss-module__wPhXva__position {
  bottom: var(--static-space-16);
  right: var(--static-space-16);
}

.Avatar-module-scss-module__wPhXva__value {
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overflow: hidden;
}

.Avatar-module-scss-module__wPhXva__indicator {
  box-sizing: content-box;
  transform: translateX(var(--static-space-2)) translateY(var(--static-space-2));
  bottom: 0;
  right: 0;
}

.Avatar-module-scss-module__wPhXva__image {
  -o-object-position: center;
  object-position: center;
}


/* [project]/src/zerolumens-style/components/AvatarGroup.module.scss.module.css [app-client] (css) */
.AvatarGroup-module-scss-module__ObJedW__avatarGroup {
  z-index: 0;
}

.AvatarGroup-module-scss-module__ObJedW__avatar {
  margin-left: calc(-1 * var(--static-space-8));
}

.AvatarGroup-module-scss-module__ObJedW__avatar:first-child {
  margin-left: 0;
}


/* [project]/src/zerolumens-style/components/Badge.module.scss.module.css [app-client] (css) */
.Badge-module-scss-module__NTL1kq__animation {
  position: relative;
  overflow: hidden;
}

.Badge-module-scss-module__NTL1kq__animation:before {
  content: "";
  opacity: 0;
  border-radius: var(--radius-full);
  background: linear-gradient(120deg, transparent 20%, var(--brand-alpha-medium) 50%, transparent 80%);
  width: 100%;
  height: 100%;
  animation: 9s ease-in-out infinite Badge-module-scss-module__NTL1kq__shineDefault;
  position: absolute;
  transform: skewX(-20deg);
}

.Badge-module-scss-module__NTL1kq__animation:hover:before {
  animation: 3s ease-in-out infinite Badge-module-scss-module__NTL1kq__shineHover;
}

@keyframes Badge-module-scss-module__NTL1kq__shineDefault {
  0% {
    left: -100%;
  }

  1% {
    opacity: 1;
    left: -100%;
  }

  15% {
    opacity: 1;
    left: 100%;
  }

  16% {
    opacity: 0;
  }

  100% {
    left: -100%;
  }
}

@keyframes Badge-module-scss-module__NTL1kq__shineHover {
  0% {
    left: -100%;
  }

  1% {
    opacity: 1;
    left: -100%;
  }

  45% {
    opacity: 1;
    left: 100%;
  }

  46% {
    opacity: 0;
  }

  100% {
    left: -100%;
  }
}


/* [project]/src/zerolumens-style/components/Background.module.scss.module.css [app-client] (css) */
.Background-module-scss-module__049S3q__mask {
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: radial-gradient(var(--mask-radius) at var(--mask-position-x) var(--mask-position-y), black 0%, transparent 100%);
  mask-image: radial-gradient(var(--mask-radius) at var(--mask-position-x) var(--mask-position-y), black 0%, transparent 100%);
}

.Background-module-scss-module__049S3q__gradient {
  background: radial-gradient(ellipse var(--gradient-width) var(--gradient-height) at var(--gradient-position-x) var(--gradient-position-y), var(--gradient-color-start), var(--gradient-color-end));
  width: 400%;
  height: 400%;
  transform: rotate(var(--gradient-tilt));
  transform-origin: center;
  top: -150%;
  left: -150%;
}

.Background-module-scss-module__049S3q__lines {
  background-size: var(--lines-size) var(--lines-size);
  background-position: center;
}

.Background-module-scss-module__049S3q__dots {
  background-image: radial-gradient(var(--dots-color) 1px, var(--static-transparent) 1px);
  background-size: var(--dots-size) var(--dots-size);
}


/* [project]/src/zerolumens-style/components/Spinner.module.scss.module.css [app-client] (css) */
@keyframes Spinner-module-scss-module__ALCgeG__spin {
  0% {
    animation-timing-function: cubic-bezier(.55, .2, .68, .53);
    transform: rotate(0);
  }

  100% {
    animation-timing-function: cubic-bezier(.55, .2, .68, .53);
    transform: rotate(360deg);
  }
}

.Spinner-module-scss-module__ALCgeG__spinner {
  border-style: solid;
  border-color: currentColor #0000 #0000;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  animation: 1.5s infinite Spinner-module-scss-module__ALCgeG__spin;
}

.Spinner-module-scss-module__ALCgeG__xs {
  width: var(--static-space-16);
  height: var(--static-space-16);
  padding: 2px;
}

.Spinner-module-scss-module__ALCgeG__xs .Spinner-module-scss-module__ALCgeG__spinner {
  border-width: 2px;
}

.Spinner-module-scss-module__ALCgeG__s {
  width: var(--static-space-20);
  height: var(--static-space-20);
  padding: 2px;
}

.Spinner-module-scss-module__ALCgeG__s .Spinner-module-scss-module__ALCgeG__spinner {
  border-width: 2px;
}

.Spinner-module-scss-module__ALCgeG__m {
  width: var(--static-space-24);
  height: var(--static-space-24);
  padding: 3px;
}

.Spinner-module-scss-module__ALCgeG__m .Spinner-module-scss-module__ALCgeG__spinner {
  border-width: 2px;
}

.Spinner-module-scss-module__ALCgeG__l {
  width: var(--static-space-32);
  height: var(--static-space-32);
  padding: 4px;
}

.Spinner-module-scss-module__ALCgeG__l .Spinner-module-scss-module__ALCgeG__spinner {
  border-width: 3px;
}

.Spinner-module-scss-module__ALCgeG__xl {
  width: var(--static-space-40);
  height: var(--static-space-40);
  padding: 8px;
}

.Spinner-module-scss-module__ALCgeG__xl .Spinner-module-scss-module__ALCgeG__spinner {
  border-width: 3px;
}


/* [project]/src/zerolumens-style/components/Button.module.scss.module.css [app-client] (css) */
.Button-module-scss-module__Nv0vWq__button {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  -webkit-tap-highlight-color: #0000;
  transition: var(--transition-micro-medium);
  align-items: center;
  padding: 0;
  text-decoration: none;
  display: flex;
  position: relative;
}

.Button-module-scss-module__Nv0vWq__button:hover, .Button-module-scss-module__Nv0vWq__button:focus {
  z-index: 1;
}

.Button-module-scss-module__Nv0vWq__button:disabled {
  box-shadow: none;
  background: var(--neutral-solid-weak);
  color: var(--neutral-on-solid-weak);
  pointer-events: none;
  cursor: not-allowed;
  border: none;
}

.Button-module-scss-module__Nv0vWq__primary {
  box-shadow: inset 0 var(--solid-inset-distance) var(--solid-inset-size) var(--solid-inset-color-brand);
  background: var(--brand-solid-medium);
  border-style: solid;
  border-width: var(--solid-border-width);
  border-color: var(--solid-border-color-brand);
  color: var(--brand-on-solid-strong);
}

.Button-module-scss-module__Nv0vWq__primary:hover, .Button-module-scss-module__Nv0vWq__primary:focus {
  background: var(--brand-solid-strong);
}

.Button-module-scss-module__Nv0vWq__secondary {
  box-shadow: inset 0 var(--solid-inset-distance) var(--solid-inset-size) var(--solid-inset-color-neutral);
  background: var(--neutral-background-medium);
  border-style: solid;
  border: 1px solid var(--neutral-border-medium);
  color: var(--neutral-on-background-strong);
}

.Button-module-scss-module__Nv0vWq__secondary:hover, .Button-module-scss-module__Nv0vWq__secondary:focus {
  background: var(--neutral-background-strong);
  border-color: var(--neutral-border-strong);
}

.Button-module-scss-module__Nv0vWq__tertiary {
  background: var(--static-transparent);
  color: var(--neutral-on-background-strong);
  border: 1px solid var(--static-transparent);
}

.Button-module-scss-module__Nv0vWq__tertiary:hover, .Button-module-scss-module__Nv0vWq__tertiary:focus {
  border: 1px solid var(--neutral-border-medium);
}

.Button-module-scss-module__Nv0vWq__tertiary:disabled {
  background: var(--static-transparent);
  color: var(--neutral-on-background-weak);
}

.Button-module-scss-module__Nv0vWq__ghost {
  background: var(--static-transparent);
  color: var(--neutral-on-background-medium);
  border: none;
}

.Button-module-scss-module__Nv0vWq__ghost:hover, .Button-module-scss-module__Nv0vWq__ghost:focus {
  color: var(--neutral-on-background-strong);
}

.Button-module-scss-module__Nv0vWq__danger {
  box-shadow: inset 0 var(--solid-inset-distance) var(--solid-inset-size) var(--solid-inset-color-danger);
  background: var(--danger-solid-medium);
  border-style: solid;
  border-width: var(--solid-border-width);
  border-color: var(--solid-border-color-danger);
  color: var(--danger-on-solid-strong);
}

.Button-module-scss-module__Nv0vWq__danger:hover, .Button-module-scss-module__Nv0vWq__danger:focus {
  background: var(--danger-solid-strong);
}

.Button-module-scss-module__Nv0vWq__s {
  padding: var(--static-space-4) var(--static-space-8);
  min-height: var(--static-space-32);
  height: var(--static-space-32);
  gap: var(--static-space-4);
}

.Button-module-scss-module__Nv0vWq__m {
  padding: var(--static-space-8) var(--static-space-12);
  min-height: var(--static-space-40);
  height: var(--static-space-40);
  gap: var(--static-space-4);
}

.Button-module-scss-module__Nv0vWq__l {
  padding: var(--static-space-12) var(--static-space-20);
  min-height: var(--static-space-48);
  height: var(--static-space-48);
  gap: var(--static-space-8);
}


/* [project]/src/zerolumens-style/components/RevealFx.module.scss.module.css [app-client] (css) */
.RevealFx-module-scss-module___61Ata__revealFx {
  transition: all ease-in-out;
  -webkit-mask-image: linear-gradient(to right, #000 0% 25%, #0000 50%);
  mask-image: linear-gradient(to right, #000 0% 25%, #0000 50%);
  -webkit-mask-size: 300% 100%;
  mask-size: 300% 100%;
}

.RevealFx-module-scss-module___61Ata__revealFx.RevealFx-module-scss-module___61Ata__hidden {
  filter: blur(.5rem);
  -webkit-mask-position: 100% 0;
  mask-position: 100% 0;
}

.RevealFx-module-scss-module___61Ata__revealFx.RevealFx-module-scss-module___61Ata__revealed {
  filter: blur();
  -webkit-mask-position: 0 0;
  mask-position: 0 0;
}


/* [project]/src/zerolumens-style/components/Scroller.module.scss.module.css [app-client] (css) */
.Scroller-module-scss-module__xRu-tW__container {
  isolation: isolate;
}

.Scroller-module-scss-module__xRu-tW__scroller {
  scrollbar-width: none;
  isolation: isolate;
}

.Scroller-module-scss-module__xRu-tW__scroller::-webkit-scrollbar {
  display: none;
}

.Scroller-module-scss-module__xRu-tW__row {
  overflow-x: auto;
}

.Scroller-module-scss-module__xRu-tW__column {
  overflow-y: auto;
}

.Scroller-module-scss-module__xRu-tW__scrollButton {
  z-index: 2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.Scroller-module-scss-module__xRu-tW__scrollButtonPrev {
  left: var(--static-space-4);
}

.Scroller-module-scss-module__xRu-tW__scrollButtonNext {
  right: var(--static-space-4);
}


/* [project]/src/zerolumens-style/components/Fade.module.scss.module.css [app-client] (css) */
.Fade-module-scss-module__vatKqq__mask {
  backdrop-filter: blur(.5rem);
  background: linear-gradient(var(--gradient-direction), var(--base-color), transparent);
  -webkit-mask-image: linear-gradient(var(--gradient-direction), black 20%, transparent 100%);
  mask-image: linear-gradient(var(--gradient-direction), black 20%, transparent 100%);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}


/* [project]/src/zerolumens-style/components/Card.module.scss.module.css [app-client] (css) */
.Card-module-scss-module__RcwQwG__card:hover {
  background-color: var(--neutral-alpha-medium);
}


/* [project]/src/zerolumens-style/components/SharedInteractiveStyles.module.scss.module.css [app-client] (css) */
.SharedInteractiveStyles-module-scss-module__3URISq__container {
  cursor: var(--cursor-interactive);
  isolation: isolate;
}

.SharedInteractiveStyles-module-scss-module__3URISq__container:hover .SharedInteractiveStyles-module-scss-module__3URISq__element.SharedInteractiveStyles-module-scss-module__3URISq__checked .SharedInteractiveStyles-module-scss-module__3URISq__element:before, .SharedInteractiveStyles-module-scss-module__3URISq__container:focus .SharedInteractiveStyles-module-scss-module__3URISq__element.SharedInteractiveStyles-module-scss-module__3URISq__checked .SharedInteractiveStyles-module-scss-module__3URISq__element:before {
  display: none;
}

.SharedInteractiveStyles-module-scss-module__3URISq__element {
  box-shadow: inset 0 0 0 var(--solid-inset-color-brand);
  border-color: var(--solid-border-color-neutral);
  width: var(--static-space-20);
  height: var(--static-space-20);
  min-width: var(--static-space-20);
  min-height: var(--static-space-20);
  transition: var(--transition-micro-medium);
  background-color: var(--background-surface);
  border-style: solid;
  border-width: 1px;
  outline: none;
}

.SharedInteractiveStyles-module-scss-module__3URISq__element.SharedInteractiveStyles-module-scss-module__3URISq__checked {
  box-shadow: inset 0 var(--solid-inset-distance) var(--solid-inset-size) var(--solid-inset-color-brand);
  background-color: var(--brand-solid-medium);
  border-color: var(--solid-border-color-brand);
}

.SharedInteractiveStyles-module-scss-module__3URISq__disabled .SharedInteractiveStyles-module-scss-module__3URISq__element {
  opacity: .6;
}

.SharedInteractiveStyles-module-scss-module__3URISq__disabled .SharedInteractiveStyles-module-scss-module__3URISq__element:before {
  display: none;
}

.SharedInteractiveStyles-module-scss-module__3URISq__container:hover .SharedInteractiveStyles-module-scss-module__3URISq__element:before, .SharedInteractiveStyles-module-scss-module__3URISq__element:focus-within:before {
  content: "";
  width: var(--static-space-40);
  height: var(--static-space-40);
  background-color: var(--brand-alpha-medium);
  border-radius: var(--radius-full);
  z-index: -1;
  animation: .2s forwards SharedInteractiveStyles-module-scss-module__3URISq__scaleInCenter;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@keyframes SharedInteractiveStyles-module-scss-module__3URISq__scaleInCenter {
  from {
    transform: translate(-50%, -50%)scale(0);
  }

  to {
    transform: translate(-50%, -50%)scale(1);
  }
}

.SharedInteractiveStyles-module-scss-module__3URISq__icon {
  animation: .2s .1s forwards SharedInteractiveStyles-module-scss-module__3URISq__scaleIn;
  transform: scale(0);
}

@keyframes SharedInteractiveStyles-module-scss-module__3URISq__scaleIn {
  from {
    transform: scale(0);
  }

  to {
    transform: scale(1);
  }
}

.SharedInteractiveStyles-module-scss-module__3URISq__hidden {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

.SharedInteractiveStyles-module-scss-module__3URISq__indeterminate {
  background: var(--brand-on-solid-strong);
  width: var(--static-space-12);
  height: var(--static-space-2);
}


/* [project]/src/zerolumens-style/components/Chip.module.scss.module.css [app-client] (css) */
.Chip-module-scss-module__Nb9HRG__chip {
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.Chip-module-scss-module__Nb9HRG__chip.Chip-module-scss-module__Nb9HRG__selected {
  background: var(--brand-alpha-medium);
  color: var(--brand-on-background-medium);
}

.Chip-module-scss-module__Nb9HRG__chip.Chip-module-scss-module__Nb9HRG__selected:hover, .Chip-module-scss-module__Nb9HRG__chip.Chip-module-scss-module__Nb9HRG__selected:focus {
  background: var(--brand-alpha-medium);
}

.Chip-module-scss-module__Nb9HRG__chip.Chip-module-scss-module__Nb9HRG__selected:active {
  background: var(--brand-alpha-weak);
  color: var(--brand-on-background-weak);
}

.Chip-module-scss-module__Nb9HRG__chip.Chip-module-scss-module__Nb9HRG__unselected {
  background: var(--neutral-alpha-weak);
  color: var(--neutral-on-background-medium);
}

.Chip-module-scss-module__Nb9HRG__chip.Chip-module-scss-module__Nb9HRG__unselected:hover, .Chip-module-scss-module__Nb9HRG__chip.Chip-module-scss-module__Nb9HRG__unselected:focus {
  background: var(--neutral-alpha-medium);
}

.Chip-module-scss-module__Nb9HRG__chip.Chip-module-scss-module__Nb9HRG__unselected:active {
  background: var(--neutral-alpha-weak);
  color: var(--neutral-on-background-weak);
}

.Chip-module-scss-module__Nb9HRG__chip:disabled {
  background: var(--neutral-solid-weak);
  cursor: not-allowed;
}


/* [project]/src/zerolumens-style/components/Input.module.scss.module.css [app-client] (css) */
.Input-module-scss-module__ggNEAW__base {
  backdrop-filter: var(--backdrop-filter);
  min-height: var(--static-space-56);
}

.Input-module-scss-module__ggNEAW__base.Input-module-scss-module__ggNEAW__focused, .Input-module-scss-module__ggNEAW__base.Input-module-scss-module__ggNEAW__filled {
  background-color: var(--neutral-background-strong);
  border-color: var(--neutral-border-medium);
}

.Input-module-scss-module__ggNEAW__base:focus-within, .Input-module-scss-module__ggNEAW__base:hover:not(:has(.Input-module-scss-module__ggNEAW__suffix:hover)) {
  background-color: var(--neutral-alpha-medium);
}

.Input-module-scss-module__ggNEAW__base:has(.Input-module-scss-module__ggNEAW__labelAsPlaceholder) {
  min-height: var(--static-space-48);
}

.Input-module-scss-module__ggNEAW__textareaBase:after {
  pointer-events: none;
  content: "";
  width: var(--static-space-32);
  height: var(--static-space-32);
  border: 1px solid var(--neutral-border-strong);
  background-color: var(--neutral-alpha-weak);
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translateX(50%)translateY(50%)rotate(45deg);
}

.Input-module-scss-module__ggNEAW__textareaBase ::-webkit-resizer {
  display: none;
}

.Input-module-scss-module__ggNEAW__label {
  left: var(--static-space-16);
  color: var(--neutral-on-background-medium);
  pointer-events: none;
  transform-origin: 0;
  transition: transform .3s, top .3s, left .3s;
  position: absolute;
}

.Input-module-scss-module__ggNEAW__inputLabel {
  top: 50%;
  transform: translateY(-50%);
}

.Input-module-scss-module__ggNEAW__inputLabel.Input-module-scss-module__ggNEAW__floating {
  transform: scale(.75);
}

.Input-module-scss-module__ggNEAW__textareaLabel {
  top: var(--static-space-16);
}

.Input-module-scss-module__ggNEAW__textareaLabel.Input-module-scss-module__ggNEAW__floating {
  transform: scale(.75) translateY(calc(-1 * var(--static-space-16)));
}

.Input-module-scss-module__ggNEAW__s {
  min-height: var(--static-space-48);
}

.Input-module-scss-module__ggNEAW__s:has(.Input-module-scss-module__ggNEAW__labelAsPlaceholder) {
  min-height: var(--static-space-40);
}

.Input-module-scss-module__ggNEAW__s .Input-module-scss-module__ggNEAW__label.Input-module-scss-module__ggNEAW__floating {
  top: var(--static-space-4);
}

.Input-module-scss-module__ggNEAW__m .Input-module-scss-module__ggNEAW__label.Input-module-scss-module__ggNEAW__floating {
  top: calc(var(--static-space-8)  - var(--static-space-2));
}

.Input-module-scss-module__ggNEAW__input {
  width: 100%;
  height: 100%;
  color: var(--neutral-on-background-strong);
  padding: 0 var(--static-space-16);
  background: none;
  border: none;
  outline: none;
}

.Input-module-scss-module__ggNEAW__input.Input-module-scss-module__ggNEAW__labelAsPlaceholder {
  padding-top: 0;
}

.Input-module-scss-module__ggNEAW__input.Input-module-scss-module__ggNEAW__textarea.Input-module-scss-module__ggNEAW__labelAsPlaceholder {
  padding-top: var(--static-space-12);
}

.Input-module-scss-module__ggNEAW__input:not(.Input-module-scss-module__ggNEAW__labelAsPlaceholder), .Input-module-scss-module__ggNEAW__input.Input-module-scss-module__ggNEAW__labelAsPlaceholder.Input-module-scss-module__ggNEAW__hasChildren {
  padding-top: var(--static-space-16);
}

.Input-module-scss-module__ggNEAW__input::-moz-placeholder {
  color: var(--neutral-on-background-weak);
}

.Input-module-scss-module__ggNEAW__input::placeholder {
  color: var(--neutral-on-background-weak);
}

.Input-module-scss-module__ggNEAW__input:disabled {
  background-color: var(--neutral-solid-strong);
  color: var(--neutral-on-solid-weak);
}

.Input-module-scss-module__ggNEAW__input:-webkit-autofill {
  background-color: var(--static-transparent) !important;
  -webkit-box-shadow: 0 0 0 var(--static-space-32) var(--neutral-background-medium) inset !important;
  -webkit-text-fill-color: var(--neutral-on-background-strong) !important;
}

.Input-module-scss-module__ggNEAW__input:autofill, .Input-module-scss-module__ggNEAW__input:-webkit-autofill {
  background-color: var(--static-transparent) !important;
  -webkit-box-shadow: 0 0 0 var(--static-space-32) var(--neutral-background-medium) inset !important;
  -webkit-text-fill-color: var(--neutral-on-background-strong) !important;
}

.Input-module-scss-module__ggNEAW__input:autofill, .Input-module-scss-module__ggNEAW__input:autofill {
  background-color: var(--static-transparent) !important;
  -webkit-box-shadow: 0 0 0 var(--static-space-32) var(--neutral-background-medium) inset !important;
  -webkit-text-fill-color: var(--neutral-on-background-strong) !important;
}

.Input-module-scss-module__ggNEAW__error .Input-module-scss-module__ggNEAW__base {
  background-color: var(--danger-background-medium);
  border-color: var(--danger-border-medium);
}

.Input-module-scss-module__ggNEAW__error .Input-module-scss-module__ggNEAW__input, .Input-module-scss-module__ggNEAW__error .Input-module-scss-module__ggNEAW__prefix, .Input-module-scss-module__ggNEAW__error .Input-module-scss-module__ggNEAW__suffix {
  color: var(--danger-on-background-medium);
}

.Input-module-scss-module__ggNEAW__error .Input-module-scss-module__ggNEAW__label {
  color: var(--danger-on-background-weak);
}

.Input-module-scss-module__ggNEAW__prefix, .Input-module-scss-module__ggNEAW__suffix {
  align-self: center;
}

.Input-module-scss-module__ggNEAW__input[type="color"] {
  opacity: 0;
}


/* [project]/src/zerolumens-style/components/CompareImage.module.scss.module.css [app-client] (css) */
.CompareImage-module-scss-module__frqP_G__hitArea {
  cursor: col-resize;
  transform: translateX(-50%);
}

.CompareImage-module-scss-module__frqP_G__dragIcon {
  cursor: col-resize;
  z-index: 2;
  pointer-events: auto;
  transition: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}


/* [project]/src/zerolumens-style/components/DropdownWrapper.module.scss.module.css [app-client] (css) */
@keyframes DropdownWrapper-module-scss-module__7tp2Oq__fadeIn {
  from {
    opacity: 0;
    transform: scale(.9);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.DropdownWrapper-module-scss-module__7tp2Oq__fadeIn {
  transform-origin: 100% 0;
  animation: DropdownWrapper-module-scss-module__7tp2Oq__fadeIn var(--transition-duration-micro-medium) var(--transition-eased);
}


/* [project]/src/zerolumens-style/components/ToggleButton.module.scss.module.css [app-client] (css) */
.ToggleButton-module-scss-module__TzU1ra__button {
  align-items: center;
  gap: var(--static-space-8);
  background: var(--static-transparent);
  color: var(--neutral-on-background-strong);
  transition: var(--transition-micro-medium);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  border-style: solid;
  border-width: 1px;
  display: flex;
}

.ToggleButton-module-scss-module__TzU1ra__button:hover, .ToggleButton-module-scss-module__TzU1ra__button:focus {
  background: var(--neutral-alpha-weak);
  border-color: var(--neutral-alpha-weak);
}

.ToggleButton-module-scss-module__TzU1ra__button.ToggleButton-module-scss-module__TzU1ra__selected {
  background-color: var(--neutral-alpha-medium);
  border-color: var(--neutral-alpha-weak);
}

.ToggleButton-module-scss-module__TzU1ra__button:disabled {
  background: var(--neutral-alpha-weak);
  color: var(--neutral-on-background-medium);
  pointer-events: none;
  cursor: not-allowed;
  border: none;
}

.ToggleButton-module-scss-module__TzU1ra__s {
  height: var(--static-space-24);
  min-height: var(--static-space-24);
  padding: var(--static-space-2) var(--static-space-8);
}

.ToggleButton-module-scss-module__TzU1ra__m {
  height: var(--static-space-32);
  min-height: var(--static-space-32);
  padding: var(--static-space-4) var(--static-space-12);
}

.ToggleButton-module-scss-module__TzU1ra__l {
  height: var(--static-space-40);
  min-height: var(--static-space-40);
  padding: var(--static-space-8) var(--static-space-16);
}

.ToggleButton-module-scss-module__TzU1ra__ghost {
  border-color: var(--static-transparent);
}

.ToggleButton-module-scss-module__TzU1ra__outline {
  border-color: var(--neutral-alpha-weak);
}


/* [project]/src/zerolumens-style/components/NumberInput.module.scss.module.css [app-client] (css) */
.NumberInput-module-scss-module__DgeReq__numberInput input[type="number"]::-webkit-inner-spin-button, .NumberInput-module-scss-module__DgeReq__numberInput input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.NumberInput-module-scss-module__DgeReq__numberInput input[type="number"] {
  -moz-appearance: textfield;
}

.NumberInput-module-scss-module__DgeReq__stepper {
  pointer-events: visibleFill;
}

.NumberInput-module-scss-module__DgeReq__stepper:hover {
  background-color: var(--neutral-alpha-medium);
}


/* [project]/src/zerolumens-style/components/DatePicker.module.scss.module.css [app-client] (css) */
.DatePicker-module-scss-module__VRe1Oq__calendar.DatePicker-module-scss-module__VRe1Oq__xs {
  --calendar-padding: var(--static-space-8);
  --calendar-gap: var(--static-space-4);
  --calendar-button-size: var(--static-space-24);
  --calendar-font-size: var(--font-size-xs);
}

.DatePicker-module-scss-module__VRe1Oq__calendar.DatePicker-module-scss-module__VRe1Oq__s {
  --calendar-padding: var(--static-space-12);
  --calendar-gap: var(--static-space-8);
  --calendar-button-size: var(--static-space-28);
  --calendar-font-size: var(--font-size-s);
}

.DatePicker-module-scss-module__VRe1Oq__calendar.DatePicker-module-scss-module__VRe1Oq__m {
  --calendar-padding: var(--static-space-16);
  --calendar-gap: var(--static-space-12);
  --calendar-button-size: var(--static-space-32);
  --calendar-font-size: var(--font-size-m);
}

.DatePicker-module-scss-module__VRe1Oq__calendar.DatePicker-module-scss-module__VRe1Oq__l {
  --calendar-padding: var(--static-space-20);
  --calendar-gap: var(--static-space-16);
  --calendar-button-size: var(--static-space-36);
  --calendar-font-size: var(--font-size-l);
}

.DatePicker-module-scss-module__VRe1Oq__calendar.DatePicker-module-scss-module__VRe1Oq__xl {
  --calendar-padding: var(--static-space-24);
  --calendar-gap: var(--static-space-20);
  --calendar-button-size: var(--static-space-40);
  --calendar-font-size: var(--font-size-xl);
}

.DatePicker-module-scss-module__VRe1Oq__monthButton:hover {
  background: var(--neutral-background-medium);
  transform: scale(1.1);
}

.DatePicker-module-scss-module__VRe1Oq__monthButton:disabled {
  opacity: .5;
  cursor: not-allowed;
  transform: none;
}

.DatePicker-module-scss-module__VRe1Oq__dayButton {
  aspect-ratio: 1;
  width: var(--calendar-button-size);
  height: var(--calendar-button-size);
  font-size: var(--calendar-font-size);
  border-radius: var(--radius-m);
  border: .5px solid var(--neutral-background-medium);
  color: var(--neutral-on-background-weak);
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: all .2s ease-in-out;
  display: flex;
}

.DatePicker-module-scss-module__VRe1Oq__dayButton:hover {
  color: var(--neutral-background-weak);
  background: var(--neutral-background-strong);
  transform: scale(1.1);
}

.DatePicker-module-scss-module__VRe1Oq__dayButton:active {
  background-color: var(--brand-background-strong);
  color: #fff;
  transform: scale(.95);
}

.DatePicker-module-scss-module__VRe1Oq__dayButton:disabled {
  opacity: .5;
  cursor: not-allowed;
  transform: none;
}

.DatePicker-module-scss-module__VRe1Oq__timeSelector {
  background: var(--neutral-background-medium);
  border-radius: var(--radius-m);
  border: 1px solid var(--neutral-background-medium);
  padding: var(--calendar-padding);
  font-size: var(--calendar-font-size);
}

.DatePicker-module-scss-module__VRe1Oq__timeSelector:focus-within {
  border: 1px solid var(--neutral-border-strong);
}

.DatePicker-module-scss-module__VRe1Oq__timeInput {
  width: var(--static-space-40);
  height: var(--static-space-32);
  border: 1px solid var(--neutral-border-medium);
  border-radius: var(--radius-m);
  background: var(--neutral-background-strong);
  color: var(--neutral-on-background-strong);
  text-align: center;
  font-size: var(--calendar-font-size);
  outline: none;
  transition: all .2s ease-in-out;
}

.DatePicker-module-scss-module__VRe1Oq__timeInput:focus {
  border-color: var(--brand-border-medium);
  box-shadow: 0 0 0 2px var(--brand-alpha-weak);
}

.DatePicker-module-scss-module__VRe1Oq__timeInput:invalid {
  border-color: var(--danger-border-medium);
}

.DatePicker-module-scss-module__VRe1Oq__timeInput::-webkit-inner-spin-button, .DatePicker-module-scss-module__VRe1Oq__timeInput::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.DatePicker-module-scss-module__VRe1Oq__ampmSelector button {
  min-width: var(--static-space-40);
}

.DatePicker-module-scss-module__VRe1Oq__monthTransition {
  transition: transform .3s ease-in-out, opacity .3s ease-in-out;
}

.DatePicker-module-scss-module__VRe1Oq__slideLeft {
  opacity: 0;
  transform: translateX(-20px);
}

.DatePicker-module-scss-module__VRe1Oq__slideRight {
  opacity: 0;
  transform: translateX(20px);
}

.DatePicker-module-scss-module__VRe1Oq__timeWrapper.DatePicker-module-scss-module__VRe1Oq__vertical {
  align-items: flex-start;
}

.DatePicker-module-scss-module__VRe1Oq__verticalTimeLabel {
  writing-mode: vertical-lr;
  margin-right: var(--static-space-8);
  transform: rotate(180deg);
}

.DatePicker-module-scss-module__VRe1Oq__timeSelector.DatePicker-module-scss-module__VRe1Oq__vertical {
  flex-direction: column;
  align-items: flex-start;
}

.DatePicker-module-scss-module__VRe1Oq__ampmSelector {
  min-width: var(--static-space-80);
  height: var(--static-space-32);
  font-size: var(--calendar-font-size);
}

.DatePicker-module-scss-module__VRe1Oq__ampmSelector.DatePicker-module-scss-module__VRe1Oq__vertical {
  min-width: var(--static-space-32);
  height: auto;
}

.DatePicker-module-scss-module__VRe1Oq__ampmSelector.DatePicker-module-scss-module__VRe1Oq__vertical button {
  min-width: var(--static-space-32);
  height: var(--static-space-40);
}

.DatePicker-module-scss-module__VRe1Oq__grid {
  display: grid;
}

.DatePicker-module-scss-module__VRe1Oq__grid > div {
  overflow: hidden;
}


/* [project]/src/zerolumens-style/components/Dialog.module.scss.module.css [app-client] (css) */
.Dialog-module-scss-module__6u3jIW__overlay {
  opacity: 0;
  visibility: hidden;
}

.Dialog-module-scss-module__6u3jIW__overlay.Dialog-module-scss-module__6u3jIW__open {
  opacity: 1;
  visibility: visible;
}

.Dialog-module-scss-module__6u3jIW__dialog {
  opacity: 0;
  max-width: 40rem;
  max-height: 100%;
  transform: scale(.2);
}

.Dialog-module-scss-module__6u3jIW__dialog.Dialog-module-scss-module__6u3jIW__open {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

@media (width <= 1024px) {
  .Dialog-module-scss-module__6u3jIW__dialog {
    bottom: var(--static-space-8);
    left: var(--static-space-8);
    right: var(--static-space-8);
    position: fixed;
    max-width: calc(100% - var(--static-space-16)) !important;
  }
}


/* [project]/src/zerolumens-style/components/GlitchFx.module.scss.module.css [app-client] (css) */
.GlitchFx-module-scss-module__8DCARG__glitchLayer {
  pointer-events: none;
}

.GlitchFx-module-scss-module__8DCARG__blueShift {
  filter: hue-rotate(260deg);
  z-index: 1;
  animation: 2.5s infinite GlitchFx-module-scss-module__8DCARG__glitch-blue;
}

.GlitchFx-module-scss-module__8DCARG__redShift {
  filter: hue-rotate(120deg);
  z-index: 1;
  animation: 2.5s infinite GlitchFx-module-scss-module__8DCARG__glitch-red;
}

@keyframes GlitchFx-module-scss-module__8DCARG__glitch-blue {
  6%, 14%, 70%, 78% {
    opacity: .25;
    clip-path: inset(0);
    transform: none;
  }

  10%, 12% {
    opacity: .5;
    clip-path: inset(50% 0 25%);
    transform: translate(-5px, -3px)skew(1deg, -2deg);
  }

  11%, 13% {
    opacity: .7;
    clip-path: inset(0 35% 40% 0);
    transform: translate(4px, -7px)skew(-1deg)scaleX(1.5)scaleY(1.25);
  }

  14%, 82% {
    opacity: .3;
    clip-path: inset(30% 5% 25% 40%);
    transform: translate(-5px, -3px)skew(1deg, -1deg);
  }

  75%, 83% {
    opacity: .2;
    clip-path: inset(0 35% 45% 10%);
    transform: translate(-9px, 2px)skew(-1deg);
  }
}

@keyframes GlitchFx-module-scss-module__8DCARG__glitch-red {
  6%, 14%, 70%, 78% {
    opacity: 0;
    clip-path: inset(0);
    transform: none;
  }

  10%, 12% {
    opacity: .5;
    clip-path: inset(5% 0 10%);
    transform: translate(6px, 4px)skew(1deg);
  }

  11%, 13% {
    opacity: .7;
    clip-path: inset(5% 0 10%);
    transform: translate(-4px, 5px)skew(0deg, -1deg);
  }

  14%, 82% {
    opacity: .2;
    clip-path: inset(50% 25% 25% 0);
    transform: translate(-7px, -4px)skew(1deg, -1deg);
  }

  75%, 80% {
    opacity: .3;
    clip-path: inset(0 0 20% 50%);
    transform: translate(4px, -6px)skew(-1deg)scaleX(2)scaleY(1.25);
  }
}

.GlitchFx-module-scss-module__8DCARG__slow {
  animation-duration: 3.5s;
}

.GlitchFx-module-scss-module__8DCARG__medium {
  animation-duration: 2.5s;
}

.GlitchFx-module-scss-module__8DCARG__fast {
  animation-duration: 1.5s;
}

.GlitchFx-module-scss-module__8DCARG__active .GlitchFx-module-scss-module__8DCARG__blueShift, .GlitchFx-module-scss-module__8DCARG__active .GlitchFx-module-scss-module__8DCARG__redShift {
  animation-play-state: running;
}

.GlitchFx-module-scss-module__8DCARG__glitchFx:not(.GlitchFx-module-scss-module__8DCARG__active) .GlitchFx-module-scss-module__8DCARG__blueShift, .GlitchFx-module-scss-module__8DCARG__glitchFx:not(.GlitchFx-module-scss-module__8DCARG__active) .GlitchFx-module-scss-module__8DCARG__redShift {
  animation-play-state: paused;
}


/* [project]/src/zerolumens-style/components/Toast.module.scss.module.css [app-client] (css) */
.Toast-module-scss-module__mxvSDW__toast {
  transition: opacity .3s, transform .3s;
}

.Toast-module-scss-module__mxvSDW__visible {
  opacity: 1;
}

.Toast-module-scss-module__mxvSDW__hidden {
  opacity: 0;
}


/* [project]/src/zerolumens-style/components/Toaster.module.scss.module.css [app-client] (css) */
.Toaster-module-scss-module__xH2DBW__toastContainer {
  bottom: var(--responsive-space-l);
  left: 50%;
  transform: translateX(-50%);
}

.Toaster-module-scss-module__xH2DBW__toastWrapper {
  transition: transform .3s, opacity .3s;
  bottom: 0;
}

.Toaster-module-scss-module__xH2DBW__toastAnimation {
  animation: .3s ease-out forwards Toaster-module-scss-module__xH2DBW__fadeIn;
}

@keyframes Toaster-module-scss-module__xH2DBW__fadeIn {
  from {
    opacity: 0;
    transform: translateY(4rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}


/* [project]/src/zerolumens-style/components/HeadingLink.module.scss.module.css [app-client] (css) */
.HeadingLink-module-scss-module__YSToPG__control {
  cursor: pointer;
}

.HeadingLink-module-scss-module__YSToPG__control:hover .HeadingLink-module-scss-module__YSToPG__visibility {
  opacity: 1;
}

.HeadingLink-module-scss-module__YSToPG__control:hover .HeadingLink-module-scss-module__YSToPG__text {
  text-decoration-line: underline;
}

.HeadingLink-module-scss-module__YSToPG__text {
  text-underline-offset: .25em;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--neutral-border-strong);
}

.HeadingLink-module-scss-module__YSToPG__visibility {
  opacity: 0;
  transform: scale(.875);
}


/* [project]/src/zerolumens-style/components/HoloFx.module.scss.module.css [app-client] (css) */
.HoloFx-module-scss-module__At6MOa__overlay {
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease-in-out;
}

.HoloFx-module-scss-module__At6MOa__holoFx {
  isolation: isolate;
  z-index: 0;
}

.HoloFx-module-scss-module__At6MOa__holoFx:hover .HoloFx-module-scss-module__At6MOa__burn {
  opacity: var(--burn-opacity);
  z-index: 1;
  transform: translateX(1px)translateY(1px);
}

.HoloFx-module-scss-module__At6MOa__holoFx:hover .HoloFx-module-scss-module__At6MOa__shine {
  opacity: var(--light-opacity);
  z-index: 2;
  transform: translateX(-1px)translateY(-1px);
}

.HoloFx-module-scss-module__At6MOa__holoFx:hover .HoloFx-module-scss-module__At6MOa__texture {
  opacity: var(--texture-opacity);
  transform: translateX(calc(var(--gradient-pos-x) / 50)) scale(1.1);
  z-index: 3;
  background-position: center;
  background-size: 150% 150%;
}


/* [project]/src/zerolumens-style/components/InlineCode.module.scss.module.css [app-client] (css) */
.InlineCode-module-scss-module__bR4AoW__inlineCode {
  vertical-align: middle;
  font-size: 80%;
  line-height: 125%;
}


/* [project]/src/zerolumens-style/components/Option.module.scss.module.css [app-client] (css) */
.Option-module-scss-module__6LgkSW__option {
  border-color: var(--static-transparent);
}

.Option-module-scss-module__6LgkSW__option:hover, .Option-module-scss-module__6LgkSW__option:focus {
  background: var(--neutral-alpha-weak);
  border-color: var(--neutral-alpha-medium);
}

.Option-module-scss-module__6LgkSW__option.Option-module-scss-module__6LgkSW__selected {
  background: var(--neutral-alpha-medium);
  border-color: var(--neutral-alpha-medium);
}

.Option-module-scss-module__6LgkSW__option.Option-module-scss-module__6LgkSW__highlighted {
  background: var(--static-transparent);
  border-color: var(--neutral-alpha-medium);
}

.Option-module-scss-module__6LgkSW__option.Option-module-scss-module__6LgkSW__danger {
  color: var(--danger-on-background-medium);
}

.Option-module-scss-module__6LgkSW__option.Option-module-scss-module__6LgkSW__danger:hover, .Option-module-scss-module__6LgkSW__option.Option-module-scss-module__6LgkSW__danger:focus {
  background: var(--danger-solid-strong);
  color: var(--danger-on-solid-strong);
  border-color: var(--danger-border-strong);
}

.Option-module-scss-module__6LgkSW__focused {
  background: var(--neutral-background-strong);
}


/* [project]/src/zerolumens-style/components/Kbar.module.scss.module.css [app-client] (css) */
.Kbar-module-scss-module__40J7sq__overlay {
  backdrop-filter: var(--backdrop-filter);
  animation: .2s ease-out forwards Kbar-module-scss-module__40J7sq__fadeIn;
}

.Kbar-module-scss-module__40J7sq__overlay.Kbar-module-scss-module__40J7sq__closing {
  animation: .2s ease-out forwards Kbar-module-scss-module__40J7sq__fadeOut;
}

.Kbar-module-scss-module__40J7sq__content {
  animation: .2s ease-out forwards Kbar-module-scss-module__40J7sq__scaleIn;
}

.Kbar-module-scss-module__40J7sq__content.Kbar-module-scss-module__40J7sq__closing {
  animation: .2s ease-out forwards Kbar-module-scss-module__40J7sq__scaleOut;
}

@keyframes Kbar-module-scss-module__40J7sq__fadeIn {
  from {
    opacity: 0;
    backdrop-filter: blur();
  }

  to {
    opacity: 1;
    backdrop-filter: var(--backdrop-filter);
  }
}

@keyframes Kbar-module-scss-module__40J7sq__fadeOut {
  from {
    opacity: 1;
    backdrop-filter: var(--backdrop-filter);
  }

  to {
    opacity: 0;
    backdrop-filter: blur();
  }
}

@keyframes Kbar-module-scss-module__40J7sq__scaleIn {
  from {
    opacity: 0;
    transform: scale(.9);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes Kbar-module-scss-module__40J7sq__scaleOut {
  from {
    opacity: 1;
    transform: scale(1);
  }

  to {
    opacity: 0;
    transform: scale(.9);
  }
}


/* [project]/src/zerolumens-style/components/Logo.module.scss.module.css [app-client] (css) */
.Logo-module-scss-module__vls9RW__type {
  content: var(--type);
}

.Logo-module-scss-module__vls9RW__icon {
  content: var(--icon);
}

.Logo-module-scss-module__vls9RW__type, .Logo-module-scss-module__vls9RW__icon {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: block;
}


/* [project]/src/zerolumens-style/components/LogoCloud.module.scss.module.css [app-client] (css) */
.LogoCloud-module-scss-module__z7n6cW__logo {
  will-change: opacity, filter, transform;
  transform-origin: center;
  animation: 5s ease-out both LogoCloud-module-scss-module__z7n6cW__fadeInOut;
}

@keyframes LogoCloud-module-scss-module__z7n6cW__fadeInOut {
  0% {
    opacity: 0;
    filter: blur(1.5rem);
    transform: scale(.2);
  }

  4%, 96% {
    opacity: 1;
    filter: blur();
    transform: scale(1);
  }

  100% {
    opacity: 0;
    filter: blur(1.5rem);
    transform: scale(.2);
  }
}


/* [project]/src/zerolumens-style/components/MegaMenu.module.scss.module.css [app-client] (css) */
@keyframes MegaMenu-module-scss-module__HrEm0q__fadeInDropdown {
  from {
    opacity: 0;
    transform: translateY(-1rem)scale(.95);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

.MegaMenu-module-scss-module__HrEm0q__dropdown {
  animation: .2s ease-out forwards MegaMenu-module-scss-module__HrEm0q__fadeInDropdown;
}

.MegaMenu-module-scss-module__HrEm0q__mobileMenuOverlay {
  opacity: 0;
  transition: transform .3s ease-out, opacity .3s ease-out;
  transform: translateX(100%);
}

.MegaMenu-module-scss-module__HrEm0q__mobileMenuOverlay.MegaMenu-module-scss-module__HrEm0q__open {
  opacity: 1;
  transform: translateX(0);
}


/* [project]/src/zerolumens-style/components/NavIcon.module.scss.module.css [app-client] (css) */
.NavIcon-module-scss-module__ypxroW__line {
  background-color: var(--neutral-on-background-strong);
  height: 1px;
  width: var(--static-space-24);
  transition: transform .3s;
  position: absolute;
  top: 50%;
  left: 50%;
}

.NavIcon-module-scss-module__ypxroW__line:first-child {
  transform: translateX(-50%) translateY(calc(-1 * var(--static-space-4)));
}

.NavIcon-module-scss-module__ypxroW__line:last-child {
  transform: translateX(-50%) translateY(var(--static-space-4));
}

.NavIcon-module-scss-module__ypxroW__active:first-child {
  transform: translateX(-50%)translateY(0)rotate(45deg);
}

.NavIcon-module-scss-module__ypxroW__active:last-child {
  transform: translateX(-50%)translateY(0)rotate(-45deg);
}


/* [project]/src/zerolumens-style/components/OTPInput.module.scss.module.css [app-client] (css) */
.OTPInput-module-scss-module__4Qwfma__inputs {
  font-size: var(--font-size-heading-xl);
  width: var(--static-space-48);
  max-width: var(--static-space-48);
  transition: border-color .2s, box-shadow .2s;
}

.OTPInput-module-scss-module__4Qwfma__inputs input {
  text-align: center;
}

.OTPInput-module-scss-module__4Qwfma__inputs:focus-within {
  animation: .3s forwards OTPInput-module-scss-module__4Qwfma__focusAnimation;
}

@keyframes OTPInput-module-scss-module__4Qwfma__focusAnimation {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.05);
  }

  100% {
    transform: scale(1);
  }
}


/* [project]/src/zerolumens-style/components/StylePanel.module.scss.module.css [app-client] (css) */
.StylePanel-module-scss-module__5aDdmG__select {
  min-width: var(--static-space-40);
  min-height: var(--static-space-40);
  border-radius: var(--radius-m-nest-4);
  border-color: var(--static-transparent);
  background: var(--static-transparent);
  border-style: solid;
  border-width: 1px;
}

.StylePanel-module-scss-module__5aDdmG__select:hover {
  background: var(--neutral-alpha-medium);
  border-color: var(--neutral-alpha-medium);
}

.StylePanel-module-scss-module__5aDdmG__select.StylePanel-module-scss-module__5aDdmG__selected {
  background: var(--neutral-alpha-strong);
  border-color: var(--neutral-alpha-strong);
}

.StylePanel-module-scss-module__5aDdmG__swatch {
  border-radius: var(--radius-m);
  border-style: solid;
  border-width: 1px;
  width: 100%;
  height: 100%;
}

.StylePanel-module-scss-module__5aDdmG__slate {
  background: var(--scheme-slate-500);
  border-color: var(--scheme-slate-700);
}

.StylePanel-module-scss-module__5aDdmG__gray {
  background: var(--scheme-gray-500);
  border-color: var(--scheme-gray-700);
}

.StylePanel-module-scss-module__5aDdmG__sand {
  background: var(--scheme-sand-500);
  border-color: var(--scheme-sand-700);
}

.StylePanel-module-scss-module__5aDdmG__blue {
  background: var(--scheme-blue-500);
  border-color: var(--scheme-blue-700);
}

.StylePanel-module-scss-module__5aDdmG__cyan {
  background: var(--scheme-cyan-500);
  border-color: var(--scheme-cyan-700);
}

.StylePanel-module-scss-module__5aDdmG__indigo {
  background: var(--scheme-indigo-500);
  border-color: var(--scheme-indigo-700);
}

.StylePanel-module-scss-module__5aDdmG__violet {
  background: var(--scheme-violet-500);
  border-color: var(--scheme-violet-700);
}

.StylePanel-module-scss-module__5aDdmG__magenta {
  background: var(--scheme-magenta-500);
  border-color: var(--scheme-magenta-700);
}

.StylePanel-module-scss-module__5aDdmG__pink {
  background: var(--scheme-pink-500);
  border-color: var(--scheme-pink-700);
}

.StylePanel-module-scss-module__5aDdmG__yellow {
  background: var(--scheme-yellow-500);
  border-color: var(--scheme-yellow-700);
}

.StylePanel-module-scss-module__5aDdmG__orange {
  background: var(--scheme-orange-500);
  border-color: var(--scheme-orange-700);
}

.StylePanel-module-scss-module__5aDdmG__red {
  background: var(--scheme-red-500);
  border-color: var(--scheme-red-700);
}

.StylePanel-module-scss-module__5aDdmG__moss {
  background: var(--scheme-moss-500);
  border-color: var(--scheme-moss-700);
}

.StylePanel-module-scss-module__5aDdmG__green {
  background: var(--scheme-green-500);
  border-color: var(--scheme-green-700);
}

.StylePanel-module-scss-module__5aDdmG__emerald {
  background: var(--scheme-emerald-500);
  border-color: var(--scheme-emerald-700);
}

.StylePanel-module-scss-module__5aDdmG__aqua {
  background: var(--scheme-aqua-500);
  border-color: var(--scheme-aqua-700);
}

.StylePanel-module-scss-module__5aDdmG__neutral {
  background: var(--neutral-solid-medium);
  border-color: var(--neutral-alpha-strong);
}


/* [project]/src/zerolumens-style/components/StyleOverlay.module.scss.module.css [app-client] (css) */
.StyleOverlay-module-scss-module__aereUW__panel {
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  transform-origin: 100% 0;
  transform: scale(.2);
}

.StyleOverlay-module-scss-module__aereUW__panel.StyleOverlay-module-scss-module__aereUW__open {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}

.StyleOverlay-module-scss-module__aereUW__panel:not(.StyleOverlay-module-scss-module__aereUW__open) {
  z-index: -1;
  filter: blur(.25rem);
}


/* [project]/src/zerolumens-style/components/Switch.module.scss.module.css [app-client] (css) */
.Switch-module-scss-module__Zq_Aiq__container {
  cursor: var(--cursor-interactive);
  isolation: isolate;
}

.Switch-module-scss-module__Zq_Aiq__container:active .Switch-module-scss-module__Zq_Aiq__element {
  transform: translateY(-50%)scaleX(1.2);
}

.Switch-module-scss-module__Zq_Aiq__container:hover .Switch-module-scss-module__Zq_Aiq__switch {
  background-color: var(--neutral-solid-strong);
}

.Switch-module-scss-module__Zq_Aiq__container:hover .Switch-module-scss-module__Zq_Aiq__switch.Switch-module-scss-module__Zq_Aiq__checked {
  background-color: var(--brand-solid-strong);
}

.Switch-module-scss-module__Zq_Aiq__container:hover .Switch-module-scss-module__Zq_Aiq__switch.Switch-module-scss-module__Zq_Aiq__checked .Switch-module-scss-module__Zq_Aiq__element:before {
  display: none;
}

.Switch-module-scss-module__Zq_Aiq__reverse {
  flex-direction: row-reverse;
}

.Switch-module-scss-module__Zq_Aiq__switch {
  box-shadow: inset 0 0 0 var(--solid-inset-color-brand);
  border-color: var(--solid-border-color-neutral);
  border-style: solid;
  border-width: var(--solid-border-width);
  width: var(--static-space-40);
  min-width: var(--static-space-40);
  height: var(--static-space-24);
  border-radius: var(--radius-l-nest-4);
  background-color: var(--neutral-solid-medium);
  transition: var(--transition-micro-medium);
  position: relative;
}

.Switch-module-scss-module__Zq_Aiq__switch.Switch-module-scss-module__Zq_Aiq__checked {
  box-shadow: inset 0 var(--solid-inset-distance) var(--solid-inset-size) var(--solid-inset-color-brand);
  background-color: var(--brand-solid-medium);
  border-color: var(--solid-border-color-brand);
}

.Switch-module-scss-module__Zq_Aiq__switch.Switch-module-scss-module__Zq_Aiq__checked .Switch-module-scss-module__Zq_Aiq__element {
  left: calc(100% - var(--static-space-20));
  transform-origin: 100%;
}

.Switch-module-scss-module__Zq_Aiq__element {
  z-index: 1;
  transform-origin: 0;
  width: var(--static-space-16);
  height: var(--static-space-16);
  border-radius: var(--radius-l);
  background-color: var(--brand-on-solid-strong);
  top: 50%;
  left: var(--static-space-4);
  outline: none;
  transition: left .3s, transform .3s;
  position: absolute;
  transform: translateY(-50%);
}

.Switch-module-scss-module__Zq_Aiq__disabled .Switch-module-scss-module__Zq_Aiq__switch {
  opacity: .4;
}

.Switch-module-scss-module__Zq_Aiq__disabled .Switch-module-scss-module__Zq_Aiq__element:before {
  display: none !important;
}

.Switch-module-scss-module__Zq_Aiq__container:hover .Switch-module-scss-module__Zq_Aiq__element:before, .Switch-module-scss-module__Zq_Aiq__element:focus-within:before {
  content: "";
  width: var(--static-space-40);
  height: var(--static-space-40);
  background-color: var(--brand-alpha-medium);
  border-radius: var(--radius-full);
  z-index: -1;
  animation: .2s forwards Switch-module-scss-module__Zq_Aiq__scaleInCenter;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@keyframes Switch-module-scss-module__Zq_Aiq__scaleInCenter {
  from {
    transform: translate(-50%, -50%)scale(0);
  }

  to {
    transform: translate(-50%, -50%)scale(1);
  }
}


/* [project]/src/zerolumens-style/components/Tag.module.scss.module.css [app-client] (css) */
.Tag-module-scss-module__7XXzRa__tag {
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.Tag-module-scss-module__7XXzRa__tag.Tag-module-scss-module__7XXzRa__brand {
  border-color: var(--brand-border-strong);
  background-color: var(--brand-background-strong);
  color: var(--brand-on-background-medium);
}

.Tag-module-scss-module__7XXzRa__tag.Tag-module-scss-module__7XXzRa__accent {
  border-color: var(--accent-border-strong);
  background-color: var(--accent-background-strong);
  color: var(--accent-on-background-medium);
}

.Tag-module-scss-module__7XXzRa__tag.Tag-module-scss-module__7XXzRa__neutral {
  border-color: var(--neutral-border-medium);
  background-color: var(--surface-background);
  color: var(--neutral-on-background-medium);
}

.Tag-module-scss-module__7XXzRa__tag.Tag-module-scss-module__7XXzRa__warning {
  border-color: var(--warning-border-strong);
  background-color: var(--warning-background-strong);
  color: var(--warning-on-background-medium);
}

.Tag-module-scss-module__7XXzRa__tag.Tag-module-scss-module__7XXzRa__danger {
  border-color: var(--danger-border-strong);
  background-color: var(--danger-background-strong);
  color: var(--danger-on-background-medium);
}

.Tag-module-scss-module__7XXzRa__tag.Tag-module-scss-module__7XXzRa__success {
  border-color: var(--success-border-strong);
  background-color: var(--success-background-strong);
  color: var(--success-on-background-medium);
}

.Tag-module-scss-module__7XXzRa__tag.Tag-module-scss-module__7XXzRa__info {
  border-color: var(--info-border-strong);
  background-color: var(--info-background-strong);
  color: var(--info-on-background-medium);
}

.Tag-module-scss-module__7XXzRa__tag.Tag-module-scss-module__7XXzRa__gradient {
  border-color: var(--brand-alpha-medium);
  background-image: linear-gradient(45deg, var(--brand-background-strong), var(--accent-background-strong));
  color: var(--brand-on-background-medium);
  background-clip: padding-box;
}

.Tag-module-scss-module__7XXzRa__s {
  padding: 0 var(--static-space-4);
}

.Tag-module-scss-module__7XXzRa__m {
  padding: var(--static-space-2) var(--static-space-8);
}

.Tag-module-scss-module__7XXzRa__l {
  padding: var(--static-space-4) var(--static-space-12);
}


/* [project]/src/zerolumens-style/components/TiltFx.module.scss.module.css [app-client] (css) */
.TiltFx-module-scss-module__4qj9QG__tiltFx {
  transition: transform .3s ease-out;
}

@media (hover: hover) {
  .TiltFx-module-scss-module__4qj9QG__tiltFx {
    perspective: 1000px;
    transform-style: preserve-3d;
    will-change: transform;
  }
}


/* [project]/src/zerolumens-style/components/UserMenu.module.scss.module.css [app-client] (css) */
.UserMenu-module-scss-module__PaiUyW__wrapper {
  border: 1px solid var(--static-transparent);
  transition: var(--transition-micro-medium);
}

.UserMenu-module-scss-module__PaiUyW__wrapper:hover {
  background-color: var(--neutral-alpha-weak);
  border: 1px solid var(--neutral-alpha-medium);
}

.UserMenu-module-scss-module__PaiUyW__wrapper.UserMenu-module-scss-module__PaiUyW__selected:hover {
  background-color: var(--neutral-background-strong);
  border: 1px solid var(--neutral-border-strong);
}


/* [project]/src/zerolumens-style/components/Sidebar.module.scss.module.css [app-client] (css) */
.Sidebar-module-scss-module__ZO6HSG__sidebarContainer {
  height: 100vh;
  display: flex;
  position: relative;
}

.Sidebar-module-scss-module__ZO6HSG__sidebarContent {
  flex-grow: 1;
}

.Sidebar-module-scss-module__ZO6HSG__previousUsageHeader {
  cursor: pointer;
}

.Sidebar-module-scss-module__ZO6HSG__searchAndFilterContainer {
  padding: 0 4px;
}

.Sidebar-module-scss-module__ZO6HSG__interactionListContainer {
  flex-grow: 1;
}

.Sidebar-module-scss-module__ZO6HSG__resizeHandle {
  cursor: col-resize;
  justify-content: center;
  align-items: center;
  width: 6px;
  height: 100%;
  transition: background-color .2s;
  display: flex;
}

.Sidebar-module-scss-module__ZO6HSG__resizeHandle:hover {
  background-color: var(--brand-medium, #0056b3);
}

.Sidebar-module-scss-module__ZO6HSG__resizeHandleGrip {
  border-radius: 2px;
  width: 2px;
  height: 24px;
}

.Sidebar-module-scss-module__ZO6HSG__hidden {
  display: none !important;
}

.Sidebar-module-scss-module__ZO6HSG__visuallyHidden {
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.Sidebar-module-scss-module__ZO6HSG__loadingOverlay {
  z-index: 10;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}


/* [project]/src/zerolumens-style/components/ScrollToTop.module.scss.module.css [app-client] (css) */
.ScrollToTop-module-scss-module__tqHkKq__scrollToTop {
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s ease-in-out, visibility 0s linear .2s;
}

.ScrollToTop-module-scss-module__tqHkKq__scrollToTop[data-visible="true"] {
  opacity: 1;
  visibility: visible;
  transition: opacity .2s ease-in-out, visibility linear;
}


/* [project]/src/zerolumens-style/components/ChatTranscript.module.scss.module.css [app-client] (css) */
.ChatTranscript-module-scss-module__yONGvq__container {
  width: 100%;
  max-width: 600px;
}

.ChatTranscript-module-scss-module__yONGvq__bubble {
  padding: var(--static-space-8) var(--static-space-12);
  border-radius: var(--radius-l);
  max-width: 90%;
}

.ChatTranscript-module-scss-module__yONGvq__user {
  background: var(--brand-background-strong);
  color: var(--brand-on-background-strong);
  align-self: flex-end;
}

.ChatTranscript-module-scss-module__yONGvq__assistant {
  background: var(--surface-background);
  border: 1px solid var(--neutral-border-medium);
  color: var(--neutral-on-background-strong);
  align-self: flex-start;
}


/* [project]/src/zerolumens-style/components/AudioLoader.module.scss.module.css [app-client] (css) */
@keyframes AudioLoader-module-scss-module__27VP3G__wave {
  0% {
    transform: scaleY(.3);
  }

  50% {
    transform: scaleY(1);
  }

  100% {
    transform: scaleY(.3);
  }
}

.AudioLoader-module-scss-module__27VP3G__loader {
  color: var(--brand-background-strong);
  align-items: flex-end;
  gap: 2px;
  display: flex;
}

.AudioLoader-module-scss-module__27VP3G__bar {
  transform-origin: bottom;
  background-color: currentColor;
  width: 4px;
  animation: 1s ease-in-out infinite AudioLoader-module-scss-module__27VP3G__wave;
}

.AudioLoader-module-scss-module__27VP3G__s .AudioLoader-module-scss-module__27VP3G__bar {
  height: 8px;
}

.AudioLoader-module-scss-module__27VP3G__m .AudioLoader-module-scss-module__27VP3G__bar {
  height: 12px;
}

.AudioLoader-module-scss-module__27VP3G__l .AudioLoader-module-scss-module__27VP3G__bar {
  height: 16px;
}

.AudioLoader-module-scss-module__27VP3G__loader .AudioLoader-module-scss-module__27VP3G__bar:first-child {
  animation-delay: 0s;
}

.AudioLoader-module-scss-module__27VP3G__loader .AudioLoader-module-scss-module__27VP3G__bar:nth-child(2) {
  animation-delay: .1s;
}

.AudioLoader-module-scss-module__27VP3G__loader .AudioLoader-module-scss-module__27VP3G__bar:nth-child(3) {
  animation-delay: .2s;
}

.AudioLoader-module-scss-module__27VP3G__loader .AudioLoader-module-scss-module__27VP3G__bar:nth-child(4) {
  animation-delay: .3s;
}


/* [project]/src/zerolumens-style/components/Accordion.module.scss.module.css [app-client] (css) */
.Accordion-module-scss-module__Xne25G__accordion:hover {
  background: var(--neutral-alpha-weak);
}


/* [project]/src/zerolumens-style/components/NavIcon.module.scss.module.css [app-client] (css) */
.NavIcon-module-scss-module__ypxroW__line {
  background-color: var(--neutral-on-background-strong);
  height: 1px;
  width: var(--static-space-24);
  transition: transform .3s;
  position: absolute;
  top: 50%;
  left: 50%;
}

.NavIcon-module-scss-module__ypxroW__line:first-child {
  transform: translateX(-50%) translateY(calc(-1 * var(--static-space-4)));
}

.NavIcon-module-scss-module__ypxroW__line:last-child {
  transform: translateX(-50%) translateY(var(--static-space-4));
}

.NavIcon-module-scss-module__ypxroW__active:first-child {
  transform: translateX(-50%)translateY(0)rotate(45deg);
}

.NavIcon-module-scss-module__ypxroW__active:last-child {
  transform: translateX(-50%)translateY(0)rotate(-45deg);
}


/* [project]/src/zerolumens-style/components/Option.module.scss.module.css [app-client] (css) */
.Option-module-scss-module__6LgkSW__option {
  border-color: var(--static-transparent);
}

.Option-module-scss-module__6LgkSW__option:hover, .Option-module-scss-module__6LgkSW__option:focus {
  background: var(--neutral-alpha-weak);
  border-color: var(--neutral-alpha-medium);
}

.Option-module-scss-module__6LgkSW__option.Option-module-scss-module__6LgkSW__selected {
  background: var(--neutral-alpha-medium);
  border-color: var(--neutral-alpha-medium);
}

.Option-module-scss-module__6LgkSW__option.Option-module-scss-module__6LgkSW__highlighted {
  background: var(--static-transparent);
  border-color: var(--neutral-alpha-medium);
}

.Option-module-scss-module__6LgkSW__option.Option-module-scss-module__6LgkSW__danger {
  color: var(--danger-on-background-medium);
}

.Option-module-scss-module__6LgkSW__option.Option-module-scss-module__6LgkSW__danger:hover, .Option-module-scss-module__6LgkSW__option.Option-module-scss-module__6LgkSW__danger:focus {
  background: var(--danger-solid-strong);
  color: var(--danger-on-solid-strong);
  border-color: var(--danger-border-strong);
}

.Option-module-scss-module__6LgkSW__focused {
  background: var(--neutral-background-strong);
}


/* [project]/src/zerolumens-style/components/Spinner.module.scss.module.css [app-client] (css) */
@keyframes Spinner-module-scss-module__ALCgeG__spin {
  0% {
    animation-timing-function: cubic-bezier(.55, .2, .68, .53);
    transform: rotate(0);
  }

  100% {
    animation-timing-function: cubic-bezier(.55, .2, .68, .53);
    transform: rotate(360deg);
  }
}

.Spinner-module-scss-module__ALCgeG__spinner {
  border-style: solid;
  border-color: currentColor #0000 #0000;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  animation: 1.5s infinite Spinner-module-scss-module__ALCgeG__spin;
}

.Spinner-module-scss-module__ALCgeG__xs {
  width: var(--static-space-16);
  height: var(--static-space-16);
  padding: 2px;
}

.Spinner-module-scss-module__ALCgeG__xs .Spinner-module-scss-module__ALCgeG__spinner {
  border-width: 2px;
}

.Spinner-module-scss-module__ALCgeG__s {
  width: var(--static-space-20);
  height: var(--static-space-20);
  padding: 2px;
}

.Spinner-module-scss-module__ALCgeG__s .Spinner-module-scss-module__ALCgeG__spinner {
  border-width: 2px;
}

.Spinner-module-scss-module__ALCgeG__m {
  width: var(--static-space-24);
  height: var(--static-space-24);
  padding: 3px;
}

.Spinner-module-scss-module__ALCgeG__m .Spinner-module-scss-module__ALCgeG__spinner {
  border-width: 2px;
}

.Spinner-module-scss-module__ALCgeG__l {
  width: var(--static-space-32);
  height: var(--static-space-32);
  padding: 4px;
}

.Spinner-module-scss-module__ALCgeG__l .Spinner-module-scss-module__ALCgeG__spinner {
  border-width: 3px;
}

.Spinner-module-scss-module__ALCgeG__xl {
  width: var(--static-space-40);
  height: var(--static-space-40);
  padding: 8px;
}

.Spinner-module-scss-module__ALCgeG__xl .Spinner-module-scss-module__ALCgeG__spinner {
  border-width: 3px;
}


/* [project]/src/zerolumens-style/modules/code/CodeHighlight.css [app-client] (css) */
.token.comment, .token.prolog, .token.doctype, .token.cdata {
  color: var(--code-moss);
}

.token.punctuation {
  color: var(--code-gray);
}

.token.property, .token.tag, .token.constant, .token.symbol, .token.deleted {
  color: var(--code-aqua);
}

.token.boolean, .token.number {
  color: var(--code-green);
}

.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted {
  color: var(--code-blue);
}

.token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string {
  color: var(--code-gray);
}

.token.atrule, .token.attr-value, .token.keyword {
  color: var(--code-violet);
}

.token.function, .token.class-name {
  color: var(--code-blue);
}

.token.regex, .token.important, .token.variable {
  color: var(--code-orange);
}

.token.important, .token.bold {
  font-weight: bold;
}

.token.italic {
  font-style: italic;
}

.token.entity {
  cursor: help;
}

@media print {
  .line-highlight {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    color-adjust: exact;
  }
}

.line-highlight {
  background-color: var(--brand-alpha-weak);
  border-left: 2px solid var(--brand-alpha-strong);
  width: 100%;
  margin-top: var(--static-space-8);
  z-index: 0;
  position: absolute;
  left: 0;
}

.line-numbers .line-highlight:before, .line-numbers .line-highlight:after {
  content: none;
}


/* [project]/src/zerolumens-style/modules/code/LineNumber.css [app-client] (css) */
.line-numbers {
  counter-reset: linenumber;
  position: relative;
}

.line-numbers > code {
  white-space: inherit;
  position: relative;
}

.line-numbers-rows {
  padding-right: var(--static-space-4);
  left: calc(-1 * var(--static-space-40));
  pointer-events: none;
  width: var(--static-space-48);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-size: 100%;
  position: absolute;
  top: 0;
}

.line-numbers-rows > span {
  counter-increment: linenumber;
  display: block;
}

.line-numbers-rows > span:before {
  content: counter(linenumber);
  color: var(--neutral-on-background-weak);
  padding-right: var(--static-space-8);
  text-align: right;
  display: block;
  transform: scale(.9);
}


/* [project]/src/zerolumens-style/modules/code/CodeBlock.module.scss.module.css [app-client] (css) */
.CodeBlock-module-scss-module__us5IcG__pre {
  isolation: isolate;
  font-family: var(--font-family-code);
  color: var(--neutral-on-background-strong);
  font-size: var(--font-size-body-s);
  white-space: pre;
  -moz-tab-size: 2;
  -o-tab-size: 2;
  tab-size: 2;
  width: 100%;
  height: fit-content;
  min-height: var(--static-space-32);
  margin: 0;
  line-height: 1.75;
  display: flex;
}

.CodeBlock-module-scss-module__us5IcG__padding {
  padding: var(--static-space-8);
}

.CodeBlock-module-scss-module__us5IcG__lineNumberPadding {
  padding: var(--static-space-8) var(--static-space-8) var(--static-space-8) var(--static-space-40);
}

.CodeBlock-module-scss-module__us5IcG__code {
  width: 100%;
  padding: 0 var(--static-space-12);
  flex: 1;
  margin: auto;
  font-family: inherit;
}

.CodeBlock-module-scss-module__us5IcG__fullscreen {
  left: var(--static-space-8);
  top: var(--static-space-8);
  right: var(--static-space-8);
  bottom: var(--static-space-8);
  z-index: 9;
  position: fixed;
  width: calc(100% - var(--static-space-16)) !important;
  height: calc(100% - var(--static-space-16)) !important;
}


/* [project]/src/zerolumens-style/modules/media/MediaUpload.module.scss.module.css [app-client] (css) */
.MediaUpload-module-scss-module__vSxL5G__container:hover, .MediaUpload-module-scss-module__vSxL5G__container:focus {
  background-color: var(--neutral-background-strong);
}

.MediaUpload-module-scss-module__vSxL5G__text {
  visibility: hidden;
  opacity: 0;
  display: none;
}

.MediaUpload-module-scss-module__vSxL5G__upload:hover {
  background: var(--backdrop);
  backdrop-filter: blur(.25rem);
}

.MediaUpload-module-scss-module__vSxL5G__upload:hover .MediaUpload-module-scss-module__vSxL5G__text {
  visibility: visible;
  opacity: 1;
  display: block;
}


/*# sourceMappingURL=%5Broot-of-the-server%5D__2946bb7f._.css.map*/