:root {

--badge--filled-bg: var(--color--primary--500);

--badge--filled-tx: var(--color--base--0);

--badge--ghost-tx: var(--color--primary--600);

--badge--outlined-bg: var(--color--primary--50);

--badge--outlined-br: var(--color--primary--500);

--badge--outlined-tx: var(--color--primary--600);

--badge--tonal-bg: var(--color--primary--100);

--badge--tonal-tx: var(--color--primary--600);

--button--filled-bg-disabled: var(--color--base--300);

--button--filled-bg-enabled: var(--color--primary--500);

--button--filled-bg-focused: var(--color--primary--600);

--button--filled-bg-hovered: var(--color--primary--600);

--button--filled-bg-pressed: var(--color--primary--700);

--button--filled-tonal-bg-disabled: var(--color--base--300);

--button--filled-tonal-bg-enabled: var(--color--primary--100);

--button--filled-tonal-bg-focused: var(--color--primary--200);

--button--filled-tonal-bg-hovered: var(--color--primary--200);

--button--filled-tonal-bg-pressed: var(--color--primary--300);

--button--filled-tonal-tx-disabled: var(--color--base--0);

--button--filled-tonal-tx-enabled: var(--color--primary--600);

--button--filled-tonal-tx-focused: var(--color--base--0);

--button--filled-tonal-tx-hovered: var(--color--base--0);

--button--filled-tonal-tx-pressed: var(--color--base--0);

--button--filled-tx-disabled: var(--color--base--0);

--button--filled-tx-enabled: var(--color--base--0);

--button--filled-tx-focused: var(--color--base--0);

--button--filled-tx-hovered: var(--color--base--0);

--button--filled-tx-pressed: var(--color--base--0);

--button--ghost-tx-disabled: var(--color--base--500);

--button--ghost-tx-enabled: var(--color--primary--500);

--button--ghost-tx-focused: var(--color--primary--600);

--button--ghost-tx-hovered: var(--color--primary--600);

--button--ghost-tx-pressed: var(--color--primary--700);

--button--outlined-bg-disabled: var(--color--base--0);

--button--outlined-bg-focused: var(--color--primary--50);

--button--outlined-bg-hovered: var(--color--primary--50);

--button--outlined-bg-pressed: var(--color--primary--100);

--button--outlined-br-disabled: var(--color--base--500);

--button--outlined-br-enabled: var(--color--primary--400);

--button--outlined-br-focused: var(--color--primary--500);

--button--outlined-br-hovered: var(--color--primary--500);

--button--outlined-br-pressed: var(--color--primary--600);

--button--outlined-tx-disabled: var(--color--base--500);

--button--outlined-tx-enabled: var(--color--primary--600);

--button--outlined-tx-focused: var(--color--primary--700);

--button--outlined-tx-hovered: var(--color--primary--700);

--button--outlined-tx-pressed: var(--color--primary--800);

--button--size-sm-scale: 0.85;

--button--size-lg-scale: 1.3;

--color--primary--original: oklch(0.64 0.149 259);

--color--primary--50: oklch(from var(--color--primary--original) 0.97 calc(c * 0.15) h);

--color--primary--100: oklch(from var(--color--primary--original) 0.93 calc(c * 0.25) h);

--color--primary--200: oklch(from var(--color--primary--original) 0.87 calc(c * 0.45) h);

--color--primary--300: oklch(from var(--color--primary--original) 0.78 calc(c * 0.65) h);

--color--primary--400: oklch(from var(--color--primary--original) 0.68 calc(c * 0.85) h);

--color--primary--500: oklch(from var(--color--primary--original) 0.58 calc(c * 1.00) h);

--color--primary--600: oklch(from var(--color--primary--original) 0.48 calc(c * 0.95) h);

--color--primary--700: oklch(from var(--color--primary--original) 0.39 calc(c * 0.85) h);

--color--primary--800: oklch(from var(--color--primary--original) 0.31 calc(c * 0.70) h);

--color--primary--900: oklch(from var(--color--primary--original) 0.25 calc(c * 0.50) h);

--color--primary--950: oklch(from var(--color--primary--original) 0.18 calc(c * 0.40) h);

--color--base--0: oklch(1.00 0 0);

--color--base--50: oklch(from var(--color--primary--original) 0.97 0.008 h);

--color--base--100: oklch(from var(--color--primary--original) 0.93 0.010 h);

--color--base--200: oklch(from var(--color--primary--original) 0.87 0.012 h);

--color--base--300: oklch(from var(--color--primary--original) 0.78 0.014 h);

--color--base--400: oklch(from var(--color--primary--original) 0.68 0.015 h);

--color--base--500: oklch(from var(--color--primary--original) 0.58 0.015 h);

--color--base--600: oklch(from var(--color--primary--original) 0.48 0.014 h);

--color--base--700: oklch(from var(--color--primary--original) 0.39 0.012 h);

--color--base--800: oklch(from var(--color--primary--original) 0.31 0.010 h);

--color--base--900: oklch(from var(--color--primary--original) 0.25 0.008 h);

--color--base--950: oklch(from var(--color--primary--original) 0.18 0.006 h);

--color--base--1000: oklch(0.00 0 0);

--color--error--original: oklch(0.55 0.20 25);

--color--error--light: oklch(from var(--color--error--original) 0.78 calc(c * 0.65) h);

--color--error--dark: oklch(from var(--color--error--original) 0.39 calc(c * 0.85) h);

--color--success--original: oklch(0.65 0.18 145);

--color--success--light: oklch(from var(--color--success--original) 0.78 calc(c * 0.65) h);

--color--success--dark: oklch(from var(--color--success--original) 0.39 calc(c * 0.85) h);

--font--size--1: clamp(var(--text--size--h1-min), 1.6154rem + 1.5385vi, var(--text--size--h1-max));

--font--size--2: clamp(var(--text--size--h2-min), 1.5577rem + 0.7692vi, var(--text--size--h2-max));

--font--size--3: clamp(var(--text--size--h3-min), 1.3077rem + 0.7692vi, var(--text--size--h3-max));

--font--size--4: clamp(var(--text--size--h4-min), 1.0577rem + 0.7692vi, var(--text--size--h4-max));

--font--size--5: clamp(var(--text--size--h5-min), 0.9808rem + 0.5769vi, var(--text--size--h5-max));

--font--size--6: clamp(var(--text--size--h6-min), 1.0000rem + 0.0000vi, var(--text--size--h6-max));

--font--size--badge: clamp(var(--text--size--badge-min), 0.8750rem + 0.0000vi, var(--text--size--badge-max));

--font--size--button: clamp(var(--text--size--button-min), 0.7788rem + 0.3846vi, var(--text--size--button-max));

--font--size--content: clamp(var(--text--size--content-min), 0.9038rem + 0.3846vi, var(--text--size--content-max));

--radius--none: var(--size--0);

--radius--xxs: var(--size--1);

--radius--xs: var(--size--2);

--radius--sm: var(--size--3);

--radius--md: var(--size--4);

--radius--lg: var(--size--5);

--radius--xl: var(--size--6);

--radius--2xl: var(--size--8);

--radius--3xl: var(--size--10);

--radius--4xl: var(--size--12);

--radius--5xl: var(--size--16);

--radius--6xl: var(--size--20);

--radius--7xl: var(--size--28);

--radius--8xl: var(--size--32);

--radius--9xl: var(--size--40);

--radius--10xl: var(--size--48);

--size--0: 0px;

--size--1: 2px;

--size--2: 4px;

--size--3: 6px;

--size--4: 8px;

--size--5: 10px;

--size--6: 12px;

--size--7: 14px;

--size--8: 16px;

--size--9: 18px;

--size--10: 20px;

--size--12: 24px;

--size--14: 28px;

--size--16: 32px;

--size--18: 36px;

--size--20: 40px;

--size--24: 48px;

--size--28: 56px;

--size--32: 64px;

--size--36: 72px;

--size--40: 80px;

--size--48: 96px;

--size--56: 112px;

--size--64: 128px;

--size--72: 144px;

--size--80: 160px;

--size--96: 192px;

--size--128: 256px;

--size--160: 320px;

--size--192: 384px;

--spacing--none: var(--size--0);

--spacing--xxs: var(--size--1);

--spacing--xs: var(--size--2);

--spacing--sm: var(--size--4);

--spacing--md: var(--size--6);

--spacing--lg: var(--size--8);

--spacing--xl: var(--size--10);

--spacing--2xl: var(--size--12);

--spacing--3xl: var(--size--16);

--spacing--4xl: var(--size--20);

--spacing--5xl: var(--size--24);

--spacing--6xl: var(--size--28);

--spacing--7xl: var(--size--32);

--spacing--8xl: var(--size--36);

--spacing--9xl: var(--size--40);

--spacing--10xl: var(--size--48);

--spacing--11xl: var(--size--56);

--spacing--12xl: var(--size--64);

--spacing--13xl: var(--size--72);

--spacing--14xl: var(--size--80);

--spacing--15xl: var(--size--96);

--text--color--content: var(--color--base--800);

--text--color--heading: var(--color--base--950);

--text--size--badge-max: var(--size--7);

--text--size--badge-min: var(--size--7);

--text--size--button-max: var(--size--9);

--text--size--button-min: var(--size--7);

--text--size--content-max: var(--size--10);

--text--size--content-min: var(--size--8);

--text--size--h1-max: var(--size--24);

--text--size--h1-min: var(--size--16);

--text--size--h2-max: var(--size--18);

--text--size--h2-min: var(--size--14);

--text--size--h3-max: var(--size--16);

--text--size--h3-min: var(--size--12);

--text--size--h4-max: var(--size--14);

--text--size--h4-min: var(--size--10);

--text--size--h5-max: var(--size--12);

--text--size--h5-min: var(--size--9);

--text--size--h6-max: var(--size--8);

--text--size--h6-min: var(--size--8);

--container--full: 100%;

--container--max: 1280px;

--container--narrow: 820px;

--container--min: 350px;

--container--width: var(--container--max);

--font--family-emoji: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

--font--family-sans-serif: system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, "Helvetica Neue", sans-serif, var(--font--family-emoji);

--font--family-monospace: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace, var(--font--family-emoji);

--font--family: var(--font--family-sans-serif);

--font--spacing-block: var(--size--8);

--font--line-height: 1.5;

--font--weight: 400;

--border--width: calc(var(--size--1) / 2);

--border--color: var(--color--primary--600);

--border--radius: var(--radius--xl);

--outline--width: var(--size--1);

--outline--border: var(--outline--width) solid var(--color--base--800);

--box--shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);

--box--shadow-focus-with-button: 0 0 0 var(--outline--width) var(--border-color);

--spacing--block: var(--spacing--sm);

--spacing--block-start: var(--spacing--block);

--spacing--block-end: var(--spacing--block);

--spacing--inline: var(--spacing--lg);

--spacing--inline-start: var(--spacing--inline);

--spacing--inline-end: var(--spacing--inline);

--grid--item-min-width: 240px;

--grid--item-max-width: 1fr;

--grid--row-gap: var(--spacing--block);

--grid--col-gap: var(--spacing--inline);

--grid--gap: var(--grid--row-gap) var(--grid--col-gap);

--section--padding-block: var(--spacing--xl);

--section--padding-inline: var(--spacing--lg);

--blockquote--border-color: var(--color--primary--400);

--blockquote--cite-color: var(--color--primary--600);

--table--border-color: var(--color--base--400);

--table--row-stripped-background-color: var(--color--base--50);

--code--background-color: var(--color--base--200);

--code--color: var(--color--base--700);

--code--kbd-background-color: var(--color--base--50);

--code--kbd-color: var(--color--base--200);

--switch--background-color: var(--color--base--200);

--switch--checked-background-color: var(--color--primary--500);

--switch--color: var(--color--base--0);

--switch--thumb-box-shadow: 0 0 0 rgba(0, 0, 0, 0);

--accordion--border-color: var(--color--base--300);

--accordion--active-summary-color: var(--color--primary--200);

--accordion--close-summary-color: var(--color--base--600);

--accordion--open-summary-color: var(--color--base--900);

--accordion--closed-summary-background: transparent;

--accordion--open-summary-background: var(--color--base--50);

--accordion--active-summary-background: var(--color--base--200);

--accordion--icon-circle: 15px;

--accordion--icon-circle-color: transparent;

--accordion--spacing-inline: var(--spacing--inline);

--accordion--spacing-block: var(--spacing--block);

--card--background-color: var(--color--base--0);

--card--border-color: var(--color--base--50);

--card--box-shadow: var(--box--shadow);

--card--border-radius: var(--border--radius);

--pagination--item-radius: calc(var(--border--radius) / 2);

--transition: 0.2s ease-in-out;

--icon--minus: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5 11V13H19V11H5Z"></path></svg>');

--icon--plus: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2h6Z"/></svg>');

--icon--chevron: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m12 13.2 5-5 1.4 1.4L12 16 5.6 9.6l1.5-1.4 4.9 5Z"/></svg>');

--icon--caret: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m13.2 12-5-5 1.4-1.4L16 12l-6.4 6.4L8.2 17l5-5Z"/></svg>');

--icon--arrow: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m13 16.2 5.4-5.4 1.4 1.4L12 20l-7.8-7.8 1.4-1.4 5.4 5.4V4h2v12.2Z"/></svg>');

--icon--search: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m18 16.6 4.3 4.3-1.4 1.4-4.3-4.3a9 9 0 1 1 1.4-1.4Zm-2-.7A7 7 0 0 0 11 4a7 7 0 1 0 4.9 12l.1-.1Z"/></svg>');

--icon--close: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m12 10.6 5-5 1.4 1.5-5 4.9 5 5-1.5 1.4-4.9-5-5 5L5.6 17l5-5-5-5L7 5.7l5 5Z"/></svg>');

--icon--base: var(--icon--chevron);

}

html {

height: 100%;

scroll-behavior: smooth;

}

body {

-webkit-tap-highlight-color: transparent;

-webkit-text-size-adjust: 100%;

-moz-text-size-adjust: 100%;

text-size-adjust: 100%;

accent-color: var(--color--primary--original);

background-color: var(--color--base--0);

color: var(--text--color--content);

font-weight: var(--font--weight);

font-size: var(--font--size--content);

line-height: var(--font--line-height);

font-family: var(--font--family);

text-rendering: optimizeLegibility;

overflow-wrap: break-word;

margin: 0 auto;

display: flex;

flex-direction: column;

width: 100%;

height: 100%;

}

::before,

::after {

text-decoration: inherit;

vertical-align: inherit;

}

[hidden] {

display: none;

}

.small {

font-size: var(--size--6);

}

h1, h2, h3, h4, h5, h6 {

--font-weight: 700;

margin-top: 0;

margin-bottom: 0;

color: var(--text--color--heading);

font-weight: var(--font-weight);

font-size: var(--font-size);

line-height: var(--font-line-height);

font-family: var(--font--family);

}

h1 {

--font-size: var(--font--size--1);

--font-line-height: 1.125;

--spacing-block-start: var(--size--24);

}

h2 {

--font-size: var(--font--size--2);

--font-line-height: 1.15;

--spacing-block-start: var(--size--20);

}

h3 {

--font-size: var(--font--size--3);

--font-line-height: 1.15;

--spacing-block-start: var(--size--16);

}

h4 {

--font-size: var(--font--size--4);

--font-line-height: 1.4;

--spacing-block-start: var(--size--12);

}

h5 {

--font-size: var(--font--size--5);

--font-line-height: 1.5;

--spacing-block-start: var(--size--12);

}

h6 {

--font-size: var(--font--size--6);

--font-line-height: 1.25;

--spacing-block-start: var(--size--10);

}

samp {

--font-family: var(--font--family-monospace);

font-size: 0.875em;

font-family: var(--font-family);

font-weight: var(--font-weight);

max-width: 100%;

-moz-tab-size: 2;

-o-tab-size: 2;

tab-size: 2;

}

kbd {

--font-weight: bolder;

background-color: var(--code--kbd-background-color);

color: var(--code--kbd-color);

vertical-align: baseline;

}

ul, ol {

padding-inline-start: 1em;

}

strong {

font-weight: bolder;

}

sup {

position: relative;

font-size: 0.75em;

line-height: 0;

vertical-align: baseline;

}

sub {

bottom: -0.25em;

}

sup {

top: -0.5em;

}

pre {

color: var(--text--color--content);

font-style: normal;

font-weight: var(--font--weight);

}

p, dl, ol, address {

margin-top: 0;

}

ul, table {

margin-top: 0;

margin-bottom: var(--spacing--block-end, var(--spacing--block));

}

blockquote {

display: block;

margin: var(--spacing--block) 0;

padding: var(--spacing--lg);

border-right-style: none;

border-left: 0.25rem solid var(--blockquote--border-color);

border-inline-start: 0.25rem solid var(--blockquote--border-color);

border-inline-end: none;

}

blockquote cite {

color: var(--blockquote--cite-color);

}

mark {

padding: 0.125rem 0.25rem;

background-color: var(--color--base--50);

color: var(--text--color--content);

vertical-align: baseline;

}

abbr[title] {

border-bottom-width: 1px;

border-bottom-style: dotted;

text-decoration: none;

cursor: help;

}

ins {

color: var(--color--success--original, var(--color--primary--500));

text-decoration: none;

}

del {

color: var(--color--error--original, var(--color--base--400));

}

a {

--text-decoration: underline;

--color-text: var(--color--primary--500);

outline-style: none;

color: var(--color-text);

text-decoration: var(--text-decoration);

transition: background-color var(--transition), color var(--transition), box-shadow var(--transition), -webkit-text-decoration var(--transition);

}

a:where(:hover, :active, :focus) {

--color-text: var(--color--primary--400);

--text-decoration: none;

cursor: pointer;

}

:where(button, [role=button], [type=submit]), .button, .btn-filled {

--background-color: var(--button--filled-bg-enabled);

--color-text: var(--button--filled-tx-enabled);

--spacing-block: var(--spacing--block);

--spacing-inline: var(--spacing--inline);

--border-radius: var(--radius--xs);

--border-color: transparent;

--border-style: solid;

--border-width: 1px;

--text-decoration: none;

--font-weight: 600;

--font-size: var(--font--size--button);

display: flex;

justify-content: center;

color: var(--color-text);

background-color: var(--background-color);

padding: var(--spacing-block) var(--spacing-inline);

border-radius: var(--border-radius);

border: var(--border-width) var(--border-style) var(--border-color);

font-weight: var(--font-weight);

font-size: var(--font-size);

line-height: var(--font--line-height);

text-align: center;

text-decoration: var(--text-decoration);

cursor: pointer;

user-select: none;

transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);

}

:where(button, .button, [role=button], [type=submit]):is([aria-current]:not([aria-current=false])),

:where(button, .button, [role=button], [type=submit]):is(:hover, :active) {

--background-color: var(--button--filled-bg-hovered)

}

:where(button, .button, [role=button], [type=submit], a):is([aria-current]:not([aria-current=false])):focus:not(:focus-visible) {

outline-style: none;

}

:where(button, .button, [role=button], [type=submit], a):active {

--background-color: var(--button--filled-bg-pressed)

}

:where(button, .button, [role=button], [type=submit], a):focus-visible,

:where(button, .button, [role=button], [type=submit], a):is([aria-current]:not([aria-current=false])):focus-visible {

outline: var(--outline--border);

}

:where(button, .button, [role=button], [type=submit] )[disabled] {

--background-color: var(--button--filled-bg-disabled);

--color-text: var(--button--filled-tx-disabled);

pointer-events: none;

}

:where(button, .button, [role=button], [type=submit])[aria-busy=true]::before {

filter: brightness(0) invert(1);

}

:where([role=tab]) {

--background-color: transparent;

--color-text: var(--button--outlined-tx-enabled);

--border-color: var(--button--outlined-br-enabled);

--spacing-block: var(--spacing--block);

--spacing-inline: var(--spacing--inline);

--border-radius: var(--radius--xs);

--border-style: solid;

--border-width: 1px;

--text-decoration: none;

--font-weight: 600;

--font-size: var(--size--9);

display: flex;

justify-content: center;

color: var(--color-text);

background-color: var(--background-color);

padding: var(--spacing-block) var(--spacing-inline);

border-radius: var(--border-radius);

border: var(--border-width) var(--border-style) var(--border-color);

font-weight: var(--font-weight);

font-size: var(--font-size);

line-height: var(--font--line-height);

text-align: center;

text-decoration: var(--text-decoration);

cursor: pointer;

}

:where([role=tab]):is(:hover) {

--background-color: var(--button--outlined-bg-hovered);

--border-color: var(--button--outlined-br-hovered)

}

:where([role=tab].active) {

--border-color: transparent;

--background-color: var(--button--filled-bg-enabled);

--color-text: var(--button--filled-tx-enabled);

}

:where([role=tab].active):is(:hover) {

--background-color: var(--button--filled-bg-hovered);

--color-text: var(--button--filled-tx-hovered);

}

:where([role=tab])[disabled] {

--border-color: transparent;

--background-color: var(--button--filled-bg-disabled);

--color-text: var(--button--filled-tx-disabled);

pointer-events: none;

}

.btn-tonal {

--background-color: var(--button--filled-tonal-bg-enabled);

--color-text: var(--button--filled-tonal-tx-enabled);

}

.btn-tonal:where(:hover) {

--background-color: var(--button--filled-tonal-bg-hovered);

}

.btn-tonal:where(:active) {

--background-color: var(--button--filled-tonal-bg-pressed);

}

.btn-tonal:where([disabled]) {

--background-color: var(--button--filled-tonal-bg-disabled);

--color-text: var(--button--filled-tonal-tx-disabled);

}

.btn-outlined {

--background-color: transparent;

--color-text: var(--button--outlined-tx-enabled);

--border-color: var(--button--outlined-br-enabled);

}

.btn-outlined:where(:hover) {

--background-color: var(--button--outlined-bg-hovered);

--border-color: var(--button--outlined-br-hovered);

}

.btn-outlined:where(:active) {

--background-color: var(--button--outlined-bg-pressed);

--border-color: var(--button--outlined-br-pressed);

--color-text: var(--button--outlined-tx-pressed);

}

.btn-outlined:where([disabled]) {

--background-color: var(--button--outlined-bg-disabled);

--border-color: var(--button--outlined-br-disabled);

--color-text: var(--button--outlined-tx-disabled);

}

.btn-ghost {

--background-color: transparent;

--color-text: var(--button--ghost-tx-enabled);

}

.btn-ghost:where(:hover) {

--background-color: transparent;

--color-text: var(--button--ghost-tx-hovered);

}

.btn-ghost:where(:active) {

--background-color: transparent;

--color-text: var(--button--ghost-tx-pressed);

}

.btn-ghost:where([disabled]) {

--background-color: transparent;

--color-text: var(--button--ghost-tx-disabled);

}

:where(button, [role=button], [type=submit], .button, .btn-filled, .btn-tonal, .btn-outlined, .btn-ghost):is(.size-sm) {

--spacing-block: calc(var(--spacing--block) * var(--button--size-sm-scale));

--spacing-inline: calc(var(--spacing--inline) * var(--button--size-sm-scale));

--font-size: clamp(

calc(var(--text--size--button-min) * var(--button--size-sm-scale)),

calc(0.7788rem * var(--button--size-sm-scale) + 0.3846vi * var(--button--size-sm-scale)),

calc(var(--text--size--button-max) * var(--button--size-sm-scale))

);

padding: var(--spacing-block) var(--spacing-inline);

font-size: var(--font-size);

}

:where(button, [role=button], [type=submit], .button, .btn-filled, .btn-tonal, .btn-outlined, .btn-ghost):is(.size-lg) {

--spacing-block: calc(var(--spacing--block) * var(--button--size-lg-scale));

--spacing-inline: calc(var(--spacing--inline) * var(--button--size-lg-scale));

--font-size: clamp(

calc(var(--text--size--button-min) * var(--button--size-lg-scale)),

calc(0.7788rem * var(--button--size-lg-scale) + 0.3846vi * var(--button--size-lg-scale)),

calc(var(--text--size--button-max) * var(--button--size-lg-scale))

);

padding: var(--spacing-block) var(--spacing-inline);

font-size: var(--font-size);

}

:where(.badge, .badge-filled, .badge-tonal, .badge-outlined, .badge-ghost) {

--background-color: var(--badge--filled-bg);

--color-text: var(--badge--filled-tx);

--spacing-block: var(--spacing--sm);

--spacing-inline: var(--spacing--md);

--border-radius: var(--radius--2xl);

--border-color: transparent;

--border-style: solid;

--border-width: 1px;

--text-decoration: none;

--font-weight: 400;

--font-size: var(--size--7);

--font-line-height: 1.1;

display: inline-block;

color: var(--color-text);

background-color: var(--background-color);

padding: var(--spacing-block) var(--spacing-inline);

border-radius: var(--border-radius);

border: var(--border-width) var(--border-style) var(--border-color);

font-weight: var(--font-weight);

font-size: var(--font-size);

line-height: var(--font-line-height);

text-align: center;

text-decoration: var(--text-decoration);

text-transform: uppercase;

cursor: pointer;

user-select: none;

transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);

}

.badge-tonal {

--border-color: transparent;

--background-color: var(--badge--tonal-bg);

--color-text: var(--badge--tonal-tx);

}

.badge-outlined {

--border-color: var(--badge--outlined-br);

--background-color: var(--badge--outlined-bg);

--color-text: var(--badge--outlined-tx);

}

.badge-ghost {

--background-color: transparent;

--border-color: transparent;

--color-text: var(--badge--ghost-tx);

}

[aria-controls] {

cursor: pointer;

}

[aria-disabled=true],

[disabled] {

cursor: not-allowed;

}

[aria-hidden=false][hidden] {

display: initial;

}

[aria-hidden=false][hidden]:not(:focus) {

clip: rect(0, 0, 0, 0);

position: absolute;

}

[tabindex] {

-ms-touch-action: manipulation;

touch-action: manipulation;

}

:where(input:not([type="checkbox"], [type="radio"], [type="submit"]), textarea, select) {

font-size: inherit;

font-family: var(--font--family);

border-radius: var(--radius--xs);

background-color: var(--color--base--50);

border: var(--border--width) solid var(--color--base--200);

padding: var(--spacing--sm);

width: 100%;

color: var(--text--color--content);

}

.invalid {

border-color: var(--color--error--original);

color: var(--color--error--original);

}

label {

font-size: calc(var(--font--size--content) * 0.9);

margin-top: 0.5rem;

text-indent: 0.15em;

line-height: calc(var(--font--line-height) * 1.45);

}

:where(input:not([type="checkbox"], [type="radio"]), textarea, select):focus {

outline: 2px solid var(--color--base--600);

}

:where(input, textarea)::placeholder {

color: var(--color--base--600);

opacity: 0.7;

}

label:has( + [required] )::after {

content: "(*" attr(data-text-required) ")";

margin-left: 0.5ch;

color: var(--color--base--600);

}

fieldset {

border-radius: var(--radius--xs);

background-color: var(--color--base--0);

border: var(--border--width) solid var(--color--base--200);

padding: var(--spacing--lg);

}

.field-group {

display: flex;

}

.field-group-prepend {

border-right: unset;

border-top-right-radius: 0;

border-bottom-right-radius: 0;

}

.field-group-append {

border-left: unset;

border-top-left-radius: 0;

border-bottom-left-radius: 0;

}

.field-group > :not(.field-group-prepend, .field-group-append) {

border-right: unset;

border-radius: 0;

}

[dir=rtl] {

direction: rtl;

}

::-moz-focus-inner {

padding: 0;

border-style: none;

}

:-moz-focusring {

outline-width: 0;

}

:-moz-ui-invalid {

box-shadow: none;

}

::-ms-expand {

display: none;

}

[role=switch] {

--border-width: 0.1875rem;

--background-color: var(--switch--background-color);

cursor: pointer;

-webkit-appearance: none;

-moz-appearance: none;

appearance: none;

width: 2.25em;

height: 1.25em;

border: var(--border--width) solid var(--border--color);

border-radius: 1.25em;

background-color: var(--background-color);

line-height: 1.25em;

}

[role=switch]:before {

display: block;

aspect-ratio: 1;

height: 100%;

border-radius: 50%;

background-color: var(--switch--color);

box-shadow: var(--switch--thumb-box-shadow);

content: "";

transition: margin .1s ease-in-out;

}

[role=switch]:focus-visible,

[role=switch]:focus {

--background-color: var(--switch--background-color);

--border-color: var(--switch--background-color);

}

[role=switch]:checked {

--background-color: var(--switch--checked-background-color);

--border-color: var(--switch--checked-background-color);

background-image: none;

}

[role=switch]:checked:before {

margin-inline-start: 1em;

}

[role=switch]:not([aria-invalid]) {

--border-color: var(--switch--background-color);

}

details {

margin-block-end: 0.25rem;

border-radius: var(--radius--md);

border: var(--border--width) solid var(--accordion--border-color);

color: var(--accordion--close-summary-color);

padding-inline: var(--accordion--spacing-inline);

}

details:where(:hover, :focus) summary::before,

details:where(:hover, :focus) summary::after {

box-shadow: 0 0 0 24px var(--accordion--active-summary-color);

}

details :last-child {

margin-block-end: 0;

}

details:where([open]) {

background-color: var(--accordion--open-summary-background);

padding-block-end: var(--accordion--spacing-block);

}

details:where([open]) summary {

color: var(--accordion--open-summary-color);

}

details:where([open]) summary::before,

details:where([open]) summary::after {

--icon-rotate: -180deg;

}

summary {

width: 100%;

padding-block: var(--accordion--spacing-block);

user-select: none;

cursor: pointer;

list-style-type: none;

display: flex;

color: var(--accordion--close-summary-color);

text-decoration: none;

flex-direction: row;

align-items: center;

gap: var(--spacing--sm);

overflow-wrap: anywhere;

background-image: radial-gradient(

circle calc(var(--accordion--icon-circle) + 0px) at var(--accordion--icon-circle) 50%,

var(--accordion--icon-circle-color) 100%,

transparent 100%

);

}

summary:where(.icon-right) {

background-image: radial-gradient(

circle calc(var(--accordion--icon-circle) + 0px) at calc(100% - var(--accordion--icon-circle)) 50%,

var(--accordion--icon-circle-color) 100%,

transparent 100%

);

}

summary::before, summary::after {

mask-image: var(--icon, var(--icon--base));

-webkit-mask-image: var(--icon, var(--icon--base));

mask-size: 1rem;

mask-position: center center;

mask-repeat: no-repeat;

transform: rotate(var(--icon-rotate, 0deg)) scale(var(--icon-scale), 1);

content: "";

display: block;

position: relative;

width: 24px;

height: 24px;

flex-shrink: 0;

transition: var(--transition);

border-radius: 24px;

background-color: currentColor;

box-shadow: 0 0 0 24px var(--accordion--active-summary-background);

}

summary::before {

margin-inline-start: calc(var(--accordion--icon-circle) - 12px);

}

summary::after {

margin-left: auto;

margin-inline-end: calc(var(--accordion--icon-circle) - 12px);

}

summary:where(.icon-style-plus) {

--icon: var(--icon--plus);

}

summary:where(.icon-style-arrow) {

--icon: var(--icon--arrow);

}

summary:where(.icon-style-caret) {

--icon: var(--icon--caret);

}

summary:where(.icon-right)::before {

content: unset;

}

summary:not(.icon-right)::after {

content: unset;

}

summary > :where(h1,h2,h3,h4,h5,h6) {

font-weight: 500;

font-size: var(--font--size--5);

}

dialog[open] {

display: block;

}

:is([role=dialog], dialog):where([open], .open) {

padding: var(--spacing--2xl);

position: fixed;

top: 50%;

left: 50%;

margin: 0;

transform: translate(-50%, -50%);

background-color: var(--card--background-color);

border: var(--border--width) solid var(--border--color);

box-shadow: var(--box--shadow);

border-radius: var(--radius--md);

z-index: 9999;

display: flex;

flex-direction: column;

}

.cookie-notice {

position: fixed;

z-index: 1000;

max-width: 330px;

bottom: 20px;

}

:is([role=dialog], dialog):where([open], .open).cookie-notice {

transform: unset;