@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1";.mud-appbar .mud-toolbar{height:100%}.mud-appbar .mud-toolbar-gutters{padding-left:0px;padding-right:0px}.mud-panel-expanded.gdn-comp-border-medium,.mud-expand-panel:first-child.gdn-comp-border-medium,.mud-expand-panel:last-child.gdn-comp-border-medium,.mud-expand-panel.mud-panel-next-expanded.gdn-comp-border-medium,.mud-expand-panel.mud-panel-expanded+.mud-expand-panel.gdn-comp-border-medium{border:1px solid var(--gdn-sys-color-outline);border-radius:var(--gdn-sys-shape-corner-medium)}:root{--gdn-ref-typeface-brand: Roboto, "Noto Sans KR", Arial, "sans-serif";--gdn-ref-typeface-plain: Roboto, "Noto Sans KR", Arial, "sans-serif";--gdn-ref-typeface-weight-bold: 700;--gdn-ref-typeface-weight-medium: 500;--gdn-ref-typeface-weight-regular: 400;--gdn-ref-palette-primary-l100: #FFFFFF;--gdn-ref-palette-primary-l99: #FFFBFE;--gdn-ref-palette-primary-l98: #FEF7FF;--gdn-ref-palette-primary-l95: #F6EDFF;--gdn-ref-palette-primary-l90: #EADDFF;--gdn-ref-palette-primary-l80: #D0BCFF;--gdn-ref-palette-primary-l70: #B69DF8;--gdn-ref-palette-primary-l60: #9A82DB;--gdn-ref-palette-primary-l50: #7F67BE;--gdn-ref-palette-primary-l40: #6750A4;--gdn-ref-palette-primary-l30: #4F378B;--gdn-ref-palette-primary-l20: #381E72;--gdn-ref-palette-primary-l10: #21005D;--gdn-ref-palette-primary-l0: #000000;--gdn-ref-palette-secondary-l100: #FFFFFF;--gdn-ref-palette-secondary-l99: #FFFBFE;--gdn-ref-palette-secondary-l98: #FEF7FF;--gdn-ref-palette-secondary-l95: #F6EDFF;--gdn-ref-palette-secondary-l90: #E8DEF8;--gdn-ref-palette-secondary-l80: #CCC2DC;--gdn-ref-palette-secondary-l70: #B0A7C0;--gdn-ref-palette-secondary-l60: #958DA5;--gdn-ref-palette-secondary-l50: #7A7289;--gdn-ref-palette-secondary-l40: #625B71;--gdn-ref-palette-secondary-l30: #4A4458;--gdn-ref-palette-secondary-l20: #332D41;--gdn-ref-palette-secondary-l10: #1D192B;--gdn-ref-palette-secondary-l0: #000000;--gdn-ref-palette-tertiary-l100: #FFFFFF;--gdn-ref-palette-tertiary-l99: #FFFBFA;--gdn-ref-palette-tertiary-l98: #FFF8F8;--gdn-ref-palette-tertiary-l95: #FFECF1;--gdn-ref-palette-tertiary-l90: #FFD8E4;--gdn-ref-palette-tertiary-l80: #EFB8C8;--gdn-ref-palette-tertiary-l70: #D29DAC;--gdn-ref-palette-tertiary-l60: #B58392;--gdn-ref-palette-tertiary-l50: #986977;--gdn-ref-palette-tertiary-l40: #7D5260;--gdn-ref-palette-tertiary-l30: #633B48;--gdn-ref-palette-tertiary-l20: #492532;--gdn-ref-palette-tertiary-l10: #31111D;--gdn-ref-palette-tertiary-l0: #000000;--gdn-ref-palette-error-l100: #FFFFFF;--gdn-ref-palette-error-l99: #FFFBF9;--gdn-ref-palette-error-l98: #FFF8F7;--gdn-ref-palette-error-l95: #FCEEEE;--gdn-ref-palette-error-l90: #F9DEDC;--gdn-ref-palette-error-l80: #F2B8B5;--gdn-ref-palette-error-l70: #EC928E;--gdn-ref-palette-error-l60: #E46962;--gdn-ref-palette-error-l50: #DC362E;--gdn-ref-palette-error-l40: #B3261E;--gdn-ref-palette-error-l30: #8C1D18;--gdn-ref-palette-error-l20: #601410;--gdn-ref-palette-error-l10: #410E0B;--gdn-ref-palette-error-l0: #000000;--gdn-ref-palette-neutral-l100: #FFFFFF;--gdn-ref-palette-neutral-l99: #FFFBFF;--gdn-ref-palette-neutral-l98: #FEF7FF;--gdn-ref-palette-neutral-l96: #F7F2FA;--gdn-ref-palette-neutral-l95: #F5EFF7;--gdn-ref-palette-neutral-l94: #F3EDF7;--gdn-ref-palette-neutral-l92: #ECE6F0;--gdn-ref-palette-neutral-l90: #E6E0E9;--gdn-ref-palette-neutral-l87: #DED8E1;--gdn-ref-palette-neutral-l80: #CAC5CD;--gdn-ref-palette-neutral-l70: #AEA9B1;--gdn-ref-palette-neutral-l60: #938F96;--gdn-ref-palette-neutral-l50: #79767D;--gdn-ref-palette-neutral-l40: #605D64;--gdn-ref-palette-neutral-l30: #48464C;--gdn-ref-palette-neutral-l24: #3B383E;--gdn-ref-palette-neutral-l22: #36343B;--gdn-ref-palette-neutral-l20: #322F35;--gdn-ref-palette-neutral-l17: #2B2930;--gdn-ref-palette-neutral-l12: #211F26;--gdn-ref-palette-neutral-l10: #1D1B20;--gdn-ref-palette-neutral-l6: #141218;--gdn-ref-palette-neutral-l4: #0F0D13;--gdn-ref-palette-neutral-l0: #000000;--gdn-ref-palette-neutral-variant-l100: #FFFFFF;--gdn-ref-palette-neutral-variant-l99: #FFFBFE;--gdn-ref-palette-neutral-variant-l98: #FDF7FF;--gdn-ref-palette-neutral-variant-l95: #F5EEFA;--gdn-ref-palette-neutral-variant-l90: #E7E0EC;--gdn-ref-palette-neutral-variant-l80: #CAC4D0;--gdn-ref-palette-neutral-variant-l70: #AEA9B4;--gdn-ref-palette-neutral-variant-l60: #938F99;--gdn-ref-palette-neutral-variant-l50: #79747E;--gdn-ref-palette-neutral-variant-l40: #605D66;--gdn-ref-palette-neutral-variant-l30: #49454F;--gdn-ref-palette-neutral-variant-l20: #322F37;--gdn-ref-palette-neutral-variant-l10: #1D1A22;--gdn-ref-palette-neutral-variant-l0: #000000;--gdn-ref-palette-white: #FFFFFF;--gdn-ref-palette-black: #000000;--gdn-ref-palette-blue-l100: #FFFFFF;--gdn-ref-palette-blue-l98: #F5FAFF;--gdn-ref-palette-blue-l95: #E7F2FF;--gdn-ref-palette-blue-l90: #D0E4FF;--gdn-ref-palette-blue-l80: #A1C9FF;--gdn-ref-palette-blue-l70: #76ACFF;--gdn-ref-palette-blue-l60: #4E8FF8;--gdn-ref-palette-blue-l50: #3271EA;--gdn-ref-palette-blue-l40: #1157CE;--gdn-ref-palette-blue-l30: #04409F;--gdn-ref-palette-blue-l20: #012C6F;--gdn-ref-palette-blue-l10: #001944;--gdn-ref-palette-blue-l0: #000000;--gdn-ref-palette-yellow-l100: #FFFFFF;--gdn-ref-palette-yellow-l98: #FFFADE;--gdn-ref-palette-yellow-l95: #FFF2B4;--gdn-ref-palette-yellow-l90: #FFE07C;--gdn-ref-palette-yellow-l80: #FCBD00;--gdn-ref-palette-yellow-l70: #EF9800;--gdn-ref-palette-yellow-l60: #D37B00;--gdn-ref-palette-yellow-l50: #B16300;--gdn-ref-palette-yellow-l40: #8F4E06;--gdn-ref-palette-yellow-l30: #6D3A01;--gdn-ref-palette-yellow-l20: #4D2600;--gdn-ref-palette-yellow-l10: #2F1400;--gdn-ref-palette-yellow-l0: #000000;--gdn-ref-palette-red-l100: #FFFFFF;--gdn-ref-palette-red-l98: #FFF8F8;--gdn-ref-palette-red-l95: #FFECEE;--gdn-ref-palette-red-l90: #FFDADC;--gdn-ref-palette-red-l80: #FFB3AE;--gdn-ref-palette-red-l70: #FF8983;--gdn-ref-palette-red-l60: #F55E57;--gdn-ref-palette-red-l50: #DB372D;--gdn-ref-palette-red-l40: #B3251E;--gdn-ref-palette-red-l30: #8A1A16;--gdn-ref-palette-red-l20: #60150F;--gdn-ref-palette-red-l10: #3A0907;--gdn-ref-palette-red-l0: #000000;--gdn-ref-palette-purple-l100: #FFFFFF;--gdn-ref-palette-purple-l98: #FDF8FF;--gdn-ref-palette-purple-l95: #F7ECFE;--gdn-ref-palette-purple-l90: #EEDCFE;--gdn-ref-palette-purple-l80: #D9BAFD;--gdn-ref-palette-purple-l70: #C597FF;--gdn-ref-palette-purple-l60: #AD72FF;--gdn-ref-palette-purple-l50: #9254EA;--gdn-ref-palette-purple-l40: #7438D2;--gdn-ref-palette-purple-l30: #5629A4;--gdn-ref-palette-purple-l20: #400B84;--gdn-ref-palette-purple-l10: #280255;--gdn-ref-palette-purple-l0: #000000;--gdn-ref-palette-blue-variant-l100: #FFFFFF;--gdn-ref-palette-blue-variant-l98: #F4FAFF;--gdn-ref-palette-blue-variant-l95: #E0F4FF;--gdn-ref-palette-blue-variant-l90: #BDE9FF;--gdn-ref-palette-blue-variant-l80: #67D4FF;--gdn-ref-palette-blue-variant-l70: #00BBEA;--gdn-ref-palette-blue-variant-l60: #009DC9;--gdn-ref-palette-blue-variant-l50: #0081A8;--gdn-ref-palette-blue-variant-l40: #006788;--gdn-ref-palette-blue-variant-l30: #004D68;--gdn-ref-palette-blue-variant-l20: #003549;--gdn-ref-palette-blue-variant-l10: #001F2D;--gdn-ref-palette-blue-variant-l0: #000000;--gdn-ref-palette-cyan-l100: #FFFFFF;--gdn-ref-palette-cyan-l98: #F0FBFF;--gdn-ref-palette-cyan-l95: #D8F6FF;--gdn-ref-palette-cyan-l90: #ACEDFF;--gdn-ref-palette-cyan-l80: #60D5F3;--gdn-ref-palette-cyan-l70: #00BBDF;--gdn-ref-palette-cyan-l60: #009EBB;--gdn-ref-palette-cyan-l50: #00839B;--gdn-ref-palette-cyan-l40: #00687C;--gdn-ref-palette-cyan-l30: #004E5D;--gdn-ref-palette-cyan-l20: #003641;--gdn-ref-palette-cyan-l10: #001F26;--gdn-ref-palette-cyan-l0: #000000;--gdn-ref-palette-grey-l100: #FFFFFF;--gdn-ref-palette-grey-l98: #F9F9F9;--gdn-ref-palette-grey-l95: #F2F2F2;--gdn-ref-palette-grey-l90: #E3E3E3;--gdn-ref-palette-grey-l80: #C7C7C7;--gdn-ref-palette-grey-l70: #ABABAB;--gdn-ref-palette-grey-l60: #919191;--gdn-ref-palette-grey-l50: #777777;--gdn-ref-palette-grey-l40: #5E5E5E;--gdn-ref-palette-grey-l30: #474747;--gdn-ref-palette-grey-l20: #303030;--gdn-ref-palette-grey-l10: #1B1B1C;--gdn-ref-palette-grey-l0: #000000;--gdn-ref-palette-green-l100: #FFFFFF;--gdn-ref-palette-green-l98: #F2FCEF;--gdn-ref-palette-green-l95: #DDF8D8;--gdn-ref-palette-green-l90: #BEEFBB;--gdn-ref-palette-green-l80: #80DA88;--gdn-ref-palette-green-l70: #44C265;--gdn-ref-palette-green-l60: #1AA64A;--gdn-ref-palette-green-l50: #128937;--gdn-ref-palette-green-l40: #006C35;--gdn-ref-palette-green-l30: #00522C;--gdn-ref-palette-green-l20: #00381F;--gdn-ref-palette-green-l10: #002110;--gdn-ref-palette-green-l0: #000000;--gdn-ref-palette-grey-variant-l100: #FFFFFF;--gdn-ref-palette-grey-variant-l98: #F7FAF7;--gdn-ref-palette-grey-variant-l95: #EFF2EF;--gdn-ref-palette-grey-variant-l90: #E1E3E1;--gdn-ref-palette-grey-variant-l80: #C4C7C5;--gdn-ref-palette-grey-variant-l70: #A9ACAA;--gdn-ref-palette-grey-variant-l60: #8E918F;--gdn-ref-palette-grey-variant-l50: #747775;--gdn-ref-palette-grey-variant-l40: #5C5F5E;--gdn-ref-palette-grey-variant-l30: #444746;--gdn-ref-palette-grey-variant-l20: #2D312F;--gdn-ref-palette-grey-variant-l10: #191D1C;--gdn-ref-palette-grey-variant-l0: #000000;--gdn-ref-palette-orange-l100: #FFFFFF;--gdn-ref-palette-orange-l98: #FFF8F4;--gdn-ref-palette-orange-l95: #FFEDE1;--gdn-ref-palette-orange-l90: #FFDCC3;--gdn-ref-palette-orange-l80: #FFB683;--gdn-ref-palette-orange-l70: #FF8D41;--gdn-ref-palette-orange-l60: #E86E00;--gdn-ref-palette-orange-l50: #C05A01;--gdn-ref-palette-orange-l40: #9A4600;--gdn-ref-palette-orange-l30: #753403;--gdn-ref-palette-orange-l20: #522302;--gdn-ref-palette-orange-l10: #321200;--gdn-ref-palette-orange-l0: #000000;--gdn-ref-palette-pink-l100: #FFFFFF;--gdn-ref-palette-pink-l98: #FFF7FC;--gdn-ref-palette-pink-l95: #FFECF6;--gdn-ref-palette-pink-l90: #FFD8EF;--gdn-ref-palette-pink-l80: #FFAEE4;--gdn-ref-palette-pink-l70: #FF7DD2;--gdn-ref-palette-pink-l60: #F94AAB;--gdn-ref-palette-pink-l50: #DC258D;--gdn-ref-palette-pink-l40: #B60D6E;--gdn-ref-palette-pink-l30: #8D0053;--gdn-ref-palette-pink-l20: #620438;--gdn-ref-palette-pink-l10: #3D0023;--gdn-ref-palette-pink-l0: #000000;--gdn-sys-typescale-label-small-font: var(--gdn-ref-typeface-plain);--gdn-sys-typescale-label-small-weight: var(--gdn-ref-typeface-weight-medium);--gdn-sys-typescale-label-small-size: 11px;--gdn-sys-typescale-label-small-size-value: 11px;--gdn-sys-typescale-label-small-size-unit: 2px;--gdn-sys-typescale-label-small-line-height: 16px;--gdn-sys-typescale-label-small-line-height-value: 16px;--gdn-sys-typescale-label-small-line-height-unit: 2px;--gdn-sys-typescale-label-small-tracking: 0.5px;--gdn-sys-typescale-label-small-tracking-value: 0.5px;--gdn-sys-typescale-label-small-tracking-unit: 2px;--gdn-sys-typescale-label-small-text-transform: unset;--gdn-sys-typescale-label-small-axis-value: unset;--gdn-sys-typescale-label-small-font-style: unset;--gdn-sys-typescale-label-small-text-decoration: unset;--gdn-sys-typescale-label-medium-font: var(--gdn-ref-typeface-plain);--gdn-sys-typescale-label-medium-weight: var(--gdn-ref-typeface-weight-medium);--gdn-sys-typescale-label-medium-size: 12px;--gdn-sys-typescale-label-medium-size-value: 12px;--gdn-sys-typescale-label-medium-size-unit: 2px;--gdn-sys-typescale-label-medium-line-height: 16px;--gdn-sys-typescale-label-medium-line-height-value: 16px;--gdn-sys-typescale-label-medium-line-height-unit: 2px;--gdn-sys-typescale-label-medium-tracking: 0.5px;--gdn-sys-typescale-label-medium-tracking-value: 0.5px;--gdn-sys-typescale-label-medium-tracking-unit: 2px;--gdn-sys-typescale-label-medium-text-transform: 1;--gdn-sys-typescale-label-medium-axis-value: unset;--gdn-sys-typescale-label-medium-font-style: unset;--gdn-sys-typescale-label-medium-text-decoration: unset;--gdn-sys-typescale-label-large-font: var(--gdn-ref-typeface-plain);--gdn-sys-typescale-label-large-weight: var(--gdn-ref-typeface-weight-medium);--gdn-sys-typescale-label-large-size: 14px;--gdn-sys-typescale-label-large-size-value: 14px;--gdn-sys-typescale-label-large-size-unit: 2px;--gdn-sys-typescale-label-large-line-height: 20px;--gdn-sys-typescale-label-large-line-height-value: 20px;--gdn-sys-typescale-label-large-line-height-unit: 2px;--gdn-sys-typescale-label-large-tracking: 0.1000000015px;--gdn-sys-typescale-label-large-tracking-value: 0.1000000015px;--gdn-sys-typescale-label-large-tracking-unit: 2px;--gdn-sys-typescale-label-large-text-transform: unset;--gdn-sys-typescale-label-large-axis-value: unset;--gdn-sys-typescale-label-large-font-style: unset;--gdn-sys-typescale-label-large-text-decoration: unset;--gdn-sys-typescale-label-emphasized-small-font: var(--gdn-ref-typeface-plain);--gdn-sys-typescale-label-emphasized-small-weight: var(--gdn-ref-typeface-weight-bold);--gdn-sys-typescale-label-emphasized-small-size: 11pt;--gdn-sys-typescale-label-emphasized-small-size-value: 11pt;--gdn-sys-typescale-label-emphasized-small-size-unit: 2pt;--gdn-sys-typescale-label-emphasized-small-line-height: 16pt;--gdn-sys-typescale-label-emphasized-small-line-height-value: 16pt;--gdn-sys-typescale-label-emphasized-small-line-height-unit: 2pt;--gdn-sys-typescale-label-emphasized-small-tracking: 0.5pt;--gdn-sys-typescale-label-emphasized-small-tracking-value: 0.5pt;--gdn-sys-typescale-label-emphasized-small-tracking-unit: 2pt;--gdn-sys-typescale-label-emphasized-small-text-transform: unset;--gdn-sys-typescale-label-emphasized-small-axis-value: unset;--gdn-sys-typescale-label-emphasized-small-font-style: unset;--gdn-sys-typescale-label-emphasized-small-text-decoration: unset;--gdn-sys-typescale-label-emphasized-medium-font: var(--gdn-ref-typeface-plain);--gdn-sys-typescale-label-emphasized-medium-weight: var(--gdn-ref-typeface-weight-bold);--gdn-sys-typescale-label-emphasized-medium-size: 12pt;--gdn-sys-typescale-label-emphasized-medium-size-value: 12pt;--gdn-sys-typescale-label-emphasized-medium-size-unit: 2pt;--gdn-sys-typescale-label-emphasized-medium-line-height: 16pt;--gdn-sys-typescale-label-emphasized-medium-line-height-value: 16pt;--gdn-sys-typescale-label-emphasized-medium-line-height-unit: 2pt;--gdn-sys-typescale-label-emphasized-medium-tracking: 0.5pt;--gdn-sys-typescale-label-emphasized-medium-tracking-value: 0.5pt;--gdn-sys-typescale-label-emphasized-medium-tracking-unit: 2pt;--gdn-sys-typescale-label-emphasized-medium-text-transform: 1;--gdn-sys-typescale-label-emphasized-medium-axis-value: unset;--gdn-sys-typescale-label-emphasized-medium-font-style: unset;--gdn-sys-typescale-label-emphasized-medium-text-decoration: unset;--gdn-sys-typescale-label-emphasized-large-font: var(--gdn-ref-typeface-plain);--gdn-sys-typescale-label-emphasized-large-weight: var(--gdn-ref-typeface-weight-bold);--gdn-sys-typescale-label-emphasized-large-size: 14pt;--gdn-sys-typescale-label-emphasized-large-size-value: 14pt;--gdn-sys-typescale-label-emphasized-large-size-unit: 2pt;--gdn-sys-typescale-label-emphasized-large-line-height: 20pt;--gdn-sys-typescale-label-emphasized-large-line-height-value: 20pt;--gdn-sys-typescale-label-emphasized-large-line-height-unit: 2pt;--gdn-sys-typescale-label-emphasized-large-tracking: 0.1pt;--gdn-sys-typescale-label-emphasized-large-tracking-value: 0.1pt;--gdn-sys-typescale-label-emphasized-large-tracking-unit: 2pt;--gdn-sys-typescale-label-emphasized-large-text-transform: unset;--gdn-sys-typescale-label-emphasized-large-axis-value: unset;--gdn-sys-typescale-label-emphasized-large-font-style: unset;--gdn-sys-typescale-label-emphasized-large-text-decoration: unset;--gdn-sys-typescale-body-small-font: var(--gdn-ref-typeface-plain);--gdn-sys-typescale-body-small-weight: var(--gdn-ref-typeface-weight-regular);--gdn-sys-typescale-body-small-size: 12px;--gdn-sys-typescale-body-small-size-value: 12px;--gdn-sys-typescale-body-small-size-unit: 2px;--gdn-sys-typescale-body-small-line-height: 16px;--gdn-sys-typescale-body-small-line-height-value: 16px;--gdn-sys-typescale-body-small-line-height-unit: 2px;--gdn-sys-typescale-body-small-tracking: 0.400000006px;--gdn-sys-typescale-body-small-tracking-value: 0.400000006pxx;--gdn-sys-typescale-body-small-tracking-unit: 2px;--gdn-sys-typescale-body-small-text-transform: unset;--gdn-sys-typescale-body-small-axis-value: unset;--gdn-sys-typescale-body-small-font-style: unset;--gdn-sys-typescale-body-small-text-decoration: unset;--gdn-sys-typescale-body-medium-font: var(--gdn-ref-typeface-plain);--gdn-sys-typescale-body-medium-weight: var(--gdn-ref-typeface-weight-regular);--gdn-sys-typescale-body-medium-size: 14px;--gdn-sys-typescale-body-medium-size-value: 14px;--gdn-sys-typescale-body-medium-size-unit: 2px;--gdn-sys-typescale-body-medium-line-height: 20px;--gdn-sys-typescale-body-medium-line-height-value: 20px;--gdn-sys-typescale-body-medium-line-height-unit: 2px;--gdn-sys-typescale-body-medium-tracking: 0.25px;--gdn-sys-typescale-body-medium-tracking-value: 0.25px;--gdn-sys-typescale-body-medium-tracking-unit: 2px;--gdn-sys-typescale-body-medium-text-transform: unset;--gdn-sys-typescale-body-medium-axis-value: unset;--gdn-sys-typescale-body-medium-font-style: unset;--gdn-sys-typescale-body-medium-text-decoration: unset;--gdn-sys-typescale-body-large-font: var(--gdn-ref-typeface-plain);--gdn-sys-typescale-body-large-weight: var(--gdn-ref-typeface-weight-regular);--gdn-sys-typescale-body-large-size: 16px;--gdn-sys-typescale-body-large-size-value: 16px;--gdn-sys-typescale-body-large-size-unit: 2px;--gdn-sys-typescale-body-large-line-height: 20px;--gdn-sys-typescale-body-large-line-height-value: 20px;--gdn-sys-typescale-body-large-line-height-unit: 2px;--gdn-sys-typescale-body-large-tracking: 0.5px;--gdn-sys-typescale-body-large-tracking-value: 0.5px;--gdn-sys-typescale-body-large-tracking-unit: 2px;--gdn-sys-typescale-body-large-text-transform: unset;--gdn-sys-typescale-body-large-axis-value: unset;--gdn-sys-typescale-body-large-font-style: unset;--gdn-sys-typescale-body-large-text-decoration: unset;--gdn-sys-typescale-body-emphasized-small-font: var(--gdn-ref-typeface-plain);--gdn-sys-typescale-body-emphasized-small-weight: var(--gdn-ref-typeface-weight-medium);--gdn-sys-typescale-body-emphasized-small-size: 12pt;--gdn-sys-typescale-body-emphasized-small-size-value: 12pt;--gdn-sys-typescale-body-emphasized-small-size-unit: 2pt;--gdn-sys-typescale-body-emphasized-small-line-height: 16pt;--gdn-sys-typescale-body-emphasized-small-line-height-value: 16pt;--gdn-sys-typescale-body-emphasized-small-line-height-unit: 2pt;--gdn-sys-typescale-body-emphasized-small-tracking: 0.4pt;--gdn-sys-typescale-body-emphasized-small-tracking-value: 0.4pt;--gdn-sys-typescale-body-emphasized-small-tracking-unit: 2pt;--gdn-sys-typescale-body-emphasized-small-text-transform: unset;--gdn-sys-typescale-body-emphasized-small-axis-value: unset;--gdn-sys-typescale-body-emphasized-small-font-style: unset;--gdn-sys-typescale-body-emphasized-small-text-decoration: unset;--gdn-sys-typescale-body-emphasized-medium-font: var(--gdn-ref-typeface-plain);--gdn-sys-typescale-body-emphasized-medium-weight: var(--gdn-ref-typeface-weight-medium);--gdn-sys-typescale-body-emphasized-medium-size: 14pt;--gdn-sys-typescale-body-emphasized-medium-size-value: 14pt;--gdn-sys-typescale-body-emphasized-medium-size-unit: 2pt;--gdn-sys-typescale-body-emphasized-medium-line-height: 20pt;--gdn-sys-typescale-body-emphasized-medium-line-height-value: 20pt;--gdn-sys-typescale-body-emphasized-medium-line-height-unit: 2pt;--gdn-sys-typescale-body-emphasized-medium-tracking: 0.25pt;--gdn-sys-typescale-body-emphasized-medium-tracking-value: 0.25pt;--gdn-sys-typescale-body-emphasized-medium-tracking-unit: 2pt;--gdn-sys-typescale-body-emphasized-medium-text-transform: unset;--gdn-sys-typescale-body-emphasized-medium-axis-value: unset;--gdn-sys-typescale-body-emphasized-medium-font-style: unset;--gdn-sys-typescale-body-emphasized-medium-text-decoration: unset;--gdn-sys-typescale-body-emphasized-large-font: var(--gdn-ref-typeface-plain);--gdn-sys-typescale-body-emphasized-large-weight: var(--gdn-ref-typeface-weight-medium);--gdn-sys-typescale-body-emphasized-large-size: 16pt;--gdn-sys-typescale-body-emphasized-large-size-value: 16pt;--gdn-sys-typescale-body-emphasized-large-size-unit: 2pt;--gdn-sys-typescale-body-emphasized-large-line-height: 20pt;--gdn-sys-typescale-body-emphasized-large-line-height-value: 20pt;--gdn-sys-typescale-body-emphasized-large-line-height-unit: 2pt;--gdn-sys-typescale-body-emphasized-large-tracking: 0.5pt;--gdn-sys-typescale-body-emphasized-large-tracking-value: 0.5pt;--gdn-sys-typescale-body-emphasized-large-tracking-unit: 2pt;--gdn-sys-typescale-body-emphasized-large-text-transform: unset;--gdn-sys-typescale-body-emphasized-large-axis-value: unset;--gdn-sys-typescale-body-emphasized-large-font-style: unset;--gdn-sys-typescale-body-emphasized-large-text-decoration: unset;--gdn-sys-typescale-title-small-font: var(--gdn-ref-typeface-plain);--gdn-sys-typescale-title-small-weight: var(--gdn-ref-typeface-weight-medium);--gdn-sys-typescale-title-small-size: 14px;--gdn-sys-typescale-title-small-size-value: 14px;--gdn-sys-typescale-title-small-size-unit: 2px;--gdn-sys-typescale-title-small-line-height: 20px;--gdn-sys-typescale-title-small-line-height-value: 20px;--gdn-sys-typescale-title-small-line-height-unit: 2px;--gdn-sys-typescale-title-small-tracking: 0.1000000015px;--gdn-sys-typescale-title-small-tracking-value: 0.1000000015px;--gdn-sys-typescale-title-small-tracking-unit: 2px;--gdn-sys-typescale-title-small-text-transform: unset;--gdn-sys-typescale-title-small-axis-value: unset;--gdn-sys-typescale-title-small-font-style: unset;--gdn-sys-typescale-title-small-text-decoration: unset;--gdn-sys-typescale-title-medium-font: var(--gdn-ref-typeface-plain);--gdn-sys-typescale-title-medium-weight: var(--gdn-ref-typeface-weight-medium);--gdn-sys-typescale-title-medium-size: 16px;--gdn-sys-typescale-title-medium-size-value: 16px;--gdn-sys-typescale-title-medium-size-unit: 2px;--gdn-sys-typescale-title-medium-line-height: 24px;--gdn-sys-typescale-title-medium-line-height-value: 24px;--gdn-sys-typescale-title-medium-line-height-unit: 2px;--gdn-sys-typescale-title-medium-tracking: 0.150000006px;--gdn-sys-typescale-title-medium-tracking-value: 0.150000006px;--gdn-sys-typescale-title-medium-tracking-unit: 2px;--gdn-sys-typescale-title-medium-text-transform: unset;--gdn-sys-typescale-title-medium-axis-value: unset;--gdn-sys-typescale-title-medium-font-style: unset;--gdn-sys-typescale-title-medium-text-decoration: unset;--gdn-sys-typescale-title-large-font: var(--gdn-ref-typeface-brand);--gdn-sys-typescale-title-large-weight: var(--gdn-ref-typeface-weight-regular);--gdn-sys-typescale-title-large-size: 22px;--gdn-sys-typescale-title-large-size-value: 22px;--gdn-sys-typescale-title-large-size-unit: 2px;--gdn-sys-typescale-title-large-line-height: 28px;--gdn-sys-typescale-title-large-line-height-value: 28px;--gdn-sys-typescale-title-large-line-height-unit: 2px;--gdn-sys-typescale-title-large-tracking: 0px;--gdn-sys-typescale-title-large-tracking-value: 0px;--gdn-sys-typescale-title-large-tracking-unit: 2px;--gdn-sys-typescale-title-large-text-transform: unset;--gdn-sys-typescale-title-large-axis-value: unset;--gdn-sys-typescale-title-large-font-style: unset;--gdn-sys-typescale-title-large-text-decoration: unset;--gdn-sys-typescale-title-emphasized-small-font: var(--gdn-ref-typeface-plain);--gdn-sys-typescale-title-emphasized-small-weight: 600;--gdn-sys-typescale-title-emphasized-small-size: 14pt;--gdn-sys-typescale-title-emphasized-small-size-value: 14pt;--gdn-sys-typescale-title-emphasized-small-size-unit: 2pt;--gdn-sys-typescale-title-emphasized-small-line-height: 20pt;--gdn-sys-typescale-title-emphasized-small-line-height-value: 20pt;--gdn-sys-typescale-title-emphasized-small-line-height-unit: 2pt;--gdn-sys-typescale-title-emphasized-small-tracking: 0.1pt;--gdn-sys-typescale-title-emphasized-small-tracking-value: 0.1pt;--gdn-sys-typescale-title-emphasized-small-tracking-unit: 2pt;--gdn-sys-typescale-title-emphasized-small-text-transform: unset;--gdn-sys-typescale-title-emphasized-small-axis-value: unset;--gdn-sys-typescale-title-emphasized-small-font-style: unset;--gdn-sys-typescale-title-emphasized-small-text-decoration: unset;--gdn-sys-typescale-title-emphasized-medium-font: var(--gdn-ref-typeface-plain);--gdn-sys-typescale-title-emphasized-medium-weight: 600;--gdn-sys-typescale-title-emphasized-medium-size: 16pt;--gdn-sys-typescale-title-emphasized-medium-size-value: 16pt;--gdn-sys-typescale-title-emphasized-medium-size-unit: 2pt;--gdn-sys-typescale-title-emphasized-medium-line-height: 24pt;--gdn-sys-typescale-title-emphasized-medium-line-height-value: 24pt;--gdn-sys-typescale-title-emphasized-medium-line-height-unit: 2pt;--gdn-sys-typescale-title-emphasized-medium-tracking: 0.15pt;--gdn-sys-typescale-title-emphasized-medium-tracking-value: 0.15pt;--gdn-sys-typescale-title-emphasized-medium-tracking-unit: 2pt;--gdn-sys-typescale-title-emphasized-medium-text-transform: unset;--gdn-sys-typescale-title-emphasized-medium-axis-value: unset;--gdn-sys-typescale-title-emphasized-medium-font-style: unset;--gdn-sys-typescale-title-emphasized-medium-text-decoration: unset;--gdn-sys-typescale-title-emphasized-large-font: var(--gdn-ref-typeface-brand);--gdn-sys-typescale-title-emphasized-large-weight: var(--gdn-ref-typeface-weight-medium);--gdn-sys-typescale-title-emphasized-large-size: 22pt;--gdn-sys-typescale-title-emphasized-large-size-value: 22pt;--gdn-sys-typescale-title-emphasized-large-size-unit: 2pt;--gdn-sys-typescale-title-emphasized-large-line-height: 28pt;--gdn-sys-typescale-title-emphasized-large-line-height-value: 28pt;--gdn-sys-typescale-title-emphasized-large-line-height-unit: 2pt;--gdn-sys-typescale-title-emphasized-large-tracking: 0pt;--gdn-sys-typescale-title-emphasized-large-tracking-value: 0pt;--gdn-sys-typescale-title-emphasized-large-tracking-unit: 2pt;--gdn-sys-typescale-title-emphasized-large-text-transform: unset;--gdn-sys-typescale-title-emphasized-large-axis-value: unset;--gdn-sys-typescale-title-emphasized-large-font-style: unset;--gdn-sys-typescale-title-emphasized-large-text-decoration: unset;--gdn-sys-typescale-headline-small-font: var(--gdn-ref-typeface-brand);--gdn-sys-typescale-headline-small-weight: var(--gdn-ref-typeface-weight-regular);--gdn-sys-typescale-headline-small-size: 24px;--gdn-sys-typescale-headline-small-size-value: 24px;--gdn-sys-typescale-headline-small-size-unit: 2px;--gdn-sys-typescale-headline-small-line-height: 32px;--gdn-sys-typescale-headline-small-line-height-value: 32px;--gdn-sys-typescale-headline-small-line-height-unit: 2px;--gdn-sys-typescale-headline-small-tracking: 0px;--gdn-sys-typescale-headline-small-tracking-value: 0px;--gdn-sys-typescale-headline-small-tracking-unit: 2px;--gdn-sys-typescale-headline-small-text-transform: unset;--gdn-sys-typescale-headline-small-axis-value: unset;--gdn-sys-typescale-headline-small-font-style: unset;--gdn-sys-typescale-headline-small-text-decoration: unset;--gdn-sys-typescale-headline-medium-font: var(--gdn-ref-typeface-brand);--gdn-sys-typescale-headline-medium-weight: var(--gdn-ref-typeface-weight-regular);--gdn-sys-typescale-headline-medium-size: 28px;--gdn-sys-typescale-headline-medium-size-value: 28px;--gdn-sys-typescale-headline-medium-size-unit: 2px;--gdn-sys-typescale-headline-medium-line-height: 36px;--gdn-sys-typescale-headline-medium-line-height-value: 36px;--gdn-sys-typescale-headline-medium-line-height-unit: 2px;--gdn-sys-typescale-headline-medium-tracking: 0px;--gdn-sys-typescale-headline-medium-tracking-value: 0px;--gdn-sys-typescale-headline-medium-tracking-unit: 2px;--gdn-sys-typescale-headline-medium-text-transform: unset;--gdn-sys-typescale-headline-medium-axis-value: unset;--gdn-sys-typescale-headline-medium-font-style: unset;--gdn-sys-typescale-headline-medium-text-decoration: unset;--gdn-sys-typescale-headline-large-font: var(--gdn-ref-typeface-brand);--gdn-sys-typescale-headline-large-weight: var(--gdn-ref-typeface-weight-regular);--gdn-sys-typescale-headline-large-size: 32px;--gdn-sys-typescale-headline-large-size-value: 32px;--gdn-sys-typescale-headline-large-size-unit: 2px;--gdn-sys-typescale-headline-large-line-height: 40px;--gdn-sys-typescale-headline-large-line-height-value: 40px;--gdn-sys-typescale-headline-large-line-height-unit: 2px;--gdn-sys-typescale-headline-large-tracking: 0px;--gdn-sys-typescale-headline-large-tracking-value: 0px;--gdn-sys-typescale-headline-large-tracking-unit: 2px;--gdn-sys-typescale-headline-large-text-transform: unset;--gdn-sys-typescale-headline-large-axis-value: unset;--gdn-sys-typescale-headline-large-font-style: unset;--gdn-sys-typescale-headline-large-text-decoration: unset;--gdn-sys-typescale-headline-emphasized-small-font: var(--gdn-ref-typeface-brand);--gdn-sys-typescale-headline-emphasized-small-weight: var(--gdn-ref-typeface-weight-medium);--gdn-sys-typescale-headline-emphasized-small-size: 24pt;--gdn-sys-typescale-headline-emphasized-small-size-value: 24pt;--gdn-sys-typescale-headline-emphasized-small-size-unit: 2pt;--gdn-sys-typescale-headline-emphasized-small-line-height: 32pt;--gdn-sys-typescale-headline-emphasized-small-line-height-value: 32pt;--gdn-sys-typescale-headline-emphasized-small-line-height-unit: 2pt;--gdn-sys-typescale-headline-emphasized-small-tracking: 0pt;--gdn-sys-typescale-headline-emphasized-small-tracking-value: 0pt;--gdn-sys-typescale-headline-emphasized-small-tracking-unit: 2pt;--gdn-sys-typescale-headline-emphasized-small-text-transform: unset;--gdn-sys-typescale-headline-emphasized-small-axis-value: unset;--gdn-sys-typescale-headline-emphasized-small-font-style: unset;--gdn-sys-typescale-headline-emphasized-small-text-decoration: unset;--gdn-sys-typescale-headline-emphasized-medium-font: var(--gdn-ref-typeface-brand);--gdn-sys-typescale-headline-emphasized-medium-weight: var(--gdn-ref-typeface-weight-medium);--gdn-sys-typescale-headline-emphasized-medium-size: 28pt;--gdn-sys-typescale-headline-emphasized-medium-size-value: 28pt;--gdn-sys-typescale-headline-emphasized-medium-size-unit: 2pt;--gdn-sys-typescale-headline-emphasized-medium-line-height: 36pt;--gdn-sys-typescale-headline-emphasized-medium-line-height-value: 36pt;--gdn-sys-typescale-headline-emphasized-medium-line-height-unit: 2pt;--gdn-sys-typescale-headline-emphasized-medium-tracking: 0pt;--gdn-sys-typescale-headline-emphasized-medium-tracking-value: 0pt;--gdn-sys-typescale-headline-emphasized-medium-tracking-unit: 2pt;--gdn-sys-typescale-headline-emphasized-medium-text-transform: unset;--gdn-sys-typescale-headline-emphasized-medium-axis-value: unset;--gdn-sys-typescale-headline-emphasized-medium-font-style: unset;--gdn-sys-typescale-headline-emphasized-medium-text-decoration: unset;--gdn-sys-typescale-headline-emphasized-large-font: var(--gdn-ref-typeface-brand);--gdn-sys-typescale-headline-emphasized-large-weight: var(--gdn-ref-typeface-weight-medium);--gdn-sys-typescale-headline-emphasized-large-size: 32pt;--gdn-sys-typescale-headline-emphasized-large-size-value: 32pt;--gdn-sys-typescale-headline-emphasized-large-size-unit: 2pt;--gdn-sys-typescale-headline-emphasized-large-line-height: 40pt;--gdn-sys-typescale-headline-emphasized-large-line-height-value: 40pt;--gdn-sys-typescale-headline-emphasized-large-line-height-unit: 2pt;--gdn-sys-typescale-headline-emphasized-large-tracking: 0pt;--gdn-sys-typescale-headline-emphasized-large-tracking-value: 0pt;--gdn-sys-typescale-headline-emphasized-large-tracking-unit: 2pt;--gdn-sys-typescale-headline-emphasized-large-text-transform: unset;--gdn-sys-typescale-headline-emphasized-large-axis-value: unset;--gdn-sys-typescale-headline-emphasized-large-font-style: unset;--gdn-sys-typescale-headline-emphasized-large-text-decoration: unset;--gdn-sys-typescale-display-small-font: var(--gdn-ref-typeface-brand);--gdn-sys-typescale-display-small-weight: var(--gdn-ref-typeface-weight-regular);--gdn-sys-typescale-display-small-size: 36px;--gdn-sys-typescale-display-small-size-value: 36px;--gdn-sys-typescale-display-small-size-unit: 2px;--gdn-sys-typescale-display-small-line-height: 44px;--gdn-sys-typescale-display-small-line-height-value: 44px;--gdn-sys-typescale-display-small-line-height-unit: 2px;--gdn-sys-typescale-display-small-tracking: 0px;--gdn-sys-typescale-display-small-tracking-value: 0px;--gdn-sys-typescale-display-small-tracking-unit: 2px;--gdn-sys-typescale-display-small-text-transform: unset;--gdn-sys-typescale-display-small-axis-value: unset;--gdn-sys-typescale-display-small-font-style: unset;--gdn-sys-typescale-display-small-text-decoration: unset;--gdn-sys-typescale-display-medium-font: var(--gdn-ref-typeface-brand);--gdn-sys-typescale-display-medium-weight: var(--gdn-ref-typeface-weight-regular);--gdn-sys-typescale-display-medium-size: 45px;--gdn-sys-typescale-display-medium-size-value: 45px;--gdn-sys-typescale-display-medium-size-unit: 2px;--gdn-sys-typescale-display-medium-line-height: 52px;--gdn-sys-typescale-display-medium-line-height-value: 52px;--gdn-sys-typescale-display-medium-line-height-unit: 2px;--gdn-sys-typescale-display-medium-tracking: 0px;--gdn-sys-typescale-display-medium-tracking-value: 0px;--gdn-sys-typescale-display-medium-tracking-unit: 2px;--gdn-sys-typescale-display-medium-text-transform: unset;--gdn-sys-typescale-display-medium-axis-value: unset;--gdn-sys-typescale-display-medium-font-style: unset;--gdn-sys-typescale-display-medium-text-decoration: unset;--gdn-sys-typescale-display-large-font: var(--gdn-ref-typeface-brand);--gdn-sys-typescale-display-large-weight: var(--gdn-ref-typeface-weight-regular);--gdn-sys-typescale-display-large-size: 57px;--gdn-sys-typescale-display-large-size-value: 57px;--gdn-sys-typescale-display-large-size-unit: 2px;--gdn-sys-typescale-display-large-line-height: 64px;--gdn-sys-typescale-display-large-line-height-value: 64px;--gdn-sys-typescale-display-large-line-height-unit: 2px;--gdn-sys-typescale-display-large-tracking: -0.25px;--gdn-sys-typescale-display-large-tracking-value: 2px;--gdn-sys-typescale-display-large-tracking-unit: -0.25px;--gdn-sys-typescale-display-large-text-transform: unset;--gdn-sys-typescale-display-large-axis-value: unset;--gdn-sys-typescale-display-large-font-style: unset;--gdn-sys-typescale-display-large-text-decoration: unset;--gdn-sys-typescale-display-emphasized-small-font: var(--gdn-ref-typeface-brand);--gdn-sys-typescale-display-emphasized-small-weight: var(--gdn-ref-typeface-weight-medium);--gdn-sys-typescale-display-emphasized-small-size: 36pt;--gdn-sys-typescale-display-emphasized-small-size-value: 36pt;--gdn-sys-typescale-display-emphasized-small-size-unit: 2pt;--gdn-sys-typescale-display-emphasized-small-line-height: 44pt;--gdn-sys-typescale-display-emphasized-small-line-height-value: 44pt;--gdn-sys-typescale-display-emphasized-small-line-height-unit: 2pt;--gdn-sys-typescale-display-emphasized-small-tracking: 0pt;--gdn-sys-typescale-display-emphasized-small-tracking-value: 0pt;--gdn-sys-typescale-display-emphasized-small-tracking-unit: 2pt;--gdn-sys-typescale-display-emphasized-small-text-transform: unset;--gdn-sys-typescale-display-emphasized-small-axis-value: unset;--gdn-sys-typescale-display-emphasized-small-font-style: unset;--gdn-sys-typescale-display-emphasized-small-text-decoration: unset;--gdn-sys-typescale-display-emphasized-medium-font: var(--gdn-ref-typeface-brand);--gdn-sys-typescale-display-emphasized-medium-weight: var(--gdn-ref-typeface--gdn-ref-typeface-weight-medium);--gdn-sys-typescale-display-emphasized-medium-size: 45pt;--gdn-sys-typescale-display-emphasized-medium-size-value: 45pt;--gdn-sys-typescale-display-emphasized-medium-size-unit: 2pt;--gdn-sys-typescale-display-emphasized-medium-line-height: 52pt;--gdn-sys-typescale-display-emphasized-medium-line-height-value: 52pt;--gdn-sys-typescale-display-emphasized-medium-line-height-unit: 2pt;--gdn-sys-typescale-display-emphasized-medium-tracking: 0pt;--gdn-sys-typescale-display-emphasized-medium-tracking-value: 0pt;--gdn-sys-typescale-display-emphasized-medium-tracking-unit: 2pt;--gdn-sys-typescale-display-emphasized-medium-text-transform: unset;--gdn-sys-typescale-display-emphasized-medium-axis-value: unset;--gdn-sys-typescale-display-emphasized-medium-font-style: unset;--gdn-sys-typescale-display-emphasized-medium-text-decoration: unset;--gdn-sys-typescale-display-emphasized-large-font: var(--gdn-ref-typeface-brand);--gdn-sys-typescale-display-emphasized-large-weight: var(--gdn-ref-typeface-weight-medium);--gdn-sys-typescale-display-emphasized-large-size: 57pt;--gdn-sys-typescale-display-emphasized-large-size-value: 57pt;--gdn-sys-typescale-display-emphasized-large-size-unit: 2pt;--gdn-sys-typescale-display-emphasized-large-line-height: 64pt;--gdn-sys-typescale-display-emphasized-large-line-height-value: 64pt;--gdn-sys-typescale-display-emphasized-large-line-height-unit: 2pt;--gdn-sys-typescale-display-emphasized-large-tracking: -0.25pt;--gdn-sys-typescale-display-emphasized-large-tracking-value: -0.25pt;--gdn-sys-typescale-display-emphasized-large-tracking-unit: 2pt;--gdn-sys-typescale-display-emphasized-large-text-transform: unset;--gdn-sys-typescale-display-emphasized-large-axis-value: unset;--gdn-sys-typescale-display-emphasized-large-font-style: unset;--gdn-sys-typescale-display-emphasized-large-text-decoration: unset;--gdn-sys-color-primary: var(--gdn-ref-palette-primary-l40);--gdn-sys-color-on-primary: var(--gdn-ref-palette-primary-l100);--gdn-sys-color-primary-container: var(--gdn-ref-palette-primary-l90);--gdn-sys-color-on-primary-container: var(--gdn-ref-palette-primary-l30);--gdn-sys-color-primary-fixed: var(--gdn-ref-palette-primary-l90);--gdn-sys-color-on-primary-fixed: var(--gdn-ref-palette-primary-l10);--gdn-sys-color-primary-fixed-dim: var(--gdn-ref-palette-primary-l80);--gdn-sys-color-on-primary-fixed-variant: var(--gdn-ref-palette-primary-l30);--gdn-sys-color-inverse-primary: var(--gdn-ref-palette-primary-l80);--gdn-sys-color-secondary: var(--gdn-ref-palette-secondary-l40);--gdn-sys-color-on-secondary: var(--gdn-ref-palette-secondary-l100);--gdn-sys-color-secondary-container: var(--gdn-ref-palette-secondary-l90);--gdn-sys-color-on-secondary-container: var(--gdn-ref-palette-secondary-l30);--gdn-sys-color-secondary-fixed: var(--gdn-ref-palette-secondary-l90);--gdn-sys-color-on-secondary-fixed: var(--gdn-ref-palette-secondary-l10);--gdn-sys-color-secondary-fixed-dim: var(--gdn-ref-palette-secondary-l80);--gdn-sys-color-on-secondary-fixed-variant: var(--gdn-ref-palette-secondary-l30);--gdn-sys-color-tertiary: var(--gdn-ref-palette-tertiary-l40);--gdn-sys-color-on-tertiary: var(--gdn-ref-palette-tertiary-l100);--gdn-sys-color-tertiary-container: var(--gdn-ref-palette-tertiary-l90);--gdn-sys-color-on-tertiary-container: var(--gdn-ref-palette-tertiary-l30);--gdn-sys-color-tertiary-fixed: var(--gdn-ref-palette-tertiary-l90);--gdn-sys-color-on-tertiary-fixed: var(--gdn-ref-palette-tertiary-l10);--gdn-sys-color-tertiary-fixed-dim: var(--gdn-ref-palette-tertiary-l80);--gdn-sys-color-on-tertiary-fixed-variant: var(--gdn-ref-palette-tertiary-l30);--gdn-sys-color-error: var(--gdn-ref-palette-error-l40);--gdn-sys-color-on-error: var(--gdn-ref-palette-error-l100);--gdn-sys-color-error-container: var(--gdn-ref-palette-error-l90);--gdn-sys-color-on-error-container: var(--gdn-ref-palette-error-l30);--gdn-sys-color-surface: var(--gdn-ref-palette-neutral-l98);--gdn-sys-color-on-surface: var(--gdn-ref-palette-neutral-l10);--gdn-sys-color-surface-variant: var(--gdn-ref-palette-neutral-variant-l90);--gdn-sys-color-on-surface-variant: var(--gdn-ref-palette-neutral-variant-l30);--gdn-sys-color-surface-container-highest: var(--gdn-ref-palette-neutral-l90);--gdn-sys-color-surface-container-high: var(--gdn-ref-palette-neutral-l92);--gdn-sys-color-surface-container: var(--gdn-ref-palette-neutral-l94);--gdn-sys-color-surface-container-low: var(--gdn-ref-palette-neutral-l96);--gdn-sys-color-surface-container-lowest: var(--gdn-ref-palette-neutral-l100);--gdn-sys-color-inverse-surface: var(--gdn-ref-palette-neutral-l20);--gdn-sys-color-inverse-on-surface: var(--gdn-ref-palette-neutral-l95);--gdn-sys-color-background: var(--gdn-ref-palette-neutral-l98);--gdn-sys-color-on-background: var(--gdn-ref-palette-neutral-l10);--gdn-sys-color-surface-bright: var(--gdn-ref-palette-neutral-l98);--gdn-sys-color-surface-dim: var(--gdn-ref-palette-neutral-l87);--gdn-sys-color-scrim: var(--gdn-ref-palette-neutral-l0);--gdn-sys-color-shadow: var(--gdn-ref-palette-neutral-l0);--gdn-sys-color-outline: var(--gdn-ref-palette-neutral-variant-l50);--gdn-sys-color-outline-variant: var(--gdn-ref-palette-neutral-variant-l80);--gdn-sys-shape-corner-full: 9999px;--gdn-sys-shape-corner-value-extra-extra-large: 48px;--gdn-sys-shape-corner-value-extra-large-increased: 32px;--gdn-sys-shape-corner-value-extra-large: 28px;--gdn-sys-shape-corner-extra-large-top: var(--gdn-sys-shape-corner-value-extra-large) var(--gdn-sys-shape-corner-value-extra-large) 0px 0px;--gdn-sys-shape-corner-extra-large: var(--gdn-sys-shape-corner-value-extra-large);--gdn-sys-shape-corner-value-large: 16px;--gdn-sys-shape-corner-value-large-increased: 20px;--gdn-sys-shape-corner-large-top: var(--gdn-sys-shape-corner-value-large) var(--gdn-sys-shape-corner-value-large) 0px 0px;--gdn-sys-shape-corner-large-end: 0px var(--gdn-sys-shape-corner-value-large) var(--gdn-sys-shape-corner-value-large) 0px;--gdn-sys-shape-corner-large-start: var(--gdn-sys-shape-corner-value-large) 0px 0px var(--gdn-sys-shape-corner-value-large);--gdn-sys-shape-corner-large: var(--gdn-sys-shape-corner-value-large);--gdn-sys-shape-corner-value-medium: 12px;--gdn-sys-shape-corner-medium: var(--gdn-sys-shape-corner-value-medium);--gdn-sys-shape-corner-value-small: 8px;--gdn-sys-shape-corner-small: var(--gdn-sys-shape-corner-value-small);--gdn-sys-shape-corner-value-extra-small: 4px;--gdn-sys-shape-corner-extra-small-top: var(--gdn-sys-shape-corner-value-extra-small) var(--gdn-sys-shape-corner-value-extra-small) 0px 0px;--gdn-sys-shape-corner-extra-small: var(--gdn-sys-shape-corner-value-extra-small);--gdn-sys-shape-corner-value-none: 0px;--gdn-sys-elevation-level0: none;--gdn-sys-elevation-level1: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.24);--gdn-sys-elevation-level2: 0px 3px 6px rgba(0, 0, 0, 0.16), 0px 3px 6px rgba(0, 0, 0, 0.23);--gdn-sys-elevation-level3: 0px 10px 20px rgba(0, 0, 0, 0.19), 0px 6px 6px rgba(0, 0, 0, 0.23);--gdn-sys-elevation-level4: 0px 14px 28px rgba(0, 0, 0, 0.25), 0px 10px 10px rgba(0, 0, 0, 0.22);--gdn-sys-elevation-level5: 0px 19px 38px rgba(0, 0, 0, 0.30), 0px 15px 12px rgba(0, 0, 0, 0.22);--gdn-sys-state-dragged-state-layer-opacity: 0.16;--gdn-sys-state-pressed-state-layer-opacity: 0.1;--gdn-sys-state-focus-state-layer-opacity: 0.1;--gdn-sys-state-hover-state-layer-opacity: 0.08;--gdn-sys-state-disabled-state-layer-opacity: 0.38;--gdn-sys-spacing-0: 0px;--gdn-sys-spacing-0-5: calc(var(--gdn-sys-layout-atomic-unit) * 0.5px);--gdn-sys-spacing-1: calc(var(--gdn-sys-layout-atomic-unit) * 1px);--gdn-sys-spacing-2: calc(var(--gdn-sys-layout-atomic-unit) * 2px);--gdn-sys-spacing-2-5: calc(var(--gdn-sys-layout-atomic-unit) * 2.5px);--gdn-sys-spacing-3: calc(var(--gdn-sys-layout-atomic-unit) * 3px);--gdn-sys-spacing-3-5: calc(var(--gdn-sys-layout-atomic-unit) * 3.5px);--gdn-sys-spacing-4: calc(var(--gdn-sys-layout-atomic-unit) * 4px);--gdn-sys-spacing-4-5: calc(var(--gdn-sys-layout-atomic-unit) * 4.5px);--gdn-sys-spacing-5: calc(var(--gdn-sys-layout-atomic-unit) * 5px);--gdn-sys-spacing-6: calc(var(--gdn-sys-layout-atomic-unit) * 6px);--gdn-sys-spacing-7: calc(var(--gdn-sys-layout-atomic-unit) * 7px);--gdn-sys-spacing-8: calc(var(--gdn-sys-layout-atomic-unit) * 8px);--gdn-sys-spacing-9: calc(var(--gdn-sys-layout-atomic-unit) * 9px);--gdn-sys-spacing-10: calc(var(--gdn-sys-layout-atomic-unit) * 10px);--gdn-sys-spacing-11: calc(var(--gdn-sys-layout-atomic-unit) * 11px);--gdn-sys-spacing-12: calc(var(--gdn-sys-layout-atomic-unit) * 12px);--gdn-sys-spacing-13: calc(var(--gdn-sys-layout-atomic-unit) * 13px);--gdn-sys-spacing-14: calc(var(--gdn-sys-layout-atomic-unit) * 14px);--gdn-sys-spacing-15: calc(var(--gdn-sys-layout-atomic-unit) * 15px);--gdn-sys-spacing-16: calc(var(--gdn-sys-layout-atomic-unit) * 16px);--gdn-sys-spacing-17: calc(var(--gdn-sys-layout-atomic-unit) * 17px);--gdn-sys-spacing-18: calc(var(--gdn-sys-layout-atomic-unit) * 18px);--gdn-sys-spacing-19: calc(var(--gdn-sys-layout-atomic-unit) * 19px);--gdn-sys-spacing-20: calc(var(--gdn-sys-layout-atomic-unit) * 20px);--gdn-sys-spacing-21: calc(var(--gdn-sys-layout-atomic-unit) * 21px);--gdn-sys-spacing-22: calc(var(--gdn-sys-layout-atomic-unit) * 22px);--gdn-sys-spacing-23: calc(var(--gdn-sys-layout-atomic-unit) * 23px);--gdn-sys-spacing-24: calc(var(--gdn-sys-layout-atomic-unit) * 24px);--gdn-sys-spacing-25: calc(var(--gdn-sys-layout-atomic-unit) * 25px);--gdn-sys-spacing-26: calc(var(--gdn-sys-layout-atomic-unit) * 26px);--gdn-sys-spacing-27: calc(var(--gdn-sys-layout-atomic-unit) * 27px);--gdn-sys-spacing-28: calc(var(--gdn-sys-layout-atomic-unit) * 28px);--gdn-sys-spacing-29: calc(var(--gdn-sys-layout-atomic-unit) * 29px);--gdn-sys-spacing-30: calc(var(--gdn-sys-layout-atomic-unit) * 30px);--gdn-comp-divider-thickness: 1px;--gdn-comp-divider-color: var(--gdn-sys-color-outline);--gdn-comp-divider-full-width: 100%;--gdn-comp-divider-inset-left-margin: 16px;--gdn-comp-divider-inset-right-margin: 0px;--gdn-comp-divider-middle-inset-left-margin: 16px;--gdn-comp-divider-middle-inset-right-margin: 16px;--gdn-comp-divider-supporting-text-gap: 4px;--gdn-comp-divider-right-margin: 8px;--gdn-comp-divider-bottom-margin: 8px;--gdn-comp-card-elevated-container-color: var(--gdn-sys-color-surface-container-low);--gdn-comp-card-elevated-container-elevation: var(--gdn-sys-elevation-level1);--gdn-comp-card-elevated-container-shape: var(--gdn-sys-shape-corner-medium);--gdn-comp-card-elevated-container-shadow-color: var(--gdn-sys-color-shadow);--gdn-comp-card-filled-container-shape: var(--gdn-sys-shape-corner-medium);--gdn-comp-card-filled-container-color: var(--gdn-sys-color-surface-container-highest);--gdn-comp-card-outlined-container-shape: var(--gdn-sys-shape-corner-medium);--gdn-comp-card-outlined-container-color: var(--gdn-sys-color-surface);--gdn-comp-card-outlined-outline-color: var(--gdn-sys-color-outline-variant);--gdn-comp-chip-assist-container-shape: var(--gdn-sys-shape-corner-small);--gdn-comp-chip-assist-container-height: 32px;--gdn-comp-chip-assist-flat-container-elevation: var(--gdn-sys-elevation-level0);--gdn-comp-chip-assist-flat-outline-color: var(--gdn-sys-color-outline-variant);--gdn-comp-chip-assist-flat-outline-width: 1px;--gdn-comp-chip-assist-elevated-container-elevation: var(--gdn-sys-elevation-level1);--gdn-comp-chip-assist-elevated-container-color: var(--gdn-sys-color-surface-container-low);--gdn-comp-chip-assist-elevated-container-shadow-color: var(--gdn-sys-color-shadow);--gdn-comp-chip-filter-container-shape: var(--gdn-sys-shape-corner-small);--gdn-comp-chip-filter-container-height: 32px;--gdn-comp-chip-filter-touch-target-size: 48px;--gdn-comp-chip-filter-leading-space: 16px;--gdn-comp-chip-filter-trailing-space: 16px;--gdn-comp-chip-filter-with-leading-icon-leading-space: 8px;--gdn-comp-chip-filter-icon-label-space: 8px;--gdn-comp-chip-filter-icon-size: 18px;--gdn-comp-chip-filter-flat-outline-width: 1px;--gdn-comp-chip-filter-flat-outline-color: var(--gdn-sys-color-outline-variant);--gdn-comp-chip-filter-elevated-container-elevation: var(--gdn-sys-elevation-level1);--gdn-comp-chip-filter-elevated-container-color: var(--gdn-sys-color-surface-container-low);--gdn-comp-chip-filter-selected-container-color: var(--gdn-sys-color-secondary-container);--gdn-comp-chip-filter-selected-label-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-chip-filter-selected-leading-icon-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-chip-filter-hover-state-layer-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-chip-filter-hover-state-layer-opacity: 0.08;--gdn-comp-chip-filter-focus-state-layer-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-chip-filter-focus-state-layer-opacity: 0.10;--gdn-comp-chip-filter-pressed-state-layer-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-chip-filter-pressed-state-layer-opacity: 0.10;--gdn-comp-chip-filter-selected-hover-state-layer-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-chip-filter-selected-hover-state-layer-opacity: 0.08;--gdn-comp-chip-filter-selected-focus-state-layer-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-chip-filter-selected-focus-state-layer-opacity: 0.10;--gdn-comp-chip-filter-selected-pressed-state-layer-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-chip-filter-selected-pressed-state-layer-opacity: 0.10;--gdn-comp-chip-filter-disabled-label-text-opacity: 0.38;--gdn-comp-chip-filter-disabled-outline-opacity: 0.12;--gdn-comp-chip-filter-disabled-selected-container-opacity: 0.12;--gdn-comp-chip-filter-disabled-leading-icon-opacity: 0.38;-gdn-comp-breadcrumb-padding-horizontal:16px;-gdn-comp-breadcrumb-padding-vertical:8px;--gdn-comp-button-xsmall-container-height: 32px;--gdn-comp-button-xsmall-outlined-outline-width: 1px;--gdn-comp-button-xsmall-label-text-font-family: var(--gdn-ref-typeface-plain);--gdn-comp-button-xsmall-label-text-font-weight: var(--gdn-ref-typeface-weight-medium);--gdn-comp-button-xsmall-label-text-font-size: 14px;--gdn-comp-button-xsmall-label-text-letter-spacing: 0.1px;--gdn-comp-button-xsmall-label-text-line-height: 20px;--gdn-comp-button-xsmall-icon-size: 20px;--gdn-comp-button-xsmall-container-shape-round: var(--gdn-sys-shape-corner-full);--gdn-comp-button-xsmall-container-shape-square: var(--gdn-sys-shape-corner-medium);--gdn-comp-button-xsmall-leading-space: 16px;--gdn-comp-button-xsmall-icon-label-space: 8px;--gdn-comp-button-xsmall-trailing-space: 16px;--gdn-comp-button-xsmall-pressed-container-shape: var(--gdn-sys-shape-corner-small);--gdn-comp-button-xsmall-pressed-motion-spring-damping: 0.9;--gdn-comp-button-xsmall-pressed-motion-spring-stiffness: 1400;--gdn-comp-button-xsmall-selected-container-shape-round: var(--gdn-sys-shape-corner-medium);--gdn-comp-button-xsmall-selected-container-shape-square: var(--gdn-sys-shape-corner-full);--gdn-comp-button-small-container-height: 40px;--gdn-comp-button-small-outlined-outline-width: 1px;--gdn-comp-button-small-label-text-font-family: var(--gdn-ref-typeface-plain);--gdn-comp-button-small-label-text-font-weight: var(--gdn-ref-typeface-weight-medium);--gdn-comp-button-small-label-text-font-size: 14px;--gdn-comp-button-small-label-text-letter-spacing: 0.1px;--gdn-comp-button-small-label-text-line-height: 20px;--gdn-comp-button-small-icon-size: 20px;--gdn-comp-button-small-container-shape-round: var(--gdn-sys-shape-corner-full);--gdn-comp-button-small-container-shape-square: var(--gdn-sys-shape-corner-medium);--gdn-comp-button-small-leading-space: 16px;--gdn-comp-button-small-icon-label-space: 8px;--gdn-comp-button-small-trailing-space: 16px;--gdn-comp-button-small-pressed-container-shape: var(--gdn-sys-shape-corner-small);--gdn-comp-button-small-pressed-motion-spring-damping: 0.9;--gdn-comp-button-small-pressed-motion-spring-stiffness: 1400;--gdn-comp-button-small-selected-container-shape-round: var(--gdn-sys-shape-corner-medium);--gdn-comp-button-small-selected-container-shape-square: var(--gdn-sys-shape-corner-full);--gdn-comp-button-medium-container-height: 56px;--gdn-comp-button-medium-outlined-outline-width: 1px;--gdn-comp-button-medium-label-text-font-family: var(--gdn-ref-typeface-plain);--gdn-comp-button-medium-label-text-font-weight: var(--gdn-ref-typeface-weight-medium);--gdn-comp-button-medium-label-text-font-size: 14px;--gdn-comp-button-medium-label-text-letter-spacing: 0.1px;--gdn-comp-button-medium-label-text-line-height: 20px;--gdn-comp-button-medium-icon-size: 24px;--gdn-comp-button-medium-container-shape-round: var(--gdn-sys-shape-corner-full);--gdn-comp-button-medium-container-shape-square: var(--gdn-sys-shape-corner-large);--gdn-comp-button-medium-leading-space: 24px;--gdn-comp-button-medium-icon-label-space: 8px;--gdn-comp-button-medium-trailing-space: 24px;--gdn-comp-button-medium-pressed-container-shape: var(--gdn-sys-shape-corner-medium);--gdn-comp-button-medium-pressed-motion-spring-damping: 0.9;--gdn-comp-button-medium-pressed-motion-spring-stiffness: 1400;--gdn-comp-button-medium-selected-container-shape-round: var(--gdn-sys-shape-corner-large);--gdn-comp-button-medium-selected-container-shape-square: var(--gdn-sys-shape-corner-full);--gdn-comp-button-large-container-height: 96px;--gdn-comp-button-large-outlined-outline-width: 2px;--gdn-comp-button-large-label-text-font-family: var(--gdn-ref-typeface-plain);--gdn-comp-button-large-label-text-font-weight: var(--gdn-ref-typeface-weight-medium);--gdn-comp-button-large-label-text-font-size: 14px;--gdn-comp-button-large-label-text-letter-spacing: 0.1px;--gdn-comp-button-large-label-text-line-height: 20px;--gdn-comp-button-large-icon-size: 32px;--gdn-comp-button-large-container-shape-round: var(--gdn-sys-shape-corner-full);--gdn-comp-button-large-container-shape-square: var(--gdn-sys-shape-corner-extra-large);--gdn-comp-button-large-leading-space: 48px;--gdn-comp-button-large-icon-label-space: 12px;--gdn-comp-button-large-trailing-space: 48px;--gdn-comp-button-large-pressed-container-shape: var(--gdn-sys-shape-corner-large);--gdn-comp-button-large-pressed-motion-spring-damping: 0.9;--gdn-comp-button-large-pressed-motion-spring-stiffness: 1400;--gdn-comp-button-large-selected-container-shape-round: var(--gdn-sys-shape-corner-extra-large);--gdn-comp-button-large-selected-container-shape-square: var(--gdn-sys-shape-corner-full);--gdn-comp-button-xlarge-container-height: 136px;--gdn-comp-button-xlarge-outlined-outline-width: 3px;--gdn-comp-button-xlarge-label-text-font-family: var(--gdn-ref-typeface-plain);--gdn-comp-button-xlarge-label-text-font-weight: var(--gdn-ref-typeface-weight-medium);--gdn-comp-button-xlarge-label-text-font-size: 14px;--gdn-comp-button-xlarge-label-text-letter-spacing: 0.1px;--gdn-comp-button-xlarge-label-text-line-height: 20px;--gdn-comp-button-xlarge-icon-size: 40px;--gdn-comp-button-xlarge-container-shape-round: var(--gdn-sys-shape-corner-full);--gdn-comp-button-xlarge-container-shape-square: var(--gdn-sys-shape-corner-extra-large);--gdn-comp-button-xlarge-leading-space: 64px;--gdn-comp-button-xlarge-icon-label-space: 16px;--gdn-comp-button-xlarge-trailing-space: 64px;--gdn-comp-button-xlarge-pressed-container-shape: var(--gdn-sys-shape-corner-large);--gdn-comp-button-xlarge-pressed-motion-spring-damping: 0.9;--gdn-comp-button-xlarge-pressed-motion-spring-stiffness: 1400;--gdn-comp-button-xlarge-selected-container-shape-round: var(--gdn-sys-shape-corner-extra-large);--gdn-comp-button-xlarge-selected-container-shape-square: var(--gdn-sys-shape-corner-full);--gdn-comp-button-filled-container-color: var(--gdn-sys-color-primary);--gdn-comp-button-filled-unselected-container-color: var(--gdn-sys-color-surface-container);--gdn-comp-button-filled-selected-container-color: var(--gdn-sys-color-primary);--gdn-comp-button-filled-container-shadow-color: var(--gdn-sys-color-shadow);--gdn-comp-button-filled-container-elevation: var(--gdn-sys-elevation-level0);--gdn-comp-button-filled-label-text-color: var(--gdn-sys-color-on-primary);--gdn-comp-button-filled-unselected-label-text-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-button-filled-selected-label-text-color: var(--gdn-sys-color-on-primary);--gdn-comp-button-filled-icon-color: var(--gdn-sys-color-on-primary);--gdn-comp-button-filled-unselected-icon-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-button-filled-selected-icon-color: var(--gdn-sys-color-on-primary);--gdn-comp-button-filled-disabled-container-color: var(--gdn-sys-color-on-surface);--gdn-comp-button-filled-disabled-container-opacity: 0.1;--gdn-comp-button-filled-disabled-container-elevation: var(--gdn-sys-elevation-level0);--gdn-comp-button-filled-disabled-label-text-color: var(--gdn-sys-color-on-surface);--gdn-comp-button-filled-disabled-label-text-opacity: 0.38;--gdn-comp-button-filled-disabled-icon-color: var(--gdn-sys-color-on-surface);--gdn-comp-button-filled-disabled-icon-opacity: 0.38;--gdn-comp-button-filled-hovered-state-layer-color: var(--gdn-sys-color-on-primary);--gdn-comp-button-filled-unselected-hovered-state-layer-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-button-filled-selected-hovered-state-layer-color: var(--gdn-sys-color-on-primary);--gdn-comp-button-filled-hovered-state-layer-opacity: 0.08;--gdn-comp-button-filled-hovered-label-text-color: var(--gdn-sys-color-on-primary);--gdn-comp-button-filled-unselected-hovered-label-text-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-button-filled-selected-hovered-label-text-color: var(--gdn-sys-color-on-primary);--gdn-comp-button-filled-hovered-icon-color: var(--gdn-sys-color-on-primary);--gdn-comp-button-filled-unselected-hovered-icon-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-button-filled-selected-hovered-icon-color: var(--gdn-sys-color-on-primary);--gdn-comp-button-filled-focused-container-elevation: var(--gdn-sys-elevation-level0);--gdn-comp-button-filled-focused-state-layer-color: var(--gdn-sys-color-on-primary);--gdn-comp-button-filled-unselected-focused-state-layer-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-button-filled-selected-focused-state-layer-color: var(--gdn-sys-color-on-primary);--gdn-comp-button-filled-focused-state-layer-opacity: 0.1;--gdn-comp-button-filled-focused-label-text-color: var(--gdn-sys-color-on-primary);--gdn-comp-button-filled-unselected-focused-label-text-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-button-filled-selected-focused-label-text-color: var(--gdn-sys-color-on-primary);--gdn-comp-button-filled-focused-icon-color: var(--gdn-sys-color-on-primary);--gdn-comp-button-filled-unselected-focused-icon-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-button-filled-selected-focused-icon-color: var(--gdn-sys-color-on-primary);--gdn-comp-button-filled-pressed-container-elevation: var(--gdn-sys-elevation-level0);--gdn-comp-button-filled-pressed-state-layer-color: var(--gdn-sys-color-on-primary);--gdn-comp-button-filled-unselected-pressed-state-layer-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-button-filled-selected-pressed-state-layer-color: var(--gdn-sys-color-on-primary);--gdn-comp-button-filled-pressed-state-layer-opacity: 0.1;--gdn-comp-button-filled-pressed-label-text-color: var(--gdn-sys-color-on-primary);--gdn-comp-button-filled-unselected-pressed-label-text-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-button-filled-selected-pressed-label-text-color: var(--gdn-sys-color-on-primary);--gdn-comp-button-filled-pressed-icon-color: var(--gdn-sys-color-on-primary);--gdn-comp-button-filled-unselected-pressed-icon-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-button-filled-selected-pressed-icon-color: var(--gdn-sys-color-on-primary);--gdn-comp-button-elevated-container-color: var(--gdn-sys-color-surface-container-low);--gdn-comp-button-elevated-unselected-container-color: var(--gdn-sys-color-surface-container-low);--gdn-comp-button-elevated-selected-container-color: var(--gdn-sys-color-primary);--gdn-comp-button-elevated-container-shadow-color: var(--gdn-sys-color-shadow);--gdn-comp-button-elevated-container-elevation: var(--gdn-sys-elevation-level1);--gdn-comp-button-elevated-label-text-color: var(--gdn-sys-color-primary);--gdn-comp-button-elevated-unselected-label-text-color: var(--gdn-sys-color-primary);--gdn-comp-button-elevated-selected-label-text-color: var(--gdn-sys-color-on-primary);--gdn-comp-button-elevated-icon-color: var(--gdn-sys-color-primary);--gdn-comp-button-elevated-unselected-icon-color: var(--gdn-sys-color-primary);--gdn-comp-button-elevated-selected-icon-color: var(--gdn-sys-color-on-primary);--gdn-comp-button-elevated-disabled-container-color: var(--gdn-sys-color-on-surface);--gdn-comp-button-elevated-disabled-container-opacity: 0.1;--gdn-comp-button-elevated-disabled-container-elevation: var(--gdn-sys-elevation-level0);--gdn-comp-button-elevated-disabled-label-text-color: var(--gdn-sys-color-on-surface);--gdn-comp-button-elevated-disabled-label-text-opacity: 0.38;--gdn-comp-button-elevated-disabled-icon-color: var(--gdn-sys-color-on-surface);--gdn-comp-button-elevated-disabled-icon-opacity: 0.38;--gdn-comp-button-elevated-hovered-container-elevation: var(--gdn-sys-elevation-level2);--gdn-comp-button-elevated-hovered-state-layer-color: var(--gdn-sys-color-primary);--gdn-comp-button-elevated-unselected-hovered-state-layer-color: var(--gdn-sys-color-primary);--gdn-comp-button-elevated-selected-hovered-state-layer-color: var(--gdn-sys-color-on-primary);--gdn-comp-button-elevated-hovered-state-layer-opacity: 0.08;--gdn-comp-button-elevated-hovered-label-text-color: var(--gdn-sys-color-primary);--gdn-comp-button-elevated-unselected-hovered-label-text-color: var(--gdn-sys-color-primary);--gdn-comp-button-elevated-selected-hovered-label-text-color: var(--gdn-sys-color-on-primary);--gdn-comp-button-elevated-hovered-icon-color: var(--gdn-sys-color-primary);--gdn-comp-button-elevated-unselected-hovered-icon-color: var(--gdn-sys-color-primary);--gdn-comp-button-elevated-selected-hovered-icon-color: var(--gdn-sys-color-on-primary);--gdn-comp-button-elevated-focused-container-elevation: var(--gdn-sys-elevation-level1);--gdn-comp-button-elevated-focused-state-layer-color: var(--gdn-sys-color-primary);--gdn-comp-button-elevated-unselected-focused-state-layer-color: var(--gdn-sys-color-primary);--gdn-comp-button-elevated-selected-focused-state-layer-color: var(--gdn-sys-color-on-primary);--gdn-comp-button-elevated-focused-state-layer-opacity: 0.1;--gdn-comp-button-elevated-focused-label-text-color: var(--gdn-sys-color-primary);--gdn-comp-button-elevated-unselected-focused-label-text-color: var(--gdn-sys-color-primary);--gdn-comp-button-elevated-selected-focused-label-text-color: var(--gdn-sys-color-on-primary);--gdn-comp-button-elevated-focused-icon-color: var(--gdn-sys-color-primary);--gdn-comp-button-elevated-unselected-focused-icon-color: var(--gdn-sys-color-primary);--gdn-comp-button-elevated-selected-focused-icon-color: var(--gdn-sys-color-on-primary);--gdn-comp-button-elevated-pressed-container-elevation: var(--gdn-sys-elevation-level1);--gdn-comp-button-elevated-pressed-state-layer-color: var(--gdn-sys-color-primary);--gdn-comp-button-elevated-unselected-pressed-state-layer-color: var(--gdn-sys-color-primary);--gdn-comp-button-elevated-selected-pressed-state-layer-color: var(--gdn-sys-color-on-primary);--gdn-comp-button-elevated-pressed-state-layer-opacity: 0.1;--gdn-comp-button-elevated-pressed-label-text-color: var(--gdn-sys-color-primary);--gdn-comp-button-elevated-unselected-pressed-label-text-color: var(--gdn-sys-color-primary);--gdn-comp-button-elevated-selected-pressed-label-text-color: var(--gdn-sys-color-on-primary);--gdn-comp-button-elevated-pressed-icon-color: var(--gdn-sys-color-primary);--gdn-comp-button-elevated-unselected-pressed-icon-color: var(--gdn-sys-color-primary);--gdn-comp-button-elevated-selected-pressed-icon-color: var(--gdn-sys-color-on-primary);--gdn-comp-button-tonal-container-color: var(--gdn-sys-color-secondary-container);--gdn-comp-button-tonal-unselected-container-color: var(--gdn-sys-color-secondary-container);--gdn-comp-button-tonal-selected-container-color: var(--gdn-sys-color-secondary);--gdn-comp-button-tonal-container-shadow-color: var(--gdn-sys-color-shadow);--gdn-comp-button-tonal-container-elevation: var(--gdn-sys-elevation-level0);--gdn-comp-button-tonal-label-text-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-button-tonal-unselected-label-text-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-button-tonal-selected-label-text-color: var(--gdn-sys-color-on-secondary);--gdn-comp-button-tonal-icon-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-button-tonal-unselected-icon-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-button-tonal-selected-icon-color: var(--gdn-sys-color-on-secondary);--gdn-comp-button-tonal-disabled-container-color: var(--gdn-sys-color-on-surface);--gdn-comp-button-tonal-disabled-container-opacity: 0.1;--gdn-comp-button-tonal-disabled-container-elevation: var(--gdn-sys-elevation-level0);--gdn-comp-button-tonal-disabled-label-text-color: var(--gdn-sys-color-on-surface);--gdn-comp-button-tonal-disabled-label-text-opacity: 0.38;--gdn-comp-button-tonal-disabled-icon-color: var(--gdn-sys-color-on-surface);--gdn-comp-button-tonal-disabled-icon-opacity: 0.38;--gdn-comp-button-tonal-hovered-container-elevation: var(--gdn-sys-elevation-level0);--gdn-comp-button-tonal-hovered-state-layer-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-button-tonal-unselected-hovered-state-layer-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-button-tonal-selected-hovered-state-layer-color: var(--gdn-sys-color-on-secondary);--gdn-comp-button-tonal-hovered-state-layer-opacity: 0.08;--gdn-comp-button-tonal-hovered-label-text-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-button-tonal-unselected-hovered-label-text-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-button-tonal-selected-hovered-label-text-color: var(--gdn-sys-color-on-secondary);--gdn-comp-button-tonal-hovered-icon-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-button-tonal-unselected-hovered-icon-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-button-tonal-selected-hovered-icon-color: var(--gdn-sys-color-on-secondary);--gdn-comp-button-tonal-focused-container-elevation: var(--gdn-sys-elevation-level0);--gdn-comp-button-tonal-focused-state-layer-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-button-tonal-unselected-focused-state-layer-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-button-tonal-selected-focused-state-layer-color: var(--gdn-sys-color-on-secondary);--gdn-comp-button-tonal-focused-state-layer-opacity: 0.1;--gdn-comp-button-tonal-focused-label-text-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-button-tonal-unselected-focused-label-text-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-button-tonal-selected-focused-label-text-color: var(--gdn-sys-color-on-secondary);--gdn-comp-button-tonal-focused-icon-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-button-tonal-unselected-focused-icon-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-button-tonal-selected-focused-icon-color: var(--gdn-sys-color-on-secondary);--gdn-comp-button-tonal-pressed-container-elevation: var(--gdn-sys-elevation-level0);--gdn-comp-button-tonal-pressed-state-layer-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-button-tonal-unselected-pressed-state-layer-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-button-tonal-selected-pressed-state-layer-color: var(--gdn-sys-color-on-secondary);--gdn-comp-button-tonal-pressed-state-layer-opacity: 0.1;--gdn-comp-button-tonal-pressed-label-text-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-button-tonal-unselected-pressed-label-text-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-button-tonal-selected-pressed-label-text-color: var(--gdn-sys-color-on-secondary);--gdn-comp-button-tonal-pressed-icon-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-button-tonal-unselected-pressed-icon-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-button-tonal-selected-pressed-icon-color: var(--gdn-sys-color-on-secondary);--gdn-comp-button-outlined-outline-color: var(--gdn-sys-color-outline-variant);--gdn-comp-button-outlined-selected-container-color: var(--gdn-sys-color-inverse-surface);--gdn-comp-button-outlined-label-text-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-button-outlined-unselected-label-text-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-button-outlined-selected-label-text-color: var(--gdn-sys-color-inverse-on-surface);--gdn-comp-button-outlined-icon-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-button-outlined-unselected-icon-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-button-outlined-selected-icon-color: var(--gdn-sys-color-inverse-on-surface);--gdn-comp-button-outlined-disabled-outline-color: var(--gdn-sys-color-outline-variant);--gdn-comp-button-outlined-unselected-disabled-outline-color: var(--gdn-sys-color-outline-variant);--gdn-comp-button-outlined-selected-disabled-container-color: var(--gdn-sys-color-on-surface);--gdn-comp-button-outlined-disabled-container-opacity: 0.1;--gdn-comp-button-outlined-disabled-label-text-color: var(--gdn-sys-color-on-surface);--gdn-comp-button-outlined-disabled-label-text-opacity: 0.38;--gdn-comp-button-outlined-disabled-icon-color: var(--gdn-sys-color-on-surface);--gdn-comp-button-outlined-disabled-icon-opacity: 0.38;--gdn-comp-button-outlined-hovered-state-layer-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-button-outlined-unselected-hovered-state-layer-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-button-outlined-selected-hovered-state-layer-color: var(--gdn-sys-color-inverse-on-surface);--gdn-comp-button-outlined-hovered-state-layer-opacity: 0.08;--gdn-comp-button-outlined-hovered-outline-color: var(--gdn-sys-color-outline-variant);--gdn-comp-button-outlined-unselected-hovered-outline-color: var(--gdn-sys-color-outline-variant);--gdn-comp-button-outlined-hovered-label-text-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-button-outlined-unselected-hovered-label-text-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-button-outlined-selected-hovered-label-text-color: var(--gdn-sys-color-inverse-on-surface);--gdn-comp-button-outlined-hovered-icon-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-button-outlined-unselected-hovered-icon-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-button-outlined-selected-hovered-icon-color: var(--gdn-sys-color-inverse-on-surface);--gdn-comp-button-outlined-focused-state-layer-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-button-outlined-unselected-focused-state-layer-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-button-outlined-selected-focused-state-layer-color: var(--gdn-sys-color-inverse-on-surface);--gdn-comp-button-outlined-focused-state-layer-opacity: 0.1;--gdn-comp-button-outlined-focused-outline-color: var(--gdn-sys-color-outline-variant);--gdn-comp-button-outlined-unselected-focused-outline-color: var(--gdn-sys-color-outline-variant);--gdn-comp-button-outlined-focused-label-text-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-button-outlined-unselected-focused-label-text-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-button-outlined-selected-focused-label-text-color: var(--gdn-sys-color-inverse-on-surface);--gdn-comp-button-outlined-focused-icon-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-button-outlined-unselected-focused-icon-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-button-outlined-selected-focused-icon-color: var(--gdn-sys-color-inverse-on-surface);--gdn-comp-button-outlined-pressed-state-layer-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-button-outlined-unselected-pressed-state-layer-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-button-outlined-selected-pressed-state-layer-color: var(--gdn-sys-color-inverse-on-surface);--gdn-comp-button-outlined-pressed-state-layer-opacity: 0.1;--gdn-comp-button-outlined-pressed-outline-color: var(--gdn-sys-color-outline-variant);--gdn-comp-button-outlined-unselected-pressed-outline-color: var(--gdn-sys-color-outline-variant);--gdn-comp-button-outlined-pressed-label-text-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-button-outlined-unselected-pressed-label-text-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-button-outlined-selected-pressed-label-text-color: var(--gdn-sys-color-inverse-on-surface);--gdn-comp-button-outlined-pressed-icon-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-button-outlined-unselected-pressed-icon-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-button-outlined-selected-pressed-icon-color: var(--gdn-sys-color-inverse-on-surface);--gdn-comp-button-text-label-text-color: var(--gdn-sys-color-primary);--gdn-comp-button-text-icon-color: var(--gdn-sys-color-primary);--gdn-comp-button-text-disabled-container-color: var(--gdn-sys-color-on-surface);--gdn-comp-button-text-disabled-container-opacity: 0.1;--gdn-comp-button-text-disabled-label-text-color: var(--gdn-sys-color-on-surface);--gdn-comp-button-text-disabled-label-text-opacity: 0.38;--gdn-comp-button-text-disabled-icon-color: var(--gdn-sys-color-on-surface);--gdn-comp-button-text-disabled-icon-opacity: 0.38;--gdn-comp-button-text-hovered-state-layer-color: var(--gdn-sys-color-primary);--gdn-comp-button-text-hovered-state-layer-opacity: 0.08;--gdn-comp-button-text-hovered-label-text-color: var(--gdn-sys-color-primary);--gdn-comp-button-text-hovered-icon-color: var(--gdn-sys-color-primary);--gdn-comp-button-text-focused-state-layer-color: var(--gdn-sys-color-primary);--gdn-comp-button-text-focused-state-layer-opacity: 0.1;--gdn-comp-button-text-focused-label-text-color: var(--gdn-sys-color-primary);--gdn-comp-button-text-focused-icon-color: var(--gdn-sys-color-primary);--gdn-comp-button-text-pressed-state-layer-color: var(--gdn-sys-color-primary);--gdn-comp-button-text-pressed-state-layer-opacity: 0.1;--gdn-comp-button-text-pressed-label-text-color: var(--gdn-sys-color-primary);--gdn-comp-button-text-pressed-icon-color: var(--gdn-sys-color-primary);--gdn-comp-list-divider-color: var(--gdn-sys-color-outline);--gdn-comp-list-divider-height: 1px;--gdn-comp-list-divider-leading-space: 16px;--gdn-comp-list-divider-trailing-space: 16px;--gdn-comp-list-divider-top-space: 0;--gdn-comp-list-divider-bottom-space: 0;--gdn-comp-list-segmented-gap: 2px;--gdn-comp-list-focus-indicator-color: var(--gdn-sys-color-secondary);--gdn-comp-list-focus-indicator-thickness: 3px;--gdn-comp-list-focus-indicator-offset: -3px;--gdn-comp-list-container-shape: 0;--gdn-comp-list-item-container-color: var(--gdn-sys-color-surface);--gdn-comp-list-item-segmented-container-color: var(--gdn-sys-color-surface);--gdn-comp-list-item-label-text-color: var(--gdn-sys-color-on-surface);--gdn-comp-list-item-supporting-text-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-list-item-overline-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-list-item-trailing-supporting-text-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-list-item-leading-icon-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-list-item-trailing-icon-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-list-item-unselected-trailing-icon-color: var(--gdn-sys-color-on-surface);--gdn-comp-list-item-leading-avatar-color: var(--gdn-sys-color-primary-container);--gdn-comp-list-item-leading-avatar-label-color: var(--gdn-sys-color-on-primary-container);--gdn-comp-list-item-container-elevation: var(--gdn-sys-elevation-level0);--gdn-comp-list-item-container-height: 56px;--gdn-comp-list-item-one-line-container-height: 56px;--gdn-comp-list-item-two-line-container-height: 72px;--gdn-comp-list-item-three-line-container-height: 88px;--gdn-comp-list-item-selected-container-color: var(--gdn-sys-color-secondary-container);--gdn-comp-list-item-selected-label-text-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-list-item-selected-supporting-text-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-list-item-selected-trailing-supporting-text-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-list-item-selected-leading-icon-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-list-item-selected-trailing-icon-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-list-item-selected-overline-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-list-item-disabled-state-layer-color: var(--gdn-sys-color-on-surface);--gdn-comp-list-item-disabled-state-layer-opacity: var(--gdn-sys-state-focus-state-layer-opacity);--gdn-comp-list-item-disabled-label-text-color: var(--gdn-sys-color-on-surface);--gdn-comp-list-item-disabled-label-text-opacity: 0.38;--gdn-comp-list-item-disabled-supporting-text-color: var(--gdn-sys-color-on-surface);--gdn-comp-list-item-disabled-supporting-text-opacity: 0.38;--gdn-comp-list-item-disabled-overline-color: var(--gdn-sys-color-on-surface);--gdn-comp-list-item-disabled-overline-opacity: 0.38;--gdn-comp-list-item-disabled-leading-icon-color: var(--gdn-sys-color-on-surface);--gdn-comp-list-item-disabled-leading-icon-opacity: 0.38;--gdn-comp-list-item-disabled-trailing-icon-color: var(--gdn-sys-color-on-surface);--gdn-comp-list-item-disabled-trailing-icon-opacity: 0.38;--gdn-comp-list-item-selected-disabled-container-color: var(--gdn-sys-color-on-surface);--gdn-comp-list-item-selected-disabled-container-opacity: 0.38;--gdn-comp-list-item-selected-disabled-label-text-color: var(--gdn-sys-color-on-surface);--gdn-comp-list-item-selected-disabled-label-text-opacity: 0.38;--gdn-comp-list-item-selected-disabled-supporting-text-color: var(--gdn-sys-color-on-surface);--gdn-comp-list-item-selected-disabled-supporting-text-opacity: 0.38;--gdn-comp-list-item-selected-disabled-trailing-supporting-text-color: var(--gdn-sys-color-on-surface);--gdn-comp-list-item-selected-disabled-trailing-supporting-text-opacity: 0.38;--gdn-comp-list-item-selected-disabled-overline-color: var(--gdn-sys-color-on-surface);--gdn-comp-list-item-selected-disabled-overline-opacity: 0.38;--gdn-comp-list-item-selected-disabled-state-layer-color: var(--gdn-sys-color-on-surface);--gdn-comp-list-item-selected-disabled-state-layer-opacity: var(--gdn-sys-state-focus-state-layer-opacity);--gdn-comp-list-item-selected-disabled-leading-icon-color: var(--gdn-sys-color-on-surface);--gdn-comp-list-item-selected-disabled-leading-icon-opacity: 0.38;--gdn-comp-list-item-selected-disabled-trailing-icon-color: var(--gdn-sys-color-on-surface);--gdn-comp-list-item-selected-disabled-trailing-icon-opacity: 0.38;--gdn-comp-list-item-hovered-state-layer-color: var(--gdn-sys-color-on-surface);--gdn-comp-list-item-hovered-state-layer-opacity: var(--gdn-sys-state-hover-state-layer-opacity);--gdn-comp-list-item-hovered-label-text-color: var(--gdn-sys-color-on-surface);--gdn-comp-list-item-hovered-leading-icon-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-list-item-hovered-trailing-icon-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-list-item-selected-hovered-state-layer-color: var(--gdn-sys-color-on-surface);--gdn-comp-list-item-selected-hovered-state-layer-opacity: var(--gdn-sys-state-hover-state-layer-opacity);--gdn-comp-list-item-selected-hovered-label-text-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-list-item-selected-hovered-leading-icon-color: var(--gdn-sys-color-on-surface);--gdn-comp-list-item-selected-hovered-trailing-icon-color: var(--gdn-sys-color-on-surface);--gdn-comp-list-item-focused-state-layer-color: var(--gdn-sys-color-on-surface);--gdn-comp-list-item-focused-state-layer-opacity: var(--gdn-sys-state-focus-state-layer-opacity);--gdn-comp-list-item-focused-label-text-color: var(--gdn-sys-color-on-surface);--gdn-comp-list-item-focused-leading-icon-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-list-item-focused-trailing-icon-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-list-item-selected-focused-state-layer-color: var(--gdn-sys-color-on-surface);--gdn-comp-list-item-selected-focused-state-layer-opacity: var(--gdn-sys-state-focus-state-layer-opacity);--gdn-comp-list-item-selected-focused-label-text-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-list-item-selected-focused-leading-icon-color: var(--gdn-sys-color-on-surface);--gdn-comp-list-item-selected-focused-trailing-icon-color: var(--gdn-sys-color-on-surface);--gdn-comp-list-item-pressed-state-layer-color: var(--gdn-sys-color-on-surface);--gdn-comp-list-item-pressed-state-layer-opacity: var(--gdn-sys-state-pressed-state-layer-opacity);--gdn-comp-list-item-pressed-label-text-color: var(--gdn-sys-color-on-surface);--gdn-comp-list-item-pressed-leading-icon-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-list-item-pressed-trailing-icon-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-list-item-selected-pressed-state-layer-color: var(--gdn-sys-color-on-surface);--gdn-comp-list-item-selected-pressed-state-layer-opacity: var(--gdn-sys-state-pressed-state-layer-opacity);--gdn-comp-list-item-selected-pressed-label-text-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-list-item-selected-pressed-trailing-icon-color: var(--gdn-sys-color-on-surface);--gdn-comp-list-item-selected-pressed-leading-icon-color: var(--gdn-sys-color-on-surface);--gdn-comp-list-item-dragged-label-text-color: var(--gdn-sys-color-on-surface);--gdn-comp-list-item-selected-dragged-label-text-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-list-item-dragged-state-layer-color: var(--gdn-sys-color-on-surface);--gdn-comp-list-item-dragged-state-layer-opacity: var(--gdn-sys-state-dragged-state-layer-opacity);--gdn-comp-list-item-selected-dragged-state-layer-color: var(--gdn-sys-color-on-surface);--gdn-comp-list-item-selected-dragged-state-layer-opacity: var(--gdn-sys-state-dragged-state-layer-opacity);--gdn-comp-list-item-dragged-container-elevation: var(--gdn-comp-list-item-container-elevation);--gdn-comp-list-item-dragged-leading-icon-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-list-item-selected-dragged-leading-icon-color: var(--gdn-sys-color-on-surface);--gdn-comp-list-item-dragged-trailing-icon-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-list-item-selected-dragged-trailing-icon-color: var(--gdn-sys-color-on-surface);--gdn-comp-list-item-leading-space: 16px;--gdn-comp-list-item-trailing-space: 16px;--gdn-comp-list-item-top-space: 10px;--gdn-comp-list-item-bottom-space: 10px;--gdn-comp-list-item-between-space: 12px;--gdn-comp-list-item-leading-avatar-size: 40px;--gdn-comp-list-item-leading-icon-size: 24px;--gdn-comp-list-item-leading-icon-expressive-size: 20px;--gdn-comp-list-item-leading-image-width: 56px;--gdn-comp-list-item-leading-image-height: 56px;--gdn-comp-list-item-leading-video-width: 100px;--gdn-comp-list-item-small-leading-video-width: 100px;--gdn-comp-list-item-small-leading-video-height: 56px;--gdn-comp-list-item-large-leading-video-width: 114px;--gdn-comp-list-item-large-leading-video-height: 64px;--gdn-comp-list-item-trailing-icon-size: 24px;--gdn-comp-list-item-trailing-icon-expressive-size: 20px;--gdn-comp-list-item-container-shape: 0;--gdn-comp-list-item-container-expressive-shape: var(--gdn-comp-list-item-container-shape);--gdn-comp-list-item-disabled-container-expressive-shape: var(--gdn-comp-list-item-container-expressive-shape);--gdn-comp-list-item-hovered-container-expressive-shape: var(--gdn-comp-list-item-container-expressive-shape);--gdn-comp-list-item-focused-container-expressive-shape: var(--gdn-comp-list-item-container-expressive-shape);--gdn-comp-list-item-pressed-container-expressive-shape: var(--gdn-comp-list-item-container-expressive-shape);--gdn-comp-list-item-dragged-container-expressive-shape: var(--gdn-comp-list-item-container-expressive-shape);--gdn-comp-list-item-selected-container-expressive-shape: var(--gdn-comp-list-item-container-expressive-shape);--gdn-comp-list-item-selected-disabled-container-expressive-shape: var(--gdn-comp-list-item-container-expressive-shape);--gdn-comp-list-item-selected-hovered-container-expressive-shape: var(--gdn-comp-list-item-container-expressive-shape);--gdn-comp-list-item-selected-focused-container-expressive-shape: var(--gdn-comp-list-item-container-expressive-shape);--gdn-comp-list-item-selected-pressed-container-expressive-shape: var(--gdn-comp-list-item-container-expressive-shape);--gdn-comp-list-item-selected-dragged-container-expressive-shape: var(--gdn-comp-list-item-container-expressive-shape);--gdn-comp-list-item-leading-avatar-shape: var(--gdn-sys-shape-corner-full);--gdn-comp-list-item-leading-video-shape: 0;--gdn-comp-list-item-leading-image-shape: 0;--gdn-comp-list-item-leading-image-expressive-shape: var(--gdn-comp-list-item-leading-image-shape);--gdn-comp-list-item-selected-container-shape: var(--gdn-comp-list-item-container-shape);--gdn-comp-list-item-leading-avatar-label-font-family: var(--gdn-ref-typeface-plain);--gdn-comp-list-item-leading-avatar-label-font-weight: 500;--gdn-comp-list-item-leading-avatar-label-font-size: 16px;--gdn-comp-list-item-leading-avatar-label-letter-spacing: 0.15px;--gdn-comp-list-item-leading-avatar-label-line-height: 24px;--gdn-comp-list-item-headline-font-family: var(--gdn-ref-typeface-plain);--gdn-comp-list-item-headline-font-weight: 400;--gdn-comp-list-item-headline-font-size: 16px;--gdn-comp-list-item-headline-letter-spacing: 0.5px;--gdn-comp-list-item-headline-line-height: 24px;--gdn-comp-list-item-trailing-supporting-font-family: var(--gdn-ref-typeface-plain);--gdn-comp-list-item-trailing-supporting-font-weight: 500;--gdn-comp-list-item-trailing-supporting-font-size: 11px;--gdn-comp-list-item-trailing-supporting-letter-spacing: 0.5px;--gdn-comp-list-item-trailing-supporting-line-height: 16px;--gdn-comp-list-item-supporting-font-family: var(--gdn-ref-typeface-plain);--gdn-comp-list-item-supporting-font-weight: 400;--gdn-comp-list-item-supporting-font-size: 14px;--gdn-comp-list-item-supporting-letter-spacing: 0.25px;--gdn-comp-list-item-supporting-line-height: 20px;--gdn-comp-list-item-overline-font-family: var(--gdn-ref-typeface-plain);--gdn-comp-list-item-overline-font-weight: 500;--gdn-comp-list-item-overline-font-size: 11px;--gdn-comp-list-item-overline-letter-spacing: 0.5px;--gdn-comp-list-item-overline-line-height: 16px;--gdn-comp-list-item-text-color: var(--gdn-comp-list-item-label-text-color);--gdn-comp-list-item-state-layer-color: var(--gdn-comp-list-item-hovered-state-layer-color);--gdn-comp-list-item-container-padding-horizontal: var(--gdn-comp-list-item-leading-space);--gdn-comp-list-item-content-column-gap: var(--gdn-comp-list-item-between-space);--gdn-comp-list-item-leading-min-width: var(--gdn-comp-list-item-leading-icon-size);--gdn-comp-list-item-focus-indicator-color: var(--gdn-comp-list-focus-indicator-color);--gdn-comp-list-item-focus-indicator-thickness: var(--gdn-comp-list-focus-indicator-thickness);--gdn-comp-list-item-focus-indicator-offset: var(--gdn-comp-list-focus-indicator-offset);--gdn-comp-list-item-divider-leading-space: var(--gdn-comp-list-divider-leading-space);--gdn-comp-list-item-divider-trailing-space: var(--gdn-comp-list-divider-trailing-space);--gdn-comp-list-item-divider-top-space: var(--gdn-comp-list-divider-top-space);--gdn-comp-list-item-divider-bottom-space: var(--gdn-comp-list-divider-bottom-space);--gdn-comp-list-item-segmented-gap: var(--gdn-comp-list-segmented-gap);--gdn-comp-bottom-sheets-container-width: 412px;--gdn-comp-bottom-sheets-container-height: 480px;--gdn-comp-bottom-sheets-container-shape: var(--gdn-sys-shape-corner-extra-large-top);--gdn-comp-bottom-sheets-container-color: var(--gdn-sys-color-surface-container-low);--gdn-comp-bottom-sheets-container-shadow: 0 4px 8px 3px rgb(0 0 0 / 15%), 0 1px 3px 0 rgb(0 0 0 / 30%);--gdn-comp-bottom-sheets-drag-handle-width: 32px;--gdn-comp-bottom-sheets-drag-handle-height: 4px;--gdn-comp-bottom-sheets-drag-handle-shape: var(--gdn-sys-shape-corner-full);--gdn-comp-bottom-sheets-drag-handle-color: var(--gdn-sys-color-outline);--gdn-comp-bottom-sheets-header-padding-top: 16px;--gdn-comp-bottom-sheets-header-padding-horizontal: 16px;--gdn-comp-bottom-sheets-header-padding-bottom: 12px;--gdn-comp-bottom-sheets-header-gap: 12px;--gdn-comp-bottom-sheets-content-padding-horizontal: 16px;--gdn-comp-bottom-sheets-content-padding-bottom: 16px;--gdn-comp-bottom-sheets-title-color: var(--gdn-sys-color-on-surface);--gdn-comp-bottom-sheets-scrim-color: var(--gdn-sys-color-scrim);--gdn-comp-bottom-sheets-scrim-opacity: 0.32;--gdn-comp-fab-small-container-width: 40px;--gdn-comp-fab-small-container-height: 40px;--gdn-comp-fab-small-container-shape: 12px;--gdn-comp-fab-small-icon-size: 24px;--gdn-comp-fab-standard-container-width: 56px;--gdn-comp-fab-standard-container-height: 56px;--gdn-comp-fab-standard-container-shape: 16px;--gdn-comp-fab-standard-icon-size: 24px;--gdn-comp-fab-large-container-width: 96px;--gdn-comp-fab-large-container-height: 96px;--gdn-comp-fab-large-container-shape: 28px;--gdn-comp-fab-large-icon-size: 36px;--gdn-comp-fab-tonal-primary-container-color: var(--gdn-sys-color-primary-container);--gdn-comp-fab-tonal-primary-container-elevation: var(--gdn-sys-elevation-level3);--gdn-comp-fab-tonal-primary-container-shadow-color: var(--gdn-sys-color-shadow);--gdn-comp-fab-tonal-primary-icon-color: var(--gdn-sys-color-on-primary-container);--gdn-comp-fab-tonal-primary-hovered-container-elevation: var(--gdn-sys-elevation-level4);--gdn-comp-fab-tonal-primary-hovered-state-layer-color: var(--gdn-sys-color-on-primary-container);--gdn-comp-fab-tonal-primary-hovered-state-layer-opacity: 0.08;--gdn-comp-fab-tonal-primary-focused-container-elevation: var(--gdn-sys-elevation-level3);--gdn-comp-fab-tonal-primary-focused-state-layer-color: var(--gdn-sys-color-on-primary-container);--gdn-comp-fab-tonal-primary-focused-state-layer-opacity: 0.1;--gdn-comp-fab-tonal-primary-pressed-container-elevation: var(--gdn-sys-elevation-level3);--gdn-comp-fab-tonal-primary-pressed-state-layer-color: var(--gdn-sys-color-on-primary-container);--gdn-comp-fab-tonal-primary-pressed-state-layer-opacity: 0.1;--gdn-comp-fab-tonal-secondary-container-color: var(--gdn-sys-color-secondary-container);--gdn-comp-fab-tonal-secondary-container-elevation: var(--gdn-sys-elevation-level3);--gdn-comp-fab-tonal-secondary-container-shadow-color: var(--gdn-sys-color-shadow);--gdn-comp-fab-tonal-secondary-icon-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-fab-tonal-secondary-hovered-container-elevation: var(--gdn-sys-elevation-level4);--gdn-comp-fab-tonal-secondary-hovered-state-layer-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-fab-tonal-secondary-hovered-state-layer-opacity: 0.08;--gdn-comp-fab-tonal-secondary-focused-container-elevation: var(--gdn-sys-elevation-level3);--gdn-comp-fab-tonal-secondary-focused-state-layer-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-fab-tonal-secondary-focused-state-layer-opacity: 0.1;--gdn-comp-fab-tonal-secondary-pressed-container-elevation: var(--gdn-sys-elevation-level3);--gdn-comp-fab-tonal-secondary-pressed-state-layer-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-fab-tonal-secondary-pressed-state-layer-opacity: 0.1;--gdn-comp-fab-tonal-tertiary-container-color: var(--gdn-sys-color-tertiary-container);--gdn-comp-fab-tonal-tertiary-container-elevation: var(--gdn-sys-elevation-level3);--gdn-comp-fab-tonal-tertiary-container-shadow-color: var(--gdn-sys-color-shadow);--gdn-comp-fab-tonal-tertiary-icon-color: var(--gdn-sys-color-on-tertiary-container);--gdn-comp-fab-tonal-tertiary-hovered-container-elevation: var(--gdn-sys-elevation-level4);--gdn-comp-fab-tonal-tertiary-hovered-state-layer-color: var(--gdn-sys-color-on-tertiary-container);--gdn-comp-fab-tonal-tertiary-hovered-state-layer-opacity: 0.08;--gdn-comp-fab-tonal-tertiary-focused-container-elevation: var(--gdn-sys-elevation-level3);--gdn-comp-fab-tonal-tertiary-focused-state-layer-color: var(--gdn-sys-color-on-tertiary-container);--gdn-comp-fab-tonal-tertiary-focused-state-layer-opacity: 0.1;--gdn-comp-fab-tonal-tertiary-pressed-container-elevation: var(--gdn-sys-elevation-level3);--gdn-comp-fab-tonal-tertiary-pressed-state-layer-color: var(--gdn-sys-color-on-tertiary-container);--gdn-comp-fab-tonal-tertiary-pressed-state-layer-opacity: 0.1;--gdn-comp-extended-fab-container-height: 56px;--gdn-comp-extended-fab-container-shape: 16px;--gdn-comp-extended-fab-icon-size: 24px;--gdn-comp-extended-fab-leading-space: 16px;--gdn-comp-extended-fab-trailing-space: 24px;--gdn-comp-extended-fab-text-only-leading-space: 24px;--gdn-comp-extended-fab-icon-label-space: 12px;--gdn-comp-extended-fab-label-text-font-family: var(--gdn-sys-typescale-label-large-font-family);--gdn-comp-extended-fab-label-text-font-weight: var(--gdn-sys-typescale-label-large-font-weight);--gdn-comp-extended-fab-label-text-font-size: var(--gdn-sys-typescale-label-large-font-size);--gdn-comp-extended-fab-label-text-line-height: var(--gdn-sys-typescale-label-large-line-height);--gdn-comp-extended-fab-label-text-letter-spacing: var(--gdn-sys-typescale-label-large-letter-spacing);--gdn-comp-extended-fab-tonal-primary-container-color: var(--gdn-sys-color-primary-container);--gdn-comp-extended-fab-tonal-primary-container-elevation: var(--gdn-sys-elevation-level3);--gdn-comp-extended-fab-tonal-primary-container-shadow-color: var(--gdn-sys-color-shadow);--gdn-comp-extended-fab-tonal-primary-icon-color: var(--gdn-sys-color-on-primary-container);--gdn-comp-extended-fab-tonal-primary-label-text-color: var(--gdn-sys-color-on-primary-container);--gdn-comp-extended-fab-tonal-primary-hovered-container-elevation: var(--gdn-sys-elevation-level4);--gdn-comp-extended-fab-tonal-primary-hovered-state-layer-color: var(--gdn-sys-color-on-primary-container);--gdn-comp-extended-fab-tonal-primary-hovered-state-layer-opacity: 0.08;--gdn-comp-extended-fab-tonal-primary-focused-container-elevation: var(--gdn-sys-elevation-level3);--gdn-comp-extended-fab-tonal-primary-focused-state-layer-color: var(--gdn-sys-color-on-primary-container);--gdn-comp-extended-fab-tonal-primary-focused-state-layer-opacity: 0.1;--gdn-comp-extended-fab-tonal-primary-pressed-container-elevation: var(--gdn-sys-elevation-level3);--gdn-comp-extended-fab-tonal-primary-pressed-state-layer-color: var(--gdn-sys-color-on-primary-container);--gdn-comp-extended-fab-tonal-primary-pressed-state-layer-opacity: 0.1;--gdn-comp-extended-fab-tonal-secondary-container-color: var(--gdn-sys-color-secondary-container);--gdn-comp-extended-fab-tonal-secondary-container-elevation: var(--gdn-sys-elevation-level3);--gdn-comp-extended-fab-tonal-secondary-container-shadow-color: var(--gdn-sys-color-shadow);--gdn-comp-extended-fab-tonal-secondary-icon-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-extended-fab-tonal-secondary-label-text-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-extended-fab-tonal-secondary-hovered-container-elevation: var(--gdn-sys-elevation-level4);--gdn-comp-extended-fab-tonal-secondary-hovered-state-layer-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-extended-fab-tonal-secondary-hovered-state-layer-opacity: 0.08;--gdn-comp-extended-fab-tonal-secondary-focused-container-elevation: var(--gdn-sys-elevation-level3);--gdn-comp-extended-fab-tonal-secondary-focused-state-layer-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-extended-fab-tonal-secondary-focused-state-layer-opacity: 0.1;--gdn-comp-extended-fab-tonal-secondary-pressed-container-elevation: var(--gdn-sys-elevation-level3);--gdn-comp-extended-fab-tonal-secondary-pressed-state-layer-color: var(--gdn-sys-color-on-secondary-container);--gdn-comp-extended-fab-tonal-secondary-pressed-state-layer-opacity: 0.1;--gdn-comp-extended-fab-tonal-tertiary-container-color: var(--gdn-sys-color-tertiary-container);--gdn-comp-extended-fab-tonal-tertiary-container-elevation: var(--gdn-sys-elevation-level3);--gdn-comp-extended-fab-tonal-tertiary-container-shadow-color: var(--gdn-sys-color-shadow);--gdn-comp-extended-fab-tonal-tertiary-icon-color: var(--gdn-sys-color-on-tertiary-container);--gdn-comp-extended-fab-tonal-tertiary-label-text-color: var(--gdn-sys-color-on-tertiary-container);--gdn-comp-extended-fab-tonal-tertiary-hovered-container-elevation: var(--gdn-sys-elevation-level4);--gdn-comp-extended-fab-tonal-tertiary-hovered-state-layer-color: var(--gdn-sys-color-on-tertiary-container);--gdn-comp-extended-fab-tonal-tertiary-hovered-state-layer-opacity: 0.08;--gdn-comp-extended-fab-tonal-tertiary-focused-container-elevation: var(--gdn-sys-elevation-level3);--gdn-comp-extended-fab-tonal-tertiary-focused-state-layer-color: var(--gdn-sys-color-on-tertiary-container);--gdn-comp-extended-fab-tonal-tertiary-focused-state-layer-opacity: 0.1;--gdn-comp-extended-fab-tonal-tertiary-pressed-container-elevation: var(--gdn-sys-elevation-level3);--gdn-comp-extended-fab-tonal-tertiary-pressed-state-layer-color: var(--gdn-sys-color-on-tertiary-container);--gdn-comp-extended-fab-tonal-tertiary-pressed-state-layer-opacity: 0.1;--gdn-comp-fab-menu-item-gap: 4px;--gdn-comp-fab-menu-menu-fab-gap: 8px;--gdn-comp-fab-menu-overlay-color: rgba(0, 0, 0, 0.32);--gdn-comp-fab-menu-animation-duration: 200ms;--gdn-comp-fab-menu-animation-easing: cubic-bezier(0.4, 0, 0.2, 1);--gdn-comp-fab-menu-stagger-delay: 50ms;--gdn-comp-fab-menu-item-height: 56px;--gdn-comp-fab-menu-item-shape: 28px;--gdn-comp-fab-menu-item-padding-horizontal: 24px;--gdn-comp-fab-menu-item-padding-vertical: 16px;--gdn-comp-fab-menu-item-icon-label-space: 8px;--gdn-comp-fab-menu-item-icon-size: 24px;--gdn-comp-fab-menu-item-container-color: var(--gdn-sys-color-primary-container);--gdn-comp-fab-menu-item-icon-color: var(--gdn-sys-color-on-primary-container);--gdn-comp-fab-menu-item-label-color: var(--gdn-sys-color-on-primary-container);--gdn-comp-fab-menu-item-hovered-state-layer-color: var(--gdn-sys-color-on-primary-container);--gdn-comp-fab-menu-item-hovered-state-layer-opacity: 0.08;--gdn-comp-fab-menu-item-label-font-family: var(--gdn-sys-typescale-title-medium-font-family);--gdn-comp-fab-menu-item-label-font-weight: var(--gdn-sys-typescale-title-medium-font-weight);--gdn-comp-fab-menu-item-label-font-size: var(--gdn-sys-typescale-title-medium-font-size);--gdn-comp-fab-menu-item-label-line-height: var(--gdn-sys-typescale-title-medium-line-height);--gdn-comp-fab-menu-item-label-letter-spacing: var(--gdn-sys-typescale-title-medium-letter-spacing);--gdn-comp-search-container-height: 56px;--gdn-comp-search-container-max-width: 720px;--gdn-comp-search-container-shape: var(--gdn-sys-shape-corner-full);--gdn-comp-search-container-color: var(--gdn-sys-color-surface-container-high);--gdn-comp-search-hovered-state-layer-color: var(--gdn-sys-color-on-surface);--gdn-comp-search-hovered-state-layer-opacity: var(--gdn-sys-state-hover-state-layer-opacity);--gdn-comp-search-pressed-state-layer-color: var(--gdn-sys-color-on-surface);--gdn-comp-search-pressed-state-layer-opacity: var(--gdn-sys-state-pressed-state-layer-opacity);--gdn-comp-search-input-text-color: var(--gdn-sys-color-on-surface);--gdn-comp-search-input-placeholder-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-search-input-text-font-family: var(--gdn-sys-typescale-body-large-font-family);--gdn-comp-search-input-text-font-weight: var(--gdn-sys-typescale-body-large-font-weight);--gdn-comp-search-input-text-font-size: var(--gdn-sys-typescale-body-large-font-size);--gdn-comp-search-input-text-line-height: var(--gdn-sys-typescale-body-large-line-height);--gdn-comp-search-input-text-letter-spacing: var(--gdn-sys-typescale-body-large-letter-spacing);--gdn-comp-search-icon-color: var(--gdn-sys-color-on-surface-variant);--gdn-comp-search-icon-size: 24px;--gdn-comp-search-icon-button-size: 48px;--gdn-comp-search-leading-space: 4px;--gdn-comp-search-trailing-space: 4px;--gdn-comp-search-content-padding-right: 16px;--gdn-comp-snackbar-container-color: var(--gdn-sys-color-inverse-surface);--gdn-comp-snackbar-container-shape: var(--gdn-sys-shape-corner-extra-small);--gdn-comp-snackbar-container-elevation: var(--gdn-sys-elevation-level3);--gdn-comp-snackbar-single-line-container-height: 48px;--gdn-comp-snackbar-two-lines-container-height: 68px;--gdn-comp-snackbar-supporting-text-color: var(--gdn-sys-color-inverse-on-surface);--gdn-comp-snackbar-supporting-text-font-family: var(--gdn-sys-typescale-body-medium-font-family);--gdn-comp-snackbar-supporting-text-font-weight: var(--gdn-sys-typescale-body-medium-font-weight);--gdn-comp-snackbar-supporting-text-font-size: var(--gdn-sys-typescale-body-medium-font-size);--gdn-comp-snackbar-supporting-text-line-height: var(--gdn-sys-typescale-body-medium-line-height);--gdn-comp-snackbar-supporting-text-letter-spacing: var(--gdn-sys-typescale-body-medium-letter-spacing);--gdn-comp-snackbar-action-label-text-color: var(--gdn-sys-color-inverse-primary);--gdn-comp-snackbar-action-label-text-font-family: var(--gdn-sys-typescale-label-large-font-family);--gdn-comp-snackbar-action-label-text-font-weight: var(--gdn-sys-typescale-label-large-font-weight);--gdn-comp-snackbar-action-label-text-font-size: var(--gdn-sys-typescale-label-large-font-size);--gdn-comp-snackbar-action-label-text-line-height: var(--gdn-sys-typescale-label-large-line-height);--gdn-comp-snackbar-action-label-text-letter-spacing: var(--gdn-sys-typescale-label-large-letter-spacing);--gdn-comp-snackbar-icon-color: var(--gdn-sys-color-inverse-on-surface);--gdn-comp-snackbar-icon-size: 24px;--gdn-comp-snackbar-close-icon-color: var(--gdn-sys-color-inverse-on-surface);--gdn-comp-snackbar-close-icon-size: 24px;--gdn-comp-snackbar-close-touch-target: 48px;--gdn-comp-snackbar-content-padding-horizontal: 16px;--gdn-comp-snackbar-action-padding-horizontal: 8px;--gdn-comp-snackbar-content-padding-vertical: 14px}.gdn-sys-color-primary{background-color:var(--gdn-sys-color-primary)}.gdn-sys-color-primary-text{color:var(--gdn-sys-color-primary)}.gdn-sys-color-secondary{background-color:var(--gdn-sys-color-secondary)}.gdn-sys-color-secondary-text{color:var(--gdn-sys-color-secondary)}.gdn-sys-color-tertiary{background-color:var(--gdn-sys-color-tertiary)}.gdn-sys-color-tertiary-text{color:var(--gdn-sys-color-tertiary)}.gdn-sys-color-error{background-color:var(--gdn-sys-color-error)}.gdn-sys-color-error-text{color:var(--gdn-sys-color-error)}.gdn-sys-color-surface{background-color:var(--gdn-sys-color-surface)}.gdn-sys-color-surface-text{color:var(--gdn-sys-color-surface)}.gdn-sys-color-outline{background-color:var(--gdn-sys-color-outline)}.gdn-sys-color-outline-text{color:var(--gdn-sys-color-outline)}.gdn-comp-border-medium{border:1px solid var(--gdn-sys-color-outline);border-radius:var(--gdn-sys-shape-corner-medium)}