/*!tailwindcss v4.2.1 | MIT License | https://tailwindcss.com*/@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;--color-red-700:oklch(50.5% 0.213 27.518);--color-neutral-50:oklch(96.76% 0.01 84.48);--color-neutral-100:oklch(92.20% 0.02 90.51);--color-neutral-200:oklch(84.44% 0.04 87.06);--color-neutral-300:oklch(74.82% 0.05 83.86);--color-neutral-400:oklch(66.74% 0.07 79.36);--color-neutral-500:oklch(61.41% 0.07 75.57);--color-neutral-600:oklch(55.18% 0.06 65.97);--color-neutral-700:oklch(45.56% 0.05 56.69);--color-neutral-800:oklch(40.90% 0.04 49.67);--color-neutral-900:oklch(37.54% 0.03 45.40);--color-neutral-950:oklch(25.76% 0.02 42.02);--color-white:#fff;--spacing:0.25rem;--container-xl:36rem;--container-7xl:80rem;--text-xs:0.75rem;--text-xs--line-height:calc(1 / 0.75);--text-sm:0.875rem;--text-sm--line-height:calc(1.25 / 0.875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--text-9xl:8rem;--text-9xl--line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:0.025em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);--color-primary-50:oklch(97.34% 0.00 214.02);--color-primary-100:oklch(92.84% 0.01 225.90);--color-primary-200:oklch(86.30% 0.02 225.70);--color-primary-300:oklch(76.37% 0.03 227.35);--color-primary-400:oklch(63.63% 0.05 230.06);--color-primary-500:oklch(54.32% 0.05 232.59);--color-primary-600:oklch(49.57% 0.04 238.49);--color-primary-700:oklch(42.75% 0.03 239.09);--color-primary-800:oklch(38.68% 0.03 244.43);--color-primary-900:oklch(35.41% 0.02 245.93);--color-primary-950:oklch(26.44% 0.02 248.54);--color-primary:var(--color-primary-500);--color-accent-50:oklch(98.47% 0.02 92.46);--color-accent-100:oklch(96.03% 0.06 93.81);--color-accent-200:oklch(91.94% 0.12 93.28);--color-accent-300:oklch(87.16% 0.16 88.24);--color-accent-400:oklch(82.95% 0.17 80.17);--color-accent-500:oklch(77.20% 0.17 64.55);--color-accent-600:oklch(67.17% 0.17 54.08);--color-accent-700:oklch(55.71% 0.16 45.15);--color-accent-800:oklch(47.39% 0.14 42.39);--color-accent-900:oklch(41.38% 0.11 42.94);--color-accent-950:oklch(27.94% 0.08 43.41);--color-success-50:#fcfdfd;--color-success-100:#f3f7f5;--color-success-200:#d0e7df;--color-success-300:#add7c8;--color-success-400:#409f7f;--color-success-500:#328267;--color-success-600:#24654f;--color-success-700:#164837;--color-success-800:#082b1f;--color-success-900:#04170f;--color-success-950:#010a06;--color-alert-50:#fcfcfd;--color-alert-100:#f5f3f6;--color-alert-200:#dad2e4;--color-alert-300:#bfb1d3;--color-alert-400:#a490c1;--color-alert-500:#7c54b6;--color-alert-600:#68459a;--color-alert-700:#54367e;--color-alert-800:#3f2861;--color-alert-900:#2b1945;--color-alert-950:#170a29;--color-danger-50:#fdfcfc;--color-danger-100:#f8f2f3;--color-danger-200:#eaccd1;--color-danger-300:#dda7b0;--color-danger-400:#cf818e;--color-danger-500:#c84158;--color-danger-600:#a93549;--color-danger-700:#8a293a;--color-danger-800:#6c1d2a;--color-danger-900:#4d111b;--color-danger-950:#2e050c;--color-ink-1:red;--color-ink-2:red;--color-ink-3:red;--color-ink-4:red;--color-complement-1:red;--color-complement-2:red;--color-complement-3:red;--color-emphasis:red;--color-0:transparent;--color-50:var(--color-neutral-50);--color-100:var(--color-neutral-100);--color-200:var(--color-neutral-200);--color-300:var(--color-neutral-300);--color-400:var(--color-neutral-400);--color-500:var(--color-neutral-500);--color-600:var(--color-neutral-600);--color-700:var(--color-neutral-700);--color-800:var(--color-neutral-800);--color-900:var(--color-neutral-900);--font-heading:"Sofia Sans", "Inter", "Helvetica Neue", Arial, sans-serif;--font-body:"Sofia Sans", "Inter", "Helvetica Neue", Arial, sans-serif}}@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-full{top:100%}.z-30{z-index:30}.container{width:100%;@media(width >= 40rem){max-width: 40rem;}@media(width >= 48rem){max-width: 48rem;}@media(width >= 64rem){max-width: 64rem;}@media(width >= 80rem){max-width: 80rem;}@media(width >= 96rem){max-width: 96rem;}}.m-0{margin:calc(var(--spacing) * 0)}.mx-auto{margin-inline:auto}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-auto{margin-left:auto}.btn-ui{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--spacing) * 2);border-radius:.25rem;border-style:var(--tw-border-style);border-width:1px;border-color:transparent;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:1;line-height:1;--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);text-decoration-line:none;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:150ms;transition-duration:150ms;cursor:pointer;&:focus-visible { --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } &:focus-visible { --tw-ring-color:var(--color-500); } &:focus-visible { --tw-ring-offset-width:2px; --tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } &:focus-visible { --tw-outline-style:none; outline-style:none; } &[data-prominence="low"] { background-color:transparent; } &[data-prominence="low"] { &:hover { @media (hover:hover) { background-color:transparent; } } } &[data-prominence="low"] { color:var(--color-500); } &[data-prominence="low"] { text-decoration-line:underline; } &[data-prominence="low"] { &:hover { @media (hover:hover) { text-decoration-line:none; } } } background-color:color-mix(in srgb,oklch(92.20% 0.02 90.51) 70%,transparent);@supports(color:color-mix(in lab,red,red)){background-color: color-mix(in oklab,var(--color-100) 70%,transparent);}color:var(--color-700);&:hover { @media (hover:hover) { background-color:color-mix(in srgb,oklch(92.20% 0.02 90.51) 30%,transparent); @supports (color:color-mix(in lab,red,red)) { background-color:color-mix(in oklab,var(--color-100) 30%,transparent); } } } &[data-prominence="high"] { background-color:var(--color-500); } &[data-prominence="high"] { color:color-mix(in srgb,#fff 97%,transparent); @supports (color:color-mix(in lab,red,red)) { color:color-mix(in oklab,var(--color-white) 97%,transparent); } } &[data-prominence="high"] { &:hover { @media (hover:hover) { background-color:var(--color-400); } } } &[data-prominence="low"] { background-color:var(--color-0); } &[data-prominence="low"] { color:var(--color-800); } &[data-prominence="low"] { &:hover { @media (hover:hover) { background-color:var(--color-50); } } } [emphasis="strong"] &,[data-emphasis="strong"] & { background-color:var(--color-500); } [emphasis="strong"] &,[data-emphasis="strong"] & { color:var(--color-50); } [emphasis="strong"] &,[data-emphasis="strong"] & { &:hover { @media (hover:hover) { background-color:var(--color-400); } } } [emphasis="strong"] &,[data-emphasis="strong"] & { &[data-prominence="low"] { background-color:var(--color-0); } } [emphasis="strong"] &,[data-emphasis="strong"] & { &[data-prominence="low"] { color:var(--color-50); } } [emphasis="strong"] &,[data-emphasis="strong"] & { &[data-prominence="low"] { &:hover { @media (hover:hover) { background-color:var(--color-500); } } } } [emphasis="strong"] &,[data-emphasis="strong"] & { &[data-prominence="high"] { background-color:var(--color-100); } } [emphasis="strong"] &,[data-emphasis="strong"] & { &[data-prominence="high"] { color:var(--color-900); } } [emphasis="strong"] &,[data-emphasis="strong"] & { &[data-prominence="high"] { &:hover { @media (hover:hover) { background-color:var(--color-50); } } } }}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.h-4{height:calc(var(--spacing) * 4)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-full{height:100%}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-full{width:100%}.max-w-7xl{max-width:var(--container-7xl)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-3{min-width:calc(var(--spacing) * 3)}.flex-1{flex:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.space-y-1{ :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); }}.space-y-2{ :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); }}.space-y-3{ :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); }}.space-y-4{ :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); }}.rounded{border-radius:.25rem}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[3px\]{border-style:var(--tw-border-style);border-width:3px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-dotted{--tw-border-style:dotted;border-style:dotted}.border-solid{--tw-border-style:solid;border-style:solid}.border-200\/40{border-color:color-mix(in srgb,oklch(84.44% .04 87.06) 40%,transparent);@supports(color:color-mix(in lab,red,red)){border-color: color-mix(in oklab,var(--color-200) 40%,transparent);}}.border-200\/50{border-color:color-mix(in srgb,oklch(84.44% .04 87.06) 50%,transparent);@supports(color:color-mix(in lab,red,red)){border-color: color-mix(in oklab,var(--color-200) 50%,transparent);}}.border-300\/50{border-color:color-mix(in srgb,oklch(74.82% .05 83.86) 50%,transparent);@supports(color:color-mix(in lab,red,red)){border-color: color-mix(in oklab,var(--color-300) 50%,transparent);}}.border-ink-4{border-color:var(--color-ink-4)}.border-transparent{border-color:transparent}.bg-50{background-color:var(--color-50)}.bg-complement-1{background-color:var(--color-complement-1)}.bg-complement-2{background-color:var(--color-complement-2)}.bg-complement-3{background-color:var(--color-complement-3)}.bg-emphasis{background-color:var(--color-emphasis)}.bg-ink-1{background-color:var(--color-ink-1)}.bg-ink-2{background-color:var(--color-ink-2)}.bg-ink-3{background-color:var(--color-ink-3)}.bg-ink-4{background-color:var(--color-ink-4)}.bg-neutral-50{background-color:var(--color-neutral-50)}.bg-neutral-100{background-color:var(--color-neutral-100)}.bg-neutral-950{background-color:var(--color-neutral-950)}.bg-transparent{background-color:initial}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:calc(var(--spacing) * 1)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-complement-1{color:var(--color-complement-1)}.text-complement-2{color:var(--color-complement-2)}.text-complement-3{color:var(--color-complement-3)}.text-ink-1{color:var(--color-ink-1)}.text-ink-2{color:var(--color-ink-2)}.text-ink-3{color:var(--color-ink-3)}.text-ink-4{color:var(--color-ink-4)}.no-underline{text-decoration-line:none}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.md\:static{@media(width >= 48rem){position: static;}}.md\:block{@media(width >= 48rem){display: block;}}.md\:hidden{@media(width >= 48rem){display: none;}}.md\:grid-cols-2{@media(width >= 48rem){grid-template-columns: repeat(2,minmax(0,1fr));}}.md\:border-t-0{@media(width >= 48rem){border-top-color: var(--color-0);}}.md\:bg-transparent{@media(width >= 48rem){background-color: transparent;}}.md\:p-6{@media(width >= 48rem){padding: calc(var(--spacing) * 6);}}.md\:px-0{@media(width >= 48rem){padding-inline: calc(var(--spacing) * 0);}}.md\:py-0{@media(width >= 48rem){padding-block: calc(var(--spacing) * 0);}}.md\:shadow-none{@media(width >= 48rem){--tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}}.xl\:grid-cols-4{@media(width >= 80rem){grid-template-columns: repeat(4,minmax(0,1fr));}}}:root{--color-50:var(--color-neutral-50);--color-100:var(--color-neutral-100);--color-200:var(--color-neutral-200);--color-300:var(--color-neutral-300);--color-400:var(--color-neutral-400);--color-500:var(--color-neutral-500);--color-600:var(--color-neutral-600);--color-700:var(--color-neutral-700);--color-800:var(--color-neutral-800);--color-900:var(--color-neutral-900);--color-950:var(--color-neutral-950)}:where([data=primary],[flavor=primary]){--color-50:var(--color-primary-50);--color-100:var(--color-primary-100);--color-200:var(--color-primary-200);--color-300:var(--color-primary-300);--color-400:var(--color-primary-400);--color-500:var(--color-primary-500);--color-600:var(--color-primary-600);--color-700:var(--color-primary-700);--color-800:var(--color-primary-800);--color-900:var(--color-primary-900);--color-950:var(--color-primary-950)}:where([data=neutral],[flavor=neutral]){--color-50:var(--color-neutral-50);--color-100:var(--color-neutral-100);--color-200:var(--color-neutral-200);--color-300:var(--color-neutral-300);--color-400:var(--color-neutral-400);--color-500:var(--color-neutral-500);--color-600:var(--color-neutral-600);--color-700:var(--color-neutral-700);--color-800:var(--color-neutral-800);--color-900:var(--color-neutral-900);--color-950:var(--color-neutral-950)}:where([data=accent],[flavor=accent]){--color-50:var(--color-accent-50);--color-100:var(--color-accent-100);--color-200:var(--color-accent-200);--color-300:var(--color-accent-300);--color-400:var(--color-accent-400);--color-500:var(--color-accent-500);--color-600:var(--color-accent-600);--color-700:var(--color-accent-700);--color-800:var(--color-accent-800);--color-900:var(--color-accent-900);--color-950:var(--color-accent-950)}:where([data=success],[flavor=success]){--color-50:var(--color-success-50);--color-100:var(--color-success-100);--color-200:var(--color-success-200);--color-300:var(--color-success-300);--color-400:var(--color-success-400);--color-500:var(--color-success-500);--color-600:var(--color-success-600);--color-700:var(--color-success-700);--color-800:var(--color-success-800);--color-900:var(--color-success-900);--color-950:var(--color-success-950)}:where([data=alert],[flavor=alert]){--color-50:var(--color-alert-50);--color-100:var(--color-alert-100);--color-200:var(--color-alert-200);--color-300:var(--color-alert-300);--color-400:var(--color-alert-400);--color-500:var(--color-alert-500);--color-600:var(--color-alert-600);--color-700:var(--color-alert-700);--color-800:var(--color-alert-800);--color-900:var(--color-alert-900);--color-950:var(--color-alert-950)}:where([data=danger],[flavor=danger]){--color-50:var(--color-danger-50);--color-100:var(--color-danger-100);--color-200:var(--color-danger-200);--color-300:var(--color-danger-300);--color-400:var(--color-danger-400);--color-500:var(--color-danger-500);--color-600:var(--color-danger-600);--color-700:var(--color-danger-700);--color-800:var(--color-danger-800);--color-900:var(--color-danger-900);--color-950:var(--color-danger-950)}@layer base{h1,.h1{margin-bottom:calc(var(--spacing) * 3);font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height));color:var(--color-primary-800);@media(width >= 48rem){font-size: var(--text-5xl); line-height: var(--tw-leading,var(--text-5xl--line-height));}}h2,.h2{margin-bottom:calc(var(--spacing) * 3);font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height));color:var(--color-primary-700); [emphasis="strong"] &, [data-emphasis="strong"] & { color: color-mix(in srgb, #fff 90%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 90%, transparent); } }}h3,.h3{margin-bottom:calc(var(--spacing) * 3);font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height));color:var(--color-primary-700); [emphasis="strong"] &, [data-emphasis="strong"] & { color: var(--color-800); }}h4,.h4{margin-bottom:calc(var(--spacing) * 3);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));color:var(--color-primary-700); [emphasis="strong"] &, [data-emphasis="strong"] & { color: var(--color-800); }}h5,.h5{margin-bottom:calc(var(--spacing) * 3);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));color:var(--color-primary-700); [emphasis="strong"] &, [data-emphasis="strong"] & { color: var(--color-800); }}h6,.h6{margin-bottom:calc(var(--spacing) * 3);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));color:var(--color-primary-700); [emphasis="strong"] &, [data-emphasis="strong"] & { color: var(--color-800); }}&:where([data-target=pdf],[data-target=pdf] *){h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); color: var(--color-primary-700); break-after: avoid-page; } h1 { font-size: 28pt; line-height: 1.1; } h2 { font-size: 20pt; line-height: 1.2; margin-top: 10mm; } h3 { font-size: 15pt; line-height: 1.25; margin-top: 7mm; }}}@layer base{*{color:inherit}p,.p{&:has(+ *) { margin-bottom:calc(var(--spacing) * 2); } [emphasis="strong"] &,[data-emphasis="strong"] & { --tw-font-weight:var(--font-weight-light); font-weight:var(--font-weight-light); }}&:where([data-target=pdf],[data-target=pdf] *){p { margin-top: 0; margin-bottom: 4mm; orphans: 3; widows: 3; }}}@layer base{a,.a{color:color-mix(in srgb,oklch(54.32% .05 232.59) 70%,transparent);@supports(color:color-mix(in lab,red,red)){color: color-mix(in oklab,var(--color-primary) 70%,transparent);}&:hover { @media (hover:hover) { color:var(--color-primary); } } [emphasis="strong"] &,[data-emphasis="strong"] & { color:color-mix(in srgb,#fff 90%,transparent); @supports (color:color-mix(in lab,red,red)) { color:color-mix(in oklab,var(--color-white) 90%,transparent); } } [emphasis="strong"] &,[data-emphasis="strong"] & { &:hover { @media (hover:hover) { color:color-mix(in srgb,#fff 95%,transparent); @supports (color:color-mix(in lab,red,red)) { color:color-mix(in oklab,var(--color-white) 95%,transparent); } } } } [emphasis="strong"] &,[data-emphasis="strong"] & { --tw-font-weight:350; font-weight:350; } text-decoration-line:underline;&:hover { @media (hover:hover) { text-decoration-line:none; } } text-decoration-color:color-mix(in srgb,oklch(92.20% 0.02 90.51) 50%,transparent);@supports(color:color-mix(in lab,red,red)){text-decoration-color: color-mix(in oklab,var(--color-neutral-100) 50%,transparent);}}&:where([data-target=pdf],[data-target=pdf] *){a, .a { color: inherit; text-decoration: none; }}}@layer base{&:where([data-target=pdf],[data-target=pdf] *){ul, ol { margin-top: 0; margin-bottom: 4mm; padding-left: 6mm; } li { orphans: 3; widows: 3; }}}@layer base{&:where([data-target=pdf],[data-target=pdf] *){table { margin-top: 0; margin-bottom: 4mm; width: 100%; border-collapse: collapse; page-break-inside: auto; } thead { display: table-header-group; } tfoot { display: table-footer-group; } tr { break-inside: avoid; } th, td { orphans: 3; widows: 3; border: 0.3pt solid var(--color-neutral-300); padding: 2mm; vertical-align: top; }}}@layer base{&:where([data-target=pdf],[data-target=pdf] *){img, svg, pre, blockquote { break-inside: avoid; max-width: 100%; }}}@layer base{hr,.hr{margin-block:calc(var(--spacing) * 7);border-color:color-mix(in srgb,oklch(61.41% .07 75.57) 50%,transparent);@supports(color:color-mix(in lab,red,red)){border-color: color-mix(in oklab,var(--color-500) 50%,transparent);}}&:where([data-target=pdf],[data-target=pdf] *){hr, .hr { break-before: page; page-break-before: always; border: 0; height: 0; margin: 0; padding: 0; }}}@font-face{font-family:sofia sans;font-style:normal;font-weight:1 1e3;font-display:swap;src:url(https://fonts.gstatic.com/s/sofiasans/v20/Yq6R-LCVXSLy9uPBwlATrOF6kjouQb4.woff2)format("woff2")}@font-face{font-family:sofia sans;font-style:italic;font-weight:1 1e3;font-display:swap;src:url(https://fonts.gstatic.com/s/sofiasans/v20/Yq6T-LCVXSLy9uPBwlATrORKkDApY7xO6w.woff2)format("woff2")}@layer components{ftg-accordion>details{background-color:var(--color-50);color:var(--color-900);display:block;overflow:hidden;border-radius:.25rem;border-style:var(--tw-border-style);border-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:color-mix(in oklab,var(--color-200) 30%,transparent);margin:calc(var(--spacing) * 1);outline-color:transparent}ftg-accordion,ftg-accordion *{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:150ms;transition-duration:150ms}ftg-accordion>details[open]{background-color:color-mix(in srgb,#fff 80%,transparent);@supports(color:color-mix(in lab,red,red)){background-color: color-mix(in oklab,var(--color-white) 80%,transparent);}outline-style:var(--tw-outline-style);outline-width:1px;outline-color:color-mix(in srgb,oklch(87.16% .16 88.24) 50%,transparent);@supports(color:color-mix(in lab,red,red)){outline-color: color-mix(in oklab,var(--color-accent-300) 50%,transparent);}}ftg-accordion>details:last-child{border-bottom-color:var(--color-0)}ftg-accordion>details>summary{display:flex;width:100%;cursor:pointer;align-items:flex-start;justify-content:space-between;gap:calc(var(--spacing) * 4);padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 4);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:var(--leading-snug);line-height:var(--leading-snug);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-800);list-style-type:none;&:focus-visible { --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } &:focus-visible { --tw-ring-color:var(--color-500); } &:focus-visible { --tw-outline-style:none; outline-style:none; } &:focus-visible { --tw-ring-inset:inset; }}ftg-accordion>details>summary::-webkit-details-marker{display:none}ftg-accordion>details>summary::after{content:'+';margin-top:1px;flex-shrink:0;font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-leading:1;line-height:1;--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-500)}ftg-accordion>details[open]>summary::after{content:'-'}ftg-accordion>details>summary:hover{background-color:color-mix(in srgb,oklch(96.76% .01 84.48) 50%,transparent);@supports(color:color-mix(in lab,red,red)){background-color: color-mix(in oklab,var(--color-50) 50%,transparent);}}ftg-accordion>details>*:not(summary){padding-inline:calc(var(--spacing) * 5);padding-bottom:calc(var(--spacing) * 5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);color:var(--color-700)}}@layer components{ftg-article-layout{display:block}ftg-article-layout .layout{display:grid;gap:var(--ftg-article-gap,2rem)}ftg-article-layout .main{min-width:0}@media(min-width:1024px){ftg-article-layout[has-aside] .layout{grid-template-columns:minmax(0,1fr)var(--ftg-article-aside-width,18rem)}ftg-article-layout[has-aside] .aside.sticky{position:sticky;top:var(--ftg-article-sticky-top,6rem);align-self:start}ftg-article-layout[has-aside] .aside.sticky .aside-inner{max-height:var(--ftg-article-aside-max-height,calc(100vh - 7rem));overflow:auto}}}@layer components{ftg-button{display:inline-block}}@layer components{ftg-card{display:block}ftg-card>article{height:100%;border-radius:var(--radius-lg);background-color:var(--color-50);color:var(--color-800);font-family:var(--font-body);box-sizing:border-box;background-color:color-mix(in oklab,var(--color-white) 80%,transparent);border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in oklab,var(--color-neutral-200) 50%,transparent)}ftg-card[padding=sm]>article{padding:calc(var(--spacing) * 3)}ftg-card[padding=md]>article{padding:calc(var(--spacing) * 4)}ftg-card[padding=lg]>article{padding:calc(var(--spacing) * 6)}ftg-card[padding=none]>article{padding:calc(var(--spacing) * 0)}ftg-card[elevated]>article{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ftg-card .card-media{margin:calc(var(--spacing) * 0)}ftg-card .card-media a{display:block}ftg-card .card-media img{height:auto;width:100%;object-fit:cover}ftg-card[padding=sm] .card-media{margin-inline:calc(var(--spacing) * -3);margin-top:calc(var(--spacing) * -3);margin-bottom:calc(var(--spacing) * 3)}ftg-card[padding=md] .card-media{margin-inline:calc(var(--spacing) * -4);margin-top:calc(var(--spacing) * -4);margin-bottom:calc(var(--spacing) * 4)}ftg-card[padding=lg] .card-media{margin-inline:calc(var(--spacing) * -6);margin-top:calc(var(--spacing) * -6);margin-bottom:calc(var(--spacing) * 6)}}@layer components{ftg-card-carousel{display:block}ftg-card-carousel .viewport{overflow:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}ftg-card-carousel .track{display:flex;gap:var(--ftg-carousel-gap,16px);touch-action:pan-y pinch-zoom}ftg-card-carousel .track>slot{display:contents}ftg-card-carousel .track>*{flex:0 0 calc( (100% - (var(--ftg-carousel-base,1.25) - 1) * var(--ftg-carousel-gap,16px))/var(--ftg-carousel-base,1.25) );min-width:0;scroll-snap-align:start}@media(min-width:48rem){ftg-card-carousel .track>*{flex-basis:calc( (100% - (var(--ftg-carousel-md,2) - 1) * var(--ftg-carousel-gap,16px))/var(--ftg-carousel-md,2) )}}@media(min-width:64rem){ftg-card-carousel .track>*{flex-basis:calc( (100% - (var(--ftg-carousel-lg,3) - 1) * var(--ftg-carousel-gap,16px))/var(--ftg-carousel-lg,3) )}}}@layer components{ftg-chips-nav{display:block}ftg-chips-nav nav{margin-bottom:calc(var(--spacing) * 6);display:flex;flex-wrap:wrap;gap:calc(var(--spacing) * 2)}ftg-chips-nav .chip{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--spacing) * 2);border-radius:.25rem;border-style:var(--tw-border-style);border-width:1px;border-color:transparent;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:1;line-height:1;--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);text-decoration-line:none;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:150ms;transition-duration:150ms;cursor:pointer;&:focus-visible { --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } &:focus-visible { --tw-ring-color:var(--color-500); } &:focus-visible { --tw-ring-offset-width:2px; --tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } &:focus-visible { --tw-outline-style:none; outline-style:none; } &[data-prominence="low"] { background-color:transparent; } &[data-prominence="low"] { &:hover { @media (hover:hover) { background-color:transparent; } } } &[data-prominence="low"] { color:var(--color-500); } &[data-prominence="low"] { text-decoration-line:underline; } &[data-prominence="low"] { &:hover { @media (hover:hover) { text-decoration-line:none; } } } background-color:color-mix(in srgb,oklch(92.20% 0.02 90.51) 70%,transparent);@supports(color:color-mix(in lab,red,red)){background-color: color-mix(in oklab,var(--color-100) 70%,transparent);}color:var(--color-700);&:hover { @media (hover:hover) { background-color:color-mix(in srgb,oklch(92.20% 0.02 90.51) 30%,transparent); @supports (color:color-mix(in lab,red,red)) { background-color:color-mix(in oklab,var(--color-100) 30%,transparent); } } } &[data-prominence="high"] { background-color:var(--color-500); } &[data-prominence="high"] { color:color-mix(in srgb,#fff 97%,transparent); @supports (color:color-mix(in lab,red,red)) { color:color-mix(in oklab,var(--color-white) 97%,transparent); } } &[data-prominence="high"] { &:hover { @media (hover:hover) { background-color:var(--color-400); } } } &[data-prominence="low"] { background-color:var(--color-0); } &[data-prominence="low"] { color:var(--color-800); } &[data-prominence="low"] { &:hover { @media (hover:hover) { background-color:var(--color-50); } } } [emphasis="strong"] &,[data-emphasis="strong"] & { background-color:var(--color-500); } [emphasis="strong"] &,[data-emphasis="strong"] & { color:var(--color-50); } [emphasis="strong"] &,[data-emphasis="strong"] & { &:hover { @media (hover:hover) { background-color:var(--color-400); } } } [emphasis="strong"] &,[data-emphasis="strong"] & { &[data-prominence="low"] { background-color:var(--color-0); } } [emphasis="strong"] &,[data-emphasis="strong"] & { &[data-prominence="low"] { color:var(--color-50); } } [emphasis="strong"] &,[data-emphasis="strong"] & { &[data-prominence="low"] { &:hover { @media (hover:hover) { background-color:var(--color-500); } } } } [emphasis="strong"] &,[data-emphasis="strong"] & { &[data-prominence="high"] { background-color:var(--color-100); } } [emphasis="strong"] &,[data-emphasis="strong"] & { &[data-prominence="high"] { color:var(--color-900); } } [emphasis="strong"] &,[data-emphasis="strong"] & { &[data-prominence="high"] { &:hover { @media (hover:hover) { background-color:var(--color-50); } } } } border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1)}ftg-chips-nav .chip[aria-current=page]{background-color:color-mix(in srgb,oklch(92.2% .02 90.51) 30%,transparent);@supports(color:color-mix(in lab,red,red)){background-color: color-mix(in oklab,var(--color-100) 30%,transparent);}color:var(--color-700)}}@layer components{ftg-disclosure{display:block}ftg-disclosure .disclosure{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in srgb,oklch(84.44% .04 87.06) 70%,transparent);@supports(color:color-mix(in lab,red,red)){border-color: color-mix(in oklab,var(--color-neutral-200) 70%,transparent);}background-color:color-mix(in srgb,#fff 70%,transparent);@supports(color:color-mix(in lab,red,red)){background-color: color-mix(in oklab,var(--color-white) 70%,transparent);}}ftg-disclosure summary{cursor:pointer;list-style-type:none;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);color:var(--color-600);text-transform:uppercase}ftg-disclosure summary::-webkit-details-marker{display:none}ftg-disclosure .disclosure__content{padding-inline:calc(var(--spacing) * 4);padding-bottom:calc(var(--spacing) * 4)}}@layer components{ftg-icon{display:inline-flex;flex-shrink:0;vertical-align:middle;--tw-leading:1;line-height:1;color:inherit}ftg-icon svg{display:block;width:1em;height:1em}ftg-icon[size=xs]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}ftg-icon[size=sm]{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}ftg-icon[size=base]{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}ftg-icon[size=lg]{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}ftg-icon[size=xl]{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}ftg-icon[size='2xl']{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}ftg-icon[size='3xl']{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}ftg-icon[size='4xl']{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}ftg-icon[size='5xl']{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}ftg-icon[size='6xl']{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}ftg-icon[size='7xl']{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}ftg-icon[size='8xl']{font-size:var(--text-9xl);line-height:var(--tw-leading,var(--text-9xl--line-height))}ftg-icon[size='9xl']{font-size:8rem;line-height:1}ftg-icon{color:var(--color-500);&[data-prominence="low"] { color: var(--color-300); } &[data-prominence="high"] { color: var(--color-700); }}}@layer components{ftg-logo{display:inline-flex;vertical-align:middle;line-height:1;svg * { --logo-color: var(--color-primary-500); fill: var(--logo-color); } span { color: var(--color-primary-400); font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); --tw-font-weight: 650; font-weight: 650; } svg, img { display: block; height: 1em; width: auto; max-width: none; color: var(--color-neutral-500); }}}@layer components{ftg-meta-inline{display:inline-block}ftg-meta-inline .meta-inline{margin:calc(var(--spacing) * 0);display:inline-flex;flex-wrap:wrap;align-items:center}ftg-meta-inline[size=xs] .meta-inline{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}ftg-meta-inline[size=sm] .meta-inline{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}ftg-meta-inline[size=base] .meta-inline{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}ftg-meta-inline .meta-inline>*{display:inline-flex;align-items:center}ftg-meta-inline .meta-inline>*+*::before{content:'·';margin-inline:calc(var(--spacing) * 1);color:currentcolor;@supports(color:color-mix(in lab,red,red)){color: color-mix(in oklab,currentcolor 60%,transparent);}}ftg-meta-inline[separator=pipe] .meta-inline>*+*::before{content:'|'}ftg-meta-inline[separator=slash] .meta-inline>*+*::before{content:'/'}ftg-meta-inline[muted] .meta-inline{color:var(--color-600)}}@layer components{ftg-newsletter-signup{display:block}ftg-newsletter-signup>form>.newsletter-fields{display:flex;width:100%;flex-direction:column;gap:calc(var(--spacing) * 3)}ftg-newsletter-signup>form>.newsletter-fields>input.newsletter-input{width:100%;border-radius:.25rem;border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in srgb,oklch(74.82% .05 83.86) 60%,transparent);@supports(color:color-mix(in lab,red,red)){border-color: color-mix(in oklab,var(--color-300) 60%,transparent);}background-color:var(--color-0);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));color:var(--color-800);&::placeholder { color:var(--color-500); } &:focus-visible { --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } &:focus-visible { --tw-ring-color:var(--color-500); } &:focus-visible { --tw-ring-offset-width:2px; --tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } &:focus-visible { --tw-outline-style:none; outline-style:none; } background-color:color-mix(in srgb,#fff 30%,transparent);@supports(color:color-mix(in lab,red,red)){background-color: color-mix(in oklab,var(--color-white) 30%,transparent);}&:focus { background-color:color-mix(in srgb,#fff 50%,transparent); @supports (color:color-mix(in lab,red,red)) { background-color:color-mix(in oklab,var(--color-white) 50%,transparent); } }}ftg-newsletter-signup>form>.newsletter-fields>button.newsletter-submit{display:inline-flex;align-items:center;justify-content:center;border-radius:.25rem;border-style:var(--tw-border-style);border-width:1px;border-color:transparent;background-color:var(--color-500);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:1;line-height:1;--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:color-mix(in srgb,#fff 97%,transparent);@supports(color:color-mix(in lab,red,red)){color: color-mix(in oklab,var(--color-white) 97%,transparent);}cursor:pointer;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:150ms;transition-duration:150ms;&:hover { @media (hover:hover) { background-color:var(--color-400); } } &:focus-visible { --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } &:focus-visible { --tw-ring-color:var(--color-500); } &:focus-visible { --tw-ring-offset-width:2px; --tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } &:focus-visible { --tw-outline-style:none; outline-style:none; }}ftg-newsletter-signup>form>.newsletter-fields>button.newsletter-submit[disabled]{cursor:wait;opacity:90%}ftg-newsletter-signup>form>.newsletter-fields>button.newsletter-submit[aria-busy=true]::before{content:'';width:.875rem;height:.875rem;margin-right:.5rem;border-radius:9999px;border:2px solid;border-right-color:transparent;animation:ftg-newsletter-spin .8s linear infinite}ftg-newsletter-signup>form>.newsletter-fields>.newsletter-message{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-red-700)}ftg-newsletter-signup>form>.newsletter-fields>altcha-widget{display:none}@media(min-width:640px){ftg-newsletter-signup>form>.newsletter-fields{display:grid;grid-template-columns:minmax(0,1fr)auto;align-items:flex-start;gap:calc(var(--spacing) * 3)}ftg-newsletter-signup>form>.newsletter-fields>input.newsletter-input{grid-column:1}ftg-newsletter-signup>form>.newsletter-fields>button.newsletter-submit{grid-column:2}ftg-newsletter-signup>form>.newsletter-fields>.newsletter-message{grid-column:1/-1}}}@keyframes ftg-newsletter-spin{to{transform:rotate(360deg)}}@layer components{ftg-page-nav{margin-top:calc(var(--spacing) * 8);display:block}ftg-page-nav .page-nav{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing) * 4)}ftg-page-nav .page-nav__prev,ftg-page-nav .page-nav__next{min-width:calc(var(--spacing) * 20)}ftg-page-nav .page-nav__next{text-align:right}ftg-page-nav .page-nav__pages{margin:calc(var(--spacing) * 0);display:flex;list-style-type:none;align-items:center;gap:calc(var(--spacing) * 2);padding:calc(var(--spacing) * 0)}ftg-page-nav a{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--spacing) * 2);border-radius:.25rem;border-style:var(--tw-border-style);border-width:1px;border-color:transparent;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:1;line-height:1;--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);text-decoration-line:none;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:150ms;transition-duration:150ms;cursor:pointer;&:focus-visible { --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } &:focus-visible { --tw-ring-color:var(--color-500); } &:focus-visible { --tw-ring-offset-width:2px; --tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } &:focus-visible { --tw-outline-style:none; outline-style:none; } &[data-prominence="low"] { background-color:transparent; } &[data-prominence="low"] { &:hover { @media (hover:hover) { background-color:transparent; } } } &[data-prominence="low"] { color:var(--color-500); } &[data-prominence="low"] { text-decoration-line:underline; } &[data-prominence="low"] { &:hover { @media (hover:hover) { text-decoration-line:none; } } } background-color:color-mix(in srgb,oklch(92.20% 0.02 90.51) 70%,transparent);@supports(color:color-mix(in lab,red,red)){background-color: color-mix(in oklab,var(--color-100) 70%,transparent);}color:var(--color-700);&:hover { @media (hover:hover) { background-color:color-mix(in srgb,oklch(92.20% 0.02 90.51) 30%,transparent); @supports (color:color-mix(in lab,red,red)) { background-color:color-mix(in oklab,var(--color-100) 30%,transparent); } } } &[data-prominence="high"] { background-color:var(--color-500); } &[data-prominence="high"] { color:color-mix(in srgb,#fff 97%,transparent); @supports (color:color-mix(in lab,red,red)) { color:color-mix(in oklab,var(--color-white) 97%,transparent); } } &[data-prominence="high"] { &:hover { @media (hover:hover) { background-color:var(--color-400); } } } &[data-prominence="low"] { background-color:var(--color-0); } &[data-prominence="low"] { color:var(--color-800); } &[data-prominence="low"] { &:hover { @media (hover:hover) { background-color:var(--color-50); } } } [emphasis="strong"] &,[data-emphasis="strong"] & { background-color:var(--color-500); } [emphasis="strong"] &,[data-emphasis="strong"] & { color:var(--color-50); } [emphasis="strong"] &,[data-emphasis="strong"] & { &:hover { @media (hover:hover) { background-color:var(--color-400); } } } [emphasis="strong"] &,[data-emphasis="strong"] & { &[data-prominence="low"] { background-color:var(--color-0); } } [emphasis="strong"] &,[data-emphasis="strong"] & { &[data-prominence="low"] { color:var(--color-50); } } [emphasis="strong"] &,[data-emphasis="strong"] & { &[data-prominence="low"] { &:hover { @media (hover:hover) { background-color:var(--color-500); } } } } [emphasis="strong"] &,[data-emphasis="strong"] & { &[data-prominence="high"] { background-color:var(--color-100); } } [emphasis="strong"] &,[data-emphasis="strong"] & { &[data-prominence="high"] { color:var(--color-900); } } [emphasis="strong"] &,[data-emphasis="strong"] & { &[data-prominence="high"] { &:hover { @media (hover:hover) { background-color:var(--color-50); } } } } border-radius:var(--radius-md);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1)}ftg-page-nav a[aria-current=page]{background-color:color-mix(in srgb,oklch(92.2% .02 90.51) 30%,transparent);@supports(color:color-mix(in lab,red,red)){background-color: color-mix(in oklab,var(--color-100) 30%,transparent);}color:var(--color-700)}}@layer components{thirdparty-logo{display:inline-block;vertical-align:middle;position:relative;line-height:1;color:var(--color-neutral-950);.sizer { display: block; width: auto; max-width: none; height: 1em; visibility: hidden; } .glyph { position: absolute; inset: 0; background-color: var(--color-neutral-900); -webkit-mask-image: var(--logo-src); mask-image: var(--logo-src); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; } @supports not (mask-image: url("")) { .glyph { background-color: transparent; background-image: var(--logo-src); background-repeat: no-repeat; background-position: center; background-size: contain; } }}}@layer components{ftg-site-header{position:sticky;top:calc(var(--spacing) * 0);z-index:50;display:block;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:transparent;background-color:color-mix(in srgb,oklch(92.2% .02 90.51) 30%,white);@supports(color:color-mix(in lab,red,red)){background-color: color-mix(in srgb,var(--color-neutral-100) 30%,white);}isolation:isolate;transition:border-color 150ms ease,box-shadow 150ms ease;&[data-scrolled="true"] { border-color: color-mix(in srgb, oklch(37.54% 0.03 45.40) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-neutral-900) 10%, transparent); } box-shadow: 0 1px 3px color-mix(in srgb, oklch(37.54% 0.03 45.40) 8%, transparent); @supports (color: color-mix(in lab, red, red)) { box-shadow: 0 1px 3px color-mix(in srgb, var(--color-neutral-900) 8%, transparent); } } a[slot="brand"] { padding: calc(var(--spacing) * 0); &:hover { @media (hover: hover) { background-color: transparent; } } } header { background-color: inherit; } [id^="ftg-site-header-mobile-panel"] { border-color: color-mix(in srgb, oklch(37.54% 0.03 45.40) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-neutral-900) 10%, transparent); } background-color: color-mix(in srgb, oklch(92.20% 0.02 90.51) 30%, white); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--color-neutral-100) 30%, white); } } button { border-color: color-mix(in srgb, oklch(37.54% 0.03 45.40) 15%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-neutral-900) 15%, transparent); } background-color: color-mix(in srgb, #fff 75%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 75%, transparent); } color: var(--color-neutral-900); &:hover { @media (hover: hover) { background-color: var(--color-neutral-100); } } } nav { display: flex; flex-direction: column; gap: calc(var(--spacing) * 2); @media (width >= 48rem) { flex-direction: row; } } nav a { display: inline-flex; align-items: center; justify-content: center; gap: calc(var(--spacing) * 2); border-radius: 0.25rem; border-style: var(--tw-border-style); border-width: 1px; border-color: transparent; padding-block: calc(var(--spacing) * 3); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: 1; line-height: 1; --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); text-decoration-line: none; transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 150ms; transition-duration: 150ms; cursor: pointer; &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &:focus-visible { --tw-ring-color: var(--color-500); } &:focus-visible { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } &:focus-visible { --tw-outline-style: none; outline-style: none; } &[data-prominence="low"] { background-color: transparent; } &[data-prominence="low"] { &:hover { @media (hover: hover) { background-color: transparent; } } } &[data-prominence="low"] { color: var(--color-500); } &[data-prominence="low"] { text-decoration-line: underline; } &[data-prominence="low"] { &:hover { @media (hover: hover) { text-decoration-line: none; } } } background-color: color-mix(in oklab, var(--color-100) 70%, transparent); color: var(--color-700); &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(92.20% 0.02 90.51) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-100) 30%, transparent); } } } &[data-prominence="high"] { background-color: var(--color-500); } &[data-prominence="high"] { color: color-mix(in srgb, #fff 97%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 97%, transparent); } } &[data-prominence="high"] { &:hover { @media (hover: hover) { background-color: var(--color-400); } } } &[data-prominence="low"] { background-color: var(--color-0); } &[data-prominence="low"] { color: var(--color-800); } &[data-prominence="low"] { &:hover { @media (hover: hover) { background-color: var(--color-50); } } } [emphasis="strong"] &, [data-emphasis="strong"] & { background-color: var(--color-500); } [emphasis="strong"] &, [data-emphasis="strong"] & { color: var(--color-50); } [emphasis="strong"] &, [data-emphasis="strong"] & { &:hover { @media (hover: hover) { background-color: var(--color-400); } } } [emphasis="strong"] &, [data-emphasis="strong"] & { &[data-prominence="low"] { background-color: var(--color-0); } } [emphasis="strong"] &, [data-emphasis="strong"] & { &[data-prominence="low"] { color: var(--color-50); } } [emphasis="strong"] &, [data-emphasis="strong"] & { &[data-prominence="low"] { &:hover { @media (hover: hover) { background-color: var(--color-500); } } } } [emphasis="strong"] &, [data-emphasis="strong"] & { &[data-prominence="high"] { background-color: var(--color-100); } } [emphasis="strong"] &, [data-emphasis="strong"] & { &[data-prominence="high"] { color: var(--color-900); } } [emphasis="strong"] &, [data-emphasis="strong"] & { &[data-prominence="high"] { &:hover { @media (hover: hover) { background-color: var(--color-50); } } } } padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 2); font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } nav a[data-prominence='low'] { background-color: transparent; color: color-mix(in srgb, oklch(40.90% 0.04 49.67) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-neutral-800) 80%, transparent); } text-decoration-line: none; &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(84.44% 0.04 87.06) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-neutral-200) 30%, transparent); } } } &:hover { @media (hover: hover) { color: var(--color-neutral-900); } } }}}@layer components{ftg-site-footer{display:block;border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-900);background-color:var(--color-900);color:color-mix(in srgb,#fff 10%,transparent);@supports(color:color-mix(in lab,red,red)){color: color-mix(in oklab,var(--color-white) 10%,transparent);}.footer-menu { display: flex; width: 100%; flex-direction: column; gap: calc(var(--spacing) * 6); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 6); @media (width >= 48rem) { flex-direction: row; } @media (width >= 48rem) { gap: calc(var(--spacing) * 8); } } .footer-menu > nav { min-width: calc(var(--spacing) * 0); flex: 1; display: flex; flex-direction: column; } h2 { padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 2); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); color: color-mix(in srgb, #fff 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } text-transform: uppercase; } nav a { display: block; color: color-mix(in srgb, #fff 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 80%, transparent); } &:hover { @media (hover: hover) { color: color-mix(in srgb, #fff 90%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 90%, transparent); } } } --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); text-decoration-line: none; &:hover { @media (hover: hover) { text-decoration-line: underline; } } border-radius: 0.25rem; padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 2); }}}@layer components{ftg-section{display:block}ftg-section .section-main{position:relative;width:100%;padding-block:calc(var(--spacing) * 12);@media(width >= 48rem){padding-block: 7.5rem;}display:flex;flex-grow:1;flex-direction:column;--bleed:0;--emphasis-left:0;--emphasis-right:0;--x-spacing:var(--spacing, 0.25rem);--section-target-bleed:calc(var(--bleed) * var(--x-spacing));--section-available-bleed:calc((100vw - 100%) / 2);--section-applied-bleed:min(var(--section-target-bleed), var(--section-available-bleed));--section-margin-left:calc(0px - var(--section-applied-bleed));--section-margin-right:calc(0px - var(--section-applied-bleed)); [emphasis="strong"] &, [data-emphasis="strong"] & { color: color-mix(in srgb, #fff 85%, transparent) !important; @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 85%, transparent) !important; } }}ftg-section .section-scaffold{display:flex;min-width:100%;flex-grow:1}ftg-section .section-back{position:absolute;top:calc(var(--spacing) * 0);bottom:calc(var(--spacing) * 0);left:calc(1/2 * 100%);display:block;width:100vw;--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x)var(--tw-translate-y);z-index:-1; [emphasis="soft"] &, [data-emphasis="soft"] & { background-color: var(--color-200); } [emphasis="strong"] &, [data-emphasis="strong"] & { background-color: var(--color-600); } [data-emphasis="subtle"] & { background-color: var(--color-50); }}.section-split ftg-section .section-back{@media(width >= 48rem){--tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y);}}.section-split[data-reverse=true] ftg-section:last-child .section-back,.section-split ftg-section:first-child .section-back{@media(width >= 48rem){right: calc(var(--spacing) * 0);}@media(width >= 48rem){left: auto;}}.section-split[data-reverse=true] ftg-section:first-child .section-back,.section-split ftg-section:last-child .section-back{@media(width >= 48rem){right: auto;}@media(width >= 48rem){left: calc(var(--spacing) * 0);}}.section-split{display:flex;flex-direction:column;@media(width >= 48rem){flex-direction: row;}}.section-split[data-reverse=true]{@media(width >= 48rem){flex-direction: row-reverse;}}.section-split ftg-section{display:flex;flex-direction:row;@media(width >= 48rem){min-width: calc(var(--spacing) * 0);}@media(width >= 48rem){flex: 1;}@media(width >= 48rem){flex-basis: calc(var(--spacing) * 0);}}.section-split ftg-section:first-child{@media(width >= 48rem){flex-direction: row-reverse;}}.section-split ftg-section:first-child .section-main{padding-bottom:calc(var(--spacing) * 12);@media(width >= 48rem){padding-bottom: 7.5rem;}}.section-split ftg-section:last-child .section-main{padding-top:calc(var(--spacing) * 12);@media(width >= 48rem){padding-top: 7.5rem;}}.section-split[data-reverse=true] ftg-section:last-child .section-main,.section-split ftg-section:first-child .section-main{@media(width >= 48rem){padding-right: calc(var(--spacing) * 5);}@media(width >= 48rem){padding-left: calc(var(--spacing) * 0);}}.section-split[data-reverse=true] ftg-section:first-child .section-main,.section-split ftg-section:last-child .section-main{@media(width >= 48rem){padding-right: calc(var(--spacing) * 0);}@media(width >= 48rem){padding-left: calc(var(--spacing) * 5);}}.section-split[data-emphasis=left] .section-main{--emphasis-left:10}.section-split[data-emphasis=right] .section-main{--emphasis-right:10}@media(min-width:48rem){ftg-section[data-container=wide] .section-main{--bleed:8}}@media(min-width:100rem){ftg-section[data-container=wide] .section-main{--bleed:20}}ftg-section .section-main{width:calc(100% - var(--section-margin-left) - var(--section-margin-right));margin-left:var(--section-margin-left);margin-right:var(--section-margin-right)}.section-split ftg-section[data-container=full] .section-scaffold,ftg-section[data-container=full] .section-scaffold{position:relative;left:calc(1/2 * 100%);width:100vw;--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x)var(--tw-translate-y)}.section-split ftg-section[data-container=full] .section-scaffold{@media(width >= 48rem){left: auto;}@media(width >= 48rem){min-width: 50vw;}@media(width >= 48rem){--tw-translate-x: calc(var(--spacing) * -0); translate: var(--tw-translate-x) var(--tw-translate-y);}}@media(min-width:48rem){.section-split ftg-section .section-main{--section-margin-left:0px;--section-margin-right:0px;width:100%}.section-split[data-reverse=true] ftg-section:last-child .section-main,.section-split ftg-section:first-child .section-main{--section-margin-left:0px;--section-margin-right:0px}.section-split[data-reverse=true] ftg-section:first-child .section-main,.section-split ftg-section:last-child .section-main{--section-margin-right:0px;--section-margin-left:0px}}.debug .section-split ftg-section:first-child .section-main{border:10px solid green!important}.debug .section-split ftg-section:last-child .section-main{border:10px solid brown!important}.debug .section-split ftg-section{border:2px solid pink!important}}@layer components{ftg-section-split.section-split{display:flex;flex-direction:column;@media(width >= 48rem){flex-direction: row;}}ftg-section-split.section-split[data-reverse=true]{@media(width >= 48rem){flex-direction: row-reverse;}}}@layer components{ftg-ticker{display:block;--ftg-ticker-edge-fade:0px;--ftg-ticker-edge-shadow-size:14px;--ftg-ticker-edge-shadow-color:color-mix(in srgb, oklch(84.44% 0.04 87.06) 16%, transparent);@supports(color:color-mix(in lab,red,red)){--ftg-ticker-edge-shadow-color: color-mix(in oklab,var(--color-neutral-200) 16%,transparent);}padding-block:calc(var(--spacing) * 7);position:relative;isolation:isolate}ftg-ticker .container>*{margin-inline:calc(var(--spacing) * 5)}ftg-ticker::before,ftg-ticker::after{content:"";position:absolute;top:0;bottom:0;width:var(--ftg-ticker-edge-shadow-size);pointer-events:none;z-index:0}ftg-ticker::before{left:0;background:linear-gradient( to right,var(--ftg-ticker-edge-shadow-color) 0,transparent 100% )}ftg-ticker::after{right:0;background:linear-gradient( to left,var(--ftg-ticker-edge-shadow-color) 0,transparent 100% )}ftg-ticker .edge-border{position:absolute;top:0;bottom:0;width:1px;background:var(--color-neutral-200);pointer-events:none;z-index:3}ftg-ticker .edge-border.left{left:0}ftg-ticker .edge-border.right{right:0}ftg-ticker .viewport{overflow:hidden;width:100%;-webkit-overflow-scrolling:touch;border-radius:0;position:relative;z-index:1;-webkit-mask-image:linear-gradient( to right,transparent 0,#000 var(--ftg-ticker-edge-fade),#000 calc(100% - var(--ftg-ticker-edge-fade)),transparent 100% );mask-image:linear-gradient( to right,transparent 0,#000 var(--ftg-ticker-edge-fade),#000 calc(100% - var(--ftg-ticker-edge-fade)),transparent 100% );-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-position:0 0;mask-position:0 0}ftg-ticker .container{display:flex;align-items:stretch;gap:var(--ftg-ticker-gap,24px);touch-action:pan-y pinch-zoom;position:relative;z-index:1}ftg-ticker .container>slot{display:contents}ftg-ticker .container>*{flex:none;min-width:0}}@layer components{.signature{counter-increment:signature-item;display:flex;min-height:44mm;flex-direction:column;justify-content:space-between;border-radius:2mm;border-style:var(--tw-border-style);border-width:1px;padding:calc(var(--spacing) * 5);background:#fff;border-color:var(--doc-border);break-inside:avoid;page-break-inside:avoid}.signature::before{content:"Signatur " counter(signature-item);margin-bottom:calc(var(--spacing) * 3);font-size:8.5pt;letter-spacing:.04em;text-transform:uppercase;color:var(--doc-muted)}.signature__person{margin-bottom:calc(var(--spacing) * 8)}.signature__line{margin:calc(var(--spacing) * 0);min-height:0;border-top:1pt solid var(--doc-text)}.signature__field{margin-top:auto;display:flex;align-items:flex-end;min-height:15mm;border:1pt solid #6b7280;border-radius:1.5mm;padding:2.5mm}.signature__name,.signature__role,.signature__meta{margin-top:calc(var(--spacing) * 0);margin-bottom:calc(var(--spacing) * 1)}.signature__name{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.signature__role,.signature__meta{color:var(--doc-muted)}}@layer components{.legal-cover{min-height:210mm;display:flex;flex-direction:column;justify-content:center;gap:calc(var(--spacing) * 6);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-neutral-300);page-break-after:always}.legal-kicker{margin:calc(var(--spacing) * 0);--tw-tracking:0.08em;letter-spacing:.08em;text-transform:uppercase;font-size:9pt;color:var(--color-neutral-600)}.legal-title{margin:calc(var(--spacing) * 0);max-width:150mm}.legal-cover-intro{margin:calc(var(--spacing) * 0);max-width:150mm;font-size:12pt;line-height:1.35;color:var(--color-neutral-800)}.legal-subtitle{margin:calc(var(--spacing) * 0);font-size:13pt;color:var(--color-neutral-600)}.legal-meta{margin-top:calc(var(--spacing) * 4);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--spacing) * 4);border-top-style:var(--tw-border-style);border-top-width:1px;padding-top:calc(var(--spacing) * 4);border-color:var(--color-neutral-300)}.legal-meta dt{margin-bottom:calc(var(--spacing) * 1);--tw-tracking:0.06em;letter-spacing:.06em;text-transform:uppercase;font-size:8.5pt;color:var(--color-neutral-600)}.legal-meta dd{margin:calc(var(--spacing) * 0);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);font-size:11pt}.legal-toc{margin-bottom:calc(var(--spacing) * 8);page-break-after:always}.legal-toc h2{margin-top:calc(var(--spacing) * 0)}.legal-toc ul{margin:calc(var(--spacing) * 0);list-style-type:none;padding:calc(var(--spacing) * 0)}.legal-toc li{margin-bottom:calc(var(--spacing) * 2);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;padding-bottom:calc(var(--spacing) * 2);border-color:#edf0f3}.legal-toc a{display:block;text-decoration-line:none;color:inherit}.legal-content h2:first-child{margin-top:calc(var(--spacing) * 0)}.legal-signatures{margin-top:calc(var(--spacing) * 0);page-break-before:always;page-break-inside:avoid}.legal-signatures__title{margin-top:calc(var(--spacing) * 0);margin-bottom:calc(var(--spacing) * 2)}.legal-signatures__hint{margin-top:calc(var(--spacing) * 0);margin-bottom:calc(var(--spacing) * 7);color:var(--color-neutral-600)}.legal-signatures__grid{counter-reset:signature-item;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:calc(var(--spacing) * 8);row-gap:calc(var(--spacing) * 8)}.legal-content h3{counter-reset:statuten-paragraph}.legal-content h3~p{position:relative;padding-left:calc(var(--spacing) * 8)}.legal-content h3~p::before{counter-increment:statuten-paragraph;content:counter(statuten-paragraph)".";position:absolute;left:calc(var(--spacing) * 0);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-neutral-600)}&:where([data-target=pdf],[data-target=pdf] *){.legal-toc a::after { content: leader(".") " " target-counter(attr(href), page); } .legal-content h2 { string-set: section-title content(); }}}@layer components{.blog-overview,.blog-single{width:100%}.blog-overview__header,.blog-single__header{margin-bottom:calc(var(--spacing) * 8); :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); }}.blog-overview__description,.blog-single__summary{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));color:var(--color-700)}.blog-single__image{margin-top:calc(var(--spacing) * 5)}.blog-single__image img,ftg-card.blog-card .card-media img{height:auto;width:100%;border-radius:var(--radius-lg);object-fit:cover}.blog-content{ :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); }}.blog-content h1{display:none}:where(html[data-layout=blog]){.blog-single { margin-inline: auto; max-width: 76rem; --blog-measure: 46rem; --blog-measure-wide: 52rem; } .blog-single__header { margin-bottom: calc(var(--spacing) * 10); :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } } .blog-single__summary { max-width: var(--blog-measure); font-size: 1.125rem; --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); color: var(--color-800); } .blog-content { max-width: var(--blog-measure); margin-left: 0; margin-right: auto; font-size: 1.0625rem; --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); color: var(--color-800); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .blog-content > :where(figure, .highlight) { max-width: var(--blog-measure-wide); margin-block: calc(var(--spacing) * 8); width: 100%; } .blog-content > p { text-wrap: pretty; } .blog-content > p + p { margin-top: calc(var(--spacing) * 5); } .blog-content > :where(h2, h3, h4) { --tw-tracking: -0.01em; letter-spacing: -0.01em; text-wrap: balance; } .blog-content > h2 { margin-top: calc(var(--spacing) * 14); margin-bottom: calc(var(--spacing) * 4); font-size: 1.9rem; --tw-leading: var(--leading-tight); line-height: var(--leading-tight); color: var(--color-primary-800); } .blog-content > h3 { margin-top: calc(var(--spacing) * 10); margin-bottom: calc(var(--spacing) * 3); font-size: 1.45rem; --tw-leading: var(--leading-tight); line-height: var(--leading-tight); color: var(--color-primary-800); } .blog-content > h4 { margin-top: calc(var(--spacing) * 8); margin-bottom: calc(var(--spacing) * 3); font-size: 1.2rem; --tw-leading: var(--leading-snug); line-height: var(--leading-snug); color: var(--color-primary-800); } .blog-content :where(ul, ol) { padding-left: calc(var(--spacing) * 6); } .blog-content li + li { margin-top: calc(var(--spacing) * 2); } .blog-content blockquote { border-left-style: var(--tw-border-style); border-left-width: 2px; border-color: var(--color-primary-300); background-color: color-mix(in srgb, oklch(97.34% 0.00 214.02) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary-50) 30%, transparent); } padding-block: calc(var(--spacing) * 1); padding-right: calc(var(--spacing) * 4); padding-left: calc(var(--spacing) * 5); color: var(--color-700); font-style: italic; } .blog-content :where(a:not(.chip)) { text-decoration-color: var(--color-primary-300); text-decoration-thickness: 2px; text-underline-offset: 3px; } .blog-content :where(code):not(pre code) { border-radius: 0.25rem; background-color: var(--color-neutral-100); padding-inline: calc(var(--spacing) * 1.5); padding-block: calc(var(--spacing) * 0.5); font-size: 0.9em; color: var(--color-900); } .blog-content pre { overflow-x: auto; border-radius: var(--radius-xl); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-neutral-200); background-color: var(--color-neutral-950); padding: calc(var(--spacing) * 4); font-size: 0.925rem; --tw-leading: calc(var(--spacing) * 7); line-height: calc(var(--spacing) * 7); color: var(--color-neutral-100); } .blog-content pre code { background-color: transparent; padding: calc(var(--spacing) * 0); color: inherit; } .blog-content table { border-collapse: collapse; font-size: 0.96rem; --tw-leading: calc(var(--spacing) * 7); line-height: calc(var(--spacing) * 7); } .blog-content :where(th, td) { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--color-neutral-200); padding-block: calc(var(--spacing) * 2); padding-right: calc(var(--spacing) * 4); vertical-align: top; } .blog-toc { border-radius: 0.25rem; border-color: var(--color-neutral-100); background-color: color-mix(in srgb, #fff 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 70%, transparent); } padding: calc(var(--spacing) * 4); } .blog-toc__title { margin-bottom: calc(var(--spacing) * 2); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-tracking: 0.08em; letter-spacing: 0.08em; color: var(--color-800); } .blog-toc nav li + li { margin-top: calc(var(--spacing) * 1); } .blog-toc nav a { display: block; border-radius: var(--radius-md); padding-inline: calc(var(--spacing) * 2); padding-block: calc(var(--spacing) * 1); font-size: 1rem; --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); color: var(--color-600); transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 150ms; transition-duration: 150ms; &:hover { @media (hover: hover) { color: var(--color-900); } } &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &:focus-visible { --tw-ring-color: var(--color-primary-300); } &:focus-visible { --tw-outline-style: none; outline-style: none; } } .blog-toc nav > ul > li > a { color: var(--color-600); } .blog-toc nav ul ul { margin-top: calc(var(--spacing) * 1); margin-left: calc(var(--spacing) * 2); border-left-style: var(--tw-border-style); border-left-width: 1px; border-color: var(--color-neutral-300); padding-left: calc(var(--spacing) * 2); } .blog-toc nav ul ul a { font-size: 0.92rem; --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5); } .blog-toc-mobile { border-radius: var(--radius-lg); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-neutral-200); background-color: color-mix(in srgb, oklch(96.76% 0.01 84.48) 65%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-neutral-50) 65%, transparent); } padding: calc(var(--spacing) * 3); }}.blog-toc{border-radius:.25rem;border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-100);background-color:color-mix(in srgb,#fff 70%,transparent);@supports(color:color-mix(in lab,red,red)){background-color: color-mix(in oklab,var(--color-white) 70%,transparent);}padding:calc(var(--spacing) * 4)}.blog-toc-mobile{border-color:var(--color-0);background-color:initial;padding:calc(var(--spacing) * 0);@media(width >= 64rem){display: none;}}.blog-toc-desktop{display:none;@media(width >= 64rem){display: block;}}.blog-toc__title{margin-top:calc(var(--spacing) * 0);margin-bottom:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:0.08em;letter-spacing:.08em;color:var(--color-800);text-transform:uppercase}.blog-toc nav ul{margin:calc(var(--spacing) * 0);list-style-type:none;padding:calc(var(--spacing) * 0)}.blog-toc nav li{margin:calc(var(--spacing) * 0)}.blog-toc nav li+li{margin-top:calc(var(--spacing) * 1)}.blog-toc nav ul ul{margin-top:calc(var(--spacing) * 1);margin-left:calc(var(--spacing) * 2);border-left-style:var(--tw-border-style);border-left-width:1px;border-color:var(--color-neutral-300);padding-left:calc(var(--spacing) * 2)}.blog-toc nav a{display:block;border-radius:var(--radius-md);padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1);text-decoration-line:none;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:150ms;transition-duration:150ms;font-size:1rem;--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6);color:var(--color-600);&:hover { @media (hover:hover) { color:var(--color-900); } } &:focus-visible { --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } &:focus-visible { --tw-ring-color:var(--color-primary-300); } &:focus-visible { --tw-outline-style:none; outline-style:none; }}.blog-single__header ftg-chips-nav nav{margin-bottom:calc(var(--spacing) * 2)}.blog-grid{display:grid;gap:calc(var(--spacing) * 6);@media(width >= 48rem){grid-template-columns: repeat(2,minmax(0,1fr));}@media(width >= 64rem){grid-template-columns: repeat(3,minmax(0,1fr));}}.blog-grid--shortcode{margin-block:calc(var(--spacing) * 6)}ftg-card.blog-card>article{overflow:hidden;border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in srgb,oklch(84.44% .04 87.06) 70%,transparent);@supports(color:color-mix(in lab,red,red)){border-color: color-mix(in oklab,var(--color-neutral-200) 70%,transparent);}background-color:color-mix(in srgb,#fff 80%,transparent);@supports(color:color-mix(in lab,red,red)){background-color: color-mix(in oklab,var(--color-white) 80%,transparent);}}.blog-card__content{padding:calc(var(--spacing) * 4)}.blog-card__content h2{margin-top:calc(var(--spacing) * 0);margin-bottom:calc(var(--spacing) * 2);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.blog-card__content p{margin-bottom:calc(var(--spacing) * 0)}ftg-card.blog-card .card-media img{border-radius:0}}@page doc{size:A4;margin:18mm 16mm;@top-center{content: element(doc-running-header);
  }@bottom-left{content: element(doc-running-footer);
  }@bottom-right{content: "Page " counter(page) " / " counter(pages);
    font-family: var(--font-body);
    font-size: 9pt;
    color: var(--color-neutral-600);
  }}@page doc:first{@top-center{content: none;
  }}@layer base{&:where([data-target=pdf],[data-target=pdf] *){*, *::before, *::after { box-sizing: border-box; } body { page: doc; margin: 0; padding: 0; color: var(--color-neutral-800); font-family: var(--font-body); font-size: 11pt; line-height: 1.45; }}}@layer components{&:where([data-target=pdf],[data-target=pdf] *){main { margin: calc(var(--spacing) * 0); padding: calc(var(--spacing) * 0); } .print-running-header, .print-running-footer { width: 100%; color: var(--color-neutral-600); font-family: var(--font-body); font-size: 9pt; } .print-running-header { position: running(doc-running-header); display: flex; align-items: center; justify-content: space-between; border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; padding-bottom: calc(var(--spacing) * 2); border-color: var(--color-neutral-300); } .print-running-footer { position: running(doc-running-footer); display: flex; align-items: center; justify-content: space-between; border-top-style: var(--tw-border-style); border-top-width: 1px; padding-top: calc(var(--spacing) * 2); border-color: var(--color-neutral-300); }}}@layer base{:root{color-scheme:light}html,body{font-family:var(--font-body);line-height:1.5}[centered]{text-align:center}body{display:flex;min-height:100vh;flex-direction:column;background-color:color-mix(in srgb,oklch(92.2% .02 90.51) 30%,transparent);@supports(color:color-mix(in lab,red,red)){background-color: color-mix(in oklab,var(--color-neutral-100) 30%,transparent);}color:var(--color-900)}main{margin-inline:auto;width:100%;max-width:var(--container-7xl);flex:1;padding-inline:calc(var(--spacing) * 4);padding-bottom:calc(var(--spacing) * 0)!important;@media(width >= 48rem){padding-block: calc(var(--spacing) * 12);}}html[data-layout=blog] main,html[data-layout=legal] main{padding-block:calc(var(--spacing) * 8);@media(width >= 48rem){padding-block: calc(var(--spacing) * 12);}}}@property --tw-border-style{syntax: "*";
  inherits: false;
  initial-value: solid;
}@property --tw-leading{syntax: "*";
  inherits: false;
}@property --tw-font-weight{syntax: "*";
  inherits: false;
}@property --tw-duration{syntax: "*";
  inherits: false;
}@property --tw-shadow{syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}@property --tw-shadow-color{syntax: "*";
  inherits: false;
}@property --tw-shadow-alpha{syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}@property --tw-inset-shadow{syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}@property --tw-inset-shadow-color{syntax: "*";
  inherits: false;
}@property --tw-inset-shadow-alpha{syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}@property --tw-ring-color{syntax: "*";
  inherits: false;
}@property --tw-ring-shadow{syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}@property --tw-inset-ring-color{syntax: "*";
  inherits: false;
}@property --tw-inset-ring-shadow{syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}@property --tw-ring-inset{syntax: "*";
  inherits: false;
}@property --tw-ring-offset-width{syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}@property --tw-ring-offset-color{syntax: "*";
  inherits: false;
  initial-value: #fff;
}@property --tw-ring-offset-shadow{syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}@property --tw-rotate-x{syntax: "*";
  inherits: false;
}@property --tw-rotate-y{syntax: "*";
  inherits: false;
}@property --tw-rotate-z{syntax: "*";
  inherits: false;
}@property --tw-skew-x{syntax: "*";
  inherits: false;
}@property --tw-skew-y{syntax: "*";
  inherits: false;
}@property --tw-space-y-reverse{syntax: "*";
  inherits: false;
  initial-value: 0;
}@property --tw-blur{syntax: "*";
  inherits: false;
}@property --tw-brightness{syntax: "*";
  inherits: false;
}@property --tw-contrast{syntax: "*";
  inherits: false;
}@property --tw-grayscale{syntax: "*";
  inherits: false;
}@property --tw-hue-rotate{syntax: "*";
  inherits: false;
}@property --tw-invert{syntax: "*";
  inherits: false;
}@property --tw-opacity{syntax: "*";
  inherits: false;
}@property --tw-saturate{syntax: "*";
  inherits: false;
}@property --tw-sepia{syntax: "*";
  inherits: false;
}@property --tw-drop-shadow{syntax: "*";
  inherits: false;
}@property --tw-drop-shadow-color{syntax: "*";
  inherits: false;
}@property --tw-drop-shadow-alpha{syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}@property --tw-drop-shadow-size{syntax: "*";
  inherits: false;
}@property --tw-outline-style{syntax: "*";
  inherits: false;
  initial-value: solid;
}@property --tw-tracking{syntax: "*";
  inherits: false;
}@property --tw-translate-x{syntax: "*";
  inherits: false;
  initial-value: 0;
}@property --tw-translate-y{syntax: "*";
  inherits: false;
  initial-value: 0;
}@property --tw-translate-z{syntax: "*";
  inherits: false;
  initial-value: 0;
}@layer properties{@supports((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::before,::after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-duration:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-outline-style:solid;--tw-tracking:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}