@layer wcag-ui.core,wcag-ui.foundations,wcag-ui.components;@layer wcag-ui.core.reset{*{box-sizing:border-box}:where(menu,dir){margin-inline:0;padding-inline:0}:where(ul,ol,li,menu,dir){margin-block:0;padding-block:0}html{overscroll-behavior:none;font-size:.625em}body{margin:0}hr{border:1px solid color-mix(in srgb,CanvasText,transparent 90%);border-radius:1.5px;block-size:0;inline-size:50%;margin:6em auto;display:block}}@layer wcag-ui.core.helpers{@layer flex{:root{--wcag-flex--display:flex;--wcag-flex--gap:0;--wcag-flex--direction:row;--wcag-flex--wrap:nowrap;--wcag-flex--h-align:unset;--wcag-flex--v-align:unset}[flex]{display:var(--wcag-flex--display);flex-flow:var(--wcag-flex--direction)var(--wcag-flex--wrap);place-content:var(--wcag-flex--h-align);place-items:var(--wcag-flex--v-align);gap:var(--wcag-flex--gap);&[flex~=inline]{--wcag-flex--display:inline-flex}&[flex~=wrap]{--wcag-flex--wrap:wrap}&[flex~=left]{--wcag-flex--h-align:flex-start}&[flex~=center]{--wcag-flex--h-align:center}&[flex~=space-around]{--wcag-flex--h-align:space-around}&[flex~=space-between]{--wcag-flex--h-align:space-between}&[flex~=space-evenly]{--wcag-flex--h-align:space-evenly}&[flex~=h-stretch]{--wcag-flex--h-align:stretch}&[flex~=right]{--wcag-flex--h-align:flex-end}&[flex~=top]{--wcag-flex--v-align:flex-start}&[flex~=baseline]{--wcag-flex--v-align:baseline}&[flex~=middle]{--wcag-flex--v-align:center}&[flex~=v-stretch]{--wcag-flex--v-align:stretch}&[flex~=bottom]{--wcag-flex--v-align:flex-end}&[flex~=stretch]{--wcag-flex--h-align:stretch;--wcag-flex--v-align:stretch}&[flex~=column]{--wcag-flex--direction:column;place-content:var(--wcag-flex--v-align);place-items:var(--wcag-flex--h-align)}}}@layer sr-only{[sr-only]{white-space:nowrap;clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}}@layer wcag-ui.core.focus{:root{--wcag-f--outline-width:2px;--wcag-f--outline-style:solid;--wcag-f--outline-color:#1607bb;--wcag-f--outline-offset:var(--wcag-f--outline-width)}:where(:focus-visible,:has(>[sr-only]):focus-within){outline-width:var(--wcag-f--outline-width);outline-style:var(--wcag-f--outline-style);outline-color:var(--wcag-f--outline-color);outline-offset:var(--wcag-f--outline-offset)}}@layer wcag-ui.foundations.colors{:root{--wcag-c--light:#fff;--wcag-c--dark:#000;--wcag-c--neutral-00:#f3f2f8;--wcag-c--neutral-20:#e6e5f0;--wcag-c--neutral-50:#e0deed;--wcag-c--neutral-100:#cecbe2;--wcag-c--neutral-200:#bbb7d7;--wcag-c--neutral-300:#a39dc8;--wcag-c--neutral-400:#7e76b2;--wcag-c--neutral-500:#61589d;--wcag-c--neutral-600:#251782;--wcag-c--neutral-700:#1b115f;--wcag-c--neutral-800:#110b3d;--wcag-c--neutral-900:#0a0623;--wcag-c--blue-100--light:#f6f5ff;--wcag-c--blue-200--light:#e4e1fe;--wcag-c--blue-300--light:#b6b0fd;--wcag-c--blue-400--light:#897efb;--wcag-c--blue-500--light:#695cfa;--wcag-c--blue-600--light:#1b07ed;--wcag-c--blue-700--light:#1506bc;--wcag-c--blue-800--light:#0f048b;--wcag-c--blue-100--dark:#f7f6fe;--wcag-c--blue-200--dark:#e6e5fb;--wcag-c--blue-300--dark:#bdb8f4;--wcag-c--blue-400--dark:#948ced;--wcag-c--blue-500--dark:#786de8;--wcag-c--blue-600--dark:#3021d4;--wcag-c--blue-700--dark:#261aa8;--wcag-c--blue-800--dark:#1c137c;--wcag-c--green-100--light:#dbf0dc;--wcag-c--green-200--light:#a6d9a7;--wcag-c--green-300--light:#4baf4e;--wcag-c--green-400--light:#3a883d;--wcag-c--green-500--light:#1f4720;--wcag-c--green-100--dark:#deedde;--wcag-c--green-200--dark:#acd2ad;--wcag-c--green-300--dark:#57a25a;--wcag-c--green-400--dark:#447e46;--wcag-c--green-500--dark:#244225;--wcag-c--yellow-100--light:#f0e8db;--wcag-c--yellow-200--light:#d9c5a6;--wcag-c--yellow-300--light:#af894b;--wcag-c--yellow-400--light:#886a3a;--wcag-c--yellow-500--light:#47381f;--wcag-c--yellow-100--dark:#faead1;--wcag-c--yellow-200--dark:#f2cb8c;--wcag-c--yellow-300--dark:#e19419;--wcag-c--yellow-400--dark:#ae7313;--wcag-c--yellow-500--dark:#5c3d0a;--wcag-c--red-100--light:#f0dbdb;--wcag-c--red-200--light:#d9a6a6;--wcag-c--red-300--light:#af4b4b;--wcag-c--red-400--light:#883a3a;--wcag-c--red-500--light:#471f1f;--wcag-c--red-100--dark:#f5d6d6;--wcag-c--red-200--dark:#e69999;--wcag-c--red-300--dark:#c83232;--wcag-c--red-400--dark:#9b2727;--wcag-c--red-500--dark:#521414;@supports (color:light-dark(var(--wcag-c--light),var(--wcag-c--dark))){--wcag-c--blue-100:light-dark(var(--wcag-c--blue-100--light),var(--wcag-c--blue-100--dark));--wcag-c--blue-200:light-dark(var(--wcag-c--blue-200--light),var(--wcag-c--blue-200--dark));--wcag-c--blue-300:light-dark(var(--wcag-c--blue-300--light),var(--wcag-c--blue-300--dark));--wcag-c--blue-400:light-dark(var(--wcag-c--blue-400--light),var(--wcag-c--blue-400--dark));--wcag-c--blue-500:light-dark(var(--wcag-c--blue-500--light),var(--wcag-c--blue-500--dark));--wcag-c--blue-600:light-dark(var(--wcag-c--blue-600--light),var(--wcag-c--blue-600--dark));--wcag-c--blue-700:light-dark(var(--wcag-c--blue-700--light),var(--wcag-c--blue-700--dark));--wcag-c--blue-800:light-dark(var(--wcag-c--blue-800--light),var(--wcag-c--blue-800--dark));--wcag-c--green-100:light-dark(var(--wcag-c--green-100--light),var(--wcag-c--green-100--dark));--wcag-c--green-200:light-dark(var(--wcag-c--green-200--light),var(--wcag-c--green-200--dark));--wcag-c--green-300:light-dark(var(--wcag-c--green-300--light),var(--wcag-c--green-300--dark));--wcag-c--green-400:light-dark(var(--wcag-c--green-400--light),var(--wcag-c--green-400--dark));--wcag-c--green-500:light-dark(var(--wcag-c--green-500--light),var(--wcag-c--green-500--dark));--wcag-c--yellow-100:light-dark(var(--wcag-c--yellow-100--light),var(--wcag-c--yellow-100--dark));--wcag-c--yellow-200:light-dark(var(--wcag-c--yellow-200--light),var(--wcag-c--yellow-200--dark));--wcag-c--yellow-300:light-dark(var(--wcag-c--yellow-300--light),var(--wcag-c--yellow-300--dark));--wcag-c--yellow-400:light-dark(var(--wcag-c--yellow-400--light),var(--wcag-c--yellow-400--dark));--wcag-c--yellow-500:light-dark(var(--wcag-c--yellow-500--light),var(--wcag-c--yellow-500--dark));--wcag-c--red-100:light-dark(var(--wcag-c--red-100--light),var(--wcag-c--red-100--dark));--wcag-c--red-200:light-dark(var(--wcag-c--red-200--light),var(--wcag-c--red-200--dark));--wcag-c--red-300:light-dark(var(--wcag-c--red-300--light),var(--wcag-c--red-300--dark));--wcag-c--red-400:light-dark(var(--wcag-c--red-400--light),var(--wcag-c--red-400--dark));--wcag-c--red-500:light-dark(var(--wcag-c--red-500--light),var(--wcag-c--red-500--dark))}}@supports not (color:light-dark(var(--wcag-c--light),var(--wcag-c--dark))){@media (prefers-color-scheme:dark){:root{--wcag-c--blue-100:var(--wcag-c--blue-100--dark);--wcag-c--blue-200:var(--wcag-c--blue-200--dark);--wcag-c--blue-300:var(--wcag-c--blue-300--dark);--wcag-c--blue-400:var(--wcag-c--blue-400--dark);--wcag-c--blue-500:var(--wcag-c--blue-500--dark);--wcag-c--blue-600:var(--wcag-c--blue-600--dark);--wcag-c--blue-700:var(--wcag-c--blue-700--dark);--wcag-c--blue-800:var(--wcag-c--blue-800--dark);--wcag-c--green-100:var(--wcag-c--green-100--dark);--wcag-c--green-200:var(--wcag-c--green-200--dark);--wcag-c--green-300:var(--wcag-c--green-300--dark);--wcag-c--green-400:var(--wcag-c--green-400--dark);--wcag-c--green-500:var(--wcag-c--green-500--dark);--wcag-c--yellow-100:var(--wcag-c--yellow-100--dark);--wcag-c--yellow-200:var(--wcag-c--yellow-200--dark);--wcag-c--yellow-300:var(--wcag-c--yellow-300--dark);--wcag-c--yellow-400:var(--wcag-c--yellow-400--dark);--wcag-c--yellow-500:var(--wcag-c--yellow-500--dark);--wcag-c--red-100:var(--wcag-c--red-100--dark);--wcag-c--red-200:var(--wcag-c--red-200--dark);--wcag-c--red-300:var(--wcag-c--red-300--dark);--wcag-c--red-400:var(--wcag-c--red-400--dark);--wcag-c--red-500:var(--wcag-c--red-500--dark)}}@media (prefers-color-scheme:light){:root{--wcag-c--blue-100:var(--wcag-c--blue-100--light);--wcag-c--blue-200:var(--wcag-c--blue-200--light);--wcag-c--blue-300:var(--wcag-c--blue-300--light);--wcag-c--blue-400:var(--wcag-c--blue-400--light);--wcag-c--blue-500:var(--wcag-c--blue-500--light);--wcag-c--blue-600:var(--wcag-c--blue-600--light);--wcag-c--blue-700:var(--wcag-c--blue-700--light);--wcag-c--blue-800:var(--wcag-c--blue-800--light);--wcag-c--green-100:var(--wcag-c--green-100--light);--wcag-c--green-200:var(--wcag-c--green-200--light);--wcag-c--green-300:var(--wcag-c--green-300--light);--wcag-c--green-400:var(--wcag-c--green-400--light);--wcag-c--green-500:var(--wcag-c--green-500--light);--wcag-c--yellow-100:var(--wcag-c--yellow-100--light);--wcag-c--yellow-200:var(--wcag-c--yellow-200--light);--wcag-c--yellow-300:var(--wcag-c--yellow-300--light);--wcag-c--yellow-400:var(--wcag-c--yellow-400--light);--wcag-c--yellow-500:var(--wcag-c--yellow-500--light);--wcag-c--red-100:var(--wcag-c--red-100--light);--wcag-c--red-200:var(--wcag-c--red-200--light);--wcag-c--red-300:var(--wcag-c--red-300--light);--wcag-c--red-400:var(--wcag-c--red-400--light);--wcag-c--red-500:var(--wcag-c--red-500--light)}}}}@layer wcag-ui.foundations.elevations{:root{--wcag-e--sm:0 .2rem 2rem 0 #756cac14;--wcag-e--md:0 .4rem 4rem -.2rem #756cac1a;--wcag-e--lg:0 1.8rem 6rem .2rem #756cac1a}}@layer wcag-ui.foundations.spacings{:root{--wcag-s--ratio:1.25;--wcag-s--50:calc(var(--wcag-s--400)/pow(var(--wcag-s--ratio),4));--wcag-s--100:calc(var(--wcag-s--400)/pow(var(--wcag-s--ratio),3));--wcag-s--200:calc(var(--wcag-s--400)/pow(var(--wcag-s--ratio),2));--wcag-s--300:calc(var(--wcag-s--400)/var(--wcag-s--ratio));--wcag-s--400:1.6rem;--wcag-s--500:calc(var(--wcag-s--400)*var(--wcag-s--ratio));--wcag-s--600:calc(var(--wcag-s--400)*pow(var(--wcag-s--ratio),2));--wcag-s--700:calc(var(--wcag-s--400)*pow(var(--wcag-s--ratio),3));--wcag-s--800:calc(var(--wcag-s--400)*pow(var(--wcag-s--ratio),4));--wcag-s--900:calc(var(--wcag-s--400)*pow(var(--wcag-s--ratio),5));--wcag-s--1000:calc(var(--wcag-s--400)*pow(var(--wcag-s--ratio),6));--wcag-s--1100:calc(var(--wcag-s--400)*pow(var(--wcag-s--ratio),7));--wcag-s--1200:calc(var(--wcag-s--400)*pow(var(--wcag-s--ratio),8));--wcag-s--1300:calc(var(--wcag-s--400)*pow(var(--wcag-s--ratio),9));--wcag-s--1400:calc(var(--wcag-s--400)*pow(var(--wcag-s--ratio),10));--wcag-s--1500:calc(var(--wcag-s--400)*pow(var(--wcag-s--ratio),11));--wcag-s--1600:calc(var(--wcag-s--400)*pow(var(--wcag-s--ratio),12));--wcag-s--1700:calc(var(--wcag-s--400)*pow(var(--wcag-s--ratio),13));--wcag-s--1800:calc(var(--wcag-s--400)*pow(var(--wcag-s--ratio),14));--wcag-s--1900:calc(var(--wcag-s--400)*pow(var(--wcag-s--ratio),15))}}@layer wcag-ui.foundations.radiuses{:root{--wcag-r--s:4px;--wcag-r--m:6px;--wcag-r--l:8px}}@layer wcag-ui.foundations.grid-system.variables{:root{--wcag-gs--container--size:100vw;--wcag-gs--container--gap:1.5rem;--wcag-gs--cols:12;--wcag-gs--gap:1.5rem;--wcag-gs--v-gap:1.5rem}}@layer wcag-ui.foundations.grid-system.container{:where(container,[container]){gap:var(--wcag-gs--container--gap);inline-size:var(--wcag-gs--container--size);flex-flow:column;block-size:auto;margin:0 auto;padding:0;display:flex;&:where([fluid]){--wcag-gs--container--size:100%}}}@layer wcag-ui.foundations.grid-system.container.breakpoints{@media screen and (width>=414px){:root{--wcag-gs--container--size:375px}}@media screen and (width>=576px){:root{--wcag-gs--container--size:540px}}@media screen and (width>=768px){:root{--wcag-gs--container--size:720px}}@media screen and (width>=1024px){:root{--wcag-gs--container--size:960px}}@media screen and (width>=1366px){:root{--wcag-gs--container--size:1200px}}@media screen and (width>=1600px){:root{--wcag-gs--container--size:1366px}}@media screen and (width>=1920px){:root{--wcag-gs--container--size:1600px}}}@layer wcag-ui.foundations.grid-system.row{:where(row,[row]){grid-template-columns:repeat(var(--wcag-gs--cols),minmax(0,1fr));gap:var(--wcag-gs--v-gap)var(--wcag-gs--gap);grid-template-rows:auto;grid-auto-flow:row;inline-size:100%;margin:0;display:grid}}@layer wcag-ui.foundations.grid-system.column{:where(col,[col]){grid-column:auto/span var(--wcag-gs--cols);max-inline-size:var(--wcag-gs--container--size);flex-flow:column;display:flex}}@layer wcag-ui.foundations.grid-system.column.sizes{:where(col,[col]){&[size~="1"]{grid-column-end:span 1}&[size~="2"]{grid-column-end:span 2}&[size~="3"]{grid-column-end:span 3}&[size~="4"]{grid-column-end:span 4}&[size~="5"]{grid-column-end:span 5}&[size~="6"]{grid-column-end:span 6}&[size~="7"]{grid-column-end:span 7}&[size~="8"]{grid-column-end:span 8}&[size~="9"]{grid-column-end:span 9}&[size~="10"]{grid-column-end:span 10}&[size~="11"]{grid-column-end:span 11}}@media screen and (width>=414px){:where(col,[col]){&[size~=im-1]{grid-column-end:span 1}&[size~=im-2]{grid-column-end:span 2}&[size~=im-3]{grid-column-end:span 3}&[size~=im-4]{grid-column-end:span 4}&[size~=im-5]{grid-column-end:span 5}&[size~=im-6]{grid-column-end:span 6}&[size~=im-7]{grid-column-end:span 7}&[size~=im-8]{grid-column-end:span 8}&[size~=im-9]{grid-column-end:span 9}&[size~=im-10]{grid-column-end:span 10}&[size~=im-11]{grid-column-end:span 11}&[size~=im-12]{grid-column-end:span 12}}}@media screen and (width>=576px){:where(col,[col]){&[size~=xs-1]{grid-column-end:span 1}&[size~=xs-2]{grid-column-end:span 2}&[size~=xs-3]{grid-column-end:span 3}&[size~=xs-4]{grid-column-end:span 4}&[size~=xs-5]{grid-column-end:span 5}&[size~=xs-6]{grid-column-end:span 6}&[size~=xs-7]{grid-column-end:span 7}&[size~=xs-8]{grid-column-end:span 8}&[size~=xs-9]{grid-column-end:span 9}&[size~=xs-10]{grid-column-end:span 10}&[size~=xs-11]{grid-column-end:span 11}&[size~=xs-12]{grid-column-end:span 12}}}@media screen and (width>=768px){:where(col,[col]){&[size~=sm-1]{grid-column-end:span 1}&[size~=sm-2]{grid-column-end:span 2}&[size~=sm-3]{grid-column-end:span 3}&[size~=sm-4]{grid-column-end:span 4}&[size~=sm-5]{grid-column-end:span 5}&[size~=sm-6]{grid-column-end:span 6}&[size~=sm-7]{grid-column-end:span 7}&[size~=sm-8]{grid-column-end:span 8}&[size~=sm-9]{grid-column-end:span 9}&[size~=sm-10]{grid-column-end:span 10}&[size~=sm-11]{grid-column-end:span 11}&[size~=sm-12]{grid-column-end:span 12}}}@media screen and (width>=1024px){:where(col,[col]){&[size~=md-1]{grid-column-end:span 1}&[size~=md-2]{grid-column-end:span 2}&[size~=md-3]{grid-column-end:span 3}&[size~=md-4]{grid-column-end:span 4}&[size~=md-5]{grid-column-end:span 5}&[size~=md-6]{grid-column-end:span 6}&[size~=md-7]{grid-column-end:span 7}&[size~=md-8]{grid-column-end:span 8}&[size~=md-9]{grid-column-end:span 9}&[size~=md-10]{grid-column-end:span 10}&[size~=md-11]{grid-column-end:span 11}&[size~=md-12]{grid-column-end:span 12}}}@media screen and (width>=1366px){:where(col,[col]){&[size~=lg-1]{grid-column-end:span 1}&[size~=lg-2]{grid-column-end:span 2}&[size~=lg-3]{grid-column-end:span 3}&[size~=lg-4]{grid-column-end:span 4}&[size~=lg-5]{grid-column-end:span 5}&[size~=lg-6]{grid-column-end:span 6}&[size~=lg-7]{grid-column-end:span 7}&[size~=lg-8]{grid-column-end:span 8}&[size~=lg-9]{grid-column-end:span 9}&[size~=lg-10]{grid-column-end:span 10}&[size~=lg-11]{grid-column-end:span 11}&[size~=lg-12]{grid-column-end:span 12}}}@media screen and (width>=1600px){:where(col,[col]){&[size~=xl-1]{grid-column-end:span 1}&[size~=xl-2]{grid-column-end:span 2}&[size~=xl-3]{grid-column-end:span 3}&[size~=xl-4]{grid-column-end:span 4}&[size~=xl-5]{grid-column-end:span 5}&[size~=xl-6]{grid-column-end:span 6}&[size~=xl-7]{grid-column-end:span 7}&[size~=xl-8]{grid-column-end:span 8}&[size~=xl-9]{grid-column-end:span 9}&[size~=xl-10]{grid-column-end:span 10}&[size~=xl-11]{grid-column-end:span 11}&[size~=xl-12]{grid-column-end:span 12}}}@media screen and (width>=1920px){:where(col,[col]){&[size~=xxl-1]{grid-column-end:span 1}&[size~=xxl-2]{grid-column-end:span 2}&[size~=xxl-3]{grid-column-end:span 3}&[size~=xxl-4]{grid-column-end:span 4}&[size~=xxl-5]{grid-column-end:span 5}&[size~=xxl-6]{grid-column-end:span 6}&[size~=xxl-7]{grid-column-end:span 7}&[size~=xxl-8]{grid-column-end:span 8}&[size~=xxl-9]{grid-column-end:span 9}&[size~=xxl-10]{grid-column-end:span 10}&[size~=xxl-11]{grid-column-end:span 11}&[size~=xxl-12]{grid-column-end:span 12}}}}@layer wcag-ui.foundations.grid-system.column.offsets{:where(col,[col]){&[offset~="1"]{grid-column-start:2}&[offset~="2"]{grid-column-start:3}&[offset~="3"]{grid-column-start:4}&[offset~="4"]{grid-column-start:5}&[offset~="5"]{grid-column-start:6}&[offset~="6"]{grid-column-start:7}&[offset~="7"]{grid-column-start:8}&[offset~="8"]{grid-column-start:9}&[offset~="9"]{grid-column-start:10}&[offset~="10"]{grid-column-start:11}&[size~="11"]{grid-column-end:span 11}&[offset~="11"]{grid-column-start:12}}@media screen and (width>=414px){:where(col,[col]){&[offset~=im-1]{grid-column-start:2}&[offset~=im-2]{grid-column-start:3}&[offset~=im-3]{grid-column-start:4}&[offset~=im-4]{grid-column-start:5}&[offset~=im-5]{grid-column-start:6}&[offset~=im-6]{grid-column-start:7}&[offset~=im-7]{grid-column-start:8}&[offset~=im-8]{grid-column-start:9}&[offset~=im-9]{grid-column-start:10}&[offset~=im-10]{grid-column-start:11}&[offset~=im-11]{grid-column-start:12}&[offset~=im-12]{grid-column-start:13}}}@media screen and (width>=576px){:where(col,[col]){&[offset~=xs-1]{grid-column-start:2}&[offset~=xs-2]{grid-column-start:3}&[offset~=xs-3]{grid-column-start:4}&[offset~=xs-4]{grid-column-start:5}&[offset~=xs-5]{grid-column-start:6}&[offset~=xs-6]{grid-column-start:7}&[offset~=xs-7]{grid-column-start:8}&[offset~=xs-8]{grid-column-start:9}&[offset~=xs-9]{grid-column-start:10}&[offset~=xs-10]{grid-column-start:11}&[offset~=xs-11]{grid-column-start:12}&[offset~=xs-12]{grid-column-start:13}}}@media screen and (width>=768px){:where(col,[col]){&[offset~=sm-1]{grid-column-start:2}&[offset~=sm-2]{grid-column-start:3}&[offset~=sm-3]{grid-column-start:4}&[offset~=sm-4]{grid-column-start:5}&[offset~=sm-5]{grid-column-start:6}&[offset~=sm-6]{grid-column-start:7}&[offset~=sm-7]{grid-column-start:8}&[offset~=sm-8]{grid-column-start:9}&[offset~=sm-9]{grid-column-start:10}&[offset~=sm-10]{grid-column-start:11}&[offset~=sm-11]{grid-column-start:12}&[offset~=sm-12]{grid-column-start:13}}}@media screen and (width>=1024px){:where(col,[col]){&[offset~=md-1]{grid-column-start:2}&[offset~=md-2]{grid-column-start:3}&[offset~=md-3]{grid-column-start:4}&[offset~=md-4]{grid-column-start:5}&[offset~=md-5]{grid-column-start:6}&[offset~=md-6]{grid-column-start:7}&[offset~=md-7]{grid-column-start:8}&[offset~=md-8]{grid-column-start:9}&[offset~=md-9]{grid-column-start:10}&[offset~=md-10]{grid-column-start:11}&[offset~=md-11]{grid-column-start:12}&[offset~=md-12]{grid-column-start:13}}}@media screen and (width>=1366px){:where(col,[col]){&[offset~=lg-1]{grid-column-start:2}&[offset~=lg-2]{grid-column-start:3}&[offset~=lg-3]{grid-column-start:4}&[offset~=lg-4]{grid-column-start:5}&[offset~=lg-5]{grid-column-start:6}&[offset~=lg-6]{grid-column-start:7}&[offset~=lg-7]{grid-column-start:8}&[offset~=lg-8]{grid-column-start:9}&[offset~=lg-9]{grid-column-start:10}&[offset~=lg-10]{grid-column-start:11}&[offset~=lg-11]{grid-column-start:12}&[offset~=lg-12]{grid-column-start:13}}}@media screen and (width>=1600px){:where(col,[col]){&[offset~=xl-1]{grid-column-start:2}&[offset~=xl-2]{grid-column-start:3}&[offset~=xl-3]{grid-column-start:4}&[offset~=xl-4]{grid-column-start:5}&[offset~=xl-5]{grid-column-start:6}&[offset~=xl-6]{grid-column-start:7}&[offset~=xl-7]{grid-column-start:8}&[offset~=xl-8]{grid-column-start:9}&[offset~=xl-9]{grid-column-start:10}&[offset~=xl-10]{grid-column-start:11}&[offset~=xl-11]{grid-column-start:12}&[offset~=xl-12]{grid-column-start:13}}}@media screen and (width>=1920px){:where(col,[col]){&[offset~=xxl-1]{grid-column-start:2}&[offset~=xxl-2]{grid-column-start:3}&[offset~=xxl-3]{grid-column-start:4}&[offset~=xxl-4]{grid-column-start:5}&[offset~=xxl-5]{grid-column-start:6}&[offset~=xxl-6]{grid-column-start:7}&[offset~=xxl-7]{grid-column-start:8}&[offset~=xxl-8]{grid-column-start:9}&[offset~=xxl-9]{grid-column-start:10}&[offset~=xxl-10]{grid-column-start:11}&[offset~=xxl-11]{grid-column-start:12}&[offset~=xxl-12]{grid-column-start:13}}}}@layer wcag-ui.foundations.iconography{@font-face{font-family:wcag-icons;src:url(wcag-icons.bac4b239.ttf)format("truetype"),url(wcag-icons.3dbd0cde.woff)format("woff"),url(wcag-icons.4f641139.svg#wcag-icons)format("svg");font-weight:400;font-style:normal;font-display:block}[class^=wcag-icon-],[class*=\ wcag-icon-]{speak:never;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;line-height:1;font-family:wcag-icons!important}.wcag-icon-dev-dojo:before{content:""}.wcag-icon-exeen:before{content:""}.wcag-icon-wcag-ui:before{content:""}.wcag-icon-chevron-up:before{content:""}.wcag-icon-chevron-right:before{content:""}.wcag-icon-chevron-down:before{content:""}.wcag-icon-chevron-left:before{content:""}.wcag-icon-checkmark:before{content:""}.wcag-icon-copy:before{content:""}.wcag-icon-github:before{content:""}.wcag-icon-scheme-system:before{content:""}.wcag-icon-scheme-light:before{content:""}.wcag-icon-scheme-dark:before{content:""}.wcag-icon-figma:before{content:""}.wcag-icon-linked-in:before{content:""}}@layer wcag-ui.foundations.typography.fonts{@layer inter{@font-face{src:url(Inter.e63a54e2.woff2)format("woff2 supports variations"),url(Inter.e63a54e2.woff2)format("woff2-variations");font-family:Inter;font-style:normal;font-weight:100 900;font-display:block}@font-face{src:url(Inter-Italic.22110805.woff2)format("woff2 supports variations"),url(Inter-Italic.22110805.woff2)format("woff2-variations");font-family:Inter;font-style:italic;font-weight:100 900;font-display:block}}}@layer wcag-ui.foundations.typography{:root{--wcag-t--ratio:1.2;--wcag-t--gap:calc(var(--wcag-t--font-size--base)*var(--wcag-t--ratio));--wcag-t--font-family:"Inter",sans-serif;--wcag-t--font-size--base:1.6rem;--wcag-t--font-weight:400;--wcag-t--font-style:normal;--wcag-t--letter-spacing:initial;--wcag-t--text-decoration:none;--wcag-t--line-height:1.333;--wcag-t--scale--lg--font-size:1.125em;--wcag-t--scale--md--font-size:1em;--wcag-t--scale--sm--font-size:.875em;--wcag-t--scale--xs--font-size:.75em}body{--wcag-t--font-size:var(--wcag-t--font-size--base);--wcag-t--line-height:var(--wcag-t--scale--md--line-height);font-family:var(--wcag-t--font-family);font-size:var(--wcag-t--font-size);line-height:var(--wcag-t--line-height);font-weight:var(--wcag-t--font-weight);font-style:var(--wcag-t--font-style);letter-spacing:var(--wcag-t--letter-spacing);text-decoration:var(--wcag-t--text-decoration);& :where(*){--wcag-t--font-size:var(--wcag-t--scale--md--font-size);--wcag-t--line-height:var(--wcag-t--scale--md--line-height);font-family:var(--wcag-t--font-family);font-size:var(--wcag-t--font-size);line-height:var(--wcag-t--line-height);font-weight:var(--wcag-t--font-weight);font-style:var(--wcag-t--font-style);letter-spacing:var(--wcag-t--letter-spacing);text-decoration:var(--wcag-t--text-decoration)}& :where([lg],label:has([lg])){--wcag-t--font-size:var(--wcag-t--scale--lg--font-size)}& :where([md],label:has([md])){--wcag-t--font-size:var(--wcag-t--scale--md--font-size)}& :where([sm],label:has([sm])){--wcag-t--font-size:var(--wcag-t--scale--sm--font-size)}& :where([xs],label:has([xs])){--wcag-t--font-size:var(--wcag-t--scale--xs--font-size)}& :where(h1,h2,h3,h4,h5,h6){--wcag-t--font-weight:700}& :where(h1,h2,h3,h4,h5,h6,p,ul,ol,pre){margin:0;&+&{margin-block-start:var(--wcag-t--gap)}}& h1{--wcag-t--font-size:calc(1em*pow(var(--wcag-t--ratio),6))}& h2{--wcag-t--font-size:calc(1em*pow(var(--wcag-t--ratio),5))}& h3{--wcag-t--font-size:calc(1em*pow(var(--wcag-t--ratio),4))}& h4{--wcag-t--font-size:calc(1em*pow(var(--wcag-t--ratio),3))}& h5{--wcag-t--font-size:calc(1em*pow(var(--wcag-t--ratio),2))}& h6{--wcag-t--font-size:calc(1em*var(--wcag-t--ratio))}& small{--wcag-t--font-size:calc(1em/var(--wcag-t--ratio))}& li+li{margin-block-start:calc(var(--wcag-t--gap)/2)}& a{--wcag-t--text-decoration:underline;&:hover{--wcag-t--text-decoration:none}}}}@layer wcag-ui.components.accordion{:root{--wcag-accordion--border-radius:var(--wcag-r--s)}[is=wcag-accordion]{border-radius:var(--wcag-accordion--border-radius)}}@layer wcag-ui.components.button{:root{--wcag-button--border-style:solid;--wcag-button--cursor:pointer}[is=wcag-button]{--wcag-t--font-size:var(--wcag-button--font-size);--wcag-t--line-height:var(--wcag-button--height);--wcag-t--text-decoration:var(--wcag-button--text-decoration);place-content:center;place-items:center;gap:var(--wcag-button--gap);color:var(--wcag-button--color);background-color:var(--wcag-button--background-color);aspect-ratio:var(--wcag-button--aspect-ratio);padding-inline:var(--wcag-button--padding-inline);padding-block:var(--wcag-button--padding-block);border-width:var(--wcag-button--border-width);border-style:var(--wcag-button--border-style);border-color:var(--wcag-button--border-color);border-radius:var(--wcag-button--border-radius);outline-width:var(--wcag-input--outline-width);outline-style:var(--wcag-input--outline-style);outline-color:var(--wcag-input--outline-color);outline-offset:var(--wcag-input--outline-offset);cursor:var(--wcag-button--cursor);flex-flow:row;flex-grow:0;flex-shrink:0;display:inline-flex}@layer variants.primary{:root{--wcag-button--v-pri--color:var(--wcag-c--neutral-00);--wcag-button--v-pri--background-color:var(--wcag-c--blue-400);--wcag-button--v-pri--border-color:var(--wcag-button--v-pri--background-color);--wcag-button--v-pri--s-hov--color:var(--wcag-button--v-pri--color);--wcag-button--v-pri--s-hov--background-color:var(--wcag-c--blue-700);--wcag-button--v-pri--s-hov--border-color:var(--wcag-button--v-pri--s-hov--background-color);--wcag-button--v-pri--s-foc--outline-color:var(--wcag-button--v-pri--s-hov--background-color);--wcag-button--v-pri--s-act--color:var(--wcag-button--v-pri--color);--wcag-button--v-pri--s-act--background-color:var(--wcag-c--blue-800);--wcag-button--v-pri--s-act--border-color:var(--wcag-button--v-pri--s-act--background-color);--wcag-button--v-pri--s-dis--color:var(--wcag-button--v-pri--color);--wcag-button--v-pri--s-dis--background-color:var(--wcag-c--neutral-600);--wcag-button--v-pri--s-dis--border-color:var(--wcag-button--v-pri--s-dis--background-color)}[is=wcag-button]{--wcag-button--color:var(--wcag-button--v-pri--color);--wcag-button--background-color:var(--wcag-button--v-pri--background-color);--wcag-button--border-color:var(--wcag-button--v-pri--border-color);--wcag-button--s-hov--color:var(--wcag-button--v-pri--s-hov--color);--wcag-button--s-hov--background-color:var(--wcag-button--v-pri--s-hov--background-color);--wcag-button--s-hov--border-color:var(--wcag-button--v-pri--s-hov--border-color);--wcag-button--s-foc--outline-color:var(--wcag-button--v-pri--s-foc--outline-color);--wcag-button--s-act--color:var(--wcag-button--v-pri--s-act--color);--wcag-button--s-act--background-color:var(--wcag-button--v-pri--s-act--background-color);--wcag-button--s-act--border-color:var(--wcag-button--v-pri--s-act--border-color);--wcag-button--s-dis--color:var(--wcag-button--v-pri--s-dis--color);--wcag-button--s-dis--background-color:var(--wcag-button--v-pri--s-dis--background-color);--wcag-button--s-dis--border-color:var(--wcag-button--v-pri--s-dis--border-color)}}@layer variants.secondary{:root{--wcag-button--v-sec--color:var(--wcag-c--blue-500);--wcag-button--v-sec--background-color:var(--wcag-c--light);--wcag-button--v-sec--border-color:var(--wcag-button--v-sec--color);--wcag-button--v-sec--s-hov--color:var(--wcag-c--blue-700);--wcag-button--v-sec--s-hov--background-color:var(--wcag-button--v-sec--background-color);--wcag-button--v-sec--s-hov--border-color:var(--wcag-button--v-sec--s-hov--color);--wcag-button--v-sec--s-foc--outline-color:var(--wcag-button--v-sec--s-hov--color);--wcag-button--v-sec--s-act--color:var(--wcag-c--blue-800);--wcag-button--v-sec--s-act--background-color:var(--wcag-button--v-sec--background-color);--wcag-button--v-sec--s-act--border-color:var(--wcag-button--v-sec--s-act--color);--wcag-button--v-sec--s-dis--color:var(--wcag-c--neutral-700);--wcag-button--v-sec--s-dis--background-color:var(--wcag-button--v-sec--background-color);--wcag-button--v-sec--s-dis--border-color:var(--wcag-button--v-sec--s-dis--color)}[is=wcag-button][secondary]{--wcag-button--color:var(--wcag-button--v-sec--color);--wcag-button--background-color:var(--wcag-button--v-sec--background-color);--wcag-button--border-color:var(--wcag-button--v-sec--border-color);--wcag-button--s-hov--color:var(--wcag-button--v-sec--s-hov--color);--wcag-button--s-hov--background-color:var(--wcag-button--v-sec--s-hov--background-color);--wcag-button--s-hov--border-color:var(--wcag-button--v-sec--s-hov--border-color);--wcag-button--s-foc--outline-color:var(--wcag-button--v-sec--s-foc--outline-color);--wcag-button--s-act--color:var(--wcag-button--v-sec--s-act--color);--wcag-button--s-act--background-color:var(--wcag-button--v-sec--s-act--background-color);--wcag-button--s-act--border-color:var(--wcag-button--v-sec--s-act--border-color);--wcag-button--s-dis--color:var(--wcag-button--v-sec--s-dis--color);--wcag-button--s-dis--background-color:var(--wcag-button--v-sec--s-dis--background-color);--wcag-button--s-dis--border-color:var(--wcag-button--v-sec--s-dis--border-color)}}@layer variants.tertiary{:root{--wcag-button--v-ter--color:var(--wcag-c--blue-500);--wcag-button--v-ter--background-color:transparent;--wcag-button--v-ter--border-color:var(--wcag-button--v-ter--background-color);--wcag-button--v-ter--text-decoration:underline;--wcag-button--v-ter--s-hov--color:var(--wcag-c--blue-700);--wcag-button--v-ter--s-hov--background-color:var(--wcag-button--v-ter--background-color);--wcag-button--v-ter--s-hov--border-color:var(--wcag-button--v-ter--border-color);--wcag-button--v-ter--s-hov--text-decoration:underline;--wcag-button--v-ter--s-foc--outline-color:var(--wcag-button--v-ter--s-hov--color);--wcag-button--v-ter--s-act--color:var(--wcag-c--blue-800);--wcag-button--v-ter--s-act--background-color:var(--wcag-button--v-ter--background-color);--wcag-button--v-ter--s-act--border-color:var(--wcag-button--v-ter--border-color);--wcag-button--v-ter--s-act--text-decoration:none;--wcag-button--v-ter--s-dis--color:var(--wcag-c--neutral-700);--wcag-button--v-ter--s-dis--background-color:var(--wcag-button--v-ter--background-color);--wcag-button--v-ter--s-dis--border-color:var(--wcag-button--v-ter--border-color)}[is=wcag-button][tertiary]{--wcag-button--color:var(--wcag-button--v-ter--color);--wcag-button--background-color:var(--wcag-button--v-ter--background-color);--wcag-button--border-color:var(--wcag-button--v-ter--border-color);--wcag-button--text-decoration:var(--wcag-button--v-ter--text-decoration);--wcag-button--s-hov--color:var(--wcag-button--v-ter--s-hov--color);--wcag-button--s-hov--background-color:var(--wcag-button--v-ter--s-hov--background-color);--wcag-button--s-hov--border-color:var(--wcag-button--v-ter--s-hov--border-color);--wcag-button--s-hov--text-decoration:var(--wcag-button--v-ter--s-hov--text-decoration);--wcag-button--s-foc--outline-color:var(--wcag-button--v-ter--s-foc--outline-color);--wcag-button--s-act--color:var(--wcag-button--v-ter--s-act--color);--wcag-button--s-act--background-color:var(--wcag-button--v-ter--s-act--background-color);--wcag-button--s-act--border-color:var(--wcag-button--v-ter--s-act--border-color);--wcag-button--s-act--text-decoration:var(--wcag-button--v-ter--s-act--text-decoration);--wcag-button--s-dis--color:var(--wcag-button--v-ter--s-dis--color);--wcag-button--s-dis--background-color:var(--wcag-button--v-ter--s-dis--background-color);--wcag-button--s-dis--border-color:var(--wcag-button--v-ter--s-dis--border-color)}}@layer variants.destructive{:root{--wcag-button--v-des--color:#fff0f2;--wcag-button--v-des--background-color:#ad0014;--wcag-button--v-des--border-color:var(--wcag-button--v-des--background-color);--wcag-button--v-des--s-hov--color:var(--wcag-button--v-des--color);--wcag-button--v-des--s-hov--background-color:#80000f;--wcag-button--v-des--s-hov--border-color:var(--wcag-button--v-des--s-hov--background-color);--wcag-button--v-des--s-foc--outline-color:var(--wcag-button--v-des--s-hov--background-color);--wcag-button--v-des--s-act--color:var(--wcag-button--v-des--color);--wcag-button--v-des--s-act--background-color:#66000c;--wcag-button--v-des--s-act--border-color:var(--wcag-button--v-des--s-act--background-color);--wcag-button--v-des--s-dis--color:var(--wcag-button--v-des--color);--wcag-button--v-des--s-dis--background-color:#75383f;--wcag-button--v-des--s-dis--border-color:var(--wcag-button--v-des--s-dis--background-color)}[is=wcag-button][destructive]{--wcag-button--color:var(--wcag-button--v-des--color);--wcag-button--background-color:var(--wcag-button--v-des--background-color);--wcag-button--border-color:var(--wcag-button--v-des--border-color);--wcag-button--s-hov--color:var(--wcag-button--v-des--s-hov--color);--wcag-button--s-hov--background-color:var(--wcag-button--v-des--s-hov--background-color);--wcag-button--s-hov--border-color:var(--wcag-button--v-des--s-hov--border-color);--wcag-button--s-foc--outline-color:var(--wcag-button--v-des--s-foc--outline-color);--wcag-button--s-act--color:var(--wcag-button--v-des--s-act--color);--wcag-button--s-act--background-color:var(--wcag-button--v-des--s-act--background-color);--wcag-button--s-act--border-color:var(--wcag-button--v-des--s-act--border-color);--wcag-button--s-dis--color:var(--wcag-button--v-des--s-dis--color);--wcag-button--s-dis--background-color:var(--wcag-button--v-des--s-dis--background-color);--wcag-button--s-dis--border-color:var(--wcag-button--v-des--s-dis--border-color)}}@layer dimensions.medium{:root{--wcag-button--md--gap:1.2rem;--wcag-button--md--height:4.4rem;--wcag-button--md--padding-inline:2rem;--wcag-button--md--padding-block:0;--wcag-button--md--border-width:1px;--wcag-button--md--border-radius:.4rem;--wcag-button--md--font-size:1.6rem}[is=wcag-button]{--wcag-button--gap:var(--wcag-button--md--gap);--wcag-button--height:var(--wcag-button--md--height);--wcag-button--padding-inline:var(--wcag-button--md--padding-inline);--wcag-button--padding-block:var(--wcag-button--md--padding-block);--wcag-button--border-width:var(--wcag-button--md--border-width);--wcag-button--border-radius:var(--wcag-button--md--border-radius);--wcag-button--font-size:var(--wcag-button--md--font-size)}}@layer dimensions.small{:root{--wcag-button--sm--gap:.8rem;--wcag-button--sm--height:4rem;--wcag-button--sm--padding-inline:1.2rem;--wcag-button--sm--padding-block:0;--wcag-button--sm--border-width:1px;--wcag-button--sm--border-radius:.35rem;--wcag-button--sm--font-size:1.4rem}[is=wcag-button][sm]{--wcag-button--gap:var(--wcag-button--sm--gap);--wcag-button--height:var(--wcag-button--sm--height);--wcag-button--padding-inline:var(--wcag-button--sm--padding-inline);--wcag-button--padding-block:var(--wcag-button--sm--padding-block);--wcag-button--border-width:var(--wcag-button--sm--border-width);--wcag-button--border-radius:var(--wcag-button--sm--border-radius);--wcag-button--font-size:var(--wcag-button--sm--font-size)}}@layer dimensions.large{:root{--wcag-button--lg--gap:1.6rem;--wcag-button--lg--height:5.6rem;--wcag-button--lg--padding-inline:2rem;--wcag-button--lg--padding-block:0;--wcag-button--lg--border-width:1px;--wcag-button--lg--border-radius:.5rem;--wcag-button--lg--font-size:1.8rem}[is=wcag-button][lg]{--wcag-button--gap:var(--wcag-button--lg--gap);--wcag-button--height:var(--wcag-button--lg--height);--wcag-button--padding-inline:var(--wcag-button--lg--padding-inline);--wcag-button--padding-block:var(--wcag-button--lg--padding-block);--wcag-button--border-width:var(--wcag-button--lg--border-width);--wcag-button--border-radius:var(--wcag-button--lg--border-radius);--wcag-button--font-size:var(--wcag-button--lg--font-size)}}@layer modifiers.square{:root{--wcag-button--m-square--aspect-ratio:1}[is=wcag-button][square]{--wcag-button--aspect-ratio:var(--wcag-button--m-square--aspect-ratio)}}@layer modifiers.circle{:root{--wcag-button--m-circle--aspect-ratio:1;--wcag-button--m-circle--border-radius:50%}[is=wcag-button][circle]{--wcag-button--aspect-ratio:var(--wcag-button--m-circle--aspect-ratio);--wcag-button--border-radius:var(--wcag-button--m-circle--border-radius)}}@layer states.hover{[is=wcag-button]:hover{--wcag-button--color:var(--wcag-button--s-hov--color);--wcag-button--background-color:var(--wcag-button--s-hov--background-color);--wcag-button--border-color:var(--wcag-button--s-hov--border-color);--wcag-button--text-decoration:var(--wcag-button--s-hov--text-decoration)}}@layer states.active{[is=wcag-button]:where(:active,[aria-pressed=true]){--wcag-button--color:var(--wcag-button--s-act--color);--wcag-button--background-color:var(--wcag-button--s-act--background-color);--wcag-button--border-color:var(--wcag-button--s-act--border-color);--wcag-button--text-decoration:var(--wcag-button--s-act--text-decoration)}}@layer states.focus{:root{--wcag-button--s-foc--outline-width:var(--wcag-f--outline-width);--wcag-button--s-foc--outline-style:solid;--wcag-button--s-foc--outline-color:var(--wcag-f--outline-color);--wcag-button--s-foc--outline-offset:var(--wcag-f--outline-width)}[is=wcag-button]:where(:focus,:focus-visible){--wcag-button--outline-width:var(--wcag-button--s-foc--outline-width);--wcag-button--outline-style:var(--wcag-button--s-foc--outline-style);--wcag-button--outline-color:var(--wcag-button--s-foc--outline-color);--wcag-button--outline-offset:var(--wcag-button--s-foc--outline-offset)}}@layer states.disabled{:root{--wcag-button--s-dis--cursor:not-allowed}[is=wcag-button]:where([disabled],:disabled,[aria-disabled=true]){--wcag-button--color:var(--wcag-button--s-dis--color);--wcag-button--background-color:var(--wcag-button--s-dis--background-color);--wcag-button--border-color:var(--wcag-button--s-dis--border-color);--wcag-button--text-decoration:var(--wcag-button--s-dis--text-decoration);--wcag-button--cursor:var(--wcag-button--s-dis--cursor)}}}@layer wcag-ui.components.checkbox{:root{--wcag-checkbox--color:var(--wcag-c--neutral-800);--wcag-checkbox--background-color:var(--wcag-c--light);--wcag-checkbox--label--gap:var(--wcag-s--4);--wcag-checkbox--label--color:var(--wcag-checkbox--color);--wcag-checkbox--placeholder--color:var(--wcag-c--neutral-200);--wcag-checkbox--border-style:solid;--wcag-checkbox--border-color:var(--wcag-c--neutral-800);--wcag-checkbox--cursor:initial}label:has([is=wcag-checkbox]){place-content:start;place-items:start;gap:var(--wcag-checkbox--label--gap);flex-flow:column;inline-size:fit-content;display:inline-flex;&[inline]{flex-flow:row;place-content:start;place-items:center}&>span{cursor:pointer;place-content:center;place-items:center;display:inline-flex;position:relative;&:before{content:"";aspect-ratio:1;border:1px solid #0f048b;border-radius:2px;inline-size:2.2rem;display:inline-flex}&:after{content:"";opacity:0;font-family:wcag-icons;position:absolute}&:hover{&:before{border-color:#1b07ed}}}&:has(:checked){&>span{&:after{opacity:1}}}&:has([aria-disabled=true]){&>span{&:before{background-color:#7e76b2;border-color:#7e76b2}}}}[is=wcag-checkbox]{--wcag-t--font-size:var(--wcag-checkbox--font-size);--wcag-t--line-height:var(--wcag-checkbox--height);appearance:none}@layer dimensions.medium{:root{--wcag-checkbox--md--gap:1.2rem;--wcag-checkbox--md--height:4.4rem;--wcag-checkbox--md--padding-inline:2rem;--wcag-checkbox--md--padding-block:0;--wcag-checkbox--md--border-width:1px;--wcag-checkbox--md--border-radius:.4rem;--wcag-checkbox--md--font-size:1.6rem}[is=wcag-checkbox]{--wcag-checkbox--gap:var(--wcag-checkbox--md--gap);--wcag-checkbox--height:var(--wcag-checkbox--md--height);--wcag-checkbox--padding-inline:var(--wcag-checkbox--md--padding-inline);--wcag-checkbox--padding-block:var(--wcag-checkbox--md--padding-block);--wcag-checkbox--border-width:var(--wcag-checkbox--md--border-width);--wcag-checkbox--border-radius:var(--wcag-checkbox--md--border-radius);--wcag-checkbox--font-size:var(--wcag-checkbox--md--font-size)}}@layer dimensions.small{:root{--wcag-checkbox--sm--gap:.8rem;--wcag-checkbox--sm--height:4rem;--wcag-checkbox--sm--padding-inline:1.2rem;--wcag-checkbox--sm--padding-block:0;--wcag-checkbox--sm--border-width:1px;--wcag-checkbox--sm--border-radius:.35rem;--wcag-checkbox--sm--font-size:1.4rem}[is=wcag-checkbox][sm]{--wcag-checkbox--gap:var(--wcag-checkbox--sm--gap);--wcag-checkbox--height:var(--wcag-checkbox--sm--height);--wcag-checkbox--padding-inline:var(--wcag-checkbox--sm--padding-inline);--wcag-checkbox--padding-block:var(--wcag-checkbox--sm--padding-block);--wcag-checkbox--border-width:var(--wcag-checkbox--sm--border-width);--wcag-checkbox--border-radius:var(--wcag-checkbox--sm--border-radius);--wcag-checkbox--font-size:var(--wcag-checkbox--sm--font-size)}}@layer dimensions.large{:root{--wcag-checkbox--lg--gap:1.6rem;--wcag-checkbox--lg--height:5.6rem;--wcag-checkbox--lg--padding-inline:2rem;--wcag-checkbox--lg--padding-block:0;--wcag-checkbox--lg--border-width:1px;--wcag-checkbox--lg--border-radius:.5rem;--wcag-checkbox--lg--font-size:1.8rem}[is=wcag-checkbox][lg]{--wcag-checkbox--gap:var(--wcag-checkbox--lg--gap);--wcag-checkbox--height:var(--wcag-checkbox--lg--height);--wcag-checkbox--padding-inline:var(--wcag-checkbox--lg--padding-inline);--wcag-checkbox--padding-block:var(--wcag-checkbox--lg--padding-block);--wcag-checkbox--border-width:var(--wcag-checkbox--lg--border-width);--wcag-checkbox--border-radius:var(--wcag-checkbox--lg--border-radius);--wcag-checkbox--font-size:var(--wcag-checkbox--lg--font-size)}}@layer states.hover{:root{--wcag-checkbox--s-hov--border-color:var(--wcag-c--neutral-600)}[is=wcag-checkbox]:hover{--wcag-checkbox--border-color:var(--wcag-checkbox--s-hov--border-color)}}@layer states.active{:root{--wcag-checkbox--s-act--border-color:var(--wcag-c--neutral-600)}[is=wcag-checkbox]:where(:active,[aria-pressed=true]){--wcag-checkbox--border-color:var(--wcag-checkbox--s-act--border-color)}}@layer states.focus{:root{--wcag-checkbox--s-foc--outline-width:var(--wcag-f--outline-width);--wcag-checkbox--s-foc--outline-style:solid;--wcag-checkbox--s-foc--outline-color:var(--wcag-f--outline-color);--wcag-checkbox--s-foc--outline-offset:var(--wcag-f--outline-width)}[is=wcag-checkbox]:where(:focus,:focus-visible){--wcag-checkbox--outline-width:var(--wcag-checkbox--s-foc--outline-width);--wcag-checkbox--outline-style:var(--wcag-checkbox--s-foc--outline-style);--wcag-checkbox--outline-color:var(--wcag-checkbox--s-foc--outline-color);--wcag-checkbox--outline-offset:var(--wcag-checkbox--s-foc--outline-offset)}}@layer states.disabled{:root{--wcag-checkbox--s-dis--color:var(--wcag-c--neutral-50);--wcag-checkbox--s-dis--background-color:var(--wcag-c--light);--wcag-checkbox--s-dis--border-color:var(--wcag-c--neutral-100);--wcag-checkbox--s-dis--cursor:not-allowed}[is=wcag-checkbox]:where([disabled],:disabled,[aria-disabled=true]){--wcag-checkbox--color:var(--wcag-checkbox--s-dis--color);--wcag-checkbox--background-color:var(--wcag-checkbox--s-dis--background-color);--wcag-checkbox--border-color:var(--wcag-checkbox--s-dis--border-color);--wcag-checkbox--text-decoration:var(--wcag-checkbox--s-dis--text-decoration);--wcag-checkbox--cursor:var(--wcag-checkbox--s-dis--cursor)}}}@layer wcag-ui.components.details{:root{--wcag-details--border-radius:var(--wcag-r--s)}[is=wcag-details]{border-radius:var(--wcag-details--border-radius);background-color:var(--wcag-details--background-color);& summary{&::marker{content:"";font-size:0;display:inline-block}&::-webkit-details-marker{color:#0000;display:none}& i{transition:rotate .25s linear;display:inline-flex}}&[open]{& summary i{rotate:180deg}}}}@layer wcag-ui.components.input{:root{--wcag-input--color:var(--wcag-c--neutral-800);--wcag-input--background-color:var(--wcag-c--light);--wcag-input--label--gap:var(--wcag-s--4);--wcag-input--label--color:var(--wcag-input--color);--wcag-input--placeholder--color:var(--wcag-c--neutral-200);--wcag-input--border-style:solid;--wcag-input--border-color:var(--wcag-c--neutral-800);--wcag-input--cursor:initial}label:has([is=wcag-input]){place-content:start;place-items:start;gap:var(--wcag-input--label--gap);flex-flow:column;display:inline-flex;&[inline]{flex-flow:row;place-content:start;place-items:center}}[is=wcag-input]{--wcag-t--font-size:var(--wcag-input--font-size);--wcag-t--line-height:var(--wcag-input--height);place-content:center;place-items:center;gap:var(--wcag-input--gap);color:var(--wcag-input--color);background-color:var(--wcag-input--background-color);padding-inline:var(--wcag-input--padding-inline);padding-block:var(--wcag-input--padding-block);border-width:var(--wcag-input--border-width);border-style:var(--wcag-input--border-style);border-color:var(--wcag-input--border-color);border-radius:var(--wcag-input--border-radius);outline-width:var(--wcag-input--outline-width);outline-style:var(--wcag-input--outline-style);outline-color:var(--wcag-input--outline-color);outline-offset:var(--wcag-input--outline-offset);cursor:var(--wcag-input--cursor);flex-flow:row;flex-grow:0;flex-shrink:0;display:inline-flex}@layer dimensions.medium{:root{--wcag-input--md--gap:1.2rem;--wcag-input--md--height:4.4rem;--wcag-input--md--padding-inline:2rem;--wcag-input--md--padding-block:0;--wcag-input--md--border-width:1px;--wcag-input--md--border-radius:.4rem;--wcag-input--md--font-size:1.6rem}[is=wcag-input]{--wcag-input--gap:var(--wcag-input--md--gap);--wcag-input--height:var(--wcag-input--md--height);--wcag-input--padding-inline:var(--wcag-input--md--padding-inline);--wcag-input--padding-block:var(--wcag-input--md--padding-block);--wcag-input--border-width:var(--wcag-input--md--border-width);--wcag-input--border-radius:var(--wcag-input--md--border-radius);--wcag-input--font-size:var(--wcag-input--md--font-size)}}@layer dimensions.small{:root{--wcag-input--sm--gap:.8rem;--wcag-input--sm--height:4rem;--wcag-input--sm--padding-inline:1.2rem;--wcag-input--sm--padding-block:0;--wcag-input--sm--border-width:1px;--wcag-input--sm--border-radius:.35rem;--wcag-input--sm--font-size:1.4rem}[is=wcag-input][sm]{--wcag-input--gap:var(--wcag-input--sm--gap);--wcag-input--height:var(--wcag-input--sm--height);--wcag-input--padding-inline:var(--wcag-input--sm--padding-inline);--wcag-input--padding-block:var(--wcag-input--sm--padding-block);--wcag-input--border-width:var(--wcag-input--sm--border-width);--wcag-input--border-radius:var(--wcag-input--sm--border-radius);--wcag-input--font-size:var(--wcag-input--sm--font-size)}}@layer dimensions.large{:root{--wcag-input--lg--gap:1.6rem;--wcag-input--lg--height:5.6rem;--wcag-input--lg--padding-inline:2rem;--wcag-input--lg--padding-block:0;--wcag-input--lg--border-width:1px;--wcag-input--lg--border-radius:.5rem;--wcag-input--lg--font-size:1.8rem}[is=wcag-input][lg]{--wcag-input--gap:var(--wcag-input--lg--gap);--wcag-input--height:var(--wcag-input--lg--height);--wcag-input--padding-inline:var(--wcag-input--lg--padding-inline);--wcag-input--padding-block:var(--wcag-input--lg--padding-block);--wcag-input--border-width:var(--wcag-input--lg--border-width);--wcag-input--border-radius:var(--wcag-input--lg--border-radius);--wcag-input--font-size:var(--wcag-input--lg--font-size)}}@layer states.hover{:root{--wcag-input--s-hov--border-color:var(--wcag-c--neutral-600)}[is=wcag-input]:hover{--wcag-input--border-color:var(--wcag-input--s-hov--border-color)}}@layer states.active{:root{--wcag-input--s-act--border-color:var(--wcag-c--neutral-600)}[is=wcag-input]:where(:active,[aria-pressed=true]){--wcag-input--border-color:var(--wcag-input--s-act--border-color)}}@layer states.focus{:root{--wcag-input--s-foc--outline-width:var(--wcag-f--outline-width);--wcag-input--s-foc--outline-style:solid;--wcag-input--s-foc--outline-color:var(--wcag-f--outline-color);--wcag-input--s-foc--outline-offset:var(--wcag-f--outline-width)}[is=wcag-input]:where(:focus,:focus-visible){--wcag-input--outline-width:var(--wcag-input--s-foc--outline-width);--wcag-input--outline-style:var(--wcag-input--s-foc--outline-style);--wcag-input--outline-color:var(--wcag-input--s-foc--outline-color);--wcag-input--outline-offset:var(--wcag-input--s-foc--outline-offset)}}@layer states.disabled{:root{--wcag-input--s-dis--color:var(--wcag-c--neutral-50);--wcag-input--s-dis--background-color:var(--wcag-c--light);--wcag-input--s-dis--border-color:var(--wcag-c--neutral-100);--wcag-input--s-dis--cursor:not-allowed}[is=wcag-input]:where([disabled],:disabled,[aria-disabled=true]){--wcag-input--color:var(--wcag-input--s-dis--color);--wcag-input--background-color:var(--wcag-input--s-dis--background-color);--wcag-input--border-color:var(--wcag-input--s-dis--border-color);--wcag-input--text-decoration:var(--wcag-input--s-dis--text-decoration);--wcag-input--cursor:var(--wcag-input--s-dis--cursor)}}}@layer wcag-ui.components.radio{:root{--wcag-radio--color:var(--wcag-c--neutral-800);--wcag-radio--background-color:var(--wcag-c--light);--wcag-radio--label--gap:var(--wcag-s--4);--wcag-radio--label--color:var(--wcag-radio--color);--wcag-radio--placeholder--color:var(--wcag-c--neutral-200);--wcag-radio--border-style:solid;--wcag-radio--border-color:var(--wcag-c--neutral-800);--wcag-radio--cursor:initial}label:has([is=wcag-radio]){place-content:start;place-items:start;gap:var(--wcag-radio--label--gap);flex-flow:column;inline-size:fit-content;display:inline-flex;&[inline]{flex-flow:row;place-content:start;place-items:center}&>span{cursor:pointer;place-content:center;place-items:center;display:inline-flex;position:relative;&:before{content:"";aspect-ratio:1;border:1px solid #0f048b;border-radius:50%;inline-size:2.2rem;display:inline-flex}&:after{content:"";opacity:0;aspect-ratio:1;background-color:#1506bc;border-radius:50%;inline-size:1.6rem;position:absolute}&:hover{&:before{border-color:#1b07ed}}}&:has(:checked){&>span{&:after{opacity:1}}}&:has([aria-disabled=true]){&>span{&:before{background-color:#7e76b2;border-color:#7e76b2}}}}[is=wcag-radio]{--wcag-t--font-size:var(--wcag-radio--font-size);--wcag-t--line-height:var(--wcag-radio--height);appearance:none}@layer dimensions.medium{:root{--wcag-radio--md--gap:1.2rem;--wcag-radio--md--height:4.4rem;--wcag-radio--md--padding-inline:2rem;--wcag-radio--md--padding-block:0;--wcag-radio--md--border-width:1px;--wcag-radio--md--border-radius:.4rem;--wcag-radio--md--font-size:1.6rem}[is=wcag-radio]{--wcag-radio--gap:var(--wcag-radio--md--gap);--wcag-radio--height:var(--wcag-radio--md--height);--wcag-radio--padding-inline:var(--wcag-radio--md--padding-inline);--wcag-radio--padding-block:var(--wcag-radio--md--padding-block);--wcag-radio--border-width:var(--wcag-radio--md--border-width);--wcag-radio--border-radius:var(--wcag-radio--md--border-radius);--wcag-radio--font-size:var(--wcag-radio--md--font-size)}}@layer dimensions.small{:root{--wcag-radio--sm--gap:.8rem;--wcag-radio--sm--height:4rem;--wcag-radio--sm--padding-inline:1.2rem;--wcag-radio--sm--padding-block:0;--wcag-radio--sm--border-width:1px;--wcag-radio--sm--border-radius:.35rem;--wcag-radio--sm--font-size:1.4rem}[is=wcag-radio][sm]{--wcag-radio--gap:var(--wcag-radio--sm--gap);--wcag-radio--height:var(--wcag-radio--sm--height);--wcag-radio--padding-inline:var(--wcag-radio--sm--padding-inline);--wcag-radio--padding-block:var(--wcag-radio--sm--padding-block);--wcag-radio--border-width:var(--wcag-radio--sm--border-width);--wcag-radio--border-radius:var(--wcag-radio--sm--border-radius);--wcag-radio--font-size:var(--wcag-radio--sm--font-size)}}@layer dimensions.large{:root{--wcag-radio--lg--gap:1.6rem;--wcag-radio--lg--height:5.6rem;--wcag-radio--lg--padding-inline:2rem;--wcag-radio--lg--padding-block:0;--wcag-radio--lg--border-width:1px;--wcag-radio--lg--border-radius:.5rem;--wcag-radio--lg--font-size:1.8rem}[is=wcag-radio][lg]{--wcag-radio--gap:var(--wcag-radio--lg--gap);--wcag-radio--height:var(--wcag-radio--lg--height);--wcag-radio--padding-inline:var(--wcag-radio--lg--padding-inline);--wcag-radio--padding-block:var(--wcag-radio--lg--padding-block);--wcag-radio--border-width:var(--wcag-radio--lg--border-width);--wcag-radio--border-radius:var(--wcag-radio--lg--border-radius);--wcag-radio--font-size:var(--wcag-radio--lg--font-size)}}@layer states.hover{:root{--wcag-radio--s-hov--border-color:var(--wcag-c--neutral-600)}[is=wcag-radio]:hover{--wcag-radio--border-color:var(--wcag-radio--s-hov--border-color)}}@layer states.active{:root{--wcag-radio--s-act--border-color:var(--wcag-c--neutral-600)}[is=wcag-radio]:where(:active,[aria-pressed=true]){--wcag-radio--border-color:var(--wcag-radio--s-act--border-color)}}@layer states.focus{:root{--wcag-radio--s-foc--outline-width:var(--wcag-f--outline-width);--wcag-radio--s-foc--outline-style:solid;--wcag-radio--s-foc--outline-color:var(--wcag-f--outline-color);--wcag-radio--s-foc--outline-offset:var(--wcag-f--outline-width)}[is=wcag-radio]:where(:focus,:focus-visible){--wcag-radio--outline-width:var(--wcag-radio--s-foc--outline-width);--wcag-radio--outline-style:var(--wcag-radio--s-foc--outline-style);--wcag-radio--outline-color:var(--wcag-radio--s-foc--outline-color);--wcag-radio--outline-offset:var(--wcag-radio--s-foc--outline-offset)}}@layer states.disabled{:root{--wcag-radio--s-dis--color:var(--wcag-c--neutral-50);--wcag-radio--s-dis--background-color:var(--wcag-c--light);--wcag-radio--s-dis--border-color:var(--wcag-c--neutral-100);--wcag-radio--s-dis--cursor:not-allowed}[is=wcag-radio]:where([disabled],:disabled,[aria-disabled=true]){--wcag-radio--color:var(--wcag-radio--s-dis--color);--wcag-radio--background-color:var(--wcag-radio--s-dis--background-color);--wcag-radio--border-color:var(--wcag-radio--s-dis--border-color);--wcag-radio--text-decoration:var(--wcag-radio--s-dis--text-decoration);--wcag-radio--cursor:var(--wcag-radio--s-dis--cursor)}}}@layer wcag-ui.components.scroll-spy{[is=wcag-scroll-spy]{align-self:flex-start;width:250px;display:block;& nav{& ul{padding:0;list-style:none;& li{margin-bottom:10px;& a{color:#333;text-decoration:none}&.active{& a{color:#007bff;font-weight:700}}}}}}}@layer wcag-ui.components.select;@layer wcag-ui.components.switch{:root{--wcag-switch--color:var(--wcag-c--neutral-800);--wcag-switch--background-color:var(--wcag-c--light);--wcag-switch--label--gap:var(--wcag-s--4);--wcag-switch--label--color:var(--wcag-switch--color);--wcag-switch--placeholder--color:var(--wcag-c--neutral-200);--wcag-switch--border-style:solid;--wcag-switch--border-color:var(--wcag-c--neutral-800);--wcag-switch--cursor:initial}label:has([is=wcag-switch]){place-content:start;place-items:start;gap:var(--wcag-switch--label--gap);flex-flow:column;inline-size:fit-content;display:inline-flex;&[inline]{flex-flow:row;place-content:start;place-items:center}&>span{cursor:pointer;border-radius:2px;place-content:center;place-items:center;display:inline-flex;position:relative;&:before{content:"off";aspect-ratio:1;text-indent:-2rem;background-color:#1506bc;border:1px solid #0f048b;border-radius:2px;place-content:end;place-items:center;block-size:1.4rem;inline-size:4.5rem;font-size:1.2rem;line-height:1.6rem;display:inline-flex}&:after{content:"";aspect-ratio:1;background-color:#756caccc;border-radius:2px;place-self:center end;inline-size:1.8rem;display:inline-flex;position:absolute;translate:-1.45rem}&:hover{&:before{border-color:#1b07ed}}}&:has(:checked){&>span{&:before{content:"on";text-indent:.7rem;place-content:start}&:after{translate:1.45rem}}}&:has([aria-disabled=true]){&>span{&:before{background-color:#7e76b2;border-color:#7e76b2}}}}[is=wcag-switch]{--wcag-t--font-size:var(--wcag-switch--font-size);--wcag-t--line-height:var(--wcag-switch--height);appearance:none}@layer dimensions.medium{:root{--wcag-switch--md--gap:1.2rem;--wcag-switch--md--height:4.4rem;--wcag-switch--md--padding-inline:2rem;--wcag-switch--md--padding-block:0;--wcag-switch--md--border-width:1px;--wcag-switch--md--border-radius:.4rem;--wcag-switch--md--font-size:1.6rem}[is=wcag-switch]{--wcag-switch--gap:var(--wcag-switch--md--gap);--wcag-switch--height:var(--wcag-switch--md--height);--wcag-switch--padding-inline:var(--wcag-switch--md--padding-inline);--wcag-switch--padding-block:var(--wcag-switch--md--padding-block);--wcag-switch--border-width:var(--wcag-switch--md--border-width);--wcag-switch--border-radius:var(--wcag-switch--md--border-radius);--wcag-switch--font-size:var(--wcag-switch--md--font-size)}}@layer dimensions.small{:root{--wcag-switch--sm--gap:.8rem;--wcag-switch--sm--height:4rem;--wcag-switch--sm--padding-inline:1.2rem;--wcag-switch--sm--padding-block:0;--wcag-switch--sm--border-width:1px;--wcag-switch--sm--border-radius:.35rem;--wcag-switch--sm--font-size:1.4rem}[is=wcag-switch][sm]{--wcag-switch--gap:var(--wcag-switch--sm--gap);--wcag-switch--height:var(--wcag-switch--sm--height);--wcag-switch--padding-inline:var(--wcag-switch--sm--padding-inline);--wcag-switch--padding-block:var(--wcag-switch--sm--padding-block);--wcag-switch--border-width:var(--wcag-switch--sm--border-width);--wcag-switch--border-radius:var(--wcag-switch--sm--border-radius);--wcag-switch--font-size:var(--wcag-switch--sm--font-size)}}@layer dimensions.large{:root{--wcag-switch--lg--gap:1.6rem;--wcag-switch--lg--height:5.6rem;--wcag-switch--lg--padding-inline:2rem;--wcag-switch--lg--padding-block:0;--wcag-switch--lg--border-width:1px;--wcag-switch--lg--border-radius:.5rem;--wcag-switch--lg--font-size:1.8rem}[is=wcag-switch][lg]{--wcag-switch--gap:var(--wcag-switch--lg--gap);--wcag-switch--height:var(--wcag-switch--lg--height);--wcag-switch--padding-inline:var(--wcag-switch--lg--padding-inline);--wcag-switch--padding-block:var(--wcag-switch--lg--padding-block);--wcag-switch--border-width:var(--wcag-switch--lg--border-width);--wcag-switch--border-radius:var(--wcag-switch--lg--border-radius);--wcag-switch--font-size:var(--wcag-switch--lg--font-size)}}@layer states.hover{:root{--wcag-switch--s-hov--border-color:var(--wcag-c--neutral-600)}[is=wcag-switch]:hover{--wcag-switch--border-color:var(--wcag-switch--s-hov--border-color)}}@layer states.active{:root{--wcag-switch--s-act--border-color:var(--wcag-c--neutral-600)}[is=wcag-switch]:where(:active,[aria-pressed=true]){--wcag-switch--border-color:var(--wcag-switch--s-act--border-color)}}@layer states.focus{:root{--wcag-switch--s-foc--outline-width:var(--wcag-f--outline-width);--wcag-switch--s-foc--outline-style:solid;--wcag-switch--s-foc--outline-color:var(--wcag-f--outline-color);--wcag-switch--s-foc--outline-offset:var(--wcag-f--outline-width)}[is=wcag-switch]:where(:focus,:focus-visible){--wcag-switch--outline-width:var(--wcag-switch--s-foc--outline-width);--wcag-switch--outline-style:var(--wcag-switch--s-foc--outline-style);--wcag-switch--outline-color:var(--wcag-switch--s-foc--outline-color);--wcag-switch--outline-offset:var(--wcag-switch--s-foc--outline-offset)}}@layer states.disabled{:root{--wcag-switch--s-dis--color:var(--wcag-c--neutral-50);--wcag-switch--s-dis--background-color:var(--wcag-c--light);--wcag-switch--s-dis--border-color:var(--wcag-c--neutral-100);--wcag-switch--s-dis--cursor:not-allowed}[is=wcag-switch]:where([disabled],:disabled,[aria-disabled=true]){--wcag-switch--color:var(--wcag-switch--s-dis--color);--wcag-switch--background-color:var(--wcag-switch--s-dis--background-color);--wcag-switch--border-color:var(--wcag-switch--s-dis--border-color);--wcag-switch--text-decoration:var(--wcag-switch--s-dis--text-decoration);--wcag-switch--cursor:var(--wcag-switch--s-dis--cursor)}}}@layer wcag-ui.components.textarea{:root{--wcag-textarea--color:var(--wcag-c--neutral-800);--wcag-textarea--background-color:var(--wcag-c--light);--wcag-textarea--label--gap:var(--wcag-s--4);--wcag-textarea--label--color:var(--wcag-textarea--color);--wcag-textarea--placeholder--color:var(--wcag-c--neutral-200);--wcag-textarea--border-style:solid;--wcag-textarea--border-color:var(--wcag-c--neutral-800);--wcag-textarea--cursor:initial}label:has([is=wcag-textarea]){place-content:start;place-items:start;gap:var(--wcag-textarea--label--gap);flex-flow:column;display:inline-flex;&[inline]{flex-flow:row;place-content:start;place-items:center}}[is=wcag-textarea]{--wcag-t--font-size:var(--wcag-textarea--font-size);--wcag-t--line-height:var(--wcag-textarea--height);place-content:center;place-items:center;gap:var(--wcag-textarea--gap);color:var(--wcag-textarea--color);background-color:var(--wcag-textarea--background-color);padding-inline:var(--wcag-textarea--padding-inline);padding-block:var(--wcag-textarea--padding-block);border-width:var(--wcag-textarea--border-width);border-style:var(--wcag-textarea--border-style);border-color:var(--wcag-textarea--border-color);border-radius:var(--wcag-textarea--border-radius);outline-width:var(--wcag-textarea--outline-width);outline-style:var(--wcag-textarea--outline-style);outline-color:var(--wcag-textarea--outline-color);outline-offset:var(--wcag-textarea--outline-offset);cursor:var(--wcag-textarea--cursor);flex-flow:row;flex-grow:0;flex-shrink:0;display:inline-flex}@layer dimensions.medium{:root{--wcag-textarea--md--gap:1.2rem;--wcag-textarea--md--height:4.4rem;--wcag-textarea--md--padding-inline:2rem;--wcag-textarea--md--padding-block:0;--wcag-textarea--md--border-width:1px;--wcag-textarea--md--border-radius:.4rem;--wcag-textarea--md--font-size:1.6rem}[is=wcag-textarea]{--wcag-textarea--gap:var(--wcag-textarea--md--gap);--wcag-textarea--height:var(--wcag-textarea--md--height);--wcag-textarea--padding-inline:var(--wcag-textarea--md--padding-inline);--wcag-textarea--padding-block:var(--wcag-textarea--md--padding-block);--wcag-textarea--border-width:var(--wcag-textarea--md--border-width);--wcag-textarea--border-radius:var(--wcag-textarea--md--border-radius);--wcag-textarea--font-size:var(--wcag-textarea--md--font-size)}}@layer dimensions.small{:root{--wcag-textarea--sm--gap:.8rem;--wcag-textarea--sm--height:4rem;--wcag-textarea--sm--padding-inline:1.2rem;--wcag-textarea--sm--padding-block:0;--wcag-textarea--sm--border-width:1px;--wcag-textarea--sm--border-radius:.35rem;--wcag-textarea--sm--font-size:1.4rem}[is=wcag-textarea][sm]{--wcag-textarea--gap:var(--wcag-textarea--sm--gap);--wcag-textarea--height:var(--wcag-textarea--sm--height);--wcag-textarea--padding-inline:var(--wcag-textarea--sm--padding-inline);--wcag-textarea--padding-block:var(--wcag-textarea--sm--padding-block);--wcag-textarea--border-width:var(--wcag-textarea--sm--border-width);--wcag-textarea--border-radius:var(--wcag-textarea--sm--border-radius);--wcag-textarea--font-size:var(--wcag-textarea--sm--font-size)}}@layer dimensions.large{:root{--wcag-textarea--lg--gap:1.6rem;--wcag-textarea--lg--height:5.6rem;--wcag-textarea--lg--padding-inline:2rem;--wcag-textarea--lg--padding-block:0;--wcag-textarea--lg--border-width:1px;--wcag-textarea--lg--border-radius:.5rem;--wcag-textarea--lg--font-size:1.8rem}[is=wcag-textarea][lg]{--wcag-textarea--gap:var(--wcag-textarea--lg--gap);--wcag-textarea--height:var(--wcag-textarea--lg--height);--wcag-textarea--padding-inline:var(--wcag-textarea--lg--padding-inline);--wcag-textarea--padding-block:var(--wcag-textarea--lg--padding-block);--wcag-textarea--border-width:var(--wcag-textarea--lg--border-width);--wcag-textarea--border-radius:var(--wcag-textarea--lg--border-radius);--wcag-textarea--font-size:var(--wcag-textarea--lg--font-size)}}@layer states.hover{:root{--wcag-textarea--s-hov--border-color:var(--wcag-c--neutral-600)}[is=wcag-textarea]:hover{--wcag-textarea--border-color:var(--wcag-textarea--s-hov--border-color)}}@layer states.active{:root{--wcag-textarea--s-act--border-color:var(--wcag-c--neutral-600)}[is=wcag-textarea]:where(:active,[aria-pressed=true]){--wcag-textarea--border-color:var(--wcag-textarea--s-act--border-color)}}@layer states.focus{:root{--wcag-textarea--s-foc--outline-width:var(--wcag-f--outline-width);--wcag-textarea--s-foc--outline-style:solid;--wcag-textarea--s-foc--outline-color:var(--wcag-f--outline-color);--wcag-textarea--s-foc--outline-offset:var(--wcag-f--outline-width)}[is=wcag-textarea]:where(:focus,:focus-visible){--wcag-textarea--outline-width:var(--wcag-textarea--s-foc--outline-width);--wcag-textarea--outline-style:var(--wcag-textarea--s-foc--outline-style);--wcag-textarea--outline-color:var(--wcag-textarea--s-foc--outline-color);--wcag-textarea--outline-offset:var(--wcag-textarea--s-foc--outline-offset)}}@layer states.disabled{:root{--wcag-textarea--s-dis--color:var(--wcag-c--neutral-50);--wcag-textarea--s-dis--background-color:var(--wcag-c--light);--wcag-textarea--s-dis--border-color:var(--wcag-c--neutral-100);--wcag-textarea--s-dis--cursor:not-allowed}[is=wcag-textarea]:where([disabled],:disabled,[aria-disabled=true]){--wcag-textarea--color:var(--wcag-textarea--s-dis--color);--wcag-textarea--background-color:var(--wcag-textarea--s-dis--background-color);--wcag-textarea--border-color:var(--wcag-textarea--s-dis--border-color);--wcag-textarea--text-decoration:var(--wcag-textarea--s-dis--text-decoration);--wcag-textarea--cursor:var(--wcag-textarea--s-dis--cursor)}}}@layer wcag-ui-docs.code{pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#f8f8f2;background:#2b2b2b}.hljs-comment,.hljs-quote{color:#d4d0ab}.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#ffa07a}.hljs-built_in,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#f5ab35}.hljs-attribute{color:gold}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#abe338}.hljs-section,.hljs-title{color:#00e0e0}.hljs-keyword,.hljs-selector-tag{color:#dcc6e0}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}@media screen and (-ms-high-contrast:active){.hljs-addition,.hljs-attribute,.hljs-built_in,.hljs-bullet,.hljs-comment,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-quote,.hljs-string,.hljs-symbol,.hljs-type{color:highlight}.hljs-keyword,.hljs-selector-tag{font-weight:700}}.hljs{background-color:#110b3c;border:1px solid #10058a}}@layer wcag-ui-docs.layout.variables{:root{--wcag-f--outline-color:light-dark(#1506bc,#bdb8f4);--wcag-t--variant--opsz:"Auto";--wcag-t--variant--weight:400}:root{--docs--background-color:light-dark(#f3f2f8,#0a0623);--docs--header--color:light-dark(#0a0623,#fff);--docs--header--background-color:light-dark(#f3f2f8,#0a0623);--docs--header--box-shadow:0 .8rem 8rem -.2rem light-dark(#7e76b21a,#ffffff0f);--docs--header--min-height:9.6rem;--docs--header--padding-inline:8rem;--docs--header--font-size:2.4rem;--docs--header--logo--color:light-dark(#0f048b,#fff);--docs--header--logo--height:5rem;--docs--header--nav-item--border-radius:.8rem;--docs--header--nav-item--padding-inline:1.6rem;--docs--header--nav-item--color:light-dark(#0a0623,#f3f2f8);--docs--header--nav-item--background-color:transparent;--docs--header--nav-item--hover--background-color:light-dark(#d1cee3,#a9a2f1);--docs--header--nav-item--active--background-color:light-dark(#c2beda,#948ced);--docs--header--nav-item--selected--color:light-dark(#f3f2f8,#0a0623);--docs--header--nav-item--selected--background-color:light-dark(#1506bc,#bdb8f4);--docs--header--nav-item--selected--hover--background-color:light-dark(#1506bc,#bdb8f4);--docs--header--nav-item--selected--active--background-color:light-dark(#1506bc,#bdb8f4);--docs--header--nav-item--font-size:1.6rem;--docs--header--nav-item--line-height:3.2rem;--docs--header--menu--border-radius:.8rem;--docs--header--menu-item--border-radius:.8rem;--docs--header--menu-item--color:light-dark(#0a0623,#f3f2f8);--docs--header--menu-item--background-color:light-dark(#e0deed,#61589d);--docs--header--menu-item--hover--background-color:light-dark(#d1cee3,#685fa5);--docs--header--menu-item--active--background-color:light-dark(#c2beda,#7269ab);--docs--header--menu-item--selected--color:light-dark(#f3f2f8,#0a0623);--docs--header--menu-item--selected--background-color:light-dark(#1506bc,#bdb8f4);--docs--header--menu-item--selected--hover--background-color:light-dark(#1b07ed,#a9a2f1);--docs--header--menu-item--selected--active--background-color:light-dark(#402ff9,#948ced);--docs--aside--width:10vw;--docs--scroll-spy--width:10vw;--docs--footer--min-height:33rem;--docs--footer--color:light-dark(#110b3c,#f3f2f8);--docs--footer--background-color:light-dark(#e6e5f0,#0a0623);--docs--footer--box-shadow:0px .8rem 8rem -.2rem light-dark(#ffffff0f,#7e76b21a);--docs--footer--logo--color:light-dark(#0f048b,#fff);@media screen and (width>=1024px){--docs--aside--width:23vw;--docs--scroll-spy--width:23vw}}}@layer wcag-ui-docs.layout.core{:root{font-optical-sizing:auto;font-family:InterVariable,sans-serif;font-weight:var(--wcag-t--variant--weight);font-variation-settings:"opsz" var(--wcag-t--variant--opsz),"wght" var(--wcag-t--variant--weight)}html{min-block-size:100vh;inline-size:100vw}body{grid-template-columns:var(--docs--aside--width)1fr var(--docs--scroll-spy--width);background-color:var(--docs--background-color);background-image:url(background-image.c18c3898.svg);background-repeat:repeat-y;background-size:100vw;grid-template-rows:auto 1fr auto;grid-template-areas:"header header header""aside main \-""footer footer footer";min-block-size:100vh;inline-size:100vw;display:grid}@media screen and (width>=1366px){body{grid-template-rows:var(--docs--header--min-height)1fr var(--docs--footer--min-height);grid-template-areas:"header header header""aside main scroll-spy""footer footer footer"}}a{--wcag-f--outline-offset:calc(var(--wcag-f--outline-width)*2);border-radius:.4rem}}@layer wcag-ui-docs.layout.header{body>header{--wcag-t--font-size:var(--docs--header--font-size);z-index:3;color:var(--docs--header--color);background-color:var(--docs--header--background-color);box-shadow:var(--docs--header--box-shadow);min-block-size:var(--docs--header--min-height);padding-inline:var(--docs--header--padding-inline);flex-flow:column;grid-area:header;place-content:space-between;place-items:center;gap:2rem;padding-block:0 1.5rem;display:flex;position:sticky;inset-block-start:0;@media screen and (width>=1024px){flex-flow:row;padding-block:0}& a{--wcag-t--text-decoration:none;&[logo]{--wcag-t--font-size:var(--docs--header--logo--height);border-radius:var(--docs--header--menu--border-radius);block-size:6.5rem;inline-size:14.6rem;color:var(--docs--header--logo--color);padding-inline:.5rem;display:inline-block}}& i{display:inline-block}}}@layer wcag-ui-docs.layout.header.nav{body>header nav{flex-flow:row;place-content:center;place-items:center;gap:.5rem;display:inline-flex;& a{--wcag-t--font-size:var(--docs--header--nav-item--font-size);--wcag-t--line-height:var(--docs--header--nav-item--line-height);--wcag-t--text-decoration:none;color:var(--docs--header--nav-item--color);background-color:var(--docs--header--nav-item--background-color);padding-inline:var(--docs--header--nav-item--padding-inline);border-radius:var(--docs--header--nav-item--border-radius);flex-flow:row;place-content:center;place-items:center;gap:.5rem;display:inline-flex;&:hover{--docs--header--nav-item--background-color:var(--docs--header--nav-item--hover--background-color)}&:active{--docs--header--nav-item--background-color:var(--docs--header--nav-item--active--background-color)}&[active]{--docs--header--nav-item--color:var(--docs--header--nav-item--selected--color);--docs--header--nav-item--background-color:var(--docs--header--nav-item--selected--background-color);&:hover{--docs--header--nav-item--background-color:var(--docs--header--nav-item--selected--hover--background-color)}&:active{--docs--header--nav-item--background-color:var(--docs--header--nav-item--selected--active--background-color)}}}& i{--wcag-t--font-size:1.8rem;inline-size:var(--wcag-t--font-size);aspect-ratio:1;display:inline-block}}}@layer wcag-ui-docs.layout.color-scheme{[color-scheme]{border-radius:var(--docs--header--menu--border-radius);block-size:4rem;color:var(--docs--header--menu-item--color);background-color:var(--docs--header--menu-item--background-color);flex-flow:row;place-content:center;place-items:center;gap:0;display:inline-flex;& label{--wcag-t--font-size:1.4rem;--wcag-t--line-height:2.85714;border-radius:var(--docs--header--menu--border-radius);color:var(--docs--header--menu-item--color);background-color:var(--docs--header--menu-item--background-color);flex-flow:row;place-content:center;place-items:center;gap:1rem;padding-inline:1rem;display:inline-flex;& i{--wcag-t--font-size:1.8rem;--wcag-t--line-height:1;inline-size:var(--wcag-t--font-size);aspect-ratio:1}&:hover{--docs--header--menu-item--background-color:var(--docs--header--menu-item--hover--background-color)}&:active{--docs--header--menu-item--background-color:var(--docs--header--menu-item--active--background-color)}&:has(:checked){--docs--header--menu-item--color:var(--docs--header--menu-item--selected--color);--docs--header--menu-item--background-color:var(--docs--header--menu-item--selected--background-color);z-index:1;&:hover{--docs--header--menu-item--background-color:var(--docs--header--menu-item--selected--hover--background-color)}&:active{--docs--header--menu-item--background-color:var(--docs--header--menu-item--selected--active--background-color)}}}}}@layer wcag-ui-docs.layout.aside{:root{--docs--aside--link--color:light-dark(#0a0623,#f3f2f8);--docs--aside--link--indicator--color:light-dark(#cecbe2,#948ced);--docs--aside--link--hover--background-color:light-dark(#e6e5f0,#251782);--docs--aside--active-link--indicator--color:light-dark(#1506bc,#e6e5f0)}body>aside[nav]{grid-area:aside;& [is=wcag-accordion]{inline-size:19.3rem;flex-flow:column;place-content:center;place-items:center;gap:1.6rem;margin:0 auto;padding:2rem 1.2rem;display:flex;position:sticky;inset-block-start:calc(var(--docs--header--min-height) + 3rem)}& [is=wcag-details]{inline-size:100%;& summary{--wcag-t--line-height:4rem;place-content:space-between;place-items:center;padding-inline:2rem 0;display:flex;& i{--wcag-t--font-size:.6em}&:hover{background-color:var(--docs--aside--link--hover--background-color)}}& [content]{flex-flow:column;place-content:start;place-items:start;gap:0;padding-block:1.6rem;padding-inline-start:3rem;display:flex}& a{--wcag-t--text-decoration:none;inline-size:100%;color:var(--docs--aside--link--color);place-content:start;place-items:center;gap:2rem;padding-inline:1.2rem;display:flex;&:before{content:"";background-color:var(--docs--aside--link--indicator--color);flex-shrink:0;block-size:4rem;inline-size:.4rem;display:inline-flex}&:hover{background-color:var(--docs--aside--link--hover--background-color)}&[active]{--wcag-t--font-weight:700;&:before{background-color:var(--docs--aside--active-link--indicator--color)}}}}}}@layer wcag-ui-docs.layout.main{main{grid-area:main;padding-block:8rem}}@layer wcag-ui-docs.layout.scroll-spy{body>aside[scroll-spy]{grid-area:scroll-spy;& [is=wcag-scroll-spy]{inline-size:19.3rem;margin:0 auto 0 2rem;position:sticky;inset-block-start:calc(var(--docs--header--min-height) + 3rem)}}}@layer wcag-ui-docs.layout.footer{body>footer{z-index:2;min-block-size:var(--docs--footer--min-height);color:var(--docs--footer--color);background-color:var(--docs--footer--background-color);box-shadow:var(--docs--footer--box-shadow);flex-flow:column;grid-area:footer;place-content:start;place-items:center;gap:4rem;padding:4.8rem 8rem;display:flex;position:relative;@media screen and (width>=1024px){flex-flow:row;place-content:start;place-items:start;gap:14.2rem}& [logo]{--wcag-t--font-size:2.4rem;--wcag-t--text-decoration:none;color:var(--docs--footer--logo--color);&[logo=wcag-ui]{--wcag-t--font-size:7.2rem}}& [credits]{flex-flow:column;place-content:start;place-items:start;gap:3.2rem;display:flex;& section{flex-flow:column;place-content:start;place-items:start;gap:1.2rem;display:flex}}& [links]{flex-flow:column;flex-grow:1;place-content:start;place-items:start;gap:3rem;display:flex;@media screen and (width>=768px){flex-flow:wrap}@media screen and (width>=1024px){flex-flow:row}& section{flex-flow:column;flex-grow:1;place-content:start;place-items:start;gap:1.6rem;display:flex}& nav{flex-flow:column;place-content:start;place-items:start;gap:1.6rem;display:flex}& a{color:var(--docs--footer--color);place-content:start;place-items:center;gap:.4rem;display:inline-flex;&:has(i+span){--wcag-t--text-decoration:none;& i{--wcag-t--font-size:2rem}& span{--wcag-t--text-decoration:underline}&:hover{& span{--wcag-t--text-decoration:none}}}}}}}@layer wcag-ui-docs.layout;@layer wcag-ui-docs.pages.foundations.colors{[example]:has([color-box]){place-content:start;place-items:start;gap:var(--wcag-s--32);color:var(--docs--colors--example--color);background-color:var(--docs--colors--example--background-color);flex-flow:wrap;display:flex;& [color]{place-content:center;place-items:center;gap:var(--wcag-s--4);flex-flow:column;display:flex;& [color-box]{aspect-ratio:1;background-color:var(--docs--color-box--background-color);inline-size:8.5rem;display:block}&[color=neutral-00]{--docs--color-box--background-color:var(--wcag-c--neutral-00)}&[color=neutral-20]{--docs--color-box--background-color:var(--wcag-c--neutral-20)}&[color=neutral-50]{--docs--color-box--background-color:var(--wcag-c--neutral-50)}&[color=neutral-100]{--docs--color-box--background-color:var(--wcag-c--neutral-100)}&[color=neutral-200]{--docs--color-box--background-color:var(--wcag-c--neutral-200)}&[color=neutral-300]{--docs--color-box--background-color:var(--wcag-c--neutral-300)}&[color=neutral-400]{--docs--color-box--background-color:var(--wcag-c--neutral-400)}&[color=neutral-500]{--docs--color-box--background-color:var(--wcag-c--neutral-500)}&[color=neutral-600]{--docs--color-box--background-color:var(--wcag-c--neutral-600)}&[color=neutral-700]{--docs--color-box--background-color:var(--wcag-c--neutral-700)}&[color=neutral-800]{--docs--color-box--background-color:var(--wcag-c--neutral-800)}&[color=neutral-900]{--docs--color-box--background-color:var(--wcag-c--neutral-900)}&[color=blue-100]{--docs--color-box--background-color:var(--wcag-c--blue-100)}&[color=blue-200]{--docs--color-box--background-color:var(--wcag-c--blue-200)}&[color=blue-300]{--docs--color-box--background-color:var(--wcag-c--blue-300)}&[color=blue-400]{--docs--color-box--background-color:var(--wcag-c--blue-400)}&[color=blue-500]{--docs--color-box--background-color:var(--wcag-c--blue-500)}&[color=blue-600]{--docs--color-box--background-color:var(--wcag-c--blue-600)}&[color=blue-700]{--docs--color-box--background-color:var(--wcag-c--blue-700)}&[color=blue-800]{--docs--color-box--background-color:var(--wcag-c--blue-800)}&[color=green-100]{--docs--color-box--background-color:var(--wcag-c--green-100)}&[color=green-200]{--docs--color-box--background-color:var(--wcag-c--green-200)}&[color=green-300]{--docs--color-box--background-color:var(--wcag-c--green-300)}&[color=green-400]{--docs--color-box--background-color:var(--wcag-c--green-400)}&[color=green-500]{--docs--color-box--background-color:var(--wcag-c--green-500)}&[color=yellow-100]{--docs--color-box--background-color:var(--wcag-c--yellow-100)}&[color=yellow-200]{--docs--color-box--background-color:var(--wcag-c--yellow-200)}&[color=yellow-300]{--docs--color-box--background-color:var(--wcag-c--yellow-300)}&[color=yellow-400]{--docs--color-box--background-color:var(--wcag-c--yellow-400)}&[color=yellow-500]{--docs--color-box--background-color:var(--wcag-c--yellow-500)}&[color=red-100]{--docs--color-box--background-color:var(--wcag-c--red-100)}&[color=red-200]{--docs--color-box--background-color:var(--wcag-c--red-200)}&[color=red-300]{--docs--color-box--background-color:var(--wcag-c--red-300)}&[color=red-400]{--docs--color-box--background-color:var(--wcag-c--red-400)}&[color=red-500]{--docs--color-box--background-color:var(--wcag-c--red-500)}}}}@layer wcag-ui-docs.pages;@view-transition{navigation:auto}html{scroll-behavior:smooth;scroll-padding-top:var(--docs--header--min-height)}[is=wcag-scroll-spy]{top:var(--docs--header--min-height)}p:has(button){flex-flow:row;place-content:start;place-items:center;gap:2rem;display:flex}