/* [project]/src/resources/global.scss.css [app-client] (css) */
ul, ol {
  margin-top: .5rem;
  margin-bottom: .5rem;
  padding-left: 1.25rem;
}

li {
  padding-bottom: .25rem;
}

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

/* [project]/node_modules/@once-ui-system/core/dist/css/styles.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: var(--responsive-space-xs);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.my-xl {
  margin-top: var(--responsive-space-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-right: var(--responsive-space-xs);
}

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

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

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

.mr-xl {
  margin-right: 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-xs {
  margin-bottom: var(--responsive-space-xs);
}

.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);
}

.ml-xs {
  margin-left: var(--responsive-space-xs);
}

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

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

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

.ml-xl {
  margin-left: 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-full-top {
  border-top-left-radius: var(--radius-full);
  border-top-right-radius: var(--radius-full);
}

.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-full-right {
  border-bottom-right-radius: var(--radius-full);
  border-top-right-radius: var(--radius-full);
}

.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-full-bottom {
  border-bottom-left-radius: var(--radius-full);
  border-bottom-right-radius: var(--radius-full);
}

.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-full-left {
  border-bottom-left-radius: var(--radius-full);
  border-top-left-radius: var(--radius-full);
}

.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-full-top-left {
  border-top-left-radius: var(--radius-full);
}

.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-full-top-right {
  border-top-right-radius: var(--radius-full);
}

.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-full-bottom-right {
  border-bottom-right-radius: var(--radius-full);
}

.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);
}

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

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

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

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

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

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

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

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

.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;
}

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

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

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

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

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

.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);
  -webkit-backdrop-filter: var(--backdrop-filter);
  backdrop-filter: var(--backdrop-filter);
}

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

.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 ::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 ::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 ::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 ::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 ::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 ::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 ::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 ::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 ::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 ::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 ::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 ::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 ::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-body);
  font-weight: var(--font-weight-normal);
  color: var(--neutral-on-background-strong);
}

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

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

@media (max-width: 480px) {
  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-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-display-multiplier));
  line-height: calc(var(--line-height-display-xl) * var(--line-height-display-multiplier));
  letter-spacing: -.05em;
}

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

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

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

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

.font-heading {
  font-family: var(--font-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-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-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-xl, .font-label > .font-xl {
  font-size: calc(var(--font-size-label-xl) * var(--font-size-label-multiplier));
  line-height: calc(var(--line-height-label-xl) * var(--line-height-label-multiplier));
}

.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-label.font-xs, .font-label > .font-xs {
  font-size: calc(var(--font-size-label-xs) * var(--font-size-label-multiplier));
  line-height: calc(var(--line-height-label-xs) * var(--line-height-label-multiplier));
}

.font-code {
  font-family: var(--font-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-xl, .font-code > .font-xl {
  font-size: calc(var(--font-size-label-xl) * var(--font-size-label-multiplier));
  line-height: calc(var(--line-height-label-xl) * var(--line-height-label-multiplier));
}

.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));
}

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

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

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

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

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

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

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

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

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

::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-thickness: 1px;
  -webkit-text-decoration-color: var(--neutral-border-strong) !important;
  text-decoration-color: var(--neutral-border-strong) !important;
}

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

.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;
}

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

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

.scrollbar-minimal::-webkit-scrollbar-thumb {
  background: var(--neutral-alpha-medium);
  transition: var(--transition-micro-medium);
  border-radius: var(--radius-full);
}

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

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

@media (max-width: 1440px) {
  .l-overflow-auto {
    overflow: auto;
  }

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

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

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

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

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

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

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

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

@media (max-width: 1024px) {
  .m-overflow-auto {
    overflow: auto;
  }

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .s-overflow-auto {
    overflow: auto;
  }

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

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

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

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

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

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

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

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

@media (max-width: 480px) {
  .xs-overflow-auto {
    overflow: auto;
  }

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

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

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

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

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

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

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

  .xs-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);
}

@media (max-width: 1440px) {
  .l-position-relative {
    position: relative;
  }

  .l-position-fixed {
    position: fixed;
  }

  .l-position-absolute {
    position: absolute;
  }

  .l-position-sticky {
    position: sticky;
  }

  .l-position-static {
    position: static;
  }

  .l-top-0 {
    top: 0;
  }

  .l-left-0 {
    left: 0;
  }

  .l-bottom-0 {
    bottom: 0;
  }

  .l-right-0 {
    right: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 1024px) {
  .m-position-relative {
    position: relative;
  }

  .m-position-fixed {
    position: fixed;
  }

  .m-position-absolute {
    position: absolute;
  }

  .m-position-sticky {
    position: sticky;
  }

  .m-position-static {
    position: static;
  }

  .m-top-0 {
    top: 0;
  }

  .m-left-0 {
    left: 0;
  }

  .m-bottom-0 {
    bottom: 0;
  }

  .m-right-0 {
    right: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .s-position-relative {
    position: relative;
  }

  .s-position-fixed {
    position: fixed;
  }

  .s-position-absolute {
    position: absolute;
  }

  .s-position-sticky {
    position: sticky;
  }

  .s-position-static {
    position: static;
  }

  .s-top-0 {
    top: 0;
  }

  .s-left-0 {
    left: 0;
  }

  .s-bottom-0 {
    bottom: 0;
  }

  .s-right-0 {
    right: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 480px) {
  .xs-position-relative {
    position: relative;
  }

  .xs-position-fixed {
    position: fixed;
  }

  .xs-position-absolute {
    position: absolute;
  }

  .xs-position-sticky {
    position: sticky;
  }

  .xs-position-static {
    position: static;
  }

  .xs-top-0 {
    top: 0;
  }

  .xs-left-0 {
    left: 0;
  }

  .xs-bottom-0 {
    bottom: 0;
  }

  .xs-right-0 {
    right: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.display-grid {
  display: grid;
}

.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(8, 1fr);
}

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

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

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

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

.grid-hide {
  display: none;
}

.grid-show {
  display: grid;
}

@media (max-width: 1440px) {
  .l-columns-1 {
    grid-template-columns: 1fr;
  }

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

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

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

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

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

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

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

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

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

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

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

  .l-grid-hide {
    display: none;
  }

  .l-grid-show {
    display: grid;
  }
}

@media (max-width: 1024px) {
  .m-columns-1 {
    grid-template-columns: 1fr;
  }

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

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

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

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

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

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

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

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

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

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

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

  .m-grid-hide {
    display: none;
  }

  .m-grid-show {
    display: grid;
  }
}

@media (max-width: 768px) {
  .s-columns-1 {
    grid-template-columns: 1fr;
  }

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

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

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

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

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

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

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

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

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

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

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

  .s-grid-hide {
    display: none;
  }

  .s-grid-show {
    display: grid;
  }
}

@media (max-width: 480px) {
  .xs-columns-1 {
    grid-template-columns: 1fr;
  }

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

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

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

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

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

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

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

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

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

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

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

  .xs-grid-hide {
    display: none;
  }

  .xs-grid-show {
    display: grid;
  }
}

.display-flex {
  display: flex;
}

.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;
}

.justify-start {
  justify-content: flex-start;
}

.justify-center {
  justify-content: center;
}

.justify-end {
  justify-content: flex-end;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.justify-even {
  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-between {
  align-items: space-between;
}

.align-around {
  align-items: space-around;
}

.align-even {
  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;
}

.flex-hide {
  display: none;
}

.flex-show {
  display: flex;
}

@media (max-width: 1440px) {
  .l-flex-hide {
    display: none;
  }

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

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

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

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

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

  .l-justify-start {
    justify-content: flex-start;
  }

  .l-justify-center {
    justify-content: center;
  }

  .l-justify-end {
    justify-content: flex-end;
  }

  .l-justify-between {
    justify-content: space-between;
  }

  .l-justify-around {
    justify-content: space-around;
  }

  .l-justify-even {
    justify-content: space-evenly;
  }

  .l-justify-stretch {
    justify-content: stretch;
  }

  .l-align-start {
    align-items: flex-start;
  }

  .l-align-center {
    align-items: center;
  }

  .l-align-end {
    align-items: flex-end;
  }

  .l-align-between {
    align-items: space-between;
  }

  .l-align-around {
    align-items: space-around;
  }

  .l-align-even {
    align-items: space-evenly;
  }

  .l-align-stretch {
    align-items: stretch;
  }

  .l-center {
    justify-content: center;
    align-items: center;
  }
}

@media (max-width: 1024px) {
  .m-flex-hide {
    display: none;
  }

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

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

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

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

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

  .m-justify-start {
    justify-content: flex-start;
  }

  .m-justify-center {
    justify-content: center;
  }

  .m-justify-end {
    justify-content: flex-end;
  }

  .m-justify-between {
    justify-content: space-between;
  }

  .m-justify-around {
    justify-content: space-around;
  }

  .m-justify-even {
    justify-content: space-evenly;
  }

  .m-justify-stretch {
    justify-content: stretch;
  }

  .m-align-start {
    align-items: flex-start;
  }

  .m-align-center {
    align-items: center;
  }

  .m-align-end {
    align-items: flex-end;
  }

  .m-align-between {
    align-items: space-between;
  }

  .m-align-around {
    align-items: space-around;
  }

  .m-align-even {
    align-items: space-evenly;
  }

  .m-align-stretch {
    align-items: stretch;
  }

  .m-center {
    justify-content: center;
    align-items: center;
  }
}

@media (max-width: 768px) {
  .s-flex-hide {
    display: none;
  }

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

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

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

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

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

  .s-justify-start {
    justify-content: flex-start;
  }

  .s-justify-center {
    justify-content: center;
  }

  .s-justify-end {
    justify-content: flex-end;
  }

  .s-justify-between {
    justify-content: space-between;
  }

  .s-justify-around {
    justify-content: space-around;
  }

  .s-justify-even {
    justify-content: space-evenly;
  }

  .s-justify-stretch {
    justify-content: stretch;
  }

  .s-align-start {
    align-items: flex-start;
  }

  .s-align-center {
    align-items: center;
  }

  .s-align-end {
    align-items: flex-end;
  }

  .s-align-between {
    align-items: space-between;
  }

  .s-align-around {
    align-items: space-around;
  }

  .s-align-even {
    align-items: space-evenly;
  }

  .s-align-stretch {
    align-items: stretch;
  }

  .s-center {
    justify-content: center;
    align-items: center;
  }
}

@media (max-width: 480px) {
  .xs-flex-hide {
    display: none;
  }

  .xs-flex-show {
    display: flex;
  }

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

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

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

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

  .xs-justify-start {
    justify-content: flex-start;
  }

  .xs-justify-center {
    justify-content: center;
  }

  .xs-justify-end {
    justify-content: flex-end;
  }

  .xs-justify-between {
    justify-content: space-between;
  }

  .xs-justify-around {
    justify-content: space-around;
  }

  .xs-justify-even {
    justify-content: space-evenly;
  }

  .xs-justify-stretch {
    justify-content: stretch;
  }

  .xs-align-start {
    align-items: flex-start;
  }

  .xs-align-center {
    align-items: center;
  }

  .xs-align-end {
    align-items: flex-end;
  }

  .xs-align-between {
    align-items: space-between;
  }

  .xs-align-around {
    align-items: space-around;
  }

  .xs-align-even {
    align-items: space-evenly;
  }

  .xs-align-stretch {
    align-items: stretch;
  }

  .xs-center {
    justify-content: center;
    align-items: center;
  }
}

.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;
}

.truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* [project]/node_modules/@once-ui-system/core/dist/css/tokens.css [app-client] (css) */
:root {
  --static-transparent: #0000;
  --static-white: #fff;
  --static-white-medium: #ffffff4d;
  --static-black: #000;
  --static-black-medium: #0000004d;
  --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-15: #95959526;
  --scheme-gray-600-30: #9595954d;
  --scheme-gray-600-50: #95959580;
  --scheme-sand-100: #0a0905;
  --scheme-sand-200: #171611;
  --scheme-sand-300: #414039;
  --scheme-sand-400: #5d5b54;
  --scheme-sand-500: #797770;
  --scheme-sand-600: #97958e;
  --scheme-sand-700: #b6b4ad;
  --scheme-sand-800: #d6d4cc;
  --scheme-sand-900: #e3e1d9;
  --scheme-sand-1000: #f0efe7;
  --scheme-sand-1100: #f7f5ed;
  --scheme-sand-1200: #fefcf4;
  --scheme-sand-600-15: #97958e26;
  --scheme-sand-600-30: #97958e4d;
  --scheme-sand-600-50: #97958e80;
  --scheme-slate-100: #080811;
  --scheme-slate-200: #15151f;
  --scheme-slate-300: #3e3f4a;
  --scheme-slate-400: #595a66;
  --scheme-slate-500: #757683;
  --scheme-slate-600: #9697a5;
  --scheme-slate-700: #b2b3c1;
  --scheme-slate-800: #d2d3e2;
  --scheme-slate-900: #dfe0ef;
  --scheme-slate-1000: #ecedfc;
  --scheme-slate-1100: #f3f4ff;
  --scheme-slate-1200: #f9faff;
  --scheme-slate-600-15: #9697a526;
  --scheme-slate-600-30: #9697a54d;
  --scheme-slate-600-50: #9697a580;
  --scheme-mint-100: #030b0a;
  --scheme-mint-200: #0d1917;
  --scheme-mint-300: #364341;
  --scheme-mint-400: #505e5c;
  --scheme-mint-500: #6a7875;
  --scheme-mint-600: #8a9996;
  --scheme-mint-700: #a9b8b5;
  --scheme-mint-800: #c8d8d5;
  --scheme-mint-900: #d5e5e2;
  --scheme-mint-1000: #e2f3f0;
  --scheme-mint-1100: #e9f9f6;
  --scheme-mint-1200: #f0fffd;
  --scheme-mint-600-15: #8a999626;
  --scheme-mint-600-30: #8a99964d;
  --scheme-mint-600-50: #8a999680;
  --scheme-rose-100: #110606;
  --scheme-rose-200: #1f1212;
  --scheme-rose-300: #4d3e3e;
  --scheme-rose-400: #675656;
  --scheme-rose-500: #847273;
  --scheme-rose-600: #a59393;
  --scheme-rose-700: #c2afaf;
  --scheme-rose-800: #e2cfcf;
  --scheme-rose-900: #f3dfdf;
  --scheme-rose-1000: #fde9e9;
  --scheme-rose-1100: #fff3f3;
  --scheme-rose-1200: snow;
  --scheme-rose-600-15: #a5939326;
  --scheme-rose-600-30: #a593934d;
  --scheme-rose-600-50: #a5939380;
  --scheme-dusk-100: #0d070d;
  --scheme-dusk-200: #1a131a;
  --scheme-dusk-300: #453d45;
  --scheme-dusk-400: #605860;
  --scheme-dusk-500: #7d747d;
  --scheme-dusk-600: #9e959e;
  --scheme-dusk-700: #bab1ba;
  --scheme-dusk-800: #dad1da;
  --scheme-dusk-900: #e7dee7;
  --scheme-dusk-1000: #f5ebf5;
  --scheme-dusk-1100: #fbf1fb;
  --scheme-dusk-1200: #fff8ff;
  --scheme-dusk-600-15: #9e959e26;
  --scheme-dusk-600-30: #9e959e4d;
  --scheme-dusk-600-50: #9e959e80;
  --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-15: #ff5f5326;
  --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-15: #fd632526;
  --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-15: #e07b0026;
  --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-15: #4fa90026;
  --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-15: #08ac3a26;
  --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-15: #08a97c26;
  --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-15: #08a6a526;
  --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-15: #049ee226;
  --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-15: #5a93fc26;
  --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-15: #9585fa26;
  --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-15: #b07afa26;
  --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-15: #d166fa26;
  --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-15: #f854be26;
  --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-15: var(--scheme-gray-600-15);
  --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-15: var(--scheme-yellow-600-15);
  --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-15: var(--scheme-red-600-15);
  --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-15: var(--scheme-green-600-15);
  --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-15: var(--scheme-brand-600-15);
  --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-15: var(--scheme-red-600-15);
  --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-15: var(--scheme-orange-600-15);
  --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-15: var(--scheme-yellow-600-15);
  --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-15: var(--scheme-moss-600-15);
  --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-15: var(--scheme-green-600-15);
  --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-15: var(--scheme-emerald-600-15);
  --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-15: var(--scheme-aqua-600-15);
  --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-15: var(--scheme-cyan-600-15);
  --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-15: var(--scheme-blue-600-15);
  --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-15: var(--scheme-indigo-600-15);
  --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-15: var(--scheme-violet-600-15);
  --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-15: var(--scheme-magenta-600-15);
  --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-15: var(--scheme-pink-600-15);
  --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-15: var(--scheme-accent-600-15);
  --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-15: var(--scheme-red-600-15);
  --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-15: var(--scheme-orange-600-15);
  --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-15: var(--scheme-yellow-600-15);
  --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-15: var(--scheme-moss-600-15);
  --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-15: var(--scheme-green-600-15);
  --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-15: var(--scheme-emerald-600-15);
  --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-15: var(--scheme-aqua-600-15);
  --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-15: var(--scheme-cyan-600-15);
  --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-15: var(--scheme-blue-600-15);
  --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-15: var(--scheme-indigo-600-15);
  --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-15: var(--scheme-violet-600-15);
  --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-15: var(--scheme-magenta-600-15);
  --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-15: var(--scheme-pink-600-15);
  --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-15: var(--scheme-neutral-600-15);
  --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-15: var(--scheme-slate-600-15);
  --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-15: var(--scheme-gray-600-15);
  --function-neutral-600-30: var(--scheme-gray-600-30);
  --function-neutral-600-50: var(--scheme-gray-600-50);
}

[data-neutral="rose"] {
  --function-neutral-100: var(--scheme-rose-100);
  --function-neutral-200: var(--scheme-rose-200);
  --function-neutral-300: var(--scheme-rose-300);
  --function-neutral-400: var(--scheme-rose-400);
  --function-neutral-500: var(--scheme-rose-500);
  --function-neutral-600: var(--scheme-rose-600);
  --function-neutral-700: var(--scheme-rose-700);
  --function-neutral-800: var(--scheme-rose-800);
  --function-neutral-900: var(--scheme-rose-900);
  --function-neutral-1000: var(--scheme-rose-1000);
  --function-neutral-1100: var(--scheme-rose-1100);
  --function-neutral-1200: var(--scheme-rose-1200);
  --function-neutral-600-15: var(--scheme-rose-600-15);
  --function-neutral-600-30: var(--scheme-rose-600-30);
  --function-neutral-600-50: var(--scheme-rose-600-50);
}

[data-neutral="mint"] {
  --function-neutral-100: var(--scheme-mint-100);
  --function-neutral-200: var(--scheme-mint-200);
  --function-neutral-300: var(--scheme-mint-300);
  --function-neutral-400: var(--scheme-mint-400);
  --function-neutral-500: var(--scheme-mint-500);
  --function-neutral-600: var(--scheme-mint-600);
  --function-neutral-700: var(--scheme-mint-700);
  --function-neutral-800: var(--scheme-mint-800);
  --function-neutral-900: var(--scheme-mint-900);
  --function-neutral-1000: var(--scheme-mint-1000);
  --function-neutral-1100: var(--scheme-mint-1100);
  --function-neutral-1200: var(--scheme-mint-1200);
  --function-neutral-600-15: var(--scheme-mint-600-15);
  --function-neutral-600-30: var(--scheme-mint-600-30);
  --function-neutral-600-50: var(--scheme-mint-600-50);
}

[data-neutral="dusk"] {
  --function-neutral-100: var(--scheme-dusk-100);
  --function-neutral-200: var(--scheme-dusk-200);
  --function-neutral-300: var(--scheme-dusk-300);
  --function-neutral-400: var(--scheme-dusk-400);
  --function-neutral-500: var(--scheme-dusk-500);
  --function-neutral-600: var(--scheme-dusk-600);
  --function-neutral-700: var(--scheme-dusk-700);
  --function-neutral-800: var(--scheme-dusk-800);
  --function-neutral-900: var(--scheme-dusk-900);
  --function-neutral-1000: var(--scheme-dusk-1000);
  --function-neutral-1100: var(--scheme-dusk-1100);
  --function-neutral-1200: var(--scheme-dusk-1200);
  --function-neutral-600-15: var(--scheme-dusk-600-15);
  --function-neutral-600-30: var(--scheme-dusk-600-30);
  --function-neutral-600-50: var(--scheme-dusk-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-15: var(--scheme-sand-600-15);
  --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 (max-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 (max-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.625rem;
  --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;
}

[data-border="sharp"] {
  --radius-xs: 0;
  --radius-xs-nest-4: 0;
  --radius-xs-nest-8: 0;
  --radius-s: 0;
  --radius-s-nest-4: 0;
  --radius-s-nest-8: 0;
  --radius-m: 0;
  --radius-m-nest-4: 0;
  --radius-m-nest-8: 0;
  --radius-l: 0;
  --radius-l-nest-4: 0;
  --radius-l-nest-8: 0;
  --radius-xl: 0;
  --radius-xl-nest-4: 0;
  --radius-xl-nest-8: 0;
  --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-xl: 1.125rem;
  --font-size-label-l: 1rem;
  --font-size-label-m: .925rem;
  --font-size-label-s: .825rem;
  --font-size-label-xs: .75rem;
  --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-xl: 1.5rem;
  --line-height-label-l: 1.25rem;
  --line-height-label-m: 1.25rem;
  --line-height-label-s: 1rem;
  --line-height-label-xs: .875rem;
}

@media (max-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 (max-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: 2.75rem;
    --line-height-display-m: 2.5rem;
    --line-height-display-s: 2.5rem;
  }
}

:root {
  --font-heading: var(--font-heading);
  --font-body: var(--font-body);
  --font-label: var(--font-label);
  --font-code: var(--font-code);
  --font-size-display-multiplier: 1;
  --font-size-heading-multiplier: 1;
  --font-size-body-multiplier: 1;
  --font-size-label-multiplier: 1;
  --line-height-display-multiplier: 1;
  --line-height-heading-multiplier: 1;
  --line-height-body-multiplier: 1;
  --line-height-label-multiplier: 1;
  --font-scaling-desktop: 16px;
  --font-scaling-tablet: 16px;
  --font-scaling-mobile: 15px;
  --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);
  --default-border: var(--neutral-border-medium);
}

[data-cursor-interactive="pointer"] {
  --cursor-interactive: pointer;
}

[data-cursor-interactive="default"] {
  --cursor-interactive: default;
}

[data-desktop-size="18"] {
  --font-scaling-desktop: 18px;
}

[data-desktop-size="17"] {
  --font-scaling-desktop: 17px;
}

[data-desktop-size="16"] {
  --font-scaling-desktop: 16px;
}

[data-desktop-size="15"] {
  --font-scaling-desktop: 15px;
}

[data-desktop-size="14"] {
  --font-scaling-desktop: 14px;
}

[data-desktop-size="13"] {
  --font-scaling-desktop: 13px;
}

[data-tablet-size="18"] {
  --font-scaling-tablet: 18px;
}

[data-tablet-size="17"] {
  --font-scaling-tablet: 17px;
}

[data-tablet-size="16"] {
  --font-scaling-tablet: 16px;
}

[data-tablet-size="15"] {
  --font-scaling-tablet: 15px;
}

[data-tablet-size="14"] {
  --font-scaling-tablet: 14px;
}

[data-tablet-size="13"] {
  --font-scaling-tablet: 13px;
}

[data-mobile-size="18"] {
  --font-scaling-mobile: 18px;
}

[data-mobile-size="17"] {
  --font-scaling-mobile: 17px;
}

[data-mobile-size="16"] {
  --font-scaling-mobile: 16px;
}

[data-mobile-size="15"] {
  --font-scaling-mobile: 15px;
}

[data-mobile-size="14"] {
  --font-scaling-mobile: 14px;
}

[data-mobile-size="13"] {
  --font-scaling-mobile: 13px;
}

[data-theme="dark"] {
  --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-15);
  --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-15);
  --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-15);
  --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-15);
  --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-15);
  --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-15);
  --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-15);
}

[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"] {
  --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-15);
  --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-15);
  --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-15);
  --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-15);
  --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-15);
  --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-15);
  --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-15);
}

[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);
}

[data-theme="dark"] {
  --data-blue: var(--scheme-blue-400);
  --data-aqua: var(--scheme-aqua-400);
  --data-magenta: var(--scheme-magenta-400);
  --data-pink: var(--scheme-pink-400);
  --data-yellow: var(--scheme-yellow-400);
  --data-orange: var(--scheme-orange-400);
  --data-red: var(--scheme-red-400);
  --data-moss: var(--scheme-moss-400);
  --data-green: var(--scheme-green-400);
  --data-emerald: var(--scheme-emerald-400);
  --data-cyan: var(--scheme-cyan-400);
  --data-violet: var(--scheme-violet-400);
  --data-indigo: var(--scheme-indigo-400);
  --data-gray: var(--scheme-gray-400);
  --data-contrast: var(--static-white);
}

[data-theme="dark"] [data-viz-style="divergent"] {
  --data-blue: var(--scheme-red-400);
  --data-aqua: var(--scheme-red-500);
  --data-magenta: var(--scheme-orange-500);
  --data-pink: var(--scheme-orange-600);
  --data-yellow: var(--scheme-yellow-700);
  --data-orange: var(--scheme-yellow-800);
  --data-red: var(--scheme-yellow-900);
  --data-moss: var(--scheme-moss-1000);
  --data-green: var(--scheme-moss-900);
  --data-emerald: var(--scheme-green-800);
  --data-cyan: var(--scheme-aqua-700);
  --data-violet: var(--scheme-aqua-600);
  --data-indigo: var(--scheme-cyan-400);
  --data-gray: var(--scheme-gray-400);
  --data-contrast: var(--static-white);
}

[data-theme="dark"] [data-viz-style="sequential"] {
  --data-blue: var(--function-brand-200);
  --data-aqua: var(--function-brand-300);
  --data-magenta: var(--function-brand-400);
  --data-pink: var(--function-brand-500);
  --data-yellow: var(--function-brand-600);
  --data-orange: var(--function-brand-700);
  --data-red: var(--function-brand-800);
  --data-moss: var(--function-brand-900);
  --data-green: var(--function-brand-1000);
  --data-emerald: var(--function-brand-1100);
  --data-cyan: var(--function-brand-1200);
  --data-violet: var(--function-brand-1200);
  --data-indigo: var(--function-brand-1200);
  --data-gray: var(--scheme-gray-400);
  --data-contrast: var(--static-white);
}

[data-theme="light"] {
  --data-blue: var(--scheme-blue-400);
  --data-indigo: var(--scheme-indigo-400);
  --data-green: var(--scheme-green-400);
  --data-aqua: var(--scheme-aqua-400);
  --data-violet: var(--scheme-violet-400);
  --data-orange: var(--scheme-orange-400);
  --data-red: var(--scheme-red-400);
  --data-cyan: var(--scheme-cyan-400);
  --data-magenta: var(--scheme-magenta-400);
  --data-pink: var(--scheme-pink-400);
  --data-moss: var(--scheme-moss-400);
  --data-emerald: var(--scheme-emerald-400);
  --data-yellow: var(--scheme-yellow-400);
  --data-gray: var(--scheme-gray-400);
  --data-contrast: var(--static-black);
}

[data-theme="light"] [data-viz-style="divergent"] {
  --data-blue: var(--scheme-red-300);
  --data-aqua: var(--scheme-red-400);
  --data-magenta: var(--scheme-orange-400);
  --data-pink: var(--scheme-orange-500);
  --data-yellow: var(--scheme-yellow-500);
  --data-orange: var(--scheme-yellow-600);
  --data-red: var(--scheme-yellow-700);
  --data-moss: var(--scheme-moss-800);
  --data-green: var(--scheme-moss-900);
  --data-emerald: var(--scheme-green-800);
  --data-cyan: var(--scheme-aqua-700);
  --data-violet: var(--scheme-aqua-600);
  --data-indigo: var(--scheme-cyan-400);
  --data-gray: var(--scheme-gray-400);
  --data-contrast: var(--static-black);
}

[data-theme="light"] [data-viz-style="sequential"] {
  --data-blue: var(--function-brand-200);
  --data-aqua: var(--function-brand-200);
  --data-magenta: var(--function-brand-200);
  --data-pink: var(--function-brand-300);
  --data-yellow: var(--function-brand-400);
  --data-orange: var(--function-brand-500);
  --data-red: var(--function-brand-600);
  --data-moss: var(--function-brand-700);
  --data-green: var(--function-brand-800);
  --data-emerald: var(--function-brand-900);
  --data-cyan: var(--function-brand-1000);
  --data-violet: var(--function-brand-1100);
  --data-indigo: var(--function-brand-1100);
  --data-gray: var(--scheme-gray-400);
  --data-contrast: var(--static-black);
}

/* [project]/src/resources/custom.css [app-client] (css) */
:root {
  --scheme-brand-100: #0d0d1a;
  --scheme-brand-200: #1a1a33;
  --scheme-brand-300: #26264d;
  --scheme-brand-400: #336;
  --scheme-brand-500: #9cabb9;
  --scheme-brand-600: #aebcc9;
  --scheme-brand-700: #c1cedb;
  --scheme-brand-800: #d4e0ed;
  --scheme-brand-900: #e6f2ff;
  --scheme-brand-1000: #eef7ff;
  --scheme-brand-1100: #f4faff;
  --scheme-brand-1200: #fbfeff;
  --scheme-brand-600-10: #9cabb91a;
  --scheme-brand-600-30: #9cabb94d;
  --scheme-brand-600-50: #9cabb980;
  --scheme-accent-100: #0d0d1a;
  --scheme-accent-200: #1a1a33;
  --scheme-accent-300: #26264d;
  --scheme-accent-400: #336;
  --scheme-accent-500: #9cabb9;
  --scheme-accent-600: #66b;
  --scheme-accent-700: #77c;
  --scheme-accent-800: #88d;
  --scheme-accent-900: #99e;
  --scheme-accent-1000: #eef2f9;
  --scheme-accent-1100: #f4f6fb;
  --scheme-accent-1200: #fbfcfe;
  --scheme-accent-600-10: #6666bb1a;
  --scheme-accent-600-30: #6666bb4d;
  --scheme-accent-600-50: #6666bb80;
}

.hero-section {
  background: linear-gradient(135deg, var(--scheme-brand-100) 0%, var(--scheme-brand-200) 50%, var(--scheme-brand-300) 100%);
  position: relative;
  overflow: hidden;
}

.hero-section:before {
  content: "";
  background: radial-gradient(circle at 50% 50%, var(--scheme-brand-600-10) 0%, transparent 50%);
  width: 200%;
  height: 200%;
  animation: 8s ease-in-out infinite pulseGlow;
  position: absolute;
  top: -50%;
  left: -50%;
}

@keyframes pulseGlow {
  0%, 100% {
    opacity: .3;
    transform: scale(1);
  }

  50% {
    opacity: .6;
    transform: scale(1.1);
  }
}

.pricing-card {
  transition: transform .3s, box-shadow .3s;
}

.pricing-card:hover {
  box-shadow: 0 12px 40px var(--scheme-brand-600-30);
  transform: translateY(-4px);
}

.testimonial-card {
  transition: transform .3s;
}

.testimonial-card:hover {
  transform: translateY(-2px);
}

.feature-icon {
  transition: transform .3s;
}

.feature-icon:hover {
  transform: scale(1.1);
}

.stat-item {
  text-align: center;
}

.spec-item {
  transition: background .3s;
}

.spec-item:hover {
  background: var(--scheme-brand-600-10);
}

/* [project]/node_modules/@once-ui-system/core/dist/components/Tooltip.module.scss.module.css [app-client] (css) */
@keyframes Tooltip-module-scss-module__hP2Cna__tooltipFadeIn {
  from {
    opacity: 0;
    transform: scale(.9);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.Tooltip-module-scss-module__hP2Cna__fadeIn {
  animation: .15s ease-in Tooltip-module-scss-module__hP2Cna__tooltipFadeIn;
}

/* [project]/node_modules/@once-ui-system/core/dist/components/Icon.module.scss.module.css [app-client] (css) */
.Icon-module-scss-module__glKzjG__xs {
  font-size: var(--static-space-16);
}

.Icon-module-scss-module__glKzjG__s {
  font-size: var(--static-space-20);
}

.Icon-module-scss-module__glKzjG__m {
  font-size: var(--static-space-24);
}

.Icon-module-scss-module__glKzjG__l {
  font-size: var(--static-space-32);
}

.Icon-module-scss-module__glKzjG__xl {
  font-size: var(--static-space-40);
}

/* [project]/node_modules/@once-ui-system/core/dist/components/Button.module.scss.module.css [app-client] (css) */
.Button-module-scss-module__Z_19_G__button {
  -webkit-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__Z_19_G__button:hover, .Button-module-scss-module__Z_19_G__button:focus {
  z-index: 1;
}

.Button-module-scss-module__Z_19_G__button:disabled {
  box-shadow: none;
  cursor: not-allowed;
  background: var(--neutral-background-medium);
  color: var(--neutral-on-background-weak);
}

.Button-module-scss-module__Z_19_G__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__Z_19_G__primary:hover {
  background: var(--brand-solid-strong);
}

.Button-module-scss-module__Z_19_G__primary:hover:disabled {
  background: var(--neutral-background-medium);
  color: var(--neutral-on-background-weak);
  border: none;
}

.Button-module-scss-module__Z_19_G__secondary {
  box-shadow: inset 0 var(--solid-inset-distance) var(--solid-inset-size) var(--solid-inset-color-neutral);
  border-style: solid;
  border: 1px solid var(--neutral-alpha-weak);
  background: var(--static-transparent);
  color: var(--neutral-on-background-strong);
}

.Button-module-scss-module__Z_19_G__secondary:hover {
  background: var(--neutral-alpha-weak);
  border-color: var(--neutral-alpha-weak);
}

.Button-module-scss-module__Z_19_G__secondary:hover:disabled {
  background: var(--neutral-background-medium);
  color: var(--neutral-on-background-weak);
  border: 1px solid var(--neutral-alpha-weak);
}

.Button-module-scss-module__Z_19_G__tertiary {
  background: var(--static-transparent);
  color: var(--neutral-on-background-strong);
  border: 1px solid var(--static-transparent);
}

.Button-module-scss-module__Z_19_G__tertiary:hover {
  border: 1px solid var(--neutral-border-medium);
}

.Button-module-scss-module__Z_19_G__tertiary:hover:disabled {
  background: var(--neutral-background-medium);
  color: var(--neutral-on-background-weak);
  border: 1px solid var(--static-transparent);
}

.Button-module-scss-module__Z_19_G__ghost {
  background: var(--static-transparent);
  color: var(--neutral-on-background-medium);
  border: none;
}

.Button-module-scss-module__Z_19_G__ghost:hover {
  color: var(--neutral-on-background-strong);
}

.Button-module-scss-module__Z_19_G__ghost:hover:disabled {
  background: var(--neutral-background-medium);
  color: var(--neutral-on-background-weak);
  border: 1px solid var(--neutral-alpha-weak);
}

.Button-module-scss-module__Z_19_G__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__Z_19_G__danger:hover {
  background: var(--danger-solid-strong);
}

.Button-module-scss-module__Z_19_G__danger:hover:disabled {
  background: var(--neutral-background-medium);
  color: var(--neutral-on-background-weak);
  border: none;
}

.Button-module-scss-module__Z_19_G__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__Z_19_G__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__Z_19_G__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]/node_modules/@once-ui-system/core/dist/components/IconButton.module.scss.module.css [app-client] (css) */
.IconButton-module-scss-module__-vAwNG__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__-vAwNG__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__-vAwNG__l {
  min-height: var(--static-space-40);
  min-width: var(--static-space-40);
  height: var(--static-space-40);
  width: var(--static-space-40);
}

/* [project]/node_modules/@once-ui-system/core/dist/components/Toast.module.scss.module.css [app-client] (css) */
.Toast-module-scss-module__yxCcJW__toast {
  transition: opacity .3s, transform .3s;
}

.Toast-module-scss-module__yxCcJW__visible {
  opacity: 1;
}

.Toast-module-scss-module__yxCcJW__hidden {
  opacity: 0;
}

/* [project]/node_modules/@once-ui-system/core/dist/components/Toaster.module.scss.module.css [app-client] (css) */
.Toaster-module-scss-module__8DDx_a__toastContainer {
  bottom: var(--responsive-space-l);
  left: 50%;
  transform: translateX(-50%);
}

.Toaster-module-scss-module__8DDx_a__toastWrapper {
  transition: transform .3s, opacity .3s;
  bottom: 0;
}

.Toaster-module-scss-module__8DDx_a__toastAnimation {
  animation: .3s ease-out forwards Toaster-module-scss-module__8DDx_a__fadeIn;
}

@keyframes Toaster-module-scss-module__8DDx_a__fadeIn {
  from {
    opacity: 0;
    transform: translateY(4rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* [project]/node_modules/@once-ui-system/core/dist/modules/code/CodeBlock.module.scss.module.css [app-client] (css) */
.CodeBlock-module-scss-module__PzgOKG__pre {
  isolation: isolate;
  font-family: var(--font-code);
  color: var(--neutral-on-background-strong);
  font-size: var(--font-size-body-s);
  white-space: pre;
  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__PzgOKG__padding {
  padding: var(--static-space-8);
}

.CodeBlock-module-scss-module__PzgOKG__lineNumberPadding {
  padding: var(--static-space-8) var(--static-space-8) var(--static-space-8) var(--static-space-40);
}

.CodeBlock-module-scss-module__PzgOKG__code {
  width: 100%;
  padding: 0 var(--static-space-12);
  flex: 1;
  margin: auto;
  font-family: inherit;
}

.CodeBlock-module-scss-module__PzgOKG__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]/node_modules/@once-ui-system/core/dist/components/Fade.module.scss.module.css [app-client] (css) */
.Fade-module-scss-module__WhQGgG__mask {
  -webkit-backdrop-filter: blur(.5rem);
  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]/node_modules/@once-ui-system/core/dist/components/Scroller.module.scss.module.css [app-client] (css) */
.Scroller-module-scss-module__RaMiyG__container {
  isolation: isolate;
}

.Scroller-module-scss-module__RaMiyG__scroller {
  scrollbar-width: none;
  isolation: isolate;
}

.Scroller-module-scss-module__RaMiyG__scroller::-webkit-scrollbar {
  display: none;
}

.Scroller-module-scss-module__RaMiyG__row {
  overflow-x: auto;
}

.Scroller-module-scss-module__RaMiyG__column {
  overflow-y: auto;
}

/* [project]/node_modules/@once-ui-system/core/dist/components/ToggleButton.module.scss.module.css [app-client] (css) */
.ToggleButton-module-scss-module__9rlAba__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;
  user-select: none;
  white-space: nowrap;
  border-style: solid;
  border-width: 1px;
  display: flex;
}

.ToggleButton-module-scss-module__9rlAba__button:hover, .ToggleButton-module-scss-module__9rlAba__button:focus {
  background: var(--neutral-alpha-weak);
  border-color: var(--neutral-alpha-weak);
}

.ToggleButton-module-scss-module__9rlAba__button.ToggleButton-module-scss-module__9rlAba__selected {
  background-color: var(--neutral-alpha-medium);
  border-color: var(--neutral-alpha-weak);
}

.ToggleButton-module-scss-module__9rlAba__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__9rlAba__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__9rlAba__m {
  height: var(--static-space-32);
  min-height: var(--static-space-32);
  padding: var(--static-space-4) var(--static-space-8);
}

.ToggleButton-module-scss-module__9rlAba__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__9rlAba__ghost {
  border-color: var(--static-transparent);
}

.ToggleButton-module-scss-module__9rlAba__outline {
  border-color: var(--neutral-alpha-weak);
}

/* [project]/node_modules/@once-ui-system/core/dist/components/StylePanel.module.scss.module.css [app-client] (css) */
.StylePanel-module-scss-module__DuHzRq__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__DuHzRq__select:hover {
  background: var(--neutral-alpha-medium);
  border-color: var(--neutral-alpha-medium);
}

.StylePanel-module-scss-module__DuHzRq__select.StylePanel-module-scss-module__DuHzRq__selected {
  background: var(--neutral-alpha-strong);
  border-color: var(--neutral-alpha-strong);
}

.StylePanel-module-scss-module__DuHzRq__swatch {
  border-radius: var(--radius-m);
  border-style: solid;
  border-width: 1px;
  width: 100%;
  height: 100%;
}

.StylePanel-module-scss-module__DuHzRq__slate {
  background: var(--scheme-slate-500);
  border-color: var(--scheme-slate-700);
}

.StylePanel-module-scss-module__DuHzRq__gray {
  background: var(--scheme-gray-500);
  border-color: var(--scheme-gray-700);
}

.StylePanel-module-scss-module__DuHzRq__rose {
  background: var(--scheme-rose-500);
  border-color: var(--scheme-rose-700);
}

.StylePanel-module-scss-module__DuHzRq__mint {
  background: var(--scheme-mint-500);
  border-color: var(--scheme-mint-700);
}

.StylePanel-module-scss-module__DuHzRq__dusk {
  background: var(--scheme-dusk-500);
  border-color: var(--scheme-dusk-700);
}

.StylePanel-module-scss-module__DuHzRq__sand {
  background: var(--scheme-sand-500);
  border-color: var(--scheme-sand-700);
}

.StylePanel-module-scss-module__DuHzRq__blue {
  background: var(--scheme-blue-500);
  border-color: var(--scheme-blue-700);
}

.StylePanel-module-scss-module__DuHzRq__cyan {
  background: var(--scheme-cyan-500);
  border-color: var(--scheme-cyan-700);
}

.StylePanel-module-scss-module__DuHzRq__indigo {
  background: var(--scheme-indigo-500);
  border-color: var(--scheme-indigo-700);
}

.StylePanel-module-scss-module__DuHzRq__violet {
  background: var(--scheme-violet-500);
  border-color: var(--scheme-violet-700);
}

.StylePanel-module-scss-module__DuHzRq__magenta {
  background: var(--scheme-magenta-500);
  border-color: var(--scheme-magenta-700);
}

.StylePanel-module-scss-module__DuHzRq__pink {
  background: var(--scheme-pink-500);
  border-color: var(--scheme-pink-700);
}

.StylePanel-module-scss-module__DuHzRq__yellow {
  background: var(--scheme-yellow-500);
  border-color: var(--scheme-yellow-700);
}

.StylePanel-module-scss-module__DuHzRq__orange {
  background: var(--scheme-orange-500);
  border-color: var(--scheme-orange-700);
}

.StylePanel-module-scss-module__DuHzRq__red {
  background: var(--scheme-red-500);
  border-color: var(--scheme-red-700);
}

.StylePanel-module-scss-module__DuHzRq__moss {
  background: var(--scheme-moss-500);
  border-color: var(--scheme-moss-700);
}

.StylePanel-module-scss-module__DuHzRq__green {
  background: var(--scheme-green-500);
  border-color: var(--scheme-green-700);
}

.StylePanel-module-scss-module__DuHzRq__emerald {
  background: var(--scheme-emerald-500);
  border-color: var(--scheme-emerald-700);
}

.StylePanel-module-scss-module__DuHzRq__aqua {
  background: var(--scheme-aqua-500);
  border-color: var(--scheme-aqua-700);
}

.StylePanel-module-scss-module__DuHzRq__neutral {
  background: var(--neutral-solid-medium);
  border-color: var(--neutral-alpha-strong);
}

/* [project]/node_modules/@once-ui-system/core/dist/components/Mask.module.scss.module.css [app-client] (css) */
.Mask-module-scss-module__b7fjhq__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%);
}

/* [project]/node_modules/@once-ui-system/core/dist/components/Background.module.scss.module.css [app-client] (css) */
.Background-module-scss-module__ijNboa__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__ijNboa__lines {
  background-size: var(--lines-size) var(--lines-size);
  background-position: center;
}

.Background-module-scss-module__ijNboa__dots {
  background-image: radial-gradient(var(--dots-color) 1px, var(--static-transparent) 1px);
  background-size: var(--dots-size) var(--dots-size);
}

/* [project]/node_modules/@once-ui-system/core/dist/components/StyleOverlay.module.scss.module.css [app-client] (css) */
.StyleOverlay-module-scss-module__PFvvpW__panel {
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  transform-origin: 100% 0;
  transform: scale(.2);
}

.StyleOverlay-module-scss-module__PFvvpW__panel.StyleOverlay-module-scss-module__PFvvpW__open {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}

.StyleOverlay-module-scss-module__PFvvpW__panel:not(.StyleOverlay-module-scss-module__PFvvpW__open) {
  z-index: -1;
  filter: blur(.25rem);
}

/* [project]/node_modules/@once-ui-system/core/dist/components/Skeleton.module.scss.module.css [app-client] (css) */
@keyframes Skeleton-module-scss-module__3b6U6G__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__3b6U6G__delay-1 {
  animation-delay: .1s;
}

.Skeleton-module-scss-module__3b6U6G__delay-2 {
  animation-delay: .2s;
}

.Skeleton-module-scss-module__3b6U6G__delay-3 {
  animation-delay: .3s;
}

.Skeleton-module-scss-module__3b6U6G__delay-4 {
  animation-delay: .4s;
}

.Skeleton-module-scss-module__3b6U6G__delay-5 {
  animation-delay: .5s;
}

.Skeleton-module-scss-module__3b6U6G__delay-6 {
  animation-delay: .6s;
}

.Skeleton-module-scss-module__3b6U6G__skeleton {
  animation-name: Skeleton-module-scss-module__3b6U6G__skeleton-loading;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
}

.Skeleton-module-scss-module__3b6U6G__skeleton.Skeleton-module-scss-module__3b6U6G__block {
  width: 100%;
  height: 100%;
}

.Skeleton-module-scss-module__3b6U6G__skeleton.Skeleton-module-scss-module__3b6U6G__line.Skeleton-module-scss-module__3b6U6G__h-xs {
  height: var(--static-space-8);
  min-height: var(--static-space-8);
}

.Skeleton-module-scss-module__3b6U6G__skeleton.Skeleton-module-scss-module__3b6U6G__line.Skeleton-module-scss-module__3b6U6G__h-s {
  height: var(--static-space-12);
  min-height: var(--static-space-12);
}

.Skeleton-module-scss-module__3b6U6G__skeleton.Skeleton-module-scss-module__3b6U6G__line.Skeleton-module-scss-module__3b6U6G__h-m {
  height: var(--static-space-16);
  min-height: var(--static-space-16);
}

.Skeleton-module-scss-module__3b6U6G__skeleton.Skeleton-module-scss-module__3b6U6G__line.Skeleton-module-scss-module__3b6U6G__h-l {
  height: var(--static-space-20);
  min-height: var(--static-space-20);
}

.Skeleton-module-scss-module__3b6U6G__skeleton.Skeleton-module-scss-module__3b6U6G__line.Skeleton-module-scss-module__3b6U6G__h-xl {
  height: var(--static-space-24);
  min-height: var(--static-space-24);
}

.Skeleton-module-scss-module__3b6U6G__skeleton.Skeleton-module-scss-module__3b6U6G__line.Skeleton-module-scss-module__3b6U6G__w-xs {
  width: 25%;
}

.Skeleton-module-scss-module__3b6U6G__skeleton.Skeleton-module-scss-module__3b6U6G__line.Skeleton-module-scss-module__3b6U6G__w-s {
  width: 33%;
}

.Skeleton-module-scss-module__3b6U6G__skeleton.Skeleton-module-scss-module__3b6U6G__line.Skeleton-module-scss-module__3b6U6G__w-m {
  width: 50%;
}

.Skeleton-module-scss-module__3b6U6G__skeleton.Skeleton-module-scss-module__3b6U6G__line.Skeleton-module-scss-module__3b6U6G__w-l {
  width: 75%;
}

.Skeleton-module-scss-module__3b6U6G__skeleton.Skeleton-module-scss-module__3b6U6G__line.Skeleton-module-scss-module__3b6U6G__w-xl {
  width: 100%;
}

.Skeleton-module-scss-module__3b6U6G__skeleton.Skeleton-module-scss-module__3b6U6G__circle {
  border-radius: var(--radius-full);
}

.Skeleton-module-scss-module__3b6U6G__skeleton.Skeleton-module-scss-module__3b6U6G__circle.Skeleton-module-scss-module__3b6U6G__w-xs {
  width: var(--static-space-20);
  min-width: var(--static-space-20);
  height: var(--static-space-20);
  min-height: var(--static-space-20);
}

.Skeleton-module-scss-module__3b6U6G__skeleton.Skeleton-module-scss-module__3b6U6G__circle.Skeleton-module-scss-module__3b6U6G__w-s {
  width: var(--static-space-24);
  min-width: var(--static-space-24);
  height: var(--static-space-24);
  min-height: var(--static-space-24);
}

.Skeleton-module-scss-module__3b6U6G__skeleton.Skeleton-module-scss-module__3b6U6G__circle.Skeleton-module-scss-module__3b6U6G__w-m {
  width: var(--static-space-32);
  min-width: var(--static-space-32);
  height: var(--static-space-32);
  min-height: var(--static-space-32);
}

.Skeleton-module-scss-module__3b6U6G__skeleton.Skeleton-module-scss-module__3b6U6G__circle.Skeleton-module-scss-module__3b6U6G__w-l {
  width: var(--static-space-40);
  min-width: var(--static-space-40);
  height: var(--static-space-40);
  min-height: var(--static-space-40);
}

.Skeleton-module-scss-module__3b6U6G__skeleton.Skeleton-module-scss-module__3b6U6G__circle.Skeleton-module-scss-module__3b6U6G__w-xl {
  width: var(--static-space-160);
  min-width: var(--static-space-160);
  height: var(--static-space-160);
  min-height: var(--static-space-160);
}

/* [project]/node_modules/@once-ui-system/core/dist/components/Spinner.module.scss.module.css [app-client] (css) */
@keyframes Spinner-module-scss-module__imkilW__spin {
  0% {
    opacity: 0;
    animation-timing-function: cubic-bezier(.5, .2, .7, .5);
    transform: rotate(0);
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    animation-timing-function: cubic-bezier(.5, .2, .7, .5);
    transform: rotate(360deg);
  }
}

.Spinner-module-scss-module__imkilW__spinner {
  border-color: currentColor #0000 #0000;
  animation: 1.5s infinite Spinner-module-scss-module__imkilW__spin;
}

.Spinner-module-scss-module__imkilW__xs {
  width: var(--static-space-16);
  height: var(--static-space-16);
  padding: 2px;
}

.Spinner-module-scss-module__imkilW__xs .Spinner-module-scss-module__imkilW__size {
  border-width: 2px;
}

.Spinner-module-scss-module__imkilW__s {
  width: var(--static-space-20);
  height: var(--static-space-20);
  padding: 2px;
}

.Spinner-module-scss-module__imkilW__s .Spinner-module-scss-module__imkilW__size {
  border-width: 2px;
}

.Spinner-module-scss-module__imkilW__m {
  width: var(--static-space-24);
  height: var(--static-space-24);
  padding: 3px;
}

.Spinner-module-scss-module__imkilW__m .Spinner-module-scss-module__imkilW__size {
  border-width: 2px;
}

.Spinner-module-scss-module__imkilW__l {
  width: var(--static-space-32);
  height: var(--static-space-32);
  padding: 4px;
}

.Spinner-module-scss-module__imkilW__l .Spinner-module-scss-module__imkilW__size {
  border-width: 3px;
}

.Spinner-module-scss-module__imkilW__xl {
  width: var(--static-space-40);
  height: var(--static-space-40);
  padding: 8px;
}

.Spinner-module-scss-module__imkilW__xl .Spinner-module-scss-module__imkilW__size {
  border-width: 3px;
}

/* [project]/node_modules/@once-ui-system/core/dist/modules/media/MediaUpload.module.scss.module.css [app-client] (css) */
.MediaUpload-module-scss-module__jgzGQW__container:hover, .MediaUpload-module-scss-module__jgzGQW__container:focus {
  background-color: var(--neutral-background-strong);
}

.MediaUpload-module-scss-module__jgzGQW__text {
  visibility: hidden;
  opacity: 0;
  display: none;
}

.MediaUpload-module-scss-module__jgzGQW__upload:hover {
  background: var(--backdrop);
  -webkit-backdrop-filter: blur(.25rem);
  backdrop-filter: blur(.25rem);
}

.MediaUpload-module-scss-module__jgzGQW__upload:hover .MediaUpload-module-scss-module__jgzGQW__text {
  visibility: visible;
  opacity: 1;
  display: block;
}

/* [project]/node_modules/@once-ui-system/core/dist/modules/navigation/MegaMenu.module.scss.module.css [app-client] (css) */
@keyframes MegaMenu-module-scss-module__qmNmPq__fadeInDropdown {
  from {
    opacity: 0;
    transform: translateY(-1rem)scale(.95);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

.MegaMenu-module-scss-module__qmNmPq__dropdown {
  animation: .2s ease-out forwards MegaMenu-module-scss-module__qmNmPq__fadeInDropdown;
}

/* [project]/node_modules/@once-ui-system/core/dist/components/Option.module.scss.module.css [app-client] (css) */
.Option-module-scss-module__1pSFiW__option {
  border-color: var(--static-transparent);
}

.Option-module-scss-module__1pSFiW__option.Option-module-scss-module__1pSFiW__highlighted:not(:hover):not(:focus) {
  background: var(--static-transparent);
  border-color: var(--neutral-alpha-medium);
}

.Option-module-scss-module__1pSFiW__option.Option-module-scss-module__1pSFiW__selected:not(:hover):not(:focus) {
  background: var(--neutral-alpha-medium);
  border-color: var(--neutral-alpha-medium);
}

.Option-module-scss-module__1pSFiW__option:hover, .Option-module-scss-module__1pSFiW__option:focus {
  background: var(--neutral-alpha-weak);
  border-color: var(--neutral-alpha-medium);
  outline: none;
}

.Option-module-scss-module__1pSFiW__option:hover:disabled, .Option-module-scss-module__1pSFiW__option:focus:disabled {
  background: var(--neutral-alpha-weak);
  color: var(--neutral-on-background-weak);
}

.Option-module-scss-module__1pSFiW__option.Option-module-scss-module__1pSFiW__danger {
  color: var(--danger-on-background-medium);
}

.Option-module-scss-module__1pSFiW__option.Option-module-scss-module__1pSFiW__danger:hover, .Option-module-scss-module__1pSFiW__option.Option-module-scss-module__1pSFiW__danger:focus {
  background: var(--danger-solid-strong);
  color: var(--danger-on-solid-strong);
  border-color: var(--danger-border-strong);
}

.Option-module-scss-module__1pSFiW__focused {
  background: var(--neutral-background-strong);
}

.Option-module-scss-module__1pSFiW__disabled {
  background: var(--neutral-alpha-weak);
  color: var(--neutral-on-background-weak);
  border: none;
}

/* [project]/node_modules/@once-ui-system/core/dist/modules/navigation/HeadingLink.module.scss.module.css [app-client] (css) */
@media (hover: hover) {
  .HeadingLink-module-scss-module__OnWT4G__control:hover .HeadingLink-module-scss-module__OnWT4G__text {
    text-decoration-line: underline;
  }
}

.HeadingLink-module-scss-module__OnWT4G__text {
  text-underline-offset: .25em;
  text-decoration-thickness: 1px;
  -webkit-text-decoration-color: var(--neutral-border-strong);
  text-decoration-color: var(--neutral-border-strong);
}

/* [project]/node_modules/@once-ui-system/core/dist/components/Input.module.scss.module.css [app-client] (css) */
.Input-module-scss-module__QdPJsq__base {
  -webkit-backdrop-filter: var(--backdrop-filter);
  backdrop-filter: var(--backdrop-filter);
  min-height: var(--static-space-56);
}

.Input-module-scss-module__QdPJsq__base.Input-module-scss-module__QdPJsq__focused, .Input-module-scss-module__QdPJsq__base.Input-module-scss-module__QdPJsq__filled {
  border-color: var(--neutral-border-medium);
}

.Input-module-scss-module__QdPJsq__base:has(.Input-module-scss-module__QdPJsq__placeholder):has(.Input-module-scss-module__QdPJsq__floating) .Input-module-scss-module__QdPJsq__placeholder {
  padding-top: var(--static-space-12);
}

.Input-module-scss-module__QdPJsq__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__QdPJsq__textareaBase ::-webkit-resizer {
  display: none;
}

.Input-module-scss-module__QdPJsq__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__QdPJsq__inputLabel {
  top: 50%;
  transform: translateY(-50%);
}

.Input-module-scss-module__QdPJsq__inputLabel.Input-module-scss-module__QdPJsq__floating {
  transform: scale(.75);
}

.Input-module-scss-module__QdPJsq__textareaLabel {
  top: var(--static-space-16);
}

.Input-module-scss-module__QdPJsq__textareaLabel.Input-module-scss-module__QdPJsq__floating {
  transform: scale(.75) translateY(calc(-1 * var(--static-space-16)));
}

.Input-module-scss-module__QdPJsq__s {
  min-height: var(--static-space-48);
}

.Input-module-scss-module__QdPJsq__s .Input-module-scss-module__QdPJsq__label.Input-module-scss-module__QdPJsq__floating {
  top: calc(var(--static-space-4)  - var(--static-space-1));
}

.Input-module-scss-module__QdPJsq__m .Input-module-scss-module__QdPJsq__label.Input-module-scss-module__QdPJsq__floating {
  top: calc(var(--static-space-8)  - var(--static-space-2));
}

.Input-module-scss-module__QdPJsq__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__QdPJsq__input.Input-module-scss-module__QdPJsq__placeholder {
  padding-top: 0;
}

.Input-module-scss-module__QdPJsq__input.Input-module-scss-module__QdPJsq__textarea.Input-module-scss-module__QdPJsq__placeholder {
  padding-top: var(--static-space-12);
  padding-bottom: var(--static-space-12);
}

.Input-module-scss-module__QdPJsq__input:not(.Input-module-scss-module__QdPJsq__placeholder), .Input-module-scss-module__QdPJsq__input.Input-module-scss-module__QdPJsq__placeholder.Input-module-scss-module__QdPJsq__hasChildren {
  padding-top: var(--static-space-16);
}

.Input-module-scss-module__QdPJsq__input::placeholder {
  color: var(--neutral-on-background-weak);
}

.Input-module-scss-module__QdPJsq__input:disabled {
  color: var(--neutral-on-background-weak);
  cursor: not-allowed;
}

:-webkit-any(.Input-module-scss-module__QdPJsq__input:autofill, .Input-module-scss-module__QdPJsq__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;
}

:is(.Input-module-scss-module__QdPJsq__input:autofill, .Input-module-scss-module__QdPJsq__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__QdPJsq__error .Input-module-scss-module__QdPJsq__base {
  background-color: var(--danger-background-medium);
  border-color: var(--danger-border-medium);
}

.Input-module-scss-module__QdPJsq__error .Input-module-scss-module__QdPJsq__input, .Input-module-scss-module__QdPJsq__error .Input-module-scss-module__QdPJsq__prefix, .Input-module-scss-module__QdPJsq__error .Input-module-scss-module__QdPJsq__suffix {
  color: var(--danger-on-background-medium);
}

.Input-module-scss-module__QdPJsq__error .Input-module-scss-module__QdPJsq__label {
  color: var(--danger-on-background-weak);
}

.Input-module-scss-module__QdPJsq__prefix, .Input-module-scss-module__QdPJsq__suffix {
  align-self: center;
}

.Input-module-scss-module__QdPJsq__input[type="color"] {
  opacity: 0;
}

/* [project]/node_modules/@once-ui-system/core/dist/modules/navigation/Kbar.module.scss.module.css [app-client] (css) */
.Kbar-module-scss-module__t3kfqG__overlay {
  -webkit-backdrop-filter: var(--backdrop-filter);
  backdrop-filter: var(--backdrop-filter);
  animation: .2s ease-out forwards Kbar-module-scss-module__t3kfqG__fadeIn;
}

.Kbar-module-scss-module__t3kfqG__overlay.Kbar-module-scss-module__t3kfqG__closing {
  animation: .2s ease-out forwards Kbar-module-scss-module__t3kfqG__fadeOut;
}

.Kbar-module-scss-module__t3kfqG__content {
  animation: .2s ease-out forwards Kbar-module-scss-module__t3kfqG__scaleIn;
}

.Kbar-module-scss-module__t3kfqG__content.Kbar-module-scss-module__t3kfqG__closing {
  animation: .2s ease-out forwards Kbar-module-scss-module__t3kfqG__scaleOut;
}

@keyframes Kbar-module-scss-module__t3kfqG__fadeIn {
  from {
    opacity: 0;
    -webkit-backdrop-filter: blur();
    backdrop-filter: blur();
  }

  to {
    opacity: 1;
    -webkit-backdrop-filter: var(--backdrop-filter);
    backdrop-filter: var(--backdrop-filter);
  }
}

@keyframes Kbar-module-scss-module__t3kfqG__fadeOut {
  from {
    opacity: 1;
    -webkit-backdrop-filter: var(--backdrop-filter);
    backdrop-filter: var(--backdrop-filter);
  }

  to {
    opacity: 0;
    -webkit-backdrop-filter: blur();
    backdrop-filter: blur();
  }
}

@keyframes Kbar-module-scss-module__t3kfqG__scaleIn {
  from {
    opacity: 0;
    transform: scale(.9);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes Kbar-module-scss-module__t3kfqG__scaleOut {
  from {
    opacity: 1;
    transform: scale(1);
  }

  to {
    opacity: 0;
    transform: scale(.9);
  }
}

/* [project]/node_modules/@once-ui-system/core/dist/components/Arrow.module.scss.module.css [app-client] (css) */
.Arrow-module-scss-module__nbWlCa__arrowContainer {
  transition: var(--transition-micro-medium);
  height: var(--static-space-16);
  width: var(--static-space-0);
  visibility: hidden;
}

.Arrow-module-scss-module__nbWlCa__arrowHead {
  transition: var(--transition-micro-medium);
  width: var(--static-space-0);
  transform-origin: 100%;
  right: 0;
  transform: rotate(0);
}

.Arrow-module-scss-module__nbWlCa__active {
  width: var(--static-space-16);
  visibility: visible;
}

.Arrow-module-scss-module__nbWlCa__active .Arrow-module-scss-module__nbWlCa__arrowHead {
  width: var(--static-space-8);
}

.Arrow-module-scss-module__nbWlCa__active .Arrow-module-scss-module__nbWlCa__arrowHead:first-child {
  transform: rotate(45deg);
}

.Arrow-module-scss-module__nbWlCa__active .Arrow-module-scss-module__nbWlCa__arrowHead:nth-child(2) {
  transform: rotate(-45deg);
}

.Arrow-module-scss-module__nbWlCa__onSolid {
  background: var(--brand-on-solid-strong);
}

.Arrow-module-scss-module__nbWlCa__onBackground {
  background: var(--brand-on-background-strong);
}

/* [project]/node_modules/@once-ui-system/core/dist/components/RevealFx.module.scss.module.css [app-client] (css) */
.RevealFx-module-scss-module__6G5tfa__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: 400% 100%;
  mask-size: 400% 100%;
}

.RevealFx-module-scss-module__6G5tfa__revealFx.RevealFx-module-scss-module__6G5tfa__hidden {
  filter: blur(1rem);
  -webkit-mask-position: 100% 0;
  mask-position: 100% 0;
}

.RevealFx-module-scss-module__6G5tfa__revealFx.RevealFx-module-scss-module__6G5tfa__revealed {
  filter: blur();
  -webkit-mask-position: 0 0;
  mask-position: 0 0;
}

.RevealFx-module-scss-module__6G5tfa__hiddenNoMask {
  filter: blur(.5rem);
  opacity: 0;
  transition: all ease-in-out;
}

.RevealFx-module-scss-module__6G5tfa__revealedNoMask {
  filter: blur();
  opacity: 1;
  transition: all ease-in-out;
}

/* [project]/node_modules/@once-ui-system/core/dist/components/NumberInput.module.scss.module.css [app-client] (css) */
.NumberInput-module-scss-module__RQ2DLW__numberInput input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.NumberInput-module-scss-module__RQ2DLW__numberInput input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.NumberInput-module-scss-module__RQ2DLW__numberInput input[type="number"] {
  -moz-appearance: textfield;
}

.NumberInput-module-scss-module__RQ2DLW__stepper {
  pointer-events: visibleFill;
}

.NumberInput-module-scss-module__RQ2DLW__stepper:hover {
  background-color: var(--neutral-alpha-medium);
}

/* [project]/node_modules/@once-ui-system/core/dist/components/DropdownWrapper.module.scss.module.css [app-client] (css) */
@keyframes DropdownWrapper-module-scss-module__8tRc_q__fadeIn {
  from {
    opacity: 0;
    transform: scale(.9);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.DropdownWrapper-module-scss-module__8tRc_q__fadeIn {
  transform-origin: 100% 0;
  animation: DropdownWrapper-module-scss-module__8tRc_q__fadeIn var(--transition-duration-micro-medium) var(--transition-eased);
}

/* [project]/node_modules/@once-ui-system/core/dist/components/DatePicker.module.scss.module.css [app-client] (css) */
.DatePicker-module-scss-module__Nbf9vW__calendar.DatePicker-module-scss-module__Nbf9vW__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__Nbf9vW__calendar.DatePicker-module-scss-module__Nbf9vW__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__Nbf9vW__calendar.DatePicker-module-scss-module__Nbf9vW__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__Nbf9vW__calendar.DatePicker-module-scss-module__Nbf9vW__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__Nbf9vW__calendar.DatePicker-module-scss-module__Nbf9vW__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__Nbf9vW__monthButton:hover {
  background: var(--neutral-background-medium);
  transform: scale(1.1);
}

.DatePicker-module-scss-module__Nbf9vW__monthButton:disabled {
  opacity: .5;
  cursor: not-allowed;
  transform: none;
}

.DatePicker-module-scss-module__Nbf9vW__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__Nbf9vW__dayButton:hover {
  color: var(--neutral-background-weak);
  background: var(--neutral-background-strong);
  transform: scale(1.1);
}

.DatePicker-module-scss-module__Nbf9vW__dayButton:active {
  background-color: var(--brand-background-strong);
  color: #fff;
  transform: scale(.95);
}

.DatePicker-module-scss-module__Nbf9vW__dayButton:disabled {
  opacity: .5;
  cursor: not-allowed;
  transform: none;
}

.DatePicker-module-scss-module__Nbf9vW__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__Nbf9vW__timeSelector:focus-within {
  border: 1px solid var(--neutral-border-strong);
}

.DatePicker-module-scss-module__Nbf9vW__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__Nbf9vW__timeInput:focus {
  border-color: var(--brand-border-medium);
  box-shadow: 0 0 0 2px var(--brand-alpha-weak);
}

.DatePicker-module-scss-module__Nbf9vW__timeInput:invalid {
  border-color: var(--danger-border-medium);
}

.DatePicker-module-scss-module__Nbf9vW__timeInput::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.DatePicker-module-scss-module__Nbf9vW__timeInput::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.DatePicker-module-scss-module__Nbf9vW__ampmSelector button {
  min-width: var(--static-space-40);
}

.DatePicker-module-scss-module__Nbf9vW__monthTransition {
  transition: transform .3s ease-in-out, opacity .3s ease-in-out;
}

.DatePicker-module-scss-module__Nbf9vW__slideLeft {
  opacity: 0;
  transform: translateX(-20px);
}

.DatePicker-module-scss-module__Nbf9vW__slideRight {
  opacity: 0;
  transform: translateX(20px);
}

.DatePicker-module-scss-module__Nbf9vW__timeWrapper.DatePicker-module-scss-module__Nbf9vW__vertical {
  align-items: flex-start;
}

.DatePicker-module-scss-module__Nbf9vW__verticalTimeLabel {
  writing-mode: vertical-lr;
  margin-right: var(--static-space-8);
  transform: rotate(180deg);
}

.DatePicker-module-scss-module__Nbf9vW__timeSelector.DatePicker-module-scss-module__Nbf9vW__vertical {
  flex-direction: column;
  align-items: flex-start;
}

.DatePicker-module-scss-module__Nbf9vW__ampmSelector {
  min-width: var(--static-space-80);
  height: var(--static-space-32);
  font-size: var(--calendar-font-size);
}

.DatePicker-module-scss-module__Nbf9vW__ampmSelector.DatePicker-module-scss-module__Nbf9vW__vertical {
  min-width: var(--static-space-32);
  height: auto;
}

.DatePicker-module-scss-module__Nbf9vW__ampmSelector.DatePicker-module-scss-module__Nbf9vW__vertical button {
  min-width: var(--static-space-32);
  height: var(--static-space-40);
}

.DatePicker-module-scss-module__Nbf9vW__grid {
  display: grid;
}

.DatePicker-module-scss-module__Nbf9vW__grid > div {
  overflow: hidden;
}

/* [project]/node_modules/@once-ui-system/core/dist/modules/data/Gauge.module.css [app-client] (css) */
.Gauge-module__Qko20q__svg {
  display: block;
  overflow: visible;
}

.Gauge-module__Qko20q__activeLine, .Gauge-module__Qko20q__inactiveLine {
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
}

.Gauge-module__Qko20q__label {
  font-family: var(--font-code);
  -webkit-user-select: none;
  user-select: none;
}

@keyframes Gauge-module__Qko20q__pulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .8;
  }
}

/* [project]/node_modules/@once-ui-system/core/dist/components/AutoScroll.module.scss.module.css [app-client] (css) */
.AutoScroll-module-scss-module__AvPycG__marqueeWrapper {
  will-change: transform;
}

.AutoScroll-module-scss-module__AvPycG__marqueeContent {
  white-space: nowrap;
  flex-shrink: 0;
  min-width: 100%;
}

/* [project]/node_modules/@once-ui-system/core/dist/components/StatusIndicator.module.scss.module.css [app-client] (css) */
.StatusIndicator-module-scss-module__XyXCka__statusIndicator.StatusIndicator-module-scss-module__XyXCka__s {
  width: var(--static-space-4);
  height: var(--static-space-4);
}

.StatusIndicator-module-scss-module__XyXCka__statusIndicator.StatusIndicator-module-scss-module__XyXCka__m {
  width: var(--static-space-8);
  height: var(--static-space-8);
}

.StatusIndicator-module-scss-module__XyXCka__statusIndicator.StatusIndicator-module-scss-module__XyXCka__l {
  width: var(--static-space-16);
  height: var(--static-space-16);
}

.StatusIndicator-module-scss-module__XyXCka__statusIndicator.StatusIndicator-module-scss-module__XyXCka__gray {
  background-color: var(--scheme-gray-700);
}

.StatusIndicator-module-scss-module__XyXCka__statusIndicator.StatusIndicator-module-scss-module__XyXCka__blue {
  background-color: var(--scheme-blue-700);
}

.StatusIndicator-module-scss-module__XyXCka__statusIndicator.StatusIndicator-module-scss-module__XyXCka__indigo {
  background-color: var(--scheme-indigo-700);
}

.StatusIndicator-module-scss-module__XyXCka__statusIndicator.StatusIndicator-module-scss-module__XyXCka__violet {
  background-color: var(--scheme-violet-700);
}

.StatusIndicator-module-scss-module__XyXCka__statusIndicator.StatusIndicator-module-scss-module__XyXCka__magenta {
  background-color: var(--scheme-magenta-700);
}

.StatusIndicator-module-scss-module__XyXCka__statusIndicator.StatusIndicator-module-scss-module__XyXCka__pink {
  background-color: var(--scheme-pink-700);
}

.StatusIndicator-module-scss-module__XyXCka__statusIndicator.StatusIndicator-module-scss-module__XyXCka__red {
  background-color: var(--scheme-red-700);
}

.StatusIndicator-module-scss-module__XyXCka__statusIndicator.StatusIndicator-module-scss-module__XyXCka__orange {
  background-color: var(--scheme-orange-700);
}

.StatusIndicator-module-scss-module__XyXCka__statusIndicator.StatusIndicator-module-scss-module__XyXCka__yellow {
  background-color: var(--scheme-yellow-700);
}

.StatusIndicator-module-scss-module__XyXCka__statusIndicator.StatusIndicator-module-scss-module__XyXCka__moss {
  background-color: var(--scheme-moss-700);
}

.StatusIndicator-module-scss-module__XyXCka__statusIndicator.StatusIndicator-module-scss-module__XyXCka__green {
  background-color: var(--scheme-green-700);
}

.StatusIndicator-module-scss-module__XyXCka__statusIndicator.StatusIndicator-module-scss-module__XyXCka__emerald {
  background-color: var(--scheme-emerald-700);
}

.StatusIndicator-module-scss-module__XyXCka__statusIndicator.StatusIndicator-module-scss-module__XyXCka__aqua {
  background-color: var(--scheme-aqua-700);
}

.StatusIndicator-module-scss-module__XyXCka__statusIndicator.StatusIndicator-module-scss-module__XyXCka__cyan {
  background-color: var(--scheme-cyan-700);
}

/* [project]/node_modules/@once-ui-system/core/dist/components/Avatar.module.scss.module.css [app-client] (css) */
.Avatar-module-scss-module__jyar1G__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__jyar1G__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__jyar1G__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__jyar1G__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__jyar1G__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__jyar1G__xl .Avatar-module-scss-module__jyar1G__position {
  bottom: var(--static-space-16);
  right: var(--static-space-16);
}

.Avatar-module-scss-module__jyar1G__value {
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  overflow: hidden;
}

.Avatar-module-scss-module__jyar1G__indicator {
  box-sizing: content-box;
  transform: translateX(var(--static-space-2)) translateY(var(--static-space-2));
  bottom: 0;
  right: 0;
}

.Avatar-module-scss-module__jyar1G__image {
  object-position: center;
}

/* [project]/node_modules/@once-ui-system/core/dist/components/AvatarGroup.module.scss.module.css [app-client] (css) */
.AvatarGroup-module-scss-module__5kba8W__avatarGroup {
  z-index: 0;
}

.AvatarGroup-module-scss-module__5kba8W__avatar {
  margin-left: calc(-1 * var(--static-space-8));
}

.AvatarGroup-module-scss-module__5kba8W__avatar:first-child {
  margin-left: 0;
}

/* [project]/node_modules/@once-ui-system/core/dist/components/Badge.module.scss.module.css [app-client] (css) */
.Badge-module-scss-module__NXQyWq__animation {
  position: relative;
  overflow: hidden;
}

.Badge-module-scss-module__NXQyWq__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__NXQyWq__shineDefault;
  position: absolute;
  transform: skewX(-20deg);
}

.Badge-module-scss-module__NXQyWq__animation:hover:before {
  animation: 3s ease-in-out infinite Badge-module-scss-module__NXQyWq__shineHover;
}

@keyframes Badge-module-scss-module__NXQyWq__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__NXQyWq__shineHover {
  0% {
    left: -100%;
  }

  1% {
    opacity: 1;
    left: -100%;
  }

  45% {
    opacity: 1;
    left: 100%;
  }

  46% {
    opacity: 0;
  }

  100% {
    left: -100%;
  }
}

/* [project]/node_modules/@once-ui-system/core/dist/components/Carousel.module.scss.module.css [app-client] (css) */
.Carousel-module-scss-module__q0mVUq__controls:hover .Carousel-module-scss-module__q0mVUq__fade, .Carousel-module-scss-module__q0mVUq__controls:focus-within .Carousel-module-scss-module__q0mVUq__fade {
  opacity: .5;
}

.Carousel-module-scss-module__q0mVUq__controls:hover .Carousel-module-scss-module__q0mVUq__button, .Carousel-module-scss-module__q0mVUq__controls:focus-within .Carousel-module-scss-module__q0mVUq__button {
  opacity: 1;
  transform: translateX(0);
}

.Carousel-module-scss-module__q0mVUq__fade, .Carousel-module-scss-module__q0mVUq__button {
  opacity: 0;
}

.Carousel-module-scss-module__q0mVUq__button {
  animation-delay: .2s;
}

.Carousel-module-scss-module__q0mVUq__left .Carousel-module-scss-module__q0mVUq__button {
  transform: translateX(-1rem);
}

.Carousel-module-scss-module__q0mVUq__right .Carousel-module-scss-module__q0mVUq__button {
  transform: translateX(1rem);
}

/* [project]/node_modules/@once-ui-system/core/dist/components/Swiper.module.scss.module.css [app-client] (css) */
.Swiper-module-scss-module__kT0k_q__scrollContainer::-webkit-scrollbar {
  display: none;
}

.Swiper-module-scss-module__kT0k_q__slide {
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  flex-shrink: 0;
}

@media (hover: hover) and (pointer: fine) {
  .Swiper-module-scss-module__kT0k_q__carouselContainer:hover .Swiper-module-scss-module__kT0k_q__navButton, .Swiper-module-scss-module__kT0k_q__carouselContainer:focus-within .Swiper-module-scss-module__kT0k_q__navButton {
    opacity: 1;
    pointer-events: auto;
  }
}

.Swiper-module-scss-module__kT0k_q__navButton {
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s;
}

@media (hover: none) {
  .Swiper-module-scss-module__kT0k_q__navButton {
    display: none;
  }
}

/* [project]/node_modules/@once-ui-system/core/dist/components/Card.module.scss.module.css [app-client] (css) */
@media (hover: hover) {
  .Card-module-scss-module__7wQcEW__card:hover {
    background-color: var(--neutral-alpha-weak);
  }
}

/* [project]/node_modules/@once-ui-system/core/dist/components/CursorCard.module.scss.module.css [app-client] (css) */
.CursorCard-module-scss-module__pZXqUa__fadeIn {
  animation: .2s ease-in-out CursorCard-module-scss-module__pZXqUa__fadeIn;
}

@keyframes CursorCard-module-scss-module__pZXqUa__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* [project]/node_modules/@once-ui-system/core/dist/components/SharedInteractiveStyles.module.scss.module.css [app-client] (css) */
.SharedInteractiveStyles-module-scss-module__nbaxKG__container {
  cursor: var(--cursor-interactive);
  isolation: isolate;
}

.SharedInteractiveStyles-module-scss-module__nbaxKG__container:hover .SharedInteractiveStyles-module-scss-module__nbaxKG__element.SharedInteractiveStyles-module-scss-module__nbaxKG__checked .SharedInteractiveStyles-module-scss-module__nbaxKG__element:before, .SharedInteractiveStyles-module-scss-module__nbaxKG__container:focus .SharedInteractiveStyles-module-scss-module__nbaxKG__element.SharedInteractiveStyles-module-scss-module__nbaxKG__checked .SharedInteractiveStyles-module-scss-module__nbaxKG__element:before {
  display: none;
}

.SharedInteractiveStyles-module-scss-module__nbaxKG__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(--surface-background);
  border-style: solid;
  border-width: 1px;
  outline: none;
}

.SharedInteractiveStyles-module-scss-module__nbaxKG__element.SharedInteractiveStyles-module-scss-module__nbaxKG__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__nbaxKG__disabled .SharedInteractiveStyles-module-scss-module__nbaxKG__element {
  opacity: .6;
}

.SharedInteractiveStyles-module-scss-module__nbaxKG__disabled .SharedInteractiveStyles-module-scss-module__nbaxKG__element:before {
  display: none;
}

.SharedInteractiveStyles-module-scss-module__nbaxKG__container:hover .SharedInteractiveStyles-module-scss-module__nbaxKG__element:before, .SharedInteractiveStyles-module-scss-module__nbaxKG__element:focus-visible: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__nbaxKG__scaleInCenter;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@keyframes SharedInteractiveStyles-module-scss-module__nbaxKG__scaleInCenter {
  from {
    transform: translate(-50%, -50%)scale(0);
  }

  to {
    transform: translate(-50%, -50%)scale(1);
  }
}

.SharedInteractiveStyles-module-scss-module__nbaxKG__icon {
  animation: .2s .1s forwards SharedInteractiveStyles-module-scss-module__nbaxKG__scaleIn;
  transform: scale(0);
}

@keyframes SharedInteractiveStyles-module-scss-module__nbaxKG__scaleIn {
  from {
    transform: scale(0);
  }

  to {
    transform: scale(1);
  }
}

.SharedInteractiveStyles-module-scss-module__nbaxKG__hidden {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

.SharedInteractiveStyles-module-scss-module__nbaxKG__indeterminate {
  background: var(--brand-on-solid-strong);
  width: var(--static-space-12);
  height: var(--static-space-2);
}

/* [project]/node_modules/@once-ui-system/core/dist/components/Chip.module.scss.module.css [app-client] (css) */
.Chip-module-scss-module__09OPDq__chip {
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
}

.Chip-module-scss-module__09OPDq__chip.Chip-module-scss-module__09OPDq__selected {
  background: var(--brand-alpha-medium);
  color: var(--brand-on-background-medium);
}

.Chip-module-scss-module__09OPDq__chip.Chip-module-scss-module__09OPDq__selected:hover, .Chip-module-scss-module__09OPDq__chip.Chip-module-scss-module__09OPDq__selected:focus {
  background: var(--brand-alpha-medium);
}

.Chip-module-scss-module__09OPDq__chip.Chip-module-scss-module__09OPDq__selected:active {
  background: var(--brand-alpha-weak);
  color: var(--brand-on-background-weak);
}

.Chip-module-scss-module__09OPDq__chip.Chip-module-scss-module__09OPDq__unselected {
  background: var(--neutral-alpha-weak);
  color: var(--neutral-on-background-medium);
}

.Chip-module-scss-module__09OPDq__chip.Chip-module-scss-module__09OPDq__unselected:hover, .Chip-module-scss-module__09OPDq__chip.Chip-module-scss-module__09OPDq__unselected:focus {
  background: var(--neutral-alpha-medium);
}

.Chip-module-scss-module__09OPDq__chip.Chip-module-scss-module__09OPDq__unselected:active {
  background: var(--neutral-alpha-weak);
  color: var(--neutral-on-background-weak);
}

.Chip-module-scss-module__09OPDq__chip:disabled {
  background: var(--neutral-solid-weak);
  cursor: not-allowed;
}

/* [project]/node_modules/@once-ui-system/core/dist/components/Slider.module.scss.module.css [app-client] (css) */
.Slider-module-scss-module__5pubTG__container {
  -webkit-user-select: none;
  user-select: none;
  isolation: isolate;
}

.Slider-module-scss-module__5pubTG__sliderWrapper {
  cursor: var(--cursor-grab);
}

.Slider-module-scss-module__5pubTG__sliderWrapper.Slider-module-scss-module__5pubTG__disabled {
  opacity: .4;
  cursor: not-allowed;
}

.Slider-module-scss-module__5pubTG__track {
  height: var(--static-space-4);
  background-color: var(--neutral-alpha-medium);
  border-radius: var(--radius-full);
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  overflow: hidden;
  transform: translateY(-50%);
}

.Slider-module-scss-module__5pubTG__fill {
  background-color: var(--brand-solid-medium);
  pointer-events: none;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.Slider-module-scss-module__5pubTG__input {
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: inherit;
  z-index: 2;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.Slider-module-scss-module__5pubTG__input:disabled {
  cursor: not-allowed;
}

.Slider-module-scss-module__5pubTG__thumb {
  width: var(--static-space-16);
  height: var(--static-space-16);
  background-color: var(--brand-on-solid-strong);
  border: var(--static-space-2) solid var(--brand-solid-medium);
  border-radius: var(--radius-full);
  pointer-events: none;
  box-shadow: var(--shadow-s);
  transition: transform .1s ease-out;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.Slider-module-scss-module__5pubTG__sliderWrapper:hover .Slider-module-scss-module__5pubTG__thumb, .Slider-module-scss-module__5pubTG__dragging .Slider-module-scss-module__5pubTG__thumb {
  cursor: var(--cursor-grabbing);
  transform: translate(-50%, -50%)scale(1.2);
}

.Slider-module-scss-module__5pubTG__input:focus-visible ~ .Slider-module-scss-module__5pubTG__thumb {
  outline: var(--static-space-2) solid var(--brand-alpha-medium);
  outline-offset: var(--static-space-2);
}

/* [project]/node_modules/@once-ui-system/core/dist/components/CompareImage.module.scss.module.css [app-client] (css) */
.CompareImage-module-scss-module__r_EAOW__hitArea {
  cursor: col-resize;
  transform: translateX(-50%);
}

.CompareImage-module-scss-module__r_EAOW__dragIcon {
  cursor: col-resize;
  z-index: 2;
  pointer-events: auto;
  transition: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* [project]/node_modules/@once-ui-system/core/dist/components/ContextMenu.module.scss.module.css [app-client] (css) */
@keyframes ContextMenu-module-scss-module__UR3_fq__fadeIn {
  from {
    opacity: 0;
    transform: scale(.9);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.ContextMenu-module-scss-module__UR3_fq__fadeIn {
  transform-origin: 0 0;
  animation: ContextMenu-module-scss-module__UR3_fq__fadeIn var(--transition-duration-micro-medium) var(--transition-eased);
}

/* [project]/node_modules/@once-ui-system/core/dist/components/Dialog.module.scss.module.css [app-client] (css) */
.Dialog-module-scss-module__XVtTRa__overlay {
  opacity: 0;
  visibility: hidden;
}

.Dialog-module-scss-module__XVtTRa__overlay.Dialog-module-scss-module__XVtTRa__open {
  opacity: 1;
  visibility: visible;
}

.Dialog-module-scss-module__XVtTRa__dialog {
  opacity: 0;
  max-width: 40rem;
  max-height: 100%;
  transform: scale(.2);
}

.Dialog-module-scss-module__XVtTRa__dialog.Dialog-module-scss-module__XVtTRa__open {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

@media (max-width: 1024px) {
  .Dialog-module-scss-module__XVtTRa__dialog {
    bottom: var(--static-space-8);
    left: var(--static-space-8);
    right: var(--static-space-8);
    top: var(--static-space-8);
    position: fixed;
    max-width: calc(100% - var(--static-space-16)) !important;
  }
}

/* [project]/node_modules/@once-ui-system/core/dist/components/EmojiPicker.module.scss.module.css [app-client] (css) */
.EmojiPicker-module-scss-module__3-pacG__emojiButton {
  will-change: transform;
  contain: layout style paint;
  transition: transform .1s;
}

.EmojiPicker-module-scss-module__3-pacG__emojiButton:hover, .EmojiPicker-module-scss-module__3-pacG__emojiButton:focus-visible {
  transform: scale(1.05);
}

.EmojiPicker-module-scss-module__3-pacG__emojiButton:focus-visible {
  background: var(--neutral-alpha-weak) !important;
}

/* [project]/node_modules/@once-ui-system/core/dist/components/GlitchFx.module.scss.module.css [app-client] (css) */
.GlitchFx-module-scss-module__nejs_G__glitchLayer {
  pointer-events: none;
}

.GlitchFx-module-scss-module__nejs_G__blueShift {
  filter: hue-rotate(260deg);
  z-index: 1;
  animation: 2.5s infinite GlitchFx-module-scss-module__nejs_G__glitch-blue;
}

.GlitchFx-module-scss-module__nejs_G__redShift {
  filter: hue-rotate(120deg);
  z-index: 1;
  animation: 2.5s infinite GlitchFx-module-scss-module__nejs_G__glitch-red;
}

@keyframes GlitchFx-module-scss-module__nejs_G__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__nejs_G__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__nejs_G__slow {
  animation-duration: 3.5s;
}

.GlitchFx-module-scss-module__nejs_G__medium {
  animation-duration: 2.5s;
}

.GlitchFx-module-scss-module__nejs_G__fast {
  animation-duration: 1.5s;
}

.GlitchFx-module-scss-module__nejs_G__active .GlitchFx-module-scss-module__nejs_G__blueShift, .GlitchFx-module-scss-module__nejs_G__active .GlitchFx-module-scss-module__nejs_G__redShift {
  animation-play-state: running;
}

.GlitchFx-module-scss-module__nejs_G__glitchFx:not(.GlitchFx-module-scss-module__nejs_G__active) .GlitchFx-module-scss-module__nejs_G__blueShift, .GlitchFx-module-scss-module__nejs_G__glitchFx:not(.GlitchFx-module-scss-module__nejs_G__active) .GlitchFx-module-scss-module__nejs_G__redShift {
  animation-play-state: paused;
}

/* [project]/node_modules/@once-ui-system/core/dist/components/HoloFx.module.scss.module.css [app-client] (css) */
.HoloFx-module-scss-module__F0BLea__overlay {
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease-in-out;
}

.HoloFx-module-scss-module__F0BLea__holoFx {
  isolation: isolate;
  z-index: 0;
}

.HoloFx-module-scss-module__F0BLea__holoFx:hover .HoloFx-module-scss-module__F0BLea__burn {
  opacity: var(--burn-opacity);
  z-index: 1;
  transform: translateX(1px)translateY(1px);
}

.HoloFx-module-scss-module__F0BLea__holoFx:hover .HoloFx-module-scss-module__F0BLea__shine {
  opacity: var(--light-opacity);
  z-index: 2;
  transform: translateX(-1px)translateY(-1px);
}

.HoloFx-module-scss-module__F0BLea__holoFx:hover .HoloFx-module-scss-module__F0BLea__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]/node_modules/@once-ui-system/core/dist/components/Hover.module.scss.module.css [app-client] (css) */
@keyframes Hover-module-scss-module__k6f9rq__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.Hover-module-scss-module__k6f9rq__fadeIn {
  animation: .2s ease-in-out Hover-module-scss-module__k6f9rq__fadeIn;
}

/* [project]/node_modules/@once-ui-system/core/dist/components/InlineCode.module.scss.module.css [app-client] (css) */
.InlineCode-module-scss-module__VeMgoW__inlineCode {
  vertical-align: middle;
  font-size: 80%;
  line-height: 125%;
}

/* [project]/node_modules/@once-ui-system/core/dist/components/List.module.scss.module.css [app-client] (css) */
.List-module-scss-module__tQTEsW__listItem::marker {
  color: var(--neutral-on-background-weak);
}

/* [project]/node_modules/@once-ui-system/core/dist/components/LogoCloud.module.scss.module.css [app-client] (css) */
.LogoCloud-module-scss-module__6d0q8a__logo {
  will-change: opacity, filter, transform;
  transform-origin: center;
  animation: 5s ease-out both LogoCloud-module-scss-module__6d0q8a__fadeInOut;
}

.LogoCloud-module-scss-module__6d0q8a__staticLogo {
  will-change: opacity, filter, transform;
  transform-origin: center;
  animation: 1s ease-out forwards LogoCloud-module-scss-module__6d0q8a__fadeIn;
}

@keyframes LogoCloud-module-scss-module__6d0q8a__fadeIn {
  0% {
    opacity: 0;
    filter: blur(1.5rem);
    transform: scale(.2);
  }

  100% {
    opacity: 1;
    filter: blur();
    transform: scale(1);
  }
}

@keyframes LogoCloud-module-scss-module__6d0q8a__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]/node_modules/@once-ui-system/core/dist/components/MasonryGrid.module.scss.module.css [app-client] (css) */
.MasonryGrid-module-scss-module__Vo5F-G__columns-1 {
  column-count: 1;
}

.MasonryGrid-module-scss-module__Vo5F-G__columns-2 {
  column-count: 2;
}

.MasonryGrid-module-scss-module__Vo5F-G__columns-3 {
  column-count: 3;
}

.MasonryGrid-module-scss-module__Vo5F-G__columns-4 {
  column-count: 4;
}

.MasonryGrid-module-scss-module__Vo5F-G__columns-5 {
  column-count: 5;
}

.MasonryGrid-module-scss-module__Vo5F-G__columns-6 {
  column-count: 6;
}

.MasonryGrid-module-scss-module__Vo5F-G__columns-7 {
  column-count: 7;
}

.MasonryGrid-module-scss-module__Vo5F-G__columns-8 {
  column-count: 8;
}

.MasonryGrid-module-scss-module__Vo5F-G__columns-9 {
  column-count: 9;
}

.MasonryGrid-module-scss-module__Vo5F-G__columns-10 {
  column-count: 10;
}

.MasonryGrid-module-scss-module__Vo5F-G__columns-11 {
  column-count: 11;
}

.MasonryGrid-module-scss-module__Vo5F-G__columns-12 {
  column-count: 12;
}

@media (max-width: 1440px) {
  .MasonryGrid-module-scss-module__Vo5F-G__l-columns-1 {
    column-count: 1;
  }

  .MasonryGrid-module-scss-module__Vo5F-G__l-columns-2 {
    column-count: 2;
  }

  .MasonryGrid-module-scss-module__Vo5F-G__l-columns-3 {
    column-count: 3;
  }

  .MasonryGrid-module-scss-module__Vo5F-G__l-columns-4 {
    column-count: 4;
  }

  .MasonryGrid-module-scss-module__Vo5F-G__l-columns-5 {
    column-count: 5;
  }

  .MasonryGrid-module-scss-module__Vo5F-G__l-columns-6 {
    column-count: 6;
  }

  .MasonryGrid-module-scss-module__Vo5F-G__l-columns-7 {
    column-count: 7;
  }

  .MasonryGrid-module-scss-module__Vo5F-G__l-columns-8 {
    column-count: 8;
  }

  .MasonryGrid-module-scss-module__Vo5F-G__l-columns-9 {
    column-count: 9;
  }

  .MasonryGrid-module-scss-module__Vo5F-G__l-columns-10 {
    column-count: 10;
  }

  .MasonryGrid-module-scss-module__Vo5F-G__l-columns-11 {
    column-count: 11;
  }

  .MasonryGrid-module-scss-module__Vo5F-G__l-columns-12 {
    column-count: 12;
  }
}

@media (max-width: 1024px) {
  .MasonryGrid-module-scss-module__Vo5F-G__m-columns-1 {
    column-count: 1;
  }

  .MasonryGrid-module-scss-module__Vo5F-G__m-columns-2 {
    column-count: 2;
  }

  .MasonryGrid-module-scss-module__Vo5F-G__m-columns-3 {
    column-count: 3;
  }

  .MasonryGrid-module-scss-module__Vo5F-G__m-columns-4 {
    column-count: 4;
  }

  .MasonryGrid-module-scss-module__Vo5F-G__m-columns-5 {
    column-count: 5;
  }

  .MasonryGrid-module-scss-module__Vo5F-G__m-columns-6 {
    column-count: 6;
  }

  .MasonryGrid-module-scss-module__Vo5F-G__m-columns-7 {
    column-count: 7;
  }

  .MasonryGrid-module-scss-module__Vo5F-G__m-columns-8 {
    column-count: 8;
  }

  .MasonryGrid-module-scss-module__Vo5F-G__m-columns-9 {
    column-count: 9;
  }

  .MasonryGrid-module-scss-module__Vo5F-G__m-columns-10 {
    column-count: 10;
  }

  .MasonryGrid-module-scss-module__Vo5F-G__m-columns-11 {
    column-count: 11;
  }

  .MasonryGrid-module-scss-module__Vo5F-G__m-columns-12 {
    column-count: 12;
  }
}

@media (max-width: 768px) {
  .MasonryGrid-module-scss-module__Vo5F-G__s-columns-1 {
    column-count: 1;
  }

  .MasonryGrid-module-scss-module__Vo5F-G__s-columns-2 {
    column-count: 2;
  }

  .MasonryGrid-module-scss-module__Vo5F-G__s-columns-3 {
    column-count: 3;
  }

  .MasonryGrid-module-scss-module__Vo5F-G__s-columns-4 {
    column-count: 4;
  }

  .MasonryGrid-module-scss-module__Vo5F-G__s-columns-5 {
    column-count: 5;
  }

  .MasonryGrid-module-scss-module__Vo5F-G__s-columns-6 {
    column-count: 6;
  }

  .MasonryGrid-module-scss-module__Vo5F-G__s-columns-7 {
    column-count: 7;
  }

  .MasonryGrid-module-scss-module__Vo5F-G__s-columns-8 {
    column-count: 8;
  }

  .MasonryGrid-module-scss-module__Vo5F-G__s-columns-9 {
    column-count: 9;
  }

  .MasonryGrid-module-scss-module__Vo5F-G__s-columns-10 {
    column-count: 10;
  }

  .MasonryGrid-module-scss-module__Vo5F-G__s-columns-11 {
    column-count: 11;
  }

  .MasonryGrid-module-scss-module__Vo5F-G__s-columns-12 {
    column-count: 12;
  }
}

/* [project]/node_modules/@once-ui-system/core/dist/components/NavIcon.module.scss.module.css [app-client] (css) */
.NavIcon-module-scss-module__OcSdyq__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__OcSdyq__line:first-child {
  transform: translateX(-50%) translateY(calc(-1 * var(--static-space-4)));
}

.NavIcon-module-scss-module__OcSdyq__line:last-child {
  transform: translateX(-50%) translateY(var(--static-space-4));
}

.NavIcon-module-scss-module__OcSdyq__active:first-child {
  transform: translateX(-50%)translateY(0)rotate(45deg);
}

.NavIcon-module-scss-module__OcSdyq__active:last-child {
  transform: translateX(-50%)translateY(0)rotate(-45deg);
}

/* [project]/node_modules/@once-ui-system/core/dist/components/OTPInput.module.scss.module.css [app-client] (css) */
.OTPInput-module-scss-module__9yWEsG__inputs {
  font-size: var(--font-size-heading-xl);
  min-width: var(--static-space-48);
  max-width: var(--static-space-48);
  transition: border-color .2s, box-shadow .2s;
}

.OTPInput-module-scss-module__9yWEsG__inputs input {
  text-align: center;
}

.OTPInput-module-scss-module__9yWEsG__inputs:focus-within {
  animation: .3s forwards OTPInput-module-scss-module__9yWEsG__focusAnimation;
}

@keyframes OTPInput-module-scss-module__9yWEsG__focusAnimation {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.05);
  }

  100% {
    transform: scale(1);
  }
}

/* [project]/node_modules/@once-ui-system/core/dist/components/ShineFx.module.scss.module.css [app-client] (css) */
.ShineFx-module-scss-module__4g5azq__shineFx {
  --shine-base-opacity: .3;
  -webkit-text-fill-color: #0000;
  background: linear-gradient(120deg, color-mix(in srgb, currentColor, transparent calc((1 - var(--shine-base-opacity)) * 100%)) 40%, currentColor 50%, color-mix(in srgb, currentColor, transparent calc((1 - var(--shine-base-opacity)) * 100%)) 60%);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: 5s linear infinite ShineFx-module-scss-module__4g5azq__shine;
  display: inline-block;
}

.ShineFx-module-scss-module__4g5azq__inverse {
  --shine-base-opacity: .3;
  -webkit-text-fill-color: #0000;
  background: linear-gradient(120deg, currentColor 40%, color-mix(in srgb, currentColor, transparent calc((1 - var(--shine-base-opacity)) * 100%)) 50%, currentColor 60%);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: 5s linear infinite ShineFx-module-scss-module__4g5azq__shine;
  display: inline-block;
}

@keyframes ShineFx-module-scss-module__4g5azq__shine {
  0% {
    background-position: 100%;
  }

  100% {
    background-position: -100%;
  }
}

.ShineFx-module-scss-module__4g5azq__shineFx.ShineFx-module-scss-module__4g5azq__disabled {
  -webkit-text-fill-color: inherit;
  background: none;
  -webkit-background-clip: unset;
  background-clip: unset;
  animation: none;
}

/* [project]/node_modules/@once-ui-system/core/dist/components/ScrollToTop.module.scss.module.css [app-client] (css) */
.ScrollToTop-module-scss-module__-Ply4q__scrollToTop {
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s ease-in-out, visibility 0s linear .2s;
}

.ScrollToTop-module-scss-module__-Ply4q__scrollToTop[data-visible="true"] {
  opacity: 1;
  visibility: visible;
  transition: opacity .2s ease-in-out, visibility linear;
}

/* [project]/node_modules/@once-ui-system/core/dist/components/Switch.module.scss.module.css [app-client] (css) */
.Switch-module-scss-module__NI_hCq__container {
  cursor: var(--cursor-interactive);
  isolation: isolate;
}

.Switch-module-scss-module__NI_hCq__container:active .Switch-module-scss-module__NI_hCq__element {
  transform: translateY(-50%)scaleX(1.2);
}

.Switch-module-scss-module__NI_hCq__container:hover .Switch-module-scss-module__NI_hCq__switch {
  background-color: var(--neutral-solid-strong);
}

.Switch-module-scss-module__NI_hCq__container:hover .Switch-module-scss-module__NI_hCq__switch.Switch-module-scss-module__NI_hCq__checked {
  background-color: var(--brand-solid-strong);
}

.Switch-module-scss-module__NI_hCq__container:hover .Switch-module-scss-module__NI_hCq__switch.Switch-module-scss-module__NI_hCq__checked .Switch-module-scss-module__NI_hCq__element:before {
  display: none;
}

.Switch-module-scss-module__NI_hCq__reverse {
  flex-direction: row-reverse;
}

.Switch-module-scss-module__NI_hCq__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__NI_hCq__switch.Switch-module-scss-module__NI_hCq__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__NI_hCq__switch.Switch-module-scss-module__NI_hCq__checked .Switch-module-scss-module__NI_hCq__element {
  left: calc(100% - var(--static-space-20));
  transform-origin: 100%;
}

.Switch-module-scss-module__NI_hCq__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__NI_hCq__disabled .Switch-module-scss-module__NI_hCq__switch {
  opacity: .4;
}

.Switch-module-scss-module__NI_hCq__disabled .Switch-module-scss-module__NI_hCq__element:before {
  display: none !important;
}

.Switch-module-scss-module__NI_hCq__container:hover .Switch-module-scss-module__NI_hCq__element:before, .Switch-module-scss-module__NI_hCq__element:focus-visible: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__NI_hCq__scaleInCenter;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@keyframes Switch-module-scss-module__NI_hCq__scaleInCenter {
  from {
    transform: translate(-50%, -50%)scale(0);
  }

  to {
    transform: translate(-50%, -50%)scale(1);
  }
}

/* [project]/node_modules/@once-ui-system/core/dist/components/Table.module.scss.module.css [app-client] (css) */
.Table-module-scss-module__mM5_hW__hover:hover {
  background-color: var(--neutral-alpha-weak);
}

/* [project]/node_modules/@once-ui-system/core/dist/components/Tag.module.scss.module.css [app-client] (css) */
.Tag-module-scss-module__vrUoaG__tag {
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
}

.Tag-module-scss-module__vrUoaG__tag.Tag-module-scss-module__vrUoaG__gradient {
  background-image: linear-gradient(45deg, var(--brand-background-strong), var(--accent-background-strong));
  color: var(--brand-on-background-medium);
  background-clip: padding-box;
}

/* [project]/node_modules/@once-ui-system/core/dist/components/TiltFx.module.scss.module.css [app-client] (css) */
.TiltFx-module-scss-module__ujpYca__tiltFx {
  transition: transform .3s ease-out;
}

@media (hover: hover) {
  .TiltFx-module-scss-module__ujpYca__tiltFx {
    perspective: 1000px;
    transform-style: preserve-3d;
    will-change: transform;
  }
}

/* [project]/node_modules/@once-ui-system/core/dist/components/UserMenu.module.scss.module.css [app-client] (css) */
.UserMenu-module-scss-module__kQjhda__wrapper {
  border: 1px solid var(--static-transparent);
  transition: var(--transition-micro-medium);
}

.UserMenu-module-scss-module__kQjhda__wrapper:hover {
  background-color: var(--neutral-alpha-weak);
  border: 1px solid var(--neutral-alpha-medium);
}

.UserMenu-module-scss-module__kQjhda__wrapper.UserMenu-module-scss-module__kQjhda__selected:hover {
  background-color: var(--neutral-background-strong);
  border: 1px solid var(--neutral-border-strong);
}

/* [project]/node_modules/@once-ui-system/core/dist/components/Pulse.module.scss.module.css [app-client] (css) */
.Pulse-module-scss-module__wpAhHW__position {
  top: 50%;
  left: 50%;
  transform: translateX(-50%)translateY(-50%);
}

.Pulse-module-scss-module__wpAhHW__dot {
  transform-origin: center;
  pointer-events: none;
  animation: 2s ease-out infinite Pulse-module-scss-module__wpAhHW__pulse;
}

@keyframes Pulse-module-scss-module__wpAhHW__pulse {
  0% {
    opacity: 1;
    transform: scale(0);
  }

  100% {
    opacity: 0;
    transform: scale(1);
  }
}

/* [project]/node_modules/@once-ui-system/core/dist/components/Accordion.module.scss.module.css [app-client] (css) */
.Accordion-module-scss-module__DIfW3G__accordion:hover {
  background: var(--neutral-alpha-weak);
}

/* [next]/internal/font/google/inter_9b762eb7.module.css [app-client] (css) */
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/2c55a0e60120577a-s.2a48534a.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/9c72aa0f40e4eef8-s.18a48cbc.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/ad66f9afd8947f86-s.7a40eb73.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/5476f68d60460930-s.c995e352.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/2bbe8d2671613f1f-s.76dcb0b2.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/1bffadaabf893a1e-s.7cd81963.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: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/83afe278b6a6bb3c-s.p.3a6ba036.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: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/2c55a0e60120577a-s.2a48534a.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/9c72aa0f40e4eef8-s.18a48cbc.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/ad66f9afd8947f86-s.7a40eb73.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/5476f68d60460930-s.c995e352.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/2bbe8d2671613f1f-s.76dcb0b2.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/1bffadaabf893a1e-s.7cd81963.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: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/83afe278b6a6bb3c-s.p.3a6ba036.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: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/2c55a0e60120577a-s.2a48534a.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/9c72aa0f40e4eef8-s.18a48cbc.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/ad66f9afd8947f86-s.7a40eb73.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/5476f68d60460930-s.c995e352.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/2bbe8d2671613f1f-s.76dcb0b2.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/1bffadaabf893a1e-s.7cd81963.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: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/83afe278b6a6bb3c-s.p.3a6ba036.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: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/2c55a0e60120577a-s.2a48534a.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/9c72aa0f40e4eef8-s.18a48cbc.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/ad66f9afd8947f86-s.7a40eb73.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/5476f68d60460930-s.c995e352.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/2bbe8d2671613f1f-s.76dcb0b2.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/1bffadaabf893a1e-s.7cd81963.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: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/83afe278b6a6bb3c-s.p.3a6ba036.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: Inter;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/2c55a0e60120577a-s.2a48534a.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/9c72aa0f40e4eef8-s.18a48cbc.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/ad66f9afd8947f86-s.7a40eb73.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/5476f68d60460930-s.c995e352.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/2bbe8d2671613f1f-s.76dcb0b2.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/1bffadaabf893a1e-s.7cd81963.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: Inter;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/83afe278b6a6bb3c-s.p.3a6ba036.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: Inter Fallback;
  src: local(Arial);
  ascent-override: 90.44%;
  descent-override: 22.52%;
  line-gap-override: 0.0%;
  size-adjust: 107.12%;
}

.inter_9b762eb7-module__2heBkq__className {
  font-family: Inter, Inter Fallback;
  font-style: normal;
}

.inter_9b762eb7-module__2heBkq__variable {
  --font-heading: "Inter", "Inter Fallback";
}

/* [next]/internal/font/google/dm_sans_66e55681.module.css [app-client] (css) */
@font-face {
  font-family: DM Sans;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/c3cb240f9c892514-s.d8e4bce2.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: DM Sans;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/5c285b27cdda1fe8-s.p.a62025f2.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: DM Sans;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/c3cb240f9c892514-s.d8e4bce2.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: DM Sans;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/5c285b27cdda1fe8-s.p.a62025f2.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: DM Sans;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/c3cb240f9c892514-s.d8e4bce2.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: DM Sans;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/5c285b27cdda1fe8-s.p.a62025f2.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: DM Sans Fallback;
  src: local(Arial);
  ascent-override: 94.9%;
  descent-override: 29.66%;
  line-gap-override: 0.0%;
  size-adjust: 104.53%;
}

.dm_sans_66e55681-module__coKTdW__className {
  font-family: DM Sans, DM Sans Fallback;
  font-style: normal;
}

.dm_sans_66e55681-module__coKTdW__variable {
  --font-body: "DM Sans", "DM Sans Fallback";
}

/* [next]/internal/font/google/inter_4cb062f9.module.css [app-client] (css) */
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/2c55a0e60120577a-s.2a48534a.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/9c72aa0f40e4eef8-s.18a48cbc.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/ad66f9afd8947f86-s.7a40eb73.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/5476f68d60460930-s.c995e352.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/2bbe8d2671613f1f-s.76dcb0b2.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/1bffadaabf893a1e-s.7cd81963.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: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/83afe278b6a6bb3c-s.p.3a6ba036.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: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/2c55a0e60120577a-s.2a48534a.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/9c72aa0f40e4eef8-s.18a48cbc.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/ad66f9afd8947f86-s.7a40eb73.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/5476f68d60460930-s.c995e352.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/2bbe8d2671613f1f-s.76dcb0b2.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/1bffadaabf893a1e-s.7cd81963.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: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/83afe278b6a6bb3c-s.p.3a6ba036.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: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/2c55a0e60120577a-s.2a48534a.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/9c72aa0f40e4eef8-s.18a48cbc.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/ad66f9afd8947f86-s.7a40eb73.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/5476f68d60460930-s.c995e352.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/2bbe8d2671613f1f-s.76dcb0b2.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/1bffadaabf893a1e-s.7cd81963.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: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/83afe278b6a6bb3c-s.p.3a6ba036.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: Inter Fallback;
  src: local(Arial);
  ascent-override: 90.44%;
  descent-override: 22.52%;
  line-gap-override: 0.0%;
  size-adjust: 107.12%;
}

.inter_4cb062f9-module__0-bXfa__className {
  font-family: Inter, Inter Fallback;
  font-style: normal;
}

.inter_4cb062f9-module__0-bXfa__variable {
  --font-label: "Inter", "Inter Fallback";
}

/* [next]/internal/font/google/jetbrains_mono_e8163dde.module.css [app-client] (css) */
@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/d72c019e91ffb82f-s.a0d295d6.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/8557ac4879842fb9-s.9ce01009.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/c847346577a98de0-s.c73b42b5.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/db08d2e20377160a-s.bc9c9e11.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/8394f9d71e076efc-s.d6b44b91.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: JetBrains Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/19087af2bdec32b5-s.p.ec718a33.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: JetBrains Mono Fallback;
  src: local(Arial);
  ascent-override: 75.79%;
  descent-override: 22.29%;
  line-gap-override: 0.0%;
  size-adjust: 134.59%;
}

.jetbrains_mono_e8163dde-module__qnasAq__className {
  font-family: JetBrains Mono, JetBrains Mono Fallback;
  font-style: normal;
  font-weight: 400;
}

.jetbrains_mono_e8163dde-module__qnasAq__variable {
  --font-code: "JetBrains Mono", "JetBrains Mono Fallback";
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__977ff501._.css.map*/