/* [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-72 {
  margin: var(--static-space-72);
}

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

.m-auto {
  margin: auto;
}

.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-48 {
  margin-left: var(--static-space-48);
  margin-right: var(--static-space-48);
}

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

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

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

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

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.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-72 {
  margin-top: var(--static-space-72);
  margin-bottom: var(--static-space-72);
}

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

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.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-72 {
  margin-top: var(--static-space-72);
}

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

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

.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-72 {
  margin-right: var(--static-space-72);
}

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

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

.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-72 {
  margin-bottom: var(--static-space-72);
}

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

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

.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-72 {
  margin-left: var(--static-space-72);
}

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

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

.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-72 {
  padding: var(--static-space-72);
}

.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-72 {
  padding-left: var(--static-space-72);
  padding-right: var(--static-space-72);
}

.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-72 {
  padding-top: var(--static-space-72);
  padding-bottom: var(--static-space-72);
}

.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-72 {
  padding-top: var(--static-space-72);
}

.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-72 {
  padding-right: var(--static-space-72);
}

.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-72 {
  padding-bottom: var(--static-space-72);
}

.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-72 {
  padding-left: var(--static-space-72);
}

.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-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-72 {
  gap: var(--static-space-72);
}

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

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

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

@media (min-width: 1441px) {
  .xl-m-0 {
    margin: var(--static-space-0);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xl-m-auto {
    margin: auto;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xl-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xl-my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 1440px) {
  .l-m-0 {
    margin: var(--static-space-0);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .l-m-auto {
    margin: auto;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .l-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .l-my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 1024px) {
  .m-m-0 {
    margin: var(--static-space-0);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .m-m-auto {
    margin: auto;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .m-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

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

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

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

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

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

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

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

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

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

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

  .m-my-40 {
    margin-top: var(--static-space-40);
    margin-bottom: var(--static-space-40);
  }

  .m-my-48 {
    margin-top: var(--static-space-48);
    margin-bottom: var(--static-space-48);
  }

  .m-my-56 {
    margin-top: var(--static-space-56);
    margin-bottom: var(--static-space-56);
  }

  .m-my-64 {
    margin-top: var(--static-space-64);
    margin-bottom: var(--static-space-64);
  }

  .m-my-72 {
    margin-top: var(--static-space-72);
    margin-bottom: var(--static-space-72);
  }

  .m-my-80 {
    margin-top: var(--static-space-80);
    margin-bottom: var(--static-space-80);
  }

  .m-my-104 {
    margin-top: var(--static-space-104);
    margin-bottom: var(--static-space-104);
  }

  .m-my-128 {
    margin-top: var(--static-space-128);
    margin-bottom: var(--static-space-128);
  }

  .m-my-160 {
    margin-top: var(--static-space-160);
    margin-bottom: var(--static-space-160);
  }

  .m-my-xs {
    margin-top: var(--responsive-space-xs);
    margin-bottom: var(--responsive-space-xs);
  }

  .m-my-s {
    margin-top: var(--responsive-space-s);
    margin-bottom: var(--responsive-space-s);
  }

  .m-my-m {
    margin-top: var(--responsive-space-m);
    margin-bottom: var(--responsive-space-m);
  }

  .m-my-l {
    margin-top: var(--responsive-space-l);
    margin-bottom: var(--responsive-space-l);
  }

  .m-my-xl {
    margin-top: var(--responsive-space-xl);
    margin-bottom: var(--responsive-space-xl);
  }

  .m-my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .m-mt-0 {
    margin-top: var(--static-space-0);
  }

  .m-mt-1 {
    margin-top: var(--static-space-1);
  }

  .m-mt-2 {
    margin-top: var(--static-space-2);
  }

  .m-mt-4 {
    margin-top: var(--static-space-4);
  }

  .m-mt-8 {
    margin-top: var(--static-space-8);
  }

  .m-mt-12 {
    margin-top: var(--static-space-12);
  }

  .m-mt-16 {
    margin-top: var(--static-space-16);
  }

  .m-mt-20 {
    margin-top: var(--static-space-20);
  }

  .m-mt-24 {
    margin-top: var(--static-space-24);
  }

  .m-mt-32 {
    margin-top: var(--static-space-32);
  }

  .m-mt-40 {
    margin-top: var(--static-space-40);
  }

  .m-mt-48 {
    margin-top: var(--static-space-48);
  }

  .m-mt-56 {
    margin-top: var(--static-space-56);
  }

  .m-mt-64 {
    margin-top: var(--static-space-64);
  }

  .m-mt-72 {
    margin-top: var(--static-space-72);
  }

  .m-mt-80 {
    margin-top: var(--static-space-80);
  }

  .m-mt-104 {
    margin-top: var(--static-space-104);
  }

  .m-mt-128 {
    margin-top: var(--static-space-128);
  }

  .m-mt-160 {
    margin-top: var(--static-space-160);
  }

  .m-mt-xs {
    margin-top: var(--responsive-space-xs);
  }

  .m-mt-s {
    margin-top: var(--responsive-space-s);
  }

  .m-mt-m {
    margin-top: var(--responsive-space-m);
  }

  .m-mt-l {
    margin-top: var(--responsive-space-l);
  }

  .m-mt-xl {
    margin-top: var(--responsive-space-xl);
  }

  .m-mt-auto {
    margin-top: auto;
  }

  .m-mr-0 {
    margin-right: var(--static-space-0);
  }

  .m-mr-1 {
    margin-right: var(--static-space-1);
  }

  .m-mr-2 {
    margin-right: var(--static-space-2);
  }

  .m-mr-4 {
    margin-right: var(--static-space-4);
  }

  .m-mr-8 {
    margin-right: var(--static-space-8);
  }

  .m-mr-12 {
    margin-right: var(--static-space-12);
  }

  .m-mr-16 {
    margin-right: var(--static-space-16);
  }

  .m-mr-20 {
    margin-right: var(--static-space-20);
  }

  .m-mr-24 {
    margin-right: var(--static-space-24);
  }

  .m-mr-32 {
    margin-right: var(--static-space-32);
  }

  .m-mr-40 {
    margin-right: var(--static-space-40);
  }

  .m-mr-48 {
    margin-right: var(--static-space-48);
  }

  .m-mr-56 {
    margin-right: var(--static-space-56);
  }

  .m-mr-64 {
    margin-right: var(--static-space-64);
  }

  .m-mr-72 {
    margin-right: var(--static-space-72);
  }

  .m-mr-80 {
    margin-right: var(--static-space-80);
  }

  .m-mr-104 {
    margin-right: var(--static-space-104);
  }

  .m-mr-128 {
    margin-right: var(--static-space-128);
  }

  .m-mr-160 {
    margin-right: var(--static-space-160);
  }

  .m-mr-xs {
    margin-right: var(--responsive-space-xs);
  }

  .m-mr-s {
    margin-right: var(--responsive-space-s);
  }

  .m-mr-m {
    margin-right: var(--responsive-space-m);
  }

  .m-mr-l {
    margin-right: var(--responsive-space-l);
  }

  .m-mr-xl {
    margin-right: var(--responsive-space-xl);
  }

  .m-mr-auto {
    margin-right: auto;
  }

  .m-mb-0 {
    margin-bottom: var(--static-space-0);
  }

  .m-mb-1 {
    margin-bottom: var(--static-space-1);
  }

  .m-mb-2 {
    margin-bottom: var(--static-space-2);
  }

  .m-mb-4 {
    margin-bottom: var(--static-space-4);
  }

  .m-mb-8 {
    margin-bottom: var(--static-space-8);
  }

  .m-mb-12 {
    margin-bottom: var(--static-space-12);
  }

  .m-mb-16 {
    margin-bottom: var(--static-space-16);
  }

  .m-mb-20 {
    margin-bottom: var(--static-space-20);
  }

  .m-mb-24 {
    margin-bottom: var(--static-space-24);
  }

  .m-mb-32 {
    margin-bottom: var(--static-space-32);
  }

  .m-mb-40 {
    margin-bottom: var(--static-space-40);
  }

  .m-mb-48 {
    margin-bottom: var(--static-space-48);
  }

  .m-mb-56 {
    margin-bottom: var(--static-space-56);
  }

  .m-mb-64 {
    margin-bottom: var(--static-space-64);
  }

  .m-mb-72 {
    margin-bottom: var(--static-space-72);
  }

  .m-mb-80 {
    margin-bottom: var(--static-space-80);
  }

  .m-mb-104 {
    margin-bottom: var(--static-space-104);
  }

  .m-mb-128 {
    margin-bottom: var(--static-space-128);
  }

  .m-mb-160 {
    margin-bottom: var(--static-space-160);
  }

  .m-mb-xs {
    margin-bottom: var(--responsive-space-xs);
  }

  .m-mb-s {
    margin-bottom: var(--responsive-space-s);
  }

  .m-mb-m {
    margin-bottom: var(--responsive-space-m);
  }

  .m-mb-l {
    margin-bottom: var(--responsive-space-l);
  }

  .m-mb-xl {
    margin-bottom: var(--responsive-space-xl);
  }

  .m-mb-auto {
    margin-bottom: auto;
  }

  .m-ml-0 {
    margin-left: var(--static-space-0);
  }

  .m-ml-1 {
    margin-left: var(--static-space-1);
  }

  .m-ml-2 {
    margin-left: var(--static-space-2);
  }

  .m-ml-4 {
    margin-left: var(--static-space-4);
  }

  .m-ml-8 {
    margin-left: var(--static-space-8);
  }

  .m-ml-12 {
    margin-left: var(--static-space-12);
  }

  .m-ml-16 {
    margin-left: var(--static-space-16);
  }

  .m-ml-20 {
    margin-left: var(--static-space-20);
  }

  .m-ml-24 {
    margin-left: var(--static-space-24);
  }

  .m-ml-32 {
    margin-left: var(--static-space-32);
  }

  .m-ml-40 {
    margin-left: var(--static-space-40);
  }

  .m-ml-48 {
    margin-left: var(--static-space-48);
  }

  .m-ml-56 {
    margin-left: var(--static-space-56);
  }

  .m-ml-64 {
    margin-left: var(--static-space-64);
  }

  .m-ml-72 {
    margin-left: var(--static-space-72);
  }

  .m-ml-80 {
    margin-left: var(--static-space-80);
  }

  .m-ml-104 {
    margin-left: var(--static-space-104);
  }

  .m-ml-128 {
    margin-left: var(--static-space-128);
  }

  .m-ml-160 {
    margin-left: var(--static-space-160);
  }

  .m-ml-xs {
    margin-left: var(--responsive-space-xs);
  }

  .m-ml-s {
    margin-left: var(--responsive-space-s);
  }

  .m-ml-m {
    margin-left: var(--responsive-space-m);
  }

  .m-ml-l {
    margin-left: var(--responsive-space-l);
  }

  .m-ml-xl {
    margin-left: var(--responsive-space-xl);
  }

  .m-ml-auto {
    margin-left: auto;
  }

  .m-p-0 {
    padding: var(--static-space-0);
  }

  .m-p-1 {
    padding: var(--static-space-1);
  }

  .m-p-2 {
    padding: var(--static-space-2);
  }

  .m-p-4 {
    padding: var(--static-space-4);
  }

  .m-p-8 {
    padding: var(--static-space-8);
  }

  .m-p-12 {
    padding: var(--static-space-12);
  }

  .m-p-16 {
    padding: var(--static-space-16);
  }

  .m-p-20 {
    padding: var(--static-space-20);
  }

  .m-p-24 {
    padding: var(--static-space-24);
  }

  .m-p-32 {
    padding: var(--static-space-32);
  }

  .m-p-40 {
    padding: var(--static-space-40);
  }

  .m-p-48 {
    padding: var(--static-space-48);
  }

  .m-p-56 {
    padding: var(--static-space-56);
  }

  .m-p-64 {
    padding: var(--static-space-64);
  }

  .m-p-72 {
    padding: var(--static-space-72);
  }

  .m-p-80 {
    padding: var(--static-space-80);
  }

  .m-p-104 {
    padding: var(--static-space-104);
  }

  .m-p-128 {
    padding: var(--static-space-128);
  }

  .m-p-160 {
    padding: var(--static-space-160);
  }

  .m-p-xs {
    padding: var(--responsive-space-xs);
  }

  .m-p-s {
    padding: var(--responsive-space-s);
  }

  .m-p-m {
    padding: var(--responsive-space-m);
  }

  .m-p-l {
    padding: var(--responsive-space-l);
  }

  .m-p-xl {
    padding: var(--responsive-space-xl);
  }

  .m-px-0 {
    padding-left: var(--static-space-0);
    padding-right: var(--static-space-0);
  }

  .m-px-1 {
    padding-left: var(--static-space-1);
    padding-right: var(--static-space-1);
  }

  .m-px-2 {
    padding-left: var(--static-space-2);
    padding-right: var(--static-space-2);
  }

  .m-px-4 {
    padding-left: var(--static-space-4);
    padding-right: var(--static-space-4);
  }

  .m-px-8 {
    padding-left: var(--static-space-8);
    padding-right: var(--static-space-8);
  }

  .m-px-12 {
    padding-left: var(--static-space-12);
    padding-right: var(--static-space-12);
  }

  .m-px-16 {
    padding-left: var(--static-space-16);
    padding-right: var(--static-space-16);
  }

  .m-px-20 {
    padding-left: var(--static-space-20);
    padding-right: var(--static-space-20);
  }

  .m-px-24 {
    padding-left: var(--static-space-24);
    padding-right: var(--static-space-24);
  }

  .m-px-32 {
    padding-left: var(--static-space-32);
    padding-right: var(--static-space-32);
  }

  .m-px-40 {
    padding-left: var(--static-space-40);
    padding-right: var(--static-space-40);
  }

  .m-px-48 {
    padding-left: var(--static-space-48);
    padding-right: var(--static-space-48);
  }

  .m-px-56 {
    padding-left: var(--static-space-56);
    padding-right: var(--static-space-56);
  }

  .m-px-64 {
    padding-left: var(--static-space-64);
    padding-right: var(--static-space-64);
  }

  .m-px-72 {
    padding-left: var(--static-space-72);
    padding-right: var(--static-space-72);
  }

  .m-px-80 {
    padding-left: var(--static-space-80);
    padding-right: var(--static-space-80);
  }

  .m-px-104 {
    padding-left: var(--static-space-104);
    padding-right: var(--static-space-104);
  }

  .m-px-128 {
    padding-left: var(--static-space-128);
    padding-right: var(--static-space-128);
  }

  .m-px-160 {
    padding-left: var(--static-space-160);
    padding-right: var(--static-space-160);
  }

  .m-px-xs {
    padding-left: var(--responsive-space-xs);
    padding-right: var(--responsive-space-xs);
  }

  .m-px-s {
    padding-left: var(--responsive-space-s);
    padding-right: var(--responsive-space-s);
  }

  .m-px-m {
    padding-left: var(--responsive-space-m);
    padding-right: var(--responsive-space-m);
  }

  .m-px-l {
    padding-left: var(--responsive-space-l);
    padding-right: var(--responsive-space-l);
  }

  .m-px-xl {
    padding-left: var(--responsive-space-xl);
    padding-right: var(--responsive-space-xl);
  }

  .m-py-0 {
    padding-top: var(--static-space-0);
    padding-bottom: var(--static-space-0);
  }

  .m-py-1 {
    padding-top: var(--static-space-1);
    padding-bottom: var(--static-space-1);
  }

  .m-py-2 {
    padding-top: var(--static-space-2);
    padding-bottom: var(--static-space-2);
  }

  .m-py-4 {
    padding-top: var(--static-space-4);
    padding-bottom: var(--static-space-4);
  }

  .m-py-8 {
    padding-top: var(--static-space-8);
    padding-bottom: var(--static-space-8);
  }

  .m-py-12 {
    padding-top: var(--static-space-12);
    padding-bottom: var(--static-space-12);
  }

  .m-py-16 {
    padding-top: var(--static-space-16);
    padding-bottom: var(--static-space-16);
  }

  .m-py-20 {
    padding-top: var(--static-space-20);
    padding-bottom: var(--static-space-20);
  }

  .m-py-24 {
    padding-top: var(--static-space-24);
    padding-bottom: var(--static-space-24);
  }

  .m-py-32 {
    padding-top: var(--static-space-32);
    padding-bottom: var(--static-space-32);
  }

  .m-py-40 {
    padding-top: var(--static-space-40);
    padding-bottom: var(--static-space-40);
  }

  .m-py-48 {
    padding-top: var(--static-space-48);
    padding-bottom: var(--static-space-48);
  }

  .m-py-56 {
    padding-top: var(--static-space-56);
    padding-bottom: var(--static-space-56);
  }

  .m-py-64 {
    padding-top: var(--static-space-64);
    padding-bottom: var(--static-space-64);
  }

  .m-py-72 {
    padding-top: var(--static-space-72);
    padding-bottom: var(--static-space-72);
  }

  .m-py-80 {
    padding-top: var(--static-space-80);
    padding-bottom: var(--static-space-80);
  }

  .m-py-104 {
    padding-top: var(--static-space-104);
    padding-bottom: var(--static-space-104);
  }

  .m-py-128 {
    padding-top: var(--static-space-128);
    padding-bottom: var(--static-space-128);
  }

  .m-py-160 {
    padding-top: var(--static-space-160);
    padding-bottom: var(--static-space-160);
  }

  .m-py-xs {
    padding-top: var(--responsive-space-xs);
    padding-bottom: var(--responsive-space-xs);
  }

  .m-py-s {
    padding-top: var(--responsive-space-s);
    padding-bottom: var(--responsive-space-s);
  }

  .m-py-m {
    padding-top: var(--responsive-space-m);
    padding-bottom: var(--responsive-space-m);
  }

  .m-py-l {
    padding-top: var(--responsive-space-l);
    padding-bottom: var(--responsive-space-l);
  }

  .m-py-xl {
    padding-top: var(--responsive-space-xl);
    padding-bottom: var(--responsive-space-xl);
  }

  .m-pt-0 {
    padding-top: var(--static-space-0);
  }

  .m-pt-1 {
    padding-top: var(--static-space-1);
  }

  .m-pt-2 {
    padding-top: var(--static-space-2);
  }

  .m-pt-4 {
    padding-top: var(--static-space-4);
  }

  .m-pt-8 {
    padding-top: var(--static-space-8);
  }

  .m-pt-12 {
    padding-top: var(--static-space-12);
  }

  .m-pt-16 {
    padding-top: var(--static-space-16);
  }

  .m-pt-20 {
    padding-top: var(--static-space-20);
  }

  .m-pt-24 {
    padding-top: var(--static-space-24);
  }

  .m-pt-32 {
    padding-top: var(--static-space-32);
  }

  .m-pt-40 {
    padding-top: var(--static-space-40);
  }

  .m-pt-48 {
    padding-top: var(--static-space-48);
  }

  .m-pt-56 {
    padding-top: var(--static-space-56);
  }

  .m-pt-64 {
    padding-top: var(--static-space-64);
  }

  .m-pt-72 {
    padding-top: var(--static-space-72);
  }

  .m-pt-80 {
    padding-top: var(--static-space-80);
  }

  .m-pt-104 {
    padding-top: var(--static-space-104);
  }

  .m-pt-128 {
    padding-top: var(--static-space-128);
  }

  .m-pt-160 {
    padding-top: var(--static-space-160);
  }

  .m-pt-xs {
    padding-top: var(--responsive-space-xs);
  }

  .m-pt-s {
    padding-top: var(--responsive-space-s);
  }

  .m-pt-m {
    padding-top: var(--responsive-space-m);
  }

  .m-pt-l {
    padding-top: var(--responsive-space-l);
  }

  .m-pt-xl {
    padding-top: var(--responsive-space-xl);
  }

  .m-pr-0 {
    padding-right: var(--static-space-0);
  }

  .m-pr-1 {
    padding-right: var(--static-space-1);
  }

  .m-pr-2 {
    padding-right: var(--static-space-2);
  }

  .m-pr-4 {
    padding-right: var(--static-space-4);
  }

  .m-pr-8 {
    padding-right: var(--static-space-8);
  }

  .m-pr-12 {
    padding-right: var(--static-space-12);
  }

  .m-pr-16 {
    padding-right: var(--static-space-16);
  }

  .m-pr-20 {
    padding-right: var(--static-space-20);
  }

  .m-pr-24 {
    padding-right: var(--static-space-24);
  }

  .m-pr-32 {
    padding-right: var(--static-space-32);
  }

  .m-pr-40 {
    padding-right: var(--static-space-40);
  }

  .m-pr-48 {
    padding-right: var(--static-space-48);
  }

  .m-pr-56 {
    padding-right: var(--static-space-56);
  }

  .m-pr-64 {
    padding-right: var(--static-space-64);
  }

  .m-pr-72 {
    padding-right: var(--static-space-72);
  }

  .m-pr-80 {
    padding-right: var(--static-space-80);
  }

  .m-pr-104 {
    padding-right: var(--static-space-104);
  }

  .m-pr-128 {
    padding-right: var(--static-space-128);
  }

  .m-pr-160 {
    padding-right: var(--static-space-160);
  }

  .m-pr-xs {
    padding-right: var(--responsive-space-xs);
  }

  .m-pr-s {
    padding-right: var(--responsive-space-s);
  }

  .m-pr-m {
    padding-right: var(--responsive-space-m);
  }

  .m-pr-l {
    padding-right: var(--responsive-space-l);
  }

  .m-pr-xl {
    padding-right: var(--responsive-space-xl);
  }

  .m-pb-0 {
    padding-bottom: var(--static-space-0);
  }

  .m-pb-1 {
    padding-bottom: var(--static-space-1);
  }

  .m-pb-2 {
    padding-bottom: var(--static-space-2);
  }

  .m-pb-4 {
    padding-bottom: var(--static-space-4);
  }

  .m-pb-8 {
    padding-bottom: var(--static-space-8);
  }

  .m-pb-12 {
    padding-bottom: var(--static-space-12);
  }

  .m-pb-16 {
    padding-bottom: var(--static-space-16);
  }

  .m-pb-20 {
    padding-bottom: var(--static-space-20);
  }

  .m-pb-24 {
    padding-bottom: var(--static-space-24);
  }

  .m-pb-32 {
    padding-bottom: var(--static-space-32);
  }

  .m-pb-40 {
    padding-bottom: var(--static-space-40);
  }

  .m-pb-48 {
    padding-bottom: var(--static-space-48);
  }

  .m-pb-56 {
    padding-bottom: var(--static-space-56);
  }

  .m-pb-64 {
    padding-bottom: var(--static-space-64);
  }

  .m-pb-72 {
    padding-bottom: var(--static-space-72);
  }

  .m-pb-80 {
    padding-bottom: var(--static-space-80);
  }

  .m-pb-104 {
    padding-bottom: var(--static-space-104);
  }

  .m-pb-128 {
    padding-bottom: var(--static-space-128);
  }

  .m-pb-160 {
    padding-bottom: var(--static-space-160);
  }

  .m-pb-xs {
    padding-bottom: var(--responsive-space-xs);
  }

  .m-pb-s {
    padding-bottom: var(--responsive-space-s);
  }

  .m-pb-m {
    padding-bottom: var(--responsive-space-m);
  }

  .m-pb-l {
    padding-bottom: var(--responsive-space-l);
  }

  .m-pb-xl {
    padding-bottom: var(--responsive-space-xl);
  }

  .m-pl-0 {
    padding-left: var(--static-space-0);
  }

  .m-pl-1 {
    padding-left: var(--static-space-1);
  }

  .m-pl-2 {
    padding-left: var(--static-space-2);
  }

  .m-pl-4 {
    padding-left: var(--static-space-4);
  }

  .m-pl-8 {
    padding-left: var(--static-space-8);
  }

  .m-pl-12 {
    padding-left: var(--static-space-12);
  }

  .m-pl-16 {
    padding-left: var(--static-space-16);
  }

  .m-pl-20 {
    padding-left: var(--static-space-20);
  }

  .m-pl-24 {
    padding-left: var(--static-space-24);
  }

  .m-pl-32 {
    padding-left: var(--static-space-32);
  }

  .m-pl-40 {
    padding-left: var(--static-space-40);
  }

  .m-pl-48 {
    padding-left: var(--static-space-48);
  }

  .m-pl-56 {
    padding-left: var(--static-space-56);
  }

  .m-pl-64 {
    padding-left: var(--static-space-64);
  }

  .m-pl-72 {
    padding-left: var(--static-space-72);
  }

  .m-pl-80 {
    padding-left: var(--static-space-80);
  }

  .m-pl-104 {
    padding-left: var(--static-space-104);
  }

  .m-pl-128 {
    padding-left: var(--static-space-128);
  }

  .m-pl-160 {
    padding-left: var(--static-space-160);
  }

  .m-pl-xs {
    padding-left: var(--responsive-space-xs);
  }

  .m-pl-s {
    padding-left: var(--responsive-space-s);
  }

  .m-pl-m {
    padding-left: var(--responsive-space-m);
  }

  .m-pl-l {
    padding-left: var(--responsive-space-l);
  }

  .m-pl-xl {
    padding-left: var(--responsive-space-xl);
  }

  .m-g-0 {
    gap: var(--static-space-0);
  }

  .m-g-1 {
    gap: var(--static-space-1);
  }

  .m-g-2 {
    gap: var(--static-space-2);
  }

  .m-g-4 {
    gap: var(--static-space-4);
  }

  .m-g-8 {
    gap: var(--static-space-8);
  }

  .m-g-12 {
    gap: var(--static-space-12);
  }

  .m-g-16 {
    gap: var(--static-space-16);
  }

  .m-g-20 {
    gap: var(--static-space-20);
  }

  .m-g-24 {
    gap: var(--static-space-24);
  }

  .m-g-32 {
    gap: var(--static-space-32);
  }

  .m-g-40 {
    gap: var(--static-space-40);
  }

  .m-g-48 {
    gap: var(--static-space-48);
  }

  .m-g-56 {
    gap: var(--static-space-56);
  }

  .m-g-64 {
    gap: var(--static-space-64);
  }

  .m-g-72 {
    gap: var(--static-space-72);
  }

  .m-g-80 {
    gap: var(--static-space-80);
  }

  .m-g-104 {
    gap: var(--static-space-104);
  }

  .m-g-128 {
    gap: var(--static-space-128);
  }

  .m-g-160 {
    gap: var(--static-space-160);
  }

  .m-g-xs {
    gap: var(--responsive-space-xs);
  }

  .m-g-s {
    gap: var(--responsive-space-s);
  }

  .m-g-m {
    gap: var(--responsive-space-m);
  }

  .m-g-l {
    gap: var(--responsive-space-l);
  }

  .m-g-xl {
    gap: var(--responsive-space-xl);
  }
}

@media (max-width: 768px) {
  .s-m-0 {
    margin: var(--static-space-0);
  }

  .s-m-1 {
    margin: var(--static-space-1);
  }

  .s-m-2 {
    margin: var(--static-space-2);
  }

  .s-m-4 {
    margin: var(--static-space-4);
  }

  .s-m-8 {
    margin: var(--static-space-8);
  }

  .s-m-12 {
    margin: var(--static-space-12);
  }

  .s-m-16 {
    margin: var(--static-space-16);
  }

  .s-m-20 {
    margin: var(--static-space-20);
  }

  .s-m-24 {
    margin: var(--static-space-24);
  }

  .s-m-32 {
    margin: var(--static-space-32);
  }

  .s-m-40 {
    margin: var(--static-space-40);
  }

  .s-m-48 {
    margin: var(--static-space-48);
  }

  .s-m-56 {
    margin: var(--static-space-56);
  }

  .s-m-64 {
    margin: var(--static-space-64);
  }

  .s-m-72 {
    margin: var(--static-space-72);
  }

  .s-m-80 {
    margin: var(--static-space-80);
  }

  .s-m-104 {
    margin: var(--static-space-104);
  }

  .s-m-128 {
    margin: var(--static-space-128);
  }

  .s-m-160 {
    margin: var(--static-space-160);
  }

  .s-m-xs {
    margin: var(--responsive-space-xs);
  }

  .s-m-s {
    margin: var(--responsive-space-s);
  }

  .s-m-m {
    margin: var(--responsive-space-m);
  }

  .s-m-l {
    margin: var(--responsive-space-l);
  }

  .s-m-xl {
    margin: var(--responsive-space-xl);
  }

  .s-m-auto {
    margin: auto;
  }

  .s-mx-0 {
    margin-left: var(--static-space-0);
    margin-right: var(--static-space-0);
  }

  .s-mx-1 {
    margin-left: var(--static-space-1);
    margin-right: var(--static-space-1);
  }

  .s-mx-2 {
    margin-left: var(--static-space-2);
    margin-right: var(--static-space-2);
  }

  .s-mx-4 {
    margin-left: var(--static-space-4);
    margin-right: var(--static-space-4);
  }

  .s-mx-8 {
    margin-left: var(--static-space-8);
    margin-right: var(--static-space-8);
  }

  .s-mx-12 {
    margin-left: var(--static-space-12);
    margin-right: var(--static-space-12);
  }

  .s-mx-16 {
    margin-left: var(--static-space-16);
    margin-right: var(--static-space-16);
  }

  .s-mx-20 {
    margin-left: var(--static-space-20);
    margin-right: var(--static-space-20);
  }

  .s-mx-24 {
    margin-left: var(--static-space-24);
    margin-right: var(--static-space-24);
  }

  .s-mx-32 {
    margin-left: var(--static-space-32);
    margin-right: var(--static-space-32);
  }

  .s-mx-40 {
    margin-left: var(--static-space-40);
    margin-right: var(--static-space-40);
  }

  .s-mx-48 {
    margin-left: var(--static-space-48);
    margin-right: var(--static-space-48);
  }

  .s-mx-56 {
    margin-left: var(--static-space-56);
    margin-right: var(--static-space-56);
  }

  .s-mx-64 {
    margin-left: var(--static-space-64);
    margin-right: var(--static-space-64);
  }

  .s-mx-72 {
    margin-left: var(--static-space-72);
    margin-right: var(--static-space-72);
  }

  .s-mx-80 {
    margin-left: var(--static-space-80);
    margin-right: var(--static-space-80);
  }

  .s-mx-104 {
    margin-left: var(--static-space-104);
    margin-right: var(--static-space-104);
  }

  .s-mx-128 {
    margin-left: var(--static-space-128);
    margin-right: var(--static-space-128);
  }

  .s-mx-160 {
    margin-left: var(--static-space-160);
    margin-right: var(--static-space-160);
  }

  .s-mx-xs {
    margin-left: var(--responsive-space-xs);
    margin-right: var(--responsive-space-xs);
  }

  .s-mx-s {
    margin-left: var(--responsive-space-s);
    margin-right: var(--responsive-space-s);
  }

  .s-mx-m {
    margin-left: var(--responsive-space-m);
    margin-right: var(--responsive-space-m);
  }

  .s-mx-l {
    margin-left: var(--responsive-space-l);
    margin-right: var(--responsive-space-l);
  }

  .s-mx-xl {
    margin-left: var(--responsive-space-xl);
    margin-right: var(--responsive-space-xl);
  }

  .s-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .s-my-0 {
    margin-top: var(--static-space-0);
    margin-bottom: var(--static-space-0);
  }

  .s-my-1 {
    margin-top: var(--static-space-1);
    margin-bottom: var(--static-space-1);
  }

  .s-my-2 {
    margin-top: var(--static-space-2);
    margin-bottom: var(--static-space-2);
  }

  .s-my-4 {
    margin-top: var(--static-space-4);
    margin-bottom: var(--static-space-4);
  }

  .s-my-8 {
    margin-top: var(--static-space-8);
    margin-bottom: var(--static-space-8);
  }

  .s-my-12 {
    margin-top: var(--static-space-12);
    margin-bottom: var(--static-space-12);
  }

  .s-my-16 {
    margin-top: var(--static-space-16);
    margin-bottom: var(--static-space-16);
  }

  .s-my-20 {
    margin-top: var(--static-space-20);
    margin-bottom: var(--static-space-20);
  }

  .s-my-24 {
    margin-top: var(--static-space-24);
    margin-bottom: var(--static-space-24);
  }

  .s-my-32 {
    margin-top: var(--static-space-32);
    margin-bottom: var(--static-space-32);
  }

  .s-my-40 {
    margin-top: var(--static-space-40);
    margin-bottom: var(--static-space-40);
  }

  .s-my-48 {
    margin-top: var(--static-space-48);
    margin-bottom: var(--static-space-48);
  }

  .s-my-56 {
    margin-top: var(--static-space-56);
    margin-bottom: var(--static-space-56);
  }

  .s-my-64 {
    margin-top: var(--static-space-64);
    margin-bottom: var(--static-space-64);
  }

  .s-my-72 {
    margin-top: var(--static-space-72);
    margin-bottom: var(--static-space-72);
  }

  .s-my-80 {
    margin-top: var(--static-space-80);
    margin-bottom: var(--static-space-80);
  }

  .s-my-104 {
    margin-top: var(--static-space-104);
    margin-bottom: var(--static-space-104);
  }

  .s-my-128 {
    margin-top: var(--static-space-128);
    margin-bottom: var(--static-space-128);
  }

  .s-my-160 {
    margin-top: var(--static-space-160);
    margin-bottom: var(--static-space-160);
  }

  .s-my-xs {
    margin-top: var(--responsive-space-xs);
    margin-bottom: var(--responsive-space-xs);
  }

  .s-my-s {
    margin-top: var(--responsive-space-s);
    margin-bottom: var(--responsive-space-s);
  }

  .s-my-m {
    margin-top: var(--responsive-space-m);
    margin-bottom: var(--responsive-space-m);
  }

  .s-my-l {
    margin-top: var(--responsive-space-l);
    margin-bottom: var(--responsive-space-l);
  }

  .s-my-xl {
    margin-top: var(--responsive-space-xl);
    margin-bottom: var(--responsive-space-xl);
  }

  .s-my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .s-mt-0 {
    margin-top: var(--static-space-0);
  }

  .s-mt-1 {
    margin-top: var(--static-space-1);
  }

  .s-mt-2 {
    margin-top: var(--static-space-2);
  }

  .s-mt-4 {
    margin-top: var(--static-space-4);
  }

  .s-mt-8 {
    margin-top: var(--static-space-8);
  }

  .s-mt-12 {
    margin-top: var(--static-space-12);
  }

  .s-mt-16 {
    margin-top: var(--static-space-16);
  }

  .s-mt-20 {
    margin-top: var(--static-space-20);
  }

  .s-mt-24 {
    margin-top: var(--static-space-24);
  }

  .s-mt-32 {
    margin-top: var(--static-space-32);
  }

  .s-mt-40 {
    margin-top: var(--static-space-40);
  }

  .s-mt-48 {
    margin-top: var(--static-space-48);
  }

  .s-mt-56 {
    margin-top: var(--static-space-56);
  }

  .s-mt-64 {
    margin-top: var(--static-space-64);
  }

  .s-mt-72 {
    margin-top: var(--static-space-72);
  }

  .s-mt-80 {
    margin-top: var(--static-space-80);
  }

  .s-mt-104 {
    margin-top: var(--static-space-104);
  }

  .s-mt-128 {
    margin-top: var(--static-space-128);
  }

  .s-mt-160 {
    margin-top: var(--static-space-160);
  }

  .s-mt-xs {
    margin-top: var(--responsive-space-xs);
  }

  .s-mt-s {
    margin-top: var(--responsive-space-s);
  }

  .s-mt-m {
    margin-top: var(--responsive-space-m);
  }

  .s-mt-l {
    margin-top: var(--responsive-space-l);
  }

  .s-mt-xl {
    margin-top: var(--responsive-space-xl);
  }

  .s-mt-auto {
    margin-top: auto;
  }

  .s-mr-0 {
    margin-right: var(--static-space-0);
  }

  .s-mr-1 {
    margin-right: var(--static-space-1);
  }

  .s-mr-2 {
    margin-right: var(--static-space-2);
  }

  .s-mr-4 {
    margin-right: var(--static-space-4);
  }

  .s-mr-8 {
    margin-right: var(--static-space-8);
  }

  .s-mr-12 {
    margin-right: var(--static-space-12);
  }

  .s-mr-16 {
    margin-right: var(--static-space-16);
  }

  .s-mr-20 {
    margin-right: var(--static-space-20);
  }

  .s-mr-24 {
    margin-right: var(--static-space-24);
  }

  .s-mr-32 {
    margin-right: var(--static-space-32);
  }

  .s-mr-40 {
    margin-right: var(--static-space-40);
  }

  .s-mr-48 {
    margin-right: var(--static-space-48);
  }

  .s-mr-56 {
    margin-right: var(--static-space-56);
  }

  .s-mr-64 {
    margin-right: var(--static-space-64);
  }

  .s-mr-72 {
    margin-right: var(--static-space-72);
  }

  .s-mr-80 {
    margin-right: var(--static-space-80);
  }

  .s-mr-104 {
    margin-right: var(--static-space-104);
  }

  .s-mr-128 {
    margin-right: var(--static-space-128);
  }

  .s-mr-160 {
    margin-right: var(--static-space-160);
  }

  .s-mr-xs {
    margin-right: var(--responsive-space-xs);
  }

  .s-mr-s {
    margin-right: var(--responsive-space-s);
  }

  .s-mr-m {
    margin-right: var(--responsive-space-m);
  }

  .s-mr-l {
    margin-right: var(--responsive-space-l);
  }

  .s-mr-xl {
    margin-right: var(--responsive-space-xl);
  }

  .s-mr-auto {
    margin-right: auto;
  }

  .s-mb-0 {
    margin-bottom: var(--static-space-0);
  }

  .s-mb-1 {
    margin-bottom: var(--static-space-1);
  }

  .s-mb-2 {
    margin-bottom: var(--static-space-2);
  }

  .s-mb-4 {
    margin-bottom: var(--static-space-4);
  }

  .s-mb-8 {
    margin-bottom: var(--static-space-8);
  }

  .s-mb-12 {
    margin-bottom: var(--static-space-12);
  }

  .s-mb-16 {
    margin-bottom: var(--static-space-16);
  }

  .s-mb-20 {
    margin-bottom: var(--static-space-20);
  }

  .s-mb-24 {
    margin-bottom: var(--static-space-24);
  }

  .s-mb-32 {
    margin-bottom: var(--static-space-32);
  }

  .s-mb-40 {
    margin-bottom: var(--static-space-40);
  }

  .s-mb-48 {
    margin-bottom: var(--static-space-48);
  }

  .s-mb-56 {
    margin-bottom: var(--static-space-56);
  }

  .s-mb-64 {
    margin-bottom: var(--static-space-64);
  }

  .s-mb-72 {
    margin-bottom: var(--static-space-72);
  }

  .s-mb-80 {
    margin-bottom: var(--static-space-80);
  }

  .s-mb-104 {
    margin-bottom: var(--static-space-104);
  }

  .s-mb-128 {
    margin-bottom: var(--static-space-128);
  }

  .s-mb-160 {
    margin-bottom: var(--static-space-160);
  }

  .s-mb-xs {
    margin-bottom: var(--responsive-space-xs);
  }

  .s-mb-s {
    margin-bottom: var(--responsive-space-s);
  }

  .s-mb-m {
    margin-bottom: var(--responsive-space-m);
  }

  .s-mb-l {
    margin-bottom: var(--responsive-space-l);
  }

  .s-mb-xl {
    margin-bottom: var(--responsive-space-xl);
  }

  .s-mb-auto {
    margin-bottom: auto;
  }

  .s-ml-0 {
    margin-left: var(--static-space-0);
  }

  .s-ml-1 {
    margin-left: var(--static-space-1);
  }

  .s-ml-2 {
    margin-left: var(--static-space-2);
  }

  .s-ml-4 {
    margin-left: var(--static-space-4);
  }

  .s-ml-8 {
    margin-left: var(--static-space-8);
  }

  .s-ml-12 {
    margin-left: var(--static-space-12);
  }

  .s-ml-16 {
    margin-left: var(--static-space-16);
  }

  .s-ml-20 {
    margin-left: var(--static-space-20);
  }

  .s-ml-24 {
    margin-left: var(--static-space-24);
  }

  .s-ml-32 {
    margin-left: var(--static-space-32);
  }

  .s-ml-40 {
    margin-left: var(--static-space-40);
  }

  .s-ml-48 {
    margin-left: var(--static-space-48);
  }

  .s-ml-56 {
    margin-left: var(--static-space-56);
  }

  .s-ml-64 {
    margin-left: var(--static-space-64);
  }

  .s-ml-72 {
    margin-left: var(--static-space-72);
  }

  .s-ml-80 {
    margin-left: var(--static-space-80);
  }

  .s-ml-104 {
    margin-left: var(--static-space-104);
  }

  .s-ml-128 {
    margin-left: var(--static-space-128);
  }

  .s-ml-160 {
    margin-left: var(--static-space-160);
  }

  .s-ml-xs {
    margin-left: var(--responsive-space-xs);
  }

  .s-ml-s {
    margin-left: var(--responsive-space-s);
  }

  .s-ml-m {
    margin-left: var(--responsive-space-m);
  }

  .s-ml-l {
    margin-left: var(--responsive-space-l);
  }

  .s-ml-xl {
    margin-left: var(--responsive-space-xl);
  }

  .s-ml-auto {
    margin-left: auto;
  }

  .s-p-0 {
    padding: var(--static-space-0);
  }

  .s-p-1 {
    padding: var(--static-space-1);
  }

  .s-p-2 {
    padding: var(--static-space-2);
  }

  .s-p-4 {
    padding: var(--static-space-4);
  }

  .s-p-8 {
    padding: var(--static-space-8);
  }

  .s-p-12 {
    padding: var(--static-space-12);
  }

  .s-p-16 {
    padding: var(--static-space-16);
  }

  .s-p-20 {
    padding: var(--static-space-20);
  }

  .s-p-24 {
    padding: var(--static-space-24);
  }

  .s-p-32 {
    padding: var(--static-space-32);
  }

  .s-p-40 {
    padding: var(--static-space-40);
  }

  .s-p-48 {
    padding: var(--static-space-48);
  }

  .s-p-56 {
    padding: var(--static-space-56);
  }

  .s-p-64 {
    padding: var(--static-space-64);
  }

  .s-p-72 {
    padding: var(--static-space-72);
  }

  .s-p-80 {
    padding: var(--static-space-80);
  }

  .s-p-104 {
    padding: var(--static-space-104);
  }

  .s-p-128 {
    padding: var(--static-space-128);
  }

  .s-p-160 {
    padding: var(--static-space-160);
  }

  .s-p-xs {
    padding: var(--responsive-space-xs);
  }

  .s-p-s {
    padding: var(--responsive-space-s);
  }

  .s-p-m {
    padding: var(--responsive-space-m);
  }

  .s-p-l {
    padding: var(--responsive-space-l);
  }

  .s-p-xl {
    padding: var(--responsive-space-xl);
  }

  .s-px-0 {
    padding-left: var(--static-space-0);
    padding-right: var(--static-space-0);
  }

  .s-px-1 {
    padding-left: var(--static-space-1);
    padding-right: var(--static-space-1);
  }

  .s-px-2 {
    padding-left: var(--static-space-2);
    padding-right: var(--static-space-2);
  }

  .s-px-4 {
    padding-left: var(--static-space-4);
    padding-right: var(--static-space-4);
  }

  .s-px-8 {
    padding-left: var(--static-space-8);
    padding-right: var(--static-space-8);
  }

  .s-px-12 {
    padding-left: var(--static-space-12);
    padding-right: var(--static-space-12);
  }

  .s-px-16 {
    padding-left: var(--static-space-16);
    padding-right: var(--static-space-16);
  }

  .s-px-20 {
    padding-left: var(--static-space-20);
    padding-right: var(--static-space-20);
  }

  .s-px-24 {
    padding-left: var(--static-space-24);
    padding-right: var(--static-space-24);
  }

  .s-px-32 {
    padding-left: var(--static-space-32);
    padding-right: var(--static-space-32);
  }

  .s-px-40 {
    padding-left: var(--static-space-40);
    padding-right: var(--static-space-40);
  }

  .s-px-48 {
    padding-left: var(--static-space-48);
    padding-right: var(--static-space-48);
  }

  .s-px-56 {
    padding-left: var(--static-space-56);
    padding-right: var(--static-space-56);
  }

  .s-px-64 {
    padding-left: var(--static-space-64);
    padding-right: var(--static-space-64);
  }

  .s-px-72 {
    padding-left: var(--static-space-72);
    padding-right: var(--static-space-72);
  }

  .s-px-80 {
    padding-left: var(--static-space-80);
    padding-right: var(--static-space-80);
  }

  .s-px-104 {
    padding-left: var(--static-space-104);
    padding-right: var(--static-space-104);
  }

  .s-px-128 {
    padding-left: var(--static-space-128);
    padding-right: var(--static-space-128);
  }

  .s-px-160 {
    padding-left: var(--static-space-160);
    padding-right: var(--static-space-160);
  }

  .s-px-xs {
    padding-left: var(--responsive-space-xs);
    padding-right: var(--responsive-space-xs);
  }

  .s-px-s {
    padding-left: var(--responsive-space-s);
    padding-right: var(--responsive-space-s);
  }

  .s-px-m {
    padding-left: var(--responsive-space-m);
    padding-right: var(--responsive-space-m);
  }

  .s-px-l {
    padding-left: var(--responsive-space-l);
    padding-right: var(--responsive-space-l);
  }

  .s-px-xl {
    padding-left: var(--responsive-space-xl);
    padding-right: var(--responsive-space-xl);
  }

  .s-py-0 {
    padding-top: var(--static-space-0);
    padding-bottom: var(--static-space-0);
  }

  .s-py-1 {
    padding-top: var(--static-space-1);
    padding-bottom: var(--static-space-1);
  }

  .s-py-2 {
    padding-top: var(--static-space-2);
    padding-bottom: var(--static-space-2);
  }

  .s-py-4 {
    padding-top: var(--static-space-4);
    padding-bottom: var(--static-space-4);
  }

  .s-py-8 {
    padding-top: var(--static-space-8);
    padding-bottom: var(--static-space-8);
  }

  .s-py-12 {
    padding-top: var(--static-space-12);
    padding-bottom: var(--static-space-12);
  }

  .s-py-16 {
    padding-top: var(--static-space-16);
    padding-bottom: var(--static-space-16);
  }

  .s-py-20 {
    padding-top: var(--static-space-20);
    padding-bottom: var(--static-space-20);
  }

  .s-py-24 {
    padding-top: var(--static-space-24);
    padding-bottom: var(--static-space-24);
  }

  .s-py-32 {
    padding-top: var(--static-space-32);
    padding-bottom: var(--static-space-32);
  }

  .s-py-40 {
    padding-top: var(--static-space-40);
    padding-bottom: var(--static-space-40);
  }

  .s-py-48 {
    padding-top: var(--static-space-48);
    padding-bottom: var(--static-space-48);
  }

  .s-py-56 {
    padding-top: var(--static-space-56);
    padding-bottom: var(--static-space-56);
  }

  .s-py-64 {
    padding-top: var(--static-space-64);
    padding-bottom: var(--static-space-64);
  }

  .s-py-72 {
    padding-top: var(--static-space-72);
    padding-bottom: var(--static-space-72);
  }

  .s-py-80 {
    padding-top: var(--static-space-80);
    padding-bottom: var(--static-space-80);
  }

  .s-py-104 {
    padding-top: var(--static-space-104);
    padding-bottom: var(--static-space-104);
  }

  .s-py-128 {
    padding-top: var(--static-space-128);
    padding-bottom: var(--static-space-128);
  }

  .s-py-160 {
    padding-top: var(--static-space-160);
    padding-bottom: var(--static-space-160);
  }

  .s-py-xs {
    padding-top: var(--responsive-space-xs);
    padding-bottom: var(--responsive-space-xs);
  }

  .s-py-s {
    padding-top: var(--responsive-space-s);
    padding-bottom: var(--responsive-space-s);
  }

  .s-py-m {
    padding-top: var(--responsive-space-m);
    padding-bottom: var(--responsive-space-m);
  }

  .s-py-l {
    padding-top: var(--responsive-space-l);
    padding-bottom: var(--responsive-space-l);
  }

  .s-py-xl {
    padding-top: var(--responsive-space-xl);
    padding-bottom: var(--responsive-space-xl);
  }

  .s-pt-0 {
    padding-top: var(--static-space-0);
  }

  .s-pt-1 {
    padding-top: var(--static-space-1);
  }

  .s-pt-2 {
    padding-top: var(--static-space-2);
  }

  .s-pt-4 {
    padding-top: var(--static-space-4);
  }

  .s-pt-8 {
    padding-top: var(--static-space-8);
  }

  .s-pt-12 {
    padding-top: var(--static-space-12);
  }

  .s-pt-16 {
    padding-top: var(--static-space-16);
  }

  .s-pt-20 {
    padding-top: var(--static-space-20);
  }

  .s-pt-24 {
    padding-top: var(--static-space-24);
  }

  .s-pt-32 {
    padding-top: var(--static-space-32);
  }

  .s-pt-40 {
    padding-top: var(--static-space-40);
  }

  .s-pt-48 {
    padding-top: var(--static-space-48);
  }

  .s-pt-56 {
    padding-top: var(--static-space-56);
  }

  .s-pt-64 {
    padding-top: var(--static-space-64);
  }

  .s-pt-72 {
    padding-top: var(--static-space-72);
  }

  .s-pt-80 {
    padding-top: var(--static-space-80);
  }

  .s-pt-104 {
    padding-top: var(--static-space-104);
  }

  .s-pt-128 {
    padding-top: var(--static-space-128);
  }

  .s-pt-160 {
    padding-top: var(--static-space-160);
  }

  .s-pt-xs {
    padding-top: var(--responsive-space-xs);
  }

  .s-pt-s {
    padding-top: var(--responsive-space-s);
  }

  .s-pt-m {
    padding-top: var(--responsive-space-m);
  }

  .s-pt-l {
    padding-top: var(--responsive-space-l);
  }

  .s-pt-xl {
    padding-top: var(--responsive-space-xl);
  }

  .s-pr-0 {
    padding-right: var(--static-space-0);
  }

  .s-pr-1 {
    padding-right: var(--static-space-1);
  }

  .s-pr-2 {
    padding-right: var(--static-space-2);
  }

  .s-pr-4 {
    padding-right: var(--static-space-4);
  }

  .s-pr-8 {
    padding-right: var(--static-space-8);
  }

  .s-pr-12 {
    padding-right: var(--static-space-12);
  }

  .s-pr-16 {
    padding-right: var(--static-space-16);
  }

  .s-pr-20 {
    padding-right: var(--static-space-20);
  }

  .s-pr-24 {
    padding-right: var(--static-space-24);
  }

  .s-pr-32 {
    padding-right: var(--static-space-32);
  }

  .s-pr-40 {
    padding-right: var(--static-space-40);
  }

  .s-pr-48 {
    padding-right: var(--static-space-48);
  }

  .s-pr-56 {
    padding-right: var(--static-space-56);
  }

  .s-pr-64 {
    padding-right: var(--static-space-64);
  }

  .s-pr-72 {
    padding-right: var(--static-space-72);
  }

  .s-pr-80 {
    padding-right: var(--static-space-80);
  }

  .s-pr-104 {
    padding-right: var(--static-space-104);
  }

  .s-pr-128 {
    padding-right: var(--static-space-128);
  }

  .s-pr-160 {
    padding-right: var(--static-space-160);
  }

  .s-pr-xs {
    padding-right: var(--responsive-space-xs);
  }

  .s-pr-s {
    padding-right: var(--responsive-space-s);
  }

  .s-pr-m {
    padding-right: var(--responsive-space-m);
  }

  .s-pr-l {
    padding-right: var(--responsive-space-l);
  }

  .s-pr-xl {
    padding-right: var(--responsive-space-xl);
  }

  .s-pb-0 {
    padding-bottom: var(--static-space-0);
  }

  .s-pb-1 {
    padding-bottom: var(--static-space-1);
  }

  .s-pb-2 {
    padding-bottom: var(--static-space-2);
  }

  .s-pb-4 {
    padding-bottom: var(--static-space-4);
  }

  .s-pb-8 {
    padding-bottom: var(--static-space-8);
  }

  .s-pb-12 {
    padding-bottom: var(--static-space-12);
  }

  .s-pb-16 {
    padding-bottom: var(--static-space-16);
  }

  .s-pb-20 {
    padding-bottom: var(--static-space-20);
  }

  .s-pb-24 {
    padding-bottom: var(--static-space-24);
  }

  .s-pb-32 {
    padding-bottom: var(--static-space-32);
  }

  .s-pb-40 {
    padding-bottom: var(--static-space-40);
  }

  .s-pb-48 {
    padding-bottom: var(--static-space-48);
  }

  .s-pb-56 {
    padding-bottom: var(--static-space-56);
  }

  .s-pb-64 {
    padding-bottom: var(--static-space-64);
  }

  .s-pb-72 {
    padding-bottom: var(--static-space-72);
  }

  .s-pb-80 {
    padding-bottom: var(--static-space-80);
  }

  .s-pb-104 {
    padding-bottom: var(--static-space-104);
  }

  .s-pb-128 {
    padding-bottom: var(--static-space-128);
  }

  .s-pb-160 {
    padding-bottom: var(--static-space-160);
  }

  .s-pb-xs {
    padding-bottom: var(--responsive-space-xs);
  }

  .s-pb-s {
    padding-bottom: var(--responsive-space-s);
  }

  .s-pb-m {
    padding-bottom: var(--responsive-space-m);
  }

  .s-pb-l {
    padding-bottom: var(--responsive-space-l);
  }

  .s-pb-xl {
    padding-bottom: var(--responsive-space-xl);
  }

  .s-pl-0 {
    padding-left: var(--static-space-0);
  }

  .s-pl-1 {
    padding-left: var(--static-space-1);
  }

  .s-pl-2 {
    padding-left: var(--static-space-2);
  }

  .s-pl-4 {
    padding-left: var(--static-space-4);
  }

  .s-pl-8 {
    padding-left: var(--static-space-8);
  }

  .s-pl-12 {
    padding-left: var(--static-space-12);
  }

  .s-pl-16 {
    padding-left: var(--static-space-16);
  }

  .s-pl-20 {
    padding-left: var(--static-space-20);
  }

  .s-pl-24 {
    padding-left: var(--static-space-24);
  }

  .s-pl-32 {
    padding-left: var(--static-space-32);
  }

  .s-pl-40 {
    padding-left: var(--static-space-40);
  }

  .s-pl-48 {
    padding-left: var(--static-space-48);
  }

  .s-pl-56 {
    padding-left: var(--static-space-56);
  }

  .s-pl-64 {
    padding-left: var(--static-space-64);
  }

  .s-pl-72 {
    padding-left: var(--static-space-72);
  }

  .s-pl-80 {
    padding-left: var(--static-space-80);
  }

  .s-pl-104 {
    padding-left: var(--static-space-104);
  }

  .s-pl-128 {
    padding-left: var(--static-space-128);
  }

  .s-pl-160 {
    padding-left: var(--static-space-160);
  }

  .s-pl-xs {
    padding-left: var(--responsive-space-xs);
  }

  .s-pl-s {
    padding-left: var(--responsive-space-s);
  }

  .s-pl-m {
    padding-left: var(--responsive-space-m);
  }

  .s-pl-l {
    padding-left: var(--responsive-space-l);
  }

  .s-pl-xl {
    padding-left: var(--responsive-space-xl);
  }

  .s-g-0 {
    gap: var(--static-space-0);
  }

  .s-g-1 {
    gap: var(--static-space-1);
  }

  .s-g-2 {
    gap: var(--static-space-2);
  }

  .s-g-4 {
    gap: var(--static-space-4);
  }

  .s-g-8 {
    gap: var(--static-space-8);
  }

  .s-g-12 {
    gap: var(--static-space-12);
  }

  .s-g-16 {
    gap: var(--static-space-16);
  }

  .s-g-20 {
    gap: var(--static-space-20);
  }

  .s-g-24 {
    gap: var(--static-space-24);
  }

  .s-g-32 {
    gap: var(--static-space-32);
  }

  .s-g-40 {
    gap: var(--static-space-40);
  }

  .s-g-48 {
    gap: var(--static-space-48);
  }

  .s-g-56 {
    gap: var(--static-space-56);
  }

  .s-g-64 {
    gap: var(--static-space-64);
  }

  .s-g-72 {
    gap: var(--static-space-72);
  }

  .s-g-80 {
    gap: var(--static-space-80);
  }

  .s-g-104 {
    gap: var(--static-space-104);
  }

  .s-g-128 {
    gap: var(--static-space-128);
  }

  .s-g-160 {
    gap: var(--static-space-160);
  }

  .s-g-xs {
    gap: var(--responsive-space-xs);
  }

  .s-g-s {
    gap: var(--responsive-space-s);
  }

  .s-g-m {
    gap: var(--responsive-space-m);
  }

  .s-g-l {
    gap: var(--responsive-space-l);
  }

  .s-g-xl {
    gap: var(--responsive-space-xl);
  }
}

@media (max-width: 480px) {
  .xs-m-0 {
    margin: var(--static-space-0);
  }

  .xs-m-1 {
    margin: var(--static-space-1);
  }

  .xs-m-2 {
    margin: var(--static-space-2);
  }

  .xs-m-4 {
    margin: var(--static-space-4);
  }

  .xs-m-8 {
    margin: var(--static-space-8);
  }

  .xs-m-12 {
    margin: var(--static-space-12);
  }

  .xs-m-16 {
    margin: var(--static-space-16);
  }

  .xs-m-20 {
    margin: var(--static-space-20);
  }

  .xs-m-24 {
    margin: var(--static-space-24);
  }

  .xs-m-32 {
    margin: var(--static-space-32);
  }

  .xs-m-40 {
    margin: var(--static-space-40);
  }

  .xs-m-48 {
    margin: var(--static-space-48);
  }

  .xs-m-56 {
    margin: var(--static-space-56);
  }

  .xs-m-64 {
    margin: var(--static-space-64);
  }

  .xs-m-72 {
    margin: var(--static-space-72);
  }

  .xs-m-80 {
    margin: var(--static-space-80);
  }

  .xs-m-104 {
    margin: var(--static-space-104);
  }

  .xs-m-128 {
    margin: var(--static-space-128);
  }

  .xs-m-160 {
    margin: var(--static-space-160);
  }

  .xs-m-xs {
    margin: var(--responsive-space-xs);
  }

  .xs-m-s {
    margin: var(--responsive-space-s);
  }

  .xs-m-m {
    margin: var(--responsive-space-m);
  }

  .xs-m-l {
    margin: var(--responsive-space-l);
  }

  .xs-m-xl {
    margin: var(--responsive-space-xl);
  }

  .xs-m-auto {
    margin: auto;
  }

  .xs-mx-0 {
    margin-left: var(--static-space-0);
    margin-right: var(--static-space-0);
  }

  .xs-mx-1 {
    margin-left: var(--static-space-1);
    margin-right: var(--static-space-1);
  }

  .xs-mx-2 {
    margin-left: var(--static-space-2);
    margin-right: var(--static-space-2);
  }

  .xs-mx-4 {
    margin-left: var(--static-space-4);
    margin-right: var(--static-space-4);
  }

  .xs-mx-8 {
    margin-left: var(--static-space-8);
    margin-right: var(--static-space-8);
  }

  .xs-mx-12 {
    margin-left: var(--static-space-12);
    margin-right: var(--static-space-12);
  }

  .xs-mx-16 {
    margin-left: var(--static-space-16);
    margin-right: var(--static-space-16);
  }

  .xs-mx-20 {
    margin-left: var(--static-space-20);
    margin-right: var(--static-space-20);
  }

  .xs-mx-24 {
    margin-left: var(--static-space-24);
    margin-right: var(--static-space-24);
  }

  .xs-mx-32 {
    margin-left: var(--static-space-32);
    margin-right: var(--static-space-32);
  }

  .xs-mx-40 {
    margin-left: var(--static-space-40);
    margin-right: var(--static-space-40);
  }

  .xs-mx-48 {
    margin-left: var(--static-space-48);
    margin-right: var(--static-space-48);
  }

  .xs-mx-56 {
    margin-left: var(--static-space-56);
    margin-right: var(--static-space-56);
  }

  .xs-mx-64 {
    margin-left: var(--static-space-64);
    margin-right: var(--static-space-64);
  }

  .xs-mx-72 {
    margin-left: var(--static-space-72);
    margin-right: var(--static-space-72);
  }

  .xs-mx-80 {
    margin-left: var(--static-space-80);
    margin-right: var(--static-space-80);
  }

  .xs-mx-104 {
    margin-left: var(--static-space-104);
    margin-right: var(--static-space-104);
  }

  .xs-mx-128 {
    margin-left: var(--static-space-128);
    margin-right: var(--static-space-128);
  }

  .xs-mx-160 {
    margin-left: var(--static-space-160);
    margin-right: var(--static-space-160);
  }

  .xs-mx-xs {
    margin-left: var(--responsive-space-xs);
    margin-right: var(--responsive-space-xs);
  }

  .xs-mx-s {
    margin-left: var(--responsive-space-s);
    margin-right: var(--responsive-space-s);
  }

  .xs-mx-m {
    margin-left: var(--responsive-space-m);
    margin-right: var(--responsive-space-m);
  }

  .xs-mx-l {
    margin-left: var(--responsive-space-l);
    margin-right: var(--responsive-space-l);
  }

  .xs-mx-xl {
    margin-left: var(--responsive-space-xl);
    margin-right: var(--responsive-space-xl);
  }

  .xs-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .xs-my-0 {
    margin-top: var(--static-space-0);
    margin-bottom: var(--static-space-0);
  }

  .xs-my-1 {
    margin-top: var(--static-space-1);
    margin-bottom: var(--static-space-1);
  }

  .xs-my-2 {
    margin-top: var(--static-space-2);
    margin-bottom: var(--static-space-2);
  }

  .xs-my-4 {
    margin-top: var(--static-space-4);
    margin-bottom: var(--static-space-4);
  }

  .xs-my-8 {
    margin-top: var(--static-space-8);
    margin-bottom: var(--static-space-8);
  }

  .xs-my-12 {
    margin-top: var(--static-space-12);
    margin-bottom: var(--static-space-12);
  }

  .xs-my-16 {
    margin-top: var(--static-space-16);
    margin-bottom: var(--static-space-16);
  }

  .xs-my-20 {
    margin-top: var(--static-space-20);
    margin-bottom: var(--static-space-20);
  }

  .xs-my-24 {
    margin-top: var(--static-space-24);
    margin-bottom: var(--static-space-24);
  }

  .xs-my-32 {
    margin-top: var(--static-space-32);
    margin-bottom: var(--static-space-32);
  }

  .xs-my-40 {
    margin-top: var(--static-space-40);
    margin-bottom: var(--static-space-40);
  }

  .xs-my-48 {
    margin-top: var(--static-space-48);
    margin-bottom: var(--static-space-48);
  }

  .xs-my-56 {
    margin-top: var(--static-space-56);
    margin-bottom: var(--static-space-56);
  }

  .xs-my-64 {
    margin-top: var(--static-space-64);
    margin-bottom: var(--static-space-64);
  }

  .xs-my-72 {
    margin-top: var(--static-space-72);
    margin-bottom: var(--static-space-72);
  }

  .xs-my-80 {
    margin-top: var(--static-space-80);
    margin-bottom: var(--static-space-80);
  }

  .xs-my-104 {
    margin-top: var(--static-space-104);
    margin-bottom: var(--static-space-104);
  }

  .xs-my-128 {
    margin-top: var(--static-space-128);
    margin-bottom: var(--static-space-128);
  }

  .xs-my-160 {
    margin-top: var(--static-space-160);
    margin-bottom: var(--static-space-160);
  }

  .xs-my-xs {
    margin-top: var(--responsive-space-xs);
    margin-bottom: var(--responsive-space-xs);
  }

  .xs-my-s {
    margin-top: var(--responsive-space-s);
    margin-bottom: var(--responsive-space-s);
  }

  .xs-my-m {
    margin-top: var(--responsive-space-m);
    margin-bottom: var(--responsive-space-m);
  }

  .xs-my-l {
    margin-top: var(--responsive-space-l);
    margin-bottom: var(--responsive-space-l);
  }

  .xs-my-xl {
    margin-top: var(--responsive-space-xl);
    margin-bottom: var(--responsive-space-xl);
  }

  .xs-my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .xs-mt-0 {
    margin-top: var(--static-space-0);
  }

  .xs-mt-1 {
    margin-top: var(--static-space-1);
  }

  .xs-mt-2 {
    margin-top: var(--static-space-2);
  }

  .xs-mt-4 {
    margin-top: var(--static-space-4);
  }

  .xs-mt-8 {
    margin-top: var(--static-space-8);
  }

  .xs-mt-12 {
    margin-top: var(--static-space-12);
  }

  .xs-mt-16 {
    margin-top: var(--static-space-16);
  }

  .xs-mt-20 {
    margin-top: var(--static-space-20);
  }

  .xs-mt-24 {
    margin-top: var(--static-space-24);
  }

  .xs-mt-32 {
    margin-top: var(--static-space-32);
  }

  .xs-mt-40 {
    margin-top: var(--static-space-40);
  }

  .xs-mt-48 {
    margin-top: var(--static-space-48);
  }

  .xs-mt-56 {
    margin-top: var(--static-space-56);
  }

  .xs-mt-64 {
    margin-top: var(--static-space-64);
  }

  .xs-mt-72 {
    margin-top: var(--static-space-72);
  }

  .xs-mt-80 {
    margin-top: var(--static-space-80);
  }

  .xs-mt-104 {
    margin-top: var(--static-space-104);
  }

  .xs-mt-128 {
    margin-top: var(--static-space-128);
  }

  .xs-mt-160 {
    margin-top: var(--static-space-160);
  }

  .xs-mt-xs {
    margin-top: var(--responsive-space-xs);
  }

  .xs-mt-s {
    margin-top: var(--responsive-space-s);
  }

  .xs-mt-m {
    margin-top: var(--responsive-space-m);
  }

  .xs-mt-l {
    margin-top: var(--responsive-space-l);
  }

  .xs-mt-xl {
    margin-top: var(--responsive-space-xl);
  }

  .xs-mt-auto {
    margin-top: auto;
  }

  .xs-mr-0 {
    margin-right: var(--static-space-0);
  }

  .xs-mr-1 {
    margin-right: var(--static-space-1);
  }

  .xs-mr-2 {
    margin-right: var(--static-space-2);
  }

  .xs-mr-4 {
    margin-right: var(--static-space-4);
  }

  .xs-mr-8 {
    margin-right: var(--static-space-8);
  }

  .xs-mr-12 {
    margin-right: var(--static-space-12);
  }

  .xs-mr-16 {
    margin-right: var(--static-space-16);
  }

  .xs-mr-20 {
    margin-right: var(--static-space-20);
  }

  .xs-mr-24 {
    margin-right: var(--static-space-24);
  }

  .xs-mr-32 {
    margin-right: var(--static-space-32);
  }

  .xs-mr-40 {
    margin-right: var(--static-space-40);
  }

  .xs-mr-48 {
    margin-right: var(--static-space-48);
  }

  .xs-mr-56 {
    margin-right: var(--static-space-56);
  }

  .xs-mr-64 {
    margin-right: var(--static-space-64);
  }

  .xs-mr-72 {
    margin-right: var(--static-space-72);
  }

  .xs-mr-80 {
    margin-right: var(--static-space-80);
  }

  .xs-mr-104 {
    margin-right: var(--static-space-104);
  }

  .xs-mr-128 {
    margin-right: var(--static-space-128);
  }

  .xs-mr-160 {
    margin-right: var(--static-space-160);
  }

  .xs-mr-xs {
    margin-right: var(--responsive-space-xs);
  }

  .xs-mr-s {
    margin-right: var(--responsive-space-s);
  }

  .xs-mr-m {
    margin-right: var(--responsive-space-m);
  }

  .xs-mr-l {
    margin-right: var(--responsive-space-l);
  }

  .xs-mr-xl {
    margin-right: var(--responsive-space-xl);
  }

  .xs-mr-auto {
    margin-right: auto;
  }

  .xs-mb-0 {
    margin-bottom: var(--static-space-0);
  }

  .xs-mb-1 {
    margin-bottom: var(--static-space-1);
  }

  .xs-mb-2 {
    margin-bottom: var(--static-space-2);
  }

  .xs-mb-4 {
    margin-bottom: var(--static-space-4);
  }

  .xs-mb-8 {
    margin-bottom: var(--static-space-8);
  }

  .xs-mb-12 {
    margin-bottom: var(--static-space-12);
  }

  .xs-mb-16 {
    margin-bottom: var(--static-space-16);
  }

  .xs-mb-20 {
    margin-bottom: var(--static-space-20);
  }

  .xs-mb-24 {
    margin-bottom: var(--static-space-24);
  }

  .xs-mb-32 {
    margin-bottom: var(--static-space-32);
  }

  .xs-mb-40 {
    margin-bottom: var(--static-space-40);
  }

  .xs-mb-48 {
    margin-bottom: var(--static-space-48);
  }

  .xs-mb-56 {
    margin-bottom: var(--static-space-56);
  }

  .xs-mb-64 {
    margin-bottom: var(--static-space-64);
  }

  .xs-mb-72 {
    margin-bottom: var(--static-space-72);
  }

  .xs-mb-80 {
    margin-bottom: var(--static-space-80);
  }

  .xs-mb-104 {
    margin-bottom: var(--static-space-104);
  }

  .xs-mb-128 {
    margin-bottom: var(--static-space-128);
  }

  .xs-mb-160 {
    margin-bottom: var(--static-space-160);
  }

  .xs-mb-xs {
    margin-bottom: var(--responsive-space-xs);
  }

  .xs-mb-s {
    margin-bottom: var(--responsive-space-s);
  }

  .xs-mb-m {
    margin-bottom: var(--responsive-space-m);
  }

  .xs-mb-l {
    margin-bottom: var(--responsive-space-l);
  }

  .xs-mb-xl {
    margin-bottom: var(--responsive-space-xl);
  }

  .xs-mb-auto {
    margin-bottom: auto;
  }

  .xs-ml-0 {
    margin-left: var(--static-space-0);
  }

  .xs-ml-1 {
    margin-left: var(--static-space-1);
  }

  .xs-ml-2 {
    margin-left: var(--static-space-2);
  }

  .xs-ml-4 {
    margin-left: var(--static-space-4);
  }

  .xs-ml-8 {
    margin-left: var(--static-space-8);
  }

  .xs-ml-12 {
    margin-left: var(--static-space-12);
  }

  .xs-ml-16 {
    margin-left: var(--static-space-16);
  }

  .xs-ml-20 {
    margin-left: var(--static-space-20);
  }

  .xs-ml-24 {
    margin-left: var(--static-space-24);
  }

  .xs-ml-32 {
    margin-left: var(--static-space-32);
  }

  .xs-ml-40 {
    margin-left: var(--static-space-40);
  }

  .xs-ml-48 {
    margin-left: var(--static-space-48);
  }

  .xs-ml-56 {
    margin-left: var(--static-space-56);
  }

  .xs-ml-64 {
    margin-left: var(--static-space-64);
  }

  .xs-ml-72 {
    margin-left: var(--static-space-72);
  }

  .xs-ml-80 {
    margin-left: var(--static-space-80);
  }

  .xs-ml-104 {
    margin-left: var(--static-space-104);
  }

  .xs-ml-128 {
    margin-left: var(--static-space-128);
  }

  .xs-ml-160 {
    margin-left: var(--static-space-160);
  }

  .xs-ml-xs {
    margin-left: var(--responsive-space-xs);
  }

  .xs-ml-s {
    margin-left: var(--responsive-space-s);
  }

  .xs-ml-m {
    margin-left: var(--responsive-space-m);
  }

  .xs-ml-l {
    margin-left: var(--responsive-space-l);
  }

  .xs-ml-xl {
    margin-left: var(--responsive-space-xl);
  }

  .xs-ml-auto {
    margin-left: auto;
  }

  .xs-p-0 {
    padding: var(--static-space-0);
  }

  .xs-p-1 {
    padding: var(--static-space-1);
  }

  .xs-p-2 {
    padding: var(--static-space-2);
  }

  .xs-p-4 {
    padding: var(--static-space-4);
  }

  .xs-p-8 {
    padding: var(--static-space-8);
  }

  .xs-p-12 {
    padding: var(--static-space-12);
  }

  .xs-p-16 {
    padding: var(--static-space-16);
  }

  .xs-p-20 {
    padding: var(--static-space-20);
  }

  .xs-p-24 {
    padding: var(--static-space-24);
  }

  .xs-p-32 {
    padding: var(--static-space-32);
  }

  .xs-p-40 {
    padding: var(--static-space-40);
  }

  .xs-p-48 {
    padding: var(--static-space-48);
  }

  .xs-p-56 {
    padding: var(--static-space-56);
  }

  .xs-p-64 {
    padding: var(--static-space-64);
  }

  .xs-p-72 {
    padding: var(--static-space-72);
  }

  .xs-p-80 {
    padding: var(--static-space-80);
  }

  .xs-p-104 {
    padding: var(--static-space-104);
  }

  .xs-p-128 {
    padding: var(--static-space-128);
  }

  .xs-p-160 {
    padding: var(--static-space-160);
  }

  .xs-p-xs {
    padding: var(--responsive-space-xs);
  }

  .xs-p-s {
    padding: var(--responsive-space-s);
  }

  .xs-p-m {
    padding: var(--responsive-space-m);
  }

  .xs-p-l {
    padding: var(--responsive-space-l);
  }

  .xs-p-xl {
    padding: var(--responsive-space-xl);
  }

  .xs-px-0 {
    padding-left: var(--static-space-0);
    padding-right: var(--static-space-0);
  }

  .xs-px-1 {
    padding-left: var(--static-space-1);
    padding-right: var(--static-space-1);
  }

  .xs-px-2 {
    padding-left: var(--static-space-2);
    padding-right: var(--static-space-2);
  }

  .xs-px-4 {
    padding-left: var(--static-space-4);
    padding-right: var(--static-space-4);
  }

  .xs-px-8 {
    padding-left: var(--static-space-8);
    padding-right: var(--static-space-8);
  }

  .xs-px-12 {
    padding-left: var(--static-space-12);
    padding-right: var(--static-space-12);
  }

  .xs-px-16 {
    padding-left: var(--static-space-16);
    padding-right: var(--static-space-16);
  }

  .xs-px-20 {
    padding-left: var(--static-space-20);
    padding-right: var(--static-space-20);
  }

  .xs-px-24 {
    padding-left: var(--static-space-24);
    padding-right: var(--static-space-24);
  }

  .xs-px-32 {
    padding-left: var(--static-space-32);
    padding-right: var(--static-space-32);
  }

  .xs-px-40 {
    padding-left: var(--static-space-40);
    padding-right: var(--static-space-40);
  }

  .xs-px-48 {
    padding-left: var(--static-space-48);
    padding-right: var(--static-space-48);
  }

  .xs-px-56 {
    padding-left: var(--static-space-56);
    padding-right: var(--static-space-56);
  }

  .xs-px-64 {
    padding-left: var(--static-space-64);
    padding-right: var(--static-space-64);
  }

  .xs-px-72 {
    padding-left: var(--static-space-72);
    padding-right: var(--static-space-72);
  }

  .xs-px-80 {
    padding-left: var(--static-space-80);
    padding-right: var(--static-space-80);
  }

  .xs-px-104 {
    padding-left: var(--static-space-104);
    padding-right: var(--static-space-104);
  }

  .xs-px-128 {
    padding-left: var(--static-space-128);
    padding-right: var(--static-space-128);
  }

  .xs-px-160 {
    padding-left: var(--static-space-160);
    padding-right: var(--static-space-160);
  }

  .xs-px-xs {
    padding-left: var(--responsive-space-xs);
    padding-right: var(--responsive-space-xs);
  }

  .xs-px-s {
    padding-left: var(--responsive-space-s);
    padding-right: var(--responsive-space-s);
  }

  .xs-px-m {
    padding-left: var(--responsive-space-m);
    padding-right: var(--responsive-space-m);
  }

  .xs-px-l {
    padding-left: var(--responsive-space-l);
    padding-right: var(--responsive-space-l);
  }

  .xs-px-xl {
    padding-left: var(--responsive-space-xl);
    padding-right: var(--responsive-space-xl);
  }

  .xs-py-0 {
    padding-top: var(--static-space-0);
    padding-bottom: var(--static-space-0);
  }

  .xs-py-1 {
    padding-top: var(--static-space-1);
    padding-bottom: var(--static-space-1);
  }

  .xs-py-2 {
    padding-top: var(--static-space-2);
    padding-bottom: var(--static-space-2);
  }

  .xs-py-4 {
    padding-top: var(--static-space-4);
    padding-bottom: var(--static-space-4);
  }

  .xs-py-8 {
    padding-top: var(--static-space-8);
    padding-bottom: var(--static-space-8);
  }

  .xs-py-12 {
    padding-top: var(--static-space-12);
    padding-bottom: var(--static-space-12);
  }

  .xs-py-16 {
    padding-top: var(--static-space-16);
    padding-bottom: var(--static-space-16);
  }

  .xs-py-20 {
    padding-top: var(--static-space-20);
    padding-bottom: var(--static-space-20);
  }

  .xs-py-24 {
    padding-top: var(--static-space-24);
    padding-bottom: var(--static-space-24);
  }

  .xs-py-32 {
    padding-top: var(--static-space-32);
    padding-bottom: var(--static-space-32);
  }

  .xs-py-40 {
    padding-top: var(--static-space-40);
    padding-bottom: var(--static-space-40);
  }

  .xs-py-48 {
    padding-top: var(--static-space-48);
    padding-bottom: var(--static-space-48);
  }

  .xs-py-56 {
    padding-top: var(--static-space-56);
    padding-bottom: var(--static-space-56);
  }

  .xs-py-64 {
    padding-top: var(--static-space-64);
    padding-bottom: var(--static-space-64);
  }

  .xs-py-72 {
    padding-top: var(--static-space-72);
    padding-bottom: var(--static-space-72);
  }

  .xs-py-80 {
    padding-top: var(--static-space-80);
    padding-bottom: var(--static-space-80);
  }

  .xs-py-104 {
    padding-top: var(--static-space-104);
    padding-bottom: var(--static-space-104);
  }

  .xs-py-128 {
    padding-top: var(--static-space-128);
    padding-bottom: var(--static-space-128);
  }

  .xs-py-160 {
    padding-top: var(--static-space-160);
    padding-bottom: var(--static-space-160);
  }

  .xs-py-xs {
    padding-top: var(--responsive-space-xs);
    padding-bottom: var(--responsive-space-xs);
  }

  .xs-py-s {
    padding-top: var(--responsive-space-s);
    padding-bottom: var(--responsive-space-s);
  }

  .xs-py-m {
    padding-top: var(--responsive-space-m);
    padding-bottom: var(--responsive-space-m);
  }

  .xs-py-l {
    padding-top: var(--responsive-space-l);
    padding-bottom: var(--responsive-space-l);
  }

  .xs-py-xl {
    padding-top: var(--responsive-space-xl);
    padding-bottom: var(--responsive-space-xl);
  }

  .xs-pt-0 {
    padding-top: var(--static-space-0);
  }

  .xs-pt-1 {
    padding-top: var(--static-space-1);
  }

  .xs-pt-2 {
    padding-top: var(--static-space-2);
  }

  .xs-pt-4 {
    padding-top: var(--static-space-4);
  }

  .xs-pt-8 {
    padding-top: var(--static-space-8);
  }

  .xs-pt-12 {
    padding-top: var(--static-space-12);
  }

  .xs-pt-16 {
    padding-top: var(--static-space-16);
  }

  .xs-pt-20 {
    padding-top: var(--static-space-20);
  }

  .xs-pt-24 {
    padding-top: var(--static-space-24);
  }

  .xs-pt-32 {
    padding-top: var(--static-space-32);
  }

  .xs-pt-40 {
    padding-top: var(--static-space-40);
  }

  .xs-pt-48 {
    padding-top: var(--static-space-48);
  }

  .xs-pt-56 {
    padding-top: var(--static-space-56);
  }

  .xs-pt-64 {
    padding-top: var(--static-space-64);
  }

  .xs-pt-72 {
    padding-top: var(--static-space-72);
  }

  .xs-pt-80 {
    padding-top: var(--static-space-80);
  }

  .xs-pt-104 {
    padding-top: var(--static-space-104);
  }

  .xs-pt-128 {
    padding-top: var(--static-space-128);
  }

  .xs-pt-160 {
    padding-top: var(--static-space-160);
  }

  .xs-pt-xs {
    padding-top: var(--responsive-space-xs);
  }

  .xs-pt-s {
    padding-top: var(--responsive-space-s);
  }

  .xs-pt-m {
    padding-top: var(--responsive-space-m);
  }

  .xs-pt-l {
    padding-top: var(--responsive-space-l);
  }

  .xs-pt-xl {
    padding-top: var(--responsive-space-xl);
  }

  .xs-pr-0 {
    padding-right: var(--static-space-0);
  }

  .xs-pr-1 {
    padding-right: var(--static-space-1);
  }

  .xs-pr-2 {
    padding-right: var(--static-space-2);
  }

  .xs-pr-4 {
    padding-right: var(--static-space-4);
  }

  .xs-pr-8 {
    padding-right: var(--static-space-8);
  }

  .xs-pr-12 {
    padding-right: var(--static-space-12);
  }

  .xs-pr-16 {
    padding-right: var(--static-space-16);
  }

  .xs-pr-20 {
    padding-right: var(--static-space-20);
  }

  .xs-pr-24 {
    padding-right: var(--static-space-24);
  }

  .xs-pr-32 {
    padding-right: var(--static-space-32);
  }

  .xs-pr-40 {
    padding-right: var(--static-space-40);
  }

  .xs-pr-48 {
    padding-right: var(--static-space-48);
  }

  .xs-pr-56 {
    padding-right: var(--static-space-56);
  }

  .xs-pr-64 {
    padding-right: var(--static-space-64);
  }

  .xs-pr-72 {
    padding-right: var(--static-space-72);
  }

  .xs-pr-80 {
    padding-right: var(--static-space-80);
  }

  .xs-pr-104 {
    padding-right: var(--static-space-104);
  }

  .xs-pr-128 {
    padding-right: var(--static-space-128);
  }

  .xs-pr-160 {
    padding-right: var(--static-space-160);
  }

  .xs-pr-xs {
    padding-right: var(--responsive-space-xs);
  }

  .xs-pr-s {
    padding-right: var(--responsive-space-s);
  }

  .xs-pr-m {
    padding-right: var(--responsive-space-m);
  }

  .xs-pr-l {
    padding-right: var(--responsive-space-l);
  }

  .xs-pr-xl {
    padding-right: var(--responsive-space-xl);
  }

  .xs-pb-0 {
    padding-bottom: var(--static-space-0);
  }

  .xs-pb-1 {
    padding-bottom: var(--static-space-1);
  }

  .xs-pb-2 {
    padding-bottom: var(--static-space-2);
  }

  .xs-pb-4 {
    padding-bottom: var(--static-space-4);
  }

  .xs-pb-8 {
    padding-bottom: var(--static-space-8);
  }

  .xs-pb-12 {
    padding-bottom: var(--static-space-12);
  }

  .xs-pb-16 {
    padding-bottom: var(--static-space-16);
  }

  .xs-pb-20 {
    padding-bottom: var(--static-space-20);
  }

  .xs-pb-24 {
    padding-bottom: var(--static-space-24);
  }

  .xs-pb-32 {
    padding-bottom: var(--static-space-32);
  }

  .xs-pb-40 {
    padding-bottom: var(--static-space-40);
  }

  .xs-pb-48 {
    padding-bottom: var(--static-space-48);
  }

  .xs-pb-56 {
    padding-bottom: var(--static-space-56);
  }

  .xs-pb-64 {
    padding-bottom: var(--static-space-64);
  }

  .xs-pb-72 {
    padding-bottom: var(--static-space-72);
  }

  .xs-pb-80 {
    padding-bottom: var(--static-space-80);
  }

  .xs-pb-104 {
    padding-bottom: var(--static-space-104);
  }

  .xs-pb-128 {
    padding-bottom: var(--static-space-128);
  }

  .xs-pb-160 {
    padding-bottom: var(--static-space-160);
  }

  .xs-pb-xs {
    padding-bottom: var(--responsive-space-xs);
  }

  .xs-pb-s {
    padding-bottom: var(--responsive-space-s);
  }

  .xs-pb-m {
    padding-bottom: var(--responsive-space-m);
  }

  .xs-pb-l {
    padding-bottom: var(--responsive-space-l);
  }

  .xs-pb-xl {
    padding-bottom: var(--responsive-space-xl);
  }

  .xs-pl-0 {
    padding-left: var(--static-space-0);
  }

  .xs-pl-1 {
    padding-left: var(--static-space-1);
  }

  .xs-pl-2 {
    padding-left: var(--static-space-2);
  }

  .xs-pl-4 {
    padding-left: var(--static-space-4);
  }

  .xs-pl-8 {
    padding-left: var(--static-space-8);
  }

  .xs-pl-12 {
    padding-left: var(--static-space-12);
  }

  .xs-pl-16 {
    padding-left: var(--static-space-16);
  }

  .xs-pl-20 {
    padding-left: var(--static-space-20);
  }

  .xs-pl-24 {
    padding-left: var(--static-space-24);
  }

  .xs-pl-32 {
    padding-left: var(--static-space-32);
  }

  .xs-pl-40 {
    padding-left: var(--static-space-40);
  }

  .xs-pl-48 {
    padding-left: var(--static-space-48);
  }

  .xs-pl-56 {
    padding-left: var(--static-space-56);
  }

  .xs-pl-64 {
    padding-left: var(--static-space-64);
  }

  .xs-pl-72 {
    padding-left: var(--static-space-72);
  }

  .xs-pl-80 {
    padding-left: var(--static-space-80);
  }

  .xs-pl-104 {
    padding-left: var(--static-space-104);
  }

  .xs-pl-128 {
    padding-left: var(--static-space-128);
  }

  .xs-pl-160 {
    padding-left: var(--static-space-160);
  }

  .xs-pl-xs {
    padding-left: var(--responsive-space-xs);
  }

  .xs-pl-s {
    padding-left: var(--responsive-space-s);
  }

  .xs-pl-m {
    padding-left: var(--responsive-space-m);
  }

  .xs-pl-l {
    padding-left: var(--responsive-space-l);
  }

  .xs-pl-xl {
    padding-left: var(--responsive-space-xl);
  }

  .xs-g-0 {
    gap: var(--static-space-0);
  }

  .xs-g-1 {
    gap: var(--static-space-1);
  }

  .xs-g-2 {
    gap: var(--static-space-2);
  }

  .xs-g-4 {
    gap: var(--static-space-4);
  }

  .xs-g-8 {
    gap: var(--static-space-8);
  }

  .xs-g-12 {
    gap: var(--static-space-12);
  }

  .xs-g-16 {
    gap: var(--static-space-16);
  }

  .xs-g-20 {
    gap: var(--static-space-20);
  }

  .xs-g-24 {
    gap: var(--static-space-24);
  }

  .xs-g-32 {
    gap: var(--static-space-32);
  }

  .xs-g-40 {
    gap: var(--static-space-40);
  }

  .xs-g-48 {
    gap: var(--static-space-48);
  }

  .xs-g-56 {
    gap: var(--static-space-56);
  }

  .xs-g-64 {
    gap: var(--static-space-64);
  }

  .xs-g-72 {
    gap: var(--static-space-72);
  }

  .xs-g-80 {
    gap: var(--static-space-80);
  }

  .xs-g-104 {
    gap: var(--static-space-104);
  }

  .xs-g-128 {
    gap: var(--static-space-128);
  }

  .xs-g-160 {
    gap: var(--static-space-160);
  }

  .xs-g-xs {
    gap: var(--responsive-space-xs);
  }

  .xs-g-s {
    gap: var(--responsive-space-s);
  }

  .xs-g-m {
    gap: var(--responsive-space-m);
  }

  .xs-g-l {
    gap: var(--responsive-space-l);
  }

  .xs-g-xl {
    gap: var(--responsive-space-xl);
  }
}

.radius-none {
  border-radius: 0;
}

.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-right-radius: var(--radius-full);
  border-top-left-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-right-radius: var(--radius-full);
  border-bottom-left-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);
}

.transparent-background, .transparent-solid {
  background-color: var(--static-transparent);
}

.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);
}

:where([data-theme]) {
  color: var(--neutral-on-background-strong);
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
}

.font-size-inherit {
  font-size: inherit;
}

.font-weight-inherit {
  font-weight: inherit;
}

.font-default {
  font-weight: var(--font-weight-display-default);
}

.font-normal {
  font-weight: var(--font-weight-display-normal);
}

.font-medium {
  font-weight: var(--font-weight-display-medium);
}

.font-strong {
  font-weight: var(--font-weight-display-strong);
}

:where(.font-heading).font-default, :where(.font-heading) > .font-default {
  font-weight: var(--font-heading-weight-default, var(--font-weight-display-default));
}

:where(.font-heading).font-normal, :where(.font-heading) > .font-normal {
  font-weight: var(--font-heading-weight-normal, var(--font-weight-display-normal));
}

:where(.font-heading).font-medium, :where(.font-heading) > .font-medium {
  font-weight: var(--font-heading-weight-medium, var(--font-weight-display-medium));
}

:where(.font-heading).font-strong, :where(.font-heading) > .font-strong {
  font-weight: var(--font-heading-weight-strong, var(--font-weight-display-strong));
}

:where(.font-body).font-default, :where(.font-body) > .font-default {
  font-weight: var(--font-body-weight-default, var(--font-weight-display-default));
}

:where(.font-body).font-normal, :where(.font-body) > .font-normal {
  font-weight: var(--font-body-weight-normal, var(--font-weight-display-normal));
}

:where(.font-body).font-medium, :where(.font-body) > .font-medium {
  font-weight: var(--font-body-weight-medium, var(--font-weight-display-medium));
}

:where(.font-body).font-strong, :where(.font-body) > .font-strong {
  font-weight: var(--font-body-weight-strong, var(--font-weight-display-strong));
}

:where(.font-label).font-default, :where(.font-label) > .font-default {
  font-weight: var(--font-label-weight-default, var(--font-weight-display-default));
}

:where(.font-label).font-normal, :where(.font-label) > .font-normal {
  font-weight: var(--font-label-weight-normal, var(--font-weight-display-normal));
}

:where(.font-label).font-medium, :where(.font-label) > .font-medium {
  font-weight: var(--font-label-weight-medium, var(--font-weight-display-medium));
}

:where(.font-label).font-strong, :where(.font-label) > .font-strong {
  font-weight: var(--font-label-weight-strong, var(--font-weight-display-strong));
}

:where(.font-code).font-default, :where(.font-code) > .font-default {
  font-weight: var(--font-code-weight-default, var(--font-weight-display-default));
}

:where(.font-code).font-normal, :where(.font-code) > .font-normal {
  font-weight: var(--font-code-weight-normal, var(--font-weight-display-normal));
}

:where(.font-code).font-medium, :where(.font-code) > .font-medium {
  font-weight: var(--font-code-weight-medium, var(--font-weight-display-medium));
}

:where(.font-code).font-strong, :where(.font-code) > .font-strong {
  font-weight: var(--font-code-weight-strong, var(--font-weight-display-strong));
}

.font-display {
  font-family: var(--font-heading);
}

.font-display.font-xl, .font-display > .font-xl {
  font-size: calc(var(--font-size-display-xl)*var(--font-size-display-multiplier));
  letter-spacing: -.05em;
  line-height: calc(var(--line-height-display-xl)*var(--line-height-display-multiplier));
}

.font-display.font-l, .font-display > .font-l {
  font-size: calc(var(--font-size-display-l)*var(--font-size-display-multiplier));
  letter-spacing: -.04em;
  line-height: calc(var(--line-height-display-l)*var(--line-height-display-multiplier));
}

.font-display.font-m, .font-display > .font-m {
  font-size: calc(var(--font-size-display-m)*var(--font-size-display-multiplier));
  letter-spacing: -.03em;
  line-height: calc(var(--line-height-display-m)*var(--line-height-display-multiplier));
}

.font-display.font-s, .font-display > .font-s {
  font-size: calc(var(--font-size-display-s)*var(--font-size-display-multiplier));
  letter-spacing: -.02em;
  line-height: calc(var(--line-height-display-s)*var(--line-height-display-multiplier));
}

.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-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-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-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-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-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);
}

@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);
  }
}

* {
  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;
}

@media (hover: hover) {
  a:not(.button):hover {
    color: var(--brand-on-background-strong);
    text-decoration: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  :not([data-motion="essential"], [data-motion="essential"] *), :not([data-motion="essential"], [data-motion="essential"] *):before, :not([data-motion="essential"], [data-motion="essential"] *):after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    transition-delay: 0s !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    animation-delay: 0s !important;
  }
}

.shadow-xs {
  box-shadow: var(--shadow-xs);
}

.shadow-s {
  box-shadow: var(--shadow-s);
}

.shadow-m {
  box-shadow: var(--shadow-m);
}

.shadow-l {
  box-shadow: var(--shadow-l);
}

.shadow-xl {
  box-shadow: var(--shadow-xl);
}

.fill-width {
  width: 100%;
}

.fill-height {
  height: 100%;
}

.fill {
  width: 100%;
  height: 100%;
}

.fit-width {
  width: fit-content;
}

.fit-height {
  height: fit-content;
}

.fit {
  width: fit-content;
  height: fit-content;
}

.max-width-xs {
  max-width: var(--responsive-width-xs);
}

.max-width-s {
  max-width: var(--responsive-width-s);
}

.max-width-m {
  max-width: var(--responsive-width-m);
}

.max-width-l {
  max-width: var(--responsive-width-l);
}

.max-width-xl {
  max-width: var(--responsive-width-xl);
}

.min-width-0 {
  min-width: 0;
}

.min-height-0 {
  min-height: 0;
}

.height-below-header {
  height: calc(100dvh - var(--header-height));
}

.min-height-below-header {
  min-height: calc(100dvh - var(--header-height));
}

.max-height-below-header {
  max-height: calc(100dvh - var(--header-height));
}

.overflow-auto {
  overflow: auto;
}

.overflow-clip {
  overflow: clip;
}

.overflow-visible {
  overflow: visible;
}

.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;
}

.overflow-x-clip {
  overflow-x: clip;
}

.overflow-x-visible {
  overflow-x: visible;
}

.overflow-y-clip {
  overflow-y: clip;
}

.overflow-y-visible {
  overflow-y: visible;
}

.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 (min-width: 1441px) {
  .xl-overflow-auto {
    overflow: auto;
  }

  .xl-overflow-clip {
    overflow: clip;
  }

  .xl-overflow-visible {
    overflow: visible;
  }

  .xl-overflow-x-scroll {
    overflow-x: scroll;
  }

  .xl-overflow-x-auto {
    overflow-x: auto;
  }

  .xl-overflow-y-auto {
    overflow-y: auto;
  }

  .xl-overflow-y-scroll {
    overflow-y: scroll;
  }

  .xl-overflow-hidden {
    overflow: hidden;
  }

  .xl-overflow-scroll {
    overflow: scroll;
  }

  .xl-overflow-x-hidden {
    overflow-x: hidden;
  }

  .xl-overflow-y-hidden {
    overflow-y: hidden;
  }

  .xl-overflow-x-clip {
    overflow-x: clip;
  }

  .xl-overflow-x-visible {
    overflow-x: visible;
  }

  .xl-overflow-y-clip {
    overflow-y: clip;
  }

  .xl-overflow-y-visible {
    overflow-y: visible;
  }

  .xl-opacity-0 {
    opacity: 0;
  }

  .xl-opacity-10 {
    opacity: .1;
  }

  .xl-opacity-20 {
    opacity: .2;
  }

  .xl-opacity-30 {
    opacity: .3;
  }

  .xl-opacity-40 {
    opacity: .4;
  }

  .xl-opacity-50 {
    opacity: .5;
  }

  .xl-opacity-60 {
    opacity: .6;
  }

  .xl-opacity-70 {
    opacity: .7;
  }

  .xl-opacity-80 {
    opacity: .8;
  }

  .xl-opacity-90 {
    opacity: .9;
  }

  .xl-opacity-100 {
    opacity: 1;
  }

  .xl-z-index--1 {
    z-index: -1;
  }

  .xl-z-index-0 {
    z-index: 0;
  }

  .xl-z-index-1 {
    z-index: 1;
  }

  .xl-z-index-2 {
    z-index: 2;
  }

  .xl-z-index-3 {
    z-index: 3;
  }

  .xl-z-index-4 {
    z-index: 4;
  }

  .xl-z-index-5 {
    z-index: 5;
  }

  .xl-z-index-6 {
    z-index: 6;
  }

  .xl-z-index-7 {
    z-index: 7;
  }

  .xl-z-index-8 {
    z-index: 8;
  }

  .xl-z-index-9 {
    z-index: 9;
  }

  .xl-z-index-10 {
    z-index: 10;
  }

  .xl-transition-micro-short {
    transition: var(--transition-micro-short);
  }

  .xl-transition-micro-medium {
    transition: var(--transition-micro-medium);
  }

  .xl-transition-micro-long {
    transition: var(--transition-micro-long);
  }

  .xl-transition-macro-short {
    transition: var(--transition-macro-short);
  }

  .xl-transition-macro-medium {
    transition: var(--transition-macro-medium);
  }

  .xl-transition-macro-long {
    transition: var(--transition-macro-long);
  }

  .xl-pointer-events-none {
    pointer-events: none;
  }

  .xl-pointer-events-auto {
    pointer-events: auto;
  }

  .xl-pointer-events-all {
    pointer-events: all;
  }

  .xl-scrollbar-minimal::-webkit-scrollbar {
    background: var(--static-transparent);
    width: var(--static-space-4);
    height: var(--static-space-4);
  }

  .xl-scrollbar-minimal::-webkit-scrollbar-track {
    background: var(--static-transparent);
  }

  .xl-scrollbar-minimal::-webkit-scrollbar-thumb {
    background: var(--neutral-alpha-medium);
    transition: var(--transition-micro-medium);
    border-radius: var(--radius-full);
  }

  .xl-scrollbar-minimal::-webkit-scrollbar-thumb:hover {
    background: var(--neutral-alpha-strong);
  }

  .xl-scrollbar-minimal::-webkit-scrollbar-corner {
    background-color: var(--static-transparent);
  }
}

@media (max-width: 1440px) {
  .l-overflow-auto {
    overflow: auto;
  }

  .l-overflow-clip {
    overflow: clip;
  }

  .l-overflow-visible {
    overflow: visible;
  }

  .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;
  }

  .l-overflow-x-clip {
    overflow-x: clip;
  }

  .l-overflow-x-visible {
    overflow-x: visible;
  }

  .l-overflow-y-clip {
    overflow-y: clip;
  }

  .l-overflow-y-visible {
    overflow-y: visible;
  }

  .l-opacity-0 {
    opacity: 0;
  }

  .l-opacity-10 {
    opacity: .1;
  }

  .l-opacity-20 {
    opacity: .2;
  }

  .l-opacity-30 {
    opacity: .3;
  }

  .l-opacity-40 {
    opacity: .4;
  }

  .l-opacity-50 {
    opacity: .5;
  }

  .l-opacity-60 {
    opacity: .6;
  }

  .l-opacity-70 {
    opacity: .7;
  }

  .l-opacity-80 {
    opacity: .8;
  }

  .l-opacity-90 {
    opacity: .9;
  }

  .l-opacity-100 {
    opacity: 1;
  }

  .l-z-index--1 {
    z-index: -1;
  }

  .l-z-index-0 {
    z-index: 0;
  }

  .l-z-index-1 {
    z-index: 1;
  }

  .l-z-index-2 {
    z-index: 2;
  }

  .l-z-index-3 {
    z-index: 3;
  }

  .l-z-index-4 {
    z-index: 4;
  }

  .l-z-index-5 {
    z-index: 5;
  }

  .l-z-index-6 {
    z-index: 6;
  }

  .l-z-index-7 {
    z-index: 7;
  }

  .l-z-index-8 {
    z-index: 8;
  }

  .l-z-index-9 {
    z-index: 9;
  }

  .l-z-index-10 {
    z-index: 10;
  }

  .l-transition-micro-short {
    transition: var(--transition-micro-short);
  }

  .l-transition-micro-medium {
    transition: var(--transition-micro-medium);
  }

  .l-transition-micro-long {
    transition: var(--transition-micro-long);
  }

  .l-transition-macro-short {
    transition: var(--transition-macro-short);
  }

  .l-transition-macro-medium {
    transition: var(--transition-macro-medium);
  }

  .l-transition-macro-long {
    transition: var(--transition-macro-long);
  }

  .l-pointer-events-none {
    pointer-events: none;
  }

  .l-pointer-events-auto {
    pointer-events: auto;
  }

  .l-pointer-events-all {
    pointer-events: all;
  }

  .l-scrollbar-minimal::-webkit-scrollbar {
    background: var(--static-transparent);
    width: var(--static-space-4);
    height: var(--static-space-4);
  }

  .l-scrollbar-minimal::-webkit-scrollbar-track {
    background: var(--static-transparent);
  }

  .l-scrollbar-minimal::-webkit-scrollbar-thumb {
    background: var(--neutral-alpha-medium);
    transition: var(--transition-micro-medium);
    border-radius: var(--radius-full);
  }

  .l-scrollbar-minimal::-webkit-scrollbar-thumb:hover {
    background: var(--neutral-alpha-strong);
  }

  .l-scrollbar-minimal::-webkit-scrollbar-corner {
    background-color: var(--static-transparent);
  }
}

@media (max-width: 1024px) {
  .m-overflow-auto {
    overflow: auto;
  }

  .m-overflow-clip {
    overflow: clip;
  }

  .m-overflow-visible {
    overflow: visible;
  }

  .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;
  }

  .m-overflow-x-clip {
    overflow-x: clip;
  }

  .m-overflow-x-visible {
    overflow-x: visible;
  }

  .m-overflow-y-clip {
    overflow-y: clip;
  }

  .m-overflow-y-visible {
    overflow-y: visible;
  }

  .m-opacity-0 {
    opacity: 0;
  }

  .m-opacity-10 {
    opacity: .1;
  }

  .m-opacity-20 {
    opacity: .2;
  }

  .m-opacity-30 {
    opacity: .3;
  }

  .m-opacity-40 {
    opacity: .4;
  }

  .m-opacity-50 {
    opacity: .5;
  }

  .m-opacity-60 {
    opacity: .6;
  }

  .m-opacity-70 {
    opacity: .7;
  }

  .m-opacity-80 {
    opacity: .8;
  }

  .m-opacity-90 {
    opacity: .9;
  }

  .m-opacity-100 {
    opacity: 1;
  }

  .m-z-index--1 {
    z-index: -1;
  }

  .m-z-index-0 {
    z-index: 0;
  }

  .m-z-index-1 {
    z-index: 1;
  }

  .m-z-index-2 {
    z-index: 2;
  }

  .m-z-index-3 {
    z-index: 3;
  }

  .m-z-index-4 {
    z-index: 4;
  }

  .m-z-index-5 {
    z-index: 5;
  }

  .m-z-index-6 {
    z-index: 6;
  }

  .m-z-index-7 {
    z-index: 7;
  }

  .m-z-index-8 {
    z-index: 8;
  }

  .m-z-index-9 {
    z-index: 9;
  }

  .m-z-index-10 {
    z-index: 10;
  }

  .m-transition-micro-short {
    transition: var(--transition-micro-short);
  }

  .m-transition-micro-medium {
    transition: var(--transition-micro-medium);
  }

  .m-transition-micro-long {
    transition: var(--transition-micro-long);
  }

  .m-transition-macro-short {
    transition: var(--transition-macro-short);
  }

  .m-transition-macro-medium {
    transition: var(--transition-macro-medium);
  }

  .m-transition-macro-long {
    transition: var(--transition-macro-long);
  }

  .m-pointer-events-none {
    pointer-events: none;
  }

  .m-pointer-events-auto {
    pointer-events: auto;
  }

  .m-pointer-events-all {
    pointer-events: all;
  }

  .m-scrollbar-minimal::-webkit-scrollbar {
    background: var(--static-transparent);
    width: var(--static-space-4);
    height: var(--static-space-4);
  }

  .m-scrollbar-minimal::-webkit-scrollbar-track {
    background: var(--static-transparent);
  }

  .m-scrollbar-minimal::-webkit-scrollbar-thumb {
    background: var(--neutral-alpha-medium);
    transition: var(--transition-micro-medium);
    border-radius: var(--radius-full);
  }

  .m-scrollbar-minimal::-webkit-scrollbar-thumb:hover {
    background: var(--neutral-alpha-strong);
  }

  .m-scrollbar-minimal::-webkit-scrollbar-corner {
    background-color: var(--static-transparent);
  }
}

@media (max-width: 768px) {
  .s-overflow-auto {
    overflow: auto;
  }

  .s-overflow-clip {
    overflow: clip;
  }

  .s-overflow-visible {
    overflow: visible;
  }

  .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;
  }

  .s-overflow-x-clip {
    overflow-x: clip;
  }

  .s-overflow-x-visible {
    overflow-x: visible;
  }

  .s-overflow-y-clip {
    overflow-y: clip;
  }

  .s-overflow-y-visible {
    overflow-y: visible;
  }

  .s-opacity-0 {
    opacity: 0;
  }

  .s-opacity-10 {
    opacity: .1;
  }

  .s-opacity-20 {
    opacity: .2;
  }

  .s-opacity-30 {
    opacity: .3;
  }

  .s-opacity-40 {
    opacity: .4;
  }

  .s-opacity-50 {
    opacity: .5;
  }

  .s-opacity-60 {
    opacity: .6;
  }

  .s-opacity-70 {
    opacity: .7;
  }

  .s-opacity-80 {
    opacity: .8;
  }

  .s-opacity-90 {
    opacity: .9;
  }

  .s-opacity-100 {
    opacity: 1;
  }

  .s-z-index--1 {
    z-index: -1;
  }

  .s-z-index-0 {
    z-index: 0;
  }

  .s-z-index-1 {
    z-index: 1;
  }

  .s-z-index-2 {
    z-index: 2;
  }

  .s-z-index-3 {
    z-index: 3;
  }

  .s-z-index-4 {
    z-index: 4;
  }

  .s-z-index-5 {
    z-index: 5;
  }

  .s-z-index-6 {
    z-index: 6;
  }

  .s-z-index-7 {
    z-index: 7;
  }

  .s-z-index-8 {
    z-index: 8;
  }

  .s-z-index-9 {
    z-index: 9;
  }

  .s-z-index-10 {
    z-index: 10;
  }

  .s-transition-micro-short {
    transition: var(--transition-micro-short);
  }

  .s-transition-micro-medium {
    transition: var(--transition-micro-medium);
  }

  .s-transition-micro-long {
    transition: var(--transition-micro-long);
  }

  .s-transition-macro-short {
    transition: var(--transition-macro-short);
  }

  .s-transition-macro-medium {
    transition: var(--transition-macro-medium);
  }

  .s-transition-macro-long {
    transition: var(--transition-macro-long);
  }

  .s-pointer-events-none {
    pointer-events: none;
  }

  .s-pointer-events-auto {
    pointer-events: auto;
  }

  .s-pointer-events-all {
    pointer-events: all;
  }

  .s-scrollbar-minimal::-webkit-scrollbar {
    background: var(--static-transparent);
    width: var(--static-space-4);
    height: var(--static-space-4);
  }

  .s-scrollbar-minimal::-webkit-scrollbar-track {
    background: var(--static-transparent);
  }

  .s-scrollbar-minimal::-webkit-scrollbar-thumb {
    background: var(--neutral-alpha-medium);
    transition: var(--transition-micro-medium);
    border-radius: var(--radius-full);
  }

  .s-scrollbar-minimal::-webkit-scrollbar-thumb:hover {
    background: var(--neutral-alpha-strong);
  }

  .s-scrollbar-minimal::-webkit-scrollbar-corner {
    background-color: var(--static-transparent);
  }
}

@media (max-width: 480px) {
  .xs-overflow-auto {
    overflow: auto;
  }

  .xs-overflow-clip {
    overflow: clip;
  }

  .xs-overflow-visible {
    overflow: visible;
  }

  .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;
  }

  .xs-overflow-x-clip {
    overflow-x: clip;
  }

  .xs-overflow-x-visible {
    overflow-x: visible;
  }

  .xs-overflow-y-clip {
    overflow-y: clip;
  }

  .xs-overflow-y-visible {
    overflow-y: visible;
  }

  .xs-opacity-0 {
    opacity: 0;
  }

  .xs-opacity-10 {
    opacity: .1;
  }

  .xs-opacity-20 {
    opacity: .2;
  }

  .xs-opacity-30 {
    opacity: .3;
  }

  .xs-opacity-40 {
    opacity: .4;
  }

  .xs-opacity-50 {
    opacity: .5;
  }

  .xs-opacity-60 {
    opacity: .6;
  }

  .xs-opacity-70 {
    opacity: .7;
  }

  .xs-opacity-80 {
    opacity: .8;
  }

  .xs-opacity-90 {
    opacity: .9;
  }

  .xs-opacity-100 {
    opacity: 1;
  }

  .xs-z-index--1 {
    z-index: -1;
  }

  .xs-z-index-0 {
    z-index: 0;
  }

  .xs-z-index-1 {
    z-index: 1;
  }

  .xs-z-index-2 {
    z-index: 2;
  }

  .xs-z-index-3 {
    z-index: 3;
  }

  .xs-z-index-4 {
    z-index: 4;
  }

  .xs-z-index-5 {
    z-index: 5;
  }

  .xs-z-index-6 {
    z-index: 6;
  }

  .xs-z-index-7 {
    z-index: 7;
  }

  .xs-z-index-8 {
    z-index: 8;
  }

  .xs-z-index-9 {
    z-index: 9;
  }

  .xs-z-index-10 {
    z-index: 10;
  }

  .xs-transition-micro-short {
    transition: var(--transition-micro-short);
  }

  .xs-transition-micro-medium {
    transition: var(--transition-micro-medium);
  }

  .xs-transition-micro-long {
    transition: var(--transition-micro-long);
  }

  .xs-transition-macro-short {
    transition: var(--transition-macro-short);
  }

  .xs-transition-macro-medium {
    transition: var(--transition-macro-medium);
  }

  .xs-transition-macro-long {
    transition: var(--transition-macro-long);
  }

  .xs-pointer-events-none {
    pointer-events: none;
  }

  .xs-pointer-events-auto {
    pointer-events: auto;
  }

  .xs-pointer-events-all {
    pointer-events: all;
  }

  .xs-scrollbar-minimal::-webkit-scrollbar {
    background: var(--static-transparent);
    width: var(--static-space-4);
    height: var(--static-space-4);
  }

  .xs-scrollbar-minimal::-webkit-scrollbar-track {
    background: var(--static-transparent);
  }

  .xs-scrollbar-minimal::-webkit-scrollbar-thumb {
    background: var(--neutral-alpha-medium);
    transition: var(--transition-micro-medium);
    border-radius: var(--radius-full);
  }

  .xs-scrollbar-minimal::-webkit-scrollbar-thumb:hover {
    background: var(--neutral-alpha-strong);
  }

  .xs-scrollbar-minimal::-webkit-scrollbar-corner {
    background-color: var(--static-transparent);
  }
}

.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: var(--cursor-pointer, pointer);
}

.cursor-default {
  cursor: var(--cursor-default, default);
}

.cursor-text {
  cursor: var(--cursor-text, text);
}

.cursor-move {
  cursor: move;
}

.cursor-not-allowed {
  cursor: var(--cursor-disabled, 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;
}

.user-select-none {
  -webkit-user-select: none;
  user-select: none;
}

.user-select-text {
  -webkit-user-select: text;
  user-select: text;
}

.user-select-all {
  -webkit-user-select: all;
  user-select: all;
}

.user-select-auto {
  -webkit-user-select: auto;
  user-select: auto;
}

.blend-mode-normal {
  mix-blend-mode: normal;
}

.blend-mode-multiply {
  mix-blend-mode: multiply;
}

.blend-mode-screen {
  mix-blend-mode: screen;
}

.blend-mode-overlay {
  mix-blend-mode: overlay;
}

.blend-mode-darken {
  mix-blend-mode: darken;
}

.blend-mode-lighten {
  mix-blend-mode: lighten;
}

.blend-mode-color-dodge {
  mix-blend-mode: color-dodge;
}

.blend-mode-color-burn {
  mix-blend-mode: color-burn;
}

.blend-mode-hard-light {
  mix-blend-mode: hard-light;
}

.blend-mode-soft-light {
  mix-blend-mode: soft-light;
}

.blend-mode-difference {
  mix-blend-mode: difference;
}

.blend-mode-exclusion {
  mix-blend-mode: exclusion;
}

.blend-mode-hue {
  mix-blend-mode: hue;
}

.blend-mode-saturation {
  mix-blend-mode: saturation;
}

.blend-mode-color {
  mix-blend-mode: color;
}

.blend-mode-luminosity {
  mix-blend-mode: luminosity;
}

.blend-mode-plus-lighter {
  mix-blend-mode: plus-lighter;
}

.blur-xs {
  filter: blur(var(--static-space-4));
}

.blur-s {
  filter: blur(var(--static-space-8));
}

.blur-m {
  filter: blur(var(--static-space-16));
}

.blur-l {
  filter: blur(var(--static-space-32));
}

.blur-xl {
  filter: blur(var(--static-space-48));
}

.backdrop-blur-xs {
  -webkit-backdrop-filter: blur(var(--static-space-4));
  backdrop-filter: blur(var(--static-space-4));
}

.backdrop-blur-s {
  -webkit-backdrop-filter: blur(var(--static-space-8));
  backdrop-filter: blur(var(--static-space-8));
}

.backdrop-blur-m {
  -webkit-backdrop-filter: blur(var(--static-space-16));
  backdrop-filter: blur(var(--static-space-16));
}

.backdrop-blur-l {
  -webkit-backdrop-filter: blur(var(--static-space-32));
  backdrop-filter: blur(var(--static-space-32));
}

.backdrop-blur-xl {
  -webkit-backdrop-filter: blur(var(--static-space-48));
  backdrop-filter: blur(var(--static-space-48));
}

[data-cursor="soft"] {
  --cursor-default: url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cdefs%3E%3Cfilter id='s' x='-40%25' y='-40%25' width='180%25' height='180%25'%3E%3CfeDropShadow dx='0' dy='1' stdDeviation='1%2E2' flood-color='%23000' flood-opacity='0%2E32'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23s)' fill='%23ffffff' stroke='%23ffffff' stroke-width='2%2E4' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M4%2E6 3%2E2 L23%2E4 10%2E2 Q25 10%2E8 23%2E5 11%2E9 L15%2E9 15%2E9 L11%2E9 23%2E5 Q10%2E8 25 10%2E2 23%2E4 L3%2E2 4%2E6 Q2%2E8 2%2E8 4%2E6 3%2E2 Z'/%3E%3C/g%3E%3Cg fill='%23121212'%3E%3Cpath d='M4%2E6 3%2E2 L23%2E4 10%2E2 Q25 10%2E8 23%2E5 11%2E9 L15%2E9 15%2E9 L11%2E9 23%2E5 Q10%2E8 25 10%2E2 23%2E4 L3%2E2 4%2E6 Q2%2E8 2%2E8 4%2E6 3%2E2 Z'/%3E%3C/g%3E%3C/svg%3E") 4 4, default;
  --cursor-pointer: url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cdefs%3E%3Cfilter id='s' x='-40%25' y='-40%25' width='180%25' height='180%25'%3E%3CfeDropShadow dx='0' dy='1' stdDeviation='1%2E2' flood-color='%23000' flood-opacity='0%2E32'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23s)' fill='%23ffffff' stroke='%23ffffff' stroke-width='2%2E8' stroke-linejoin='round' stroke-linecap='round'%3E%3Crect x='10%2E2' y='2%2E6' width='4%2E4' height='13%2E4' rx='2%2E2'/%3E%3Crect x='14' y='8%2E4' width='4%2E2' height='8%2E6' rx='2%2E1'/%3E%3Crect x='17%2E6' y='9%2E4' width='4%2E1' height='8' rx='2%2E05'/%3E%3Crect x='21%2E1' y='11' width='3%2E8' height='7' rx='1%2E9'/%3E%3Crect x='8%2E4' y='12%2E6' width='16%2E5' height='12%2E4' rx='5'/%3E%3Crect x='4%2E4' y='11%2E6' width='4%2E2' height='9%2E4' rx='2%2E1' transform='rotate(-38 6%2E5 16%2E3)'/%3E%3C/g%3E%3Cg fill='%23121212'%3E%3Crect x='10%2E2' y='2%2E6' width='4%2E4' height='13%2E4' rx='2%2E2'/%3E%3Crect x='14' y='8%2E4' width='4%2E2' height='8%2E6' rx='2%2E1'/%3E%3Crect x='17%2E6' y='9%2E4' width='4%2E1' height='8' rx='2%2E05'/%3E%3Crect x='21%2E1' y='11' width='3%2E8' height='7' rx='1%2E9'/%3E%3Crect x='8%2E4' y='12%2E6' width='16%2E5' height='12%2E4' rx='5'/%3E%3Crect x='4%2E4' y='11%2E6' width='4%2E2' height='9%2E4' rx='2%2E1' transform='rotate(-38 6%2E5 16%2E3)'/%3E%3C/g%3E%3Cg stroke='%23ffffff' stroke-width='%2E9' stroke-linecap='round'%3E%3Cpath d='M14%2E3 10%2E6 L14%2E3 14%2E2 M17%2E9 11%2E6 L17%2E9 14%2E6 M21%2E4 13 L21%2E4 15%2E4'/%3E%3C/g%3E%3C/svg%3E") 12 3, pointer;
  --cursor-text: url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cdefs%3E%3Cfilter id='s' x='-40%25' y='-40%25' width='180%25' height='180%25'%3E%3CfeDropShadow dx='0' dy='1' stdDeviation='1%2E2' flood-color='%23000' flood-opacity='0%2E32'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23s)' fill='none' stroke='%23ffffff' stroke-width='4%2E6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 5%2E2 L12 5%2E2 Q14 5%2E2 14 7%2E2 Q14 5%2E2 16 5%2E2 L18 5%2E2 M14 7%2E2 L14 20%2E8 M10 22%2E8 L12 22%2E8 Q14 22%2E8 14 20%2E8 Q14 22%2E8 16 22%2E8 L18 22%2E8' fill='none'/%3E%3C/g%3E%3Cg fill='none' stroke='%23121212' stroke-width='1%2E9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 5%2E2 L12 5%2E2 Q14 5%2E2 14 7%2E2 Q14 5%2E2 16 5%2E2 L18 5%2E2 M14 7%2E2 L14 20%2E8 M10 22%2E8 L12 22%2E8 Q14 22%2E8 14 20%2E8 Q14 22%2E8 16 22%2E8 L18 22%2E8' fill='none'/%3E%3C/g%3E%3C/svg%3E") 14 14, text;
  --cursor-disabled: url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cdefs%3E%3Cfilter id='s' x='-40%25' y='-40%25' width='180%25' height='180%25'%3E%3CfeDropShadow dx='0' dy='1' stdDeviation='1%2E2' flood-color='%23000' flood-opacity='0%2E32'/%3E%3C/filter%3E%3C/defs%3E%3Ccircle cx='14' cy='14' r='10%2E3' fill='%23ffffff' filter='url(%23s)'/%3E%3Cg stroke='%23121212' stroke-width='2%2E4' stroke-linecap='round'%3E%3Ccircle cx='14' cy='14' r='7%2E6' fill='none'/%3E%3Cpath d='M8%2E7 19%2E3 L19%2E3 8%2E7' fill='none'/%3E%3C/g%3E%3C/svg%3E") 14 14, not-allowed;
  --cursor-interactive: var(--cursor-pointer);
}

[data-cursor="rounded"], [data-cursor="rounded"] [data-theme="light"] {
  --cursor-default: url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cdefs%3E%3Cfilter id='s' x='-40%25' y='-40%25' width='180%25' height='180%25'%3E%3CfeDropShadow dx='0' dy='1' stdDeviation='1%2E2' flood-color='%23000' flood-opacity='0%2E22'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23s)' fill='%23ffffff' stroke='%23ffffff' stroke-width='2%2E4' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M6 3%2E4 Q4%2E8 2%2E6 4%2E8 4%2E1 L4%2E8 20%2E4 Q4%2E8 22 6%2E1 21 L9%2E9 17%2E8 L12%2E6 24 Q13%2E2 25%2E2 14%2E4 24%2E7 L16%2E1 23%2E9 Q17%2E2 23%2E3 16%2E7 22%2E2 L14%2E1 16%2E3 L19%2E2 16%2E1 Q20%2E8 15%2E9 19%2E6 14%2E9 Z'/%3E%3C/g%3E%3Cg fill='%232a2826'%3E%3Cpath d='M6 3%2E4 Q4%2E8 2%2E6 4%2E8 4%2E1 L4%2E8 20%2E4 Q4%2E8 22 6%2E1 21 L9%2E9 17%2E8 L12%2E6 24 Q13%2E2 25%2E2 14%2E4 24%2E7 L16%2E1 23%2E9 Q17%2E2 23%2E3 16%2E7 22%2E2 L14%2E1 16%2E3 L19%2E2 16%2E1 Q20%2E8 15%2E9 19%2E6 14%2E9 Z'/%3E%3C/g%3E%3C/svg%3E") 5 3, default;
  --cursor-pointer: url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cdefs%3E%3Cfilter id='s' x='-40%25' y='-40%25' width='180%25' height='180%25'%3E%3CfeDropShadow dx='0' dy='1' stdDeviation='1%2E2' flood-color='%23000' flood-opacity='0%2E22'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23s)' fill='%23ffffff' stroke='%23ffffff' stroke-width='2%2E8' stroke-linejoin='round' stroke-linecap='round'%3E%3Crect x='10%2E2' y='2%2E6' width='4%2E4' height='13%2E4' rx='2%2E2'/%3E%3Crect x='14' y='8%2E4' width='4%2E2' height='8%2E6' rx='2%2E1'/%3E%3Crect x='17%2E6' y='9%2E4' width='4%2E1' height='8' rx='2%2E05'/%3E%3Crect x='21%2E1' y='11' width='3%2E8' height='7' rx='1%2E9'/%3E%3Crect x='8%2E4' y='12%2E6' width='16%2E5' height='12%2E4' rx='5'/%3E%3Crect x='4%2E4' y='11%2E6' width='4%2E2' height='9%2E4' rx='2%2E1' transform='rotate(-38 6%2E5 16%2E3)'/%3E%3C/g%3E%3Cg fill='%232a2826'%3E%3Crect x='10%2E2' y='2%2E6' width='4%2E4' height='13%2E4' rx='2%2E2'/%3E%3Crect x='14' y='8%2E4' width='4%2E2' height='8%2E6' rx='2%2E1'/%3E%3Crect x='17%2E6' y='9%2E4' width='4%2E1' height='8' rx='2%2E05'/%3E%3Crect x='21%2E1' y='11' width='3%2E8' height='7' rx='1%2E9'/%3E%3Crect x='8%2E4' y='12%2E6' width='16%2E5' height='12%2E4' rx='5'/%3E%3Crect x='4%2E4' y='11%2E6' width='4%2E2' height='9%2E4' rx='2%2E1' transform='rotate(-38 6%2E5 16%2E3)'/%3E%3C/g%3E%3Cg stroke='%23ffffff' stroke-width='%2E9' stroke-linecap='round'%3E%3Cpath d='M14%2E3 10%2E6 L14%2E3 14%2E2 M17%2E9 11%2E6 L17%2E9 14%2E6 M21%2E4 13 L21%2E4 15%2E4'/%3E%3C/g%3E%3C/svg%3E") 12 3, pointer;
  --cursor-text: url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cdefs%3E%3Cfilter id='s' x='-40%25' y='-40%25' width='180%25' height='180%25'%3E%3CfeDropShadow dx='0' dy='1' stdDeviation='1%2E2' flood-color='%23000' flood-opacity='0%2E22'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23s)' fill='none' stroke='%23ffffff' stroke-width='4%2E6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 5%2E2 L12 5%2E2 Q14 5%2E2 14 7%2E2 Q14 5%2E2 16 5%2E2 L18 5%2E2 M14 7%2E2 L14 20%2E8 M10 22%2E8 L12 22%2E8 Q14 22%2E8 14 20%2E8 Q14 22%2E8 16 22%2E8 L18 22%2E8' fill='none'/%3E%3C/g%3E%3Cg fill='none' stroke='%232a2826' stroke-width='1%2E9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 5%2E2 L12 5%2E2 Q14 5%2E2 14 7%2E2 Q14 5%2E2 16 5%2E2 L18 5%2E2 M14 7%2E2 L14 20%2E8 M10 22%2E8 L12 22%2E8 Q14 22%2E8 14 20%2E8 Q14 22%2E8 16 22%2E8 L18 22%2E8' fill='none'/%3E%3C/g%3E%3C/svg%3E") 14 14, text;
  --cursor-disabled: url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cdefs%3E%3Cfilter id='s' x='-40%25' y='-40%25' width='180%25' height='180%25'%3E%3CfeDropShadow dx='0' dy='1' stdDeviation='1%2E2' flood-color='%23000' flood-opacity='0%2E22'/%3E%3C/filter%3E%3C/defs%3E%3Ccircle cx='14' cy='14' r='10%2E3' fill='%23ffffff' filter='url(%23s)'/%3E%3Cg stroke='%232a2826' stroke-width='2%2E4' stroke-linecap='round'%3E%3Ccircle cx='14' cy='14' r='7%2E6' fill='none'/%3E%3Cpath d='M8%2E7 19%2E3 L19%2E3 8%2E7' fill='none'/%3E%3C/g%3E%3C/svg%3E") 14 14, not-allowed;
  --cursor-interactive: var(--cursor-pointer);
}

[data-theme="dark"][data-cursor="rounded"], [data-theme="dark"] [data-cursor="rounded"], [data-cursor="rounded"] [data-theme="dark"] {
  --cursor-default: url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cdefs%3E%3Cfilter id='s' x='-40%25' y='-40%25' width='180%25' height='180%25'%3E%3CfeDropShadow dx='0' dy='1' stdDeviation='1%2E2' flood-color='%23000' flood-opacity='0%2E4'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23s)' fill='%231c1b19' stroke='%231c1b19' stroke-width='2%2E4' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M6 3%2E4 Q4%2E8 2%2E6 4%2E8 4%2E1 L4%2E8 20%2E4 Q4%2E8 22 6%2E1 21 L9%2E9 17%2E8 L12%2E6 24 Q13%2E2 25%2E2 14%2E4 24%2E7 L16%2E1 23%2E9 Q17%2E2 23%2E3 16%2E7 22%2E2 L14%2E1 16%2E3 L19%2E2 16%2E1 Q20%2E8 15%2E9 19%2E6 14%2E9 Z'/%3E%3C/g%3E%3Cg fill='%23f6f4ef'%3E%3Cpath d='M6 3%2E4 Q4%2E8 2%2E6 4%2E8 4%2E1 L4%2E8 20%2E4 Q4%2E8 22 6%2E1 21 L9%2E9 17%2E8 L12%2E6 24 Q13%2E2 25%2E2 14%2E4 24%2E7 L16%2E1 23%2E9 Q17%2E2 23%2E3 16%2E7 22%2E2 L14%2E1 16%2E3 L19%2E2 16%2E1 Q20%2E8 15%2E9 19%2E6 14%2E9 Z'/%3E%3C/g%3E%3C/svg%3E") 5 3, default;
  --cursor-pointer: url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cdefs%3E%3Cfilter id='s' x='-40%25' y='-40%25' width='180%25' height='180%25'%3E%3CfeDropShadow dx='0' dy='1' stdDeviation='1%2E2' flood-color='%23000' flood-opacity='0%2E4'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23s)' fill='%231c1b19' stroke='%231c1b19' stroke-width='2%2E8' stroke-linejoin='round' stroke-linecap='round'%3E%3Crect x='10%2E2' y='2%2E6' width='4%2E4' height='13%2E4' rx='2%2E2'/%3E%3Crect x='14' y='8%2E4' width='4%2E2' height='8%2E6' rx='2%2E1'/%3E%3Crect x='17%2E6' y='9%2E4' width='4%2E1' height='8' rx='2%2E05'/%3E%3Crect x='21%2E1' y='11' width='3%2E8' height='7' rx='1%2E9'/%3E%3Crect x='8%2E4' y='12%2E6' width='16%2E5' height='12%2E4' rx='5'/%3E%3Crect x='4%2E4' y='11%2E6' width='4%2E2' height='9%2E4' rx='2%2E1' transform='rotate(-38 6%2E5 16%2E3)'/%3E%3C/g%3E%3Cg fill='%23f6f4ef'%3E%3Crect x='10%2E2' y='2%2E6' width='4%2E4' height='13%2E4' rx='2%2E2'/%3E%3Crect x='14' y='8%2E4' width='4%2E2' height='8%2E6' rx='2%2E1'/%3E%3Crect x='17%2E6' y='9%2E4' width='4%2E1' height='8' rx='2%2E05'/%3E%3Crect x='21%2E1' y='11' width='3%2E8' height='7' rx='1%2E9'/%3E%3Crect x='8%2E4' y='12%2E6' width='16%2E5' height='12%2E4' rx='5'/%3E%3Crect x='4%2E4' y='11%2E6' width='4%2E2' height='9%2E4' rx='2%2E1' transform='rotate(-38 6%2E5 16%2E3)'/%3E%3C/g%3E%3Cg stroke='%231c1b19' stroke-width='%2E9' stroke-linecap='round'%3E%3Cpath d='M14%2E3 10%2E6 L14%2E3 14%2E2 M17%2E9 11%2E6 L17%2E9 14%2E6 M21%2E4 13 L21%2E4 15%2E4'/%3E%3C/g%3E%3C/svg%3E") 12 3, pointer;
  --cursor-text: url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cdefs%3E%3Cfilter id='s' x='-40%25' y='-40%25' width='180%25' height='180%25'%3E%3CfeDropShadow dx='0' dy='1' stdDeviation='1%2E2' flood-color='%23000' flood-opacity='0%2E4'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23s)' fill='none' stroke='%231c1b19' stroke-width='4%2E6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 5%2E2 L12 5%2E2 Q14 5%2E2 14 7%2E2 Q14 5%2E2 16 5%2E2 L18 5%2E2 M14 7%2E2 L14 20%2E8 M10 22%2E8 L12 22%2E8 Q14 22%2E8 14 20%2E8 Q14 22%2E8 16 22%2E8 L18 22%2E8' fill='none'/%3E%3C/g%3E%3Cg fill='none' stroke='%23f6f4ef' stroke-width='1%2E9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 5%2E2 L12 5%2E2 Q14 5%2E2 14 7%2E2 Q14 5%2E2 16 5%2E2 L18 5%2E2 M14 7%2E2 L14 20%2E8 M10 22%2E8 L12 22%2E8 Q14 22%2E8 14 20%2E8 Q14 22%2E8 16 22%2E8 L18 22%2E8' fill='none'/%3E%3C/g%3E%3C/svg%3E") 14 14, text;
  --cursor-disabled: url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cdefs%3E%3Cfilter id='s' x='-40%25' y='-40%25' width='180%25' height='180%25'%3E%3CfeDropShadow dx='0' dy='1' stdDeviation='1%2E2' flood-color='%23000' flood-opacity='0%2E4'/%3E%3C/filter%3E%3C/defs%3E%3Ccircle cx='14' cy='14' r='10%2E3' fill='%231c1b19' filter='url(%23s)'/%3E%3Cg stroke='%23f6f4ef' stroke-width='2%2E4' stroke-linecap='round'%3E%3Ccircle cx='14' cy='14' r='7%2E6' fill='none'/%3E%3Cpath d='M8%2E7 19%2E3 L19%2E3 8%2E7' fill='none'/%3E%3C/g%3E%3C/svg%3E") 14 14, not-allowed;
  --cursor-interactive: var(--cursor-pointer);
}

[data-cursor="dot"], [data-cursor="dot"] [data-theme="light"] {
  --cursor-default: url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cdefs%3E%3Cfilter id='s' x='-40%25' y='-40%25' width='180%25' height='180%25'%3E%3CfeDropShadow dx='0' dy='1' stdDeviation='1%2E2' flood-color='%23000' flood-opacity='0%2E25'/%3E%3C/filter%3E%3C/defs%3E%3Ccircle cx='14' cy='14' r='4%2E6' fill='%231a1a1a' stroke='%23ffffff' stroke-width='1%2E6' filter='url(%23s)'/%3E%3C/svg%3E") 14 14, default;
  --cursor-pointer: url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cdefs%3E%3Cfilter id='s' x='-40%25' y='-40%25' width='180%25' height='180%25'%3E%3CfeDropShadow dx='0' dy='1' stdDeviation='1%2E2' flood-color='%23000' flood-opacity='0%2E25'/%3E%3C/filter%3E%3C/defs%3E%3Ccircle cx='14' cy='14' r='10%2E4' fill='none' stroke='%23ffffff' stroke-width='4%2E4' filter='url(%23s)'/%3E%3Ccircle cx='14' cy='14' r='10%2E4' fill='%231a1a1a' fill-opacity='%2E12' stroke='%231a1a1a' stroke-width='1%2E8'/%3E%3Ccircle cx='14' cy='14' r='2%2E4' fill='%231a1a1a' stroke='%23ffffff' stroke-width='1%2E2'/%3E%3C/svg%3E") 14 14, pointer;
  --cursor-text: url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cdefs%3E%3Cfilter id='s' x='-40%25' y='-40%25' width='180%25' height='180%25'%3E%3CfeDropShadow dx='0' dy='1' stdDeviation='1%2E2' flood-color='%23000' flood-opacity='0%2E25'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23s)' fill='none' stroke='%23ffffff' stroke-width='4%2E6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 5%2E2 L12 5%2E2 Q14 5%2E2 14 7%2E2 Q14 5%2E2 16 5%2E2 L18 5%2E2 M14 7%2E2 L14 20%2E8 M10 22%2E8 L12 22%2E8 Q14 22%2E8 14 20%2E8 Q14 22%2E8 16 22%2E8 L18 22%2E8' fill='none'/%3E%3C/g%3E%3Cg fill='none' stroke='%231a1a1a' stroke-width='1%2E9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 5%2E2 L12 5%2E2 Q14 5%2E2 14 7%2E2 Q14 5%2E2 16 5%2E2 L18 5%2E2 M14 7%2E2 L14 20%2E8 M10 22%2E8 L12 22%2E8 Q14 22%2E8 14 20%2E8 Q14 22%2E8 16 22%2E8 L18 22%2E8' fill='none'/%3E%3C/g%3E%3C/svg%3E") 14 14, text;
  --cursor-disabled: url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cdefs%3E%3Cfilter id='s' x='-40%25' y='-40%25' width='180%25' height='180%25'%3E%3CfeDropShadow dx='0' dy='1' stdDeviation='1%2E2' flood-color='%23000' flood-opacity='0%2E25'/%3E%3C/filter%3E%3C/defs%3E%3Ccircle cx='14' cy='14' r='10%2E3' fill='%23ffffff' filter='url(%23s)'/%3E%3Cg stroke='%231a1a1a' stroke-width='2%2E4' stroke-linecap='round'%3E%3Ccircle cx='14' cy='14' r='7%2E6' fill='none'/%3E%3Cpath d='M8%2E7 19%2E3 L19%2E3 8%2E7' fill='none'/%3E%3C/g%3E%3C/svg%3E") 14 14, not-allowed;
  --cursor-interactive: var(--cursor-pointer);
}

[data-theme="dark"][data-cursor="dot"], [data-theme="dark"] [data-cursor="dot"], [data-cursor="dot"] [data-theme="dark"] {
  --cursor-default: url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cdefs%3E%3Cfilter id='s' x='-40%25' y='-40%25' width='180%25' height='180%25'%3E%3CfeDropShadow dx='0' dy='1' stdDeviation='1%2E2' flood-color='%23000' flood-opacity='0%2E45'/%3E%3C/filter%3E%3C/defs%3E%3Ccircle cx='14' cy='14' r='4%2E6' fill='%23f4f4f4' stroke='%23161616' stroke-width='1%2E6' filter='url(%23s)'/%3E%3C/svg%3E") 14 14, default;
  --cursor-pointer: url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cdefs%3E%3Cfilter id='s' x='-40%25' y='-40%25' width='180%25' height='180%25'%3E%3CfeDropShadow dx='0' dy='1' stdDeviation='1%2E2' flood-color='%23000' flood-opacity='0%2E45'/%3E%3C/filter%3E%3C/defs%3E%3Ccircle cx='14' cy='14' r='10%2E4' fill='none' stroke='%23161616' stroke-width='4%2E4' filter='url(%23s)'/%3E%3Ccircle cx='14' cy='14' r='10%2E4' fill='%23f4f4f4' fill-opacity='%2E12' stroke='%23f4f4f4' stroke-width='1%2E8'/%3E%3Ccircle cx='14' cy='14' r='2%2E4' fill='%23f4f4f4' stroke='%23161616' stroke-width='1%2E2'/%3E%3C/svg%3E") 14 14, pointer;
  --cursor-text: url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cdefs%3E%3Cfilter id='s' x='-40%25' y='-40%25' width='180%25' height='180%25'%3E%3CfeDropShadow dx='0' dy='1' stdDeviation='1%2E2' flood-color='%23000' flood-opacity='0%2E45'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23s)' fill='none' stroke='%23161616' stroke-width='4%2E6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 5%2E2 L12 5%2E2 Q14 5%2E2 14 7%2E2 Q14 5%2E2 16 5%2E2 L18 5%2E2 M14 7%2E2 L14 20%2E8 M10 22%2E8 L12 22%2E8 Q14 22%2E8 14 20%2E8 Q14 22%2E8 16 22%2E8 L18 22%2E8' fill='none'/%3E%3C/g%3E%3Cg fill='none' stroke='%23f4f4f4' stroke-width='1%2E9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 5%2E2 L12 5%2E2 Q14 5%2E2 14 7%2E2 Q14 5%2E2 16 5%2E2 L18 5%2E2 M14 7%2E2 L14 20%2E8 M10 22%2E8 L12 22%2E8 Q14 22%2E8 14 20%2E8 Q14 22%2E8 16 22%2E8 L18 22%2E8' fill='none'/%3E%3C/g%3E%3C/svg%3E") 14 14, text;
  --cursor-disabled: url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cdefs%3E%3Cfilter id='s' x='-40%25' y='-40%25' width='180%25' height='180%25'%3E%3CfeDropShadow dx='0' dy='1' stdDeviation='1%2E2' flood-color='%23000' flood-opacity='0%2E45'/%3E%3C/filter%3E%3C/defs%3E%3Ccircle cx='14' cy='14' r='10%2E3' fill='%23161616' filter='url(%23s)'/%3E%3Cg stroke='%23f4f4f4' stroke-width='2%2E4' stroke-linecap='round'%3E%3Ccircle cx='14' cy='14' r='7%2E6' fill='none'/%3E%3Cpath d='M8%2E7 19%2E3 L19%2E3 8%2E7' fill='none'/%3E%3C/g%3E%3C/svg%3E") 14 14, not-allowed;
  --cursor-interactive: var(--cursor-pointer);
}

:where([data-cursor="soft"], [data-cursor="rounded"], [data-cursor="dot"]), :where([data-cursor="rounded"], [data-cursor="dot"]) :where([data-theme]) {
  cursor: var(--cursor-default);
}

[data-cursor="system"] {
  --cursor-default: default;
  --cursor-pointer: pointer;
  --cursor-text: text;
  --cursor-disabled: not-allowed;
  --cursor-interactive: pointer;
}

:where([data-cursor="system"]) {
  cursor: auto;
}

html[data-cursor-interactive="default"]:is([data-cursor="soft"], [data-cursor="rounded"], [data-cursor="dot"], [data-cursor="system"]), html[data-cursor-interactive="default"] :is([data-cursor="soft"], [data-cursor="rounded"], [data-cursor="dot"], [data-cursor="system"]), html[data-cursor-interactive="default"] :is([data-cursor="soft"], [data-cursor="rounded"], [data-cursor="dot"]) [data-theme] {
  --cursor-interactive: var(--cursor-default);
}

[data-cursor-follow] {
  cursor: none;
}

:where([data-cursor="soft"], [data-cursor="rounded"], [data-cursor="dot"], [data-cursor-follow]) :where(a[href], button, select, summary, label[for], [role="button"], [role="link"], [role="tab"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="option"], [role="checkbox"], [role="radio"], [role="switch"], input[type="checkbox"], input[type="radio"], input[type="range"], input[type="file"], input[type="color"], input[type="submit"], input[type="button"], input[type="reset"], input[type="image"]) {
  cursor: var(--cursor-interactive, pointer);
}

:where([data-cursor="soft"], [data-cursor="rounded"], [data-cursor="dot"], [data-cursor-follow]) :where(input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"], [type="color"], [type="submit"], [type="button"], [type="reset"], [type="image"], [type="hidden"]), textarea, [contenteditable]:not([contenteditable="false"])) {
  cursor: var(--cursor-text, text);
}

:where([data-cursor="soft"], [data-cursor="rounded"], [data-cursor="dot"], [data-cursor-follow]) :where(:disabled, [aria-disabled="true"]) {
  cursor: var(--cursor-disabled, not-allowed);
}

.position-relative {
  position: relative;
}

.position-fixed {
  position: fixed;
}

.position-absolute {
  position: absolute;
}

.position-sticky {
  position: sticky;
}

.position-static {
  position: static;
}

.top-0 {
  top: 0;
}

.top-1 {
  top: var(--static-space-1);
}

.top-2 {
  top: var(--static-space-2);
}

.top-4 {
  top: var(--static-space-4);
}

.top-8 {
  top: var(--static-space-8);
}

.top-12 {
  top: var(--static-space-12);
}

.top-16 {
  top: var(--static-space-16);
}

.top-20 {
  top: var(--static-space-20);
}

.top-24 {
  top: var(--static-space-24);
}

.top-32 {
  top: var(--static-space-32);
}

.top-40 {
  top: var(--static-space-40);
}

.top-48 {
  top: var(--static-space-48);
}

.top-56 {
  top: var(--static-space-56);
}

.top-64 {
  top: var(--static-space-64);
}

.top-72 {
  top: var(--static-space-72);
}

.top-80 {
  top: var(--static-space-80);
}

.top-104 {
  top: var(--static-space-104);
}

.top-128 {
  top: var(--static-space-128);
}

.top-160 {
  top: var(--static-space-160);
}

.left-0 {
  left: 0;
}

.left-1 {
  left: var(--static-space-1);
}

.left-2 {
  left: var(--static-space-2);
}

.left-4 {
  left: var(--static-space-4);
}

.left-8 {
  left: var(--static-space-8);
}

.left-12 {
  left: var(--static-space-12);
}

.left-16 {
  left: var(--static-space-16);
}

.left-20 {
  left: var(--static-space-20);
}

.left-24 {
  left: var(--static-space-24);
}

.left-32 {
  left: var(--static-space-32);
}

.left-40 {
  left: var(--static-space-40);
}

.left-48 {
  left: var(--static-space-48);
}

.left-56 {
  left: var(--static-space-56);
}

.left-64 {
  left: var(--static-space-64);
}

.left-72 {
  left: var(--static-space-72);
}

.left-80 {
  left: var(--static-space-80);
}

.left-104 {
  left: var(--static-space-104);
}

.left-128 {
  left: var(--static-space-128);
}

.left-160 {
  left: var(--static-space-160);
}

.bottom-0 {
  bottom: 0;
}

.bottom-1 {
  bottom: var(--static-space-1);
}

.bottom-2 {
  bottom: var(--static-space-2);
}

.bottom-4 {
  bottom: var(--static-space-4);
}

.bottom-8 {
  bottom: var(--static-space-8);
}

.bottom-12 {
  bottom: var(--static-space-12);
}

.bottom-16 {
  bottom: var(--static-space-16);
}

.bottom-20 {
  bottom: var(--static-space-20);
}

.bottom-24 {
  bottom: var(--static-space-24);
}

.bottom-32 {
  bottom: var(--static-space-32);
}

.bottom-40 {
  bottom: var(--static-space-40);
}

.bottom-48 {
  bottom: var(--static-space-48);
}

.bottom-56 {
  bottom: var(--static-space-56);
}

.bottom-64 {
  bottom: var(--static-space-64);
}

.bottom-72 {
  bottom: var(--static-space-72);
}

.bottom-80 {
  bottom: var(--static-space-80);
}

.bottom-104 {
  bottom: var(--static-space-104);
}

.bottom-128 {
  bottom: var(--static-space-128);
}

.bottom-160 {
  bottom: var(--static-space-160);
}

.right-0 {
  right: 0;
}

.right-1 {
  right: var(--static-space-1);
}

.right-2 {
  right: var(--static-space-2);
}

.right-4 {
  right: var(--static-space-4);
}

.right-8 {
  right: var(--static-space-8);
}

.right-12 {
  right: var(--static-space-12);
}

.right-16 {
  right: var(--static-space-16);
}

.right-20 {
  right: var(--static-space-20);
}

.right-24 {
  right: var(--static-space-24);
}

.right-32 {
  right: var(--static-space-32);
}

.right-40 {
  right: var(--static-space-40);
}

.right-48 {
  right: var(--static-space-48);
}

.right-56 {
  right: var(--static-space-56);
}

.right-64 {
  right: var(--static-space-64);
}

.right-72 {
  right: var(--static-space-72);
}

.right-80 {
  right: var(--static-space-80);
}

.right-104 {
  right: var(--static-space-104);
}

.right-128 {
  right: var(--static-space-128);
}

.right-160 {
  right: var(--static-space-160);
}

@media (min-width: 1441px) {
  .xl-position-relative {
    position: relative;
  }

  .xl-position-fixed {
    position: fixed;
  }

  .xl-position-absolute {
    position: absolute;
  }

  .xl-position-sticky {
    position: sticky;
  }

  .xl-position-static {
    position: static;
  }

  .xl-top-0 {
    top: 0;
  }

  .xl-top-1 {
    top: var(--static-space-1);
  }

  .xl-top-2 {
    top: var(--static-space-2);
  }

  .xl-top-4 {
    top: var(--static-space-4);
  }

  .xl-top-8 {
    top: var(--static-space-8);
  }

  .xl-top-12 {
    top: var(--static-space-12);
  }

  .xl-top-16 {
    top: var(--static-space-16);
  }

  .xl-top-20 {
    top: var(--static-space-20);
  }

  .xl-top-24 {
    top: var(--static-space-24);
  }

  .xl-top-32 {
    top: var(--static-space-32);
  }

  .xl-top-40 {
    top: var(--static-space-40);
  }

  .xl-top-48 {
    top: var(--static-space-48);
  }

  .xl-top-56 {
    top: var(--static-space-56);
  }

  .xl-top-64 {
    top: var(--static-space-64);
  }

  .xl-top-72 {
    top: var(--static-space-72);
  }

  .xl-top-80 {
    top: var(--static-space-80);
  }

  .xl-top-104 {
    top: var(--static-space-104);
  }

  .xl-top-128 {
    top: var(--static-space-128);
  }

  .xl-top-160 {
    top: var(--static-space-160);
  }

  .xl-left-0 {
    left: 0;
  }

  .xl-left-1 {
    left: var(--static-space-1);
  }

  .xl-left-2 {
    left: var(--static-space-2);
  }

  .xl-left-4 {
    left: var(--static-space-4);
  }

  .xl-left-8 {
    left: var(--static-space-8);
  }

  .xl-left-12 {
    left: var(--static-space-12);
  }

  .xl-left-16 {
    left: var(--static-space-16);
  }

  .xl-left-20 {
    left: var(--static-space-20);
  }

  .xl-left-24 {
    left: var(--static-space-24);
  }

  .xl-left-32 {
    left: var(--static-space-32);
  }

  .xl-left-40 {
    left: var(--static-space-40);
  }

  .xl-left-48 {
    left: var(--static-space-48);
  }

  .xl-left-56 {
    left: var(--static-space-56);
  }

  .xl-left-64 {
    left: var(--static-space-64);
  }

  .xl-left-72 {
    left: var(--static-space-72);
  }

  .xl-left-80 {
    left: var(--static-space-80);
  }

  .xl-left-104 {
    left: var(--static-space-104);
  }

  .xl-left-128 {
    left: var(--static-space-128);
  }

  .xl-left-160 {
    left: var(--static-space-160);
  }

  .xl-bottom-0 {
    bottom: 0;
  }

  .xl-bottom-1 {
    bottom: var(--static-space-1);
  }

  .xl-bottom-2 {
    bottom: var(--static-space-2);
  }

  .xl-bottom-4 {
    bottom: var(--static-space-4);
  }

  .xl-bottom-8 {
    bottom: var(--static-space-8);
  }

  .xl-bottom-12 {
    bottom: var(--static-space-12);
  }

  .xl-bottom-16 {
    bottom: var(--static-space-16);
  }

  .xl-bottom-20 {
    bottom: var(--static-space-20);
  }

  .xl-bottom-24 {
    bottom: var(--static-space-24);
  }

  .xl-bottom-32 {
    bottom: var(--static-space-32);
  }

  .xl-bottom-40 {
    bottom: var(--static-space-40);
  }

  .xl-bottom-48 {
    bottom: var(--static-space-48);
  }

  .xl-bottom-56 {
    bottom: var(--static-space-56);
  }

  .xl-bottom-64 {
    bottom: var(--static-space-64);
  }

  .xl-bottom-72 {
    bottom: var(--static-space-72);
  }

  .xl-bottom-80 {
    bottom: var(--static-space-80);
  }

  .xl-bottom-104 {
    bottom: var(--static-space-104);
  }

  .xl-bottom-128 {
    bottom: var(--static-space-128);
  }

  .xl-bottom-160 {
    bottom: var(--static-space-160);
  }

  .xl-right-0 {
    right: 0;
  }

  .xl-right-1 {
    right: var(--static-space-1);
  }

  .xl-right-2 {
    right: var(--static-space-2);
  }

  .xl-right-4 {
    right: var(--static-space-4);
  }

  .xl-right-8 {
    right: var(--static-space-8);
  }

  .xl-right-12 {
    right: var(--static-space-12);
  }

  .xl-right-16 {
    right: var(--static-space-16);
  }

  .xl-right-20 {
    right: var(--static-space-20);
  }

  .xl-right-24 {
    right: var(--static-space-24);
  }

  .xl-right-32 {
    right: var(--static-space-32);
  }

  .xl-right-40 {
    right: var(--static-space-40);
  }

  .xl-right-48 {
    right: var(--static-space-48);
  }

  .xl-right-56 {
    right: var(--static-space-56);
  }

  .xl-right-64 {
    right: var(--static-space-64);
  }

  .xl-right-72 {
    right: var(--static-space-72);
  }

  .xl-right-80 {
    right: var(--static-space-80);
  }

  .xl-right-104 {
    right: var(--static-space-104);
  }

  .xl-right-128 {
    right: var(--static-space-128);
  }

  .xl-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-top-1 {
    top: var(--static-space-1);
  }

  .l-top-2 {
    top: var(--static-space-2);
  }

  .l-top-4 {
    top: var(--static-space-4);
  }

  .l-top-8 {
    top: var(--static-space-8);
  }

  .l-top-12 {
    top: var(--static-space-12);
  }

  .l-top-16 {
    top: var(--static-space-16);
  }

  .l-top-20 {
    top: var(--static-space-20);
  }

  .l-top-24 {
    top: var(--static-space-24);
  }

  .l-top-32 {
    top: var(--static-space-32);
  }

  .l-top-40 {
    top: var(--static-space-40);
  }

  .l-top-48 {
    top: var(--static-space-48);
  }

  .l-top-56 {
    top: var(--static-space-56);
  }

  .l-top-64 {
    top: var(--static-space-64);
  }

  .l-top-72 {
    top: var(--static-space-72);
  }

  .l-top-80 {
    top: var(--static-space-80);
  }

  .l-top-104 {
    top: var(--static-space-104);
  }

  .l-top-128 {
    top: var(--static-space-128);
  }

  .l-top-160 {
    top: var(--static-space-160);
  }

  .l-left-0 {
    left: 0;
  }

  .l-left-1 {
    left: var(--static-space-1);
  }

  .l-left-2 {
    left: var(--static-space-2);
  }

  .l-left-4 {
    left: var(--static-space-4);
  }

  .l-left-8 {
    left: var(--static-space-8);
  }

  .l-left-12 {
    left: var(--static-space-12);
  }

  .l-left-16 {
    left: var(--static-space-16);
  }

  .l-left-20 {
    left: var(--static-space-20);
  }

  .l-left-24 {
    left: var(--static-space-24);
  }

  .l-left-32 {
    left: var(--static-space-32);
  }

  .l-left-40 {
    left: var(--static-space-40);
  }

  .l-left-48 {
    left: var(--static-space-48);
  }

  .l-left-56 {
    left: var(--static-space-56);
  }

  .l-left-64 {
    left: var(--static-space-64);
  }

  .l-left-72 {
    left: var(--static-space-72);
  }

  .l-left-80 {
    left: var(--static-space-80);
  }

  .l-left-104 {
    left: var(--static-space-104);
  }

  .l-left-128 {
    left: var(--static-space-128);
  }

  .l-left-160 {
    left: var(--static-space-160);
  }

  .l-bottom-0 {
    bottom: 0;
  }

  .l-bottom-1 {
    bottom: var(--static-space-1);
  }

  .l-bottom-2 {
    bottom: var(--static-space-2);
  }

  .l-bottom-4 {
    bottom: var(--static-space-4);
  }

  .l-bottom-8 {
    bottom: var(--static-space-8);
  }

  .l-bottom-12 {
    bottom: var(--static-space-12);
  }

  .l-bottom-16 {
    bottom: var(--static-space-16);
  }

  .l-bottom-20 {
    bottom: var(--static-space-20);
  }

  .l-bottom-24 {
    bottom: var(--static-space-24);
  }

  .l-bottom-32 {
    bottom: var(--static-space-32);
  }

  .l-bottom-40 {
    bottom: var(--static-space-40);
  }

  .l-bottom-48 {
    bottom: var(--static-space-48);
  }

  .l-bottom-56 {
    bottom: var(--static-space-56);
  }

  .l-bottom-64 {
    bottom: var(--static-space-64);
  }

  .l-bottom-72 {
    bottom: var(--static-space-72);
  }

  .l-bottom-80 {
    bottom: var(--static-space-80);
  }

  .l-bottom-104 {
    bottom: var(--static-space-104);
  }

  .l-bottom-128 {
    bottom: var(--static-space-128);
  }

  .l-bottom-160 {
    bottom: var(--static-space-160);
  }

  .l-right-0 {
    right: 0;
  }

  .l-right-1 {
    right: var(--static-space-1);
  }

  .l-right-2 {
    right: var(--static-space-2);
  }

  .l-right-4 {
    right: var(--static-space-4);
  }

  .l-right-8 {
    right: var(--static-space-8);
  }

  .l-right-12 {
    right: var(--static-space-12);
  }

  .l-right-16 {
    right: var(--static-space-16);
  }

  .l-right-20 {
    right: var(--static-space-20);
  }

  .l-right-24 {
    right: var(--static-space-24);
  }

  .l-right-32 {
    right: var(--static-space-32);
  }

  .l-right-40 {
    right: var(--static-space-40);
  }

  .l-right-48 {
    right: var(--static-space-48);
  }

  .l-right-56 {
    right: var(--static-space-56);
  }

  .l-right-64 {
    right: var(--static-space-64);
  }

  .l-right-72 {
    right: var(--static-space-72);
  }

  .l-right-80 {
    right: var(--static-space-80);
  }

  .l-right-104 {
    right: var(--static-space-104);
  }

  .l-right-128 {
    right: var(--static-space-128);
  }

  .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-top-1 {
    top: var(--static-space-1);
  }

  .m-top-2 {
    top: var(--static-space-2);
  }

  .m-top-4 {
    top: var(--static-space-4);
  }

  .m-top-8 {
    top: var(--static-space-8);
  }

  .m-top-12 {
    top: var(--static-space-12);
  }

  .m-top-16 {
    top: var(--static-space-16);
  }

  .m-top-20 {
    top: var(--static-space-20);
  }

  .m-top-24 {
    top: var(--static-space-24);
  }

  .m-top-32 {
    top: var(--static-space-32);
  }

  .m-top-40 {
    top: var(--static-space-40);
  }

  .m-top-48 {
    top: var(--static-space-48);
  }

  .m-top-56 {
    top: var(--static-space-56);
  }

  .m-top-64 {
    top: var(--static-space-64);
  }

  .m-top-72 {
    top: var(--static-space-72);
  }

  .m-top-80 {
    top: var(--static-space-80);
  }

  .m-top-104 {
    top: var(--static-space-104);
  }

  .m-top-128 {
    top: var(--static-space-128);
  }

  .m-top-160 {
    top: var(--static-space-160);
  }

  .m-left-0 {
    left: 0;
  }

  .m-left-1 {
    left: var(--static-space-1);
  }

  .m-left-2 {
    left: var(--static-space-2);
  }

  .m-left-4 {
    left: var(--static-space-4);
  }

  .m-left-8 {
    left: var(--static-space-8);
  }

  .m-left-12 {
    left: var(--static-space-12);
  }

  .m-left-16 {
    left: var(--static-space-16);
  }

  .m-left-20 {
    left: var(--static-space-20);
  }

  .m-left-24 {
    left: var(--static-space-24);
  }

  .m-left-32 {
    left: var(--static-space-32);
  }

  .m-left-40 {
    left: var(--static-space-40);
  }

  .m-left-48 {
    left: var(--static-space-48);
  }

  .m-left-56 {
    left: var(--static-space-56);
  }

  .m-left-64 {
    left: var(--static-space-64);
  }

  .m-left-72 {
    left: var(--static-space-72);
  }

  .m-left-80 {
    left: var(--static-space-80);
  }

  .m-left-104 {
    left: var(--static-space-104);
  }

  .m-left-128 {
    left: var(--static-space-128);
  }

  .m-left-160 {
    left: var(--static-space-160);
  }

  .m-bottom-0 {
    bottom: 0;
  }

  .m-bottom-1 {
    bottom: var(--static-space-1);
  }

  .m-bottom-2 {
    bottom: var(--static-space-2);
  }

  .m-bottom-4 {
    bottom: var(--static-space-4);
  }

  .m-bottom-8 {
    bottom: var(--static-space-8);
  }

  .m-bottom-12 {
    bottom: var(--static-space-12);
  }

  .m-bottom-16 {
    bottom: var(--static-space-16);
  }

  .m-bottom-20 {
    bottom: var(--static-space-20);
  }

  .m-bottom-24 {
    bottom: var(--static-space-24);
  }

  .m-bottom-32 {
    bottom: var(--static-space-32);
  }

  .m-bottom-40 {
    bottom: var(--static-space-40);
  }

  .m-bottom-48 {
    bottom: var(--static-space-48);
  }

  .m-bottom-56 {
    bottom: var(--static-space-56);
  }

  .m-bottom-64 {
    bottom: var(--static-space-64);
  }

  .m-bottom-72 {
    bottom: var(--static-space-72);
  }

  .m-bottom-80 {
    bottom: var(--static-space-80);
  }

  .m-bottom-104 {
    bottom: var(--static-space-104);
  }

  .m-bottom-128 {
    bottom: var(--static-space-128);
  }

  .m-bottom-160 {
    bottom: var(--static-space-160);
  }

  .m-right-0 {
    right: 0;
  }

  .m-right-1 {
    right: var(--static-space-1);
  }

  .m-right-2 {
    right: var(--static-space-2);
  }

  .m-right-4 {
    right: var(--static-space-4);
  }

  .m-right-8 {
    right: var(--static-space-8);
  }

  .m-right-12 {
    right: var(--static-space-12);
  }

  .m-right-16 {
    right: var(--static-space-16);
  }

  .m-right-20 {
    right: var(--static-space-20);
  }

  .m-right-24 {
    right: var(--static-space-24);
  }

  .m-right-32 {
    right: var(--static-space-32);
  }

  .m-right-40 {
    right: var(--static-space-40);
  }

  .m-right-48 {
    right: var(--static-space-48);
  }

  .m-right-56 {
    right: var(--static-space-56);
  }

  .m-right-64 {
    right: var(--static-space-64);
  }

  .m-right-72 {
    right: var(--static-space-72);
  }

  .m-right-80 {
    right: var(--static-space-80);
  }

  .m-right-104 {
    right: var(--static-space-104);
  }

  .m-right-128 {
    right: var(--static-space-128);
  }

  .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-top-1 {
    top: var(--static-space-1);
  }

  .s-top-2 {
    top: var(--static-space-2);
  }

  .s-top-4 {
    top: var(--static-space-4);
  }

  .s-top-8 {
    top: var(--static-space-8);
  }

  .s-top-12 {
    top: var(--static-space-12);
  }

  .s-top-16 {
    top: var(--static-space-16);
  }

  .s-top-20 {
    top: var(--static-space-20);
  }

  .s-top-24 {
    top: var(--static-space-24);
  }

  .s-top-32 {
    top: var(--static-space-32);
  }

  .s-top-40 {
    top: var(--static-space-40);
  }

  .s-top-48 {
    top: var(--static-space-48);
  }

  .s-top-56 {
    top: var(--static-space-56);
  }

  .s-top-64 {
    top: var(--static-space-64);
  }

  .s-top-72 {
    top: var(--static-space-72);
  }

  .s-top-80 {
    top: var(--static-space-80);
  }

  .s-top-104 {
    top: var(--static-space-104);
  }

  .s-top-128 {
    top: var(--static-space-128);
  }

  .s-top-160 {
    top: var(--static-space-160);
  }

  .s-left-0 {
    left: 0;
  }

  .s-left-1 {
    left: var(--static-space-1);
  }

  .s-left-2 {
    left: var(--static-space-2);
  }

  .s-left-4 {
    left: var(--static-space-4);
  }

  .s-left-8 {
    left: var(--static-space-8);
  }

  .s-left-12 {
    left: var(--static-space-12);
  }

  .s-left-16 {
    left: var(--static-space-16);
  }

  .s-left-20 {
    left: var(--static-space-20);
  }

  .s-left-24 {
    left: var(--static-space-24);
  }

  .s-left-32 {
    left: var(--static-space-32);
  }

  .s-left-40 {
    left: var(--static-space-40);
  }

  .s-left-48 {
    left: var(--static-space-48);
  }

  .s-left-56 {
    left: var(--static-space-56);
  }

  .s-left-64 {
    left: var(--static-space-64);
  }

  .s-left-72 {
    left: var(--static-space-72);
  }

  .s-left-80 {
    left: var(--static-space-80);
  }

  .s-left-104 {
    left: var(--static-space-104);
  }

  .s-left-128 {
    left: var(--static-space-128);
  }

  .s-left-160 {
    left: var(--static-space-160);
  }

  .s-bottom-0 {
    bottom: 0;
  }

  .s-bottom-1 {
    bottom: var(--static-space-1);
  }

  .s-bottom-2 {
    bottom: var(--static-space-2);
  }

  .s-bottom-4 {
    bottom: var(--static-space-4);
  }

  .s-bottom-8 {
    bottom: var(--static-space-8);
  }

  .s-bottom-12 {
    bottom: var(--static-space-12);
  }

  .s-bottom-16 {
    bottom: var(--static-space-16);
  }

  .s-bottom-20 {
    bottom: var(--static-space-20);
  }

  .s-bottom-24 {
    bottom: var(--static-space-24);
  }

  .s-bottom-32 {
    bottom: var(--static-space-32);
  }

  .s-bottom-40 {
    bottom: var(--static-space-40);
  }

  .s-bottom-48 {
    bottom: var(--static-space-48);
  }

  .s-bottom-56 {
    bottom: var(--static-space-56);
  }

  .s-bottom-64 {
    bottom: var(--static-space-64);
  }

  .s-bottom-72 {
    bottom: var(--static-space-72);
  }

  .s-bottom-80 {
    bottom: var(--static-space-80);
  }

  .s-bottom-104 {
    bottom: var(--static-space-104);
  }

  .s-bottom-128 {
    bottom: var(--static-space-128);
  }

  .s-bottom-160 {
    bottom: var(--static-space-160);
  }

  .s-right-0 {
    right: 0;
  }

  .s-right-1 {
    right: var(--static-space-1);
  }

  .s-right-2 {
    right: var(--static-space-2);
  }

  .s-right-4 {
    right: var(--static-space-4);
  }

  .s-right-8 {
    right: var(--static-space-8);
  }

  .s-right-12 {
    right: var(--static-space-12);
  }

  .s-right-16 {
    right: var(--static-space-16);
  }

  .s-right-20 {
    right: var(--static-space-20);
  }

  .s-right-24 {
    right: var(--static-space-24);
  }

  .s-right-32 {
    right: var(--static-space-32);
  }

  .s-right-40 {
    right: var(--static-space-40);
  }

  .s-right-48 {
    right: var(--static-space-48);
  }

  .s-right-56 {
    right: var(--static-space-56);
  }

  .s-right-64 {
    right: var(--static-space-64);
  }

  .s-right-72 {
    right: var(--static-space-72);
  }

  .s-right-80 {
    right: var(--static-space-80);
  }

  .s-right-104 {
    right: var(--static-space-104);
  }

  .s-right-128 {
    right: var(--static-space-128);
  }

  .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-top-1 {
    top: var(--static-space-1);
  }

  .xs-top-2 {
    top: var(--static-space-2);
  }

  .xs-top-4 {
    top: var(--static-space-4);
  }

  .xs-top-8 {
    top: var(--static-space-8);
  }

  .xs-top-12 {
    top: var(--static-space-12);
  }

  .xs-top-16 {
    top: var(--static-space-16);
  }

  .xs-top-20 {
    top: var(--static-space-20);
  }

  .xs-top-24 {
    top: var(--static-space-24);
  }

  .xs-top-32 {
    top: var(--static-space-32);
  }

  .xs-top-40 {
    top: var(--static-space-40);
  }

  .xs-top-48 {
    top: var(--static-space-48);
  }

  .xs-top-56 {
    top: var(--static-space-56);
  }

  .xs-top-64 {
    top: var(--static-space-64);
  }

  .xs-top-72 {
    top: var(--static-space-72);
  }

  .xs-top-80 {
    top: var(--static-space-80);
  }

  .xs-top-104 {
    top: var(--static-space-104);
  }

  .xs-top-128 {
    top: var(--static-space-128);
  }

  .xs-top-160 {
    top: var(--static-space-160);
  }

  .xs-left-0 {
    left: 0;
  }

  .xs-left-1 {
    left: var(--static-space-1);
  }

  .xs-left-2 {
    left: var(--static-space-2);
  }

  .xs-left-4 {
    left: var(--static-space-4);
  }

  .xs-left-8 {
    left: var(--static-space-8);
  }

  .xs-left-12 {
    left: var(--static-space-12);
  }

  .xs-left-16 {
    left: var(--static-space-16);
  }

  .xs-left-20 {
    left: var(--static-space-20);
  }

  .xs-left-24 {
    left: var(--static-space-24);
  }

  .xs-left-32 {
    left: var(--static-space-32);
  }

  .xs-left-40 {
    left: var(--static-space-40);
  }

  .xs-left-48 {
    left: var(--static-space-48);
  }

  .xs-left-56 {
    left: var(--static-space-56);
  }

  .xs-left-64 {
    left: var(--static-space-64);
  }

  .xs-left-72 {
    left: var(--static-space-72);
  }

  .xs-left-80 {
    left: var(--static-space-80);
  }

  .xs-left-104 {
    left: var(--static-space-104);
  }

  .xs-left-128 {
    left: var(--static-space-128);
  }

  .xs-left-160 {
    left: var(--static-space-160);
  }

  .xs-bottom-0 {
    bottom: 0;
  }

  .xs-bottom-1 {
    bottom: var(--static-space-1);
  }

  .xs-bottom-2 {
    bottom: var(--static-space-2);
  }

  .xs-bottom-4 {
    bottom: var(--static-space-4);
  }

  .xs-bottom-8 {
    bottom: var(--static-space-8);
  }

  .xs-bottom-12 {
    bottom: var(--static-space-12);
  }

  .xs-bottom-16 {
    bottom: var(--static-space-16);
  }

  .xs-bottom-20 {
    bottom: var(--static-space-20);
  }

  .xs-bottom-24 {
    bottom: var(--static-space-24);
  }

  .xs-bottom-32 {
    bottom: var(--static-space-32);
  }

  .xs-bottom-40 {
    bottom: var(--static-space-40);
  }

  .xs-bottom-48 {
    bottom: var(--static-space-48);
  }

  .xs-bottom-56 {
    bottom: var(--static-space-56);
  }

  .xs-bottom-64 {
    bottom: var(--static-space-64);
  }

  .xs-bottom-72 {
    bottom: var(--static-space-72);
  }

  .xs-bottom-80 {
    bottom: var(--static-space-80);
  }

  .xs-bottom-104 {
    bottom: var(--static-space-104);
  }

  .xs-bottom-128 {
    bottom: var(--static-space-128);
  }

  .xs-bottom-160 {
    bottom: var(--static-space-160);
  }

  .xs-right-0 {
    right: 0;
  }

  .xs-right-1 {
    right: var(--static-space-1);
  }

  .xs-right-2 {
    right: var(--static-space-2);
  }

  .xs-right-4 {
    right: var(--static-space-4);
  }

  .xs-right-8 {
    right: var(--static-space-8);
  }

  .xs-right-12 {
    right: var(--static-space-12);
  }

  .xs-right-16 {
    right: var(--static-space-16);
  }

  .xs-right-20 {
    right: var(--static-space-20);
  }

  .xs-right-24 {
    right: var(--static-space-24);
  }

  .xs-right-32 {
    right: var(--static-space-32);
  }

  .xs-right-40 {
    right: var(--static-space-40);
  }

  .xs-right-48 {
    right: var(--static-space-48);
  }

  .xs-right-56 {
    right: var(--static-space-56);
  }

  .xs-right-64 {
    right: var(--static-space-64);
  }

  .xs-right-72 {
    right: var(--static-space-72);
  }

  .xs-right-80 {
    right: var(--static-space-80);
  }

  .xs-right-104 {
    right: var(--static-space-104);
  }

  .xs-right-128 {
    right: var(--static-space-128);
  }

  .xs-right-160 {
    right: var(--static-space-160);
  }
}

.display-grid {
  display: grid;
}

.display-inline-grid {
  display: inline-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);
}

.columns-auto-fit {
  grid-template-columns: repeat(auto-fit, minmax(min(var(--grid-min-column-width), 100%), 1fr));
}

.rows-1 {
  grid-template-rows: 1fr;
}

.rows-2 {
  grid-template-rows: repeat(2, 1fr);
}

.rows-3 {
  grid-template-rows: repeat(3, 1fr);
}

.rows-4 {
  grid-template-rows: repeat(4, 1fr);
}

.rows-5 {
  grid-template-rows: repeat(5, 1fr);
}

.rows-6 {
  grid-template-rows: repeat(6, 1fr);
}

.rows-7 {
  grid-template-rows: repeat(7, 1fr);
}

.rows-8 {
  grid-template-rows: repeat(8, 1fr);
}

.rows-9 {
  grid-template-rows: repeat(9, 1fr);
}

.rows-10 {
  grid-template-rows: repeat(10, 1fr);
}

.rows-11 {
  grid-template-rows: repeat(11, 1fr);
}

.rows-12 {
  grid-template-rows: repeat(12, 1fr);
}

.grid-hide {
  display: none;
}

.grid-show {
  display: grid;
}

@media (min-width: 1441px) {
  .xl-columns-1 {
    grid-template-columns: 1fr;
  }

  .xl-columns-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .xl-columns-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .xl-columns-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .xl-columns-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .xl-columns-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .xl-columns-7 {
    grid-template-columns: repeat(7, 1fr);
  }

  .xl-columns-8 {
    grid-template-columns: repeat(8, 1fr);
  }

  .xl-columns-9 {
    grid-template-columns: repeat(9, 1fr);
  }

  .xl-columns-10 {
    grid-template-columns: repeat(10, 1fr);
  }

  .xl-columns-11 {
    grid-template-columns: repeat(11, 1fr);
  }

  .xl-columns-12 {
    grid-template-columns: repeat(12, 1fr);
  }

  .xl-rows-1 {
    grid-template-rows: 1fr;
  }

  .xl-rows-2 {
    grid-template-rows: repeat(2, 1fr);
  }

  .xl-rows-3 {
    grid-template-rows: repeat(3, 1fr);
  }

  .xl-rows-4 {
    grid-template-rows: repeat(4, 1fr);
  }

  .xl-rows-5 {
    grid-template-rows: repeat(5, 1fr);
  }

  .xl-rows-6 {
    grid-template-rows: repeat(6, 1fr);
  }

  .xl-rows-7 {
    grid-template-rows: repeat(7, 1fr);
  }

  .xl-rows-8 {
    grid-template-rows: repeat(8, 1fr);
  }

  .xl-rows-9 {
    grid-template-rows: repeat(9, 1fr);
  }

  .xl-rows-10 {
    grid-template-rows: repeat(10, 1fr);
  }

  .xl-rows-11 {
    grid-template-rows: repeat(11, 1fr);
  }

  .xl-rows-12 {
    grid-template-rows: repeat(12, 1fr);
  }

  .xl-grid-hide {
    display: none;
  }

  .xl-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-rows-1 {
    grid-template-rows: 1fr;
  }

  .l-rows-2 {
    grid-template-rows: repeat(2, 1fr);
  }

  .l-rows-3 {
    grid-template-rows: repeat(3, 1fr);
  }

  .l-rows-4 {
    grid-template-rows: repeat(4, 1fr);
  }

  .l-rows-5 {
    grid-template-rows: repeat(5, 1fr);
  }

  .l-rows-6 {
    grid-template-rows: repeat(6, 1fr);
  }

  .l-rows-7 {
    grid-template-rows: repeat(7, 1fr);
  }

  .l-rows-8 {
    grid-template-rows: repeat(8, 1fr);
  }

  .l-rows-9 {
    grid-template-rows: repeat(9, 1fr);
  }

  .l-rows-10 {
    grid-template-rows: repeat(10, 1fr);
  }

  .l-rows-11 {
    grid-template-rows: repeat(11, 1fr);
  }

  .l-rows-12 {
    grid-template-rows: 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-rows-1 {
    grid-template-rows: 1fr;
  }

  .m-rows-2 {
    grid-template-rows: repeat(2, 1fr);
  }

  .m-rows-3 {
    grid-template-rows: repeat(3, 1fr);
  }

  .m-rows-4 {
    grid-template-rows: repeat(4, 1fr);
  }

  .m-rows-5 {
    grid-template-rows: repeat(5, 1fr);
  }

  .m-rows-6 {
    grid-template-rows: repeat(6, 1fr);
  }

  .m-rows-7 {
    grid-template-rows: repeat(7, 1fr);
  }

  .m-rows-8 {
    grid-template-rows: repeat(8, 1fr);
  }

  .m-rows-9 {
    grid-template-rows: repeat(9, 1fr);
  }

  .m-rows-10 {
    grid-template-rows: repeat(10, 1fr);
  }

  .m-rows-11 {
    grid-template-rows: repeat(11, 1fr);
  }

  .m-rows-12 {
    grid-template-rows: 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-rows-1 {
    grid-template-rows: 1fr;
  }

  .s-rows-2 {
    grid-template-rows: repeat(2, 1fr);
  }

  .s-rows-3 {
    grid-template-rows: repeat(3, 1fr);
  }

  .s-rows-4 {
    grid-template-rows: repeat(4, 1fr);
  }

  .s-rows-5 {
    grid-template-rows: repeat(5, 1fr);
  }

  .s-rows-6 {
    grid-template-rows: repeat(6, 1fr);
  }

  .s-rows-7 {
    grid-template-rows: repeat(7, 1fr);
  }

  .s-rows-8 {
    grid-template-rows: repeat(8, 1fr);
  }

  .s-rows-9 {
    grid-template-rows: repeat(9, 1fr);
  }

  .s-rows-10 {
    grid-template-rows: repeat(10, 1fr);
  }

  .s-rows-11 {
    grid-template-rows: repeat(11, 1fr);
  }

  .s-rows-12 {
    grid-template-rows: 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-rows-1 {
    grid-template-rows: 1fr;
  }

  .xs-rows-2 {
    grid-template-rows: repeat(2, 1fr);
  }

  .xs-rows-3 {
    grid-template-rows: repeat(3, 1fr);
  }

  .xs-rows-4 {
    grid-template-rows: repeat(4, 1fr);
  }

  .xs-rows-5 {
    grid-template-rows: repeat(5, 1fr);
  }

  .xs-rows-6 {
    grid-template-rows: repeat(6, 1fr);
  }

  .xs-rows-7 {
    grid-template-rows: repeat(7, 1fr);
  }

  .xs-rows-8 {
    grid-template-rows: repeat(8, 1fr);
  }

  .xs-rows-9 {
    grid-template-rows: repeat(9, 1fr);
  }

  .xs-rows-10 {
    grid-template-rows: repeat(10, 1fr);
  }

  .xs-rows-11 {
    grid-template-rows: repeat(11, 1fr);
  }

  .xs-rows-12 {
    grid-template-rows: 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;
}

.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-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 (min-width: 1441px) {
  .xl-flex-hide {
    display: none;
  }

  .xl-flex-show {
    display: flex;
  }

  .xl-flex-column {
    flex-direction: column;
  }

  .xl-flex-row {
    flex-direction: row;
  }

  .xl-flex-column-reverse {
    flex-direction: column-reverse;
  }

  .xl-flex-row-reverse {
    flex-direction: row-reverse;
  }

  .xl-justify-start {
    justify-content: flex-start;
  }

  .xl-justify-center {
    justify-content: center;
  }

  .xl-justify-end {
    justify-content: flex-end;
  }

  .xl-justify-between {
    justify-content: space-between;
  }

  .xl-justify-around {
    justify-content: space-around;
  }

  .xl-justify-even {
    justify-content: space-evenly;
  }

  .xl-justify-stretch {
    justify-content: stretch;
  }

  .xl-align-start {
    align-items: flex-start;
  }

  .xl-align-center {
    align-items: center;
  }

  .xl-align-end {
    align-items: flex-end;
  }

  .xl-align-stretch {
    align-items: stretch;
  }

  .xl-center {
    justify-content: center;
    align-items: center;
  }

  .xl-flex-wrap {
    flex-wrap: wrap;
  }

  .xl-flex-nowrap {
    flex-wrap: nowrap;
  }

  .xl-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  .xl-flex-0 {
    flex: 0;
  }

  .xl-flex-1 {
    flex: 1;
  }

  .xl-flex-2 {
    flex: 2;
  }

  .xl-flex-3 {
    flex: 3;
  }

  .xl-flex-4 {
    flex: 4;
  }

  .xl-flex-5 {
    flex: 5;
  }

  .xl-flex-6 {
    flex: 6;
  }

  .xl-flex-7 {
    flex: 7;
  }

  .xl-flex-8 {
    flex: 8;
  }

  .xl-flex-9 {
    flex: 9;
  }

  .xl-flex-10 {
    flex: 10;
  }

  .xl-flex-11 {
    flex: 11;
  }

  .xl-flex-12 {
    flex: 12;
  }
}

@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-stretch {
    align-items: stretch;
  }

  .l-center {
    justify-content: center;
    align-items: center;
  }

  .l-flex-wrap {
    flex-wrap: wrap;
  }

  .l-flex-nowrap {
    flex-wrap: nowrap;
  }

  .l-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  .l-flex-0 {
    flex: 0;
  }

  .l-flex-1 {
    flex: 1;
  }

  .l-flex-2 {
    flex: 2;
  }

  .l-flex-3 {
    flex: 3;
  }

  .l-flex-4 {
    flex: 4;
  }

  .l-flex-5 {
    flex: 5;
  }

  .l-flex-6 {
    flex: 6;
  }

  .l-flex-7 {
    flex: 7;
  }

  .l-flex-8 {
    flex: 8;
  }

  .l-flex-9 {
    flex: 9;
  }

  .l-flex-10 {
    flex: 10;
  }

  .l-flex-11 {
    flex: 11;
  }

  .l-flex-12 {
    flex: 12;
  }
}

@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-stretch {
    align-items: stretch;
  }

  .m-center {
    justify-content: center;
    align-items: center;
  }

  .m-flex-wrap {
    flex-wrap: wrap;
  }

  .m-flex-nowrap {
    flex-wrap: nowrap;
  }

  .m-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  .m-flex-0 {
    flex: 0;
  }

  .m-flex-1 {
    flex: 1;
  }

  .m-flex-2 {
    flex: 2;
  }

  .m-flex-3 {
    flex: 3;
  }

  .m-flex-4 {
    flex: 4;
  }

  .m-flex-5 {
    flex: 5;
  }

  .m-flex-6 {
    flex: 6;
  }

  .m-flex-7 {
    flex: 7;
  }

  .m-flex-8 {
    flex: 8;
  }

  .m-flex-9 {
    flex: 9;
  }

  .m-flex-10 {
    flex: 10;
  }

  .m-flex-11 {
    flex: 11;
  }

  .m-flex-12 {
    flex: 12;
  }
}

@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-stretch {
    align-items: stretch;
  }

  .s-center {
    justify-content: center;
    align-items: center;
  }

  .s-flex-wrap {
    flex-wrap: wrap;
  }

  .s-flex-nowrap {
    flex-wrap: nowrap;
  }

  .s-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  .s-flex-0 {
    flex: 0;
  }

  .s-flex-1 {
    flex: 1;
  }

  .s-flex-2 {
    flex: 2;
  }

  .s-flex-3 {
    flex: 3;
  }

  .s-flex-4 {
    flex: 4;
  }

  .s-flex-5 {
    flex: 5;
  }

  .s-flex-6 {
    flex: 6;
  }

  .s-flex-7 {
    flex: 7;
  }

  .s-flex-8 {
    flex: 8;
  }

  .s-flex-9 {
    flex: 9;
  }

  .s-flex-10 {
    flex: 10;
  }

  .s-flex-11 {
    flex: 11;
  }

  .s-flex-12 {
    flex: 12;
  }
}

@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-stretch {
    align-items: stretch;
  }

  .xs-center {
    justify-content: center;
    align-items: center;
  }

  .xs-flex-wrap {
    flex-wrap: wrap;
  }

  .xs-flex-nowrap {
    flex-wrap: nowrap;
  }

  .xs-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  .xs-flex-0 {
    flex: 0;
  }

  .xs-flex-1 {
    flex: 1;
  }

  .xs-flex-2 {
    flex: 2;
  }

  .xs-flex-3 {
    flex: 3;
  }

  .xs-flex-4 {
    flex: 4;
  }

  .xs-flex-5 {
    flex: 5;
  }

  .xs-flex-6 {
    flex: 6;
  }

  .xs-flex-7 {
    flex: 7;
  }

  .xs-flex-8 {
    flex: 8;
  }

  .xs-flex-9 {
    flex: 9;
  }

  .xs-flex-10 {
    flex: 10;
  }

  .xs-flex-11 {
    flex: 11;
  }

  .xs-flex-12 {
    flex: 12;
  }
}

.text-decoration-none {
  text-decoration: none;
}

.reset-button-styles {
  background: none;
  border: 0;
  outline: 0;
  padding: 0;
}

.focus-ring:focus-visible {
  outline: var(--static-space-2) solid var(--brand-solid-strong);
  outline-offset: 2px;
}

.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;
}

@supports (color: lab(0% 0 0)) {
  :root {
    --scheme-gray-100: lab(2.74243% -.0000149012 0);
    --scheme-gray-200: lab(6.77022% -.00000745058 0);
    --scheme-gray-300: lab(26.6532% 0 0);
    --scheme-gray-400: lab(37.824% -.0000149012 .00000596046);
    --scheme-gray-500: lab(49.2384% 0 0);
    --scheme-gray-600: lab(61.6968% 0 0);
    --scheme-gray-700: lab(72.5776% 0 -.0000119209);
    --scheme-gray-800: lab(84.2008% -.0000298023 0);
    --scheme-gray-900: lab(89.1772% 0 -.0000119209);
    --scheme-gray-1000: lab(93.7476% 0 -.0000119209);
    --scheme-gray-1100: lab(95.8472% 0 0);
    --scheme-gray-1200: lab(97.9236% -.0000298023 .0000119209);
    --scheme-gray-600-15: lab(61.6968% 0 0 / .15);
    --scheme-gray-600-30: lab(61.6968% 0 0 / .3);
    --scheme-gray-600-50: lab(61.6968% 0 0 / .5);
    --scheme-sand-100: lab(2.46371% -.143394 1.61967);
    --scheme-sand-200: lab(7.22855% -.339746 3.21599);
    --scheme-sand-300: lab(27.0128% -.658572 4.44343);
    --scheme-sand-400: lab(38.6771% -.215396 4.34114);
    --scheme-sand-500: lab(50.0547% -.218153 4.1382);
    --scheme-sand-600: lab(61.7109% -.217497 3.97801);
    --scheme-sand-700: lab(73.3211% -.216693 3.8586);
    --scheme-sand-800: lab(84.9075% -.343114 4.22971);
    --scheme-sand-900: lab(89.5238% -.341386 4.1903);
    --scheme-sand-1000: lab(94.3601% -.69055 4.01397);
    --scheme-sand-1100: lab(96.5291% -.337362 4.11222);
    --scheme-sand-1200: lab(98.953% -.335217 4.07345);
    --scheme-sand-600-15: lab(61.7109% -.217497 3.97801 / .15);
    --scheme-sand-600-30: lab(61.7109% -.217497 3.97801 / .3);
    --scheme-sand-600-50: lab(61.7109% -.217497 3.97801 / .5);
    --scheme-slate-100: lab(2.36787% 1.0874 -3.98801);
    --scheme-slate-200: lab(7.11768% 2.11933 -7.01525);
    --scheme-slate-300: lab(26.8758% 1.56574 -6.86544);
    --scheme-slate-400: lab(38.4729% 1.61493 -7.05852);
    --scheme-slate-500: lab(49.8828% 1.67793 -7.28309);
    --scheme-slate-600: lab(62.7193% 1.74269 -7.50614);
    --scheme-slate-700: lab(73.1895% 1.66997 -7.25979);
    --scheme-slate-800: lab(84.8174% 1.75595 -7.55144);
    --scheme-slate-900: lab(89.437% 1.72699 -7.44455);
    --scheme-slate-1000: lab(93.9978% 1.70654 -7.37388);
    --scheme-slate-1100: lab(96.3555% 1.14256 -5.42741);
    --scheme-slate-1200: lab(98.3063% .320911 -2.51933);
    --scheme-slate-600-15: lab(62.7193% 1.74269 -7.50614 / .15);
    --scheme-slate-600-30: lab(62.7193% 1.74269 -7.50614 / .3);
    --scheme-slate-600-50: lab(62.7193% 1.74269 -7.50614 / .5);
    --scheme-mint-100: lab(2.51526% -2.28398 -.389561);
    --scheme-mint-200: lab(7.57446% -5.47814 -.378022);
    --scheme-mint-300: lab(27.1965% -5.83103 -.631374);
    --scheme-mint-400: lab(38.6485% -5.94503 -.766271);
    --scheme-mint-500: lab(49.1866% -5.88316 -.208902);
    --scheme-mint-600: lab(61.9497% -6.00821 -.342965);
    --scheme-mint-700: lab(73.5421% -5.79968 -.345337);
    --scheme-mint-800: lab(85.055% -5.99462 -.462949);
    --scheme-mint-900: lab(89.6693% -5.9256 -.461304);
    --scheme-mint-1000: lab(94.5044% -6.22308 -.577426);
    --scheme-mint-1100: lab(96.6732% -5.85616 -.46196);
    --scheme-mint-1200: lab(98.8416% -5.3398 -.822771);
    --scheme-mint-600-15: lab(61.9497% -6.00821 -.342965 / .15);
    --scheme-mint-600-30: lab(61.9497% -6.00821 -.342965 / .3);
    --scheme-mint-600-50: lab(61.9497% -6.00821 -.342965 / .5);
    --scheme-rose-100: lab(2.40485% 3.39089 1.21355);
    --scheme-rose-200: lab(6.99696% 6.7757 2.44731);
    --scheme-rose-300: lab(27.8388% 6.73909 2.58799);
    --scheme-rose-400: lab(38.2979% 7.22453 2.74696);
    --scheme-rose-500: lab(49.7799% 7.39026 2.1753);
    --scheme-rose-600: lab(62.5519% 6.9119 2.57367);
    --scheme-rose-700: lab(73.1153% 7.04202 2.61233);
    --scheme-rose-800: lab(84.7109% 6.81904 2.51675);
    --scheme-rose-900: lab(90.4677% 7.07671 2.60999);
    --scheme-rose-1000: lab(93.973% 7.0129 2.58288);
    --scheme-rose-1100: lab(96.7915% 4.15292 1.51153);
    --scheme-rose-1200: lab(98.6571% 1.70732 .61543);
    --scheme-rose-600-15: lab(62.5519% 6.9119 2.57367 / .15);
    --scheme-rose-600-30: lab(62.5519% 6.9119 2.57367 / .3);
    --scheme-rose-600-50: lab(62.5519% 6.9119 2.57367 / .5);
    --scheme-dusk-100: lab(2.40555% 2.35106 -1.77525);
    --scheme-dusk-200: lab(6.86326% 4.73505 -3.51633);
    --scheme-dusk-300: lab(26.8247% 4.85846 -3.58797);
    --scheme-dusk-400: lab(38.3931% 4.57147 -3.39494);
    --scheme-dusk-500: lab(49.8844% 4.90844 -3.65202);
    --scheme-dusk-600: lab(62.7023% 4.68069 -3.49196);
    --scheme-dusk-700: lab(73.1726% 4.53809 -3.39179);
    --scheme-dusk-800: lab(84.768% 4.39629 -3.29018);
    --scheme-dusk-900: lab(89.3862% 4.36756 -3.27053);
    --scheme-dusk-1000: lab(94.0639% 4.79084 -3.58549);
    --scheme-dusk-1100: lab(96.1533% 4.76259 -3.56472);
    --scheme-dusk-1200: lab(98.2756% 3.32388 -2.49439);
    --scheme-dusk-600-15: lab(62.7023% 4.68069 -3.49196 / .15);
    --scheme-dusk-600-30: lab(62.7023% 4.68069 -3.49196 / .3);
    --scheme-dusk-600-50: lab(62.7023% 4.68069 -3.49196 / .5);
    --scheme-red-100: lab(2.40598% 4.66998 .837949);
    --scheme-red-200: lab(6.90125% 17.1564 3.7488);
    --scheme-red-300: lab(27.3972% 48.3268 33.3474);
    --scheme-red-400: lab(38.6744% 62.6076 49.5963);
    --scheme-red-500: lab(49.7979% 75.1281 63.2865);
    --scheme-red-600: lab(62.4869% 61.3599 40.901);
    --scheme-red-700: lab(73.3068% 39.3913 24.8384);
    --scheme-red-800: lab(84.6962% 19.2686 12.4447);
    --scheme-red-900: lab(89.3919% 12.6002 7.99403);
    --scheme-red-1000: lab(94.1558% 6.1844 4.40254);
    --scheme-red-1100: lab(95.9779% 3.56901 2.35641);
    --scheme-red-1200: lab(98.215% 1.25051 .978959);
    --scheme-red-600-15: lab(62.4869% 61.3599 40.901 / .15);
    --scheme-red-600-30: lab(62.4869% 61.3599 40.901 / .3);
    --scheme-red-600-50: lab(62.4869% 61.3599 40.901 / .5);
    --scheme-orange-100: lab(2.47896% 3.68064 1.73533);
    --scheme-orange-200: lab(6.85443% 13.4748 6.44605);
    --scheme-orange-300: lab(27.4002% 41.5128 37.5776);
    --scheme-orange-400: lab(38.628% 53.807 52.1396);
    --scheme-orange-500: lab(49.7626% 63.4593 63.0045);
    --scheme-orange-600: lab(62.432% 57.9055 62.9004);
    --scheme-orange-700: lab(73.4524% 35.7617 44.6224);
    --scheme-orange-800: lab(84.8422% 16.3386 25.7882);
    --scheme-orange-900: lab(89.5737% 9.93288 16.6017);
    --scheme-orange-1000: lab(93.9736% 5.11867 8.79288);
    --scheme-orange-1100: lab(96.1009% 2.34634 5.60552);
    --scheme-orange-1200: lab(98.0743% .516951 2.29552);
    --scheme-orange-600-15: lab(62.432% 57.9055 62.9004 / .15);
    --scheme-orange-600-30: lab(62.432% 57.9055 62.9004 / .3);
    --scheme-orange-600-50: lab(62.432% 57.9055 62.9004 / .5);
    --scheme-yellow-100: lab(2.4828% 2.42203 2.11946);
    --scheme-yellow-200: lab(6.8875% 9.35949 6.79555);
    --scheme-yellow-300: lab(27.2152% 26.8108 34.5652);
    --scheme-yellow-400: lab(38.3887% 32.3544 47.2428);
    --scheme-yellow-500: lab(49.6973% 35.3823 58.1662);
    --scheme-yellow-600: lab(62.3196% 35.6904 69.0618);
    --scheme-yellow-700: lab(73.4841% 31.6166 76.5203);
    --scheme-yellow-800: lab(84.9446% 9.46727 64.0552);
    --scheme-yellow-900: lab(89.6608% 2.50646 53.2307);
    --scheme-yellow-1000: lab(94.0058% -2.59244 36.2248);
    --scheme-yellow-1100: lab(96.2202% -2.8424 21.0608);
    --scheme-yellow-1200: lab(98.0423% -1.5533 7.33869);
    --scheme-yellow-600-15: lab(62.3196% 35.6904 69.0618 / .15);
    --scheme-yellow-600-30: lab(62.3196% 35.6904 69.0618 / .3);
    --scheme-yellow-600-50: lab(62.3196% 35.6904 69.0618 / .5);
    --scheme-moss-100: lab(2.72001% -1.553 2.383);
    --scheme-moss-200: lab(6.78943% -4.8473 7.12306);
    --scheme-moss-300: lab(26.8616% -16.8536 29.5874);
    --scheme-moss-400: lab(37.7872% -25.0753 40.2691);
    --scheme-moss-500: lab(49.1149% -34.3724 50.0562);
    --scheme-moss-600: lab(61.8168% -46.0473 61.4827);
    --scheme-moss-700: lab(73.0617% -56.2681 70.0348);
    --scheme-moss-800: lab(84.616% -55.4391 61.0771);
    --scheme-moss-900: lab(89.4771% -44.8368 43.4892);
    --scheme-moss-1000: lab(93.9514% -29.0394 25.2564);
    --scheme-moss-1100: lab(96.051% -16.8754 14.3211);
    --scheme-moss-1200: lab(98.0494% -6.26776 5.16896);
    --scheme-moss-600-15: lab(61.8168% -46.0473 61.4827 / .15);
    --scheme-moss-600-30: lab(61.8168% -46.0473 61.4827 / .3);
    --scheme-moss-600-50: lab(61.8168% -46.0473 61.4827 / .5);
    --scheme-green-100: lab(2.52625% -2.32059 .847316);
    --scheme-green-200: lab(6.68433% -7.34682 2.80603);
    --scheme-green-300: lab(26.7391% -25.9147 13.6058);
    --scheme-green-400: lab(37.827% -35.8476 22.9539);
    --scheme-green-500: lab(48.7445% -45.2797 32.8456);
    --scheme-green-600: lab(61.5582% -56.1272 45.7067);
    --scheme-green-700: lab(72.8762% -65.9308 58.1109);
    --scheme-green-800: lab(84.5582% -60.7302 55.0887);
    --scheme-green-900: lab(89.4809% -47.0026 41.9615);
    --scheme-green-1000: lab(93.9514% -29.0394 25.2564);
    --scheme-green-1100: lab(96.051% -16.8754 14.3211);
    --scheme-green-1200: lab(98.0494% -6.26776 5.16896);
    --scheme-green-600-15: lab(61.5582% -56.1272 45.7067 / .15);
    --scheme-green-600-30: lab(61.5582% -56.1272 45.7067 / .3);
    --scheme-green-600-50: lab(61.5582% -56.1272 45.7067 / .5);
    --scheme-emerald-100: lab(2.57928% -2.00849 -.292054);
    --scheme-emerald-200: lab(6.84514% -6.38993 -.756726);
    --scheme-emerald-300: lab(26.7659% -21.6848 1.65334);
    --scheme-emerald-400: lab(37.6814% -29.4752 4.06992);
    --scheme-emerald-500: lab(48.7791% -37.3038 7.29624);
    --scheme-emerald-600: lab(61.4143% -46.4719 12.5175);
    --scheme-emerald-700: lab(72.5678% -54.6421 17.1124);
    --scheme-emerald-800: lab(84.3466% -52.4776 18.4018);
    --scheme-emerald-900: lab(89.1643% -42.7812 14.077);
    --scheme-emerald-1000: lab(93.808% -28.7596 9.23229);
    --scheme-emerald-1100: lab(95.9551% -14.8984 4.45569);
    --scheme-emerald-1200: lab(98.0285% -6.15993 2.05395);
    --scheme-emerald-600-15: lab(61.4143% -46.4719 12.5175 / .15);
    --scheme-emerald-600-30: lab(61.4143% -46.4719 12.5175 / .3);
    --scheme-emerald-600-50: lab(61.4143% -46.4719 12.5175 / .5);
    --scheme-aqua-100: lab(2.69379% -1.40882 -1.44121);
    --scheme-aqua-200: lab(6.56924% -5.09883 -3.39144);
    --scheme-aqua-300: lab(26.4503% -16.9981 -8.51914);
    --scheme-aqua-400: lab(37.5685% -23.249 -9.50009);
    --scheme-aqua-500: lab(48.5237% -29.1877 -10.5078);
    --scheme-aqua-600: lab(61.3711% -36.6522 -10.2546);
    --scheme-aqua-700: lab(72.4066% -42.9331 -10.4022);
    --scheme-aqua-800: lab(84.1727% -44.3753 -6.25112);
    --scheme-aqua-900: lab(89.3678% -40.0523 -2.66876);
    --scheme-aqua-1000: lab(93.7173% -26.4822 -1.15247);
    --scheme-aqua-1100: lab(95.8729% -14.9428 -.294185);
    --scheme-aqua-1200: lab(97.9595% -6.31616 -.0949979);
    --scheme-aqua-600-15: lab(61.3711% -36.6522 -10.2546 / .15);
    --scheme-aqua-600-30: lab(61.3711% -36.6522 -10.2546 / .3);
    --scheme-aqua-600-50: lab(61.3711% -36.6522 -10.2546 / .5);
    --scheme-cyan-100: lab(2.38318% -.104286 -3.98904);
    --scheme-cyan-200: lab(6.48133% -.23517 -12.6032);
    --scheme-cyan-300: lab(26.1453% -.414163 -35.2795);
    --scheme-cyan-400: lab(37.0093% -3.04122 -42.5163);
    --scheme-cyan-500: lab(48.0541% -8.66896 -44.8605);
    --scheme-cyan-600: lab(60.9087% -16.56 -44.8353);
    --scheme-cyan-700: lab(72.1811% -24.3556 -41.9214);
    --scheme-cyan-800: lab(84.0347% -32.4263 -23.1633);
    --scheme-cyan-900: lab(88.8877% -31.1627 -15.7564);
    --scheme-cyan-1000: lab(93.6472% -22.3998 -8.41637);
    --scheme-cyan-1100: lab(95.8724% -12.8113 -4.89692);
    --scheme-cyan-1200: lab(98.009% -4.29013 -2.04024);
    --scheme-cyan-600-15: lab(60.9087% -16.56 -44.8353 / .15);
    --scheme-cyan-600-30: lab(60.9087% -16.56 -44.8353 / .3);
    --scheme-cyan-600-50: lab(60.9087% -16.56 -44.8353 / .5);
    --scheme-blue-100: lab(2.58332% 3.83363 -10.7365);
    --scheme-blue-200: lab(6.14233% 18.1809 -35.744);
    --scheme-blue-300: lab(24.6865% 50.7322 -90.465);
    --scheme-blue-400: lab(35.8855% 46.5074 -97.5706);
    --scheme-blue-500: lab(47.6291% 22.9751 -79.3171);
    --scheme-blue-600: lab(60.8672% 6.07136 -59.0288);
    --scheme-blue-700: lab(72.3652% -2.16034 -41.3397);
    --scheme-blue-800: lab(84.0746% -5.43666 -22.0974);
    --scheme-blue-900: lab(89.0211% -4.51854 -14.5134);
    --scheme-blue-1000: lab(93.6055% -3.26863 -8.09556);
    --scheme-blue-1100: lab(95.9333% -2.4488 -4.57883);
    --scheme-blue-1200: lab(98.026% -.959009 -1.91255);
    --scheme-blue-600-15: lab(60.8672% 6.07136 -59.0288 / .15);
    --scheme-blue-600-30: lab(60.8672% 6.07136 -59.0288 / .3);
    --scheme-blue-600-50: lab(60.8672% 6.07136 -59.0288 / .5);
    --scheme-indigo-100: lab(2.76027% 4.4173 -8.05136);
    --scheme-indigo-200: lab(6.45264% 17.2862 -24.3879);
    --scheme-indigo-300: lab(25.0872% 58.0665 -86.185);
    --scheme-indigo-400: lab(36.0546% 61.8189 -96.6057);
    --scheme-indigo-500: lab(47.7548% 43.6281 -78.9051);
    --scheme-indigo-600: lab(61.0408% 27.35 -57.3778);
    --scheme-indigo-700: lab(72.5077% 17.4436 -40.7953);
    --scheme-indigo-800: lab(84.1912% 8.06594 -21.6771);
    --scheme-indigo-900: lab(89.2712% 4.65208 -13.4268);
    --scheme-indigo-1000: lab(94.0572% 1.90383 -6.76745);
    --scheme-indigo-1100: lab(95.789% 1.68094 -4.69167);
    --scheme-indigo-1200: lab(98.0051% .529647 -1.92659);
    --scheme-indigo-600-15: lab(61.0408% 27.35 -57.3778 / .15);
    --scheme-indigo-600-30: lab(61.0408% 27.35 -57.3778 / .3);
    --scheme-indigo-600-50: lab(61.0408% 27.35 -57.3778 / .5);
    --scheme-violet-100: lab(2.1984% 4.11604 -4.75557);
    --scheme-violet-200: lab(6.55066% 16.6422 -16.7876);
    --scheme-violet-300: lab(26.1166% 52.5588 -59.1516);
    --scheme-violet-400: lab(36.6593% 69.4618 -84.6741);
    --scheme-violet-500: lab(48.0001% 59.5074 -76.6384);
    --scheme-violet-600: lab(61.1359% 40.7153 -57.0071);
    --scheme-violet-700: lab(72.6002% 27.3339 -40.4986);
    --scheme-violet-800: lab(84.3576% 13.2225 -21.3223);
    --scheme-violet-900: lab(89.2835% 7.80213 -13.8774);
    --scheme-violet-1000: lab(93.8137% 4.03479 -7.62388);
    --scheme-violet-1100: lab(96.1958% 1.88616 -4.08933);
    --scheme-violet-1200: lab(97.8441% 1.34221 -2.15286);
    --scheme-violet-600-15: lab(61.1359% 40.7153 -57.0071 / .15);
    --scheme-violet-600-30: lab(61.1359% 40.7153 -57.0071 / .3);
    --scheme-violet-600-50: lab(61.1359% 40.7153 -57.0071 / .5);
    --scheme-magenta-100: lab(2.32945% 4.6778 -3.95495);
    --scheme-magenta-200: lab(6.74506% 17.8723 -12.6648);
    --scheme-magenta-300: lab(26.6171% 51.0914 -38.2814);
    --scheme-magenta-400: lab(37.6027% 66.7158 -54.4028);
    --scheme-magenta-500: lab(48.378% 76.4476 -67.28);
    --scheme-magenta-600: lab(61.226% 59.4959 -56.5826);
    --scheme-magenta-700: lab(72.4903% 39.0918 -40.4785);
    --scheme-magenta-800: lab(84.3467% 18.927 -21.2087);
    --scheme-magenta-900: lab(89.2982% 12.3278 -13.7424);
    --scheme-magenta-1000: lab(93.7244% 6.69003 -7.67503);
    --scheme-magenta-1100: lab(95.9309% 3.87007 -4.43245);
    --scheme-magenta-1200: lab(97.914% 1.68785 -2.0342);
    --scheme-magenta-600-15: lab(61.226% 59.4959 -56.5826 / .15);
    --scheme-magenta-600-30: lab(61.226% 59.4959 -56.5826 / .3);
    --scheme-magenta-600-50: lab(61.226% 59.4959 -56.5826 / .5);
    --scheme-pink-100: lab(2.38372% 4.68779 -.843281);
    --scheme-pink-200: lab(6.79202% 17.273 -3.2803);
    --scheme-pink-300: lab(27.0994% 49.1564 -5.25093);
    --scheme-pink-400: lab(38.3691% 64.0153 -7.43574);
    --scheme-pink-500: lab(49.414% 77.2179 -12.6104);
    --scheme-pink-600: lab(61.9623% 70.1652 -21.2904);
    --scheme-pink-700: lab(72.9321% 52.5206 -25.7831);
    --scheme-pink-800: lab(84.3725% 27.8625 -15.631);
    --scheme-pink-900: lab(89.3441% 17.9597 -10.3827);
    --scheme-pink-1000: lab(93.7523% 9.6648 -6.01202);
    --scheme-pink-1100: lab(95.9689% 5.4473 -3.30464);
    --scheme-pink-1200: lab(98.0535% 2.25577 -1.31135);
    --scheme-pink-600-15: lab(61.9623% 70.1652 -21.2904 / .15);
    --scheme-pink-600-30: lab(61.9623% 70.1652 -21.2904 / .3);
    --scheme-pink-600-50: lab(61.9623% 70.1652 -21.2904 / .5);
  }
}

:root {
  --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-72: 4.5rem;
  --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);
  --header-height: var(--static-space-56);
  --safe-area-top: env(safe-area-inset-top, 0px);
  --safe-area-right: env(safe-area-inset-right, 0px);
  --safe-area-bottom: env(safe-area-inset-bottom, 0px);
  --safe-area-left: env(safe-area-inset-left, 0px);
  --touch-target: 2.75rem;
}

@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-72: calc(4.5rem * 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-72: calc(4.5rem * 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-72: calc(4.5rem * .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-72: calc(4.5rem * .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-normal: var(--font-weight-normal);
  --font-weight-display-medium: var(--font-weight-medium);
  --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;
  }
}

:where(:root) {
  --font-heading: var(--font-heading);
  --font-body: var(--font-body);
  --font-label: var(--font-label);
  --font-code: var(--font-code);
}

:root {
  --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-alpha-weak);
}

[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-body-size="90"] {
  --font-size-body-multiplier: .9;
}

[data-body-size="95"] {
  --font-size-body-multiplier: .95;
}

[data-body-size="100"] {
  --font-size-body-multiplier: 1;
}

[data-body-size="105"] {
  --font-size-body-multiplier: 1.05;
}

[data-body-size="110"] {
  --font-size-body-multiplier: 1.1;
}

[data-body-line-height="90"] {
  --line-height-body-multiplier: .9;
}

[data-body-line-height="100"] {
  --line-height-body-multiplier: 1;
}

[data-body-line-height="110"] {
  --line-height-body-multiplier: 1.1;
}

[data-body-line-height="120"] {
  --line-height-body-multiplier: 1.2;
}

[data-theme="dark"], [data-theme="dark"] :is([data-brand], [data-accent], [data-neutral]), [data-theme="light"] [data-theme="dark"]:is([data-brand], [data-accent], [data-neutral]), [data-theme="light"] [data-theme="dark"] :is([data-brand], [data-accent], [data-neutral]) {
  --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);
  --brand-color-strong: var(--function-brand-500);
  --brand-color-medium: var(--function-brand-400);
  --brand-color-weak: var(--function-brand-300);
  --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-medium: var(--function-accent-1000);
  --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);
  --page-background: var(--neutral-background-weak);
  --solid-border-color-neutral: var(--neutral-alpha-strong);
  --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-medium: var(--function-neutral-1000);
  --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);
}

[data-theme="dark"] {
  --backdrop: var(--static-black-medium);
  --solid-border-color-brand: var(--brand-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);
  --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-medium: var(--function-info-1000);
  --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-medium: var(--function-warning-1000);
  --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-medium: var(--function-danger-1000);
  --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-medium: var(--function-success-1000);
  --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"], [data-theme="light"] :is([data-brand], [data-accent], [data-neutral]), [data-theme="dark"] [data-theme="light"]:is([data-brand], [data-accent], [data-neutral]), [data-theme="dark"] [data-theme="light"] :is([data-brand], [data-accent], [data-neutral]) {
  --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-400);
  --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);
  --brand-color-strong: var(--function-brand-500);
  --brand-color-medium: var(--function-brand-400);
  --brand-color-weak: var(--function-brand-300);
  --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-400);
  --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-medium: var(--function-accent-1100);
  --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);
  --page-background: var(--function-neutral-1200);
  --solid-border-color-neutral: var(--neutral-alpha-strong);
  --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-300);
  --neutral-on-background-weak: var(--function-neutral-400);
  --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-medium: var(--function-neutral-1100);
  --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);
}

[data-theme="light"] {
  --backdrop: var(--static-white-medium);
  --solid-border-color-brand: var(--brand-alpha-strong);
  --solid-border-color-danger: var(--danger-alpha-strong);
  --code-moss: var(--scheme-moss-500);
  --code-gray: var(--scheme-gray-500);
  --code-aqua: var(--scheme-aqua-500);
  --code-green: var(--scheme-green-500);
  --code-blue: var(--scheme-blue-500);
  --code-violet: var(--scheme-violet-500);
  --code-orange: var(--scheme-orange-500);
  --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-400);
  --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-medium: var(--function-info-1100);
  --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-400);
  --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-medium: var(--function-warning-1100);
  --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-400);
  --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-medium: var(--function-danger-1100);
  --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-400);
  --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-medium: var(--function-success-1100);
  --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"], [data-surface="translucent"][data-theme="light"] [data-neutral]:not([data-theme], [data-surface]), [data-surface="translucent"] [data-theme="light"] [data-neutral]:not([data-theme], [data-surface]) {
  --surface-background: var(--static-white-medium);
  --surface-border: var(--neutral-alpha-medium);
}

[data-surface="translucent"][data-theme="dark"], [data-surface="translucent"] [data-theme="dark"], [data-surface="translucent"][data-theme="dark"] [data-neutral]:not([data-theme], [data-surface]), [data-surface="translucent"] [data-theme="dark"] [data-neutral]:not([data-theme], [data-surface]) {
  --surface-background: var(--static-black-medium);
  --surface-border: var(--neutral-alpha-medium);
}

[data-surface="filled"][data-theme="light"], [data-surface="filled"] [data-theme="light"], [data-surface="filled"][data-theme="light"] [data-neutral]:not([data-theme], [data-surface]), [data-surface="filled"] [data-theme="light"] [data-neutral]:not([data-theme], [data-surface]) {
  --surface-background: var(--neutral-background-weak);
  --surface-border: var(--neutral-border-medium);
}

[data-surface="filled"][data-theme="dark"], [data-surface="filled"] [data-theme="dark"], [data-surface="filled"][data-theme="dark"] [data-neutral]:not([data-theme], [data-surface]), [data-surface="filled"] [data-theme="dark"] [data-neutral]:not([data-theme], [data-surface]) {
  --surface-background: var(--neutral-background-medium);
  --surface-border: var(--static-transparent);
}

[data-theme="dark"][data-solid="color"], [data-theme="dark"] [data-solid="color"], [data-theme="dark"][data-solid="color"] :is([data-brand], [data-neutral]):not([data-solid]), [data-theme="dark"] :not(:root)[data-solid="color"] :is([data-brand], [data-neutral]):not([data-solid]) {
  --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-medium: var(--function-brand-1100);
  --brand-on-solid-weak: var(--function-brand-900);
}

[data-theme="dark"][data-solid="contrast"], [data-theme="dark"] [data-solid="contrast"], [data-theme="dark"][data-solid="contrast"] :is([data-brand], [data-neutral]):not([data-solid]), [data-theme="dark"] :not(:root)[data-solid="contrast"] :is([data-brand], [data-neutral]):not([data-solid]) {
  --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-medium: var(--function-neutral-100);
  --brand-on-solid-weak: var(--function-neutral-200);
}

[data-theme="dark"][data-solid="inverse"], [data-theme="dark"] [data-solid="inverse"], [data-theme="dark"][data-solid="inverse"] :is([data-brand], [data-neutral]):not([data-solid]), [data-theme="dark"] :not(:root)[data-solid="inverse"] :is([data-brand], [data-neutral]):not([data-solid]) {
  --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-medium: var(--function-brand-1100);
  --brand-on-solid-weak: var(--function-brand-200);
}

[data-theme="light"][data-solid="color"], [data-theme="light"] [data-solid="color"], [data-theme="light"][data-solid="color"] :is([data-brand], [data-neutral]):not([data-solid]), [data-theme="light"] :not(:root)[data-solid="color"] :is([data-brand], [data-neutral]):not([data-solid]) {
  --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-medium: var(--function-brand-1100);
  --brand-on-solid-weak: var(--function-brand-1000);
}

[data-theme="light"][data-solid="contrast"], [data-theme="light"] [data-solid="contrast"], [data-theme="light"][data-solid="contrast"] :is([data-brand], [data-neutral]):not([data-solid]), [data-theme="light"] :not(:root)[data-solid="contrast"] :is([data-brand], [data-neutral]):not([data-solid]) {
  --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-medium: var(--function-neutral-1100);
  --brand-on-solid-weak: var(--function-neutral-1000);
}

[data-solid="color"], :where(:root)[data-solid="color"] :is([data-brand], [data-neutral]):not([data-solid]), :not(:root)[data-solid="color"] :is([data-brand], [data-neutral]):not([data-solid]) {
  --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-solid="contrast"], :where(:root)[data-solid="contrast"] :is([data-brand], [data-neutral]):not([data-solid]), :not(:root)[data-solid="contrast"] :is([data-brand], [data-neutral]):not([data-solid]) {
  --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"], :where(:root)[data-solid="inverse"] :is([data-brand], [data-neutral]):not([data-solid]), :not(:root)[data-solid="inverse"] :is([data-brand], [data-neutral]):not([data-solid]) {
  --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"], [data-theme="light"][data-solid="inverse"] :is([data-brand], [data-neutral]):not([data-solid]), [data-theme="light"] :not(:root)[data-solid="inverse"] :is([data-brand], [data-neutral]):not([data-solid]) {
  --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-medium: var(--function-neutral-100);
  --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]/node_modules/@once-ui-system/core/dist/components/Cursor.module.css [app-client] (css) */
.Cursor-module__x38_na__follower {
  z-index: 2147483000;
  pointer-events: none;
  will-change: transform;
  opacity: 0;
  transition: opacity .12s ease-out, scale .16s ease-out;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  scale: .6;
}

.Cursor-module__x38_na__follower[data-visible] {
  opacity: 1;
  scale: 1;
}

@media (prefers-reduced-motion: reduce) {
  .Cursor-module__x38_na__follower {
    transition: none;
    scale: 1;
  }
}

/* [next]/internal/font/google/geist_4296fa96.module.css [app-client] (css) */
@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/4f6667dd39116621-s.3p2_lha1f2xer.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: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/07935285219a259d-s.1qq4vpdcun5oj.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/f58031ded4338640-s.390ncx5urfkfu.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: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/77814b00d5ca94a4-s.21jp631_3pja2.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/605ce01b664af129-s.p.0wgildi0cnwt9.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Geist Fallback;
  src: local(Arial);
  ascent-override: 95.94%;
  descent-override: 28.16%;
  line-gap-override: 0.0%;
  size-adjust: 104.76%;
}

.geist_4296fa96-module__HyRGcG__className {
  font-family: Geist, Geist Fallback;
  font-style: normal;
}

.geist_4296fa96-module__HyRGcG__variable {
  --font-heading: "Geist", "Geist Fallback";
}

/* [next]/internal/font/google/geist_79212fd5.module.css [app-client] (css) */
@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/4f6667dd39116621-s.3p2_lha1f2xer.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: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/07935285219a259d-s.1qq4vpdcun5oj.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/f58031ded4338640-s.390ncx5urfkfu.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: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/77814b00d5ca94a4-s.21jp631_3pja2.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/605ce01b664af129-s.p.0wgildi0cnwt9.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Geist Fallback;
  src: local(Arial);
  ascent-override: 95.94%;
  descent-override: 28.16%;
  line-gap-override: 0.0%;
  size-adjust: 104.76%;
}

.geist_79212fd5-module__RPVjva__className {
  font-family: Geist, Geist Fallback;
  font-style: normal;
}

.geist_79212fd5-module__RPVjva__variable {
  --font-body: "Geist", "Geist Fallback";
}

/* [next]/internal/font/google/geist_1af72b07.module.css [app-client] (css) */
@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/4f6667dd39116621-s.3p2_lha1f2xer.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: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/07935285219a259d-s.1qq4vpdcun5oj.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/f58031ded4338640-s.390ncx5urfkfu.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: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/77814b00d5ca94a4-s.21jp631_3pja2.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/605ce01b664af129-s.p.0wgildi0cnwt9.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Geist Fallback;
  src: local(Arial);
  ascent-override: 95.94%;
  descent-override: 28.16%;
  line-gap-override: 0.0%;
  size-adjust: 104.76%;
}

.geist_1af72b07-module__l7Qidq__className {
  font-family: Geist, Geist Fallback;
  font-style: normal;
}

.geist_1af72b07-module__l7Qidq__variable {
  --font-label: "Geist", "Geist Fallback";
}

/* [next]/internal/font/google/geist_mono_ad64615a.module.css [app-client] (css) */
@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/b0c6b664fd57c2c6-s.31988l_ccedte.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: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/6e342921ee4dcd9d-s.2tuy5pz7dlieh.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/2bb852295097cd96-s.2dbetqa9o8jxf.woff2") format("woff2");
  unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/9eb5a876700c0028-s.1uyisp29ctx0d.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: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/2a04751c893bf294-s.1rgnod-3esatf.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/07a39a8a4660cc7c-s.p.0r6juujl39pe6.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Geist Mono Fallback;
  src: local(Arial);
  ascent-override: 74.67%;
  descent-override: 21.92%;
  line-gap-override: 0.0%;
  size-adjust: 134.59%;
}

.geist_mono_ad64615a-module__9tYsyq__className {
  font-family: Geist Mono, Geist Mono Fallback;
  font-style: normal;
}

.geist_mono_ad64615a-module__9tYsyq__variable {
  --font-code: "Geist Mono", "Geist Mono Fallback";
}

/* [project]/node_modules/@once-ui-system/core/dist/components/Icon.module.css [app-client] (css) */
.Icon-module__s0oswa__xs {
  font-size: var(--static-space-16);
}

.Icon-module__s0oswa__s {
  font-size: var(--static-space-20);
}

.Icon-module__s0oswa__m {
  font-size: var(--static-space-24);
}

.Icon-module__s0oswa__l {
  font-size: var(--static-space-32);
}

.Icon-module__s0oswa__xl {
  font-size: var(--static-space-40);
}

/* [project]/node_modules/@once-ui-system/core/dist/components/Tooltip.module.css [app-client] (css) */
@keyframes Tooltip-module__OKhl2q__tooltipFadeIn {
  from {
    opacity: 0;
    transform: scale(.9);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.Tooltip-module__OKhl2q__fadeIn {
  animation: .15s ease-in Tooltip-module__OKhl2q__tooltipFadeIn;
}

.Tooltip-module__OKhl2q__tooltip:has( > .Tooltip-module__OKhl2q__label:last-child > [data-keytip]:only-child) {
  padding-right: var(--static-space-4);
}

.Tooltip-module__OKhl2q__tooltip:has( > .Tooltip-module__OKhl2q__label:last-child > [data-keytip]:only-child) > .Tooltip-module__OKhl2q__label {
  padding-right: 0;
}

/* [project]/node_modules/@once-ui-system/core/dist/components/Button.module.css [app-client] (css) */
.Button-module__xWIvpW__button {
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
  transition: var(--transition-micro-medium);
  align-items: center;
  padding: 0;
  text-decoration: none;
  display: flex;
  position: relative;
}

.Button-module__xWIvpW__button:focus-visible {
  z-index: 1;
}

@media (pointer: coarse) {
  .Button-module__xWIvpW__button:after {
    content: "";
    width: max(100%, var(--touch-target, 2.75rem));
    height: max(100%, var(--touch-target, 2.75rem));
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

.Button-module__xWIvpW__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__xWIvpW__primary[data-disabled] {
  box-shadow: none;
  background: var(--neutral-background-medium);
  color: var(--neutral-on-background-weak);
  border-color: #0000;
}

@media (hover: hover) and (pointer: fine) {
  .Button-module__xWIvpW__primary:hover:not([data-disabled]) {
    background: var(--brand-solid-strong);
  }
}

.Button-module__xWIvpW__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__xWIvpW__secondary[data-disabled] {
  box-shadow: none;
  background: var(--neutral-background-medium);
  color: var(--neutral-on-background-weak);
  border-color: #0000;
}

@media (hover: hover) and (pointer: fine) {
  .Button-module__xWIvpW__secondary:hover:not([data-disabled]) {
    background: var(--neutral-alpha-weak);
    border-color: var(--neutral-alpha-weak);
  }
}

.Button-module__xWIvpW__tertiary {
  background: var(--static-transparent);
  color: var(--neutral-on-background-strong);
  border: 1px solid var(--static-transparent);
}

.Button-module__xWIvpW__tertiary[data-disabled] {
  box-shadow: none;
  background: var(--neutral-background-medium);
  color: var(--neutral-on-background-weak);
  border-color: #0000;
}

@media (hover: hover) and (pointer: fine) {
  .Button-module__xWIvpW__tertiary:hover:not([data-disabled]) {
    border: 1px solid var(--neutral-border-medium);
  }
}

.Button-module__xWIvpW__ghost {
  background: var(--static-transparent);
  color: var(--neutral-on-background-medium);
  border: none;
}

.Button-module__xWIvpW__ghost[data-disabled] {
  box-shadow: none;
  background: var(--neutral-background-medium);
  color: var(--neutral-on-background-weak);
  border-color: #0000;
}

@media (hover: hover) and (pointer: fine) {
  .Button-module__xWIvpW__ghost:hover:not([data-disabled]) {
    color: var(--neutral-on-background-strong);
  }
}

.Button-module__xWIvpW__quaternary {
  background: var(--static-transparent);
  color: var(--neutral-on-background-medium);
  border: none;
}

.Button-module__xWIvpW__quaternary[data-disabled] {
  box-shadow: none;
  background: var(--neutral-background-medium);
  color: var(--neutral-on-background-weak);
  border-color: #0000;
}

@media (hover: hover) and (pointer: fine) {
  .Button-module__xWIvpW__quaternary:hover:not([data-disabled]) {
    background: color-mix(in srgb, var(--neutral-background-medium) 70%, transparent);
    color: var(--neutral-on-background-strong);
  }
}

.Button-module__xWIvpW__link {
  background: var(--static-transparent);
  color: var(--neutral-on-background-strong);
  border: none;
}

.Button-module__xWIvpW__link[data-disabled] {
  box-shadow: none;
  background: var(--neutral-background-medium);
  color: var(--neutral-on-background-weak);
  border-color: #0000;
}

@media (hover: hover) and (pointer: fine) {
  .Button-module__xWIvpW__link:hover:not([data-disabled]) {
    text-decoration: underline !important;
  }
}

.Button-module__xWIvpW__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__xWIvpW__danger[data-disabled] {
  box-shadow: none;
  background: var(--neutral-background-medium);
  color: var(--neutral-on-background-weak);
  border-color: #0000;
}

@media (hover: hover) and (pointer: fine) {
  .Button-module__xWIvpW__danger:hover:not([data-disabled]) {
    background: var(--danger-solid-strong);
  }
}

.Button-module__xWIvpW__subtle {
  background: color-mix(in srgb, var(--neutral-background-medium) 70%, transparent);
  border-style: solid;
  border-width: var(--solid-border-width);
  border-color: var(--static-transparent);
  color: var(--neutral-on-background-strong);
}

.Button-module__xWIvpW__subtle[data-disabled] {
  box-shadow: none;
  background: var(--neutral-background-medium);
  color: var(--neutral-on-background-weak);
  border-color: #0000;
}

@media (hover: hover) and (pointer: fine) {
  .Button-module__xWIvpW__subtle:hover:not([data-disabled]) {
    background: color-mix(in srgb, var(--neutral-background-strong) 50%, transparent);
  }
}

.Button-module__xWIvpW__success {
  box-shadow: inset 0 var(--solid-inset-distance) var(--solid-inset-size) var(--success-alpha-strong);
  background: var(--success-solid-medium);
  border-style: solid;
  border-width: var(--solid-border-width);
  border-color: var(--success-alpha-strong);
  color: var(--success-on-solid-strong);
}

.Button-module__xWIvpW__success[data-disabled] {
  box-shadow: none;
  background: var(--neutral-background-medium);
  color: var(--neutral-on-background-weak);
  border-color: #0000;
}

@media (hover: hover) and (pointer: fine) {
  .Button-module__xWIvpW__success:hover:not([data-disabled]) {
    background: var(--success-solid-strong);
  }
}

.Button-module__xWIvpW__warning {
  box-shadow: inset 0 var(--solid-inset-distance) var(--solid-inset-size) var(--warning-alpha-strong);
  background: var(--warning-solid-medium);
  border-style: solid;
  border-width: var(--solid-border-width);
  border-color: var(--warning-alpha-strong);
  color: var(--warning-on-solid-strong);
}

.Button-module__xWIvpW__warning[data-disabled] {
  box-shadow: none;
  background: var(--neutral-background-medium);
  color: var(--neutral-on-background-weak);
  border-color: #0000;
}

@media (hover: hover) and (pointer: fine) {
  .Button-module__xWIvpW__warning:hover:not([data-disabled]) {
    background: var(--warning-solid-strong);
  }
}

.Button-module__xWIvpW__xs {
  padding: var(--static-space-2) var(--static-space-4);
  min-height: var(--static-space-24);
  height: var(--static-space-24);
  gap: var(--static-space-2);
}

.Button-module__xWIvpW__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__xWIvpW__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__xWIvpW__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);
}

.Button-module__xWIvpW__xl {
  padding: var(--static-space-16) var(--static-space-24);
  min-height: var(--static-space-56);
  height: var(--static-space-56);
  gap: var(--static-space-12);
}

/* [project]/node_modules/@once-ui-system/core/dist/components/IconButton.module.css [app-client] (css) */
.IconButton-module__jqDyhW__xs {
  min-height: var(--static-space-20);
  min-width: var(--static-space-20);
  height: var(--static-space-20);
  width: var(--static-space-20);
}

.IconButton-module__jqDyhW__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__jqDyhW__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__jqDyhW__l {
  min-height: var(--static-space-40);
  min-width: var(--static-space-40);
  height: var(--static-space-40);
  width: var(--static-space-40);
}

.IconButton-module__jqDyhW__xl {
  min-height: var(--static-space-48);
  min-width: var(--static-space-48);
  height: var(--static-space-48);
  width: var(--static-space-48);
}

/* [project]/node_modules/@once-ui-system/core/dist/components/Spinner.module.css [app-client] (css) */
@keyframes Spinner-module__UCIO2W__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__UCIO2W__spinner {
  border-color: currentColor #0000 #0000;
  animation: 1.5s infinite Spinner-module__UCIO2W__spin;
}

.Spinner-module__UCIO2W__xs {
  width: var(--static-space-16);
  height: var(--static-space-16);
  padding: 2px;
}

.Spinner-module__UCIO2W__xs .Spinner-module__UCIO2W__size {
  border-width: 2px;
}

.Spinner-module__UCIO2W__s {
  width: var(--static-space-20);
  height: var(--static-space-20);
  padding: 2px;
}

.Spinner-module__UCIO2W__s .Spinner-module__UCIO2W__size {
  border-width: 2px;
}

.Spinner-module__UCIO2W__m {
  width: var(--static-space-24);
  height: var(--static-space-24);
  padding: 3px;
}

.Spinner-module__UCIO2W__m .Spinner-module__UCIO2W__size {
  border-width: 2px;
}

.Spinner-module__UCIO2W__l {
  width: var(--static-space-32);
  height: var(--static-space-32);
  padding: 4px;
}

.Spinner-module__UCIO2W__l .Spinner-module__UCIO2W__size {
  border-width: 3px;
}

.Spinner-module__UCIO2W__xl {
  width: var(--static-space-40);
  height: var(--static-space-40);
  padding: 8px;
}

.Spinner-module__UCIO2W__xl .Spinner-module__UCIO2W__size {
  border-width: 3px;
}

/* [project]/node_modules/@once-ui-system/core/dist/components/Toast.module.css [app-client] (css) */
.Toast-module__O4u41G__toast {
  transition: opacity .3s, transform .3s;
}

.Toast-module__O4u41G__visible {
  opacity: 1;
}

.Toast-module__O4u41G__hidden {
  opacity: 0;
}

/* [project]/node_modules/@once-ui-system/core/dist/components/Toaster.module.css [app-client] (css) */
.Toaster-module__s33SOa__toastContainer {
  left: 50%;
  transform: translateX(-50%);
}

.Toaster-module__s33SOa__toastContainer.Toaster-module__s33SOa__bottom {
  bottom: calc(var(--responsive-space-l, 2rem) + var(--safe-area-bottom, 0px));
}

.Toaster-module__s33SOa__toastContainer.Toaster-module__s33SOa__top {
  top: calc(var(--responsive-space-l, 2rem) + var(--safe-area-top, 0px));
}

.Toaster-module__s33SOa__toastWrapper {
  transition: transform .3s, opacity .3s;
}

.Toaster-module__s33SOa__toastWrapper.Toaster-module__s33SOa__bottom {
  bottom: 0;
}

.Toaster-module__s33SOa__toastWrapper.Toaster-module__s33SOa__top {
  top: 0;
}

.Toaster-module__s33SOa__toastAnimation.Toaster-module__s33SOa__animation-bottom {
  animation: .3s ease-out forwards Toaster-module__s33SOa__fadeInBottom;
}

.Toaster-module__s33SOa__toastAnimation.Toaster-module__s33SOa__animation-top {
  animation: .3s ease-out forwards Toaster-module__s33SOa__fadeInTop;
}

@keyframes Toaster-module__s33SOa__fadeInBottom {
  from {
    opacity: 0;
    transform: translateY(4rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes Toaster-module__s33SOa__fadeInTop {
  from {
    opacity: 0;
    transform: translateY(-4rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__0jffuw976knj8._.css.map*/