/*!
 * Web Expressive
 * Copyright (c) 2026 Arby (@mobalti)
 * Licensed under the MIT License
 * https://github.com/mobalti/web-expressive
 */
@layer design-system.tokens{@property --ref-typeface-base{syntax:"<string>#";inherits:false;initial-value:"Google Sans Flex"}@property --ref-typeface-brand{syntax:"<string>#";inherits:false;initial-value:"Google Sans Flex"}@property --ref-typeface-plain{syntax:"<string>#";inherits:false;initial-value:"Google Sans Flex"}@property --ref-typeface-emphasized-brand{syntax:"<string>#";inherits:false;initial-value:"Google Sans Flex"}@property --ref-typeface-emphasized-plain{syntax:"<string>#";inherits:false;initial-value:"Google Sans Flex"}@property --ref-typeface-generic{syntax:"serif|sans-serif|system-ui|monospace|cursive|fantasy|math|ui-serif|ui-sans-serif|ui-monospace|ui-rounded";inherits:false;initial-value:sans-serif}@property --ref-typeface-symbols{syntax:"<string>#";inherits:true;initial-value:"Material Symbols Outlined"}@property --size{syntax:"xs|sm|md|lg|xl";inherits:false;initial-value:sm}@property --width{syntax:"narrow|normal|wide";inherits:false;initial-value:normal}@property --shape{syntax:"round|square";inherits:false;initial-value:round}:where(html){--sys-shape-corner-none:0px;--sys-shape-corner-extra-small:.25rem;--sys-shape-corner-small:.5rem;--sys-shape-corner-medium:.75rem;--sys-shape-corner-large:1rem;--sys-shape-corner-large-increased:1.25rem;--sys-shape-corner-extra-large:1.75rem;--sys-shape-corner-extra-large-increased:2rem;--sys-shape-corner-extra-extra-large:3rem;--sys-shape-corner-full:9999px;--sys-motion-spring-fast-spatial:cubic-bezier(.42, 1.67, .21, .9);--sys-motion-spring-fast-spatial-duration:.35s;--sys-motion-spring-default-spatial:cubic-bezier(.38, 1.21, .22, 1);--sys-motion-spring-default-spatial-duration:.5s;--sys-motion-spring-slow-spatial:cubic-bezier(.39, 1.29, .35, .98);--sys-motion-spring-slow-spatial-duration:.65s;--sys-motion-spring-fast-effects:cubic-bezier(.31, .94, .34, 1);--sys-motion-spring-fast-effects-duration:.15s;--sys-motion-spring-default-effects:cubic-bezier(.34, .8, .34, 1);--sys-motion-spring-default-effects-duration:.2s;--sys-motion-spring-slow-effects:cubic-bezier(.34, .88, .34, 1);--sys-motion-spring-slow-effects-duration:.3s}:where(html,[data-mode=light],.light-mode){--sys-elevation-level1:0px 1px 2px #0000004d, 0px 1px 3px 1px #00000026;--sys-elevation-level2:0px 1px 2px #0000004d, 0px 2px 6px 2px #00000026;--sys-elevation-level3:0px 4px 8px 3px #00000026, 0px 1px 3px #0000004d;--sys-elevation-level4:0px 6px 10px 4px #00000026, 0px 2px 3px #0000004d;--sys-elevation-level5:0px 8px 12px 6px #00000026, 0px 4px 4px #0000004d}:where([data-mode=dark],.dark-mode){--sys-elevation-level1:0px 1px 3px 1px #00000026, 0px 1px 2px #0000004d;--sys-elevation-level2:0px 2px 6px 2px #00000026, 0px 1px 2px #0000004d;--sys-elevation-level3:0px 4px 8px 3px #00000026, 0px 1px 3px #0000004d;--sys-elevation-level4:0px 6px 10px 4px #00000026, 0px 2px 3px #0000004d;--sys-elevation-level5:0px 8px 12px 6px #00000026, 0px 4px 4px #0000004d}:where(html){--sys-motion-spring-pop-focus:linear(0 0%, 2.5 25%, 2.5 50%, 1 100%);--ref-typeface-brand:var(--ref-typeface-base);--ref-typeface-plain:var(--ref-typeface-base);--ref-typeface-emphasized-brand:var(--ref-typeface-brand);--ref-typeface-emphasized-plain:var(--ref-typeface-plain);--sys-typescale-body-large:400 1rem/1.5rem var(--ref-typeface-plain), var(--ref-typeface-generic);--sys-typescale-body-medium:400 .875rem/1.25rem var(--ref-typeface-plain), var(--ref-typeface-generic);--sys-typescale-body-small:400 .75rem/1rem var(--ref-typeface-plain), var(--ref-typeface-generic);--sys-typescale-display-large:400 3.562rem/4rem var(--ref-typeface-brand), var(--ref-typeface-generic);--sys-typescale-display-medium:400 2.812rem/3.25rem var(--ref-typeface-brand), var(--ref-typeface-generic);--sys-typescale-display-small:400 2.25rem/2.75rem var(--ref-typeface-brand), var(--ref-typeface-generic);--sys-typescale-headline-large:400 2rem/2.5rem var(--ref-typeface-brand), var(--ref-typeface-generic);--sys-typescale-headline-medium:400 1.75rem/2.25rem var(--ref-typeface-brand), var(--ref-typeface-generic);--sys-typescale-headline-small:400 1.5rem/2rem var(--ref-typeface-brand), var(--ref-typeface-generic);--sys-typescale-label-large:500 .875rem/1.25rem var(--ref-typeface-plain), var(--ref-typeface-generic);--sys-typescale-label-medium:500 .75rem/1rem var(--ref-typeface-plain), var(--ref-typeface-generic);--sys-typescale-label-small:500 .688rem/1rem var(--ref-typeface-plain), var(--ref-typeface-generic);--sys-typescale-title-large:400 1.375rem/1.75rem var(--ref-typeface-brand), var(--ref-typeface-generic);--sys-typescale-title-medium:500 1rem/1.5rem var(--ref-typeface-plain), var(--ref-typeface-generic);--sys-typescale-title-small:500 .875rem/1.25rem var(--ref-typeface-plain), var(--ref-typeface-generic);--sys-typescale-emphasized-body-large:500 1rem/1.5rem var(--ref-typeface-emphasized-plain), var(--ref-typeface-generic);--sys-typescale-emphasized-body-medium:500 .875rem/1.25rem var(--ref-typeface-emphasized-plain), var(--ref-typeface-generic);--sys-typescale-emphasized-body-small:500 .75rem/1rem var(--ref-typeface-emphasized-plain), var(--ref-typeface-generic);--sys-typescale-emphasized-display-large:500 3.562rem/4rem var(--ref-typeface-emphasized-brand), var(--ref-typeface-generic);--sys-typescale-emphasized-display-medium:500 2.812rem/3.25rem var(--ref-typeface-emphasized-brand), var(--ref-typeface-generic);--sys-typescale-emphasized-display-small:500 2.25rem/2.75rem var(--ref-typeface-emphasized-brand), var(--ref-typeface-generic);--sys-typescale-emphasized-headline-large:500 2rem/2.5rem var(--ref-typeface-emphasized-brand), var(--ref-typeface-generic);--sys-typescale-emphasized-headline-medium:500 1.75rem/2.25rem var(--ref-typeface-emphasized-brand), var(--ref-typeface-generic);--sys-typescale-emphasized-headline-small:500 1.5rem/2rem var(--ref-typeface-emphasized-brand), var(--ref-typeface-generic);--sys-typescale-emphasized-label-large:600 .875rem/1.25rem var(--ref-typeface-emphasized-plain), var(--ref-typeface-generic);--sys-typescale-emphasized-label-medium:600 .75rem/1rem var(--ref-typeface-emphasized-plain), var(--ref-typeface-generic);--sys-typescale-emphasized-label-small:600 .688rem/1rem var(--ref-typeface-emphasized-plain), var(--ref-typeface-generic);--sys-typescale-emphasized-title-large:500 1.375rem/1.75rem var(--ref-typeface-emphasized-brand), var(--ref-typeface-generic);--sys-typescale-emphasized-title-medium:600 1rem/1.5rem var(--ref-typeface-emphasized-plain), var(--ref-typeface-generic);--sys-typescale-emphasized-title-small:600 .875rem/1.25rem var(--ref-typeface-emphasized-plain), var(--ref-typeface-generic)}html,[data-theme=monochrome]{--sys-color-primary:light-dark(#000,#fff);--sys-color-surface-tint:light-dark(#5e5e5e,#c6c6c6);--sys-color-on-primary:light-dark(#e2e2e2,#1b1b1b);--sys-color-primary-container:light-dark(#3b3b3b,#d4d4d4);--sys-color-on-primary-container:light-dark(#fff,#000);--sys-color-secondary:light-dark(#5e5e5e,#c6c6c6);--sys-color-on-secondary:light-dark(#fff,#1b1b1b);--sys-color-secondary-container:light-dark(#d4d4d4,#474747);--sys-color-on-secondary-container:light-dark(#1b1b1b,#e2e2e2);--sys-color-tertiary:light-dark(#3b3b3b,#e2e2e2);--sys-color-on-tertiary:light-dark(#e2e2e2,#1b1b1b);--sys-color-tertiary-container:light-dark(#747474,#919191);--sys-color-on-tertiary-container:light-dark(#fff,#000);--sys-color-error:light-dark(#ba1a1a,#ffb4ab);--sys-color-on-error:light-dark(#fff,#690005);--sys-color-error-container:light-dark(#ffdad6,#93000a);--sys-color-on-error-container:light-dark(#410002,#ffdad6);--sys-color-background:light-dark(#f9f9f9,#131313);--sys-color-on-background:light-dark(#1b1b1b,#e2e2e2);--sys-color-surface:light-dark(#f9f9f9,#131313);--sys-color-on-surface:light-dark(#1b1b1b,#e2e2e2);--sys-color-surface-variant:light-dark(#e2e2e2,#474747);--sys-color-on-surface-variant:light-dark(#474747,#c6c6c6);--sys-color-outline:light-dark(#777,#919191);--sys-color-outline-variant:light-dark(#c6c6c6,#474747);--sys-color-shadow:light-dark(#000,#000);--sys-color-scrim:light-dark(#000,#000);--sys-color-inverse-surface:light-dark(#303030,#e2e2e2);--sys-color-inverse-on-surface:light-dark(#f1f1f1,#303030);--sys-color-inverse-primary:light-dark(#c6c6c6,#5e5e5e);--sys-color-primary-fixed:light-dark(#5e5e5e,#5e5e5e);--sys-color-on-primary-fixed:light-dark(#fff,#fff);--sys-color-primary-fixed-dim:light-dark(#474747,#474747);--sys-color-on-primary-fixed-variant:light-dark(#e2e2e2,#e2e2e2);--sys-color-secondary-fixed:light-dark(#c6c6c6,#c6c6c6);--sys-color-on-secondary-fixed:light-dark(#1b1b1b,#1b1b1b);--sys-color-secondary-fixed-dim:light-dark(#ababab,#ababab);--sys-color-on-secondary-fixed-variant:light-dark(#3b3b3b,#3b3b3b);--sys-color-tertiary-fixed:light-dark(#5e5e5e,#5e5e5e);--sys-color-on-tertiary-fixed:light-dark(#fff,#fff);--sys-color-tertiary-fixed-dim:light-dark(#474747,#474747);--sys-color-on-tertiary-fixed-variant:light-dark(#e2e2e2,#e2e2e2);--sys-color-surface-dim:light-dark(#dadada,#131313);--sys-color-surface-bright:light-dark(#f9f9f9,#393939);--sys-color-surface-container-lowest:light-dark(#fff,#0e0e0e);--sys-color-surface-container-low:light-dark(#f3f3f3,#1b1b1b);--sys-color-surface-container:light-dark(#eee,#1f1f1f);--sys-color-surface-container-high:light-dark(#e8e8e8,#2a2a2a);--sys-color-surface-container-highest:light-dark(#e2e2e2,#353535)}html,[data-theme=berry-tonal]{--sys-color-primary:light-dark(#8d4959,#ffb1c0);--sys-color-surface-tint:light-dark(#8d4959,#ffb1c0);--sys-color-on-primary:light-dark(#fff,#551d2c);--sys-color-primary-container:light-dark(#ffd9df,#713342);--sys-color-on-primary-container:light-dark(#713342,#ffd9df);--sys-color-secondary:light-dark(#75565c,#e4bdc3);--sys-color-on-secondary:light-dark(#fff,#43292e);--sys-color-secondary-container:light-dark(#ffd9df,#5b3f44);--sys-color-on-secondary-container:light-dark(#5b3f44,#ffd9df);--sys-color-tertiary:light-dark(#7a5732,#ecbe91);--sys-color-on-tertiary:light-dark(#fff,#462a09);--sys-color-tertiary-container:light-dark(#ffdcbc,#60401d);--sys-color-on-tertiary-container:light-dark(#60401d,#ffdcbc);--sys-color-error:light-dark(#ba1a1a,#ffb4ab);--sys-color-on-error:light-dark(#fff,#690005);--sys-color-error-container:light-dark(#ffdad6,#93000a);--sys-color-on-error-container:light-dark(#93000a,#ffdad6);--sys-color-background:light-dark(#fff8f7,#191113);--sys-color-on-background:light-dark(#22191b,#efdee0);--sys-color-surface:light-dark(#fff8f7,#191113);--sys-color-on-surface:light-dark(#22191b,#efdee0);--sys-color-surface-variant:light-dark(#f3dde0,#524345);--sys-color-on-surface-variant:light-dark(#524345,#d6c2c4);--sys-color-outline:light-dark(#847375,#9f8c8f);--sys-color-outline-variant:light-dark(#d6c2c4,#524345);--sys-color-shadow:light-dark(#000,#000);--sys-color-scrim:light-dark(#000,#000);--sys-color-inverse-surface:light-dark(#382e2f,#efdee0);--sys-color-inverse-on-surface:light-dark(#feedee,#382e2f);--sys-color-inverse-primary:light-dark(#ffb1c0,#8d4959);--sys-color-primary-fixed:light-dark(#ffd9df,#ffd9df);--sys-color-on-primary-fixed:light-dark(#3a0718,#3a0718);--sys-color-primary-fixed-dim:light-dark(#ffb1c0,#ffb1c0);--sys-color-on-primary-fixed-variant:light-dark(#713342,#713342);--sys-color-secondary-fixed:light-dark(#ffd9df,#ffd9df);--sys-color-on-secondary-fixed:light-dark(#2b151a,#2b151a);--sys-color-secondary-fixed-dim:light-dark(#e4bdc3,#e4bdc3);--sys-color-on-secondary-fixed-variant:light-dark(#5b3f44,#5b3f44);--sys-color-tertiary-fixed:light-dark(#ffdcbc,#ffdcbc);--sys-color-on-tertiary-fixed:light-dark(#2c1700,#2c1700);--sys-color-tertiary-fixed-dim:light-dark(#ecbe91,#ecbe91);--sys-color-on-tertiary-fixed-variant:light-dark(#60401d,#60401d);--sys-color-surface-dim:light-dark(#e7d6d8,#191113);--sys-color-surface-bright:light-dark(#fff8f7,#413738);--sys-color-surface-container-lowest:light-dark(#fff,#140c0d);--sys-color-surface-container-low:light-dark(#fff0f1,#22191b);--sys-color-surface-container:light-dark(#fbeaeb,#261d1f);--sys-color-surface-container-high:light-dark(#f5e4e6,#312829);--sys-color-surface-container-highest:light-dark(#efdee0,#3c3234)}html,[data-theme=berry-neutral]{--sys-color-primary:light-dark(#70585c,#ddbfc3);--sys-color-surface-tint:light-dark(#70585c,#ddbfc3);--sys-color-on-primary:light-dark(#fff,#3f2b2f);--sys-color-primary-container:light-dark(#fadbdf,#574145);--sys-color-on-primary-container:light-dark(#574145,#fadbdf);--sys-color-secondary:light-dark(#6a5a5d,#d6c2c4);--sys-color-on-secondary:light-dark(#fff,#3a2d2f);--sys-color-secondary-container:light-dark(#f3dde0,#524345);--sys-color-on-secondary-container:light-dark(#524345,#f3dde0);--sys-color-tertiary:light-dark(#75565c,#e4bdc3);--sys-color-on-tertiary:light-dark(#fff,#43292e);--sys-color-tertiary-container:light-dark(#ffd9df,#5b3f44);--sys-color-on-tertiary-container:light-dark(#5b3f44,#ffd9df);--sys-color-error:light-dark(#ba1a1a,#ffb4ab);--sys-color-on-error:light-dark(#fff,#690005);--sys-color-error-container:light-dark(#ffdad6,#93000a);--sys-color-on-error-container:light-dark(#93000a,#ffdad6);--sys-color-background:light-dark(#fff8f7,#161313);--sys-color-on-background:light-dark(#1e1b1b,#e8e1e1);--sys-color-surface:light-dark(#fff8f7,#161313);--sys-color-on-surface:light-dark(#1e1b1b,#e8e1e1);--sys-color-surface-variant:light-dark(#e8e1e1,#4a4646);--sys-color-on-surface-variant:light-dark(#4a4646,#ccc5c5);--sys-color-outline:light-dark(#7b7676,#958f8f);--sys-color-outline-variant:light-dark(#ccc5c5,#4a4646);--sys-color-shadow:light-dark(#000,#000);--sys-color-scrim:light-dark(#000,#000);--sys-color-inverse-surface:light-dark(#332f30,#e8e1e1);--sys-color-inverse-on-surface:light-dark(#f7efef,#332f30);--sys-color-inverse-primary:light-dark(#ddbfc3,#70585c);--sys-color-primary-fixed:light-dark(#fadbdf,#fadbdf);--sys-color-on-primary-fixed:light-dark(#28171a,#28171a);--sys-color-primary-fixed-dim:light-dark(#ddbfc3,#ddbfc3);--sys-color-on-primary-fixed-variant:light-dark(#574145,#574145);--sys-color-secondary-fixed:light-dark(#f3dde0,#f3dde0);--sys-color-on-secondary-fixed:light-dark(#24191b,#24191b);--sys-color-secondary-fixed-dim:light-dark(#d6c2c4,#d6c2c4);--sys-color-on-secondary-fixed-variant:light-dark(#524345,#524345);--sys-color-tertiary-fixed:light-dark(#ffd9df,#ffd9df);--sys-color-on-tertiary-fixed:light-dark(#2b151a,#2b151a);--sys-color-tertiary-fixed-dim:light-dark(#e4bdc3,#e4bdc3);--sys-color-on-tertiary-fixed-variant:light-dark(#5b3f44,#5b3f44);--sys-color-surface-dim:light-dark(#e0d8d8,#161313);--sys-color-surface-bright:light-dark(#fff8f7,#3c3838);--sys-color-surface-container-lowest:light-dark(#fff,#100d0e);--sys-color-surface-container-low:light-dark(#faf2f2,#1e1b1b);--sys-color-surface-container:light-dark(#f4ecec,#221f1f);--sys-color-surface-container-high:light-dark(#eee6e6,#2d2929);--sys-color-surface-container-highest:light-dark(#e8e1e1,#383434)}html,[data-theme=berry-vibrant]{--sys-color-primary:light-dark(#bc0052,#ffb1c0);--sys-color-surface-tint:light-dark(#bc0052,#ffb1c0);--sys-color-on-primary:light-dark(#fff,#660029);--sys-color-primary-container:light-dark(#ffd9df,#90003d);--sys-color-on-primary-container:light-dark(#90003d,#ffd9df);--sys-color-secondary:light-dark(#82524d,#f5b7b1);--sys-color-on-secondary:light-dark(#fff,#4c2522);--sys-color-secondary-container:light-dark(#ffdad6,#673b37);--sys-color-on-secondary-container:light-dark(#673b37,#ffdad6);--sys-color-tertiary:light-dark(#8a4f36,#ffb597);--sys-color-on-tertiary:light-dark(#fff,#52230d);--sys-color-tertiary-container:light-dark(#ffdbcd,#6d3821);--sys-color-on-tertiary-container:light-dark(#6d3821,#ffdbcd);--sys-color-error:light-dark(#ba1a1a,#ffb4ab);--sys-color-on-error:light-dark(#fff,#690005);--sys-color-error-container:light-dark(#ffdad6,#93000a);--sys-color-on-error-container:light-dark(#93000a,#ffdad6);--sys-color-background:light-dark(#fff8f7,#1d1012);--sys-color-on-background:light-dark(#26181a,#f7dce0);--sys-color-surface:light-dark(#fff8f7,#1d1012);--sys-color-on-surface:light-dark(#26181a,#f7dce0);--sys-color-surface-variant:light-dark(#fadbdf,#574145);--sys-color-on-surface-variant:light-dark(#574145,#ddbfc3);--sys-color-outline:light-dark(#8a7175,#a58a8e);--sys-color-outline-variant:light-dark(#ddbfc3,#574145);--sys-color-shadow:light-dark(#000,#000);--sys-color-scrim:light-dark(#000,#000);--sys-color-inverse-surface:light-dark(#3c2c2f,#f7dce0);--sys-color-inverse-on-surface:light-dark(#ffecee,#3c2c2f);--sys-color-inverse-primary:light-dark(#ffb1c0,#bc0052);--sys-color-primary-fixed:light-dark(#ffd9df,#ffd9df);--sys-color-on-primary-fixed:light-dark(#3f0017,#3f0017);--sys-color-primary-fixed-dim:light-dark(#ffb1c0,#ffb1c0);--sys-color-on-primary-fixed-variant:light-dark(#90003d,#90003d);--sys-color-secondary-fixed:light-dark(#ffdad6,#ffdad6);--sys-color-on-secondary-fixed:light-dark(#33110e,#33110e);--sys-color-secondary-fixed-dim:light-dark(#f5b7b1,#f5b7b1);--sys-color-on-secondary-fixed-variant:light-dark(#673b37,#673b37);--sys-color-tertiary-fixed:light-dark(#ffdbcd,#ffdbcd);--sys-color-on-tertiary-fixed:light-dark(#360f00,#360f00);--sys-color-tertiary-fixed-dim:light-dark(#ffb597,#ffb597);--sys-color-on-tertiary-fixed-variant:light-dark(#6d3821,#6d3821);--sys-color-surface-dim:light-dark(#eed4d7,#1d1012);--sys-color-surface-bright:light-dark(#fff8f7,#463538);--sys-color-surface-container-lowest:light-dark(#fff,#170b0d);--sys-color-surface-container-low:light-dark(#fff0f1,#26181a);--sys-color-surface-container:light-dark(#ffe9eb,#2a1c1e);--sys-color-surface-container-high:light-dark(#fde2e5,#362629);--sys-color-surface-container-highest:light-dark(#f7dce0,#413033)}html,[data-theme=berry-expressive]{--sys-color-primary:light-dark(#1d6391,#93ccff);--sys-color-surface-tint:light-dark(#1d6391,#93ccff);--sys-color-on-primary:light-dark(#fff,#003351);--sys-color-primary-container:light-dark(#cce5ff,#004b73);--sys-color-on-primary-container:light-dark(#004b73,#cce5ff);--sys-color-secondary:light-dark(#7f553a,#f2bb9a);--sys-color-on-secondary:light-dark(#fff,#4a2810);--sys-color-secondary-container:light-dark(#ffdbc8,#643e24);--sys-color-on-secondary-container:light-dark(#643e24,#ffdbc8);--sys-color-tertiary:light-dark(#54642d,#bbce8c);--sys-color-on-tertiary:light-dark(#fff,#273503);--sys-color-tertiary-container:light-dark(#d6eba5,#3c4c18);--sys-color-on-tertiary-container:light-dark(#3c4c18,#d6eba5);--sys-color-error:light-dark(#ba1a1a,#ffb4ab);--sys-color-on-error:light-dark(#fff,#690005);--sys-color-error-container:light-dark(#ffdad6,#93000a);--sys-color-on-error-container:light-dark(#93000a,#ffdad6);--sys-color-background:light-dark(#fff8f7,#1c1010);--sys-color-on-background:light-dark(#251918,#f4dddb);--sys-color-surface:light-dark(#fff8f7,#1c1010);--sys-color-on-surface:light-dark(#251918,#f4dddb);--sys-color-surface-variant:light-dark(#fcdbd8,#584140);--sys-color-on-surface-variant:light-dark(#584140,#dfbfbd);--sys-color-outline:light-dark(#8b716f,#a78a88);--sys-color-outline-variant:light-dark(#dfbfbd,#584140);--sys-color-shadow:light-dark(#000,#000);--sys-color-scrim:light-dark(#000,#000);--sys-color-inverse-surface:light-dark(#3b2d2c,#f4dddb);--sys-color-inverse-on-surface:light-dark(#ffedeb,#3b2d2c);--sys-color-inverse-primary:light-dark(#93ccff,#1d6391);--sys-color-primary-fixed:light-dark(#cce5ff,#cce5ff);--sys-color-on-primary-fixed:light-dark(#001d31,#001d31);--sys-color-primary-fixed-dim:light-dark(#93ccff,#93ccff);--sys-color-on-primary-fixed-variant:light-dark(#004b73,#004b73);--sys-color-secondary-fixed:light-dark(#ffdbc8,#ffdbc8);--sys-color-on-secondary-fixed:light-dark(#301401,#301401);--sys-color-secondary-fixed-dim:light-dark(#f2bb9a,#f2bb9a);--sys-color-on-secondary-fixed-variant:light-dark(#643e24,#643e24);--sys-color-tertiary-fixed:light-dark(#d6eba5,#d6eba5);--sys-color-on-tertiary-fixed:light-dark(#151f00,#151f00);--sys-color-tertiary-fixed-dim:light-dark(#bbce8c,#bbce8c);--sys-color-on-tertiary-fixed-variant:light-dark(#3c4c18,#3c4c18);--sys-color-surface-dim:light-dark(#ecd5d3,#1c1010);--sys-color-surface-bright:light-dark(#fff8f7,#443635);--sys-color-surface-container-lowest:light-dark(#fff,#160b0b);--sys-color-surface-container-low:light-dark(#fff0ef,#251918);--sys-color-surface-container:light-dark(#ffe9e7,#291c1c);--sys-color-surface-container-high:light-dark(#fae3e1,#342726);--sys-color-surface-container-highest:light-dark(#f4dddb,#403130)}html,[data-theme=sun-tonal]{--sys-color-primary:light-dark(#8b5023,#ffb786);--sys-color-surface-tint:light-dark(#8b5023,#ffb786);--sys-color-on-primary:light-dark(#fff,#502400);--sys-color-primary-container:light-dark(#ffdcc6,#6e390d);--sys-color-on-primary-container:light-dark(#6e390d,#ffdcc6);--sys-color-secondary:light-dark(#755846,#e5bfa8);--sys-color-on-secondary:light-dark(#fff,#422b1b);--sys-color-secondary-container:light-dark(#ffdcc6,#5b4130);--sys-color-on-secondary-container:light-dark(#5b4130,#ffdcc6);--sys-color-tertiary:light-dark(#606134,#c9ca93);--sys-color-on-tertiary:light-dark(#fff,#31320a);--sys-color-tertiary-container:light-dark(#e6e6ad,#48491f);--sys-color-on-tertiary-container:light-dark(#48491f,#e6e6ad);--sys-color-error:light-dark(#ba1a1a,#ffb4ab);--sys-color-on-error:light-dark(#fff,#690005);--sys-color-error-container:light-dark(#ffdad6,#93000a);--sys-color-on-error-container:light-dark(#93000a,#ffdad6);--sys-color-background:light-dark(#fff8f5,#19120d);--sys-color-on-background:light-dark(#221a15,#f0dfd7);--sys-color-surface:light-dark(#fff8f5,#19120d);--sys-color-on-surface:light-dark(#221a15,#f0dfd7);--sys-color-surface-variant:light-dark(#f4ded3,#52443c);--sys-color-on-surface-variant:light-dark(#52443c,#d7c3b7);--sys-color-outline:light-dark(#84746a,#9f8d83);--sys-color-outline-variant:light-dark(#d7c3b7,#52443c);--sys-color-shadow:light-dark(#000,#000);--sys-color-scrim:light-dark(#000,#000);--sys-color-inverse-surface:light-dark(#382e29,#f0dfd7);--sys-color-inverse-on-surface:light-dark(#feede5,#382e29);--sys-color-inverse-primary:light-dark(#ffb786,#8b5023);--sys-color-primary-fixed:light-dark(#ffdcc6,#ffdcc6);--sys-color-on-primary-fixed:light-dark(#311300,#311300);--sys-color-primary-fixed-dim:light-dark(#ffb786,#ffb786);--sys-color-on-primary-fixed-variant:light-dark(#6e390d,#6e390d);--sys-color-secondary-fixed:light-dark(#ffdcc6,#ffdcc6);--sys-color-on-secondary-fixed:light-dark(#2b1708,#2b1708);--sys-color-secondary-fixed-dim:light-dark(#e5bfa8,#e5bfa8);--sys-color-on-secondary-fixed-variant:light-dark(#5b4130,#5b4130);--sys-color-tertiary-fixed:light-dark(#e6e6ad,#e6e6ad);--sys-color-on-tertiary-fixed:light-dark(#1c1d00,#1c1d00);--sys-color-tertiary-fixed-dim:light-dark(#c9ca93,#c9ca93);--sys-color-on-tertiary-fixed-variant:light-dark(#48491f,#48491f);--sys-color-surface-dim:light-dark(#e7d7ce,#19120d);--sys-color-surface-bright:light-dark(#fff8f5,#413731);--sys-color-surface-container-lowest:light-dark(#fff,#140d08);--sys-color-surface-container-low:light-dark(#fff1ea,#221a15);--sys-color-surface-container:light-dark(#fcebe2,#261e19);--sys-color-surface-container-high:light-dark(#f6e5dc,#312823);--sys-color-surface-container-highest:light-dark(#f0dfd7,#3d332d)}html,[data-theme=sun-neutral]{--sys-color-primary:light-dark(#705a4c,#dec1b0);--sys-color-surface-tint:light-dark(#705a4c,#dec1b0);--sys-color-on-primary:light-dark(#fff,#3e2d21);--sys-color-primary-container:light-dark(#fbddcb,#574336);--sys-color-on-primary-container:light-dark(#574336,#fbddcb);--sys-color-secondary:light-dark(#6b5b52,#d7c3b7);--sys-color-on-secondary:light-dark(#fff,#3a2e26);--sys-color-secondary-container:light-dark(#f4ded3,#52443c);--sys-color-on-secondary-container:light-dark(#52443c,#f4ded3);--sys-color-tertiary:light-dark(#755846,#e5bfa8);--sys-color-on-tertiary:light-dark(#fff,#422b1b);--sys-color-tertiary-container:light-dark(#ffdcc6,#5b4130);--sys-color-on-tertiary-container:light-dark(#5b4130,#ffdcc6);--sys-color-error:light-dark(#ba1a1a,#ffb4ab);--sys-color-on-error:light-dark(#fff,#690005);--sys-color-error-container:light-dark(#ffdad6,#93000a);--sys-color-on-error-container:light-dark(#93000a,#ffdad6);--sys-color-background:light-dark(#fff8f5,#161311);--sys-color-on-background:light-dark(#1e1b19,#e9e1de);--sys-color-surface:light-dark(#fff8f5,#161311);--sys-color-on-surface:light-dark(#1e1b19,#e9e1de);--sys-color-surface-variant:light-dark(#e9e1de,#4a4644);--sys-color-on-surface-variant:light-dark(#4a4644,#ccc5c2);--sys-color-outline:light-dark(#7b7673,#958f8d);--sys-color-outline-variant:light-dark(#ccc5c2,#4a4644);--sys-color-shadow:light-dark(#000,#000);--sys-color-scrim:light-dark(#000,#000);--sys-color-inverse-surface:light-dark(#33302e,#e9e1de);--sys-color-inverse-on-surface:light-dark(#f7efec,#33302e);--sys-color-inverse-primary:light-dark(#dec1b0,#705a4c);--sys-color-primary-fixed:light-dark(#fbddcb,#fbddcb);--sys-color-on-primary-fixed:light-dark(#28180d,#28180d);--sys-color-primary-fixed-dim:light-dark(#dec1b0,#dec1b0);--sys-color-on-primary-fixed-variant:light-dark(#574336,#574336);--sys-color-secondary-fixed:light-dark(#f4ded3,#f4ded3);--sys-color-on-secondary-fixed:light-dark(#241912,#241912);--sys-color-secondary-fixed-dim:light-dark(#d7c3b7,#d7c3b7);--sys-color-on-secondary-fixed-variant:light-dark(#52443c,#52443c);--sys-color-tertiary-fixed:light-dark(#ffdcc6,#ffdcc6);--sys-color-on-tertiary-fixed:light-dark(#2b1708,#2b1708);--sys-color-tertiary-fixed-dim:light-dark(#e5bfa8,#e5bfa8);--sys-color-on-tertiary-fixed-variant:light-dark(#5b4130,#5b4130);--sys-color-surface-dim:light-dark(#e0d8d5,#161311);--sys-color-surface-bright:light-dark(#fff8f5,#3c3836);--sys-color-surface-container-lowest:light-dark(#fff,#100e0c);--sys-color-surface-container-low:light-dark(#faf2ef,#1e1b19);--sys-color-surface-container:light-dark(#f4ece9,#221f1d);--sys-color-surface-container-high:light-dark(#eee7e3,#2d2927);--sys-color-surface-container-highest:light-dark(#e9e1de,#383432)}html,[data-theme=sun-vibrant]{--sys-color-primary:light-dark(#964900,#ffb786);--sys-color-surface-tint:light-dark(#964900,#ffb786);--sys-color-on-primary:light-dark(#fff,#502400);--sys-color-primary-container:light-dark(#ffdcc6,#723600);--sys-color-on-primary-container:light-dark(#723600,#ffdcc6);--sys-color-secondary:light-dark(#795831,#ebbf90);--sys-color-on-secondary:light-dark(#fff,#452b08);--sys-color-secondary-container:light-dark(#ffddba,#5f411c);--sys-color-on-secondary-container:light-dark(#5f411c,#ffddba);--sys-color-tertiary:light-dark(#775a1a,#e9c177);--sys-color-on-tertiary:light-dark(#fff,#412d00);--sys-color-tertiary-container:light-dark(#ffdea5,#5d4202);--sys-color-on-tertiary-container:light-dark(#5d4202,#ffdea5);--sys-color-error:light-dark(#ba1a1a,#ffb4ab);--sys-color-on-error:light-dark(#fff,#690005);--sys-color-error-container:light-dark(#ffdad6,#93000a);--sys-color-on-error-container:light-dark(#93000a,#ffdad6);--sys-color-background:light-dark(#fff8f5,#1d1108);--sys-color-on-background:light-dark(#261910,#f7decf);--sys-color-surface:light-dark(#fff8f5,#1d1108);--sys-color-on-surface:light-dark(#261910,#f7decf);--sys-color-surface-variant:light-dark(#fbddcb,#574336);--sys-color-on-surface-variant:light-dark(#574336,#dec1b0);--sys-color-outline:light-dark(#8a7264,#a58c7c);--sys-color-outline-variant:light-dark(#dec1b0,#574336);--sys-color-shadow:light-dark(#000,#000);--sys-color-scrim:light-dark(#000,#000);--sys-color-inverse-surface:light-dark(#3c2d23,#f7decf);--sys-color-inverse-on-surface:light-dark(#ffede4,#3c2d23);--sys-color-inverse-primary:light-dark(#ffb786,#964900);--sys-color-primary-fixed:light-dark(#ffdcc6,#ffdcc6);--sys-color-on-primary-fixed:light-dark(#311300,#311300);--sys-color-primary-fixed-dim:light-dark(#ffb786,#ffb786);--sys-color-on-primary-fixed-variant:light-dark(#723600,#723600);--sys-color-secondary-fixed:light-dark(#ffddba,#ffddba);--sys-color-on-secondary-fixed:light-dark(#2b1700,#2b1700);--sys-color-secondary-fixed-dim:light-dark(#ebbf90,#ebbf90);--sys-color-on-secondary-fixed-variant:light-dark(#5f411c,#5f411c);--sys-color-tertiary-fixed:light-dark(#ffdea5,#ffdea5);--sys-color-on-tertiary-fixed:light-dark(#261900,#261900);--sys-color-tertiary-fixed-dim:light-dark(#e9c177,#e9c177);--sys-color-on-tertiary-fixed-variant:light-dark(#5d4202,#5d4202);--sys-color-surface-dim:light-dark(#eed5c7,#1d1108);--sys-color-surface-bright:light-dark(#fff8f5,#46362c);--sys-color-surface-container-lowest:light-dark(#fff,#170b05);--sys-color-surface-container-low:light-dark(#fff1ea,#261910);--sys-color-surface-container:light-dark(#ffeade,#2a1d14);--sys-color-surface-container-high:light-dark(#fde3d4,#35271d);--sys-color-surface-container-highest:light-dark(#f7decf,#413128)}html,[data-theme=sun-expressive]{--sys-color-primary:light-dark(#5f5598,#c9bfff);--sys-color-surface-tint:light-dark(#5f5598,#c9bfff);--sys-color-on-primary:light-dark(#fff,#302666);--sys-color-primary-container:light-dark(#e5deff,#473d7e);--sys-color-on-primary-container:light-dark(#473d7e,#e5deff);--sys-color-secondary:light-dark(#695e2f,#d6c68e);--sys-color-on-secondary:light-dark(#fff,#393005);--sys-color-secondary-container:light-dark(#f3e2a7,#51461a);--sys-color-on-secondary-container:light-dark(#51461a,#f3e2a7);--sys-color-tertiary:light-dark(#7e571d,#f1bd7a);--sys-color-on-tertiary:light-dark(#fff,#462b00);--sys-color-tertiary-container:light-dark(#ffddb5,#623f05);--sys-color-on-tertiary-container:light-dark(#623f05,#ffddb5);--sys-color-error:light-dark(#ba1a1a,#ffb4ab);--sys-color-on-error:light-dark(#fff,#690005);--sys-color-error-container:light-dark(#ffdad6,#93000a);--sys-color-on-error-container:light-dark(#93000a,#ffdad6);--sys-color-background:light-dark(#fff8f4,#1a1209);--sys-color-on-background:light-dark(#231a11,#f1dfd0);--sys-color-surface:light-dark(#fff8f4,#1a1209);--sys-color-on-surface:light-dark(#231a11,#f1dfd0);--sys-color-surface-variant:light-dark(#f7dec7,#544433);--sys-color-on-surface-variant:light-dark(#544433,#dac2ac);--sys-color-outline:light-dark(#877460,#a28d79);--sys-color-outline-variant:light-dark(#dac2ac,#544433);--sys-color-shadow:light-dark(#000,#000);--sys-color-scrim:light-dark(#000,#000);--sys-color-inverse-surface:light-dark(#392f24,#f1dfd0);--sys-color-inverse-on-surface:light-dark(#ffeedf,#392f24);--sys-color-inverse-primary:light-dark(#c9bfff,#5f5598);--sys-color-primary-fixed:light-dark(#e5deff,#e5deff);--sys-color-on-primary-fixed:light-dark(#1b0e50,#1b0e50);--sys-color-primary-fixed-dim:light-dark(#c9bfff,#c9bfff);--sys-color-on-primary-fixed-variant:light-dark(#473d7e,#473d7e);--sys-color-secondary-fixed:light-dark(#f3e2a7,#f3e2a7);--sys-color-on-secondary-fixed:light-dark(#221b00,#221b00);--sys-color-secondary-fixed-dim:light-dark(#d6c68e,#d6c68e);--sys-color-on-secondary-fixed-variant:light-dark(#51461a,#51461a);--sys-color-tertiary-fixed:light-dark(#ffddb5,#ffddb5);--sys-color-on-tertiary-fixed:light-dark(#2a1800,#2a1800);--sys-color-tertiary-fixed-dim:light-dark(#f1bd7a,#f1bd7a);--sys-color-on-tertiary-fixed-variant:light-dark(#623f05,#623f05);--sys-color-surface-dim:light-dark(#e8d7c8,#1a1209);--sys-color-surface-bright:light-dark(#fff8f4,#42372d);--sys-color-surface-container-lowest:light-dark(#fff,#140d05);--sys-color-surface-container-low:light-dark(#fff1e6,#231a11);--sys-color-surface-container:light-dark(#fdebdb,#271e14);--sys-color-surface-container-high:light-dark(#f7e5d6,#32281e);--sys-color-surface-container-highest:light-dark(#f1dfd0,#3d3328)}html,[data-theme=porcelain-tonal]{--sys-color-primary:light-dark(#6e5d0e,#dcc66e);--sys-color-surface-tint:light-dark(#6e5d0e,#dcc66e);--sys-color-on-primary:light-dark(#fff,#3a3000);--sys-color-primary-container:light-dark(#fae287,#544600);--sys-color-on-primary-container:light-dark(#544600,#fae287);--sys-color-secondary:light-dark(#675e40,#d2c6a1);--sys-color-on-secondary:light-dark(#fff,#373016);--sys-color-secondary-container:light-dark(#efe2bc,#4e472a);--sys-color-on-secondary-container:light-dark(#4e472a,#efe2bc);--sys-color-tertiary:light-dark(#44664e,#aad0b2);--sys-color-on-tertiary:light-dark(#fff,#153722);--sys-color-tertiary-container:light-dark(#c5eccd,#2c4e37);--sys-color-on-tertiary-container:light-dark(#2c4e37,#c5eccd);--sys-color-error:light-dark(#ba1a1a,#ffb4ab);--sys-color-on-error:light-dark(#fff,#690005);--sys-color-error-container:light-dark(#ffdad6,#93000a);--sys-color-on-error-container:light-dark(#93000a,#ffdad6);--sys-color-background:light-dark(#fff9ee,#16130b);--sys-color-on-background:light-dark(#1e1b13,#e9e2d4);--sys-color-surface:light-dark(#fff9ee,#16130b);--sys-color-on-surface:light-dark(#1e1b13,#e9e2d4);--sys-color-surface-variant:light-dark(#eae2cf,#4b4739);--sys-color-on-surface-variant:light-dark(#4b4739,#cdc6b4);--sys-color-outline:light-dark(#7c7767,#969080);--sys-color-outline-variant:light-dark(#cdc6b4,#4b4739);--sys-color-shadow:light-dark(#000,#000);--sys-color-scrim:light-dark(#000,#000);--sys-color-inverse-surface:light-dark(#333027,#e9e2d4);--sys-color-inverse-on-surface:light-dark(#f7f0e2,#333027);--sys-color-inverse-primary:light-dark(#dcc66e,#6e5d0e);--sys-color-primary-fixed:light-dark(#fae287,#fae287);--sys-color-on-primary-fixed:light-dark(#221b00,#221b00);--sys-color-primary-fixed-dim:light-dark(#dcc66e,#dcc66e);--sys-color-on-primary-fixed-variant:light-dark(#544600,#544600);--sys-color-secondary-fixed:light-dark(#efe2bc,#efe2bc);--sys-color-on-secondary-fixed:light-dark(#211b04,#211b04);--sys-color-secondary-fixed-dim:light-dark(#d2c6a1,#d2c6a1);--sys-color-on-secondary-fixed-variant:light-dark(#4e472a,#4e472a);--sys-color-tertiary-fixed:light-dark(#c5eccd,#c5eccd);--sys-color-on-tertiary-fixed:light-dark(#00210f,#00210f);--sys-color-tertiary-fixed-dim:light-dark(#aad0b2,#aad0b2);--sys-color-on-tertiary-fixed-variant:light-dark(#2c4e37,#2c4e37);--sys-color-surface-dim:light-dark(#e0d9cc,#16130b);--sys-color-surface-bright:light-dark(#fff9ee,#3c3930);--sys-color-surface-container-lowest:light-dark(#fff,#100e07);--sys-color-surface-container-low:light-dark(#faf3e5,#1e1b13);--sys-color-surface-container:light-dark(#f4eddf,#221f17);--sys-color-surface-container-high:light-dark(#eee7da,#2d2a21);--sys-color-surface-container-highest:light-dark(#e9e2d4,#38352b)}html,[data-theme=porcelain-neutral]{--sys-color-primary:light-dark(#655e48,#d0c6ab);--sys-color-surface-tint:light-dark(#655e48,#d0c6ab);--sys-color-on-primary:light-dark(#fff,#35301d);--sys-color-primary-container:light-dark(#ece2c6,#4d4732);--sys-color-on-primary-container:light-dark(#4d4732,#ece2c6);--sys-color-secondary:light-dark(#635e50,#cdc6b4);--sys-color-on-secondary:light-dark(#fff,#343024);--sys-color-secondary-container:light-dark(#eae2cf,#4b4739);--sys-color-on-secondary-container:light-dark(#4b4739,#eae2cf);--sys-color-tertiary:light-dark(#675e40,#d2c6a1);--sys-color-on-tertiary:light-dark(#fff,#373016);--sys-color-tertiary-container:light-dark(#efe2bc,#4e472a);--sys-color-on-tertiary-container:light-dark(#4e472a,#efe2bc);--sys-color-error:light-dark(#ba1a1a,#ffb4ab);--sys-color-on-error:light-dark(#fff,#690005);--sys-color-error-container:light-dark(#ffdad6,#93000a);--sys-color-on-error-container:light-dark(#93000a,#ffdad6);--sys-color-background:light-dark(#fef8f4,#141311);--sys-color-on-background:light-dark(#1d1b19,#e6e2dd);--sys-color-surface:light-dark(#fef8f4,#141311);--sys-color-on-surface:light-dark(#1d1b19,#e6e2dd);--sys-color-surface-variant:light-dark(#e6e2dd,#484643);--sys-color-on-surface-variant:light-dark(#484643,#cac6c1);--sys-color-outline:light-dark(#797773,#93908c);--sys-color-outline-variant:light-dark(#cac6c1,#484643);--sys-color-shadow:light-dark(#000,#000);--sys-color-scrim:light-dark(#000,#000);--sys-color-inverse-surface:light-dark(#32302d,#e6e2dd);--sys-color-inverse-on-surface:light-dark(#f5f0eb,#32302d);--sys-color-inverse-primary:light-dark(#d0c6ab,#655e48);--sys-color-primary-fixed:light-dark(#ece2c6,#ece2c6);--sys-color-on-primary-fixed:light-dark(#201b0a,#201b0a);--sys-color-primary-fixed-dim:light-dark(#d0c6ab,#d0c6ab);--sys-color-on-primary-fixed-variant:light-dark(#4d4732,#4d4732);--sys-color-secondary-fixed:light-dark(#eae2cf,#eae2cf);--sys-color-on-secondary-fixed:light-dark(#1f1b10,#1f1b10);--sys-color-secondary-fixed-dim:light-dark(#cdc6b4,#cdc6b4);--sys-color-on-secondary-fixed-variant:light-dark(#4b4739,#4b4739);--sys-color-tertiary-fixed:light-dark(#efe2bc,#efe2bc);--sys-color-on-tertiary-fixed:light-dark(#211b04,#211b04);--sys-color-tertiary-fixed-dim:light-dark(#d2c6a1,#d2c6a1);--sys-color-on-tertiary-fixed-variant:light-dark(#4e472a,#4e472a);--sys-color-surface-dim:light-dark(#ded9d5,#141311);--sys-color-surface-bright:light-dark(#fef8f4,#3b3936);--sys-color-surface-container-lowest:light-dark(#fff,#0f0e0c);--sys-color-surface-container-low:light-dark(#f8f3ee,#1d1b19);--sys-color-surface-container:light-dark(#f2ede8,#211f1d);--sys-color-surface-container-high:light-dark(#ece7e3,#2b2a27);--sys-color-surface-container-highest:light-dark(#e6e2dd,#363432)}html,[data-theme=porcelain-vibrant]{--sys-color-primary:light-dark(#6f5d00,#e8c400);--sys-color-surface-tint:light-dark(#6f5d00,#e8c400);--sys-color-on-primary:light-dark(#fff,#3a3000);--sys-color-primary-container:light-dark(#ffe169,#544600);--sys-color-on-primary-container:light-dark(#544600,#ffe169);--sys-color-secondary:light-dark(#636032,#cec891);--sys-color-on-secondary:light-dark(#fff,#343108);--sys-color-secondary-container:light-dark(#eae5ab,#4b481d);--sys-color-on-secondary-container:light-dark(#4b481d,#eae5ab);--sys-color-tertiary:light-dark(#5c6326,#c4cc84);--sys-color-on-tertiary:light-dark(#fff,#2e3300);--sys-color-tertiary-container:light-dark(#e1e89e,#444a10);--sys-color-on-tertiary-container:light-dark(#444a10,#e1e89e);--sys-color-error:light-dark(#ba1a1a,#ffb4ab);--sys-color-on-error:light-dark(#fff,#690005);--sys-color-error-container:light-dark(#ffdad6,#93000a);--sys-color-on-error-container:light-dark(#93000a,#ffdad6);--sys-color-background:light-dark(#fff9ee,#171306);--sys-color-on-background:light-dark(#1f1b0d,#ebe2cb);--sys-color-surface:light-dark(#fff9ee,#171306);--sys-color-on-surface:light-dark(#1f1b0d,#ebe2cb);--sys-color-surface-variant:light-dark(#ece2c6,#4d4732);--sys-color-on-surface-variant:light-dark(#4d4732,#d0c6ab);--sys-color-outline:light-dark(#7e775f,#989078);--sys-color-outline-variant:light-dark(#d0c6ab,#4d4732);--sys-color-shadow:light-dark(#000,#000);--sys-color-scrim:light-dark(#000,#000);--sys-color-inverse-surface:light-dark(#353020,#ebe2cb);--sys-color-inverse-on-surface:light-dark(#faf0d8,#353020);--sys-color-inverse-primary:light-dark(#e8c400,#6f5d00);--sys-color-primary-fixed:light-dark(#ffe169,#ffe169);--sys-color-on-primary-fixed:light-dark(#221b00,#221b00);--sys-color-primary-fixed-dim:light-dark(#e8c400,#e8c400);--sys-color-on-primary-fixed-variant:light-dark(#544600,#544600);--sys-color-secondary-fixed:light-dark(#eae5ab,#eae5ab);--sys-color-on-secondary-fixed:light-dark(#1e1c00,#1e1c00);--sys-color-secondary-fixed-dim:light-dark(#cec891,#cec891);--sys-color-on-secondary-fixed-variant:light-dark(#4b481d,#4b481d);--sys-color-tertiary-fixed:light-dark(#e1e89e,#e1e89e);--sys-color-on-tertiary-fixed:light-dark(#1a1e00,#1a1e00);--sys-color-tertiary-fixed-dim:light-dark(#c4cc84,#c4cc84);--sys-color-on-tertiary-fixed-variant:light-dark(#444a10,#444a10);--sys-color-surface-dim:light-dark(#e2d9c2,#171306);--sys-color-surface-bright:light-dark(#fff9ee,#3e3929);--sys-color-surface-container-lowest:light-dark(#fff,#110e03);--sys-color-surface-container-low:light-dark(#fcf3db,#1f1b0d);--sys-color-surface-container:light-dark(#f7edd6,#231f11);--sys-color-surface-container-high:light-dark(#f1e8d0,#2e2a1a);--sys-color-surface-container-highest:light-dark(#ebe2cb,#393525)}html,[data-theme=porcelain-expressive]{--sys-color-primary:light-dark(#854a7b,#f8b0e7);--sys-color-surface-tint:light-dark(#854a7b,#f8b0e7);--sys-color-on-primary:light-dark(#fff,#501b4a);--sys-color-primary-container:light-dark(#ffd7f3,#6a3262);--sys-color-on-primary-container:light-dark(#6a3262,#ffd7f3);--sys-color-secondary:light-dark(#4c6544,#b3cea7);--sys-color-on-secondary:light-dark(#fff,#1f361a);--sys-color-secondary-container:light-dark(#ceebc1,#354d2e);--sys-color-on-secondary-container:light-dark(#354d2e,#ceebc1);--sys-color-tertiary:light-dark(#5c6326,#c4cc84);--sys-color-on-tertiary:light-dark(#fff,#2e3300);--sys-color-tertiary-container:light-dark(#e1e89e,#444a10);--sys-color-on-tertiary-container:light-dark(#444a10,#e1e89e);--sys-color-error:light-dark(#ba1a1a,#ffb4ab);--sys-color-on-error:light-dark(#fff,#690005);--sys-color-error-container:light-dark(#ffdad6,#93000a);--sys-color-on-error-container:light-dark(#93000a,#ffdad6);--sys-color-background:light-dark(#fdfae8,#14140a);--sys-color-on-background:light-dark(#1c1c11,#e6e3d1);--sys-color-surface:light-dark(#fdfae8,#14140a);--sys-color-on-surface:light-dark(#1c1c11,#e6e3d1);--sys-color-surface-variant:light-dark(#e6e4c9,#484834);--sys-color-on-surface-variant:light-dark(#484834,#c9c8ae);--sys-color-outline:light-dark(#797862,#93927a);--sys-color-outline-variant:light-dark(#c9c8ae,#484834);--sys-color-shadow:light-dark(#000,#000);--sys-color-scrim:light-dark(#000,#000);--sys-color-inverse-surface:light-dark(#313125,#e6e3d1);--sys-color-inverse-on-surface:light-dark(#f4f1df,#313125);--sys-color-inverse-primary:light-dark(#f8b0e7,#854a7b);--sys-color-primary-fixed:light-dark(#ffd7f3,#ffd7f3);--sys-color-on-primary-fixed:light-dark(#370333,#370333);--sys-color-primary-fixed-dim:light-dark(#f8b0e7,#f8b0e7);--sys-color-on-primary-fixed-variant:light-dark(#6a3262,#6a3262);--sys-color-secondary-fixed:light-dark(#ceebc1,#ceebc1);--sys-color-on-secondary-fixed:light-dark(#0a2007,#0a2007);--sys-color-secondary-fixed-dim:light-dark(#b3cea7,#b3cea7);--sys-color-on-secondary-fixed-variant:light-dark(#354d2e,#354d2e);--sys-color-tertiary-fixed:light-dark(#e1e89e,#e1e89e);--sys-color-on-tertiary-fixed:light-dark(#1a1e00,#1a1e00);--sys-color-tertiary-fixed-dim:light-dark(#c4cc84,#c4cc84);--sys-color-on-tertiary-fixed-variant:light-dark(#444a10,#444a10);--sys-color-surface-dim:light-dark(#dddac9,#14140a);--sys-color-surface-bright:light-dark(#fdfae8,#3a3a2d);--sys-color-surface-container-lowest:light-dark(#fff,#0f0f06);--sys-color-surface-container-low:light-dark(#f7f4e2,#1c1c11);--sys-color-surface-container:light-dark(#f1eedc,#202015);--sys-color-surface-container-high:light-dark(#ebe9d7,#2b2b1f);--sys-color-surface-container-highest:light-dark(#e6e3d1,#363529)}html,[data-theme=forest-tonal]{--sys-color-primary:light-dark(#406835,#a5d395);--sys-color-surface-tint:light-dark(#406835,#a5d395);--sys-color-on-primary:light-dark(#fff,#12380b);--sys-color-primary-container:light-dark(#c1efaf,#295020);--sys-color-on-primary-container:light-dark(#295020,#c1efaf);--sys-color-secondary:light-dark(#54634d,#bbcbb1);--sys-color-on-secondary:light-dark(#fff,#263422);--sys-color-secondary-container:light-dark(#d7e8cd,#3c4b37);--sys-color-on-secondary-container:light-dark(#3c4b37,#d7e8cd);--sys-color-tertiary:light-dark(#386568,#a0cfd2);--sys-color-on-tertiary:light-dark(#fff,#003739);--sys-color-tertiary-container:light-dark(#bcebee,#1e4d50);--sys-color-on-tertiary-container:light-dark(#1e4d50,#bcebee);--sys-color-error:light-dark(#ba1a1a,#ffb4ab);--sys-color-on-error:light-dark(#fff,#690005);--sys-color-error-container:light-dark(#ffdad6,#93000a);--sys-color-on-error-container:light-dark(#93000a,#ffdad6);--sys-color-background:light-dark(#f8fbf0,#11140f);--sys-color-on-background:light-dark(#191d17,#e1e4da);--sys-color-surface:light-dark(#f8fbf0,#11140f);--sys-color-on-surface:light-dark(#191d17,#e1e4da);--sys-color-surface-variant:light-dark(#dfe4d7,#43483f);--sys-color-on-surface-variant:light-dark(#43483f,#c3c8bc);--sys-color-outline:light-dark(#73796e,#8d9387);--sys-color-outline-variant:light-dark(#c3c8bc,#43483f);--sys-color-shadow:light-dark(#000,#000);--sys-color-scrim:light-dark(#000,#000);--sys-color-inverse-surface:light-dark(#2e322b,#e1e4da);--sys-color-inverse-on-surface:light-dark(#eff2e8,#2e322b);--sys-color-inverse-primary:light-dark(#a5d395,#406835);--sys-color-primary-fixed:light-dark(#c1efaf,#c1efaf);--sys-color-on-primary-fixed:light-dark(#012200,#012200);--sys-color-primary-fixed-dim:light-dark(#a5d395,#a5d395);--sys-color-on-primary-fixed-variant:light-dark(#295020,#295020);--sys-color-secondary-fixed:light-dark(#d7e8cd,#d7e8cd);--sys-color-on-secondary-fixed:light-dark(#121f0e,#121f0e);--sys-color-secondary-fixed-dim:light-dark(#bbcbb1,#bbcbb1);--sys-color-on-secondary-fixed-variant:light-dark(#3c4b37,#3c4b37);--sys-color-tertiary-fixed:light-dark(#bcebee,#bcebee);--sys-color-on-tertiary-fixed:light-dark(#002021,#002021);--sys-color-tertiary-fixed-dim:light-dark(#a0cfd2,#a0cfd2);--sys-color-on-tertiary-fixed-variant:light-dark(#1e4d50,#1e4d50);--sys-color-surface-dim:light-dark(#d8dbd2,#11140f);--sys-color-surface-bright:light-dark(#f8fbf0,#363a34);--sys-color-surface-container-lowest:light-dark(#fff,#0c0f0a);--sys-color-surface-container-low:light-dark(#f2f5eb,#191d17);--sys-color-surface-container:light-dark(#ecefe5,#1d211b);--sys-color-surface-container-high:light-dark(#e6e9e0,#272b25);--sys-color-surface-container-highest:light-dark(#e1e4da,#32362f)}html,[data-theme=forest-neutral]{--sys-color-primary:light-dark(#576152,#bfcab7);--sys-color-surface-tint:light-dark(#576152,#bfcab7);--sys-color-on-primary:light-dark(#fff,#2a3326);--sys-color-primary-container:light-dark(#dbe6d2,#404a3b);--sys-color-on-primary-container:light-dark(#404a3b,#dbe6d2);--sys-color-secondary:light-dark(#5a6056,#c3c8bc);--sys-color-on-secondary:light-dark(#fff,#2c3229);--sys-color-secondary-container:light-dark(#dfe4d7,#43483f);--sys-color-on-secondary-container:light-dark(#43483f,#dfe4d7);--sys-color-tertiary:light-dark(#54634d,#bbcbb1);--sys-color-on-tertiary:light-dark(#fff,#263422);--sys-color-tertiary-container:light-dark(#d7e8cd,#3c4b37);--sys-color-on-tertiary-container:light-dark(#3c4b37,#d7e8cd);--sys-color-error:light-dark(#ba1a1a,#ffb4ab);--sys-color-on-error:light-dark(#fff,#690005);--sys-color-error-container:light-dark(#ffdad6,#93000a);--sys-color-on-error-container:light-dark(#93000a,#ffdad6);--sys-color-background:light-dark(#fbf9f5,#131412);--sys-color-on-background:light-dark(#1b1c1a,#e4e2df);--sys-color-surface:light-dark(#fbf9f5,#131412);--sys-color-on-surface:light-dark(#1b1c1a,#e4e2df);--sys-color-surface-variant:light-dark(#e4e2df,#474745);--sys-color-on-surface-variant:light-dark(#474745,#c8c6c3);--sys-color-outline:light-dark(#777774,#91918e);--sys-color-outline-variant:light-dark(#c8c6c3,#474745);--sys-color-shadow:light-dark(#000,#000);--sys-color-scrim:light-dark(#000,#000);--sys-color-inverse-surface:light-dark(#30312e,#e4e2df);--sys-color-inverse-on-surface:light-dark(#f2f0ed,#30312e);--sys-color-inverse-primary:light-dark(#bfcab7,#576152);--sys-color-primary-fixed:light-dark(#dbe6d2,#dbe6d2);--sys-color-on-primary-fixed:light-dark(#151e12,#151e12);--sys-color-primary-fixed-dim:light-dark(#bfcab7,#bfcab7);--sys-color-on-primary-fixed-variant:light-dark(#404a3b,#404a3b);--sys-color-secondary-fixed:light-dark(#dfe4d7,#dfe4d7);--sys-color-on-secondary-fixed:light-dark(#181d15,#181d15);--sys-color-secondary-fixed-dim:light-dark(#c3c8bc,#c3c8bc);--sys-color-on-secondary-fixed-variant:light-dark(#43483f,#43483f);--sys-color-tertiary-fixed:light-dark(#d7e8cd,#d7e8cd);--sys-color-on-tertiary-fixed:light-dark(#121f0e,#121f0e);--sys-color-tertiary-fixed-dim:light-dark(#bbcbb1,#bbcbb1);--sys-color-on-tertiary-fixed-variant:light-dark(#3c4b37,#3c4b37);--sys-color-surface-dim:light-dark(#dbdad6,#131412);--sys-color-surface-bright:light-dark(#fbf9f5,#393937);--sys-color-surface-container-lowest:light-dark(#fff,#0e0e0d);--sys-color-surface-container-low:light-dark(#f5f3f0,#1b1c1a);--sys-color-surface-container:light-dark(#f0eeea,#1f201e);--sys-color-surface-container-high:light-dark(#eae8e4,#2a2a28);--sys-color-surface-container-highest:light-dark(#e4e2df,#353533)}html,[data-theme=forest-vibrant]{--sys-color-primary:light-dark(#066e00,#13e600);--sys-color-surface-tint:light-dark(#066e00,#13e600);--sys-color-on-primary:light-dark(#fff,#023a00);--sys-color-primary-container:light-dark(#77ff5f,#045300);--sys-color-on-primary-container:light-dark(#045300,#77ff5f);--sys-color-secondary:light-dark(#44664e,#aad0b2);--sys-color-on-secondary:light-dark(#fff,#153722);--sys-color-secondary-container:light-dark(#c5eccd,#2c4e37);--sys-color-on-secondary-container:light-dark(#2c4e37,#c5eccd);--sys-color-tertiary:light-dark(#286955,#93d4ba);--sys-color-on-tertiary:light-dark(#fff,#00382a);--sys-color-tertiary-container:light-dark(#aef0d6,#05513e);--sys-color-on-tertiary-container:light-dark(#05513e,#aef0d6);--sys-color-error:light-dark(#ba1a1a,#ffb4ab);--sys-color-on-error:light-dark(#fff,#690005);--sys-color-error-container:light-dark(#ffdad6,#93000a);--sys-color-on-error-container:light-dark(#93000a,#ffdad6);--sys-color-background:light-dark(#f4fceb,#0e150c);--sys-color-on-background:light-dark(#161e13,#dde5d5);--sys-color-surface:light-dark(#f4fceb,#0e150c);--sys-color-on-surface:light-dark(#161e13,#dde5d5);--sys-color-surface-variant:light-dark(#dbe6d2,#404a3b);--sys-color-on-surface-variant:light-dark(#404a3b,#bfcab7);--sys-color-outline:light-dark(#707a6a,#899482);--sys-color-outline-variant:light-dark(#bfcab7,#404a3b);--sys-color-shadow:light-dark(#000,#000);--sys-color-scrim:light-dark(#000,#000);--sys-color-inverse-surface:light-dark(#2b3327,#dde5d5);--sys-color-inverse-on-surface:light-dark(#ebf3e3,#2b3327);--sys-color-inverse-primary:light-dark(#13e600,#066e00);--sys-color-primary-fixed:light-dark(#77ff5f,#77ff5f);--sys-color-on-primary-fixed:light-dark(#012200,#012200);--sys-color-primary-fixed-dim:light-dark(#13e600,#13e600);--sys-color-on-primary-fixed-variant:light-dark(#045300,#045300);--sys-color-secondary-fixed:light-dark(#c5eccd,#c5eccd);--sys-color-on-secondary-fixed:light-dark(#00210e,#00210e);--sys-color-secondary-fixed-dim:light-dark(#aad0b2,#aad0b2);--sys-color-on-secondary-fixed-variant:light-dark(#2c4e37,#2c4e37);--sys-color-tertiary-fixed:light-dark(#aef0d6,#aef0d6);--sys-color-on-tertiary-fixed:light-dark(#002117,#002117);--sys-color-tertiary-fixed-dim:light-dark(#93d4ba,#93d4ba);--sys-color-on-tertiary-fixed-variant:light-dark(#05513e,#05513e);--sys-color-surface-dim:light-dark(#d4ddcc,#0e150c);--sys-color-surface-bright:light-dark(#f4fceb,#343b30);--sys-color-surface-container-lowest:light-dark(#fff,#091007);--sys-color-surface-container-low:light-dark(#eef6e5,#161e13);--sys-color-surface-container:light-dark(#e8f1e0,#1a2217);--sys-color-surface-container-high:light-dark(#e3ebda,#252c21);--sys-color-surface-container-highest:light-dark(#dde5d5,#2f372c)}html,[data-theme=forest-expressive]{--sys-color-primary:light-dark(#944744,#ffb3ae);--sys-color-surface-tint:light-dark(#944744,#ffb3ae);--sys-color-on-primary:light-dark(#fff,#5a1b1a);--sys-color-primary-container:light-dark(#ffdad7,#77302e);--sys-color-on-primary-container:light-dark(#77302e,#ffdad7);--sys-color-secondary:light-dark(#416651,#a8d0b6);--sys-color-on-secondary:light-dark(#fff,#123725);--sys-color-secondary-container:light-dark(#c3ecd1,#2a4e3a);--sys-color-on-secondary-container:light-dark(#2a4e3a,#c3ecd1);--sys-color-tertiary:light-dark(#1d6961,#8dd3c9);--sys-color-on-tertiary:light-dark(#fff,#003732);--sys-color-tertiary-container:light-dark(#a9f0e5,#005049);--sys-color-on-tertiary-container:light-dark(#005049,#a9f0e5);--sys-color-error:light-dark(#ba1a1a,#ffb4ab);--sys-color-on-error:light-dark(#fff,#690005);--sys-color-error-container:light-dark(#ffdad6,#93000a);--sys-color-on-error-container:light-dark(#93000a,#ffdad6);--sys-color-background:light-dark(#f3fcf2,#0e150f);--sys-color-on-background:light-dark(#161d17,#dce5db);--sys-color-surface:light-dark(#f3fcf2,#0e150f);--sys-color-on-surface:light-dark(#161d17,#dce5db);--sys-color-surface-variant:light-dark(#d7e7d8,#3d4a3f);--sys-color-on-surface-variant:light-dark(#3d4a3f,#bbcabc);--sys-color-outline:light-dark(#6c7b6e,#869487);--sys-color-outline-variant:light-dark(#bbcabc,#3d4a3f);--sys-color-shadow:light-dark(#000,#000);--sys-color-scrim:light-dark(#000,#000);--sys-color-inverse-surface:light-dark(#2b322c,#dce5db);--sys-color-inverse-on-surface:light-dark(#ebf3e9,#2b322c);--sys-color-inverse-primary:light-dark(#ffb3ae,#944744);--sys-color-primary-fixed:light-dark(#ffdad7,#ffdad7);--sys-color-on-primary-fixed:light-dark(#3d0507,#3d0507);--sys-color-primary-fixed-dim:light-dark(#ffb3ae,#ffb3ae);--sys-color-on-primary-fixed-variant:light-dark(#77302e,#77302e);--sys-color-secondary-fixed:light-dark(#c3ecd1,#c3ecd1);--sys-color-on-secondary-fixed:light-dark(#002112,#002112);--sys-color-secondary-fixed-dim:light-dark(#a8d0b6,#a8d0b6);--sys-color-on-secondary-fixed-variant:light-dark(#2a4e3a,#2a4e3a);--sys-color-tertiary-fixed:light-dark(#a9f0e5,#a9f0e5);--sys-color-on-tertiary-fixed:light-dark(#00201d,#00201d);--sys-color-tertiary-fixed-dim:light-dark(#8dd3c9,#8dd3c9);--sys-color-on-tertiary-fixed-variant:light-dark(#005049,#005049);--sys-color-surface-dim:light-dark(#d4dcd3,#0e150f);--sys-color-surface-bright:light-dark(#f3fcf2,#333b34);--sys-color-surface-container-lowest:light-dark(#fff,#09100a);--sys-color-surface-container-low:light-dark(#eef6ec,#161d17);--sys-color-surface-container:light-dark(#e8f0e6,#1a211b);--sys-color-surface-container-high:light-dark(#e2eae1,#242c25);--sys-color-surface-container-highest:light-dark(#dce5db,#2f3730)}html,[data-theme=aqua-tonal]{--sys-color-primary:light-dark(#006a62,#81d5cb);--sys-color-surface-tint:light-dark(#006a62,#81d5cb);--sys-color-on-primary:light-dark(#fff,#003733);--sys-color-primary-container:light-dark(#9df2e7,#00504a);--sys-color-on-primary-container:light-dark(#00504a,#9df2e7);--sys-color-secondary:light-dark(#4a6360,#b1ccc7);--sys-color-on-secondary:light-dark(#fff,#1c3532);--sys-color-secondary-container:light-dark(#cce8e3,#324b48);--sys-color-on-secondary-container:light-dark(#324b48,#cce8e3);--sys-color-tertiary:light-dark(#47617a,#aec9e6);--sys-color-on-tertiary:light-dark(#fff,#16334a);--sys-color-tertiary-container:light-dark(#cee5ff,#2f4961);--sys-color-on-tertiary-container:light-dark(#2f4961,#cee5ff);--sys-color-error:light-dark(#ba1a1a,#ffb4ab);--sys-color-on-error:light-dark(#fff,#690005);--sys-color-error-container:light-dark(#ffdad6,#93000a);--sys-color-on-error-container:light-dark(#93000a,#ffdad6);--sys-color-background:light-dark(#f4fbf8,#0e1514);--sys-color-on-background:light-dark(#161d1c,#dde4e2);--sys-color-surface:light-dark(#f4fbf8,#0e1514);--sys-color-on-surface:light-dark(#161d1c,#dde4e2);--sys-color-surface-variant:light-dark(#dae5e2,#3f4947);--sys-color-on-surface-variant:light-dark(#3f4947,#bec9c6);--sys-color-outline:light-dark(#6f7977,#899391);--sys-color-outline-variant:light-dark(#bec9c6,#3f4947);--sys-color-shadow:light-dark(#000,#000);--sys-color-scrim:light-dark(#000,#000);--sys-color-inverse-surface:light-dark(#2b3230,#dde4e2);--sys-color-inverse-on-surface:light-dark(#ecf2f0,#2b3230);--sys-color-inverse-primary:light-dark(#81d5cb,#006a62);--sys-color-primary-fixed:light-dark(#9df2e7,#9df2e7);--sys-color-on-primary-fixed:light-dark(#00201d,#00201d);--sys-color-primary-fixed-dim:light-dark(#81d5cb,#81d5cb);--sys-color-on-primary-fixed-variant:light-dark(#00504a,#00504a);--sys-color-secondary-fixed:light-dark(#cce8e3,#cce8e3);--sys-color-on-secondary-fixed:light-dark(#051f1d,#051f1d);--sys-color-secondary-fixed-dim:light-dark(#b1ccc7,#b1ccc7);--sys-color-on-secondary-fixed-variant:light-dark(#324b48,#324b48);--sys-color-tertiary-fixed:light-dark(#cee5ff,#cee5ff);--sys-color-on-tertiary-fixed:light-dark(#001d32,#001d32);--sys-color-tertiary-fixed-dim:light-dark(#aec9e6,#aec9e6);--sys-color-on-tertiary-fixed-variant:light-dark(#2f4961,#2f4961);--sys-color-surface-dim:light-dark(#d5dbd9,#0e1514);--sys-color-surface-bright:light-dark(#f4fbf8,#343a39);--sys-color-surface-container-lowest:light-dark(#fff,#090f0e);--sys-color-surface-container-low:light-dark(#eff5f3,#161d1c);--sys-color-surface-container:light-dark(#e9efed,#1a2120);--sys-color-surface-container-high:light-dark(#e3eae7,#252b2a);--sys-color-surface-container-highest:light-dark(#dde4e2,#303635)}html,[data-theme=aqua-neutral]{--sys-color-primary:light-dark(#51625f,#b8cac7);--sys-color-surface-tint:light-dark(#51625f,#b8cac7);--sys-color-on-primary:light-dark(#fff,#233331);--sys-color-primary-container:light-dark(#d4e6e3,#394a47);--sys-color-on-primary-container:light-dark(#394a47,#d4e6e3);--sys-color-secondary:light-dark(#56605e,#bec9c6);--sys-color-on-secondary:light-dark(#fff,#293231);--sys-color-secondary-container:light-dark(#dae5e2,#3f4947);--sys-color-on-secondary-container:light-dark(#3f4947,#dae5e2);--sys-color-tertiary:light-dark(#4a6360,#b1ccc7);--sys-color-on-tertiary:light-dark(#fff,#1c3532);--sys-color-tertiary-container:light-dark(#cce8e3,#324b48);--sys-color-on-tertiary-container:light-dark(#324b48,#cce8e3);--sys-color-error:light-dark(#ba1a1a,#ffb4ab);--sys-color-on-error:light-dark(#fff,#690005);--sys-color-error-container:light-dark(#ffdad6,#93000a);--sys-color-on-error-container:light-dark(#93000a,#ffdad6);--sys-color-background:light-dark(#faf9f8,#121413);--sys-color-on-background:light-dark(#1a1c1b,#e3e2e1);--sys-color-surface:light-dark(#faf9f8,#121413);--sys-color-on-surface:light-dark(#1a1c1b,#e3e2e1);--sys-color-surface-variant:light-dark(#e3e2e1,#464746);--sys-color-on-surface-variant:light-dark(#464746,#c7c6c5);--sys-color-outline:light-dark(#777776,#919190);--sys-color-outline-variant:light-dark(#c7c6c5,#464746);--sys-color-shadow:light-dark(#000,#000);--sys-color-scrim:light-dark(#000,#000);--sys-color-inverse-surface:light-dark(#2f3130,#e3e2e1);--sys-color-inverse-on-surface:light-dark(#f2f0ef,#2f3130);--sys-color-inverse-primary:light-dark(#b8cac7,#51625f);--sys-color-primary-fixed:light-dark(#d4e6e3,#d4e6e3);--sys-color-on-primary-fixed:light-dark(#0e1e1c,#0e1e1c);--sys-color-primary-fixed-dim:light-dark(#b8cac7,#b8cac7);--sys-color-on-primary-fixed-variant:light-dark(#394a47,#394a47);--sys-color-secondary-fixed:light-dark(#dae5e2,#dae5e2);--sys-color-on-secondary-fixed:light-dark(#141d1c,#141d1c);--sys-color-secondary-fixed-dim:light-dark(#bec9c6,#bec9c6);--sys-color-on-secondary-fixed-variant:light-dark(#3f4947,#3f4947);--sys-color-tertiary-fixed:light-dark(#cce8e3,#cce8e3);--sys-color-on-tertiary-fixed:light-dark(#051f1d,#051f1d);--sys-color-tertiary-fixed-dim:light-dark(#b1ccc7,#b1ccc7);--sys-color-on-tertiary-fixed-variant:light-dark(#324b48,#324b48);--sys-color-surface-dim:light-dark(#dbdad9,#121413);--sys-color-surface-bright:light-dark(#faf9f8,#383939);--sys-color-surface-container-lowest:light-dark(#fff,#0d0e0e);--sys-color-surface-container-low:light-dark(#f4f3f2,#1a1c1b);--sys-color-surface-container:light-dark(#efeeec,#1f201f);--sys-color-surface-container-high:light-dark(#e9e8e7,#292a2a);--sys-color-surface-container-highest:light-dark(#e3e2e1,#343534)}html,[data-theme=aqua-vibrant]{--sys-color-primary:light-dark(#006a62,#00dece);--sys-color-surface-tint:light-dark(#006a62,#00dece);--sys-color-on-primary:light-dark(#fff,#003733);--sys-color-primary-container:light-dark(#00fdeb,#00504a);--sys-color-on-primary-container:light-dark(#00504a,#00fdeb);--sys-color-secondary:light-dark(#38656a,#a0cfd4);--sys-color-on-secondary:light-dark(#fff,#00363b);--sys-color-secondary-container:light-dark(#bcebf0,#1f4d52);--sys-color-on-secondary-container:light-dark(#1f4d52,#bcebf0);--sys-color-tertiary:light-dark(#23667a,#92cfe6);--sys-color-on-tertiary:light-dark(#fff,#003543);--sys-color-tertiary-container:light-dark(#b6ebff,#004e60);--sys-color-on-tertiary-container:light-dark(#004e60,#b6ebff);--sys-color-error:light-dark(#ba1a1a,#ffb4ab);--sys-color-on-error:light-dark(#fff,#690005);--sys-color-error-container:light-dark(#ffdad6,#93000a);--sys-color-on-error-container:light-dark(#93000a,#ffdad6);--sys-color-background:light-dark(#eefcf9,#091614);--sys-color-on-background:light-dark(#111e1c,#d7e6e2);--sys-color-surface:light-dark(#eefcf9,#091614);--sys-color-on-surface:light-dark(#111e1c,#d7e6e2);--sys-color-surface-variant:light-dark(#d4e6e3,#394a47);--sys-color-on-surface-variant:light-dark(#394a47,#b8cac7);--sys-color-outline:light-dark(#697b78,#829491);--sys-color-outline-variant:light-dark(#b8cac7,#394a47);--sys-color-shadow:light-dark(#000,#000);--sys-color-scrim:light-dark(#000,#000);--sys-color-inverse-surface:light-dark(#263331,#d7e6e2);--sys-color-inverse-on-surface:light-dark(#e5f4f0,#263331);--sys-color-inverse-primary:light-dark(#00dece,#006a62);--sys-color-primary-fixed:light-dark(#00fdeb,#00fdeb);--sys-color-on-primary-fixed:light-dark(#00201d,#00201d);--sys-color-primary-fixed-dim:light-dark(#00dece,#00dece);--sys-color-on-primary-fixed-variant:light-dark(#00504a,#00504a);--sys-color-secondary-fixed:light-dark(#bcebf0,#bcebf0);--sys-color-on-secondary-fixed:light-dark(#002023,#002023);--sys-color-secondary-fixed-dim:light-dark(#a0cfd4,#a0cfd4);--sys-color-on-secondary-fixed-variant:light-dark(#1f4d52,#1f4d52);--sys-color-tertiary-fixed:light-dark(#b6ebff,#b6ebff);--sys-color-on-tertiary-fixed:light-dark(#001f28,#001f28);--sys-color-tertiary-fixed-dim:light-dark(#92cfe6,#92cfe6);--sys-color-on-tertiary-fixed-variant:light-dark(#004e60,#004e60);--sys-color-surface-dim:light-dark(#cfddda,#091614);--sys-color-surface-bright:light-dark(#eefcf9,#2f3c3a);--sys-color-surface-container-lowest:light-dark(#fff,#04100f);--sys-color-surface-container-low:light-dark(#e8f7f3,#111e1c);--sys-color-surface-container:light-dark(#e2f1ee,#152220);--sys-color-surface-container-high:light-dark(#ddebe8,#202c2b);--sys-color-surface-container-highest:light-dark(#d7e6e2,#2a3735)}html,[data-theme=aqua-expressive]{--sys-color-primary:light-dark(#875306,#feb968);--sys-color-surface-tint:light-dark(#875306,#feb968);--sys-color-on-primary:light-dark(#fff,#482900);--sys-color-primary-container:light-dark(#fdb,#673d00);--sys-color-on-primary-container:light-dark(#673d00,#fdb);--sys-color-secondary:light-dark(#406376,#a7cce1);--sys-color-on-secondary:light-dark(#fff,#0c3446);--sys-color-secondary-container:light-dark(#c3e8fe,#274b5d);--sys-color-on-secondary-container:light-dark(#274b5d,#c3e8fe);--sys-color-tertiary:light-dark(#1a6871,#8dd2db);--sys-color-on-tertiary:light-dark(#fff,#00363c);--sys-color-tertiary-container:light-dark(#a9eef8,#004f56);--sys-color-on-tertiary-container:light-dark(#004f56,#a9eef8);--sys-color-error:light-dark(#ba1a1a,#ffb4ab);--sys-color-on-error:light-dark(#fff,#690005);--sys-color-error-container:light-dark(#ffdad6,#93000a);--sys-color-on-error-container:light-dark(#93000a,#ffdad6);--sys-color-background:light-dark(#f1fbfc,#0c1516);--sys-color-on-background:light-dark(#141d1e,#dae4e5);--sys-color-surface:light-dark(#f1fbfc,#0c1516);--sys-color-on-surface:light-dark(#141d1e,#dae4e5);--sys-color-surface-variant:light-dark(#d4e6e7,#394a4b);--sys-color-on-surface-variant:light-dark(#394a4b,#b8cacb);--sys-color-outline:light-dark(#697a7b,#829495);--sys-color-outline-variant:light-dark(#b8cacb,#394a4b);--sys-color-shadow:light-dark(#000,#000);--sys-color-scrim:light-dark(#000,#000);--sys-color-inverse-surface:light-dark(#293233,#dae4e5);--sys-color-inverse-on-surface:light-dark(#e9f3f3,#293233);--sys-color-inverse-primary:light-dark(#feb968,#875306);--sys-color-primary-fixed:light-dark(#fdb,#fdb);--sys-color-on-primary-fixed:light-dark(#2b1700,#2b1700);--sys-color-primary-fixed-dim:light-dark(#feb968,#feb968);--sys-color-on-primary-fixed-variant:light-dark(#673d00,#673d00);--sys-color-secondary-fixed:light-dark(#c3e8fe,#c3e8fe);--sys-color-on-secondary-fixed:light-dark(#001e2b,#001e2b);--sys-color-secondary-fixed-dim:light-dark(#a7cce1,#a7cce1);--sys-color-on-secondary-fixed-variant:light-dark(#274b5d,#274b5d);--sys-color-tertiary-fixed:light-dark(#a9eef8,#a9eef8);--sys-color-on-tertiary-fixed:light-dark(#001f23,#001f23);--sys-color-tertiary-fixed-dim:light-dark(#8dd2db,#8dd2db);--sys-color-on-tertiary-fixed-variant:light-dark(#004f56,#004f56);--sys-color-surface-dim:light-dark(#d2dcdc,#0c1516);--sys-color-surface-bright:light-dark(#f1fbfc,#313b3c);--sys-color-surface-container-lowest:light-dark(#fff,#071010);--sys-color-surface-container-low:light-dark(#ebf6f6,#141d1e);--sys-color-surface-container:light-dark(#e6f0f0,#182122);--sys-color-surface-container-high:light-dark(#e0eaea,#222c2c);--sys-color-surface-container-highest:light-dark(#dae4e5,#2d3637)}html,[data-theme=classic-tonal]{--sys-color-primary:light-dark(#415f91,#aac7ff);--sys-color-surface-tint:light-dark(#415f91,#aac7ff);--sys-color-on-primary:light-dark(#fff,#0b305f);--sys-color-primary-container:light-dark(#d6e3ff,#284777);--sys-color-on-primary-container:light-dark(#284777,#d6e3ff);--sys-color-secondary:light-dark(#565e71,#bec6dc);--sys-color-on-secondary:light-dark(#fff,#283141);--sys-color-secondary-container:light-dark(#dae2f9,#3e4759);--sys-color-on-secondary-container:light-dark(#3e4759,#dae2f9);--sys-color-tertiary:light-dark(#705575,#ddbce0);--sys-color-on-tertiary:light-dark(#fff,#3f2844);--sys-color-tertiary-container:light-dark(#fad8fd,#573e5c);--sys-color-on-tertiary-container:light-dark(#573e5c,#fad8fd);--sys-color-error:light-dark(#ba1a1a,#ffb4ab);--sys-color-on-error:light-dark(#fff,#690005);--sys-color-error-container:light-dark(#ffdad6,#93000a);--sys-color-on-error-container:light-dark(#93000a,#ffdad6);--sys-color-background:light-dark(#f9f9ff,#111318);--sys-color-on-background:light-dark(#191c20,#e2e2e9);--sys-color-surface:light-dark(#f9f9ff,#111318);--sys-color-on-surface:light-dark(#191c20,#e2e2e9);--sys-color-surface-variant:light-dark(#e0e2ec,#44474e);--sys-color-on-surface-variant:light-dark(#44474e,#c4c6d0);--sys-color-outline:light-dark(#74777f,#8e9099);--sys-color-outline-variant:light-dark(#c4c6d0,#44474e);--sys-color-shadow:light-dark(#000,#000);--sys-color-scrim:light-dark(#000,#000);--sys-color-inverse-surface:light-dark(#2e3036,#e2e2e9);--sys-color-inverse-on-surface:light-dark(#f0f0f7,#2e3036);--sys-color-inverse-primary:light-dark(#aac7ff,#415f91);--sys-color-primary-fixed:light-dark(#d6e3ff,#d6e3ff);--sys-color-on-primary-fixed:light-dark(#001b3e,#001b3e);--sys-color-primary-fixed-dim:light-dark(#aac7ff,#aac7ff);--sys-color-on-primary-fixed-variant:light-dark(#284777,#284777);--sys-color-secondary-fixed:light-dark(#dae2f9,#dae2f9);--sys-color-on-secondary-fixed:light-dark(#131c2b,#131c2b);--sys-color-secondary-fixed-dim:light-dark(#bec6dc,#bec6dc);--sys-color-on-secondary-fixed-variant:light-dark(#3e4759,#3e4759);--sys-color-tertiary-fixed:light-dark(#fad8fd,#fad8fd);--sys-color-on-tertiary-fixed:light-dark(#28132e,#28132e);--sys-color-tertiary-fixed-dim:light-dark(#ddbce0,#ddbce0);--sys-color-on-tertiary-fixed-variant:light-dark(#573e5c,#573e5c);--sys-color-surface-dim:light-dark(#d9d9e0,#111318);--sys-color-surface-bright:light-dark(#f9f9ff,#37393e);--sys-color-surface-container-lowest:light-dark(#fff,#0c0e13);--sys-color-surface-container-low:light-dark(#f3f3fa,#191c20);--sys-color-surface-container:light-dark(#ededf4,#1e2024);--sys-color-surface-container-high:light-dark(#e7e8ee,#282a2f);--sys-color-surface-container-highest:light-dark(#e2e2e9,#33353a)}html,[data-theme=classic-neutral]{--sys-color-primary:light-dark(#595e6c,#c1c6d6);--sys-color-surface-tint:light-dark(#595e6c,#c1c6d6);--sys-color-on-primary:light-dark(#fff,#2b303c);--sys-color-primary-container:light-dark(#dde2f2,#414753);--sys-color-on-primary-container:light-dark(#414753,#dde2f2);--sys-color-secondary:light-dark(#5b5e66,#c4c6d0);--sys-color-on-secondary:light-dark(#fff,#2d3038);--sys-color-secondary-container:light-dark(#e0e2ec,#44474e);--sys-color-on-secondary-container:light-dark(#44474e,#e0e2ec);--sys-color-tertiary:light-dark(#565e71,#bec6dc);--sys-color-on-tertiary:light-dark(#fff,#283141);--sys-color-tertiary-container:light-dark(#dae2f9,#3e4759);--sys-color-on-tertiary-container:light-dark(#3e4759,#dae2f9);--sys-color-error:light-dark(#ba1a1a,#ffb4ab);--sys-color-on-error:light-dark(#fff,#690005);--sys-color-error-container:light-dark(#ffdad6,#93000a);--sys-color-on-error-container:light-dark(#93000a,#ffdad6);--sys-color-background:light-dark(#fcf8fa,#131315);--sys-color-on-background:light-dark(#1b1b1d,#e4e2e3);--sys-color-surface:light-dark(#fcf8fa,#131315);--sys-color-on-surface:light-dark(#1b1b1d,#e4e2e3);--sys-color-surface-variant:light-dark(#e4e2e3,#474648);--sys-color-on-surface-variant:light-dark(#474648,#c8c6c7);--sys-color-outline:light-dark(#787778,#929092);--sys-color-outline-variant:light-dark(#c8c6c7,#474648);--sys-color-shadow:light-dark(#000,#000);--sys-color-scrim:light-dark(#000,#000);--sys-color-inverse-surface:light-dark(#303032,#e4e2e3);--sys-color-inverse-on-surface:light-dark(#f3f0f1,#303032);--sys-color-inverse-primary:light-dark(#c1c6d6,#595e6c);--sys-color-primary-fixed:light-dark(#dde2f2,#dde2f2);--sys-color-on-primary-fixed:light-dark(#161c27,#161c27);--sys-color-primary-fixed-dim:light-dark(#c1c6d6,#c1c6d6);--sys-color-on-primary-fixed-variant:light-dark(#414753,#414753);--sys-color-secondary-fixed:light-dark(#e0e2ec,#e0e2ec);--sys-color-on-secondary-fixed:light-dark(#181c22,#181c22);--sys-color-secondary-fixed-dim:light-dark(#c4c6d0,#c4c6d0);--sys-color-on-secondary-fixed-variant:light-dark(#44474e,#44474e);--sys-color-tertiary-fixed:light-dark(#dae2f9,#dae2f9);--sys-color-on-tertiary-fixed:light-dark(#131c2b,#131c2b);--sys-color-tertiary-fixed-dim:light-dark(#bec6dc,#bec6dc);--sys-color-on-tertiary-fixed-variant:light-dark(#3e4759,#3e4759);--sys-color-surface-dim:light-dark(#dcd9db,#131315);--sys-color-surface-bright:light-dark(#fcf8fa,#39393a);--sys-color-surface-container-lowest:light-dark(#fff,#0e0e0f);--sys-color-surface-container-low:light-dark(#f6f3f4,#1b1b1d);--sys-color-surface-container:light-dark(#f0edee,#1f1f21);--sys-color-surface-container-high:light-dark(#eae7e9,#2a2a2b);--sys-color-surface-container-highest:light-dark(#e4e2e3,#353436)}html,[data-theme=classic-vibrant]{--sys-color-primary:light-dark(#005cb9,#aac7ff);--sys-color-surface-tint:light-dark(#005cb9,#aac7ff);--sys-color-on-primary:light-dark(#fff,#002f64);--sys-color-primary-container:light-dark(#d6e3ff,#00458e);--sys-color-on-primary-container:light-dark(#00458e,#d6e3ff);--sys-color-secondary:light-dark(#575c7e,#c0c4eb);--sys-color-on-secondary:light-dark(#fff,#292e4d);--sys-color-secondary-container:light-dark(#dee0ff,#404565);--sys-color-on-secondary-container:light-dark(#404565,#dee0ff);--sys-color-tertiary:light-dark(#60588a,#c9bff8);--sys-color-on-tertiary:light-dark(#fff,#312a58);--sys-color-tertiary-container:light-dark(#e6deff,#484070);--sys-color-on-tertiary-container:light-dark(#484070,#e6deff);--sys-color-error:light-dark(#ba1a1a,#ffb4ab);--sys-color-on-error:light-dark(#fff,#690005);--sys-color-error-container:light-dark(#ffdad6,#93000a);--sys-color-on-error-container:light-dark(#93000a,#ffdad6);--sys-color-background:light-dark(#f9f9ff,#0f131c);--sys-color-on-background:light-dark(#171c25,#dfe2ef);--sys-color-surface:light-dark(#f9f9ff,#0f131c);--sys-color-on-surface:light-dark(#171c25,#dfe2ef);--sys-color-surface-variant:light-dark(#dde2f2,#414753);--sys-color-on-surface-variant:light-dark(#414753,#c1c6d6);--sys-color-outline:light-dark(#717785,#8b919f);--sys-color-outline-variant:light-dark(#c1c6d6,#414753);--sys-color-shadow:light-dark(#000,#000);--sys-color-scrim:light-dark(#000,#000);--sys-color-inverse-surface:light-dark(#2c303a,#dfe2ef);--sys-color-inverse-on-surface:light-dark(#edf0fd,#2c303a);--sys-color-inverse-primary:light-dark(#aac7ff,#005cb9);--sys-color-primary-fixed:light-dark(#d6e3ff,#d6e3ff);--sys-color-on-primary-fixed:light-dark(#001b3e,#001b3e);--sys-color-primary-fixed-dim:light-dark(#aac7ff,#aac7ff);--sys-color-on-primary-fixed-variant:light-dark(#00458e,#00458e);--sys-color-secondary-fixed:light-dark(#dee0ff,#dee0ff);--sys-color-on-secondary-fixed:light-dark(#141937,#141937);--sys-color-secondary-fixed-dim:light-dark(#c0c4eb,#c0c4eb);--sys-color-on-secondary-fixed-variant:light-dark(#404565,#404565);--sys-color-tertiary-fixed:light-dark(#e6deff,#e6deff);--sys-color-on-tertiary-fixed:light-dark(#1c1442,#1c1442);--sys-color-tertiary-fixed-dim:light-dark(#c9bff8,#c9bff8);--sys-color-on-tertiary-fixed-variant:light-dark(#484070,#484070);--sys-color-surface-dim:light-dark(#d6dae6,#0f131c);--sys-color-surface-bright:light-dark(#f9f9ff,#353943);--sys-color-surface-container-lowest:light-dark(#fff,#0a0e17);--sys-color-surface-container-low:light-dark(#f0f3ff,#171c25);--sys-color-surface-container:light-dark(#eaedfa,#1b2029);--sys-color-surface-container-high:light-dark(#e4e8f5,#262a33);--sys-color-surface-container-highest:light-dark(#dfe2ef,#30353e)}html,[data-theme=classic-expressive]{--sys-color-primary:light-dark(#396932,#9fd491);--sys-color-surface-tint:light-dark(#396932,#9fd491);--sys-color-on-primary:light-dark(#fff,#073907);--sys-color-primary-container:light-dark(#baf1ab,#21511c);--sys-color-on-primary-container:light-dark(#21511c,#baf1ab);--sys-color-secondary:light-dark(#7c5264,#edb8cd);--sys-color-on-secondary:light-dark(#fff,#482535);--sys-color-secondary-container:light-dark(#ffd8e6,#623b4c);--sys-color-on-secondary-container:light-dark(#623b4c,#ffd8e6);--sys-color-tertiary:light-dark(#535b8b,#bcc3fa);--sys-color-on-tertiary:light-dark(#fff,#252d5a);--sys-color-tertiary-container:light-dark(#dee0ff,#3b4472);--sys-color-on-tertiary-container:light-dark(#3b4472,#dee0ff);--sys-color-error:light-dark(#ba1a1a,#ffb4ab);--sys-color-on-error:light-dark(#fff,#690005);--sys-color-error-container:light-dark(#ffdad6,#93000a);--sys-color-on-error-container:light-dark(#93000a,#ffdad6);--sys-color-background:light-dark(#fbf8ff,#12131a);--sys-color-on-background:light-dark(#1a1b23,#e3e1ec);--sys-color-surface:light-dark(#fbf8ff,#12131a);--sys-color-on-surface:light-dark(#1a1b23,#e3e1ec);--sys-color-surface-variant:light-dark(#e1e1f3,#444654);--sys-color-on-surface-variant:light-dark(#444654,#c5c5d6);--sys-color-outline:light-dark(#757685,#8f8f9f);--sys-color-outline-variant:light-dark(#c5c5d6,#444654);--sys-color-shadow:light-dark(#000,#000);--sys-color-scrim:light-dark(#000,#000);--sys-color-inverse-surface:light-dark(#2f3038,#e3e1ec);--sys-color-inverse-on-surface:light-dark(#f1effa,#2f3038);--sys-color-inverse-primary:light-dark(#9fd491,#396932);--sys-color-primary-fixed:light-dark(#baf1ab,#baf1ab);--sys-color-on-primary-fixed:light-dark(#002201,#002201);--sys-color-primary-fixed-dim:light-dark(#9fd491,#9fd491);--sys-color-on-primary-fixed-variant:light-dark(#21511c,#21511c);--sys-color-secondary-fixed:light-dark(#ffd8e6,#ffd8e6);--sys-color-on-secondary-fixed:light-dark(#301120,#301120);--sys-color-secondary-fixed-dim:light-dark(#edb8cd,#edb8cd);--sys-color-on-secondary-fixed-variant:light-dark(#623b4c,#623b4c);--sys-color-tertiary-fixed:light-dark(#dee0ff,#dee0ff);--sys-color-on-tertiary-fixed:light-dark(#0e1744,#0e1744);--sys-color-tertiary-fixed-dim:light-dark(#bcc3fa,#bcc3fa);--sys-color-on-tertiary-fixed-variant:light-dark(#3b4472,#3b4472);--sys-color-surface-dim:light-dark(#dad9e4,#12131a);--sys-color-surface-bright:light-dark(#fbf8ff,#383941);--sys-color-surface-container-lowest:light-dark(#fff,#0d0e15);--sys-color-surface-container-low:light-dark(#f4f2fd,#1a1b23);--sys-color-surface-container:light-dark(#eeedf8,#1e1f27);--sys-color-surface-container-high:light-dark(#e8e7f2,#292931);--sys-color-surface-container-highest:light-dark(#e3e1ec,#33343c)}html,[data-theme=fuchsia-tonal]{--sys-color-primary:light-dark(#804d7a,#f1b3e6);--sys-color-surface-tint:light-dark(#804d7a,#f1b3e6);--sys-color-on-primary:light-dark(#fff,#4c1f49);--sys-color-primary-container:light-dark(#ffd7f5,#653661);--sys-color-on-primary-container:light-dark(#653661,#ffd7f5);--sys-color-secondary:light-dark(#6d5869,#dabfd2);--sys-color-on-secondary:light-dark(#fff,#3d2b3a);--sys-color-secondary-container:light-dark(#f7daef,#554151);--sys-color-on-secondary-container:light-dark(#554151,#f7daef);--sys-color-tertiary:light-dark(#825345,#f5b8a7);--sys-color-on-tertiary:light-dark(#fff,#4c261b);--sys-color-tertiary-container:light-dark(#ffdbd1,#663c2f);--sys-color-on-tertiary-container:light-dark(#663c2f,#ffdbd1);--sys-color-error:light-dark(#ba1a1a,#ffb4ab);--sys-color-on-error:light-dark(#fff,#690005);--sys-color-error-container:light-dark(#ffdad6,#93000a);--sys-color-on-error-container:light-dark(#93000a,#ffdad6);--sys-color-background:light-dark(#fff7f9,#171216);--sys-color-on-background:light-dark(#201a1e,#ecdfe5);--sys-color-surface:light-dark(#fff7f9,#171216);--sys-color-on-surface:light-dark(#201a1e,#ecdfe5);--sys-color-surface-variant:light-dark(#eedee7,#4e444b);--sys-color-on-surface-variant:light-dark(#4e444b,#d1c2cb);--sys-color-outline:light-dark(#80747c,#9a8d95);--sys-color-outline-variant:light-dark(#d1c2cb,#4e444b);--sys-color-shadow:light-dark(#000,#000);--sys-color-scrim:light-dark(#000,#000);--sys-color-inverse-surface:light-dark(#352e33,#ecdfe5);--sys-color-inverse-on-surface:light-dark(#faedf4,#352e33);--sys-color-inverse-primary:light-dark(#f1b3e6,#804d7a);--sys-color-primary-fixed:light-dark(#ffd7f5,#ffd7f5);--sys-color-on-primary-fixed:light-dark(#340832,#340832);--sys-color-primary-fixed-dim:light-dark(#f1b3e6,#f1b3e6);--sys-color-on-primary-fixed-variant:light-dark(#653661,#653661);--sys-color-secondary-fixed:light-dark(#f7daef,#f7daef);--sys-color-on-secondary-fixed:light-dark(#271624,#271624);--sys-color-secondary-fixed-dim:light-dark(#dabfd2,#dabfd2);--sys-color-on-secondary-fixed-variant:light-dark(#554151,#554151);--sys-color-tertiary-fixed:light-dark(#ffdbd1,#ffdbd1);--sys-color-on-tertiary-fixed:light-dark(#321208,#321208);--sys-color-tertiary-fixed-dim:light-dark(#f5b8a7,#f5b8a7);--sys-color-on-tertiary-fixed-variant:light-dark(#663c2f,#663c2f);--sys-color-surface-dim:light-dark(#e3d7dd,#171216);--sys-color-surface-bright:light-dark(#fff7f9,#3e373c);--sys-color-surface-container-lowest:light-dark(#fff,#120d11);--sys-color-surface-container-low:light-dark(#fdf0f7,#201a1e);--sys-color-surface-container:light-dark(#f7ebf1,#241e22);--sys-color-surface-container-high:light-dark(#f1e5eb,#2f282d);--sys-color-surface-container-highest:light-dark(#ecdfe5,#3a3338)}html,[data-theme=fuchsia-neutral]{--sys-color-primary:light-dark(#6a5a66,#d6c1cf);--sys-color-surface-tint:light-dark(#6a5a66,#d6c1cf);--sys-color-on-primary:light-dark(#fff,#3a2c37);--sys-color-primary-container:light-dark(#f2dceb,#51424e);--sys-color-on-primary-container:light-dark(#51424e,#f2dceb);--sys-color-secondary:light-dark(#665b63,#d1c2cb);--sys-color-on-secondary:light-dark(#fff,#372e34);--sys-color-secondary-container:light-dark(#eedee7,#4e444b);--sys-color-on-secondary-container:light-dark(#4e444b,#eedee7);--sys-color-tertiary:light-dark(#6d5869,#dabfd2);--sys-color-on-tertiary:light-dark(#fff,#3d2b3a);--sys-color-tertiary-container:light-dark(#f7daef,#554151);--sys-color-on-tertiary-container:light-dark(#554151,#f7daef);--sys-color-error:light-dark(#ba1a1a,#ffb4ab);--sys-color-on-error:light-dark(#fff,#690005);--sys-color-error-container:light-dark(#ffdad6,#93000a);--sys-color-on-error-container:light-dark(#93000a,#ffdad6);--sys-color-background:light-dark(#fef8f9,#151314);--sys-color-on-background:light-dark(#1d1b1c,#e7e1e2);--sys-color-surface:light-dark(#fef8f9,#151314);--sys-color-on-surface:light-dark(#1d1b1c,#e7e1e2);--sys-color-surface-variant:light-dark(#e7e1e2,#494647);--sys-color-on-surface-variant:light-dark(#494647,#cbc5c6);--sys-color-outline:light-dark(#7a7677,#948f91);--sys-color-outline-variant:light-dark(#cbc5c6,#494647);--sys-color-shadow:light-dark(#000,#000);--sys-color-scrim:light-dark(#000,#000);--sys-color-inverse-surface:light-dark(#323031,#e7e1e2);--sys-color-inverse-on-surface:light-dark(#f6eff0,#323031);--sys-color-inverse-primary:light-dark(#d6c1cf,#6a5a66);--sys-color-primary-fixed:light-dark(#f2dceb,#f2dceb);--sys-color-on-primary-fixed:light-dark(#241822,#241822);--sys-color-primary-fixed-dim:light-dark(#d6c1cf,#d6c1cf);--sys-color-on-primary-fixed-variant:light-dark(#51424e,#51424e);--sys-color-secondary-fixed:light-dark(#eedee7,#eedee7);--sys-color-on-secondary-fixed:light-dark(#21191f,#21191f);--sys-color-secondary-fixed-dim:light-dark(#d1c2cb,#d1c2cb);--sys-color-on-secondary-fixed-variant:light-dark(#4e444b,#4e444b);--sys-color-tertiary-fixed:light-dark(#f7daef,#f7daef);--sys-color-on-tertiary-fixed:light-dark(#271624,#271624);--sys-color-tertiary-fixed-dim:light-dark(#dabfd2,#dabfd2);--sys-color-on-tertiary-fixed-variant:light-dark(#554151,#554151);--sys-color-surface-dim:light-dark(#dfd8da,#151314);--sys-color-surface-bright:light-dark(#fef8f9,#3b383a);--sys-color-surface-container-lowest:light-dark(#fff,#100e0f);--sys-color-surface-container-low:light-dark(#f9f2f3,#1d1b1c);--sys-color-surface-container:light-dark(#f3ecee,#211f20);--sys-color-surface-container-high:light-dark(#ede7e8,#2c292a);--sys-color-surface-container-highest:light-dark(#e7e1e2,#373435)}html,[data-theme=fuchsia-vibrant]{--sys-color-primary:light-dark(#a900a9,#ffaaf3);--sys-color-surface-tint:light-dark(#a900a9,#ffaaf3);--sys-color-on-primary:light-dark(#fff,#5b005b);--sys-color-primary-container:light-dark(#ffd7f5,#810081);--sys-color-on-primary-container:light-dark(#810081,#ffd7f5);--sys-color-secondary:light-dark(#7a5368,#eab9d2);--sys-color-on-secondary:light-dark(#fff,#472639);--sys-color-secondary-container:light-dark(#ffd8eb,#603c50);--sys-color-on-secondary-container:light-dark(#603c50,#ffd8eb);--sys-color-tertiary:light-dark(#874d60,#fcb2c8);--sys-color-on-tertiary:light-dark(#fff,#512032);--sys-color-tertiary-container:light-dark(#ffd9e2,#6c3649);--sys-color-on-tertiary-container:light-dark(#6c3649,#ffd9e2);--sys-color-error:light-dark(#ba1a1a,#ffb4ab);--sys-color-on-error:light-dark(#fff,#690005);--sys-color-error-container:light-dark(#ffdad6,#93000a);--sys-color-on-error-container:light-dark(#93000a,#ffdad6);--sys-color-background:light-dark(#fff7f9,#1a1018);--sys-color-on-background:light-dark(#231821,#f0dde9);--sys-color-surface:light-dark(#fff7f9,#1a1018);--sys-color-on-surface:light-dark(#231821,#f0dde9);--sys-color-surface-variant:light-dark(#f2dceb,#51424e);--sys-color-on-surface-variant:light-dark(#51424e,#d6c1cf);--sys-color-outline:light-dark(#83727f,#9e8b99);--sys-color-outline-variant:light-dark(#d6c1cf,#51424e);--sys-color-shadow:light-dark(#000,#000);--sys-color-scrim:light-dark(#000,#000);--sys-color-inverse-surface:light-dark(#382d36,#f0dde9);--sys-color-inverse-on-surface:light-dark(#ffebf7,#382d36);--sys-color-inverse-primary:light-dark(#ffaaf3,#a900a9);--sys-color-primary-fixed:light-dark(#ffd7f5,#ffd7f5);--sys-color-on-primary-fixed:light-dark(#380038,#380038);--sys-color-primary-fixed-dim:light-dark(#ffaaf3,#ffaaf3);--sys-color-on-primary-fixed-variant:light-dark(#810081,#810081);--sys-color-secondary-fixed:light-dark(#ffd8eb,#ffd8eb);--sys-color-on-secondary-fixed:light-dark(#2f1124,#2f1124);--sys-color-secondary-fixed-dim:light-dark(#eab9d2,#eab9d2);--sys-color-on-secondary-fixed-variant:light-dark(#603c50,#603c50);--sys-color-tertiary-fixed:light-dark(#ffd9e2,#ffd9e2);--sys-color-on-tertiary-fixed:light-dark(#370a1d,#370a1d);--sys-color-tertiary-fixed-dim:light-dark(#fcb2c8,#fcb2c8);--sys-color-on-tertiary-fixed-variant:light-dark(#6c3649,#6c3649);--sys-color-surface-dim:light-dark(#e7d5e1,#1a1018);--sys-color-surface-bright:light-dark(#fff7f9,#41363f);--sys-color-surface-container-lowest:light-dark(#fff,#140b13);--sys-color-surface-container-low:light-dark(#ffeff8,#231821);--sys-color-surface-container:light-dark(#fce9f4,#271c25);--sys-color-surface-container-high:light-dark(#f6e3ef,#32272f);--sys-color-surface-container-highest:light-dark(#f0dde9,#3d313a)}html,[data-theme=fuchsia-expressive]{--sys-color-primary:light-dark(#006878,#76d4e9);--sys-color-surface-tint:light-dark(#006878,#76d4e9);--sys-color-on-primary:light-dark(#fff,#00363f);--sys-color-primary-container:light-dark(#a6eeff,#004e5b);--sys-color-on-primary-container:light-dark(#004e5b,#a6eeff);--sys-color-secondary:light-dark(#815250,#f5b7b5);--sys-color-on-secondary:light-dark(#fff,#4c2525);--sys-color-secondary-container:light-dark(#ffdad8,#663b3a);--sys-color-on-secondary-container:light-dark(#663b3a,#ffdad8);--sys-color-tertiary:light-dark(#6f5d1b,#ddc578);--sys-color-on-tertiary:light-dark(#fff,#3b2f00);--sys-color-tertiary-container:light-dark(#fae191,#554502);--sys-color-on-tertiary-container:light-dark(#554502,#fae191);--sys-color-error:light-dark(#ba1a1a,#ffb4ab);--sys-color-on-error:light-dark(#fff,#690005);--sys-color-error-container:light-dark(#ffdad6,#93000a);--sys-color-on-error-container:light-dark(#93000a,#ffdad6);--sys-color-background:light-dark(#fff8f8,#1a1115);--sys-color-on-background:light-dark(#23191d,#f1dee4);--sys-color-surface:light-dark(#fff8f8,#1a1115);--sys-color-on-surface:light-dark(#23191d,#f1dee4);--sys-color-surface-variant:light-dark(#f7dbe6,#54424a);--sys-color-on-surface-variant:light-dark(#54424a,#dac0ca);--sys-color-outline:light-dark(#87717a,#a28b94);--sys-color-outline-variant:light-dark(#dac0ca,#54424a);--sys-color-shadow:light-dark(#000,#000);--sys-color-scrim:light-dark(#000,#000);--sys-color-inverse-surface:light-dark(#392d32,#f1dee4);--sys-color-inverse-on-surface:light-dark(#ffecf2,#392d32);--sys-color-inverse-primary:light-dark(#76d4e9,#006878);--sys-color-primary-fixed:light-dark(#a6eeff,#a6eeff);--sys-color-on-primary-fixed:light-dark(#001f25,#001f25);--sys-color-primary-fixed-dim:light-dark(#76d4e9,#76d4e9);--sys-color-on-primary-fixed-variant:light-dark(#004e5b,#004e5b);--sys-color-secondary-fixed:light-dark(#ffdad8,#ffdad8);--sys-color-on-secondary-fixed:light-dark(#311,#311);--sys-color-secondary-fixed-dim:light-dark(#f5b7b5,#f5b7b5);--sys-color-on-secondary-fixed-variant:light-dark(#663b3a,#663b3a);--sys-color-tertiary-fixed:light-dark(#fae191,#fae191);--sys-color-on-tertiary-fixed:light-dark(#231b00,#231b00);--sys-color-tertiary-fixed-dim:light-dark(#ddc578,#ddc578);--sys-color-on-tertiary-fixed-variant:light-dark(#554502,#554502);--sys-color-surface-dim:light-dark(#e8d5dc,#1a1115);--sys-color-surface-bright:light-dark(#fff8f8,#42363b);--sys-color-surface-container-lowest:light-dark(#fff,#150c10);--sys-color-surface-container-low:light-dark(#fff0f4,#23191d);--sys-color-surface-container:light-dark(#fce9ef,#271d21);--sys-color-surface-container-high:light-dark(#f6e3ea,#32272c);--sys-color-surface-container-highest:light-dark(#f1dee4,#3d3237)}html,[data-theme=paper-tonal]{--sys-color-primary:light-dark(#69548d,#d4bbfc);--sys-color-surface-tint:light-dark(#69548d,#d4bbfc);--sys-color-on-primary:light-dark(#fff,#39255b);--sys-color-primary-container:light-dark(#ebdcff,#503c74);--sys-color-on-primary-container:light-dark(#503c74,#ebdcff);--sys-color-secondary:light-dark(#635b70,#cdc2db);--sys-color-on-secondary:light-dark(#fff,#342d40);--sys-color-secondary-container:light-dark(#eadef7,#4b4358);--sys-color-on-secondary-container:light-dark(#4b4358,#eadef7);--sys-color-tertiary:light-dark(#7f525d,#f1b7c4);--sys-color-on-tertiary:light-dark(#fff,#4a252f);--sys-color-tertiary-container:light-dark(#ffd9e0,#643b45);--sys-color-on-tertiary-container:light-dark(#643b45,#ffd9e0);--sys-color-error:light-dark(#ba1a1a,#ffb4ab);--sys-color-on-error:light-dark(#fff,#690005);--sys-color-error-container:light-dark(#ffdad6,#93000a);--sys-color-on-error-container:light-dark(#93000a,#ffdad6);--sys-color-background:light-dark(#fef7ff,#151218);--sys-color-on-background:light-dark(#1d1b20,#e7e0e8);--sys-color-surface:light-dark(#fef7ff,#151218);--sys-color-on-surface:light-dark(#1d1b20,#e7e0e8);--sys-color-surface-variant:light-dark(#e8e0eb,#49454e);--sys-color-on-surface-variant:light-dark(#49454e,#cbc4cf);--sys-color-outline:light-dark(#7a757f,#948e99);--sys-color-outline-variant:light-dark(#cbc4cf,#49454e);--sys-color-shadow:light-dark(#000,#000);--sys-color-scrim:light-dark(#000,#000);--sys-color-inverse-surface:light-dark(#322f35,#e7e0e8);--sys-color-inverse-on-surface:light-dark(#f5eef7,#322f35);--sys-color-inverse-primary:light-dark(#d4bbfc,#69548d);--sys-color-primary-fixed:light-dark(#ebdcff,#ebdcff);--sys-color-on-primary-fixed:light-dark(#240e45,#240e45);--sys-color-primary-fixed-dim:light-dark(#d4bbfc,#d4bbfc);--sys-color-on-primary-fixed-variant:light-dark(#503c74,#503c74);--sys-color-secondary-fixed:light-dark(#eadef7,#eadef7);--sys-color-on-secondary-fixed:light-dark(#1f182a,#1f182a);--sys-color-secondary-fixed-dim:light-dark(#cdc2db,#cdc2db);--sys-color-on-secondary-fixed-variant:light-dark(#4b4358,#4b4358);--sys-color-tertiary-fixed:light-dark(#ffd9e0,#ffd9e0);--sys-color-on-tertiary-fixed:light-dark(#32101a,#32101a);--sys-color-tertiary-fixed-dim:light-dark(#f1b7c4,#f1b7c4);--sys-color-on-tertiary-fixed-variant:light-dark(#643b45,#643b45);--sys-color-surface-dim:light-dark(#ded8e0,#151218);--sys-color-surface-bright:light-dark(#fef7ff,#3b383e);--sys-color-surface-container-lowest:light-dark(#fff,#0f0d13);--sys-color-surface-container-low:light-dark(#f8f1f9,#1d1b20);--sys-color-surface-container:light-dark(#f3ecf4,#211f24);--sys-color-surface-container-high:light-dark(#ede6ee,#2c292f);--sys-color-surface-container-highest:light-dark(#e7e0e8,#37343a)}html,[data-theme=paper-neutral]{--sys-color-primary:light-dark(#625c6b,#ccc3d5);--sys-color-surface-tint:light-dark(#625c6b,#ccc3d5);--sys-color-on-primary:light-dark(#fff,#332e3c);--sys-color-primary-container:light-dark(#e9dff1,#4a4453);--sys-color-on-primary-container:light-dark(#4a4453,#e9dff1);--sys-color-secondary:light-dark(#615c66,#cbc4cf);--sys-color-on-secondary:light-dark(#fff,#332f37);--sys-color-secondary-container:light-dark(#e8e0eb,#49454e);--sys-color-on-secondary-container:light-dark(#49454e,#e8e0eb);--sys-color-tertiary:light-dark(#635b70,#cdc2db);--sys-color-on-tertiary:light-dark(#fff,#342d40);--sys-color-tertiary-container:light-dark(#eadef7,#4b4358);--sys-color-on-tertiary-container:light-dark(#4b4358,#eadef7);--sys-color-error:light-dark(#ba1a1a,#ffb4ab);--sys-color-on-error:light-dark(#fff,#690005);--sys-color-error-container:light-dark(#ffdad6,#93000a);--sys-color-on-error-container:light-dark(#93000a,#ffdad6);--sys-color-background:light-dark(#fdf8fa,#141314);--sys-color-on-background:light-dark(#1c1b1d,#e6e1e3);--sys-color-surface:light-dark(#fdf8fa,#141314);--sys-color-on-surface:light-dark(#1c1b1d,#e6e1e3);--sys-color-surface-variant:light-dark(#e6e1e3,#484648);--sys-color-on-surface-variant:light-dark(#484648,#cac5c7);--sys-color-outline:light-dark(#797678,#939092);--sys-color-outline-variant:light-dark(#cac5c7,#484648);--sys-color-shadow:light-dark(#000,#000);--sys-color-scrim:light-dark(#000,#000);--sys-color-inverse-surface:light-dark(#313031,#e6e1e3);--sys-color-inverse-on-surface:light-dark(#f4eff1,#313031);--sys-color-inverse-primary:light-dark(#ccc3d5,#625c6b);--sys-color-primary-fixed:light-dark(#e9dff1,#e9dff1);--sys-color-on-primary-fixed:light-dark(#1e1926,#1e1926);--sys-color-primary-fixed-dim:light-dark(#ccc3d5,#ccc3d5);--sys-color-on-primary-fixed-variant:light-dark(#4a4453,#4a4453);--sys-color-secondary-fixed:light-dark(#e8e0eb,#e8e0eb);--sys-color-on-secondary-fixed:light-dark(#1d1a22,#1d1a22);--sys-color-secondary-fixed-dim:light-dark(#cbc4cf,#cbc4cf);--sys-color-on-secondary-fixed-variant:light-dark(#49454e,#49454e);--sys-color-tertiary-fixed:light-dark(#eadef7,#eadef7);--sys-color-on-tertiary-fixed:light-dark(#1f182a,#1f182a);--sys-color-tertiary-fixed-dim:light-dark(#cdc2db,#cdc2db);--sys-color-on-tertiary-fixed-variant:light-dark(#4b4358,#4b4358);--sys-color-surface-dim:light-dark(#ddd9db,#141314);--sys-color-surface-bright:light-dark(#fdf8fa,#3a393a);--sys-color-surface-container-lowest:light-dark(#fff,#0f0e0f);--sys-color-surface-container-low:light-dark(#f7f2f4,#1c1b1d);--sys-color-surface-container:light-dark(#f1edee,#201f21);--sys-color-surface-container-high:light-dark(#ece7e9,#2b292b);--sys-color-surface-container-highest:light-dark(#e6e1e3,#363436)}html,[data-theme=paper-vibrant]{--sys-color-primary:light-dark(#7b00fc,#d4bbff);--sys-color-surface-tint:light-dark(#7b00fc,#d4bbff);--sys-color-on-primary:light-dark(#fff,#41008b);--sys-color-primary-container:light-dark(#ebdcff,#5d00c2);--sys-color-on-primary-container:light-dark(#5d00c2,#ebdcff);--sys-color-secondary:light-dark(#6c5677,#d8bde4);--sys-color-on-secondary:light-dark(#fff,#3c2947);--sys-color-secondary-container:light-dark(#f4d9ff,#533f5f);--sys-color-on-secondary-container:light-dark(#533f5f,#f4d9ff);--sys-color-tertiary:light-dark(#79507a,#e8b7e7);--sys-color-on-tertiary:light-dark(#fff,#462349);--sys-color-tertiary-container:light-dark(#ffd6fc,#5f3961);--sys-color-on-tertiary-container:light-dark(#5f3961,#ffd6fc);--sys-color-error:light-dark(#ba1a1a,#ffb4ab);--sys-color-on-error:light-dark(#fff,#690005);--sys-color-error-container:light-dark(#ffdad6,#93000a);--sys-color-on-error-container:light-dark(#93000a,#ffdad6);--sys-color-background:light-dark(#fef7ff,#15121c);--sys-color-on-background:light-dark(#1e1a24,#e8dfee);--sys-color-surface:light-dark(#fef7ff,#15121c);--sys-color-on-surface:light-dark(#1e1a24,#e8dfee);--sys-color-surface-variant:light-dark(#e9dff1,#4a4453);--sys-color-on-surface-variant:light-dark(#4a4453,#ccc3d5);--sys-color-outline:light-dark(#7b7484,#968e9e);--sys-color-outline-variant:light-dark(#ccc3d5,#4a4453);--sys-color-shadow:light-dark(#000,#000);--sys-color-scrim:light-dark(#000,#000);--sys-color-inverse-surface:light-dark(#332e39,#e8dfee);--sys-color-inverse-on-surface:light-dark(#f7eefd,#332e39);--sys-color-inverse-primary:light-dark(#d4bbff,#7b00fc);--sys-color-primary-fixed:light-dark(#ebdcff,#ebdcff);--sys-color-on-primary-fixed:light-dark(#270058,#270058);--sys-color-primary-fixed-dim:light-dark(#d4bbff,#d4bbff);--sys-color-on-primary-fixed-variant:light-dark(#5d00c2,#5d00c2);--sys-color-secondary-fixed:light-dark(#f4d9ff,#f4d9ff);--sys-color-on-secondary-fixed:light-dark(#261431,#261431);--sys-color-secondary-fixed-dim:light-dark(#d8bde4,#d8bde4);--sys-color-on-secondary-fixed-variant:light-dark(#533f5f,#533f5f);--sys-color-tertiary-fixed:light-dark(#ffd6fc,#ffd6fc);--sys-color-on-tertiary-fixed:light-dark(#2f0d33,#2f0d33);--sys-color-tertiary-fixed-dim:light-dark(#e8b7e7,#e8b7e7);--sys-color-on-tertiary-fixed-variant:light-dark(#5f3961,#5f3961);--sys-color-surface-dim:light-dark(#dfd7e6,#15121c);--sys-color-surface-bright:light-dark(#fef7ff,#3c3742);--sys-color-surface-container-lowest:light-dark(#fff,#100c16);--sys-color-surface-container-low:light-dark(#f9f0ff,#1e1a24);--sys-color-surface-container:light-dark(#f4ebfa,#221e28);--sys-color-surface-container-high:light-dark(#eee5f4,#2c2833);--sys-color-surface-container-highest:light-dark(#e8dfee,#37333e)}html,[data-theme=paper-expressive]{--sys-color-primary:light-dark(#006b5e,#76d7c6);--sys-color-surface-tint:light-dark(#006b5e,#76d7c6);--sys-color-on-primary:light-dark(#fff,#003730);--sys-color-primary-container:light-dark(#93f4e2,#005047);--sys-color-on-primary-container:light-dark(#005047,#93f4e2);--sys-color-secondary:light-dark(#7a5267,#ebb9d0);--sys-color-on-secondary:light-dark(#fff,#472638);--sys-color-secondary-container:light-dark(#ffd8e9,#603b4f);--sys-color-on-secondary-container:light-dark(#603b4f,#ffd8e9);--sys-color-tertiary:light-dark(#76517d,#e4b8eb);--sys-color-on-tertiary:light-dark(#fff,#44244c);--sys-color-tertiary-container:light-dark(#fbd7ff,#5c3a64);--sys-color-on-tertiary-container:light-dark(#5c3a64,#fbd7ff);--sys-color-error:light-dark(#ba1a1a,#ffb4ab);--sys-color-on-error:light-dark(#fff,#690005);--sys-color-error-container:light-dark(#ffdad6,#93000a);--sys-color-on-error-container:light-dark(#93000a,#ffdad6);--sys-color-background:light-dark(#fff7fc,#171119);--sys-color-on-background:light-dark(#1f1a21,#ebdfea);--sys-color-surface:light-dark(#fff7fc,#171119);--sys-color-on-surface:light-dark(#1f1a21,#ebdfea);--sys-color-surface-variant:light-dark(#eddeef,#4e4351);--sys-color-on-surface-variant:light-dark(#4e4351,#d1c2d2);--sys-color-outline:light-dark(#7f7382,#9a8c9c);--sys-color-outline-variant:light-dark(#d1c2d2,#4e4351);--sys-color-shadow:light-dark(#000,#000);--sys-color-scrim:light-dark(#000,#000);--sys-color-inverse-surface:light-dark(#352e36,#ebdfea);--sys-color-inverse-on-surface:light-dark(#f9edf8,#352e36);--sys-color-inverse-primary:light-dark(#76d7c6,#006b5e);--sys-color-primary-fixed:light-dark(#93f4e2,#93f4e2);--sys-color-on-primary-fixed:light-dark(#00201c,#00201c);--sys-color-primary-fixed-dim:light-dark(#76d7c6,#76d7c6);--sys-color-on-primary-fixed-variant:light-dark(#005047,#005047);--sys-color-secondary-fixed:light-dark(#ffd8e9,#ffd8e9);--sys-color-on-secondary-fixed:light-dark(#2f1123,#2f1123);--sys-color-secondary-fixed-dim:light-dark(#ebb9d0,#ebb9d0);--sys-color-on-secondary-fixed-variant:light-dark(#603b4f,#603b4f);--sys-color-tertiary-fixed:light-dark(#fbd7ff,#fbd7ff);--sys-color-on-tertiary-fixed:light-dark(#2d0e36,#2d0e36);--sys-color-tertiary-fixed-dim:light-dark(#e4b8eb,#e4b8eb);--sys-color-on-tertiary-fixed-variant:light-dark(#5c3a64,#5c3a64);--sys-color-surface-dim:light-dark(#e2d7e1,#171119);--sys-color-surface-bright:light-dark(#fff7fc,#3e373f);--sys-color-surface-container-lowest:light-dark(#fff,#110c13);--sys-color-surface-container-low:light-dark(#fcf0fb,#1f1a21);--sys-color-surface-container:light-dark(#f6eaf5,#231e25);--sys-color-surface-container-high:light-dark(#f0e5ef,#2e2830);--sys-color-surface-container-highest:light-dark(#ebdfea,#39333b)}}@layer design-system{@layer tokens;@layer reset{*,:before,:after{box-sizing:border-box}:where(:not(dialog)){margin:0}:where(html){-webkit-text-size-adjust:none;@media (prefers-reduced-motion:no-preference){scroll-behavior:smooth}}:where(body){-webkit-font-smoothing:antialiased;min-block-size:100svb}}@layer base{html{scrollbar-color:var(--sys-color-outline) transparent;color-scheme:light dark;& ::selection{background:var(--sys-color-secondary-container);color:var(--sys-color-on-secondary-container)}}body{background:var(--sys-color-surface);color:var(--sys-color-on-surface);font:var(--sys-typescale-body-large)}}@layer components,groups;}@layer design-system.components{.btn{--_btn-radius:calc((var(--_block-size) - var(--_inner-padding) * 2) / 2);--_motion:border-radius var(--sys-motion-spring-fast-spatial-duration) var(--sys-motion-spring-fast-spatial);--_shadow:none;--_bg:var(--sys-color-primary);--_border:none;--_corner:var(--_btn-radius);--_cursor:pointer;--_on-bg:var(--sys-color-on-primary);--_state:transparent;--_outline-width:0px;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;justify-content:center;align-items:center;gap:var(--_gap);cursor:var(--_cursor);isolation:isolate;padding-inline:var(--_padding-inline);inline-size:fit-content;block-size:var(--_block-size);color:var(--_on-bg);font:var(--_font);user-select:none;white-space:nowrap;background:0 0;border:none;outline:none;text-decoration:none;display:inline-flex;position:relative;& .icon{font-size:var(--_icon-font-size);line-height:1;font-family:var(--ref-typeface-symbols);font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;white-space:nowrap}&:before{z-index:-1;transition:var(--_motion);inset:var(--_inner-padding) 0px;outline:var(--_outline-width) solid var(--sys-color-secondary);outline-offset:2px;box-shadow:var(--_shadow);border:var(--_border);border-radius:var(--_corner);background:var(--_bg);content:"";position:absolute;@media (prefers-reduced-motion:no-preference){transition:var(--_motion), outline-width var(--sys-motion-spring-fast-spatial-duration) var(--sys-motion-spring-pop-focus)}}&:after{z-index:-1;transition:var(--_motion);inset:var(--_inner-padding) 0px;border-radius:var(--_corner);background:var(--_state);content:"";position:absolute}&:hover{--_bg:var(--sys-color-primary);--_border:none;--_corner:var(--_btn-radius);--_on-bg:var(--sys-color-on-primary);--_state:oklch(from var(--sys-color-on-primary) l c h / 8%)}&:focus-visible{--_bg:var(--sys-color-primary);--_border:none;--_corner:var(--_btn-radius);--_on-bg:var(--sys-color-on-primary);--_state:oklch(from var(--sys-color-on-primary) l c h / 10%);--_outline-width:3px;--_outline-in:outward-grow .15s cubic-bezier(.2, 0, 0, 1) 0s, outward-shrink .45s cubic-bezier(.2, 0, 0, 1) .15s forwards}&:active{--_bg:var(--sys-color-primary);--_border:none;--_corner:var(--_btn-radius-expand);--_on-bg:var(--sys-color-on-primary);--_state:oklch(from var(--sys-color-on-primary) l c h / 10%)}&:disabled{--_bg:oklch(from var(--sys-color-on-surface) l c h / 10%);--_border:none;--_corner:var(--_btn-radius);--_cursor:not-allowed;--_on-bg:oklch(from var(--sys-color-on-surface) l c h / 38%);--_state:oklch(from var(--sys-color-on-primary) l c h / 8%)}&.outline{--_bg:none;--_border:1px solid var(--sys-color-outline-variant);--_corner:var(--_btn-radius);--_on-bg:var(--sys-color-on-surface-variant);--_shadow:none;--_state:none;&:hover{--_bg:none;--_border:1px solid var(--sys-color-outline-variant);--_corner:var(--_btn-radius);--_on-bg:var(--sys-color-on-surface-variant);--_shadow:none;--_state:oklch(from var(--sys-color-on-surface-variant) l c h / 8%)}&:focus-visible{--_bg:none;--_border:1px solid var(--sys-color-outline-variant);--_corner:var(--_btn-radius);--_on-bg:var(--sys-color-on-surface-variant);--_shadow:none;--_state:oklch(from var(--sys-color-on-surface-variant) l c h / 10%)}&:active{--_bg:none;--_border:1px solid var(--sys-color-outline-variant);--_corner:var(--_btn-radius-expand);--_on-bg:var(--sys-color-on-surface-variant);--_shadow:none;--_state:oklch(from var(--sys-color-on-surface-variant) l c h / 10%)}&:disabled{--_bg:oklch(from var(--sys-color-on-surface-variant) l c h / 10%);--_border:1px solid var(--sys-color-outline-variant);--_corner:var(--_btn-radius);--_cursor:not-allowed;--_on-bg:oklch(from var(--sys-color-on-surface-variant) l c h / 38%);--_shadow:none;--_state:none}}&.tonal{--_bg:var(--sys-color-secondary-container);--_border:none;--_corner:var(--_btn-radius);--_on-bg:var(--sys-color-on-secondary-container);--_shadow:none;--_state:none;&:hover{--_bg:var(--sys-color-secondary-container);--_border:none;--_corner:var(--_btn-radius);--_on-bg:var(--sys-color-on-secondary-container);--_shadow:none;--_state:oklch(from var(--sys-color-on-secondary-container) l c h / 8%)}&:focus-visible{--_bg:var(--sys-color-secondary-container);--_border:none;--_corner:var(--_btn-radius);--_on-bg:var(--sys-color-on-secondary-container);--_shadow:none;--_state:oklch(from var(--sys-color-on-secondary-container) l c h / 10%)}&:active{--_bg:var(--sys-color-secondary-container);--_border:none;--_corner:var(--_btn-radius-expand);--_shadow:none;--_state:oklch(from var(--sys-color-on-secondary-container) l c h / 10%)}&:disabled{--_bg:oklch(from var(--sys-color-on-surface) l c h / 10%);--_border:none;--_corner:var(--_btn-radius);--_cursor:not-allowed;--_on-bg:oklch(from var(--sys-color-on-surface) l c h / 38%);--_shadow:none;--_state:none}}&.elevated{--_bg:var(--sys-color-surface-container-low);--_border:none;--_corner:var(--_btn-radius);--_on-bg:var(--sys-color-primary);--_shadow:var(--sys-elevation-level1);--_state:none;&:hover{--_bg:var(--sys-color-surface-container-low);--_border:none;--_corner:var(--_btn-radius);--_on-bg:var(--sys-color-primary);--_shadow:var(--sys-elevation-level1);--_state:oklch(from var(--sys-color-primary) l c h / 8%)}&:focus-visible{--_bg:var(--sys-color-surface-container-low);--_border:none;--_corner:var(--_btn-radius);--_on-bg:var(--sys-color-primary);--_shadow:var(--sys-elevation-level1);--_state:oklch(from var(--sys-color-primary) l c h / 10%)}&:active{--_bg:var(--sys-color-surface-container-low);--_border:none;--_corner:var(--_btn-radius-expand);--_on-bg:var(--sys-color-primary);--_shadow:var(--sys-elevation-level1);--_state:oklch(from var(--sys-color-primary) l c h / 10%)}&:disabled{--_bg:oklch(from var(--sys-color-on-surface) l c h / 10%);--_border:none;--_corner:var(--_btn-radius);--_cursor:not-allowed;--_on-bg:oklch(from var(--sys-color-on-surface) l c h / 38%);--_shadow:none;--_state:none}}&.text{--_bg:none;--_border:none;--_corner:var(--_btn-radius);--_on-bg:var(--sys-color-primary);--_shadow:none;--_state:none;&:hover{--_bg:none;--_border:none;--_corner:var(--_btn-radius);--_on-bg:var(--sys-color-primary);--_shadow:none;--_state:oklch(from var(--sys-color-primary) l c h / 8%)}&:focus-visible{--_bg:none;--_border:none;--_corner:var(--_btn-radius);--_on-bg:var(--sys-color-primary);--_shadow:none;--_state:oklch(from var(--sys-color-primary) l c h / 10%)}&:active{--_bg:none;--_border:none;--_corner:var(--_btn-radius-expand);--_on-bg:var(--sys-color-primary);--_shadow:none;--_state:oklch(from var(--sys-color-primary) l c h / 10%)}&:disabled{--_bg:oklch(from var(--sys-color-on-surface) l c h / 10%);--_border:none;--_corner:var(--_btn-radius);--_cursor:not-allowed;--_on-bg:oklch(from var(--sys-color-on-surface) l c h / 38%);--_shadow:none;--_state:none}}}.btn{--_block-size:3rem;--_btn-radius-expand:var(--sys-shape-corner-small);--_font:var(--sys-typescale-label-large);--_gap:.5rem;--_icon-font-size:1.25rem;--_inner-padding:.25rem;--_padding-block:.625rem;--_padding-inline:1rem;&:not(.round){@container style(--shape:square){--_btn-radius:var(--sys-shape-corner-medium)}}&.square{--_btn-radius:var(--sys-shape-corner-medium)}}.btn:not(.sm){&.xs{--_block-size:3rem;--_btn-radius-expand:var(--sys-shape-corner-small);--_font:var(--sys-typescale-label-large);--_gap:.25rem;--_icon-font-size:1.25rem;--_inner-padding:.5rem;--_padding-block:.375rem;--_padding-inline:.75rem;&:not(.round){@container style(--shape:square){--_btn-radius:var(--sys-shape-corner-medium)}}&.square{--_btn-radius:var(--sys-shape-corner-medium)}}&.md{--_block-size:3.5rem;--_btn-radius-expand:var(--sys-shape-corner-medium);--_font:var(--sys-typescale-title-medium);--_gap:.5rem;--_icon-font-size:1.5rem;--_inner-padding:0px;--_padding-block:1rem;--_padding-inline:1.5rem;&:not(.round){@container style(--shape:square){--_btn-radius:var(--sys-shape-corner-large)}}&.square{--_btn-radius:var(--sys-shape-corner-large)}}&.lg{--_block-size:6rem;--_btn-radius-expand:var(--sys-shape-corner-large);--_font:var(--sys-typescale-headline-small);--_gap:.75rem;--_icon-font-size:2rem;--_inner-padding:0px;--_padding-block:2rem;--_padding-inline:3rem;&:not(.round){@container style(--shape:square){--_btn-radius:var(--sys-shape-corner-extra-large)}}&.square{--_btn-radius:var(--sys-shape-corner-extra-large)}}&.xl{--_block-size:8.5rem;--_btn-radius-expand:var(--sys-shape-corner-large);--_font:var(--sys-typescale-headline-large);--_gap:1rem;--_icon-font-size:2.5rem;--_inner-padding:0px;--_padding-block:3rem;--_padding-inline:4rem;&:not(.round){@container style(--shape:square){--_btn-radius:var(--sys-shape-corner-extra-large)}}&.square{--_btn-radius:var(--sys-shape-corner-extra-large)}}}.btn:not(.sm){@container style(--size:xs){--_block-size:3rem;--_btn-radius-expand:var(--sys-shape-corner-small);--_font:var(--sys-typescale-label-large);--_gap:.25rem;--_icon-font-size:1.25rem;--_inner-padding:.5rem;--_padding-block:.375rem;--_padding-inline:.75rem;&:not(.round){@container style(--shape:square){--_btn-radius:var(--sys-shape-corner-medium)}}&.square{--_btn-radius:var(--sys-shape-corner-medium)}}@container style(--size:md){--_block-size:3.5rem;--_btn-radius-expand:var(--sys-shape-corner-medium);--_font:var(--sys-typescale-title-medium);--_gap:.5rem;--_icon-font-size:1.5rem;--_inner-padding:0px;--_padding-block:1rem;--_padding-inline:1.5rem;&:not(.round){@container style(--shape:square){--_btn-radius:var(--sys-shape-corner-large)}}&.square{--_btn-radius:var(--sys-shape-corner-large)}}@container style(--size:lg){--_block-size:6rem;--_btn-radius-expand:var(--sys-shape-corner-large);--_font:var(--sys-typescale-headline-small);--_gap:.75rem;--_icon-font-size:2rem;--_inner-padding:0px;--_padding-block:2rem;--_padding-inline:3rem;&:not(.round){@container style(--shape:square){--_btn-radius:var(--sys-shape-corner-extra-large)}}&.square{--_btn-radius:var(--sys-shape-corner-extra-large)}}@container style(--size:xl){--_block-size:8.5rem;--_btn-radius-expand:var(--sys-shape-corner-large);--_font:var(--sys-typescale-headline-large);--_gap:1rem;--_icon-font-size:2.5rem;--_inner-padding:0px;--_padding-block:3rem;--_padding-inline:4rem;&:not(.round){@container style(--shape:square){--_btn-radius:var(--sys-shape-corner-extra-large)}}&.square{--_btn-radius:var(--sys-shape-corner-extra-large)}}}.toggle-btn{--_fill:0;--_motion:border-radius var(--sys-motion-spring-fast-spatial-duration) var(--sys-motion-spring-fast-spatial), background var(--sys-motion-spring-fast-effects-duration) var(--sys-motion-spring-fast-effects);--_radius-full:calc((var(--_block-size) - var(--_inner-padding) * 2) / 2);--_btn-radius:var(--_radius-full);--_shadow:none;--_bg:var(--sys-color-surface-container);--_border:none;--_corner:var(--_btn-radius);--_cursor:pointer;--_on-bg:var(--sys-color-on-surface-variant);--_state:none;--_outline-width:0px;place-items:center;inline-size:fit-content;display:inline-grid;&:has(.input:hover){--_bg:var(--sys-color-surface-container);--_border:none;--_corner:var(--_btn-radius);--_on-bg:var(--sys-color-on-surface-variant);--_state:oklch(from var(--sys-color-on-surface-variant) l c h / 8%)}&:has(.input:focus-visible){--_bg:var(--sys-color-surface-container);--_border:none;--_corner:var(--_btn-radius);--_on-bg:var(--sys-color-on-surface-variant);--_state:oklch(from var(--sys-color-on-surface-variant) l c h / 10%);--_outline-width:3px}&:has(.input:active){--_bg:var(--sys-color-surface-container);--_border:none;--_corner:var(--_btn-radius-expand);--_on-bg:var(--sys-color-on-surface-variant);--_state:oklch(from var(--sys-color-on-surface-variant) l c h / 10%)}&:has(.input:disabled){--_bg:oklch(from var(--sys-color-on-surface) l c h / 10%);--_border:none;--_corner:var(--_btn-radius);--_cursor:not-allowed;--_on-bg:oklch(from var(--sys-color-on-surface) l c h / 38%);--_state:none}&:has(.input:checked){--_bg:var(--sys-color-primary);--_border:none;--_corner:var(--_btn-radius);--_fill:1;--_on-bg:var(--sys-color-on-primary);--_state:none;&:has(.input:hover){--_bg:var(--sys-color-primary);--_border:none;--_corner:var(--_btn-radius);--_on-bg:var(--sys-color-on-primary);--_state:oklch(from var(--sys-color-on-primary) l c h / 8%)}&:has(.input:focus-visible){--_bg:var(--sys-color-primary);--_border:none;--_corner:var(--_btn-radius);--_on-bg:var(--sys-color-on-primary);--_state:oklch(from var(--sys-color-on-primary) l c h / 10%)}&:has(.input:active){--_bg:var(--sys-color-primary);--_border:none;--_corner:var(--_btn-radius-expand);--_on-bg:var(--sys-color-on-primary);--_state:oklch(from var(--sys-color-on-primary) l c h / 10%)}&:has(.input:disabled){--_bg:oklch(from var(--sys-color-on-surface) l c h / 10%);--_border:none;--_corner:var(--_btn-radius);--_cursor:not-allowed;--_on-bg:oklch(from var(--sys-color-on-surface) l c h / 38%);--_state:none}}&.tonal{--_bg:var(--sys-color-secondary-container);--_border:none;--_corner:var(--_btn-radius);--_cursor:pointer;--_on-bg:var(--sys-color-on-secondary-container);--_state:none;&:has(.input:hover){--_bg:var(--sys-color-secondary-container);--_border:none;--_corner:var(--_btn-radius);--_on-bg:var(--sys-color-on-secondary-container);--_state:oklch(from var(--sys-color-on-secondary-container) l c h / 8%)}&:has(.input:focus-visible){--_bg:var(--sys-color-secondary-container);--_border:none;--_corner:var(--_btn-radius);--_on-bg:var(--sys-color-on-secondary-container);--_state:oklch(from var(--sys-color-on-secondary-container) l c h / 10%)}&:has(.input:active){--_bg:var(--sys-color-secondary-container);--_border:none;--_corner:var(--_btn-radius-expand);--_on-bg:var(--sys-color-on-secondary-container);--_state:oklch(from var(--sys-color-on-secondary-container) l c h / 10%)}&:has(.input:disabled){--_bg:oklch(from var(--sys-color-on-surface) l c h / 10%);--_border:none;--_corner:var(--_btn-radius);--_cursor:not-allowed;--_on-bg:oklch(from var(--sys-color-on-surface) l c h / 38%);--_state:none}&:has(.input:checked){--_bg:var(--sys-color-secondary);--_border:none;--_btn-radius:var(--sys-shape-corner-medium);--_corner:var(--_btn-radius);--_fill:1;--_on-bg:var(--sys-color-on-secondary);--_state:none;&:has(.input:hover){--_bg:var(--sys-color-secondary);--_border:none;--_corner:var(--_btn-radius);--_on-bg:var(--sys-color-on-secondary);--_state:oklch(from var(--sys-color-on-secondary) l c h / 8%)}&:has(.input:focus-visible){--_bg:var(--sys-color-secondary);--_border:none;--_corner:var(--_btn-radius);--_on-bg:var(--sys-color-on-secondary);--_state:oklch(from var(--sys-color-on-secondary) l c h / 10%)}&:has(.input:active){--_bg:var(--sys-color-secondary);--_border:none;--_corner:var(--_btn-radius-expand);--_on-bg:var(--sys-color-on-secondary);--_state:oklch(from var(--sys-color-on-secondary) l c h / 10%)}&:has(.input:disabled){--_bg:oklch(from var(--sys-color-on-surface) l c h / 10%);--_border:none;--_corner:var(--_btn-radius);--_cursor:not-allowed;--_on-bg:oklch(from var(--sys-color-on-surface) l c h / 38%);--_state:none}}}&.outline{--_bg:transparent;--_border:1px solid var(--sys-color-outline-variant);--_corner:var(--_btn-radius);--_cursor:pointer;--_on-bg:var(--sys-color-on-surface-variant);--_state:none;&:has(.input:hover){--_bg:transparent;--_border:1px solid var(--sys-color-outline-variant);--_corner:var(--_btn-radius);--_on-bg:var(--sys-color-on-surface-variant);--_state:oklch(from var(--sys-color-on-surface-variant) l c h / 8%)}&:has(.input:focus-visible){--_bg:transparent;--_border:1px solid var(--sys-color-outline-variant);--_corner:var(--_btn-radius);--_on-bg:var(--sys-color-on-surface-variant);--_state:oklch(from var(--sys-color-on-surface-variant) l c h / 10%)}&:has(.input:active){--_bg:transparent;--_border:1px solid var(--sys-color-outline-variant);--_corner:var(--_btn-radius-expand);--_on-bg:var(--sys-color-on-surface-variant);--_state:oklch(from var(--sys-color-on-surface-variant) l c h / 10%)}&:has(.input:disabled){--_bg:oklch(from var(--sys-color-on-surface) l c h / 10%);--_border:1px solid var(--sys-color-outline-variant);--_corner:var(--_btn-radius);--_cursor:not-allowed;--_on-bg:oklch(from var(--sys-color-on-surface) l c h / 38%);--_state:none}&:has(.input:checked){--_bg:var(--sys-color-inverse-surface);--_border:none;--_btn-radius:var(--sys-shape-corner-medium);--_corner:var(--_btn-radius);--_fill:1;--_on-bg:var(--sys-color-inverse-on-surface);--_state:none;&:has(.input:hover){--_bg:var(--sys-color-inverse-surface);--_border:none;--_corner:var(--_btn-radius);--_on-bg:var(--sys-color-inverse-on-surface);--_state:oklch(from var(--sys-color-inverse-on-surface) l c h / 8%)}&:has(.input:focus-visible){--_bg:var(--sys-color-inverse-surface);--_border:none;--_corner:var(--_btn-radius);--_on-bg:var(--sys-color-inverse-on-surface);--_state:oklch(from var(--sys-color-inverse-on-surface) l c h / 10%)}&:has(.input:active){--_bg:var(--sys-color-inverse-surface);--_border:none;--_corner:var(--_btn-radius-expand);--_on-bg:var(--sys-color-inverse-on-surface);--_state:oklch(from var(--sys-color-inverse-on-surface) l c h / 10%)}&:has(.input:disabled){--_bg:oklch(from var(--sys-color-on-surface) l c h / 10%);--_border:none;--_corner:var(--_btn-radius);--_cursor:not-allowed;--_on-bg:oklch(from var(--sys-color-on-surface) l c h / 38%);--_state:none}}}&.elevated{--_bg:var(--sys-color-surface-container-low);--_border:none;--_corner:var(--_btn-radius);--_cursor:pointer;--_on-bg:var(--sys-color-primary);--_shadow:var(--sys-elevation-level1);--_state:none;&:has(.input:hover){--_bg:var(--sys-color-surface-container-low);--_border:none;--_corner:var(--_btn-radius);--_on-bg:var(--sys-color-primary);--_state:oklch(from var(--sys-color-on-secondary-container) l c h / 8%)}&:has(.input:focus-visible){--_bg:var(--sys-color-surface-container-low);--_border:none;--_corner:var(--_btn-radius);--_on-bg:var(--sys-color-primary);--_state:oklch(from var(--sys-color-on-secondary-container) l c h / 10%)}&:has(.input:active){--_bg:var(--sys-color-surface-container-low);--_border:none;--_corner:var(--_btn-radius-expand);--_on-bg:var(--sys-color-primary);--_state:oklch(from var(--sys-color-on-secondary-container) l c h / 10%)}&:has(.input:disabled){--_bg:oklch(from var(--sys-color-on-surface) l c h / 10%);--_border:none;--_corner:var(--_btn-radius);--_cursor:not-allowed;--_on-bg:oklch(from var(--sys-color-on-surface) l c h / 38%);--_state:none}&:has(.input:checked){--_bg:var(--sys-color-primary);--_border:none;--_btn-radius:var(--sys-shape-corner-medium);--_corner:var(--_btn-radius);--_fill:1;--_on-bg:var(--sys-color-on-primary);--_shadow:var(--sys-elevation-level1);--_state:none;&:has(.input:hover){--_bg:var(--sys-color-primary);--_border:none;--_corner:var(--_btn-radius);--_on-bg:var(--sys-color-on-primary);--_state:oklch(from var(--sys-color-on-secondary) l c h / 8%)}&:has(.input:focus-visible){--_bg:var(--sys-color-primary);--_border:none;--_corner:var(--_btn-radius);--_on-bg:var(--sys-color-on-primary);--_state:oklch(from var(--sys-color-on-secondary) l c h / 10%)}&:has(.input:active){--_bg:var(--sys-color-primary);--_border:none;--_corner:var(--_btn-radius-expand);--_on-bg:var(--sys-color-on-primary);--_state:oklch(from var(--sys-color-on-secondary) l c h / 10%)}&:has(.input:disabled){--_bg:oklch(from var(--sys-color-on-surface) l c h / 10%);--_border:none;--_corner:var(--_btn-radius);--_cursor:not-allowed;--_on-bg:oklch(from var(--sys-color-on-surface) l c h / 38%);--_state:none}}}& .input{appearance:none;background:0 0;border:none;outline:none;grid-area:1/1;block-size:100%;inline-size:100%}& .label{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;justify-content:center;align-items:center;gap:var(--_gap);cursor:var(--_cursor);isolation:isolate;padding-inline:var(--_padding-inline);inline-size:fit-content;block-size:var(--_block-size);color:var(--_on-bg);font:var(--_font);user-select:none;white-space:nowrap;background:0 0;border:none;outline:none;grid-area:1/1;text-decoration:none;display:inline-flex;position:relative;& .icon{font-size:var(--_icon-font-size);line-height:1;font-family:var(--ref-typeface-symbols);font-variation-settings:"FILL" var(--_fill,0), "wght" 400, "GRAD" 0, "opsz" 24;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";white-space:nowrap;grid-area:1/1;display:inline-block}&:before{z-index:-1;transition:var(--_motion);inset:var(--_inner-padding) 0px;outline:var(--_outline-width) solid var(--sys-color-secondary);outline-offset:2px;box-shadow:var(--_shadow);border:var(--_border);border-radius:var(--_corner);background:var(--_bg);content:"";position:absolute;@media (prefers-reduced-motion:no-preference){transition:var(--_motion), outline-width var(--sys-motion-spring-fast-spatial-duration) var(--sys-motion-spring-pop-focus)}}&:after{z-index:-1;transition:var(--_motion);inset:var(--_inner-padding) 0px;border-radius:var(--_corner);background:var(--_state);content:"";position:absolute}}}.toggle-btn{--_block-size:3rem;--_btn-radius-expand:var(--sys-shape-corner-small);--_font:var(--sys-typescale-label-large);--_gap:.5rem;--_icon-font-size:1.25rem;--_inner-padding:.25rem;--_padding-block:.625rem;--_padding-inline:1rem;&:not(.round){@container style(--shape:square){--_btn-radius:var(--sys-shape-corner-medium)}}&.square{--_btn-radius:var(--sys-shape-corner-medium)}&:has(.input:checked){--_btn-radius:var(--sys-shape-corner-medium);&:not(.round){@container style(--shape:square){--_btn-radius:var(--_radius-full)}}&.square{--_btn-radius:var(--_radius-full)}}}.toggle-btn:not(.sm){&.xs{--_block-size:3rem;--_btn-radius-expand:var(--sys-shape-corner-small);--_font:var(--sys-typescale-label-large);--_gap:.25rem;--_icon-font-size:1.25rem;--_inner-padding:.5rem;--_padding-block:.375rem;--_padding-inline:.75rem;&:not(.round){@container style(--shape:square){--_btn-radius:var(--sys-shape-corner-medium)}}&.square{--_btn-radius:var(--sys-shape-corner-medium)}&:has(.input:checked){--_btn-radius:var(--sys-shape-corner-medium);&:not(.round){@container style(--shape:square){--_btn-radius:var(--_radius-full)}}&.square{--_btn-radius:var(--_radius-full)}}}&.md{--_block-size:3.5rem;--_btn-radius-expand:var(--sys-shape-corner-medium);--_font:var(--sys-typescale-title-medium);--_gap:.5rem;--_icon-font-size:1.5rem;--_inner-padding:0px;--_padding-block:1rem;--_padding-inline:1.5rem;&:not(.round){@container style(--shape:square){--_btn-radius:var(--sys-shape-corner-large)}}&.square{--_btn-radius:var(--sys-shape-corner-large)}&:has(.input:checked){--_btn-radius:var(--sys-shape-corner-large);&:not(.round){@container style(--shape:square){--_btn-radius:var(--_radius-full)}}&.square{--_btn-radius:var(--_radius-full)}}}&.lg{--_block-size:6rem;--_btn-radius-expand:var(--sys-shape-corner-large);--_font:var(--sys-typescale-headline-small);--_gap:.75rem;--_icon-font-size:2rem;--_inner-padding:0px;--_padding-block:2rem;--_padding-inline:3rem;&:not(.round){@container style(--shape:square){--_btn-radius:var(--sys-shape-corner-extra-large)}}&.square{--_btn-radius:var(--sys-shape-corner-extra-large)}&:has(.input:checked){--_btn-radius:var(--sys-shape-corner-extra-large);&:not(.round){@container style(--shape:square){--_btn-radius:var(--_radius-full)}}&.square{--_btn-radius:var(--_radius-full)}}}&.xl{--_block-size:8.5rem;--_btn-radius-expand:var(--sys-shape-corner-large);--_font:var(--sys-typescale-headline-large);--_gap:1rem;--_icon-font-size:2.5rem;--_inner-padding:0px;--_padding-block:3rem;--_padding-inline:4rem;&:not(.round){@container style(--shape:square){--_btn-radius:var(--sys-shape-corner-extra-large)}}&.square{--_btn-radius:var(--sys-shape-corner-extra-large)}&:has(.input:checked){--_btn-radius:var(--sys-shape-corner-extra-large);&:not(.round){@container style(--shape:square){--_btn-radius:var(--_radius-full)}}&.square{--_btn-radius:var(--_radius-full)}}}}.toggle-btn:not(.sm){@container style(--size:xs){--_block-size:3rem;--_btn-radius-expand:var(--sys-shape-corner-small);--_font:var(--sys-typescale-label-large);--_gap:.25rem;--_icon-font-size:1.25rem;--_inner-padding:.5rem;--_padding-block:.375rem;--_padding-inline:.75rem;&:not(.round){@container style(--shape:square){--_btn-radius:var(--sys-shape-corner-medium)}}&.square{--_btn-radius:var(--sys-shape-corner-medium)}&:has(.input:checked){--_btn-radius:var(--sys-shape-corner-medium);&:not(.round){@container style(--shape:square){--_btn-radius:var(--_radius-full)}}&.square{--_btn-radius:var(--_radius-full)}}}@container style(--size:md){--_block-size:3.5rem;--_btn-radius-expand:var(--sys-shape-corner-medium);--_font:var(--sys-typescale-title-medium);--_gap:.5rem;--_icon-font-size:1.5rem;--_inner-padding:0px;--_padding-block:1rem;--_padding-inline:1.5rem;&:not(.round){@container style(--shape:square){--_btn-radius:var(--sys-shape-corner-large)}}&.square{--_btn-radius:var(--sys-shape-corner-large)}&:has(.input:checked){--_btn-radius:var(--sys-shape-corner-large);&:not(.round){@container style(--shape:square){--_btn-radius:var(--_radius-full)}}&.square{--_btn-radius:var(--_radius-full)}}}@container style(--size:lg){--_block-size:6rem;--_btn-radius-expand:var(--sys-shape-corner-large);--_font:var(--sys-typescale-headline-small);--_gap:.75rem;--_icon-font-size:2rem;--_inner-padding:0px;--_padding-block:2rem;--_padding-inline:3rem;&:not(.round){@container style(--shape:square){--_btn-radius:var(--sys-shape-corner-extra-large)}}&.square{--_btn-radius:var(--sys-shape-corner-extra-large)}&:has(.input:checked){--_btn-radius:var(--sys-shape-corner-extra-large);&:not(.round){@container style(--shape:square){--_btn-radius:var(--_radius-full)}}&.square{--_btn-radius:var(--_radius-full)}}}@container style(--size:xl){--_block-size:8.5rem;--_btn-radius-expand:var(--sys-shape-corner-large);--_font:var(--sys-typescale-headline-large);--_gap:1rem;--_icon-font-size:2.5rem;--_inner-padding:0px;--_padding-block:3rem;--_padding-inline:4rem;&:not(.round){@container style(--shape:square){--_btn-radius:var(--sys-shape-corner-extra-large)}}&.square{--_btn-radius:var(--sys-shape-corner-extra-large)}&:has(.input:checked){--_btn-radius:var(--sys-shape-corner-extra-large);&:not(.round){@container style(--shape:square){--_btn-radius:var(--_radius-full)}}&.square{--_btn-radius:var(--_radius-full)}}}}}@font-face{font-family:Google Sans Flex;font-style:normal;font-weight:400 600;font-stretch:100%;font-display:block;src:url(/assets/fonts/google-sans-flex.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:400;font-display:block;src:url(/assets/fonts/material-symbols-outlined.woff2)format("woff2")}@layer layout{html{--nav-block-size:88px;--legend-block-size:80px;& ::search-text{background:var(--sys-color-primary-container);color:var(--sys-color-on-primary-container)}& ::search-text:current{background:var(--sys-color-primary);color:var(--sys-color-on-primary)}}body{display:grid;@media (width>=840px){grid-template-columns:40ch 1fr}}@scope(body) to (.scheme){.main{--_inline-padding:5cqi;container-type:inline-size;@media (width<840px){padding-block-end:10.25rem}}}@scope(.aside){:scope{display:grid;@media (width>=840px){scrollbar-color:var(--sys-color-outline-variant) var(--sys-color-surface);overflow-block:auto;overscroll-behavior-block:contain;block-size:100svb;scroll-padding-block-start:var(--legend-block-size);display:grid;position:sticky;inset-block-start:0;@media (prefers-reduced-motion:no-preference){scroll-behavior:smooth}}@media (width<840px){background:var(--sys-color-background);z-index:100;padding-inline:1rem;position:fixed;inset-block-end:0;inset-inline:0}}.legend{background:var(--sys-color-surface);z-index:100;inline-size:100%;@media (width>=840px){block-size:var(--legend-block-size);align-items:end;padding-block-end:1rem;display:grid;position:sticky;inset-block-start:0}@media (width<840px){padding-block:1rem;inset-block-start:var(--nav-block-size)}}.heading{font:var(--sys-type)}.form{display:grid}.fieldset{border:none;padding:0;padding-block-end:3rem;padding-inline:1rem;display:grid;@media (width<840px){grid-template-columns:1fr}}.scheme-picker{user-select:none;@media (width<840px){overflow-inline:auto;grid-auto-flow:column;gap:.25rem;display:grid}@media (width>=840px){padding-block-start:.25rem}}}@scope(.section) to (.scheme){:scope{background:var(--sys-color-surface);color:var(--sys-color-on-surface)}.wrapper{align-items:center;gap:2rem;block-size:max(100svb,600px);padding-block:3rem;padding-inline:2rem;display:grid;container-type:size;@media (width>=840px){padding-inline:var(--_inline-padding);grid-template-columns:2fr 1fr;gap:3rem;padding-block:5cqi}@media (width<840px){grid-template-rows:1fr min-content}}.visual{border-radius:var(--sys-shape-corner-extra-extra-large);background:var(--sys-color-primary);block-size:100%;inline-size:100%;display:grid;overflow:clip;container-type:size}.img{object-fit:cover;grid-area:1/1;block-size:100cqb;inline-size:100%;display:none;&.sun{[data-theme^=sun] &{display:block}}&.classic{[data-theme^=classic] &{display:block}}&.porcelain{[data-theme^=porcelain] &{display:block}}&.fuchsia{[data-theme^=fuchsia] &{display:block}}&.forest{[data-theme^=forest] &{display:block}}&.mono{[data-theme^=mono] &{display:block}}&.paper{[data-theme^=paper] &{display:block}}&.berry{[data-theme^=berry] &{display:block}}&.aqua{[data-theme^=aqua] &{display:block}}}.content{place-items:start;gap:1.5rem;max-inline-size:36ch;display:grid}.meta{gap:1rem;display:grid}.title{color:var(--sys-color-primary);font:var(--sys-typescale-headline-large);text-wrap:pretty}.desc{font:var(--sys-typescale-body-large)}}@scope(.scheme){:scope{padding-inline:var(--_inline-padding);overflow-inline:auto;background:var(--sys-color-surface-container);font:var(--sys-typescale-label-medium);place-items:center start;gap:1rem;padding-block:4rem;display:grid}.header{inline-size:100%}.heading{font:var(--sys-typescale-title-large);color:var(--sys-color-on-surface)}.wrapper{grid-template-columns:3fr 1fr;gap:1.5rem;inline-size:min(100%,1000px);min-inline-size:700px;display:grid}.main{gap:1.5rem;display:grid}.swatch-group{grid-template-rows:87px 40px;display:grid}.swatch{padding:.5rem}.base{grid-template-columns:1fr 1fr 1fr;gap:.25rem;display:grid}.surfaces{& .row-1{grid-template-columns:1fr 1fr 1fr;min-block-size:84px;display:grid}& .row-2{grid-template-columns:1fr 1fr 1fr 1fr 1fr;min-block-size:91px;display:grid}& .row-3{grid-template-columns:1fr 1fr 1fr 1fr;min-block-size:45px;display:grid}}.fixed{grid-template-columns:1fr 1fr 1fr;gap:.25rem;display:grid;& .row-1{grid-template-columns:1fr 1fr;block-size:60px;display:grid}& .row-2{block-size:80px;display:grid}}.side{align-content:space-between;display:grid;& .row-1{gap:.25rem;display:grid}& .row-2{gap:2.1rem;display:grid;& .swatch{block-size:45px}& .row-3{grid-template-columns:1fr 1fr;gap:1rem;display:grid}}}}}