:root {
  /**************************************** WTW Brand Colors ****************************************/
  --wtw-ultraviolet: #7f35b2;
  --wtw-ultravioletdark: #48086f;
  --wtw-ultravioletlight: #C2A8F0;
  --wtw-fireworks: #C900AC;
  --wtw-fireworksdark: #9E0085;
  --wtw-fireworkslight: #E377DC;
  --wtw-coralreef: #F6517F;
  --wtw-coralreefdark: #A61932;
  --wtw-coralreeflight: #FFA3C2;
  --wtw-mandarin: #FF8204;
  --wtw-mandarindark: #BF5321;
  --wtw-mandarinlight: #FFBFAC;
  --wtw-submarine: #FFB92A;
  --wtw-submarinedark: #B68600;
  --wtw-submarinelight: #F8E19A;
  --wtw-infinity: #3ADCC9;
  --wtw-infinitydark: #007D61;
  --wtw-infinitylight: #A8E8E2;
  --wtw-stratosphere: #327FEF;
  --wtw-stratospheredark: #1D418E;
  --wtw-stratospherelight: #C3D7FE;
  --wtw-graymatter: #BFBFBF;
  --wtw-graymatterdark: #808080;
  --wtw-graymatterlight: #050404;
  --wtw-black: #000000;
  --wtw-white: #ffffff;
  /**************************************** WTW Color Scales - Light Mode ****************************************/
  --wtw-coralreef--10: #FFFAFC;
  --wtw-coralreef--25: #FFF5F9;
  --wtw-coralreef--50: #FFF0F4;
  --wtw-coralreef--75: #FFE6EF;
  --wtw-coralreef--100: #FFE4ED;
  --wtw-coralreef--125: #FFD7E5;
  --wtw-coralreef--150: #FFCEDC;
  --wtw-coralreef--175: #FFC2D7;
  --wtw-coralreef--200: #FFB7CC;
  --wtw-coralreef--250: #FEA6C0;
  --wtw-coralreef--275: #FE99BB;
  --wtw-coralreef--300: #FD8CAC;
  --wtw-coralreef--350: #FA7399;
  --wtw-coralreef--400: #F75784;
  --wtw-coralreef--450: #EC4272;
  --wtw-coralreef--500: #DB3363;
  --wtw-coralreef--550: #CA2254;
  --wtw-coralreef--600: #B41948;
  --wtw-coralreef--650: #A0113D;
  --wtw-coralreef--700: #850A31;
  --wtw-coralreef--750: #710629;
  --wtw-coralreef--800: #5A031F;
  --wtw-coralreef--825: #510120;
  --wtw-coralreef--850: #4A011A;
  --wtw-coralreef--875: #400019;
  --wtw-coralreef--900: #380013;
  --wtw-coralreef--925: #300013;
  --wtw-coralreef--950: #290010;
  --wtw-coralreef--975: #20000D;
  --wtw-coralreef--990: #1A000A;
  --wtw-fireworks--10: #FFFAFE;
  --wtw-fireworks--25: #FEF5FD;
  --wtw-fireworks--50: #FEF0FC;
  --wtw-fireworks--75: #FDE6FA;
  --wtw-fireworks--100: #FDE1F9;
  --wtw-fireworks--125: #FCD7F7;
  --wtw-fireworks--150: #FCCDF5;
  --wtw-fireworks--175: #FBC0F2;
  --wtw-fireworks--200: #FABAF0;
  --wtw-fireworks--250: #F8A3EB;
  --wtw-fireworks--275: #F696E8;
  --wtw-fireworks--300: #F488E4;
  --wtw-fireworks--350: #EF6FDC;
  --wtw-fireworks--400: #E954D3;
  --wtw-fireworks--450: #E138C8;
  --wtw-fireworks--500: #D124B8;
  --wtw-fireworks--550: #BD1BA6;
  --wtw-fireworks--600: #A81393;
  --wtw-fireworks--650: #940D81;
  --wtw-fireworks--700: #7B086B;
  --wtw-fireworks--750: #68055A;
  --wtw-fireworks--800: #530247;
  --wtw-fireworks--825: #4A0140;
  --wtw-fireworks--850: #44013A;
  --wtw-fireworks--875: #3B0033;
  --wtw-fireworks--900: #33002C;
  --wtw-fireworks--925: #2C0026;
  --wtw-fireworks--950: #260021;
  --wtw-fireworks--975: #1D0019;
  --wtw-fireworks--990: #180015;
  --wtw-graymatter--10: #FBFBFC;
  --wtw-graymatter--25: #F8F8F9;
  --wtw-graymatter--50: #F2F3F4;
  --wtw-graymatter--75: #ECEDEE;
  --wtw-graymatter--100: #E8EAEB;
  --wtw-graymatter--125: #E0E1E3;
  --wtw-graymatter--150: #D9DBDC;
  --wtw-graymatter--175: #D1D2D4;
  --wtw-graymatter--200: #CACBCD;
  --wtw-graymatter--250: #BEBFC1;
  --wtw-graymatter--275: #B6B7B9;
  --wtw-graymatter--300: #ADAFB1;
  --wtw-graymatter--350: #9E9FA2;
  --wtw-graymatter--400: #8F9194;
  --wtw-graymatter--450: #828487;
  --wtw-graymatter--500: #757779;
  --wtw-graymatter--550: #686A6D;
  --wtw-graymatter--600: #5C5D5F;
  --wtw-graymatter--650: #505153;
  --wtw-graymatter--700: #414244;
  --wtw-graymatter--750: #363739;
  --wtw-graymatter--800: #2A2A2B;
  --wtw-graymatter--825: #252526;
  --wtw-graymatter--850: #212122;
  --wtw-graymatter--875: #1C1C1D;
  --wtw-graymatter--900: #171718;
  --wtw-graymatter--925: #131414;
  --wtw-graymatter--950: #101011;
  --wtw-graymatter--975: #0B0B0C;
  --wtw-graymatter--990: #080809;
  --wtw-infinity--10: #F6FDFC;
  --wtw-infinity--25: #ECFCFA;
  --wtw-infinity--50: #DFF9F6;
  --wtw-infinity--75: #C7F5F0;
  --wtw-infinity--100: #C3F4EF;
  --wtw-infinity--125: #A7EFE7;
  --wtw-infinity--150: #90EBE1;
  --wtw-infinity--175: #72E6D9;
  --wtw-infinity--200: #51E0D0;
  --wtw-infinity--250: #29D5C4;
  --wtw-infinity--275: #28CCBE;
  --wtw-infinity--300: #27C2B6;
  --wtw-infinity--350: #25B1A9;
  --wtw-infinity--400: #24A19B;
  --wtw-infinity--450: #22928F;
  --wtw-infinity--500: #208382;
  --wtw-infinity--550: #1D7575;
  --wtw-infinity--600: #1B6768;
  --wtw-infinity--650: #18595B;
  --wtw-infinity--700: #15494C;
  --wtw-infinity--750: #123D3F;
  --wtw-infinity--800: #0F2F31;
  --wtw-infinity--825: #0D292C;
  --wtw-infinity--850: #0C2528;
  --wtw-infinity--875: #0A1F22;
  --wtw-infinity--900: #091A1C;
  --wtw-infinity--925: #071517;
  --wtw-infinity--950: #061214;
  --wtw-infinity--975: #040D0D;
  --wtw-infinity--990: #03090A;
  --wtw-mandarin--10: #FFFBF7;
  --wtw-mandarin--25: #FFF6F0;
  --wtw-mandarin--50: #FFF2E8;
  --wtw-mandarin--75: #FFE9D8;
  --wtw-mandarin--100: #FFE6D5;
  --wtw-mandarin--125: #FFDBC1;
  --wtw-mandarin--150: #FFD2B2;
  --wtw-mandarin--175: #FFC79F;
  --wtw-mandarin--200: #FFBD8C;
  --wtw-mandarin--250: #FFAD6B;
  --wtw-mandarin--275: #FFA151;
  --wtw-mandarin--300: #FF9434;
  --wtw-mandarin--350: #FA7C00;
  --wtw-mandarin--400: #E76F00;
  --wtw-mandarin--450: #D56200;
  --wtw-mandarin--500: #C25700;
  --wtw-mandarin--550: #B04C00;
  --wtw-mandarin--600: #9D4100;
  --wtw-mandarin--650: #8B3700;
  --wtw-mandarin--700: #742C00;
  --wtw-mandarin--750: #612400;
  --wtw-mandarin--800: #4C1B00;
  --wtw-mandarin--825: #451700;
  --wtw-mandarin--850: #3E1500;
  --wtw-mandarin--875: #351100;
  --wtw-mandarin--900: #2D0E00;
  --wtw-mandarin--925: #260C00;
  --wtw-mandarin--950: #200A00;
  --wtw-mandarin--975: #170700;
  --wtw-mandarin--990: #110600;
  --wtw-stratosphere--10: #FAFCFF;
  --wtw-stratosphere--25: #F4F9FF;
  --wtw-stratosphere--50: #ECF5FF;
  --wtw-stratosphere--75: #E1EFFF;
  --wtw-stratosphere--100: #DCECFF;
  --wtw-stratosphere--125: #CFE4FF;
  --wtw-stratosphere--150: #C4DEFF;
  --wtw-stratosphere--175: #B4D5FF;
  --wtw-stratosphere--200: #A7CEFF;
  --wtw-stratosphere--250: #93C2FE;
  --wtw-stratosphere--275: #88BAFD;
  --wtw-stratosphere--300: #79B1FB;
  --wtw-stratosphere--350: #61A1F8;
  --wtw-stratosphere--400: #4A91F4;
  --wtw-stratosphere--450: #327FEF;
  --wtw-stratosphere--500: #1A71EF;
  --wtw-stratosphere--550: #0D63DE;
  --wtw-stratosphere--600: #0A57C5;
  --wtw-stratosphere--650: #074CAD;
  --wtw-stratosphere--700: #043E8E;
  --wtw-stratosphere--750: #033477;
  --wtw-stratosphere--800: #01285D;
  --wtw-stratosphere--825: #012452;
  --wtw-stratosphere--850: #01204B;
  --wtw-stratosphere--875: #001B40;
  --wtw-stratosphere--900: #001736;
  --wtw-stratosphere--925: #00132D;
  --wtw-stratosphere--950: #001026;
  --wtw-stratosphere--975: #000C1B;
  --wtw-stratosphere--990: #000915;
  --wtw-submarine--10: #FFFBF2;
  --wtw-submarine--25: #FFF7E6;
  --wtw-submarine--50: #FFF3D9;
  --wtw-submarine--75: #FFECC0;
  --wtw-submarine--100: #FFE8B3;
  --wtw-submarine--125: #FFDE93;
  --wtw-submarine--150: #FFD57B;
  --wtw-submarine--175: #FFCB60;
  --wtw-submarine--200: #FFC144;
  --wtw-submarine--250: #FFAF14;
  --wtw-submarine--275: #FCA500;
  --wtw-submarine--300: #F19D00;
  --wtw-submarine--350: #DD8E00;
  --wtw-submarine--400: #CA8100;
  --wtw-submarine--450: #B97500;
  --wtw-submarine--500: #A76900;
  --wtw-submarine--550: #965D00;
  --wtw-submarine--600: #845200;
  --wtw-submarine--650: #744700;
  --wtw-submarine--700: #5F3A00;
  --wtw-submarine--750: #503000;
  --wtw-submarine--800: #3E2400;
  --wtw-submarine--825: #372000;
  --wtw-submarine--850: #321D00;
  --wtw-submarine--875: #2A1800;
  --wtw-submarine--900: #231400;
  --wtw-submarine--925: #1E1100;
  --wtw-submarine--950: #190E00;
  --wtw-submarine--975: #110A00;
  --wtw-submarine--990: #0D0700;
  --wtw-ultraviolet--10: #FDFBFF;
  --wtw-ultraviolet--25: #FBF7FE;
  --wtw-ultraviolet--50: #F9F2FE;
  --wtw-ultraviolet--75: #F4E8FD;
  --wtw-ultraviolet--100: #F3E6FD;
  --wtw-ultraviolet--125: #EEDBFC;
  --wtw-ultraviolet--150: #EAD2FB;
  --wtw-ultraviolet--175: #E5C8FA;
  --wtw-ultraviolet--200: #E0BFF8;
  --wtw-ultraviolet--250: #D6B1F1;
  --wtw-ultraviolet--275: #D0A8EC;
  --wtw-ultraviolet--300: #C99EE7;
  --wtw-ultraviolet--350: #BD8CDE;
  --wtw-ultraviolet--400: #B07BD6;
  --wtw-ultraviolet--450: #A56BCD;
  --wtw-ultraviolet--500: #995BC5;
  --wtw-ultraviolet--550: #8E4BBD;
  --wtw-ultraviolet--600: #7F35B2;
  --wtw-ultraviolet--650: #742CA5;
  --wtw-ultraviolet--700: #611E90;
  --wtw-ultraviolet--750: #521380;
  --wtw-ultraviolet--800: #41056D;
  --wtw-ultraviolet--825: #3B0462;
  --wtw-ultraviolet--850: #35035A;
  --wtw-ultraviolet--875: #2E024E;
  --wtw-ultraviolet--900: #280144;
  --wtw-ultraviolet--925: #23003B;
  --wtw-ultraviolet--950: #1E0034;
  --wtw-ultraviolet--975: #170028;
  --wtw-ultraviolet--990: #130021;
  --wtw-error--10: #FFFAFA;
  --wtw-error--25: #FFF6F6;
  --wtw-error--50: #FFF0F0;
  --wtw-error--75: #FFE8E8;
  --wtw-error--100: #FEE3E4;
  --wtw-error--125: #FED8D8;
  --wtw-error--150: #FDD1D1;
  --wtw-error--175: #FBC5C6;
  --wtw-error--200: #FABCBC;
  --wtw-error--250: #F6ABAB;
  --wtw-error--275: #F4A1A2;
  --wtw-error--300: #F09697;
  --wtw-error--350: #E98283;
  --wtw-error--400: #E06F70;
  --wtw-error--450: #D65D5F;
  --wtw-error--500: #CB4B4E;
  --wtw-error--550: #BF393E;
  --wtw-error--600: #B2242E;
  --wtw-error--650: #9C1F24;
  --wtw-error--700: #821818;
  --wtw-error--750: #6E1310;
  --wtw-error--800: #580B08;
  --wtw-error--825: #4F0805;
  --wtw-error--850: #490603;
  --wtw-error--875: #400301;
  --wtw-error--900: #380100;
  --wtw-error--925: #310000;
  --wtw-error--950: #2B0000;
  --wtw-error--975: #200100;
  --wtw-error--990: #1A0100;
  --wtw-success--10: #F8FDFA;
  --wtw-success--25: #F2FAF6;
  --wtw-success--50: #E9F7F2;
  --wtw-success--75: #D8F2E9;
  --wtw-success--100: #D2F0E6;
  --wtw-success--125: #C0EADD;
  --wtw-success--150: #B2E6D7;
  --wtw-success--175: #A7DECE;
  --wtw-success--200: #9DD7C6;
  --wtw-success--250: #8CCBB8;
  --wtw-success--275: #83C4B0;
  --wtw-success--300: #77BCA7;
  --wtw-success--350: #63AD97;
  --wtw-success--400: #4E9F87;
  --wtw-success--450: #399279;
  --wtw-success--500: #1F856A;
  --wtw-success--550: #03785D;
  --wtw-success--600: #0B6951;
  --wtw-success--650: #0C5C47;
  --wtw-success--700: #0B4B39;
  --wtw-success--750: #073F2F;
  --wtw-success--800: #033123;
  --wtw-success--850: #00271B;
  --wtw-success--825: #012B1E;
  --wtw-success--875: #012117;
  --wtw-success--900: #031B13;
  --wtw-success--925: #041710;
  --wtw-success--950: #04130D;
  --wtw-success--975: #030D09;
  --wtw-success--990: #030A06;
  --wtw-warning--10: #FFFBF2;
  --wtw-warning--25: #FFF7E6;
  --wtw-warning--50: #FFF3D9;
  --wtw-warning--75: #FFECC0;
  --wtw-warning--100: #FFE8B3;
  --wtw-warning--125: #FFDE93;
  --wtw-warning--150: #FFD57B;
  --wtw-warning--175: #FFCB60;
  --wtw-warning--200: #FFC144;
  --wtw-warning--250: #FFAF14;
  --wtw-warning--275: #FCA500;
  --wtw-warning--300: #F19D00;
  --wtw-warning--350: #DD8E00;
  --wtw-warning--400: #CA8100;
  --wtw-warning--450: #B97500;
  --wtw-warning--500: #A76900;
  --wtw-warning--550: #965D00;
  --wtw-warning--600: #845200;
  --wtw-warning--650: #744700;
  --wtw-warning--700: #5F3A00;
  --wtw-warning--750: #503000;
  --wtw-warning--800: #3E2400;
  --wtw-warning--825: #372000;
  --wtw-warning--850: #321D00;
  --wtw-warning--875: #2A1800;
  --wtw-warning--900: #231400;
  --wtw-warning--925: #1E1100;
  --wtw-warning--950: #190E00;
  --wtw-warning--975: #110A00;
  --wtw-warning--990: #0D0700;
  /**************************************** WTW Software Design System Palette - Light Mode ****************************************/
  --wtw-brand--50: var(--wtw-ultraviolet--50);
  --wtw-brand--100: var(--wtw-ultraviolet--200);
  --wtw-brand--200: var(--wtw-ultraviolet--300);
  --wtw-brand--300: var(--wtw-ultraviolet--350);
  --wtw-brand--400: var(--wtw-ultraviolet--450);
  --wtw-brand--500: var(--wtw-ultraviolet--550);
  --wtw-brand--600: var(--wtw-ultraviolet);
  --wtw-brand--700: var(--wtw-ultraviolet--700);
  --wtw-brand--800: var(--wtw-ultraviolet--800);
  --wtw-brand--900: var(--wtw-ultraviolet--900);
  --wtw-base--0: var(--wtw-white);
  --wtw-base--50: #f2f3f6;
  --wtw-base--100: #e5e8ec;
  --wtw-base--200: #c7ccd2;
  --wtw-base--300: #a9afb7;
  --wtw-base--400: #8b919a;
  --wtw-base--500: #717780;
  --wtw-base--600: #585d66;
  --wtw-base--700: #3e424a;
  --wtw-base--800: #272a30;
  --wtw-base--900: #17171a;
  --wtw-base--1000: var(--wtw-black);
  --wtw-ui--50: var(--wtw-stratosphere--50);
  --wtw-ui--100: var(--wtw-stratosphere--200);
  --wtw-ui--200: var(--wtw-stratosphere--300);
  --wtw-ui--300: var(--wtw-stratosphere--400);
  --wtw-ui--400: var(--wtw-stratosphere);
  --wtw-ui--500: var(--wtw-stratosphere--550);
  --wtw-ui--600: var(--wtw-stratosphere--650);
  --wtw-ui--700: var(--wtw-stratosphere--700);
  --wtw-ui--800: var(--wtw-stratosphere--800);
  --wtw-ui--900: var(--wtw-stratosphere--900);
  --wtw-semantic-error--50: var(--wtw-error--50);
  --wtw-semantic-error--100: var(--wtw-error--200);
  --wtw-semantic-error--200: var(--wtw-error--300);
  --wtw-semantic-error--300: var(--wtw-error--400);
  --wtw-semantic-error--400: var(--wtw-error--450);
  --wtw-semantic-error--500: var(--wtw-error--550);
  --wtw-semantic-error--600: var(--wtw-error--600);
  --wtw-semantic-error--700: var(--wtw-error--700);
  --wtw-semantic-error--800: var(--wtw-error--800);
  --wtw-semantic-error--900: var(--wtw-error--900);
  --wtw-semantic-success--50: var(--wtw-success--50);
  --wtw-semantic-success--100: var(--wtw-success--150);
  --wtw-semantic-success--200: var(--wtw-success--250);
  --wtw-semantic-success--300: var(--wtw-success--300);
  --wtw-semantic-success--400: var(--wtw-success--400);
  --wtw-semantic-success--500: var(--wtw-success--550);
  --wtw-semantic-success--600: var(--wtw-success--600);
  --wtw-semantic-success--700: var(--wtw-success--700);
  --wtw-semantic-success--800: var(--wtw-success--800);
  --wtw-semantic-success--900: var(--wtw-success--900);
  --wtw-semantic-warning--50: var(--wtw-warning--50);
  --wtw-semantic-warning--100: var(--wtw-warning--150);
  --wtw-semantic-warning--200: var(--wtw-warning--200);
  --wtw-semantic-warning--300: var(--wtw-warning--300);
  --wtw-semantic-warning--400: var(--wtw-warning--400);
  --wtw-semantic-warning--500: var(--wtw-warning--500);
  --wtw-semantic-warning--600: var(--wtw-warning--600);
  --wtw-semantic-warning--700: var(--wtw-warning--700);
  --wtw-semantic-warning--800: var(--wtw-warning--800);
  --wtw-semantic-warning--900: var(--wtw-warning--900);
  /**************************************** WTW Color Scales - Dark Mode ****************************************/
  --wtw-darkmode-coralreef--10: #FFFBFC;
  --wtw-darkmode-coralreef--25: #FFF6FA;
  --wtw-darkmode-coralreef--50: #FFF2F5;
  --wtw-darkmode-coralreef--75: #FFE8F1;
  --wtw-darkmode-coralreef--100: #FFE2EA;
  --wtw-darkmode-coralreef--125: #FFDBE8;
  --wtw-darkmode-coralreef--150: #FFD3DF;
  --wtw-darkmode-coralreef--175: #FFC8DB;
  --wtw-darkmode-coralreef--200: #FFBED1;
  --wtw-darkmode-coralreef--250: #FEAFC6;
  --wtw-darkmode-coralreef--275: #FEA3C2;
  --wtw-darkmode-coralreef--300: #FD97B4;
  --wtw-darkmode-coralreef--350: #FB81A3;
  --wtw-darkmode-coralreef--400: #F86890;
  --wtw-darkmode-coralreef--450: #EE5580;
  --wtw-darkmode-coralreef--500: #DF4773;
  --wtw-darkmode-coralreef--550: #CF3865;
  --wtw-darkmode-coralreef--600: #BC305A;
  --wtw-darkmode-coralreef--650: #A92950;
  --wtw-darkmode-coralreef--700: #912246;
  --wtw-darkmode-coralreef--750: #7F1F3E;
  --wtw-darkmode-coralreef--800: #6B1C35;
  --wtw-darkmode-coralreef--825: #621A36;
  --wtw-darkmode-coralreef--850: #5C1A31;
  --wtw-darkmode-coralreef--875: #531930;
  --wtw-darkmode-coralreef--900: #4C192B;
  --wtw-darkmode-coralreef--925: #45192B;
  --wtw-darkmode-coralreef--950: #391924;
  --wtw-darkmode-coralreef--975: #361925;
  --wtw-darkmode-coralreef--990: #311922;
  --wtw-darkmode-fireworks--10: #FFFBFE;
  --wtw-darkmode-fireworks--25: #FEF6FD;
  --wtw-darkmode-fireworks--50: #FEF2FC;
  --wtw-darkmode-fireworks--75: #FDE8FB;
  --wtw-darkmode-fireworks--100: #FDE1F9;
  --wtw-darkmode-fireworks--125: #FCDBF8;
  --wtw-darkmode-fireworks--150: #FCD2F6;
  --wtw-darkmode-fireworks--175: #FBC6F3;
  --wtw-darkmode-fireworks--200: #FBBCF2;
  --wtw-darkmode-fireworks--250: #F9ACED;
  --wtw-darkmode-fireworks--275: #F7A0EA;
  --wtw-darkmode-fireworks--300: #F594E7;
  --wtw-darkmode-fireworks--350: #F17DDF;
  --wtw-darkmode-fireworks--400: #EB65D7;
  --wtw-darkmode-fireworks--450: #E44CCD;
  --wtw-darkmode-fireworks--500: #D63ABF;
  --wtw-darkmode-fireworks--550: #C432AF;
  --wtw-darkmode-fireworks--600: #B12B9E;
  --wtw-darkmode-fireworks--650: #9F258E;
  --wtw-darkmode-fireworks--700: #88217A;
  --wtw-darkmode-fireworks--750: #771E6B;
  --wtw-darkmode-fireworks--800: #641B59;
  --wtw-darkmode-fireworks--825: #5C1A53;
  --wtw-darkmode-fireworks--850: #571A4E;
  --wtw-darkmode-fireworks--875: #4F1947;
  --wtw-darkmode-fireworks--900: #471941;
  --wtw-darkmode-fireworks--925: #41193C;
  --wtw-darkmode-fireworks--950: #351932;
  --wtw-darkmode-fireworks--975: #341930;
  --wtw-darkmode-fireworks--990: #2F192C;
  --wtw-darkmode-graymatter--10: #FBFBFC;
  --wtw-darkmode-graymatter--25: #F9F9FA;
  --wtw-darkmode-graymatter--50: #F3F4F5;
  --wtw-darkmode-graymatter--75: #EEEFF0;
  --wtw-darkmode-graymatter--100: #E9EAEB;
  --wtw-darkmode-graymatter--125: #E3E4E6;
  --wtw-darkmode-graymatter--150: #DDDFDF;
  --wtw-darkmode-graymatter--175: #D6D7D8;
  --wtw-darkmode-graymatter--200: #CFD0D2;
  --wtw-darkmode-graymatter--250: #C4C5C7;
  --wtw-darkmode-graymatter--275: #BDBEC0;
  --wtw-darkmode-graymatter--300: #B5B7B9;
  --wtw-darkmode-graymatter--350: #A8A9AB;
  --wtw-darkmode-graymatter--400: #9A9C9F;
  --wtw-darkmode-graymatter--450: #8E9093;
  --wtw-darkmode-graymatter--500: #838586;
  --wtw-darkmode-graymatter--550: #77797C;
  --wtw-darkmode-graymatter--600: #6C6D6F;
  --wtw-darkmode-graymatter--650: #616264;
  --wtw-darkmode-graymatter--700: #545557;
  --wtw-darkmode-graymatter--750: #4A4B4D;
  --wtw-darkmode-graymatter--800: #3F3F40;
  --wtw-darkmode-graymatter--825: #3B3B3C;
  --wtw-darkmode-graymatter--850: #373738;
  --wtw-darkmode-graymatter--875: #333334;
  --wtw-darkmode-graymatter--900: #2E2E2F;
  --wtw-darkmode-graymatter--925: #2B2B2B;
  --wtw-darkmode-graymatter--950: #242425;
  --wtw-darkmode-graymatter--975: #232324;
  --wtw-darkmode-graymatter--990: #212122;
  --wtw-darkmode-infinity--10: #F7FDFC;
  --wtw-darkmode-infinity--25: #EEFCFB;
  --wtw-darkmode-infinity--50: #E2FAF7;
  --wtw-darkmode-infinity--75: #CDF6F2;
  --wtw-darkmode-infinity--100: #C0F4EE;
  --wtw-darkmode-infinity--125: #B0F1E9;
  --wtw-darkmode-infinity--150: #9BEDE4;
  --wtw-darkmode-infinity--175: #80E8DD;
  --wtw-darkmode-infinity--200: #62E3D5;
  --wtw-darkmode-infinity--250: #3ED9CA;
  --wtw-darkmode-infinity--275: #3DD1C4;
  --wtw-darkmode-infinity--300: #3DC8BD;
  --wtw-darkmode-infinity--350: #3BB9B2;
  --wtw-darkmode-infinity--400: #3AAAA5;
  --wtw-darkmode-infinity--450: #389D9A;
  --wtw-darkmode-infinity--500: #368F8E;
  --wtw-darkmode-infinity--550: #348383;
  --wtw-darkmode-infinity--600: #327677;
  --wtw-darkmode-infinity--650: #2F6A6B;
  --wtw-darkmode-infinity--700: #2C5B5E;
  --wtw-darkmode-infinity--750: #2A5052;
  --wtw-darkmode-infinity--800: #274446;
  --wtw-darkmode-infinity--825: #253E41;
  --wtw-darkmode-infinity--850: #243B3D;
  --wtw-darkmode-infinity--875: #223538;
  --wtw-darkmode-infinity--900: #223133;
  --wtw-darkmode-infinity--925: #202C2E;
  --wtw-darkmode-infinity--950: #1E2627;
  --wtw-darkmode-infinity--975: #1D2525;
  --wtw-darkmode-infinity--990: #1C2222;
  --wtw-darkmode-mandarin--10: #FFFBF8;
  --wtw-darkmode-mandarin--25: #FFF7F2;
  --wtw-darkmode-mandarin--50: #FFF3EA;
  --wtw-darkmode-mandarin--75: #FFEBDC;
  --wtw-darkmode-mandarin--100: #FFE5D2;
  --wtw-darkmode-mandarin--125: #FFDFC7;
  --wtw-darkmode-mandarin--150: #FFD7BA;
  --wtw-darkmode-mandarin--175: #FFCDA9;
  --wtw-darkmode-mandarin--200: #FFC497;
  --wtw-darkmode-mandarin--250: #FFB57A;
  --wtw-darkmode-mandarin--275: #FFAA62;
  --wtw-darkmode-mandarin--300: #FF9F48;
  --wtw-darkmode-mandarin--350: #FB8919;
  --wtw-darkmode-mandarin--400: #E97D19;
  --wtw-darkmode-mandarin--450: #D97219;
  --wtw-darkmode-mandarin--500: #C86819;
  --wtw-darkmode-mandarin--550: #B85E19;
  --wtw-darkmode-mandarin--600: #A75419;
  --wtw-darkmode-mandarin--650: #974B19;
  --wtw-darkmode-mandarin--700: #824119;
  --wtw-darkmode-mandarin--750: #713A19;
  --wtw-darkmode-mandarin--800: #5E3219;
  --wtw-darkmode-mandarin--825: #582E19;
  --wtw-darkmode-mandarin--850: #512C19;
  --wtw-darkmode-mandarin--875: #492919;
  --wtw-darkmode-mandarin--900: #422619;
  --wtw-darkmode-mandarin--925: #3C2419;
  --wtw-darkmode-mandarin--950: #302119;
  --wtw-darkmode-mandarin--975: #2E2019;
  --wtw-darkmode-mandarin--990: #291F19;
  --wtw-darkmode-stratosphere--10: #FBFCFF;
  --wtw-darkmode-stratosphere--25: #F5FAFF;
  --wtw-darkmode-stratosphere--50: #EEF6FF;
  --wtw-darkmode-stratosphere--75: #E4F1FF;
  --wtw-darkmode-stratosphere--100: #DBEBFF;
  --wtw-darkmode-stratosphere--125: #D4E7FF;
  --wtw-darkmode-stratosphere--150: #CAE1FF;
  --wtw-darkmode-stratosphere--175: #BCD9FF;
  --wtw-darkmode-stratosphere--200: #B0D3FF;
  --wtw-darkmode-stratosphere--250: #9EC8FE;
  --wtw-darkmode-stratosphere--275: #94C1FD;
  --wtw-darkmode-stratosphere--300: #86B9FB;
  --wtw-darkmode-stratosphere--350: #71AAF9;
  --wtw-darkmode-stratosphere--400: #5C9CF5;
  --wtw-darkmode-stratosphere--450: #498EF2;
  --wtw-darkmode-stratosphere--500: #317FF1;
  --wtw-darkmode-stratosphere--550: #2573E1;
  --wtw-darkmode-stratosphere--600: #2268CB;
  --wtw-darkmode-stratosphere--650: #205EB5;
  --wtw-darkmode-stratosphere--700: #1D5199;
  --wtw-darkmode-stratosphere--750: #1C4885;
  --wtw-darkmode-stratosphere--800: #1A3D6D;
  --wtw-darkmode-stratosphere--825: #1A3A63;
  --wtw-darkmode-stratosphere--850: #1A365D;
  --wtw-darkmode-stratosphere--875: #193253;
  --wtw-darkmode-stratosphere--900: #192E4A;
  --wtw-darkmode-stratosphere--925: #192B42;
  --wtw-darkmode-stratosphere--950: #192535;
  --wtw-darkmode-stratosphere--975: #192432;
  --wtw-darkmode-stratosphere--990: #19222C;
  --wtw-darkmode-submarine--10: #FFFBF3;
  --wtw-darkmode-submarine--25: #FFF8E8;
  --wtw-darkmode-submarine--50: #FFF4DD;
  --wtw-darkmode-submarine--75: #FFEEC6;
  --wtw-darkmode-submarine--100: #FFE7AF;
  --wtw-darkmode-submarine--125: #FFE19E;
  --wtw-darkmode-submarine--150: #FFD988;
  --wtw-darkmode-submarine--175: #FFD070;
  --wtw-darkmode-submarine--200: #FFC757;
  --wtw-darkmode-submarine--250: #FFB72B;
  --wtw-darkmode-submarine--275: #FFB72B;
  --wtw-darkmode-submarine--300: #F2A719;
  --wtw-darkmode-submarine--350: #E09919;
  --wtw-darkmode-submarine--400: #CF8E19;
  --wtw-darkmode-submarine--450: #C08319;
  --wtw-darkmode-submarine--500: #B07819;
  --wtw-darkmode-submarine--550: #A06D19;
  --wtw-darkmode-submarine--600: #906319;
  --wtw-darkmode-submarine--650: #825919;
  --wtw-darkmode-submarine--700: #6F4E19;
  --wtw-darkmode-submarine--750: #614519;
  --wtw-darkmode-submarine--800: #513A19;
  --wtw-darkmode-submarine--825: #4B3619;
  --wtw-darkmode-submarine--850: #463419;
  --wtw-darkmode-submarine--875: #3F2F19;
  --wtw-darkmode-submarine--900: #392B19;
  --wtw-darkmode-submarine--925: #352919;
  --wtw-darkmode-submarine--950: #2B2319;
  --wtw-darkmode-submarine--975: #292219;
  --wtw-darkmode-submarine--990: #252019;
  --wtw-darkmode-ultraviolet--10: #FDFBFF;
  --wtw-darkmode-ultraviolet--25: #FBF8FE;
  --wtw-darkmode-ultraviolet--50: #FAF3FE;
  --wtw-darkmode-ultraviolet--75: #F5EAFD;
  --wtw-darkmode-ultraviolet--100: #F2E4FD;
  --wtw-darkmode-ultraviolet--125: #F0DFFC;
  --wtw-darkmode-ultraviolet--150: #ECD6FB;
  --wtw-darkmode-ultraviolet--175: #E8CDFB;
  --wtw-darkmode-ultraviolet--200: #E3C5F9;
  --wtw-darkmode-ultraviolet--250: #DAB9F2;
  --wtw-darkmode-ultraviolet--275: #D5B1EE;
  --wtw-darkmode-ultraviolet--300: #CEA8E9;
  --wtw-darkmode-ultraviolet--350: #C497E1;
  --wtw-darkmode-ultraviolet--400: #B888DA;
  --wtw-darkmode-ultraviolet--450: #AE7AD2;
  --wtw-darkmode-ultraviolet--500: #A36BCB;
  --wtw-darkmode-ultraviolet--550: #995DC4;
  --wtw-darkmode-ultraviolet--600: #8E4DBB;
  --wtw-darkmode-ultraviolet--650: #8241AE;
  --wtw-darkmode-ultraviolet--700: #71359B;
  --wtw-darkmode-ultraviolet--750: #632B8D;
  --wtw-darkmode-ultraviolet--800: #541E7C;
  --wtw-darkmode-ultraviolet--825: #4F1D72;
  --wtw-darkmode-ultraviolet--850: #491C6B;
  --wtw-darkmode-ultraviolet--875: #431B60;
  --wtw-darkmode-ultraviolet--900: #3E1A57;
  --wtw-darkmode-ultraviolet--925: #39194F;
  --wtw-darkmode-ultraviolet--950: #301A40;
  --wtw-darkmode-ultraviolet--975: #2E193D;
  --wtw-darkmode-ultraviolet--990: #2B1937;
  --wtw-darkmode-error--10: #FFFBFB;
  --wtw-darkmode-error--25: #FFF7F7;
  --wtw-darkmode-error--50: #FFF2F2;
  --wtw-darkmode-error--75: #FFEAEA;
  --wtw-darkmode-error--100: #FEE4E4;
  --wtw-darkmode-error--125: #FEDCDC;
  --wtw-darkmode-error--150: #FDD6D6;
  --wtw-darkmode-error--175: #FBCBCC;
  --wtw-darkmode-error--200: #FBC3C3;
  --wtw-darkmode-error--250: #F7B3B3;
  --wtw-darkmode-error--275: #F5AAAB;
  --wtw-darkmode-error--300: #F2A0A1;
  --wtw-darkmode-error--350: #EB8E8F;
  --wtw-darkmode-error--400: #E37D7E;
  --wtw-darkmode-error--450: #DA6D6F;
  --wtw-darkmode-error--500: #D05D60;
  --wtw-darkmode-error--550: #C54D51;
  --wtw-darkmode-error--600: #BA3A43;
  --wtw-darkmode-error--650: #A6353A;
  --wtw-darkmode-error--700: #8E2F2F;
  --wtw-darkmode-error--750: #7D2B28;
  --wtw-darkmode-error--800: #692321;
  --wtw-darkmode-error--825: #61211E;
  --wtw-darkmode-error--850: #5B1F1C;
  --wtw-darkmode-error--875: #531C1A;
  --wtw-darkmode-error--900: #4C1A19;
  --wtw-darkmode-error--925: #461919;
  --wtw-darkmode-error--950: #391A19;
  --wtw-darkmode-error--975: #361A19;
  --wtw-darkmode-error--990: #311A19;
  --wtw-darkmode-success--10: #F9FDFB;
  --wtw-darkmode-success--25: #F3FBF7;
  --wtw-darkmode-success--50: #EBF8F3;
  --wtw-darkmode-success--75: #DCF3EB;
  --wtw-darkmode-success--100: #D3F1E7;
  --wtw-darkmode-success--125: #C6ECE0;
  --wtw-darkmode-success--150: #BAE8DB;
  --wtw-darkmode-success--175: #B0E1D3;
  --wtw-darkmode-success--200: #A7DBCC;
  --wtw-darkmode-success--250: #97D0BF;
  --wtw-darkmode-success--275: #8FCAB8;
  --wtw-darkmode-success--300: #85C3B0;
  --wtw-darkmode-success--350: #73B5A1;
  --wtw-darkmode-success--400: #60A993;
  --wtw-darkmode-success--450: #4D9D86;
  --wtw-darkmode-success--500: #359179;
  --wtw-darkmode-success--550: #1C856D;
  --wtw-darkmode-success--600: #237862;
  --wtw-darkmode-success--650: #246C59;
  --wtw-darkmode-success--700: #235D4D;
  --wtw-darkmode-success--750: #205244;
  --wtw-darkmode-success--800: #1C4639;
  --wtw-darkmode-success--825: #1A4035;
  --wtw-darkmode-success--850: #193D32;
  --wtw-darkmode-success--875: #1A372E;
  --wtw-darkmode-success--900: #1C322B;
  --wtw-darkmode-success--925: #1D2E28;
  --wtw-darkmode-success--950: #1C2722;
  --wtw-darkmode-success--975: #1C2522;
  --wtw-darkmode-success--990: #1C221F;
  --wtw-darkmode-warning--10: #FFFBF3;
  --wtw-darkmode-warning--25: #FFF8E8;
  --wtw-darkmode-warning--50: #FFF4DD;
  --wtw-darkmode-warning--75: #FFEEC6;
  --wtw-darkmode-warning--100: #FFE7AF;
  --wtw-darkmode-warning--125: #FFE19E;
  --wtw-darkmode-warning--150: #FFD988;
  --wtw-darkmode-warning--175: #FFD070;
  --wtw-darkmode-warning--200: #FFC757;
  --wtw-darkmode-warning--250: #FFB72B;
  --wtw-darkmode-warning--275: #FCAE19;
  --wtw-darkmode-warning--300: #F2A719;
  --wtw-darkmode-warning--350: #E09919;
  --wtw-darkmode-warning--400: #CF8E19;
  --wtw-darkmode-warning--450: #C08319;
  --wtw-darkmode-warning--500: #B07819;
  --wtw-darkmode-warning--550: #A06D19;
  --wtw-darkmode-warning--600: #906319;
  --wtw-darkmode-warning--650: #825919;
  --wtw-darkmode-warning--700: #6F4E19;
  --wtw-darkmode-warning--750: #614519;
  --wtw-darkmode-warning--800: #513A19;
  --wtw-darkmode-warning--825: #4B3619;
  --wtw-darkmode-warning--850: #463419;
  --wtw-darkmode-warning--875: #3F2F19;
  --wtw-darkmode-warning--900: #392B19;
  --wtw-darkmode-warning--925: #352919;
  --wtw-darkmode-warning--950: #2B2319;
  --wtw-darkmode-warning--975: #292219;
  --wtw-darkmode-warning--990: #252019;
  /**************************************** WTW Software Design System Palette - Dark Mode ****************************************/
  --wtw-darkmode-brand--50: var(--wtw-darkmode-ultraviolet--50);
  --wtw-darkmode-brand--100: var(--wtw-darkmode-ultraviolet--200);
  --wtw-darkmode-brand--200: var(--wtw-darkmode-ultraviolet--300);
  --wtw-darkmode-brand--300: var(--wtw-darkmode-ultraviolet--350);
  --wtw-darkmode-brand--400: var(--wtw-darkmode-ultraviolet--450);
  --wtw-darkmode-brand--500: var(--wtw-darkmode-ultraviolet--550);
  --wtw-darkmode-brand--600: var(--wtw-darkmode-ultraviolet--600);
  --wtw-darkmode-brand--700: var(--wtw-darkmode-ultraviolet--700);
  --wtw-darkmode-brand--800: var(--wtw-darkmode-ultraviolet--800);
  --wtw-darkmode-brand--900: var(--wtw-darkmode-ultraviolet--900);
  --wtw-darkmode-base--0: var(--wtw-white);
  --wtw-darkmode-base--50: #F2F3F6;
  --wtw-darkmode-base--100: #D7DBE0;
  --wtw-darkmode-base--200: #BABFC6;
  --wtw-darkmode-base--300: #A9AFB7;
  --wtw-darkmode-base--400: #8B919A;
  --wtw-darkmode-base--500: #717780;
  --wtw-darkmode-base--600: #585D66;
  --wtw-darkmode-base--700: #3E424A;
  --wtw-darkmode-base--800: #272A30;
  --wtw-darkmode-base--900: #17171A;
  --wtw-darkmode-base--1000: var(--wtw-black);
  --wtw-darkmode-ui--50: var(--wtw-darkmode-stratosphere--50);
  --wtw-darkmode-ui--100: var(--wtw-darkmode-stratosphere--200);
  --wtw-darkmode-ui--200: var(--wtw-darkmode-stratosphere--300);
  --wtw-darkmode-ui--300: var(--wtw-darkmode-stratosphere--400);
  --wtw-darkmode-ui--400: var(--wtw-darkmode-stratosphere--450);
  --wtw-darkmode-ui--500: var(--wtw-darkmode-stratosphere--500);
  --wtw-darkmode-ui--600: var(--wtw-darkmode-stratosphere--650);
  --wtw-darkmode-ui--700: var(--wtw-darkmode-stratosphere--700);
  --wtw-darkmode-ui--800: var(--wtw-darkmode-stratosphere--800);
  --wtw-darkmode-ui--900: var(--wtw-darkmode-stratosphere--900);
  --wtw-darkmode-semantic-error--50: var(--wtw-darkmode-error--50);
  --wtw-darkmode-semantic-error--100: var(--wtw-darkmode-error--200);
  --wtw-darkmode-semantic-error--200: var(--wtw-darkmode-error--300);
  --wtw-darkmode-semantic-error--300: var(--wtw-darkmode-error--400);
  --wtw-darkmode-semantic-error--400: var(--wtw-darkmode-error--450);
  --wtw-darkmode-semantic-error--500: var(--wtw-darkmode-error--550);
  --wtw-darkmode-semantic-error--600: var(--wtw-darkmode-error--600);
  --wtw-darkmode-semantic-error--700: var(--wtw-darkmode-error--700);
  --wtw-darkmode-semantic-error--800: var(--wtw-darkmode-error--800);
  --wtw-darkmode-semantic-error--900: var(--wtw-darkmode-error--900);
  --wtw-darkmode-semantic-success--50: var(--wtw-darkmode-success--50);
  --wtw-darkmode-semantic-success--100: var(--wtw-darkmode-success--150);
  --wtw-darkmode-semantic-success--200: var(--wtw-darkmode-success--250);
  --wtw-darkmode-semantic-success--300: var(--wtw-darkmode-success--300);
  --wtw-darkmode-semantic-success--400: var(--wtw-darkmode-success--400);
  --wtw-darkmode-semantic-success--500: var(--wtw-darkmode-success--550);
  --wtw-darkmode-semantic-success--600: var(--wtw-darkmode-success--600);
  --wtw-darkmode-semantic-success--700: var(--wtw-darkmode-success--700);
  --wtw-darkmode-semantic-success--800: var(--wtw-darkmode-success--800);
  --wtw-darkmode-semantic-success--900: var(--wtw-darkmode-success--900);
  --wtw-darkmode-semantic-warning--50: var(--wtw-darkmode-warning--50);
  --wtw-darkmode-semantic-warning--100: var(--wtw-darkmode-warning--150);
  --wtw-darkmode-semantic-warning--200: var(--wtw-darkmode-warning--200);
  --wtw-darkmode-semantic-warning--300: var(--wtw-darkmode-warning--300);
  --wtw-darkmode-semantic-warning--400: var(--wtw-darkmode-warning--400);
  --wtw-darkmode-semantic-warning--500: var(--wtw-darkmode-warning--500);
  --wtw-darkmode-semantic-warning--600: var(--wtw-darkmode-warning--600);
  --wtw-darkmode-semantic-warning--700: var(--wtw-darkmode-warning--700);
  --wtw-darkmode-semantic-warning--800: var(--wtw-darkmode-warning--800);
  --wtw-darkmode-semantic-warning--900: var(--wtw-darkmode-warning--900);
}

.wtw-dark-mode {
  background-color: var(--wtw-darkmode-base--900);
  color: var(--wtw-darkmode-base--0);
}

.wtw-badge {
  --wtw-badge--background-color:var(--wtw-base--700);
  --wtw-badge--border-color:var(--wtw-base--700);
  --wtw-badge--border-radius:var(--wtw-radius--pill);
  --wtw-badge--foreground-color:var(--wtw-base--100);
  --wtw-badge--outline-color:var(--wtw-ui--500);
  --wtw-badge--padding:1px 11px;
  --wtw-badge--font:var(--wtw-typography-label--md);
  align-items: center;
  color: var(--wtw-badge--foreground-color);
  cursor: default;
  background-color: var(--wtw-badge--background-color);
  border-width: var(--wtw-border-width--thin);
  border-style: var(--wtw-border-style--solid);
  border-radius: var(--wtw-badge--border-radius);
  border-color: var(--wtw-badge--border-color);
  display: inline-flex;
  flex-wrap: nowrap;
  font: var(--wtw-badge--font);
  font-weight: var(--wtw-typography-font-weight--medium);
  gap: 4px;
  height: min-content;
  padding: var(--wtw-badge--padding);
  outline-offset: 1px;
  outline-color: var(--wtw-badge--outline-color);
  outline-width: var(--wtw-border-width--medium);
  vertical-align: text-bottom;
  white-space: nowrap;
  width: fit-content;
}

.wtw-badge:focus-visible {
  outline-style: solid;
}

/* Badge Styles */
.wtw-badge-style--bold {
  color: var(--wtw-badge--foreground-color);
  background-color: var(--wtw-badge--background-color);
  border-color: var(--wtw-badge--border-color);
}

.wtw-badge-style--subtle {
  --wtw-badge--background-color:var(--wtw-base--50);
  --wtw-badge--foreground-color:var(--wtw-base--600);
  border-color: var(--wtw-badge--border-color);
}

/* Colors - Light Mode */
/* Neutral */
.wtw-badge-color--neutral {
  --wtw-badge--background-color:var(--wtw-base--700);
  --wtw-badge--border-color:var(--wtw-base--700);
  --wtw-badge--foreground-color:var(--wtw-base--100);
}

/* Neutral - Subtle */
.wtw-badge-color--neutral.wtw-badge-style--subtle {
  --wtw-badge--background-color:var(--wtw-base--50);
  --wtw-badge--foreground-color:var(--wtw-base--600);
}

/* Stratosphere */
.wtw-badge-color--stratosphere {
  --wtw-badge--background-color:var(--wtw-ui--600);
  --wtw-badge--border-color:var(--wtw-ui--600);
  --wtw-badge--foreground-color:var(--wtw-ui--50);
}

/* Stratosphere - Subtle*/
.wtw-badge-color--stratosphere.wtw-badge-style--subtle {
  --wtw-badge--background-color:var(--wtw-ui--50);
  --wtw-badge--foreground-color:var(--wtw-ui--600);
}

/* Error */
.wtw-badge-color--error {
  --wtw-badge--background-color:var(--wtw-semantic-error--600);
  --wtw-badge--border-color:var(--wtw-semantic-error--600);
  --wtw-badge--foreground-color:var(--wtw-semantic-error--50);
}

/* Error - Subtle*/
.wtw-badge-color--error.wtw-badge-style--subtle {
  --wtw-badge--background-color:var(--wtw-semantic-error--50);
  --wtw-badge--foreground-color:var(--wtw-semantic-error--600);
}

/* Warning */
.wtw-badge-color--warning {
  --wtw-badge--background-color:var(--wtw-semantic-warning--200);
  --wtw-badge--border-color:var(--wtw-semantic-warning--500);
  --wtw-badge--foreground-color:var(--wtw-semantic-warning--800);
}

/* Warning - Subtle*/
.wtw-badge-color--warning.wtw-badge-style--subtle {
  --wtw-badge--background-color:var(--wtw-semantic-warning--50);
  --wtw-badge--foreground-color:var(--wtw-semantic-warning--600);
}

/* Success */
.wtw-badge-color--success {
  --wtw-badge--background-color:var(--wtw-semantic-success--600);
  --wtw-badge--border-color:var(--wtw-semantic-success--600);
  --wtw-badge--foreground-color:var(--wtw-semantic-success--50);
}

/* Success - Subtle*/
.wtw-badge-color--success.wtw-badge-style--subtle {
  --wtw-badge--background-color:var(--wtw-semantic-success--50);
  --wtw-badge--foreground-color:var(--wtw-semantic-success--600);
}

/* Ultraviolet */
.wtw-badge-color--ultraviolet {
  --wtw-badge--background-color:var(--wtw-brand--600);
  --wtw-badge--border-color:var(--wtw-brand--600);
  --wtw-badge--foreground-color:var(--wtw-brand--50);
}

/* Ultraviolet - Subtle*/
.wtw-badge-color--ultraviolet.wtw-badge-style--subtle {
  --wtw-badge--background-color:var(--wtw-brand--50);
  --wtw-badge--foreground-color:var(--wtw-brand--600);
}

/* Dark Mode */
.wtw-dark-mode .wtw-badge {
  --wtw-badge--background-color:var(--wtw-darkmode-base--200);
  border-color: var(--wtw-badge--background-color);
  --wtw-badge--foreground-color:var(--wtw-darkmode-base--900);
}

/* Dark Mode - Subtle */
.wtw-dark-mode .wtw-badge-style--subtle {
  --wtw-badge--background-color:var(--wtw-base--700);
  --wtw-badge--foreground-color:var(--wtw-base--50);
  border-color: var(--wtw-badge--background-color);
}

/* Dark Mode - Subtle - Neutral */
.wtw-dark-mode .wtw-badge-color--neutral.wtw-badge-style--subtle {
  --wtw-badge--background-color:var(--wtw-base--600);
  --wtw-badge--foreground-color:var(--wtw-base--50);
}

/* Dark Mode - Stratosphere*/
.wtw-dark-mode .wtw-badge-color--stratosphere {
  --wtw-badge--background-color:var(--wtw-darkmode-ui--300);
  --wtw-badge--border-color:var(--wtw-darkmode-ui--300);
  --wtw-badge--foreground-color:var(--wtw-darkmode-base--900);
}

/* Dark Mode - Stratosphere - Neutral*/
.wtw-dark-mode .wtw-badge-color--stratosphere.wtw-badge-style--subtle {
  --wtw-badge--background-color:var(--wtw-darkmode-ui--700);
  --wtw-badge--foreground-color:var(--wtw-darkmode-ui--50);
}

/* Dark Mode - Error */
.wtw-dark-mode .wtw-badge-color--error {
  --wtw-badge--background-color:var(--wtw-semantic-error--400);
  --wtw-badge--border-color:var(--wtw-semantic-error--400);
  --wtw-badge--foreground-color:var(--wtw-darkmode-base--900);
}

/* Dark Mode - Error - Subtle*/
.wtw-dark-mode .wtw-badge-color--error.wtw-badge-style--subtle {
  --wtw-badge--background-color:var(--wtw-semantic-error--700);
  --wtw-badge--foreground-color:var(--wtw-semantic-error--50);
}

/* Dark Mode - Warning */
.wtw-dark-mode .wtw-badge-color--warning {
  --wtw-badge--background-color:var(--wtw-darkmode-semantic-warning--100);
  --wtw-badge--border-color:var(--wtw-darkmode-semantic-warning--100);
  --wtw-badge--foreground-color:var(--wtw-darkmode-base--900);
}

/* Dark Mode - Warning - Subtle*/
.wtw-dark-mode .wtw-badge-color--warning.wtw-badge-style--subtle {
  --wtw-badge--background-color:var(--wtw-darkmode-semantic-warning--700);
  --wtw-badge--foreground-color:var(--wtw-darkmode-semantic-warning--50);
}

/* Dark Mode - Success */
.wtw-dark-mode .wtw-badge-color--success {
  --wtw-badge--background-color:var(--wtw-darkmode-semantic-success--400);
  --wtw-badge--border-color:var(--wtw-darkmode-semantic-success--400);
  --wtw-badge--foreground-color:var(--wtw-darkmode-base--900);
}

/* Dark Mode - Success - Subtle*/
.wtw-dark-mode .wtw-badge-color--success.wtw-badge-style--subtle {
  --wtw-badge--background-color:var(--wtw-darkmode-semantic-success--800);
  --wtw-badge--foreground-color:var(--wtw-darkmode-semantic-success--50);
}

/* Dark Mode - Ultraviolet */
.wtw-dark-mode .wtw-badge-color--ultraviolet {
  --wtw-badge--background-color:var(--wtw-darkmode-brand--400);
  --wtw-badge--border-color:var(--wtw-darkmode-brand--400);
  --wtw-badge--foreground-color:var(--wtw-darkmode-base--900);
}

/* Dark Mode - Ultraviolet - Subtle*/
.wtw-dark-mode .wtw-badge-color--ultraviolet.wtw-badge-style--subtle {
  --wtw-badge--background-color:var(--wtw-darkmode-brand--800);
  --wtw-badge--foreground-color:var(--wtw-darkmode-brand--50);
}

/* Sizes */
.wtw-badge-size--sm {
  --wtw-badge--padding:1px 7px;
  --wtw-badge--font:var(--wtw-typography-label--xs);
}

.wtw-badge-size--md {
  --wtw-badge--padding:1px 9px;
  --wtw-badge--font:var(--wtw-typography-label--sm);
}

.wtw-badge-size--lg {
  --wtw-badge--padding:1px 11px;
  --wtw-badge--font:var(--wtw-typography-label--md);
}

/* Icons */
.wtw-badge .wtw-functional-icons {
  font-size: var(--wtw-font-size--2);
  margin-left: -2px;
}

:root {
  --wtw-border-width--none:0;
  --wtw-border-width--thin:1px;
  --wtw-border-width--medium:2px;
  --wtw-border-width--thick:4px;
  --wtw-border-width--xs:1px;
  --wtw-border-width--sm:2px;
  --wtw-border-width--md:4px;
  --wtw-border-width--lg:6px;
  --wtw-border-width--xl:8px;
  --wtw-border-style--none:none;
  --wtw-border-style--dashed:dashed;
  --wtw-border-style--dotted:dotted;
  --wtw-border-style--double:double;
  --wtw-border-style--solid:solid;
  --wtw-border-style--collapse:collapse;
}

.wtw-border-width--none {
  border-width: var(--wtw-border-width--none);
}

.wtw-border-width--thin {
  border-width: var(--wtw-border-width--thin);
}

.wtw-border-width--medium {
  border-width: var(--wtw-border-width--medium);
}

.wtw-border-width--thick {
  border-width: var(--wtw-border-width--thick);
}

.wtw-border-style--none {
  border-style: var(--wtw-border-style--none);
}

.wtw-border-style--dashed {
  border-style: var(--wtw-border-style--dashed);
}

.wtw-border-style--dotted {
  border-style: var(--wtw-border-style--dotted);
}

.wtw-border-style--double {
  border-style: var(--wtw-border-style--double);
}

.wtw-border-style--solid {
  border-style: var(--wtw-border-style--solid);
}

.wtw-border-style--collapse {
  border-style: var(--wtw-border-style--collapse);
}

:root {
  --wtw-button-segmented--border-color:var(--wtw-ui--500);
}

.wtw-button-segmented {
  align-items: center;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

.wtw-button-segmented .wtw-button {
  --wtw-button--border-radius:var(--wtw-radius--sharp);
  border-color: var(--wtw-button-segmented--border-color);
  outline-offset: -1px;
  outline-color: var(--wtw-button-segmented--border-color);
}

.wtw-button-segmented li:first-child .wtw-button {
  border-top-left-radius: var(--wtw-radius--regular);
  border-bottom-left-radius: var(--wtw-radius--regular);
}

.wtw-button-segmented li:last-child .wtw-button {
  border-top-right-radius: var(--wtw-radius--regular);
  border-bottom-right-radius: var(--wtw-radius--regular);
}

.wtw-button-segmented.wtw-button--secondary-neutral {
  --wtw-button-segmented--border-color:var(--wtw-base--900);
}

.wtw-button-segmented li + li .wtw-button {
  margin-left: -1px;
}

.wtw-button-segmented button:focus-visible {
  outline-offset: -1px;
  position: relative;
}

/* Dark Mode */
.wtw-dark-mode .wtw-button-segmented {
  --wtw-button-segmented--border-color:var(--wtw-darkmode-ui--500);
}

.wtw-dark-mode .wtw-button-segmented.wtw-button--secondary-neutral {
  --wtw-button-segmented--border-color:var(--wtw-darkmode-base--0);
}

.wtw-dark-mode .wtw-button-segmented.wtw-button--secondary-neutral button:hover,
.wtw-dark-mode .wtw-button-segmented.wtw-button--secondary-neutral button:active {
  --wtw-button-segmented--border-color:var(--wtw-darkmode-base--100);
}

:root {
  --wtw-button--active-background-color:var(--wtw-ui--700);
  --wtw-button--active-border-color:var(--wtw-ui--700);
  --wtw-button--active-foreground-color:var(--wtw-base--0);
  --wtw-button--background-color:var(--wtw-ui--500);
  --wtw-button--border-color:var(--wtw-ui--500);
  --wtw-button--border-radius:var(--wtw-radius--regular);
  --wtw-button--focus-background-color:var(--wtw-ui--500);
  --wtw-button--focus-border-color:var(--wtw-ui--500);
  --wtw-button--focus-foreground-color:var(--wtw-base--0);
  --wtw-button--foreground-color:var(--wtw-base--0);
  --wtw-button--font-size:var(--wtw-typography-button--sm);
  --wtw-button--hover-background-color:var(--wtw-ui--600);
  --wtw-button--hover-border-color:var(--wtw-ui--600);
  --wtw-button--hover-foreground-color:var(--wtw-base--0);
  --wtw-button--icon-size: var(--wtw-icon-size--6);
  --wtw-button--outline-color:var(--wtw-ui--500);
  --wtw-button--padding:9px 17px;
}

.wtw-button {
  align-items: center;
  color: var(--wtw-button--foreground-color);
  cursor: pointer;
  border-width: var(--wtw-border-width--thin);
  border-style: var(--wtw-border-style--solid);
  border-radius: var(--wtw-button--border-radius);
  background-color: var(--wtw-button--background-color);
  border-color: var(--wtw-button--border-color);
  display: flex;
  flex-wrap: nowrap;
  font: var(--wtw-button--font-size);
  font-weight: var(--wtw-typography-font-weight--medium);
  gap: 8px;
  height: fit-content;
  justify-content: center;
  padding: var(--wtw-button--padding);
  outline-offset: 2px;
  outline-color: var(--wtw-button--outline-color);
  outline-width: var(--wtw-border-width--medium);
  text-decoration: none;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  user-select: none;
  vertical-align: text-bottom;
  white-space: nowrap;
}

/* Focus */
/* Hover */
.wtw-button:hover {
  background-color: var(--wtw-button--hover-background-color);
  border-color: var(--wtw-button--hover-border-color);
  color: var(--wtw-button--hover-foreground-color);
}

/* Active */
.wtw-button:active,
.wtw-button[aria-expanded=true] {
  background-color: var(--wtw-button--active-background-color);
  border-color: var(--wtw-button--active-border-color);
  color: var(--wtw-button--active-foreground-color);
}

/* Primary - Light Mode */
.wtw-button--primary {
  --wtw-button--border-color:var(--wtw-ui--500);
  --wtw-button--background-color:var(--wtw-ui--500);
  --wtw-button--foreground-color:var(--wtw-base--0);
  --wtw-button--focus-background-color:var(--wtw-ui--500);
  --wtw-button--focus-border-color:var(--wtw-ui--500);
  --wtw-button--focus-foreground-color:var(--wtw-base--0);
  --wtw-button--hover-background-color:var(--wtw-ui--600);
  --wtw-button--hover-border-color:var(--wtw-ui--600);
  --wtw-button--hover-foreground-color:var(--wtw-base--0);
  --wtw-button--active-background-color:var(--wtw-ui--700);
  --wtw-button--active-border-color:var(--wtw-ui--700);
  --wtw-button--active-foreground-color:var(--wtw-base--0);
}

/* Secondary - Light Mode */
.wtw-button--secondary {
  --wtw-button--background-color:var(--wtw-base--0);
  --wtw-button--border-color:var(--wtw-ui--500);
  --wtw-button--foreground-color:var(--wtw-ui--500);
  --wtw-button--focus-background-color:var(--wtw-base--0);
  --wtw-button--focus-border-color:var(--wtw-ui--500);
  --wtw-button--focus-foreground-color:var(--wtw-ui--500);
  --wtw-button--hover-background-color:var(--wtw-ui--100);
  --wtw-button--hover-border-color:var(--wtw-ui--700);
  --wtw-button--hover-foreground-color:var(--wtw-ui--700);
  --wtw-button--active-background-color:var(--wtw-ui--200);
  --wtw-button--active-border-color:var(--wtw-ui--700);
  --wtw-button--active-foreground-color:var(--wtw-ui--700);
}

/* Subtle - Light Mode */
.wtw-button--subtle {
  --wtw-button--background-color:transparent;
  --wtw-button--border-color:transparent;
  --wtw-button--foreground-color:var(--wtw-ui--500);
  --wtw-button--focus-background-color:var(--wtw-base--0);
  --wtw-button--focus-border-color:var(--wtw-ui--500);
  --wtw-button--focus-foreground-color:var(--wtw-ui--500);
  --wtw-button--hover-background-color:var(--wtw-ui--100);
  --wtw-button--hover-border-color:var(--wtw-ui--700);
  --wtw-button--hover-foreground-color:var(--wtw-ui--700);
  --wtw-button--active-background-color:var(--wtw-ui--200);
  --wtw-button--active-border-color:var(--wtw-ui--700);
  --wtw-button--active-foreground-color:var(--wtw-ui--700);
}

/* Success - Light Mode */
.wtw-button--success {
  --wtw-button--background-color:var(--wtw-semantic-success--500);
  --wtw-button--border-color:var(--wtw-semantic-success--500);
  --wtw-button--foreground-color:var(--wtw-base--0);
  --wtw-button--focus-background-color:var(--wtw-semantic-success--500);
  --wtw-button--focus-border-color:var(--wtw-semantic-success--500);
  --wtw-button--focus-foreground-color:var(--wtw-base--0);
  --wtw-button--hover-background-color:var(--wtw-semantic-success--600);
  --wtw-button--hover-border-color:var(--wtw-semantic-success--600);
  --wtw-button--hover-foreground-color:var(--wtw-base--0);
  --wtw-button--active-background-color:var(--wtw-semantic-success--700);
  --wtw-button--active-border-color:var(--wtw-semantic-success--700);
  --wtw-button--active-foreground-color:var(--wtw-base--0);
}

/* Warning - Light Mode */
.wtw-button--warning {
  --wtw-button--background-color:var(--wtw-semantic-warning--100);
  --wtw-button--border-color:var(--wtw-semantic-warning--500);
  --wtw-button--foreground-color:var(--wtw-semantic-warning--900);
  --wtw-button--focus-background-color:var(--wtw-semantic-warning--100);
  --wtw-button--focus-border-color:var(--wtw-semantic-warning--500);
  --wtw-button--focus-foreground-color:var(--wtw-semantic-warning--900);
  --wtw-button--hover-background-color:var(--wtw-semantic-warning--200);
  --wtw-button--hover-border-color:var(--wtw-semantic-warning--600);
  --wtw-button--hover-foreground-color:var(--wtw-semantic-warning--900);
  --wtw-button--active-background-color:var(--wtw-semantic-warning--300);
  --wtw-button--active-border-color:var(--wtw-semantic-warning--700);
  --wtw-button--active-foreground-color:var(--wtw-semantic-warning--900);
}

/* Error - Light Mode */
.wtw-button--error {
  --wtw-button--background-color:var(--wtw-semantic-error--500);
  --wtw-button--border-color:var(--wtw-semantic-error--500);
  --wtw-button--foreground-color:var(--wtw-base--0);
  --wtw-button--focus-background-color:var(--wtw-semantic-error--500);
  --wtw-button--focus-border-color:var(--wtw-semantic-error--500);
  --wtw-button--focus-foreground-color:var(--wtw-base--0);
  --wtw-button--hover-background-color:var(--wtw-semantic-error--600);
  --wtw-button--hover-border-color:var(--wtw-semantic-error--600);
  --wtw-button--hover-foreground-color:var(--wtw-base--0);
  --wtw-button--active-background-color:var(--wtw-semantic-error--700);
  --wtw-button--active-border-color:var(--wtw-semantic-error--700);
  --wtw-button--active-foreground-color:var(--wtw-base--0);
}

/* Primary Neutral - Light Mode */
.wtw-button--primary-neutral {
  --wtw-button--background-color:var(--wtw-base--700);
  --wtw-button--border-color:var(--wtw-base--700);
  --wtw-button--foreground-color:var(--wtw-base--50);
  --wtw-button--focus-background-color:var(--wtw-base--700);
  --wtw-button--focus-border-color:var(--wtw-base--700);
  --wtw-button--focus-foreground-color:var(--wtw-base--50);
  --wtw-button--hover-background-color:var(--wtw-base--800);
  --wtw-button--hover-border-color:var(--wtw-base--800);
  --wtw-button--hover-foreground-color:var(--wtw-base--50);
  --wtw-button--active-background-color:var(--wtw-base--900);
  --wtw-button--active-border-color:var(--wtw-base--900);
  --wtw-button--active-foreground-color:var(--wtw-base--100);
}

/* Secondary Neutral - Light Mode */
.wtw-button--secondary-neutral {
  --wtw-button--background-color:transparent;
  --wtw-button--border-color:var(--wtw-base--900);
  --wtw-button--foreground-color:var(--wtw-base--900);
  --wtw-button--focus-background-color:transparent;
  --wtw-button--focus-border-color:var(--wtw-base--900);
  --wtw-button--focus-foreground-color:var(--wtw-base--900);
  --wtw-button--hover-background-color:var(--wtw-base--200);
  --wtw-button--hover-border-color:var(--wtw-base--900);
  --wtw-button--hover-foreground-color:var(--wtw-base--900);
  --wtw-button--active-background-color:var(--wtw-base--300);
  --wtw-button--active-border-color:var(--wtw-base--900);
  --wtw-button--active-foreground-color:var(--wtw-base--900);
}

/* Subtle Neutral - Light Mode */
.wtw-button--subtle-neutral {
  --wtw-button--border-color:transparent;
  --wtw-button--background-color:transparent;
  --wtw-button--foreground-color:var(--wtw-base--900);
  --wtw-button--focus-background-color:transparent;
  --wtw-button--focus-border-color:var(--wtw-base--900);
  --wtw-button--focus-foreground-color:var(--wtw-base--900);
  --wtw-button--hover-background-color:var(--wtw-base--200);
  --wtw-button--hover-border-color:var(--wtw-base--900);
  --wtw-button--hover-foreground-color:var(--wtw-base--900);
  --wtw-button--active-background-color:var(--wtw-base--300);
  --wtw-button--active-border-color:var(--wtw-base--900);
  --wtw-button--active-foreground-color:var(--wtw-base--900);
}

.wtw-button--error.wtw-button-style--subtle {
  --wtw-button--background-color:var(--wtw-semantic-error--50);
  --wtw-button--foreground-color:var(--wtw-semantic-error--600);
}

.wtw-button--warning.wtw-button-style--subtle {
  --wtw-button--background-color:var(--wtw-semantic-warning--50);
  --wtw-button--foreground-color:var(--wtw-semantic-warning--600);
}

.wtw-button--success.wtw-button-style--subtle {
  --wtw-button--background-color:var(--wtw-semantic-success--50);
  --wtw-button--foreground-color:var(--wtw-semantic-success--600);
}

/* Styles/Colors - Dark Mode */
/* Disabled */
.wtw-button:disabled,
.wtw-button:disabled:hover,
.wtw-button:disabled:active,
.wtw-button:disabled:focus-visible {
  --wtw-button--border-color:var(--wtw-base--100);
  --wtw-button--background-color:var(--wtw-base--100);
  --wtw-button--foreground-color:var(--wtw-base--700);
  --wtw-button--focus-border-color:var(--wtw-base--100);
  --wtw-button--focus-background-color:var(--wtw-base--100);
  --wtw-button--focus-foreground-color:var(--wtw-base--700);
  --wtw-button--hover-border-color:var(--wtw-base--100);
  --wtw-button--hover-background-color:var(--wtw-base--100);
  --wtw-button--hover-foreground-color:var(--wtw-base--700);
  --wtw-button--active-border-color:var(--wtw-base--100);
  --wtw-button--active-background-color:var(--wtw-base--100);
  --wtw-button--active-foreground-color:var(--wtw-base--700);
  cursor: not-allowed;
}

/* Corners */
.wtw-button-corners--square {
  --wtw-button--border-radius:var(--wtw-border-width--none);
}

/* Button Sizes */
.wtw-button-size--sm {
  --wtw-button--padding:7px 15px;
  --wtw-button--font-size:var(--wtw-typography-button--xs);
  --wtw-button--icon-size:var(--wtw-icon-size--5);
}

.wtw-button-size--md {
  --wtw-button--padding:9px 17px;
  --wtw-button--font-size:var(--wtw-typography-button--sm);
  --wtw-button--icon-size:var(--wtw-icon-size--6);
}

.wtw-button-size--lg {
  --wtw-button--padding:11px 19px;
  --wtw-button--font-size:var(--wtw-typography-button--md);
  --wtw-button--icon-size:var(--wtw-icon-size--8);
}

/* Font Sizes */
.wtw-button.wtw-typography-button--xs {
  --wtw-button--icon-size:var(--wtw-icon-size--5);
}

.wtw-button.wtw-typography-button--sm {
  --wtw-button--icon-size:var(--wtw-icon-size--6);
}

.wtw-button.wtw-typography-button--md {
  --wtw-button--icon-size:var(--wtw-icon-size--7);
}

.wtw-button.wtw-typography-button--lg {
  --wtw-button--icon-size:var(--wtw-icon-size--8);
}

.wtw-button.wtw-typography-button--xl {
  --wtw-button--icon-size:var(--wtw-icon-size--8);
}

/* Icons */
.wtw-button .wtw-functional-icons {
  --wtw-icon--size: var(--wtw-button--icon-size);
  pointer-events: none;
}

/* Icon Only - Adjust inline padding */
.wtw-button--icon-only.wtw-button-size--sm {
  --wtw-button--padding:7px;
}

.wtw-button--icon-only,
.wtw-button--icon-only.wtw-button-size--md {
  --wtw-button--padding:9px;
}

.wtw-button--icon-only.wtw-button-size--lg {
  --wtw-button--padding:11px;
}

.wtw-button--icon-only.wtw-button-size--sm.wtw-typography-button--md {
  --wtw-button--padding:8px;
}

.wtw-button--icon-only.wtw-button-size--sm.wtw-typography-button--xl {
  --wtw-button--padding:9px;
}

.wtw-button--icon-only.wtw-typography-button--md,
.wtw-button--icon-only.wtw-button-size--md.wtw-typography-button--md {
  --wtw-button--padding:10px;
}

.wtw-button--icon-only.wtw-button-size--md.wtw-typography-button--xl {
  --wtw-button--padding:11px;
}

.wtw-button--icon-only.wtw-button-size--lg.wtw-typography-button--md {
  --wtw-button--padding:12px;
}

.wtw-button--icon-only.wtw-typography-button--xl,
.wtw-button--icon-only.wtw-button-size--lg.wtw-typography-button--xl {
  --wtw-button--padding:13px;
}

:root {
  --wtw-card--background-color:var(--wtw-base--0);
  --wtw-card--border-color:var(--wtw-base--200);
  --wtw-card--elevation:var(--wtw-elevation--100);
  --wtw-card--hover-color:var(--wtw-ui--500);
  --wtw-card--padding:24px;
}

.wtw-card {
  height: 100%;
  position: relative;
}

@media (min-width: 992px) {
  .wtw-card {
    --wtw-card--padding:32px;
  }
}
.wtw-card--content {
  background-color: var(--wtw-card--background-color);
  box-shadow: var(--wtw-card--elevation);
  height: 100%;
}

.wtw-card--content > * {
  margin: 0;
}

.wtw-card .wtw-card--image-full-bleed {
  width: 100%;
}

.wtw-card .wtw-card--body > * {
  margin: 0;
}

.wtw-card .wtw-card--header {
  padding: var(--wtw-card--padding) var(--wtw-card--padding) 0 var(--wtw-card--padding);
  display: grid;
  gap: 8px;
}

.wtw-card .wtw-card--body {
  padding: 0 var(--wtw-card--padding) var(--wtw-card--padding) var(--wtw-card--padding);
  display: grid;
  gap: 8px;
}

.wtw-card .wtw-card--body > * {
  margin: 0;
}

.wtw-card .wtw-card--eyebrow {
  font: var(--wtw-typography-label--lg);
  font-weight: var(--wtw-typography-font-weight--medium);
}

.wtw-card .wtw-card--eyebrow-wrapper {
  align-items: start;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.wtw-card .wtw-card--title {
  font: var(--wtw-typography-display--xs);
  font-weight: var(--wtw-typography-font-weight--semibold);
}

.wtw-card .wtw-card--icons {
  display: flex;
  gap: 8px;
  position: absolute;
  top: 0;
  right: 0;
}

.wtw-card .wtw-card--text {
  font: var(--wtw-typography-text--sm);
}

.wtw-card .wtw-card--footer {
  padding: 0 var(--wtw-card--padding) var(--wtw-card--padding) var(--wtw-card--padding);
}

.wtw-card.wtw-card--border .wtw-card--content {
  border: var(--wtw-border-width--thin) solid var(--wtw-card--border-color);
}

.wtw-card.wtw-card--flat .wtw-card--content {
  --wtw-card--elevation:none;
}

.wtw-card--content {
  transition: var(--wtw-transition-property--transform) var(--wtw-transition-duration--extra-fast) var(--wtw-transition-function--ease), var(--wtw-transition-property--box-shadow) var(--wtw-transition-duration--extra-fast) var(--wtw-transition-function--ease);
}

.wtw-card .wtw-card--action-link:hover + .wtw-card--content,
.wtw-card .wtw-card--action-link:focus-visible + .wtw-card--content {
  --wtw-card--elevation:var(--wtw-elevation--200);
}

.wtw-card .wtw-card--action-link:after {
  background-color: var(--wtw-card--hover-color);
  bottom: 0;
  content: "";
  cursor: pointer;
  display: block;
  height: var(--wtw-border-width--thick);
  position: absolute;
  transition: var(--wtw-transition-property--all) var(--wtw-transition-duration--extra-fast) var(--wtw-transition-function--ease);
  width: 0%;
}

.wtw-card .wtw-card--action-link {
  inset: 0;
  outline: none;
  position: absolute;
  z-index: 1;
}

.wtw-card .wtw-card--action-link:hover:after,
.wtw-card .wtw-card--action-link:focus-visible:after {
  width: 100%;
}

.wtw-card.wtw-card--border .wtw-card--action-link:after {
  bottom: -1px;
}

/* Dark Mode */
.wtw-dark-mode {
  --wtw-card--background-color:var(--wtw-darkmode-base--800);
  --wtw-card--border-color:var(--wtw-darkmode-base--600);
  --wtw-card--elevation:var(--wtw-elevation--100);
  --wtw-card--hover-color:var(--wtw-darkmode-ui--400);
}

.wtw-dark-mode .wtw-card .wtw-card--action-link:hover + .wtw-card--content,
.wtw-dark-mode .wtw-card .wtw-card--action-link:focus-visible + .wtw-card--content {
  --wtw-card--elevation:var(--wtw-elevation--200);
}

:root {
  --wtw-datagrid--padding-block-size:14px;
  --wtw-datagrid--border-color:var(--wtw-base--200);
  --wtw-datagrid--header-background-color:var(--wtw-base--50);
  --wtw-datagrid--header-foreground-color:var(--wtw-base--800);
  --wtw-datagrid--header-font:var(--wtw-typography-text--xs);
  --wtw-datagrid--body-color:var(--wtw-base--700);
  --wtw-datagrid--stripe-color:var(--wtw-base--50);
  --wtw-datagrid--hover-color:var(--wtw-ui--50);
  --wtw-datagrid--row-background-color:var(--wtw-base--0);
  --wtw-datagrid--selected-border-color:var(--wtw-ui--500);
}

.wtw-datagrid {
  border-collapse: var(--wtw-border-style--collapse);
  width: 100%;
}

.wtw-datagrid thead tr {
  --wtw-datagrid--row-background-color:var(--wtw-datagrid--header-background-color);
  border-width: 2px;
}

.wtw-datagrid th {
  background-color: var(--wtw-datagrid--header-background-color);
  color: var(--wtw-datagrid--header-foreground-color);
}

.wtw-datagrid th button {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--wtw-datagrid--header-foreground-color);
  cursor: pointer;
  display: flex;
  font: var(--wtw-datagrid--header-font);
  font-weight: var(--wtw-typography-font-weight--semibold);
  gap: 8px;
  outline: 0;
  padding: 0;
  text-align: left;
  white-space: nowrap;
  width: 100%;
}

.wtw-datagrid th .wtw-functional-icons {
  --wtw-icon--size:var(--wtw-icon-size--6);
}

.wtw-datagrid tr {
  border-bottom: var(--wtw-border-width--thin) var(--wtw-border-style--solid) var(--wtw-datagrid--border-color);
  background-color: var(--wtw-datagrid--row-background-color);
  position: relative;
}

.wtw-datagrid :where(td, th) {
  padding: var(--wtw-datagrid--padding-block-size) 20px;
  text-align: left;
  position: relative;
}

.wtw-datagrid :where(td, th).wtw-datagrid--center {
  text-align: center;
}

.wtw-datagrid :where(td, th).wtw-datagrid--center > * {
  display: block;
  margin-inline: auto;
  text-align: center;
  width: fit-content;
}

.wtw-datagrid td {
  font: var(--wtw-typography-label--md);
  font-weight: var(--wtw-typography-font-weight--medium);
  color: var(--wtw-datagrid--body-color);
}

.wtw-datagrid .wtw-functional-icons {
  vertical-align: middle;
}

.wtw-datagrid td:not(.wtw-datagrid--center) .wtw-functional-icons {
  margin-right: 8px;
}

.wtw-datagrid.wtw-datagrid--compact {
  --wtw-datagrid--padding-block-size:6px;
}

.wtw-datagrid.wtw-datagrid--striped tr:nth-child(even) {
  --wtw-datagrid--row-background-color:var(--wtw-datagrid--stripe-color);
}

.wtw-datagrid .wtw-datagrid--menu .wtw-functional-icons {
  --wtw-icon--size:var(--wtw-icon-size--6);
}

.wtw-datagrid.wtw-datagrid--striped tr.wtw-selected,
.wtw-datagrid tbody tr.wtw-selected {
  --wtw-datagrid--row-background-color: var(--wtw-datagrid--hover-color);
  background-color: var(--wtw-datagrid--row-background-color);
  position: relative;
}

.wtw-datagrid tr.wtw-selected .wtw-checkbox {
  opacity: 1;
  pointer-events: inherit;
}

.wtw-datagrid tr.wtw-selected td:first-child:before {
  background: var(--wtw-datagrid--selected-border-color);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  width: 2px;
}

.wtw-datagrid tr:hover,
.wtw-datagrid.wtw-datagrid--striped tr:hover {
  --wtw-datagrid--row-background-color:var(--wtw-datagrid--hover-color);
}

.wtw-datagrid.wtw-datagrid-color--neutral tr:hover,
.wtw-datagrid.wtw-datagrid-color--neutral.wtw-datagrid--striped tr:hover {
  --wtw-datagrid--hover-color:var(--wtw-base--100);
}

.wtw-datagrid.wtw-datagrid-color--neutral tr.wtw-selected {
  --wtw-datagrid--hover-color:var(--wtw-base--100);
}

.wtw-datagrid .wtw-badge-color--success.wtw-badge-style--subtle {
  --wtw-badge--background-color: var(--wtw-semantic-success--50);
  --wtw-badge--border-color: var(--wtw-semantic-success--500);
  --wtw-badge--foreground-color: var(--wtw-semantic-success--500);
  border-color: var(--wtw-badge--border-color);
}

.wtw-datagrid .wtw--show-on-hover {
  opacity: 0;
  pointer-events: none;
}

.wtw-datagrid :where(tr:hover td, th button:hover, [aria-sort=true i]) .wtw--show-on-hover {
  opacity: 1;
  pointer-events: inherit;
}

.wtw-datagrid--limited-width {
  max-width: 100%;
  position: relative;
}

.wtw-datagrid--scroll {
  overflow-x: scroll;
  overflow-y: hidden;
}

.wtw-datagrid--scroll-shadow {
  background: linear-gradient(to left, var(--wtw-base--0) 0%, transparent 100%);
  bottom: 8px; /*scrollbar height*/
  display: block;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 200px;
}

.wtw-datagrid--limited-width .wtw-datagrid {
  width: max-content;
}

.wtw-dark-mode .wtw-datagrid {
  --wtw-datagrid--border-color:var(--wtw-darkmode-base--600);
  --wtw-datagrid--body-color:var(--wtw-darkmode-base--50);
  --wtw-datagrid--header-background-color:var(--wtw-base--800);
  --wtw-datagrid--header-foreground-color:var(--wtw-darkmode-base--0);
  --wtw-datagrid--hover-color:var(--wtw-darkmode-ui--900);
  --wtw-datagrid--row-background-color:var(--wtw-darkmode-base--900);
  --wtw-datagrid--stripe-color:var(--wtw-darkmode-base--800);
  --wtw-datagrid--selected-border-color:var(--wtw-darkmode-ui--400);
}

.wtw-dark-mode .wtw-datagrid--scroll-shadow {
  background: linear-gradient(270deg, var(--wtw-darkmode-base--900) 0%, rgba(24, 25, 28, 0) 100%);
}

.wtw-dark-mode .wtw-datagrid .wtw-badge-color--success.wtw-badge-style--subtle {
  --wtw-badge--background-color: var(--wtw-darkmode-semantic-success--800);
  --wtw-badge--border-color: var(--wtw-darkmode-semantic-success--100);
  --wtw-badge--foreground-color: var(--wtw-darkmode-semantic-success--100);
}

.wtw-dark-mode .wtw-datagrid.wtw-datagrid-color--neutral tr:hover,
.wtw-dark-mode .wtw-datagrid.wtw-datagrid-color--neutral.wtw-datagrid--striped tr:hover {
  --wtw-datagrid--hover-color:var(--wtw-darkmode-base--700);
}

.wtw-dark-mode .wtw-datagrid.wtw-datagrid-color--neutral tr.wtw-selected {
  --wtw-datagrid--hover-color:var(--wtw-darkmode-base--700);
}

:root {
  /* Light Mode */
  --wtw-elevation-lightmode--0:none;
  --wtw-elevation-lightmode--100:0px 2px 8px rgba(0, 0, 0, 0.2);
  --wtw-elevation-lightmode--200:0px 4px 16px rgba(0, 0, 0, 0.2);
  --wtw-elevation-lightmode--300:0px 6px 24px rgba(0, 0, 0, 0.2);
  --wtw-elevation-lightmode--400:0px 8px 32px rgba(0, 0, 0, 0.15);
  --wtw-elevation-lightmode--500:0px 10px 40px rgba(0, 0, 0, 0.15);
  --wtw-elevation-lightmode--600:0px 12px 48px rgba(0, 0, 0, 0.15);
  /* Dark Mode*/
  --wtw-elevation-darkmode--0:none;
  --wtw-elevation-darkmode--100:0px 2px 12px rgba(0, 0, 0, 0.5);
  --wtw-elevation-darkmode--200:0px 4px 16px rgba(0, 0, 0, 0.6);
  --wtw-elevation-darkmode--300:0px 6px 24px rgba(0, 0, 0, 0.8);
  --wtw-elevation-darkmode--400:0px 8px 32px rgba(0, 0, 0, 0.8);
  --wtw-elevation-darkmode--500:0px 10px 40px rgba(0, 0, 0, 0.8);
  --wtw-elevation-darkmode--600:0px 12px 48px rgba(0, 0, 0, 0.8);
  /* Abstracted - Use this in other CSS files and they will automatically adjust to dark mode */
  --wtw-elevation--0:var(--wtw-elevation-lightmode--0);
  --wtw-elevation--100:var(--wtw-elevation-lightmode--100);
  --wtw-elevation--200:var(--wtw-elevation-lightmode--200);
  --wtw-elevation--300:var(--wtw-elevation-lightmode--300);
  --wtw-elevation--400:var(--wtw-elevation-lightmode--400);
  --wtw-elevation--500:var(--wtw-elevation-lightmode--500);
  --wtw-elevation--600:var(--wtw-elevation-lightmode--600);
}

/* Base */
.wtw-elevation--0 {
  box-shadow: var(--wtw-elevation--0);
}

.wtw-elevation--100 {
  box-shadow: var(--wtw-elevation--100);
}

.wtw-elevation--200 {
  box-shadow: var(--wtw-elevation--200);
}

.wtw-elevation--300 {
  box-shadow: var(--wtw-elevation--300);
}

.wtw-elevation--400 {
  box-shadow: var(--wtw-elevation--400);
}

.wtw-elevation--500 {
  box-shadow: var(--wtw-elevation--500);
}

.wtw-elevation--600 {
  box-shadow: var(--wtw-elevation--600);
}

/* Dark Mode */
.wtw-dark-mode {
  --wtw-elevation--0:var(--wtw-elevation-darkmode--0);
  --wtw-elevation--100:var(--wtw-elevation-darkmode--100);
  --wtw-elevation--200:var(--wtw-elevation-darkmode--200);
  --wtw-elevation--300:var(--wtw-elevation-darkmode--300);
  --wtw-elevation--400:var(--wtw-elevation-darkmode--400);
  --wtw-elevation--500:var(--wtw-elevation-darkmode--500);
  --wtw-elevation--600:var(--wtw-elevation-darkmode--600);
}

:root {
  --wtw-icon-size--1:normal var(--wtw-typography-font-weight--regular) var(--wtw-font-size--1) /1 "Material Symbols Outlined";
  --wtw-icon-size--2:normal var(--wtw-typography-font-weight--regular) var(--wtw-font-size--2) /1 "Material Symbols Outlined";
  --wtw-icon-size--3:normal var(--wtw-typography-font-weight--regular) var(--wtw-font-size--3) /1 "Material Symbols Outlined";
  --wtw-icon-size--4:normal var(--wtw-typography-font-weight--regular) var(--wtw-font-size--4) /1 "Material Symbols Outlined";
  --wtw-icon-size--5:normal var(--wtw-typography-font-weight--regular) var(--wtw-font-size--5) /1 "Material Symbols Outlined";
  --wtw-icon-size--6:normal var(--wtw-typography-font-weight--regular) var(--wtw-font-size--6) /1 "Material Symbols Outlined";
  --wtw-icon-size--7:normal var(--wtw-typography-font-weight--regular) var(--wtw-font-size--7) /1 "Material Symbols Outlined";
  --wtw-icon-size--8:normal var(--wtw-typography-font-weight--regular) var(--wtw-font-size--8) /1 "Material Symbols Outlined";
  --wtw-icon-size--9:normal var(--wtw-typography-font-weight--regular) var(--wtw-font-size--9) /1 "Material Symbols Outlined";
  --wtw-icon-size--10:normal var(--wtw-typography-font-weight--regular) var(--wtw-font-size--10)/1 "Material Symbols Outlined";
  --wtw-icon-size--11:normal var(--wtw-typography-font-weight--regular) var(--wtw-font-size--11)/1 "Material Symbols Outlined";
  --wtw-icon-size--12:normal var(--wtw-typography-font-weight--regular) var(--wtw-font-size--12)/1 "Material Symbols Outlined";
  --wtw-icon-size--13:normal var(--wtw-typography-font-weight--regular) var(--wtw-font-size--16)/1 "Material Symbols Outlined";
  --wtw-icon-optical-size--1:20;
  --wtw-icon-optical-size--2:24;
  --wtw-icon-optical-size--3:40;
  --wtw-icon--size:var(--wtw-icon-size--8);
  --wtw-icon--optical-size:var(--wtw-icon-optical-size--2);
}

.wtw-functional-icons {
  display: inline-block;
  direction: ltr;
  font: var(--wtw-icon--size);
  font-variation-settings: "opsz" var(--wtw-icon--optical-size);
  letter-spacing: normal;
  line-height: 1;
  pointer-events: none;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
}

.wtw-icon-size--1 {
  --wtw-icon--size:var(--wtw-icon-size--1);
}

.wtw-icon-size--2 {
  --wtw-icon--size:var(--wtw-icon-size--2);
}

.wtw-icon-size--3 {
  --wtw-icon--size:var(--wtw-icon-size--3);
}

.wtw-icon-size--4 {
  --wtw-icon--size:var(--wtw-icon-size--4);
}

.wtw-icon-size--5 {
  --wtw-icon--size:var(--wtw-icon-size--5);
}

.wtw-icon-size--6 {
  --wtw-icon--size:var(--wtw-icon-size--6);
}

.wtw-icon-size--7 {
  --wtw-icon--size:var(--wtw-icon-size--7);
}

.wtw-icon-size--8 {
  --wtw-icon--size:var(--wtw-icon-size--8);
}

.wtw-icon-size--9 {
  --wtw-icon--size:var(--wtw-icon-size--9);
}

.wtw-icon-size--10 {
  --wtw-icon--size:var(--wtw-icon-size--10);
}

.wtw-icon-size--11 {
  --wtw-icon--size:var(--wtw-icon-size--11);
}

.wtw-icon-size--12 {
  --wtw-icon--size:var(--wtw-icon-size--12);
}

.wtw-icon-size--3xs {
  --wtw-icon--size:var(--wtw-icon-size--2);
  --wtw-icon--optical-size:var(--wtw-icon-optical-size--1);
}

.wtw-icon-size--2xs {
  --wtw-icon--size:var(--wtw-icon-size--3);
  --wtw-icon--optical-size:var(--wtw-icon-optical-size--1);
}

.wtw-icon-size--xs {
  --wtw-icon--size:var(--wtw-icon-size--4);
  --wtw-icon--optical-size:var(--wtw-icon-optical-size--1);
}

.wtw-icon-size--sm {
  --wtw-icon--size:var(--wtw-icon-size--5);
  --wtw-icon--optical-size:var(--wtw-icon-optical-size--1);
}

.wtw-icon-size--md {
  --wtw-icon--size:var(--wtw-icon-size--6);
  --wtw-icon--optical-size:var(--wtw-icon-optical-size--1);
}

.wtw-icon-size--lg {
  --wtw-icon--size:var(--wtw-icon-size--8);
  --wtw-icon--optical-size:var(--wtw-icon-optical-size--2);
}

.wtw-icon-size--xl {
  --wtw-icon--size:var(--wtw-icon-size--10);
  --wtw-icon--optical-size:var(--wtw-icon-optical-size--2);
}

.wtw-icon-size--2xl {
  --wtw-icon--size:var(--wtw-icon-size--12);
  --wtw-icon--optical-size:var(--wtw-icon-optical-size--3);
}

.wtw-icon-size--3xl {
  --wtw-icon--size:var(--wtw-icon-size--13);
  --wtw-icon--optical-size:var(--wtw-icon-optical-size--3);
}

:root {
  --wtw-checkbox--background-color:var(--wtw-base--0);
  --wtw-checkbox--foreground-color:transparent;
  --wtw-checkbox--border-color:var(--wtw-ui--500);
  --wtw-checkbox--font:var(--wtw-typography-label--lg);
  --wtw-checkbox--icon-size:var(--wtw-icon-size--7);
  --wtw-checkbox--label-color:var(--wtw-base--700);
  --wtw-checkbox--outline-color:var(--wtw-ui--500);
  --wtw-checkbox--size:24px;
  --wtw-checkbox--support-text-color:var(--wtw-base--600);
  --wtw-checkbox--support-text-font:var(--wtw-typography-text--sm);
  --wtw-checkbox--text-margin-top:0;
}

.wtw-checkbox--group {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.wtw-checkbox {
  display: flex;
  gap: 12px;
  width: fit-content;
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  transform: scale(2) !important;
  padding: 10px;
}

.wtw-checkbox .wtw-checkbox--text {
  display: grid;
  gap: 2px;
  margin-top: var(--wtw-checkbox--text-margin-top);
}

.wtw-checkbox strong {
  color: var(--wtw-checkbox--label-color);
  font: var(--wtw-checkbox--font);
  font-weight: var(--wtw-typography-font-weight--medium);
}

.wtw-checkbox .wtw-checkbox--text span {
  color: var(--wtw-checkbox--support-text-color);
  font: var(--wtw-checkbox--support-text-font);
}

.wtw-checkbox {
  cursor: pointer;
  user-select: none;
}

.wtw-checkbox input {
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}

.wtw-checkbox .wtw-checkbox--checkbox span {
  display: grid;
  background-color: var(--wtw-checkbox--background-color);
  width: var(--wtw-checkbox--size);
  height: var(--wtw-checkbox--size);
  border-radius: 3px;
  border: var(--wtw-border-width--thin) var(--wtw-border-style--solid) var(--wtw-checkbox--border-color);
  outline-color: var(--wtw-checkbox--outline-color);
  outline-width: var(--wtw-border-width--medium);
  outline-offset: 2px;
  position: relative;
  place-items: center;
  transition: var(--wtw-transition-property--all) var(--wtw-transition-duration--extra-fast) var(--wtw-transition-function--linear);
}

.wtw-checkbox .wtw-checkbox--checkbox span:after {
  content: "check";
  color: var(--wtw-checkbox--foreground-color);
  display: block;
  font: var(--wtw-checkbox--icon-size);
  transition: var(--wtw-transition-property--all) var(--wtw-transition-duration--extra-fast) var(--wtw-transition-function--linear);
}

.wtw-checkbox--compact,
.wtw-form-control-size--compact .wtw-checkbox {
  --wtw-checkbox--size:20px;
  --wtw-checkbox--font:var(--wtw-typography-label--md);
  --wtw-checkbox--support-text-font:var(--wtw-typography-text--xs);
  --wtw-checkbox--text-margin-top:2px;
}

.wtw-checkbox--compact .wtw-checkbox--checkbox span,
.wtw-form-control-size--compact .wtw-checkbox .wtw-checkbox--checkbox span {
  margin-top: 2px;
}

.wtw-checkbox--compact .wtw-checkbox--checkbox span:after,
.wtw-form-control-size--compact .wtw-checkbox .wtw-checkbox--checkbox span:after {
  --wtw-checkbox--icon-size:var(--wtw-icon-size--5);
}

.wtw-checkbox input:checked + span {
  --wtw-checkbox--background-color:var(--wtw-ui--500);
  --wtw-checkbox--foreground-color:var(--wtw-base--0);
}

.wtw-checkbox:hover {
  --wtw-checkbox--background-color:var(--wtw-ui--100);
  --wtw-checkbox--border-color:var(--wtw-ui--600);
}

.wtw-checkbox input:focus-visible + span {
  outline-style: var(--wtw-border-style--solid);
}

.wtw-checkbox input:disabled + span {
  --wtw-checkbox--background-color:var(--wtw-base--100);
  --wtw-checkbox--foreground-color:var(--wtw-base--600);
  --wtw-checkbox--border-color:var(--wtw-base--600);
  cursor: not-allowed;
}

.wtw-checkbox input:disabled + span:after {
  content: "remove";
}

.wtw-dark-mode .wtw-checkbox {
  --wtw-checkbox--background-color:var(--wtw-darkmode-base--900);
  --wtw-checkbox--border-color:var(--wtw-darkmode-ui--400);
  --wtw-checkbox--label-color:var(--wtw-darkmode-base--50);
  --wtw-checkbox--outline-color:var(--wtw-darkmode-ui--400);
  --wtw-checkbox--support-text-color:var(--wtw-darkmode-base--200);
}

.wtw-dark-mode .wtw-checkbox input:checked + span {
  --wtw-checkbox--background-color:var(--wtw-darkmode-ui--200);
  --wtw-checkbox--foreground-color:var(--wtw-darkmode-base--900);
  --wtw-checkbox--border-color:var(--wtw-darkmode-ui--200);
}

.wtw-dark-mode .wtw-checkbox:hover {
  --wtw-checkbox--background-color:var(--wtw-darkmode-ui--900);
  --wtw-checkbox--border-color:var(--wtw-darkmode-ui--200);
}

.wtw-dark-mode .wtw-checkbox input:disabled + span {
  --wtw-checkbox--background-color:var(--wtw-darkmode-base--600);
  --wtw-checkbox--foreground-color:var(--wtw-darkmode-base--300);
  --wtw-checkbox--border-color:var(--wtw-darkmode-base--300);
}

:root {
  --wtw-input-dropdown--color:var(--wtw-base--600);
  --wtw-input-dropdown--background-color:var(--wtw-base--0);
  --wtw-input-dropdown--border-color:var(--wtw-base--400);
  --wtw-input-dropdown--error-background-color:var(--wtw-semantic-error--600);
  --wtw-input-dropdown--error-color:var(--wtw-base--0);
  --wtw-input-dropdown--font:var(--wtw-typography-text--sm);
  --wtw-input-dropdown--height:56px;
  --wtw-input-dropdown--icon-size:var(--wtw-icon-size--6);
  --wtw-input-dropdown--label-font:var(--wtw-typography-label--xl);
  --wtw-input-dropdown--outline-color:var(--wtw-stratosphere--500);
  --wtw-input-dropdown--padding-block:15px;
  --wtw-input-dropdown--padding-inline:16px;
  --wtw-input-dropdown--popover-color:var(--wtw-base--900);
  --wtw-input-dropdown--button-chevron-color:var(--wtw-stratosphere--500);
  --wtw-input-dropdown--button-gap:8px;
  --wtw-input-dropdown--list-background-color:var(--wtw-base--0);
  --wtw-input-dropdown--list-border-color:var(--wtw-base--100);
  --wtw-input-dropdown--list-top:90px;
  --wtw-input-dropdown--list-item-background-color:var(--wtw-base--0);
  --wtw-input-dropdown--list-item-border-color:var(--wtw-base--0);
  --wtw-input-dropdown--list-item-foreground-color:var(--wtw-base--900);
  --wtw-input-dropdown--input-font:var(--wtw-typography-text--sm);
  --wtw-input-dropdown--input-padding:0;
}

.wtw-input-dropdown {
  display: grid;
  gap: 8px;
  position: relative;
}

.wtw-input-dropdown label {
  font: var(--wtw-input-dropdown--label-font);
  font-weight: var(--wtw-typography-font-weight--semibold);
}

.wtw-input-dropdown .wtw-input-dropdown--wrapper {
  align-items: center;
  background-color: var(--wtw-input-dropdown--background-color);
  border: var(--wtw-border-width--thin) var(--wtw-border-style--solid) var(--wtw-input-dropdown--border-color);
  color: var(--wtw-input-dropdown--color);
  display: flex;
  gap: 8px;
  padding-block: 0;
  padding-inline: var(--wtw-input-dropdown--padding-inline);
  position: relative;
  outline-color: var(--wtw-input-dropdown--outline-color);
  outline-offset: 2px;
  outline-width: 2px;
}

.wtw-input-dropdown .wtw-input-dropdown--decoration {
  background-color: var(--wtw-input-dropdown--outline-color);
  bottom: 0;
  height: 3px;
  left: 0;
  position: absolute;
  right: auto;
  transition: var(--wtw-transition-property--width) var(--wtw-transition-duration--extra-fast) var(--wtw-transition-function--ease);
  width: 0%;
  z-index: 1;
}

.wtw-input-dropdown:focus-within .wtw-input-dropdown--decoration {
  width: 100%;
}

.wtw-input-dropdown ul li:focus {
  outline: 2px solid var(--wtw-dropdown-navigation--menu-item-focus-color);
  outline-offset: -2px;
}

.wtw-input-dropdown button[aria-controls] {
  --wtw-icon--size:var(--wtw-input-dropdown--icon-size);
  align-items: center;
  background: var(--wtw-input-dropdown--background-color);
  border: 0;
  color: var(--wtw-input-dropdown--color);
  cursor: pointer;
  display: flex;
  flex: 1 1 0;
  font: var(--wtw-input-dropdown--font);
  gap: var(--wtw-input-dropdown--button-gap);
  height: 100%;
  justify-content: start;
  outline: 0;
  padding-block: var(--wtw-input-dropdown--padding-block);
  padding-inline: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.wtw-input-dropdown button[aria-haspopup]:after {
  color: var(--wtw-input-dropdown--button-chevron-color);
  content: "expand_more";
  display: block;
  font: var(--wtw-icon-size--4);
  height: 16px;
  margin-inline: auto 0;
  width: 16px;
  transition: transform 0.3s;
}

.wtw-input-dropdown button[aria-expanded=true]:after {
  transform: rotate(180deg);
}

.wtw-input-dropdown button:focus-visible {
  --wtw-input-dropdown--color:var(--wtw-base--900);
}

.wtw-input-dropdown ul {
  background-color: var(--wtw-input-dropdown--list-background-color);
  border: var(--wtw-border-width--thin) var(--wtw-border-style--solid) var(--wtw-input-dropdown--list-border-color);
  box-shadow: var(--wtw-elevation--300);
  font: var(--wtw-typography-text-size--sm);
  list-style: none;
  margin: 0;
  max-height: 320px;
  overflow: hidden auto;
  outline: 0;
  padding: 0;
  position: absolute;
  top: var(--wtw-input-dropdown--list-top);
  width: 100%;
  z-index: 3;
}

.wtw-input-dropdown ul[aria-hidden=true] {
  display: none;
}

.wtw-input-dropdown ul li {
  --wtw-icon--size:var(--wtw-input-dropdown--icon-size);
  border: var(--wtw-border-width--thin) var(--wtw-border-style--solid) var(--wtw-input-dropdown--list-item-border-color);
  background-color: var(--wtw-input-dropdown--list-item-background-color);
  color: var(--wtw-input-dropdown--list-item-foreground-color);
  display: flex;
  font: var(--wtw-input-dropdown--font);
  gap: 8px;
  justify-content: start;
  padding: 8px 16px;
  transition: var(--wtw-transition-property--all) var(--wtw-transition-duration--instant) var(--wtw-transition-function--linear);
  user-select: none;
}

.wtw-input-dropdown ul li[aria-selected=true] {
  --wtw-input-dropdown--list-item-background-color:var(--wtw-ui--100);
  --wtw-input-dropdown--list-item-border-color:var(--wtw-ui--400);
  --wtw-input-dropdown--list-item-foreground-color:var(--wtw-ui--800);
}

.wtw-input-dropdown ul li[aria-selected=true]:after {
  content: "check";
  display: block;
  font: var(--wtw-icon-size--8);
  height: 20px;
  margin-inline: auto 0;
  width: 20px;
}

.wtw-input-dropdown ul li.wtw-input-dropdown--list-item-current {
  --wtw-input-dropdown--list-item-background-color:var(--wtw-base--0);
  --wtw-input-dropdown--list-item-border-color:var(--wtw-base--0);
  --wtw-input-dropdown--list-item-foreground-color:var(--wtw-ui--900);
  outline: 2px solid var(--wtw-dropdown-navigation--menu-item-focus-color);
  outline-offset: -2px;
}

.wtw-input-dropdown ul li:hover {
  --wtw-input-dropdown--list-item-background-color:var(--wtw-ui--100);
  --wtw-input-dropdown--list-item-border-color:var(--wtw-ui--400);
  --wtw-input-dropdown--list-item-foreground-color:var(--wtw-base--800);
}

.wtw-input-dropdown ul li[aria-selected=true]:not([aria-disabled]):hover {
  --wtw-input-dropdown--list-item-background-color:var(--wtw-ui--50);
}

.wtw-input-dropdown ul li[aria-disabled=true] {
  --wtw-input-dropdown--list-item-background-color:var(--wtw-base--0);
  --wtw-input-dropdown--list-item-border-color:var(--wtw-base--0);
  --wtw-input-dropdown--list-item-foreground-color:var(--wtw-base--500);
  cursor: not-allowed;
}

.wtw-input-dropdown ul li[aria-disabled=true][aria-selected=true] {
  --wtw-input-dropdown--list-item-background-color:var(--wtw-base--50);
  --wtw-input-dropdown--list-item-border-color:var(--wtw-base--50);
  --wtw-input-dropdown--list-item-foreground-color:var(--wtw-base--500);
}

.wtw-input-dropdown .wtw-input-dropdown--wrapper + span {
  color: var(--wtw-input-dropdown--color);
}

.wtw-input-dropdown .wtw-popover {
  margin-left: auto;
  z-index: 1;
}

.wtw-input-dropdown .wtw-popover [data-popover] {
  color: var(--wtw-input-dropdown--popover-color);
}

.wtw-input-dropdown.wtw-input-dropdown--disabled {
  --wtw-input-dropdown--color:var(--wtw-base--600);
  --wtw-input-dropdown--background-color:var(--wtw-base--100);
  --wtw-input-dropdown--border-color:var(--wtw-base--600);
  --wtw-input-dropdown--outline-color:transparent;
  --wtw-input-dropdown--popover-color:var(--wtw-base--900);
  --wtw-input-dropdown--button-chevron-color:var(--wtw-base--600);
}

/* Styles */
.wtw-input-dropdown.wtw-input-dropdown--leading-dropdown {
  --wtw-input-dropdown--button-gap:4px;
  --wtw-input-dropdown--padding-inline:12px 0;
}

.wtw-input-dropdown.wtw-input-dropdown--leading-dropdown input {
  padding-left: 2px;
}

.wtw-input-dropdown.wtw-input-dropdown--leading-dropdown .wtw-popover {
  margin-right: 16px;
}

.wtw-input-dropdown.wtw-input-dropdown--trailing-dropdown {
  --wtw-input-dropdown--button-gap:4px;
  --wtw-input-dropdown--padding-inline:12px 12px;
}

.wtw-input-dropdown.wtw-input-dropdown--trailing-dropdown button[aria-controls] {
  padding-left: 4px;
}

.wtw-input-dropdown input {
  background-color: var(--wtw-input-dropdown--background-color);
  border: 0;
  color: var(--wtw-input-dropdown--color);
  font: var(--wtw-input-dropdown--input-font);
  height: 100%;
  inset: 0;
  outline: 0;
  padding: var(--wtw-input-dropdown--input-padding);
  width: 100%;
}

.wtw-input-dropdown input::placeholder {
  color: var(--wtw-input-dropdown--color);
}

.wtw-input-dropdown .wtw-field-error {
  background-color: var(--wtw-input-dropdown--error-background-color);
  color: var(--wtw-input-dropdown--error-color);
  display: none;
  font: var(--wtw-typography-label--md);
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  display: none;
  gap: 8px;
  align-items: center;
  padding: 4px 8px;
}

.wtw-input-dropdown--compact,
.wtw-form-control-size--compact .wtw-input-dropdown {
  --wtw-input-dropdown--padding-block:7px;
  --wtw-input-dropdown--font:var(--wtw-typography-text--xs);
  --wtw-input-dropdown--input-font:var(--wtw-typography-text--xs);
  --wtw-input-dropdown--height:36px;
  --wtw-input-dropdown--label-font:var(--wtw-typography-label--lg);
  --wtw-input-dropdown--list-top:70px;
}

.wtw-input-dropdown input:disabled {
  --wtw-input-dropdown--background-color:var(--wtw-base--100);
  cursor: not-allowed;
}

.wtw-input-dropdown.wtw-error .wtw-input-dropdown--wrapper {
  --wtw-input-dropdown--border-color:var(--wtw-input-dropdown--error-background-color);
  --wtw-input-dropdown--padding-inline:10px 12px;
}

.wtw-input-dropdown.wtw-error .wtw-field-error {
  display: inherit;
  margin-inline: -1px;
  width: calc(100% + 2px);
}

.wtw-dark-mode .wtw-input-dropdown {
  --wtw-input-dropdown--color:var(--wtw-darkmode-base--200);
  --wtw-input-dropdown--background-color:var(--wtw-darkmode-base--900);
  --wtw-input-dropdown--border-color:var(--wtw-darkmode-base--500);
  --wtw-input-dropdown--error-background-color:var(--wtw-darkmode-semantic-error--400);
  --wtw-input-dropdown--error-color:var(--wtw-darkmode-base--900);
  --wtw-input-dropdown--outline-color:var(--wtw-darkmode-stratosphere--400);
  --wtw-input-dropdown--popover-color:var(--wtw-darkmode-base--0);
  --wtw-input-dropdown--button-chevron-color:var(--wtw-darkmode-stratosphere--400);
  --wtw-input-dropdown--list-background-color:var(--wtw-darkmode-base--900);
  --wtw-input-dropdown--list-border-color:var(--wtw-darkmode-base--400);
  --wtw-input-dropdown--list-item-background-color:var(--wtw-darkmode-base--900);
  --wtw-input-dropdown--list-item-border-color:var(--wtw-darkmode-base--900);
  --wtw-input-dropdown--list-item-foreground-color:var(--wtw-darkmode-base--200);
}

.wtw-dark-mode .wtw-input-dropdown button:focus-visible {
  --wtw-input-dropdown--color:var(--wtw-darkmode-base--200);
}

.wtw-dark-mode .wtw-input-dropdown ul li[aria-selected=true] {
  --wtw-input-dropdown--list-item-background-color:var(--wtw-darkmode-ui--800);
  --wtw-input-dropdown--list-item-border-color:var(--wtw-darkmode-ui--600);
  --wtw-input-dropdown--list-item-foreground-color:var(--wtw-darkmode-base--50);
}

.wtw-dark-mode .wtw-input-dropdown ul li[aria-selected=true].wtw-input-dropdown--list-item-current {
  --wtw-input-dropdown--list-item-background-color:var(--wtw-darkmode-base--900);
  --wtw-input-dropdown--list-item-border-color:var(--wtw-darkmode-ui--600);
  --wtw-input-dropdown--list-item-foreground-color:var(--wtw-darkmode-base--50);
}

.wtw-dark-mode .wtw-input-dropdown ul li.wtw-input-dropdown--list-item-current {
  --wtw-input-dropdown--list-item-background-color:var(--wtw-darkmode-base--900);
  --wtw-input-dropdown--list-item-border-color:var(--wtw-darkmode-base--900);
  --wtw-input-dropdown--list-item-foreground-color:var(--wtw-darkmode-base--0);
}

.wtw-dark-mode .wtw-input-dropdown ul li:hover {
  --wtw-input-dropdown--list-item-background-color:var(--wtw-darkmode-ui--800);
  --wtw-input-dropdown--list-item-border-color:var(--wtw-darkmode-ui--600);
  --wtw-input-dropdown--list-item-foreground-color:var(--wtw-darkmode-base--50);
}

.wtw-dark-mode .wtw-input-dropdown ul li[aria-selected=true]:not([aria-disabled]):hover {
  --wtw-input-dropdown--list-item-background-color:var(--wtw-darkmode-base--900);
  --wtw-input-dropdown--list-item-border-color:var(--wtw-darkmode-ui--600);
  --wtw-input-dropdown--list-item-foreground-color:var(--wtw-darkmode-base--50);
}

.wtw-dark-mode .wtw-input-dropdown ul li[aria-disabled=true] {
  --wtw-input-dropdown--list-item-background-color:var(--wtw-darkmode-base--700);
  --wtw-input-dropdown--list-item-border-color:var(--wtw-darkmode-base--700);
  --wtw-input-dropdown--list-item-foreground-color:var(--wtw-darkmode-base--200);
}

.wtw-dark-mode .wtw-input-dropdown ul li[aria-disabled=true][aria-selected=true] {
  --wtw-input-dropdown--list-item-background-color:var(--wtw-darkmode-base--800);
  --wtw-input-dropdown--list-item-border-color:var(--wtw-darkmode-base--800);
  --wtw-input-dropdown--list-item-foreground-color:var(--wtw-darkmode-base--400);
}

.wtw-dark-mode .wtw-input-dropdown.wtw-input-dropdown--disabled {
  --wtw-input-dropdown--background-color:var(--wtw-darkmode-base--700);
  --wtw-input-dropdown--border-color:var(--wtw-darkmode-base--400);
  --wtw-input-dropdown--color:var(--wtw-darkmode-base--200);
  --wtw-input-dropdown--outline-color:transparent;
  --wtw-input-dropdown--popover-color:var(--wtw-darkmode-base--0);
  --wtw-input-dropdown--button-chevron-color:var(--wtw-darkmode-base--200);
}

.wtw-dark-mode .wtw-input-dropdown input:disabled {
  --wtw-input-dropdown--background-color:var(--wtw-darkmode-base--700);
}

:root {
  --wtw-radio--background-color:transparent;
  --wtw-radio--foreground-color:transparent;
  --wtw-radio--border-color:var(--wtw-ui--500);
  --wtw-radio--font:var(--wtw-typography-label--lg);
  --wtw-radio--size:24px;
  --wtw-radio--label-color:var(--wtw-base--700);
  --wtw-radio--text-margin-top:0;
  --wtw-radio--nub-color:transparent;
  --wtw-radio--outline-color:var(--wtw-ui--500);
  --wtw-radio--support-text-color:var(--wtw-base--600);
  --wtw-radio--support-text-font:var(--wtw-typography-text--sm);
}

.wtw-radio--group {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.wtw-radio {
  display: flex;
  gap: 12px;
  width: fit-content;
}

.wtw-radio .wtw-radio--text {
  display: grid;
  gap: 2px;
  margin-top: var(--wtw-radio--text-margin-top);
}

.wtw-radio strong {
  color: var(--wtw-radio--label-color);
  font: var(--wtw-radio--font);
  font-weight: var(--wtw-typography-font-weight--medium);
}

.wtw-radio .wtw-radio--text span {
  color: var(--wtw-radio--support-text-color);
  font: var(--wtw-radio--support-text-font);
}

.wtw-radio {
  cursor: pointer;
  user-select: none;
}

.wtw-radio input {
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}

.wtw-radio .wtw-radio--radio span {
  display: block;
  background-color: var(--wtw-radio--background-color);
  width: var(--wtw-radio--size);
  height: var(--wtw-radio--size);
  border-radius: var(--wtw-radius--full);
  border: var(--wtw-border-width--thin) var(--wtw-border-style--solid) var(--wtw-radio--border-color);
  font: var(--wtw-radio--support-text-font);
  outline-color: var(--wtw-radio--outline-color);
  outline-width: var(--wtw-border-width--medium);
  outline-offset: 2px;
  position: relative;
  transition: var(--wtw-transition-property--background-color) var(--wtw-transition-duration--extra-fast) var(--wtw-transition-function--linear);
}

.wtw-radio .wtw-radio--radio span:after {
  color: var(--wtw-radio--foreground-color);
  content: "";
  background-color: var(--wtw-radio--nub-color);
  border-radius: var(--wtw-radius--full);
  display: block;
  font: var(--wtw-icon-size--7);
  height: calc(100% - 6px);
  left: 3px;
  position: absolute;
  top: 3px;
  transition: var(--wtw-transition-property--color) var(--wtw-transition-duration--extra-fast) var(--wtw-transition-function--linear);
  width: calc(100% - 6px);
}

.wtw-radio--compact,
.wtw-form-control-size--compact .wtw-radio {
  --wtw-radio--font:var(--wtw-typography-label--md);
  --wtw-radio--size:20px;
  --wtw-radio--support-text-font:var(--wtw-typography-text--xs);
  --wtw-radio--text-margin-top:2px;
}

.wtw-radio--compact .wtw-radio--radio span,
.wtw-form-control-size--compact .wtw-radio .wtw-radio--radio span {
  margin-top: 2px;
}

.wtw-radio--compact .wtw-radio--radio span:after,
.wtw-form-control-size--compact .wtw-radio .wtw-radio--radio span:after {
  font: var(--wtw-icon-size--5);
}

.wtw-radio input:checked + span:after {
  --wtw-radio--nub-color:var(--wtw-ui--500);
}

.wtw-radio:hover {
  --wtw-radio--background-color:var(--wtw-ui--100);
  --wtw-radio--border-color:var(--wtw-ui--600);
}

.wtw-radio input:focus-visible + span {
  outline-style: var(--wtw-border-style--solid);
}

.wtw-radio input:disabled + span {
  --wtw-radio--background-color:var(--wtw-base--100);
  --wtw-radio--border-color:var(--wtw-base--600);
  --wtw-radio--foreground-color:var(--wtw-base--600);
  cursor: not-allowed;
}

.wtw-radio input:disabled + span:after {
  --wtw-radio--nub-color:transparent;
  content: "remove";
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.wtw-dark-mode .wtw-radio {
  --wtw-radio--border-color:var(--wtw-darkmode-ui--400);
  --wtw-radio--label-color:var(--wtw-darkmode-base--50);
  --wtw-radio--outline-color:var(--wtw-darkmode-ui--400);
  --wtw-radio--support-text-color:var(--wtw-darkmode-base--200);
}

.wtw-dark-mode .wtw-radio input:checked + span:after {
  --wtw-radio--nub-color:var(--wtw-darkmode-ui--200);
}

.wtw-dark-mode .wtw-radio:hover {
  --wtw-radio--background-color:var(--wtw-darkmode-ui--900);
  --wtw-radio--border-color:var(--wtw-darkmode-ui--200);
}

.wtw-dark-mode .wtw-radio input:disabled + span {
  --wtw-radio--background-color:var(--wtw-darkmode-base--600);
  --wtw-radio--border-color:var(--wtw-darkmode-base--300);
  --wtw-radio--foreground-color:var(--wtw-darkmode-base--300);
}

.wtw-dark-mode .wtw-radio input:disabled + span:after {
  --wtw-radio--nub-color:transparent;
}

:root {
  --wtw-switch--background-color:var(--wtw-base--0);
  --wtw-switch--foreground-color:var(--wtw-ui--500);
  --wtw-switch--border-color:var(--wtw-ui--500);
  --wtw-switch--nub-color:var(--wtw-ui--500);
  --wtw-switch--nub-shadow:var(--wtw-elevation--100);
  --wtw-switch--label-color:var(--wtw-base--700);
  --wtw-switch--support-text-color:var(--wtw-base--600);
}

.wtw-switch--group {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.wtw-switch {
  display: inline-flex;
  gap: 12px;
  width: fit-content;
}

.wtw-switch .wtw-switch--text {
  display: grid;
  gap: 2px;
}

.wtw-switch strong {
  color: var(--wtw-switch--label-color);
  font: var(--wtw-typography-label--lg);
  font-weight: var(--wtw-typography-font-weight--medium);
}

.wtw-switch .wtw-switch--text span {
  color: var(--wtw-switch--support-text-color);
  font: var(--wtw-typography-text--sm);
}

.wtw-switch {
  cursor: pointer;
  user-select: none;
}

.wtw-switch input {
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}

.wtw-switch .wtw-switch--switch span {
  display: inline-block;
  background-color: var(--wtw-switch--background-color);
  width: 48px;
  height: 24px;
  border-radius: var(--wtw-radius--pill);
  border: var(--wtw-border-width--thin) var(--wtw-border-style--solid) var(--wtw-switch--border-color);
  outline-color: var(--wtw-switch--foreground-color);
  outline-width: var(--wtw-border-width--medium);
  outline-offset: 2px;
  position: relative;
  transition: background var(--wtw-transition-duration--fast) var(--wtw-transition-function--ease-out);
}

.wtw-switch .wtw-switch--switch span:before {
  background: var(--wtw-switch--nub-color);
  border-radius: var(--wtw-radius--full);
  box-shadow: var(--wtw-switch--nub-shadow);
  content: "";
  display: block;
  height: 16px;
  left: 4px;
  position: relative;
  top: 3px;
  transition: left var(--wtw-transition-duration--fast) var(--wtw-transition-function--ease-out), background var(--wtw-transition-duration--fast) var(--wtw-transition-function--ease-out);
  width: 16px;
}

.wtw-switch .wtw-switch--switch span:after {
  color: var(--wtw-switch--foreground-color);
  content: "check";
  display: block;
  font: var(--wtw-icon-size--4);
  left: 4px;
  position: absolute;
  top: 3px;
  transition: left var(--wtw-transition-duration--fast) var(--wtw-transition-function--ease-out), color var(--wtw-transition-duration--fast) var(--wtw-transition-function--ease-out);
}

.wtw-switch input:checked + span {
  --wtw-switch--background-color:var(--wtw-ui--500);
  --wtw-switch--nub-color:var(--wtw-base--0);
}

.wtw-switch input:checked + span:before {
  box-shadow: none;
  left: 26px;
}

.wtw-switch input:checked + span:after {
  left: 26px;
}

.wtw-switch:hover {
  --wtw-switch--background-color:var(--wtw-ui--100);
  --wtw-switch--border-color: var(--wtw-ui--600);
  --wtw-switch--foreground-color:var(--wtw-ui--600);
  --wtw-switch--nub-color: var(--wtw-ui--600);
}

.wtw-switch input:focus-visible + span {
  outline-style: var(--wtw-border-style--solid);
}

.wtw-switch input:disabled + span {
  --wtw-switch--background-color:var(--wtw-base--100);
  --wtw-switch--foreground-color:var(--wtw-base--600);
  --wtw-switch--border-color:var(--wtw-base--600);
  --wtw-switch--nub-color:var(--wtw-base--600);
  --wtw-switch--nub-shadow:none;
  cursor: not-allowed;
}

.wtw-switch--compact,
.wtw-form-control-size--compact .wtw-switch {
  align-items: center;
}

.wtw-switch--compact .wtw-switch--switch,
.wtw-form-control-size--compact .wtw-switch .wtw-switch--switch {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.wtw-switch--compact .wtw-switch--switch span,
.wtw-form-control-size--compact .wtw-switch .wtw-switch--switch span {
  height: 20px;
  width: 40px;
}

.wtw-switch--compact .wtw-switch--switch span:before,
.wtw-form-control-size--compact .wtw-switch .wtw-switch--switch span:before {
  height: 12px;
  width: 12px;
}

.wtw-switch--compact .wtw-switch--switch span:after,
.wtw-form-control-size--compact .wtw-switch .wtw-switch--switch span:after {
  left: 3px;
  top: 2px;
  font: var(--wtw-icon-size--3);
}

.wtw-switch--compact input:checked + span:before,
.wtw-form-control-size--compact .wtw-switch input:checked + span:before {
  box-shadow: none;
  left: 22px;
}

.wtw-switch--compact input:checked + span:after,
.wtw-form-control-size--compact .wtw-switch input:checked + span:after {
  left: 21px;
}

.wtw-switch--compact strong,
.wtw-form-control-size--compact .wtw-switch strong {
  font: var(--wtw-typography-label--md);
  font-weight: var(--wtw-typography-font-weight--medium);
}

.wtw-switch--compact .wtw-switch--text span,
.wtw-form-control-size--compact .wtw-switch .wtw-switch--text span {
  font: var(--wtw-typography-label--md);
}

.wtw-dark-mode .wtw-switch {
  --wtw-switch--background-color:var(--wtw-darkmode-base--900);
  --wtw-switch--foreground-color:var(--wtw-darkmode-ui--400);
  --wtw-switch--border-color:var(--wtw-darkmode-ui--400);
  --wtw-switch--label-color:var(--wtw-darkmode-base--50);
  --wtw-switch--support-text-color:var(--wtw-darkmode-base--200);
  --wtw-switch--nub-color:var(--wtw-darkmode-ui--400);
}

.wtw-dark-mode .wtw-switch input:checked + span {
  --wtw-switch--background-color:var(--wtw-darkmode-ui--200);
  --wtw-switch--foreground-color:var(--wtw-darkmode-ui--200);
  --wtw-switch--border-color:var(--wtw-darkmode-ui--200);
  --wtw-switch--nub-color:var(--wtw-darkmode-base--900);
}

.wtw-dark-mode .wtw-switch:hover {
  --wtw-switch--background-color:var(--wtw-darkmode-ui--900);
  --wtw-switch--foreground-color:var(--wtw-darkmode-ui--200);
  --wtw-switch--border-color:var(--wtw-darkmode-ui--200);
  --wtw-switch--nub-color:var(--wtw-darkmode-ui--200);
}

.wtw-dark-mode .wtw-switch input:disabled + span {
  --wtw-switch--background-color:var(--wtw-darkmode-base--600);
  --wtw-switch--foreground-color:var(--wtw-darkmode-base--300);
  --wtw-switch--border-color:var(--wtw-darkmode-base--300);
  --wtw-switch--nub-color:var(--wtw-darkmode-base--300);
}

:root {
  --wtw-input-text--color:var(--wtw-base--900);
  --wtw-input-text--background-color:transparent;
  --wtw-input-text--border-color:var(--wtw-base--500);
  --wtw-input-text--help-color:var(--wtw-base--600);
  --wtw-input-text--error-background-color:var(--wtw-semantic-error--600);
  --wtw-input-text--error-color:var(--wtw-base--0);
  --wtw-input-text--height:56px;
  --wtw-input-text--label-font:var(--wtw-typography-label--xl);
  --wtw-input-text--input-font:var(--wtw-typography-text--sm);
  --wtw-input-text--outline-color:var(--wtw-stratosphere--500);
  --wtw-input-text--popover-color:var(--wtw-base--600);
}

.wtw-input-text {
  display: grid;
  gap: 8px;
  width: 100%;
}

.wtw-input-text label {
  font: var(--wtw-input-text--label-font);
  font-weight: var(--wtw-typography-font-weight--semibold);
  color: var(--wtw-input-text--color);
}

.wtw-input-text .wtw-input-text--wrapper {
  align-items: center;
  color: var(--wtw-input-text--color);
  display: flex;
  height: var(--wtw-input-text--height);
  padding: 0 14px;
  position: relative;
}

.wtw-input-text input {
  background-color: var(--wtw-input-text--background-color);
  border: var(--wtw-border-width--thin) var(--wtw-border-style--solid) var(--wtw-input-text--border-color);
  border-radius: 0;
  color: var(--wtw-input-text--color);
  font: var(--wtw-input-text--input-font);
  height: 100%;
  inset: 0;
  outline-color: var(--wtw-input-text--outline-color);
  outline-offset: 2px;
  outline-width: 2px;
  padding: 0 38px 0 14px;
  position: absolute;
  width: 100%;
}

.wtw-input-text input ~ .wtw-input-text--decoration {
  background-color: var(--wtw-input-text--outline-color);
  bottom: 0;
  height: 3px;
  left: 0;
  position: absolute;
  right: auto;
  transition: var(--wtw-transition-property--width) var(--wtw-transition-duration--extra-fast) var(--wtw-transition-function--ease);
  width: 0%;
  z-index: 1;
}

.wtw-input-text input::placeholder {
  --wtw-input-text--color:var(--wtw-base--600);
  color: var(--wtw-input-text--color);
}

.wtw-input-text .wtw-input-text--wrapper + span {
  color: var(--wtw-input-text--help-color);
}

.wtw-input-text .wtw-functional-icons {
  z-index: 1;
}

.wtw-input-text .wtw-functional-icons + input {
  padding-left: 42px;
}

.wtw-input-text .wtw-popover {
  margin-left: auto;
  z-index: 1;
}

.wtw-input-text .wtw-popover [data-popover] {
  --wtw-popover--trigger-color:var(--wtw-input-text--popover-color);
}

.wtw-input-text .wtw-field-error {
  align-items: center;
  background-color: var(--wtw-input-text--error-background-color);
  color: var(--wtw-input-text--error-color);
  display: none;
  font: var(--wtw-typography-label--md);
  gap: 8px;
  left: 0;
  padding: 4px 8px;
  position: absolute;
  top: 100%;
  width: 100%;
}

/* States */
.wtw-input-text input:focus-visible {
  outline-style: var(--wtw-border-style--solid);
  border: var(--wtw-border-width--thin) solid var(--wtw-input-text--border-color);
  outline-width: 2px;
  outline-offset: 2px;
  outline-style: none;
  outline-color: var(--wtw-input-text--outline-color);
}

.wtw-input-text input:focus-visible ~ .wtw-input-text--decoration {
  width: 100%;
}

.wtw-input-text--compact,
.wtw-input-text--compact input,
.wtw-form-control-size--compact .wtw-input-text,
.wtw-form-control-size--compact .wtw-input-text input {
  --wtw-input-text--label-font:var(--wtw-typography-label--lg);
  --wtw-input-text--input-font:var(--wtw-typography-text--xs);
  --wtw-input-text--height:40px;
}

.wtw-input-text input:disabled {
  --wtw-input-text--background-color:var(--wtw-base--100);
  --wtw-input-text--border-color:var(--wtw-base--600);
  cursor: not-allowed;
}

.wtw-input-text.wtw-error .wtw-input-text--wrapper {
  --wtw-input-text--border-color:var(--wtw-input-text--error-background-color);
}

.wtw-input-text.wtw-error .wtw-field-error {
  display: inherit;
}

.wtw-dark-mode .wtw-input-text {
  --wtw-input-text--color:var(--wtw-darkmode-base--50);
  --wtw-input-text--background-color:transparent;
  --wtw-input-text--border-color:var(--wtw-darkmode-base--500);
  --wtw-input-text--help-color:var(--wtw-darkmode-base--200);
  --wtw-input-text--error-background-color:var(--wtw-darkmode-semantic-error--400);
  --wtw-input-text--error-color:var(--wtw-darkmode-base--900);
  --wtw-input-text--outline-color:var(--wtw-darkmode-ui--400);
  --wtw-input-text--popover-color:var(--wtw-darkmode-base--200);
}

.wtw-dark-mode .wtw-input-text input:disabled {
  --wtw-input-text--background-color:var(--wtw-darkmode-base--700);
  --wtw-input-text--border-color:var(--wtw-darkmode-base--400);
}

.wtw-dark-mode .wtw-input-text input::placeholder {
  --wtw-input-text--color:var(--wtw-darkmode-base--200);
  color: var(--wtw-input-text--color);
}

:root {
  --wtw-link--foreground-color:var(--wtw-ui--500);
  --wtw-link--outline-color:var(--wtw-ui--500);
  --wtw-link--underline-width:0;
  --wtw-link--underline-height:2px;
  --wtw-link--icon-size:var(--wtw-icon-size--6);
}

.wtw-link {
  align-items: center;
  color: var(--wtw-link--foreground-color);
  cursor: pointer;
  display: flex;
  flex-wrap: nowrap;
  font: var(--wtw-typography-link--md);
  font-weight: var(--wtw-typography-font-weight--semibold);
  gap: 8px;
  justify-content: center;
  outline-offset: 4px;
  outline-color: var(--wtw-link--outline-color);
  outline-width: var(--wtw-border-width--medium);
  position: relative;
  text-decoration: none;
  transition: var(--wtw-transition-property--color) var(--wtw-transition-duration--extra-fast) var(--wtw-transition-function--linear);
  white-space: nowrap;
  width: fit-content;
}

.wtw-link:not(:hover):after {
  background-color: transparent;
}

.wtw-link:not(.wtw-link--inline):after {
  bottom: 0;
  content: "";
  display: block;
  background: var(--wtw-link--foreground-color);
  height: var(--wtw-link--underline-height);
  left: 0;
  width: var(--wtw-link--underline-width);
  position: absolute;
  transition: var(--wtw-transition-property--background-color) var(--wtw-transition-duration--extra-fast) var(--wtw-transition-function--linear);
}

.wtw-link:hover {
  --wtw-link--underline-width:100%;
  border-color: var(--wtw-link--foreground-color);
}

.wtw-link:focus-visible {
  outline-style: var(--wtw-border-style--solid);
}

.wtw-link--inline {
  border-bottom: var(--wtw-border-width--thin) var(--wtw-border-style--solid) var(--wtw-link--foreground-color);
  display: inline;
  font-size: 1rem;
  font: var(--wtw-typography-link--md);
  font-size: inherit;
  font-weight: var(--wtw-typography-font-weight--regular);
  letter-spacing: 1%;
  transition-property: var(--wtw-transition-property--border-bottom), var(--wtw-transition-property--color);
  transition-duration: var(--wtw-transition-duration--extra-fast);
  transition-timing-function: var(--wtw-transition-function--linear);
}

.wtw-link .wtw-functional-icons {
  --wtw-icon--size:var(--wtw-link--icon-size);
}

.wtw-typography-link--xs {
  --wtw-link--icon-size:var(--wtw-icon-size--3);
  --wtw-link--underline-height:1px;
}

.wtw-typography-link--sm {
  --wtw-link--icon-size:var(--wtw-icon-size--5);
  --wtw-link--underline-height:1px;
}

.wtw-typography-link--md {
  --wtw-link--icon-size:var(--wtw-icon-size--6);
}

.wtw-typography-link--lg {
  --wtw-link--icon-size:var(--wtw-icon-size--8);
}

.wtw-typography-link--xl {
  --wtw-link--icon-size:var(--wtw-icon-size--8);
}

.wtw-link-color--primary {
  --wtw-link--foreground-color:var(--wtw-ui--500);
}

.wtw-link:hover {
  --wtw-link--foreground-color:var(--wtw-ui--700);
}

.wtw-link-color--neutral {
  --wtw-link--foreground-color:var(--wtw-base--700);
}

.wtw-link-color--neutral:hover {
  --wtw-link--foreground-color:var(--wtw-base--900);
}

/* Dark Mode */
.wtw-dark-mode :where(.wtw-link, .wtw-link-color--primary) {
  --wtw-link--foreground-color:var(--wtw-darkmode-ui--400);
}

.wtw-dark-mode :where(.wtw-link, .wtw-link-color--primary):hover {
  --wtw-link--foreground-color:var(--wtw-darkmode-ui--200);
}

.wtw-dark-mode :where(.wtw-link, .wtw-link--inline).wtw-link-color--neutral {
  --wtw-link--foreground-color:var(--wtw-darkmode-base--400);
}

.wtw-dark-mode :where(.wtw-link, .wtw-link--inline).wtw-link-color--neutral:hover {
  --wtw-link--foreground-color:var(--wtw-darkmode-base--200);
}

.ng2-pdf-viewer-container {
  overflow: hidden;
  height: auto !important;
}

:root {
  --wtw-popover--arrow:none;
  --wtw-popover--background-color:var(--wtw-base--0);
  --wtw-popover--border-color:transparent;
  --wtw-popover--description-color:var(--wtw-base--500);
  --wtw-popover--font:var(--wtw-typography-label--sm);
  --wtw-popover--font--weight:var(--wtw-typography-font-weight--regular);
  --wtw-popover--title--weight:var(--wtw-typography-font-weight--semibold);
  --wtw-popover--inset: auto auto auto 50%;
  --wtw-popover--text-color:var(--wtw-base--700);
  --wtw-popover--transform:translate(-50%, calc(-100% - 8px));
  --wtw-popover--trigger-color:var(--wtw-base--900);
}

.wtw-popover {
  display: inline-block;
  height: 16px;
  line-height: 1;
  position: relative;
  width: fit-content;
}

.wtw-popover--popover {
  background-color: var(--wtw-popover--background-color);
  border: var(--wtw-border-width--thin) var(--wtw-border-style--solid) var(--wtw-popover--border-color);
  box-shadow: var(--wtw-elevation--200);
  color: var(--wtw-popover--text-color);
  flex-direction: column;
  font: var(--wtw-popover--font);
  font-weight: var(--wtw-popover--font--weight);
  inset: var(--wtw-popover--inset);
  max-width: 320px;
  opacity: 0;
  padding: 8px 12px;
  position: absolute;
  text-align: left;
  transform: var(--wtw-popover--transform);
  transition: var(--wtw-transition-property--all) var(--wtw-transition-duration--extra-fast) var(--wtw-transition-function--linear);
  visibility: hidden;
  width: max-content;
  z-index: 2;
}

.wtw-popover--popover:not(.wtw-popover--no-arrow):after {
  border-radius: 1px;
  content: "";
  display: block;
  position: absolute;
  background-color: var(--wtw-popover--background-color);
  width: 12px;
  height: 12px;
  transform: translateX(-50%) rotate(45deg);
  left: 50%;
  top: calc(100% - 5px);
  transform-origin: center;
}

.wtw-popover--popover[aria-hidden=false] {
  opacity: 1;
  visibility: visible;
}

.wtw-popover--title {
  color: var(--wtw-popover--text-color);
  display: block;
  font-weight: var(--wtw-popover--title--weight);
  margin-block: 4px;
}

.wtw-popover--description {
  color: var(--wtw-popover--description-color);
  font-weight: var(--wtw-popover--font--weight);
  display: block;
  margin-bottom: 4px;
}

.wtw-popover [data-popover] {
  background: transparent;
  border: 0;
  border-radius: var(--wtw-radius--full);
  color: var(--wtw-popover--trigger-color);
  cursor: pointer;
  display: inline;
  height: 16px;
  outline-color: var(--wtw-button--outline-color);
  outline-width: var(--wtw-border-width--medium);
  padding: 0;
  width: 16px;
}

.wtw-popover .wtw-functional-icons {
  --wtw-icon--size:var(--wtw-icon-size--4);
  display: block;
  line-height: 16px;
  overflow: hidden;
}

.wtw-popover button:focus-visible {
  outline-style: var(--wtw-border-style--solid);
}

.wtw-popover--popover[data-position=top_left] {
  --wtw-popover--inset: auto auto auto 50%;
  --wtw-popover--transform: translate(calc(-100% + 27px), calc(-100% - 8px));
}

.wtw-popover--popover[data-position=top_left]:after {
  left: unset;
  right: 14px;
}

.wtw-popover--popover[data-position=top_center] {
  --wtw-popover--inset: auto auto auto 50%;
  --wtw-popover--transform:translate(-50%, calc(-100% - 8px));
}

.wtw-popover--popover[data-position=top_center]:after {
  left: 50%;
}

.wtw-popover--popover[data-position=top_right] {
  --wtw-popover--inset: auto auto auto 50%;
  --wtw-popover--transform: translate(-27px, calc(-100% - 8px));
}

.wtw-popover--popover[data-position=top_right]:after {
  left: 26px;
}

.wtw-popover--popover[data-position=right] {
  --wtw-popover--transform: translate(0,-50%);
  --wtw-popover--inset: 50% auto auto calc(100% + 8px);
}

.wtw-popover--popover[data-position=right]:after {
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}

.wtw-popover--popover[data-position=bottom_right] {
  --wtw-popover--inset: calc(100% + 8px) auto auto calc(50% - 27px);
  --wtw-popover--transform: none;
}

.wtw-popover--popover[data-position=bottom_right]:after {
  left: 26px;
  top: -6px;
}

.wtw-popover--popover[data-position=bottom_center] {
  --wtw-popover--inset: calc(100% + 8px) auto auto 50%;
  --wtw-popover--transform: translate(-50%, 0);
}

.wtw-popover--popover[data-position=bottom_center]:after {
  left: 50%;
  top: -6px;
}

.wtw-popover--popover[data-position=bottom_left] {
  --wtw-popover--inset: calc(100% + 8px) auto auto calc(50% + 27px);
  --wtw-popover--transform: translate(-100%, 0);
}

.wtw-popover--popover[data-position=bottom_left]:after {
  left: unset;
  right: 14px;
  top: -6px;
}

.wtw-popover--popover[data-position=left] {
  --wtw-popover--inset: 50% auto auto calc(-8px);
  --wtw-popover--transform: translate(-100%, -50%);
}

.wtw-popover--popover[data-position=left]:after {
  left: 100%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}

.wtw-popover-color--neutral {
  --wtw-popover--background-color:var(--wtw-base--0);
  --wtw-popover--border-color:transparent;
  --wtw-popover--text-color:var(--wtw-base--700);
  --wtw-popover--description-color:var(--wtw-base--500);
}

.wtw-popover-color--success {
  --wtw-popover--background-color:var(--wtw-semantic-success--600);
  --wtw-popover--border-color:var(--wtw-semantic-success--600);
  --wtw-popover--text-color:var(--wtw-base--0);
  --wtw-popover--description-color:var(--wtw-base--0);
}

.wtw-popover-color--warning {
  --wtw-popover--background-color:var(--wtw-semantic-warning--200);
  --wtw-popover--border-color:var(--wtw-semantic-warning--200);
  --wtw-popover--text-color:var(--wtw-base--900);
  --wtw-popover--description-color:var(--wtw-base--900);
}

.wtw-popover-color--error {
  --wtw-popover--background-color:var(--wtw-semantic-error--600);
  --wtw-popover--border-color:var(--wtw-semantic-error--600);
  --wtw-popover--text-color:var(--wtw-base--0);
  --wtw-popover--description-color:var(--wtw-base--0);
}

.wtw-dark-mode .wtw-popover {
  --wtw-popover--background-color:var(--wtw-darkmode-base--700);
  --wtw-popover--border-color:var(--wtw-darkmode-base--700);
  --wtw-popover--text-color:var(--wtw-darkmode-base--200);
  --wtw-popover--description-color:var(--wtw-darkmode-base--200);
  --wtw-popover--trigger-color:var(--wtw-darkmode-base--0);
}

.wtw-dark-mode .wtw-popover-color--neutral {
  --wtw-popover--background-color:var(--wtw-darkmode-base--700);
  --wtw-popover--border-color:var(--wtw-darkmode-base--700);
  --wtw-popover--text-color:var(--wtw-darkmode-base--200);
  --wtw-popover--description-color:var(--wtw-darkmode-base--200);
}

.wtw-dark-mode .wtw-popover-color--success {
  --wtw-popover--background-color:var(--wtw-darkmode-semantic-success--300);
  --wtw-popover--border-color:var(--wtw-darkmode-semantic-success--300);
  --wtw-popover--text-color:var(--wtw-darkmode-base--900);
  --wtw-popover--description-color:var(--wtw-darkmode-base--900);
}

.wtw-dark-mode .wtw-popover-color--warning {
  --wtw-popover--background-color:var(--wtw-darkmode-semantic-warning--200);
  --wtw-popover--border-color:var(--wtw-darkmode-semantic-warning--200);
  --wtw-popover--text-color:var(--wtw-darkmode-base--900);
  --wtw-popover--description-color:var(--wtw-darkmode-base--900);
}

.wtw-dark-mode .wtw-popover-color--error {
  --wtw-popover--background-color:var(--wtw-darkmode-semantic-error--300);
  --wtw-popover--border-color:var(--wtw-darkmode-semantic-error--300);
  --wtw-popover--text-color:var(--wtw-darkmode-base--900);
  --wtw-popover--description-color:var(--wtw-darkmode-base--900);
}

:root {
  --wtw-radius--sharp:0;
  --wtw-radius--subtle:4px;
  --wtw-radius--regular:8px;
  --wtw-radius--pill:999px;
  --wtw-radius--full:100%;
}

.wtw-radius--sharp {
  border-radius: var(--wtw-radius--sharp);
}

.wtw-radius--subtle {
  border-radius: var(--wtw-radius--subtle);
}

.wtw-radius--regular {
  border-radius: var(--wtw-radius--regular);
}

.wtw-radius--pill {
  border-radius: var(--wtw-radius--pill);
}

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

:root {
  --wtw-search--color:var(--wtw-base--900);
  --wtw-search--background-color:var(--wtw-base--0);
  --wtw-search--border-color:var(--wtw-base--400);
  --wtw-search--height:56px;
  --wtw-search--icon-size:var(--wtw-icon-size--6);
  --wtw-search--input-font:var(--wtw-typography-text--sm);
  --wtw-search--label-font:var(--wtw-typography-display--2xs);
  --wtw-search--outline-color:var(--wtw-stratosphere--500);
  --wtw-search--padding:16px;
  --wtw-search--button-chevron-color:var(--wtw-stratosphere--500);
  --wtw-search--list-background-color:var(--wtw-base--0);
  --wtw-search--list-border-color:var(--wtw-base--100);
  --wtw-search--list-top:92px;
  --wtw-search--list-item-background-color:var(--wtw-base--0);
  --wtw-search--list-item-border-color:var(--wtw-base--0);
  --wtw-search--list-item-font:var(--wtw-typography-text--sm);
  --wtw-search--list-item-foreground-color:var(--wtw-base--900);
}

.wtw-search {
  display: grid;
  gap: 8px;
  position: relative;
  width: 100%;
}

.wtw-search label {
  font: var(--wtw-search--label-font);
  font-weight: var(--wtw-typography-font-weight--semibold);
}

.wtw-search .wtw-search--wrapper {
  align-items: center;
  border: var(--wtw-border-width--thin) var(--wtw-border-style--solid) var(--wtw-search--border-color);
  color: var(--wtw-search--color);
  display: flex;
  height: var(--wtw-search--height);
  padding: var(--wtw-search--padding);
  position: relative;
  outline-color: var(--wtw-search--outline-color);
  outline-offset: 2px;
  outline-width: 2px;
}

.wtw-search [type=text] {
  background-color: var(--wtw-search--background-color);
  border: 0;
  color: var(--wtw-search--color);
  font: var(--wtw-search--input-font);
  height: 100%;
  inset: 0;
  outline: 0;
  padding: 0;
  width: 100%;
}

.wtw-search input::placeholder {
  --wtw-search--color:var(--wtw-base--600);
  color: var(--wtw-search--color);
}

.wtw-search .wtw-search--decoration {
  background-color: var(--wtw-search--outline-color);
  bottom: 0;
  height: 3px;
  left: 0;
  position: absolute;
  right: auto;
  transition: var(--wtw-transition-property--width) var(--wtw-transition-duration--extra-fast) var(--wtw-transition-function--ease);
  width: 0%;
  z-index: 1;
}

.wtw-search:focus-within .wtw-search--decoration {
  width: 100%;
}

.wtw-search .wtw-search--button {
  align-items: center;
  background: var(--wtw-search--background-color);
  border: 0;
  color: var(--wtw-search--color);
  cursor: pointer;
  display: flex;
  flex: 1 1 0;
  gap: 8px;
  height: 100%;
  justify-content: start;
  padding: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  outline: 0;
}

.wtw-search .wtw-search--button .wtw-functional-icons {
  --wtw-icon--size:var(--wtw-icon-size--6);
}

.wtw-search .wtw-search--button:focus-visible {
  --wtw-search--color:var(--wtw-base--900);
}

.wtw-search ul {
  background-color: var(--wtw-search--list-background-color);
  border: var(--wtw-border-width--thin) var(--wtw-border-style--solid) var(--wtw-search--list-border-color);
  box-shadow: var(--wtw-elevation--300);
  font: var(--wtw-typography-text-size--sm);
  list-style: none;
  margin: 0;
  max-height: 320px;
  overflow: hidden auto;
  outline: 0;
  padding: 0;
  position: absolute;
  top: var(--wtw-search--list-top);
  width: 100%;
  z-index: 1;
}

.wtw-search ul[aria-hidden=true] {
  display: none;
}

.wtw-search ul li {
  --wtw-icon--size:var(--wtw-search--icon-size);
  border: var(--wtw-border-width--thin) var(--wtw-border-style--solid) var(--wtw-search--list-item-border-color);
  background-color: var(--wtw-search--list-item-background-color);
  color: var(--wtw-search--list-item-foreground-color);
  display: flex;
  font: var(--wtw-search--list-item-font);
  gap: 8px;
  justify-content: start;
  padding: 8px 16px;
  transition: var(--wtw-transition-property--all) var(--wtw-transition-duration--instant) var(--wtw-transition-function--linear);
  user-select: none;
}

.wtw-search ul li[aria-selected=true] {
  --wtw-search--list-item-background-color:var(--wtw-ui--100);
  --wtw-search--list-item-border-color:var(--wtw-ui--400);
  --wtw-search--list-item-foreground-color:var(--wtw-ui--800);
}

.wtw-search ul li[aria-selected=true]:after {
  content: "check";
  display: block;
  font: var(--wtw-icon-size--8);
  height: 20px;
  margin-inline: auto 0;
  width: 20px;
}

.wtw-search ul li.wtw-search--list-item-current {
  --wtw-search--list-item-background-color:var(--wtw-base--0);
  --wtw-search--list-item-border-color:var(--wtw-base--0);
  --wtw-search--list-item-foreground-color:var(--wtw-ui--900);
}

.wtw-search ul li:hover {
  --wtw-search--list-item-background-color:var(--wtw-ui--100);
  --wtw-search--list-item-border-color:var(--wtw-ui--400);
  --wtw-search--list-item-foreground-color:var(--wtw-base--800);
}

.wtw-search ul li[aria-selected=true]:not([aria-disabled]):hover {
  --wtw-search--list-item-background-color:var(--wtw-ui--50);
}

.wtw-search ul li[aria-disabled=true] {
  --wtw-search--list-item-background-color:var(--wtw-base--0);
  --wtw-search--list-item-border-color:var(--wtw-base--0);
  --wtw-search--list-item-foreground-color:var(--wtw-base--500);
  cursor: not-allowed;
}

.wtw-search ul li[aria-disabled=true][aria-selected=true] {
  --wtw-search--list-item-background-color:var(--wtw-base--50);
  --wtw-search--list-item-border-color:var(--wtw-base--50);
  --wtw-search--list-item-foreground-color:var(--wtw-base--500);
}

.wtw-search input::placeholder {
  color: var(--wtw-search--color);
}

.wtw-search .wtw-search--wrapper + span {
  color: var(--wtw-search--color);
}

.wtw-search .wtw-functional-icons {
  z-index: 1;
}

.wtw-search .wtw-functional-icons + input {
  padding-left: 42px;
}

.wtw-search .wtw-popover {
  margin-left: auto;
  z-index: 1;
}

.wtw-search--compact,
.wtw-form-control-size--compact .wtw-search {
  --wtw-search--height:36px;
  --wtw-search--input-font:var(--wtw-typography-text--xs);
  --wtw-search--label-font:var(--wtw-typography-display--3xs);
  --wtw-search--list-top:72px;
  --wtw-search--padding:8px 16px ;
}

.wtw-dark-mode .wtw-search {
  --wtw-search--color:var(--wtw-darkmode-base--50);
  --wtw-search--background-color:var(--wtw-darkmode-base--900);
  --wtw-search--border-color:var(--wtw-darkmode-base--500);
  --wtw-search--error-background-color:var(--wtw-darkmode-semantic-error--400);
  --wtw-search--error-color:var(--wtw-darkmode-base--900);
  --wtw-search--outline-color:var(--wtw-darkmode-stratosphere--400);
  --wtw-search--popover-color:var(--wtw-darkmode-base--0);
  --wtw-search--button-chevron-color:var(--wtw-darkmode-stratosphere--400);
  --wtw-search--list-background-color:var(--wtw-darkmode-base--900);
  --wtw-search--list-border-color:var(--wtw-darkmode-base--400);
  --wtw-search--list-item-background-color:var(--wtw-darkmode-base--900);
  --wtw-search--list-item-border-color:var(--wtw-darkmode-base--900);
  --wtw-search--list-item-foreground-color:var(--wtw-darkmode-base--200);
}

.wtw-dark-mode .wtw-search ul li[aria-selected=true] {
  --wtw-search--list-item-background-color:var(--wtw-darkmode-ui--800);
  --wtw-search--list-item-border-color:var(--wtw-darkmode-ui--600);
  --wtw-search--list-item-foreground-color:var(--wtw-darkmode-base--50);
}

.wtw-dark-mode .wtw-search ul li[aria-selected=true].wtw-search--list-item-current {
  --wtw-search--list-item-background-color:var(--wtw-darkmode-base--900);
  --wtw-search--list-item-border-color:var(--wtw-darkmode-ui--600);
  --wtw-search--list-item-foreground-color:var(--wtw-darkmode-base--50);
}

.wtw-dark-mode .wtw-search ul li.wtw-search--list-item-current {
  --wtw-search--list-item-background-color:var(--wtw-darkmode-base--900);
  --wtw-search--list-item-border-color:var(--wtw-darkmode-base--900);
  --wtw-search--list-item-foreground-color:var(--wtw-darkmode-base--0);
}

.wtw-dark-mode .wtw-search ul li:hover {
  --wtw-search--list-item-background-color:var(--wtw-darkmode-ui--800);
  --wtw-search--list-item-border-color:var(--wtw-darkmode-ui--600);
  --wtw-search--list-item-foreground-color:var(--wtw-darkmode-base--50);
}

.wtw-dark-mode .wtw-search ul li[aria-selected=true]:not([aria-disabled]):hover {
  --wtw-search--list-item-background-color:var(--wtw-darkmode-base--900);
  --wtw-search--list-item-border-color:var(--wtw-darkmode-ui--600);
  --wtw-search--list-item-foreground-color:var(--wtw-darkmode-base--50);
}

.wtw-dark-mode .wtw-search ul li[aria-disabled=true] {
  --wtw-search--list-item-background-color:var(--wtw-darkmode-base--700);
  --wtw-search--list-item-border-color:var(--wtw-darkmode-base--700);
  --wtw-search--list-item-foreground-color:var(--wtw-darkmode-base--200);
}

.wtw-dark-mode .wtw-search ul li[aria-disabled=true][aria-selected=true] {
  --wtw-search--list-item-background-color:var(--wtw-darkmode-base--800);
  --wtw-search--list-item-border-color:var(--wtw-darkmode-base--800);
  --wtw-search--list-item-foreground-color:var(--wtw-darkmode-base--400);
}

.wtw-dark-mode .wtw-search input::placeholder {
  --wtw-search--color:var(--wtw-darkmode-base--200);
}

.wtw-table {
  --wtw-table--padding-size:14px;
  --wtw-table--border-color:var(--wtw-base--200);
  --wtw-table--header-border-color:var(--wtw-base--200);
  --wtw-table--header-border-width:var(--wtw-border-width--thin);
  --wtw-table--header-color:var(--wtw-base--800);
  --wtw-table--body-color:var(--wtw-base--700);
  --wtw-table--stripe-color:var(--wtw-base--50);
  border-collapse: var(--wtw-border-style--collapse);
  width: 100%;
}

.wtw-table thead tr {
  border-bottom: var(--wtw-table--header-border-width) var(--wtw-border-style--solid) var(--wtw-table--header-border-color);
}

.wtw-table th {
  font: var(--wtw-typography-text--xs);
  font-weight: var(--wtw-typography-font-weight--semibold);
  color: var(--wtw-table--header-color);
}

.wtw-table td {
  font: var(--wtw-typography-text--xs);
  font-weight: var(--wtw-typography-font-weight--regular);
  color: var(--wtw-table--body-color);
}

.wtw-table tr {
  border-bottom: var(--wtw-border-width--thin) var(--wtw-border-style--solid) var(--wtw-table--border-color);
}

.wtw-table :where(td, th) {
  padding-block: var(--wtw-table--padding-size);
  padding-left: 16px;
  text-align: left;
}

.wtw-table :where(td, th):last-child {
  padding-right: 16px;
}

.wtw-table.wtw-table--compact {
  --wtw-table--padding-size:6px;
}

.wtw-table.wtw-table--striped tr:nth-child(even) {
  background-color: var(--wtw-table--stripe-color);
}

.wtw-dark-mode .wtw-table {
  --wtw-table--border-color:var(--wtw-darkmode-base--700);
  --wtw-table--body-color:var(--wtw-darkmode-base--300);
  --wtw-table--header-color:var(--wtw-darkmode-base--50);
  --wtw-table--header-border-color:var(--wtw-darkmode-base--600);
  --wtw-table--header-border-width:var(--wtw-border-width--medium);
  --wtw-table--stripe-color:var(--wtw-darkmode-base--800);
}

.wtw-dark-mode .wtw-table thead tr {
  --wtw-table--border-color:var(--wtw-darkmode-base--600);
}

:root {
  --wtw-tabs--background-color:transparent;
  --wtw-tabs--border-color:var(--wtw-base--400);
  --wtw-tabs--width:fit-content;
  --wtw-tabs--gap:16px;
  --wtw-tabs--tab-border-radius:0;
  --wtw-tabs--tab-background-color:transparent;
  --wtw-tabs--tab-elevation:var(--wtw-elevation--0);
  --wtw-tabs--tab-foreground-color:var(--wtw-base--600);
  --wtw-tabs--tab-padding:12px 16px;
  --wtw-tabs--tab-current-after-content:"";
  --wtw-tabs--tab-current-background-color:transparent;
  --wtw-tabs--tab-current-text-color:var(--wtw-ui--500);
  --wtw-tabs--tab-current-outline-offset:2px;
  --wtw-tabs--tab-current-underline-color:var(--wtw-ui--500);
  --wtw-tabs--tab-current-underline-width:0;
  --wtw-tabs--tab-current-underline-offset:-1px;
  --wtw-tabs--tab-outline-color:var(--wtw-ui--500);
  --wtw-tabs--tab-fade-color:linear-gradient(270deg, #F0F2F5 0%, rgba(240, 242, 245, 0) 48.78%);
}

.wtw-tabs {
  background: var(--wtw-tabs--background-color);
  position: relative;
}

.wtw-tabs nav {
  width: 100%;
}

.wtw-tabs .wtw-tabs--divider {
  position: relative;
  min-width: max-content;
  margin-bottom: 2px;
}

.wtw-tabs .wtw-tabs--divider:after {
  background-color: var(--wtw-tabs--border-color);
  bottom: -1px;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  left: 0px;
  right: 0px;
}

.wtw-tabs:focus-within {
  bottom: 0;
}

.wtw-tabs--wrapper {
  overflow: auto hidden;
}

@media (min-width: 992px) {
  .wtw-tabs--wrapper {
    overflow: unset;
  }
}
.wtw-tabs .wtw-tabs--fader {
  background: var(--wtw-tabs--tab-fade-color);
  display: block;
  inset: 0 0 1px 0;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}

.wtw-tabs.wtw-tabs--style-buttons .wtw-tabs--fader {
  --wtw-tabs--tab-fade-color:linear-gradient(270deg, #F0F2F5 0%, rgba(240, 242, 245, 0) 48.78%);
  bottom: 4px;
}

@media (min-width: 992px) {
  .wtw-tabs .wtw-tabs--fader {
    display: none;
  }
}
.wtw-tabs ul {
  color: var(--wtw-tabs--tab-foreground-color);
  display: flex;
  gap: var(--wtw-tabs--gap);
  list-style: none;
  margin: 0;
  padding: 0;
  width: var(--wtw-tabs--width);
}

.wtw-tabs li {
  flex: 1 1 0;
  position: relative;
}

.wtw-tabs a {
  background: var(--wtw-tabs--tab-background-color);
  border: 0;
  border-radius: var(--wtw-tabs--tab-border-radius);
  color: var(--wtw-tabs--tab-foreground-color);
  cursor: pointer;
  display: block;
  font: var(--wtw-typography-link--md);
  font-weight: var(--wtw-typography-font-weight--semibold);
  inline-size: 100%;
  padding: var(--wtw-tabs--tab-padding);
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: var(--wtw-transition-property--box-shadow), var(--wtw-transition-property--background-color), var(--wtw-transition-duration--extra-fast) var(--wtw-transition-function--ease);
  white-space: nowrap;
  width: fit-content;
  z-index: 1;
}

.wtw-tabs a:after {
  background: var(--wtw-tabs--tab-current-underline-color);
  bottom: var(--wtw-tabs--tab-current-underline-offset);
  content: var(--wtw-tabs--tab-current-after-content);
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  z-index: 1;
  transition: var(--wtw-transition-property--width) var(--wtw-transition-duration--extra-fast) var(--wtw-transition-function--ease);
  width: var(--wtw-tabs--tab-current-underline-width);
}

/* States */
.wtw-tabs a[aria-selected=true] {
  --wtw-tabs--tab-current-underline-width:100%;
  background-color: var(--wtw-tabs--tab-current-background-color);
  box-shadow: var(--wtw-tabs--tab-elevation);
  color: var(--wtw-tabs--tab-current-text-color);
}

.wtw-tabs a:focus-visible {
  outline: 2px solid var(--wtw-tabs--tab-outline-color);
  margin: 4px;
  outline-offset: 2px;
}

.wtw-tabs a:hover {
  --wtw-tabs--tab-background-color:var(--wtw-base--0);
  --wtw-tabs--tab-current-underline-width:100%;
  box-shadow: var(--wtw-tabs--tab-elevation);
}

.wtw-tabs:not(.wtw-tabs--style-buttons) a[aria-selected=true]:hover {
  --wtw-tabs--tab-current-text-color:var(--wtw-ui--700);
  --wtw-tabs--tab-current-underline-color:var(--wtw-ui--700);
}

.wtw-tabs--neutral:not(.wtw-tabs--style-buttons) {
  --wtw-tabs--tab-current-text-color:var(--wtw-base--700);
  --wtw-tabs--tab-current-underline-color:var(--wtw-base--700);
}

.wtw-tabs--neutral:not(.wtw-tabs--style-buttons) a[aria-selected=true]:hover {
  --wtw-tabs--tab-current-text-color:var(--wtw-base--900);
  --wtw-tabs--tab-current-underline-color:var(--wtw-base--900);
}

.wtw-tabs--style-buttons {
  --wtw-tabs--background-color:var(--wtw-base--50);
  --wtw-tabs--border-color:var(--wtw-base--400);
  --wtw-tabs--width:fit-content;
  --wtw-tabs--gap:8px;
  --wtw-tabs--tab-border-radius:var(--wtw-radius--regular);
  --wtw-tabs--tab-padding:10px 16px;
  --wtw-tabs--tab-background-color:transparent;
  --wtw-tabs--tab-foreground-color:var(--wtw-base--600);
  --wtw-tabs--tab-elevation:var(--wtw-elevation--100);
  --wtw-tabs--tab-current-after-content:none;
  --wtw-tabs--tab-current-background-color:var(--wtw-base--0);
  --wtw-tabs--tab-current-outline-offset:0;
  --wtw-tabs--tab-current-text-color:var(--wtw-base--800);
  --wtw-tabs--tab-current-underline-width:0;
  --wtw-tabs--tab-outline-color:var(--wtw-ui--500);
  border: 0;
}

.wtw-tabs--style-buttons .wtw-tabs--wrapper ul {
  padding: 8px;
}

.wtw-tabs--style-buttons a:hover {
  --wtw-tabs--tab-elevation:var(--wtw-elevation--100);
}

.wtw-tabs--style-buttons a[aria-selected=true]:hover {
  --wtw-tabs--tab-elevation:var(--wtw-elevation--200);
}

.wtw-tabs--style-buttons a:focus-visible {
  margin: 0;
  outline-offset: 0;
}

.wtw-tabs--full-width {
  --wtw-tabs--width:space-between;
}

.wtw-tabs--full-width a {
  width: 100%;
}

/* Dark Mode */
.wtw-dark-mode .wtw-tabs {
  --wtw-tabs--border-color:var(--wtw-darkmode-base--400);
  --wtw-tabs--tab-foreground-color:var(--wtw-darkmode-base--300);
  --wtw-tabs--tab-current-text-color:var(--wtw-darkmode-ui--400);
  --wtw-tabs--tab-current-underline-color:var(--wtw-darkmode-ui--400);
  --wtw-tabs--tab-outline-color:var(--wtw-darkmode-ui--400);
  --wtw-tabs--tab-fade-color: linear-gradient(270deg, #18191C 0%, rgba(24, 25, 28, 0) 48.78%);
}

.wtw-dark-mode .wtw-tabs--neutral:not(.wtw-tabs--style-buttons) {
  --wtw-tabs--tab-current-text-color:var(--wtw-darkmode-base--300);
  --wtw-tabs--tab-current-underline-color:var(--wtw-darkmode-base--300);
}

.wtw-dark-mode .wtw-tabs a:hover {
  --wtw-tabs--tab-background-color:transparent;
}

.wtw-dark-mode .wtw-tabs a[aria-selected=true]:hover {
  --wtw-tabs--tab-current-text-color:var(--wtw-darkmode-ui--200);
  --wtw-tabs--tab-current-underline-color:var(--wtw-darkmode-ui--200);
}

.wtw-dark-mode .wtw-tabs--neutral:not(.wtw-tabs--style-buttons) a[aria-selected=true]:hover {
  --wtw-tabs--tab-current-text-color:var(--wtw-darkmode-base--300);
  --wtw-tabs--tab-current-underline-color:var(--wtw-darkmode-base--100);
}

.wtw-dark-mode .wtw-tabs.wtw-tabs--style-buttons {
  --wtw-tabs--background-color:var(--wtw-darkmode-base--800);
  --wtw-tabs--tab-foreground-color:var(--wtw-darkmode-base--300);
  --wtw-tabs--tab-current-background-color:var(--wtw-darkmode-base--700);
  --wtw-tabs--tab-current-text-color:var(--wtw-darkmode-base--100);
}

.wtw-dark-mode .wtw-tabs.wtw-tabs--style-buttons .wtw-tabs--fader {
  --wtw-tabs--tab-fade-color: linear-gradient(270deg, #24272C 0%, rgba(36, 39, 44, 0) 48.78%);
}

.wtw-dark-mode .wtw-tabs--style-buttons a:hover {
  --wtw-tabs--tab-background-color:var(--wtw-darkmode-base--700);
  --wtw-tabs--tab-foreground-color:var(--wtw-darkmode-base--100);
}

.wtw-dark-mode .wtw-tabs--style-buttons a[aria-selected=true]:hover {
  --wtw-tabs--tab-current-background-color:var(--wtw-darkmode-base--500);
  --wtw-tabs--tab-current-text-color:var(--wtw-darkmode-base--50);
}

:root {
  --wtw-font-size--1: 0.625rem;
  /*
  	Missing NEW label font-size 11px.
  	Adding it here will require updating the rest of the font size
  	variables manually throughout the library.

  	Is it better to remove this layer of abstraction for maintenance reasons?
  */
  --wtw-font-size--2: 0.75rem;
  --wtw-font-size--3: 0.875rem;
  --wtw-font-size--4: 1rem;
  --wtw-font-size--5: 1.125rem;
  --wtw-font-size--6: 1.25rem;
  --wtw-font-size--7: 1.375rem;
  --wtw-font-size--8: 1.5rem;
  --wtw-font-size--9: 1.625rem;
  --wtw-font-size--10:1.75rem;
  --wtw-font-size--11:1.875rem;
  --wtw-font-size--12:2rem;
  --wtw-font-size--13:2.125rem;
  --wtw-font-size--14:2.25rem;
  --wtw-font-size--15:2.375;
  --wtw-font-size--16:2.5rem;
  --wtw-font-size--17:2.625rem;
  --wtw-font-size--18:2.75rem;
  --wtw-font-size--19:2.875rem;
  --wtw-font-size--20:3rem;
  --wtw-font-size--21:3.125rem;
  --wtw-font-size--22:3.25rem;
  --wtw-font-size--23:3.375rem;
  --wtw-font-size--24:3.5rem;
  --wtw-font-size--25:3.625rem;
  --wtw-font-size--26:3.75rem;
  --wtw-font-size--27:3.875rem;
  --wtw-font-size--28:4rem;
  --wtw-typography--font-family:"Inter", sans-serif;
  --wtw-typography--font-size:1rem;
  --wtw-typography--font-weight:400;
  --wtw-typography--letter-spacing:0;
  --wtw-typography--line-height:1.5rem;
}

@supports (font-variation-settings: normal) {
  :root {
    --wtw-typography--font-family:"Inter var", sans-serif;
    font-feature-settings: "case" 0, "cpsp" 0, "dlig" 0, "frac" 0, "dnom" 0, "numr" 0, "salt" 0, "subs" 0, "sups" 0, "tnum", "zero", "ss01" 0, "ss02" 0, "ss03", "ss04" 0, "cv01" 0, "cv02" 0, "cv03" 0, "cv04" 0, "cv05" 0, "cv06" 0, "cv07" 0, "cv08" 0, "cv09" 0, "cv10" 0, "cv11" 0, "calt", "ccmp", "kern";
  }
}
body {
  font-family: var(--wtw-typography--font-family);
  font-size: var(--wtw-typography--font-size);
  font-weight: var(--wtw-typography--font-weight);
  letter-spacing: var(--wtw-typography--letter-spacing);
  line-height: var(--wtw-typography--line-height);
}

/*_________________________________ Button _________________________________*/
:root {
  --wtw-typography-button--xs:normal var(--wtw-typography-font-weight--medium) 0.75rem/1.125rem var(--wtw-typography--font-family);
  --wtw-typography-button--sm:normal var(--wtw-typography-font-weight--medium) 0.875rem/1.25rem var(--wtw-typography--font-family);
  --wtw-typography-button--md:normal var(--wtw-typography-font-weight--medium) 1rem/1.5rem var(--wtw-typography--font-family);
  --wtw-typography-button--lg:normal var(--wtw-typography-font-weight--medium) 1.125rem/1.5rem var(--wtw-typography--font-family);
  --wtw-typography-button--xl:normal var(--wtw-typography-font-weight--medium) 1.25rem/1.75rem var(--wtw-typography--font-family);
}

.wtw-typography-button--xs {
  font: var(--wtw-typography-button--xs);
}

.wtw-typography-button--sm {
  font: var(--wtw-typography-button--sm);
}

.wtw-typography-button--md {
  font: var(--wtw-typography-button--md);
}

.wtw-typography-button--lg {
  font: var(--wtw-typography-button--lg);
}

.wtw-typography-button--xl {
  font: var(--wtw-typography-button--xl);
}

/*_________________________________ Link _________________________________*/
:root {
  --wtw-typography-link-size--xs:0.625rem/1rem;
  --wtw-typography-link-size--sm:0.75rem/1.125rem;
  --wtw-typography-link-size--md:0.875rem/1.25rem;
  --wtw-typography-link-size--lg:1rem/1.5rem;
  --wtw-typography-link-size--xl:1.125rem/1.5rem;
  --wtw-typography-link--xs:normal var(--wtw-typography-link-size--xs) var(--wtw-typography--font-family);
  --wtw-typography-link--sm:normal var(--wtw-typography-link-size--sm) var(--wtw-typography--font-family);
  --wtw-typography-link--md:normal var(--wtw-typography-link-size--md) var(--wtw-typography--font-family);
  --wtw-typography-link--lg:normal var(--wtw-typography-link-size--lg) var(--wtw-typography--font-family);
  --wtw-typography-link--xl:normal var(--wtw-typography-link-size--xl) var(--wtw-typography--font-family);
}

@media (min-width: 992px) {
  :root {
    --wtw-typography-link-size--xs:0.75rem/1.125rem;
    --wtw-typography-link-size--sm:0.875rem/1.25rem;
    --wtw-typography-link-size--md:1rem/1.5rem;
    --wtw-typography-link-size--lg:1.125rem/1.5rem;
    --wtw-typography-link-size--xl:1.25rem/1.75rem;
  }
}
.wtw-typography-link--xs {
  font: var(--wtw-typography-link--xs);
}

.wtw-typography-link--sm {
  font: var(--wtw-typography-link--sm);
}

.wtw-typography-link--md {
  font: var(--wtw-typography-link--md);
}

.wtw-typography-link--lg {
  font: var(--wtw-typography-link--lg);
}

.wtw-typography-link--xl {
  font: var(--wtw-typography-link--xl);
}

/*_________________________________ Label _________________________________*/
:root {
  --wtw-typography-label-size--xs:0.625rem/1rem;
  --wtw-typography-label-size--sm:0.688rem/1.125rem;
  --wtw-typography-label-size--md:0.75rem/1.125rem;
  --wtw-typography-label-size--lg:0.875rem/1.25rem;
  --wtw-typography-label-size--xl:1rem/1.5rem;
  --wtw-typography-label--xs:normal var(--wtw-typography-font-weight--regular) var(--wtw-typography-label-size--xs) var(--wtw-typography--font-family);
  --wtw-typography-label--sm:normal var(--wtw-typography-font-weight--regular) var(--wtw-typography-label-size--sm) var(--wtw-typography--font-family);
  --wtw-typography-label--md:normal var(--wtw-typography-font-weight--regular) var(--wtw-typography-label-size--md) var(--wtw-typography--font-family);
  --wtw-typography-label--lg:normal var(--wtw-typography-font-weight--regular) var(--wtw-typography-label-size--lg) var(--wtw-typography--font-family);
  --wtw-typography-label--xl:normal var(--wtw-typography-font-weight--regular) var(--wtw-typography-label-size--xl) var(--wtw-typography--font-family);
}

@media (min-width: 992px) {
  :root {
    --wtw-typography-label-size--xs:0.625rem/1rem;
    --wtw-typography-label-size--sm:0.75rem/1.125rem;
    --wtw-typography-label-size--md:0.875rem/1.25rem;
    --wtw-typography-label-size--lg:1rem/1.5rem;
    --wtw-typography-label-size--xl:1.125rem/1.5rem;
  }
}
.wtw-typography-label--xs {
  font: var(--wtw-typography-label--xs);
}

.wtw-typography-label--sm {
  font: var(--wtw-typography-label--sm);
}

.wtw-typography-label--md {
  font: var(--wtw-typography-label--md);
}

.wtw-typography-label--lg {
  font: var(--wtw-typography-label--lg);
}

.wtw-typography-label--xl {
  font: var(--wtw-typography-label--xl);
}

/*_________________________________ Text _________________________________*/
:root {
  --wtw-typography-text-size--4xs: 0.5rem/0.75rem;
  --wtw-typography-text-size--3xs:0.625rem/1rem;
  --wtw-typography-text-size--2xs:0.75rem/1rem;
  --wtw-typography-text-size--xs:0.875rem/1.25rem;
  --wtw-typography-text-size--sm:1rem/1.5rem;
  --wtw-typography-text-size--md:1.125rem/1.75rem;
  --wtw-typography-text-size--lg:1.25rem/1.75rem;
  --wtw-typography-text-size--xl:1.375rem/1.875rem;
  --wtw-typography-text-size--2xl:1.5rem/2rem;
  --wtw-typography-text-size--3xl:2rem/2.5rem;
  --wtw-typography-text--4xs:normal var(--wtw-typography-font-weight--regular) var(--wtw-typography-text-size--4xs) var(--wtw-typography--font-family);
  --wtw-typography-text--3xs:normal var(--wtw-typography-font-weight--regular) var(--wtw-typography-text-size--3xs) var(--wtw-typography--font-family);
  --wtw-typography-text--2xs:normal var(--wtw-typography-font-weight--regular) var(--wtw-typography-text-size--2xs) var(--wtw-typography--font-family);
  --wtw-typography-text--xs:normal var(--wtw-typography-font-weight--regular) var(--wtw-typography-text-size--xs) var(--wtw-typography--font-family);
  --wtw-typography-text--sm:normal var(--wtw-typography-font-weight--regular) var(--wtw-typography-text-size--sm) var(--wtw-typography--font-family);
  --wtw-typography-text--md:normal var(--wtw-typography-font-weight--regular) var(--wtw-typography-text-size--md) var(--wtw-typography--font-family);
  --wtw-typography-text--lg:normal var(--wtw-typography-font-weight--regular) var(--wtw-typography-text-size--lg) var(--wtw-typography--font-family);
  --wtw-typography-text--xl:normal var(--wtw-typography-font-weight--regular) var(--wtw-typography-text-size--xl) var(--wtw-typography--font-family);
  --wtw-typography-text--2xl:normal var(--wtw-typography-font-weight--regular) var(--wtw-typography-text-size--2xl) var(--wtw-typography--font-family);
  --wtw-typography-text--3xl:normal var(--wtw-typography-font-weight--regular) var(--wtw-typography-text-size--3xl) var(--wtw-typography--font-family);
}

@media (min-width: 768px) {
  :root {
    --wtw-typography-text-size--xl:1.5rem/2rem;
    --wtw-typography-text-size--2xl:1.75rem/2.25rem;
    --wtw-typography-text-size--3xl:2.25rem/2.75rem;
  }
}
@media (min-width: 992px) {
  :root {
    --wtw-typography-text-size--lg:1.5rem/2rem;
    --wtw-typography-text-size--xl:1.75rem/2.25rem;
    --wtw-typography-text-size--2xl:2rem/2.5rem;
    --wtw-typography-text-size--3xl:2.5rem/3rem;
  }
}
.wtw-typography-text--4xs {
  font: var(--wtw-typography-text--4xs);
}

.wtw-typography-text--3xs {
  font: var(--wtw-typography-text--3xs);
}

.wtw-typography-text--2xs {
  font: var(--wtw-typography-text--2xs);
}

.wtw-typography-text--xs {
  font: var(--wtw-typography-text--xs);
}

.wtw-typography-text--sm {
  font: var(--wtw-typography-text--sm);
}

.wtw-typography-text--md {
  font: var(--wtw-typography-text--md);
}

.wtw-typography-text--lg {
  font: var(--wtw-typography-text--lg);
}

.wtw-typography-text--xl {
  font: var(--wtw-typography-text--xl);
}

.wtw-typography-text--2xl {
  font: var(--wtw-typography-text--2xl);
}

.wtw-typography-text--3xl {
  font: var(--wtw-typography-text--3xl);
}

/*_________________________________ Display _________________________________*/
[class*=wtw-typography-display-] {
  --wtw-typography--letter-spacing:-2%;
}

:root {
  --wtw-typography-display-size--4xs: 0.75rem/1rem;
  --wtw-typography-display-size--3xs:0.875rem/1.25rem;
  --wtw-typography-display-size--2xs:1rem/1.5rem;
  --wtw-typography-display-size--xs:1.125rem/1.5rem;
  --wtw-typography-display-size--sm:1.25rem/1.75rem;
  --wtw-typography-display-size--md:1.5rem/2rem;
  --wtw-typography-display-size--lg:1.75rem/2.25rem;
  --wtw-typography-display-size--xl:2rem/2.5rem;
  --wtw-typography-display-size--2xl:2.5rem/3rem;
  --wtw-typography-display-size--3xl:3rem/3.5rem;
  --wtw-typography-display--4xs:normal var(--wtw-typography-font-weight--regular) var(--wtw-typography-display-size--4xs) var(--wtw-typography--font-family);
  --wtw-typography-display--3xs:normal var(--wtw-typography-font-weight--regular) var(--wtw-typography-display-size--3xs) var(--wtw-typography--font-family);
  --wtw-typography-display--2xs:normal var(--wtw-typography-font-weight--regular) var(--wtw-typography-display-size--2xs) var(--wtw-typography--font-family);
  --wtw-typography-display--xs:normal var(--wtw-typography-font-weight--regular) var(--wtw-typography-display-size--xs) var(--wtw-typography--font-family);
  --wtw-typography-display--sm:normal var(--wtw-typography-font-weight--regular) var(--wtw-typography-display-size--sm) var(--wtw-typography--font-family);
  --wtw-typography-display--md:normal var(--wtw-typography-font-weight--regular) var(--wtw-typography-display-size--md) var(--wtw-typography--font-family);
  --wtw-typography-display--lg:normal var(--wtw-typography-font-weight--regular) var(--wtw-typography-display-size--lg) var(--wtw-typography--font-family);
  --wtw-typography-display--xl:normal var(--wtw-typography-font-weight--regular) var(--wtw-typography-display-size--xl) var(--wtw-typography--font-family);
  --wtw-typography-display--2xl:normal var(--wtw-typography-font-weight--regular) var(--wtw-typography-display-size--2xl) var(--wtw-typography--font-family);
  --wtw-typography-display--3xl:normal var(--wtw-typography-font-weight--regular) var(--wtw-typography-display-size--3xl) var(--wtw-typography--font-family);
}

@media (min-width: 768px) {
  :root {
    --wtw-typography-display-size--4xs: 0.75rem/1rem;
    --wtw-typography-display-size--3xs:1rem/1.5rem;
    --wtw-typography-display-size--2xs:1.125rem/1.5rem;
    --wtw-typography-display-size--xs:1.25rem/1.75rem;
    --wtw-typography-display-size--sm:1.5rem/2rem;
    --wtw-typography-display-size--md:1.75rem/2.25rem;
    --wtw-typography-display-size--lg:2rem/2.5rem;
    --wtw-typography-display-size--xl:2.5rem/3rem;
    --wtw-typography-display-size--2xl:3rem/3.5rem;
    --wtw-typography-display-size--3xl:3.5rem/4rem;
  }
}
@media (min-width: 992px) {
  :root {
    --wtw-typography-display-size--4xs: 0.75rem/1rem;
    --wtw-typography-display-size--3xs:1.125rem/1.5rem;
    --wtw-typography-display-size--2xs:1.25rem/1.75rem;
    --wtw-typography-display-size--xs:1.5rem/2rem;
    --wtw-typography-display-size--sm:1.75rem/2.25rem;
    --wtw-typography-display-size--md:2rem/2.5rem;
    --wtw-typography-display-size--lg:2.5rem/3rem;
    --wtw-typography-display-size--xl:3rem/3.5rem;
    --wtw-typography-display-size--2xl:3.5rem/4rem;
    --wtw-typography-display-size--3xl:4rem/4.5rem;
  }
}
.wtw-typography-display--4xs {
  font: var(--wtw-typography-display--4xs);
}

.wtw-typography-display--3xs {
  font: var(--wtw-typography-display--3xs);
}

.wtw-typography-display--2xs {
  font: var(--wtw-typography-display--2xs);
}

.wtw-typography-display--xs {
  font: var(--wtw-typography-display--xs);
}

.wtw-typography-display--sm {
  font: var(--wtw-typography-display--sm);
}

.wtw-typography-display--md {
  font: var(--wtw-typography-display--md);
}

.wtw-typography-display--lg {
  font: var(--wtw-typography-display--lg);
}

.wtw-typography-display--xl {
  font: var(--wtw-typography-display--xl);
}

.wtw-typography-display--2xl {
  font: var(--wtw-typography-display--2xl);
}

.wtw-typography-display--3xl {
  font: var(--wtw-typography-display--3xl);
}

/*_________________________________ Weight _________________________________*/
:root {
  --wtw-typography-font-weight--regular:400;
  --wtw-typography-font-weight--medium:500;
  --wtw-typography-font-weight--semibold:600;
  --wtw-typography-font-weight--bold:700;
}

.wtw-typography-font-weight--regular {
  font-weight: var(--wtw-typography-font-weight--regular);
}

.wtw-typography-font-weight--medium {
  font-weight: var(--wtw-typography-font-weight--medium);
}

.wtw-typography-font-weight--semibold {
  font-weight: var(--wtw-typography-font-weight--semibold);
}

.wtw-typography-font-weight--bold {
  font-weight: var(--wtw-typography-font-weight--bold);
}

/*___________________________ Semantic Headings ___________________________*/
.wtw-typography-heading--1 {
  font: var(--wtw-typography-display--3xs);
}

.wtw-typography-heading--2 {
  font: var(--wtw-typography-display--2xs);
}

.wtw-typography-heading--3 {
  font: var(--wtw-typography-display--xs);
}

.wtw-typography-heading--4 {
  font: var(--wtw-typography-display--sm);
}

.wtw-typography-heading--5 {
  font: var(--wtw-typography-display--md);
}

.wtw-typography-heading--6 {
  font: var(--wtw-typography-display--lg);
}

.wtw-typography-heading--paragraph {
  font: var(--wtw-typography-text--md);
}