:root{--ref-color-neutral-0:#000;--ref-color-neutral-50:#0d0d0c;--ref-color-neutral-100:#1a1918;--ref-color-neutral-150:#262523;--ref-color-neutral-200:#33312f;--ref-color-neutral-300:#4d4a47;--ref-color-neutral-400:#66635f;--ref-color-neutral-500:#807c77;--ref-color-neutral-600:#99958f;--ref-color-neutral-700:#b3aea7;--ref-color-neutral-800:#ccc7bf;--ref-color-neutral-850:#d9d4cb;--ref-color-neutral-900:#e6e0d7;--ref-color-neutral-950:#f2ebe3;--ref-color-neutral-1000:#fffaf3;--ref-color-primary-50:#fef2f2;--ref-color-primary-100:#fee2e2;--ref-color-primary-200:#fecaca;--ref-color-primary-300:#f87171;--ref-color-primary-400:#dc2626;--ref-color-primary-500:#c10505;--ref-color-primary-600:#a30404;--ref-color-primary-700:#850303;--ref-color-primary-800:#670202;--ref-color-primary-900:#490101;--ref-color-secondary-50:#fff8e1;--ref-color-secondary-100:#ffecb3;--ref-color-secondary-200:#ffe082;--ref-color-secondary-300:#ffd54f;--ref-color-secondary-400:#ffca28;--ref-color-secondary-500:#ffc107;--ref-color-secondary-600:#ffb300;--ref-color-secondary-700:#ffa000;--ref-color-secondary-800:#ff8f00;--ref-color-secondary-900:#ff6f00;--ref-color-success-50:#e8f5e9;--ref-color-success-100:#c8e6c9;--ref-color-success-200:#a5d6a7;--ref-color-success-300:#81c784;--ref-color-success-400:#66bb6a;--ref-color-success-500:#4caf50;--ref-color-success-600:#43a047;--ref-color-success-700:#388e3c;--ref-color-success-800:#2e7d32;--ref-color-success-900:#1b5e20;--ref-color-warning-50:#fff3e0;--ref-color-warning-100:#ffe0b2;--ref-color-warning-200:#ffcc80;--ref-color-warning-300:#ffb74d;--ref-color-warning-400:#ffa726;--ref-color-warning-500:#ff9800;--ref-color-warning-600:#fb8c00;--ref-color-warning-700:#f57c00;--ref-color-warning-800:#ef6c00;--ref-color-warning-900:#e65100;--ref-color-error-50:#ffebee;--ref-color-error-100:#ffcdd2;--ref-color-error-200:#ef9a9a;--ref-color-error-300:#e57373;--ref-color-error-400:#ef5350;--ref-color-error-500:#f44336;--ref-color-error-600:#e53935;--ref-color-error-700:#d32f2f;--ref-color-error-800:#c62828;--ref-color-error-900:#b71c1c;--ref-color-info-50:#e3f2fd;--ref-color-info-100:#bbdefb;--ref-color-info-200:#90caf9;--ref-color-info-300:#64b5f6;--ref-color-info-400:#42a5f5;--ref-color-info-500:#2196f3;--ref-color-info-600:#1e88e5;--ref-color-info-700:#1976d2;--ref-color-info-800:#1565c0;--ref-color-info-900:#0d47a1;--ref-color-warm-50:#f6eee9;--ref-color-steel-track-grey:#2f3033;--ref-color-white:#fff;--ref-color-black:#000;--ref-color-transparent:transparent;--ref-font-family-primary:"WallopV2",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--ref-font-family-arabic:"KanunAR",sans-serif;--ref-font-family-mono:"SF Mono","Fira Code","Consolas",monospace;--ref-font-weight-thin:100;--ref-font-weight-light:300;--ref-font-weight-regular:400;--ref-font-weight-book:450;--ref-font-weight-medium:500;--ref-font-weight-semibold:600;--ref-font-weight-bold:700;--ref-font-size-2xs:.625rem;--ref-font-size-xs:.75rem;--ref-font-size-sm:.875rem;--ref-font-size-base:1rem;--ref-font-size-md:1.125rem;--ref-font-size-lg:1.25rem;--ref-font-size-xl:1.375rem;--ref-font-size-2xl:1.5rem;--ref-font-size-3xl:1.875rem;--ref-font-size-4xl:2.25rem;--ref-font-size-5xl:2.625rem;--ref-font-size-6xl:3rem;--ref-font-size-7xl:3.75rem;--ref-font-size-8xl:4.5rem;--ref-line-height-none:1;--ref-line-height-tight:1.15;--ref-line-height-snug:1.25;--ref-line-height-normal:1.43;--ref-line-height-relaxed:1.5;--ref-line-height-loose:1.75;--ref-line-height-2:2;--ref-letter-spacing-tighter:-.05em;--ref-letter-spacing-tight:-.025em;--ref-letter-spacing-menu:-.3px;--ref-letter-spacing-normal:0;--ref-letter-spacing-wide:.025em;--ref-letter-spacing-wider:.05em;--ref-letter-spacing-widest:.1em;--ref-spacing-0:0;--ref-spacing-px:1px;--ref-spacing-0-5:.125rem;--ref-spacing-1:.25rem;--ref-spacing-1-5:.375rem;--ref-spacing-2:.5rem;--ref-spacing-2-5:.625rem;--ref-spacing-3:.75rem;--ref-spacing-3-5:.875rem;--ref-spacing-4:1rem;--ref-spacing-5:1.25rem;--ref-spacing-6:1.5rem;--ref-spacing-7:1.75rem;--ref-spacing-8:2rem;--ref-spacing-9:2.25rem;--ref-spacing-10:2.5rem;--ref-spacing-11:2.75rem;--ref-spacing-12:3rem;--ref-spacing-14:3.5rem;--ref-spacing-16:4rem;--ref-spacing-20:5rem;--ref-spacing-24:6rem;--ref-spacing-28:7rem;--ref-spacing-32:8rem;--ref-spacing-36:9rem;--ref-spacing-40:10rem;--ref-spacing-44:11rem;--ref-spacing-48:12rem;--ref-spacing-52:13rem;--ref-spacing-56:14rem;--ref-spacing-60:15rem;--ref-spacing-64:16rem;--ref-spacing-72:18rem;--ref-spacing-80:20rem;--ref-spacing-96:24rem;--ref-radius-none:0;--ref-radius-xs:.125rem;--ref-radius-sm:.25rem;--ref-radius-md:.375rem;--ref-radius-lg:.5rem;--ref-radius-xl:.75rem;--ref-radius-2xl:1rem;--ref-radius-3xl:1.5rem;--ref-radius-18:1.125rem;--ref-radius-28:1.75rem;--ref-radius-4xl:2rem;--ref-radius-full:9999px;--ref-shadow-none:none;--ref-shadow-xs:0 1px 2px 0 #0000000d;--ref-shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--ref-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--ref-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--ref-shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--ref-shadow-2xl:0 25px 50px -12px #00000040;--ref-shadow-inner:inset 0 2px 4px 0 #0000000d;--ref-border-width-0:0;--ref-border-width-1:1px;--ref-border-width-2:2px;--ref-border-width-4:4px;--ref-border-width-8:8px;--ref-duration-0:0s;--ref-duration-75:75ms;--ref-duration-100:.1s;--ref-duration-150:.15s;--ref-duration-200:.2s;--ref-duration-300:.3s;--ref-duration-500:.5s;--ref-duration-700:.7s;--ref-duration-1000:1s;--ref-easing-linear:linear;--ref-easing-ease:ease;--ref-easing-ease-in:ease-in;--ref-easing-ease-out:ease-out;--ref-easing-ease-in-out:ease-in-out;--ref-easing-spring:cubic-bezier(.34,1.56,.64,1);--ref-z-auto:auto;--ref-z-0:0;--ref-z-10:10;--ref-z-20:20;--ref-z-30:30;--ref-z-40:40;--ref-z-50:50;--ref-z-100:100;--ref-z-dropdown:1000;--ref-z-sticky:1020;--ref-z-fixed:1030;--ref-z-modal-backdrop:1040;--ref-z-modal:1050;--ref-z-popover:1060;--ref-z-tooltip:1070;--ref-z-toast:1080;--ref-breakpoint-xs:0;--ref-breakpoint-sm:640px;--ref-breakpoint-md:768px;--ref-breakpoint-lg:1024px;--ref-breakpoint-xl:1280px;--ref-breakpoint-2xl:1536px;--ref-opacity-0:0;--ref-opacity-5:.05;--ref-opacity-10:.1;--ref-opacity-20:.2;--ref-opacity-25:.25;--ref-opacity-30:.3;--ref-opacity-40:.4;--ref-opacity-50:.5;--ref-opacity-60:.6;--ref-opacity-70:.7;--ref-opacity-75:.75;--ref-opacity-80:.8;--ref-opacity-90:.9;--ref-opacity-95:.95;--ref-opacity-100:1}
:root{--sys-color-surface:var(--ref-color-neutral-1000);--sys-color-surface-dim:var(--ref-color-neutral-950);--sys-color-surface-bright:var(--ref-color-white);--sys-color-surface-container-lowest:var(--ref-color-white);--sys-color-surface-container-low:var(--ref-color-neutral-950);--sys-color-surface-container:var(--ref-color-neutral-900);--sys-color-surface-container-high:var(--ref-color-neutral-850);--sys-color-surface-container-highest:var(--ref-color-neutral-800);--sys-color-surface-inverse:var(--ref-color-neutral-100);--sys-color-on-surface-inverse:var(--ref-color-neutral-950);--sys-color-bg-gradient-start:var(--ref-color-neutral-950);--sys-color-bg-gradient-end:var(--ref-color-neutral-100);--sys-color-on-surface:var(--ref-color-steel-track-grey);--sys-color-on-surface-variant:var(--ref-color-neutral-400);--sys-color-on-surface-muted:var(--ref-color-neutral-500);--sys-color-on-surface-disabled:var(--ref-color-neutral-600);--sys-color-primary:var(--ref-color-primary-500);--sys-color-primary-hover:var(--ref-color-primary-600);--sys-color-primary-active:var(--ref-color-primary-700);--sys-color-primary-container:var(--ref-color-primary-100);--sys-color-on-primary:var(--ref-color-white);--sys-color-on-primary-container:var(--ref-color-primary-800);--sys-color-secondary:var(--ref-color-secondary-500);--sys-color-secondary-hover:var(--ref-color-secondary-600);--sys-color-secondary-active:var(--ref-color-secondary-700);--sys-color-secondary-container:var(--ref-color-secondary-100);--sys-color-on-secondary:var(--ref-color-neutral-100);--sys-color-on-secondary-container:var(--ref-color-secondary-900);--sys-color-success:var(--ref-color-success-500);--sys-color-success-container:var(--ref-color-success-100);--sys-color-on-success:var(--ref-color-white);--sys-color-on-success-container:var(--ref-color-success-900);--sys-color-warning:var(--ref-color-warning-500);--sys-color-warning-container:var(--ref-color-warning-100);--sys-color-on-warning:var(--ref-color-neutral-100);--sys-color-on-warning-container:var(--ref-color-warning-900);--sys-color-error:var(--ref-color-error-500);--sys-color-error-container:var(--ref-color-error-100);--sys-color-on-error:var(--ref-color-white);--sys-color-on-error-container:var(--ref-color-error-900);--sys-color-info:var(--ref-color-info-500);--sys-color-info-container:var(--ref-color-info-100);--sys-color-on-info:var(--ref-color-white);--sys-color-on-info-container:var(--ref-color-info-900);--sys-color-outline:var(--ref-color-neutral-700);--sys-color-outline-variant:var(--ref-color-neutral-800);--sys-color-outline-high:var(--ref-color-neutral-500);--sys-color-scrim:#00000080;--sys-color-overlay:#0000004d;--sys-color-backdrop:#0009;--sys-font-family-display:var(--ref-font-family-primary);--sys-font-family-headline:var(--ref-font-family-primary);--sys-font-family-title:var(--ref-font-family-primary);--sys-font-family-body:var(--ref-font-family-primary);--sys-font-family-label:var(--ref-font-family-primary);--sys-font-family-code:var(--ref-font-family-mono);--sys-typescale-display-lg-size:var(--ref-font-size-8xl);--sys-typescale-display-lg-weight:var(--ref-font-weight-bold);--sys-typescale-display-lg-line-height:var(--ref-line-height-tight);--sys-typescale-display-lg-tracking:var(--ref-letter-spacing-normal);--sys-typescale-display-md-size:var(--ref-font-size-6xl);--sys-typescale-display-md-weight:var(--ref-font-weight-bold);--sys-typescale-display-md-line-height:var(--ref-line-height-tight);--sys-typescale-display-md-tracking:var(--ref-letter-spacing-normal);--sys-typescale-display-sm-size:var(--ref-font-size-5xl);--sys-typescale-display-sm-weight:var(--ref-font-weight-bold);--sys-typescale-display-sm-line-height:var(--ref-line-height-snug);--sys-typescale-display-sm-tracking:var(--ref-letter-spacing-normal);--sys-typescale-headline-lg-size:var(--ref-font-size-4xl);--sys-typescale-headline-lg-weight:var(--ref-font-weight-bold);--sys-typescale-headline-lg-line-height:var(--ref-line-height-snug);--sys-typescale-headline-lg-tracking:var(--ref-letter-spacing-normal);--sys-typescale-headline-md-size:var(--ref-font-size-3xl);--sys-typescale-headline-md-weight:var(--ref-font-weight-semibold);--sys-typescale-headline-md-line-height:var(--ref-line-height-snug);--sys-typescale-headline-md-tracking:var(--ref-letter-spacing-normal);--sys-typescale-headline-sm-size:var(--ref-font-size-2xl);--sys-typescale-headline-sm-weight:var(--ref-font-weight-semibold);--sys-typescale-headline-sm-line-height:var(--ref-line-height-snug);--sys-typescale-headline-sm-tracking:var(--ref-letter-spacing-normal);--sys-typescale-title-lg-size:var(--ref-font-size-xl);--sys-typescale-title-lg-weight:var(--ref-font-weight-medium);--sys-typescale-title-lg-line-height:1.27;--sys-typescale-title-lg-tracking:var(--ref-letter-spacing-normal);--sys-typescale-title-md-size:var(--ref-font-size-md);--sys-typescale-title-md-weight:var(--ref-font-weight-medium);--sys-typescale-title-md-line-height:var(--ref-line-height-normal);--sys-typescale-title-md-tracking:var(--ref-letter-spacing-normal);--sys-typescale-title-sm-size:var(--ref-font-size-base);--sys-typescale-title-sm-weight:var(--ref-font-weight-medium);--sys-typescale-title-sm-line-height:var(--ref-line-height-normal);--sys-typescale-title-sm-tracking:var(--ref-letter-spacing-normal);--sys-typescale-body-lg-size:var(--ref-font-size-md);--sys-typescale-body-lg-weight:var(--ref-font-weight-regular);--sys-typescale-body-lg-line-height:var(--ref-line-height-relaxed);--sys-typescale-body-lg-tracking:var(--ref-letter-spacing-normal);--sys-typescale-body-md-size:var(--ref-font-size-base);--sys-typescale-body-md-weight:var(--ref-font-weight-regular);--sys-typescale-body-md-line-height:var(--ref-line-height-relaxed);--sys-typescale-body-md-tracking:var(--ref-letter-spacing-normal);--sys-typescale-body-sm-size:var(--ref-font-size-sm);--sys-typescale-body-sm-weight:var(--ref-font-weight-regular);--sys-typescale-body-sm-line-height:var(--ref-line-height-normal);--sys-typescale-body-sm-tracking:var(--ref-letter-spacing-normal);--sys-typescale-label-lg-size:var(--ref-font-size-base);--sys-typescale-label-lg-weight:var(--ref-font-weight-medium);--sys-typescale-label-lg-line-height:var(--ref-line-height-normal);--sys-typescale-label-lg-tracking:var(--ref-letter-spacing-normal);--sys-typescale-label-md-size:var(--ref-font-size-sm);--sys-typescale-label-md-weight:var(--ref-font-weight-medium);--sys-typescale-label-md-line-height:var(--ref-line-height-normal);--sys-typescale-label-md-tracking:var(--ref-letter-spacing-menu);--sys-typescale-label-sm-size:var(--ref-font-size-xs);--sys-typescale-label-sm-weight:var(--ref-font-weight-medium);--sys-typescale-label-sm-line-height:var(--ref-line-height-normal);--sys-typescale-label-sm-tracking:var(--ref-letter-spacing-normal);--sys-spacing-none:var(--ref-spacing-0);--sys-spacing-2xs:var(--ref-spacing-1);--sys-spacing-xs:var(--ref-spacing-2);--sys-spacing-sm:var(--ref-spacing-3);--sys-spacing-md:var(--ref-spacing-4);--sys-spacing-lg:var(--ref-spacing-6);--sys-spacing-xl:var(--ref-spacing-8);--sys-spacing-2xl:var(--ref-spacing-12);--sys-spacing-3xl:var(--ref-spacing-16);--sys-spacing-4xl:var(--ref-spacing-24);--sys-spacing-layout-xs:var(--ref-spacing-4);--sys-spacing-layout-sm:var(--ref-spacing-8);--sys-spacing-layout-md:var(--ref-spacing-16);--sys-spacing-layout-lg:var(--ref-spacing-24);--sys-spacing-layout-xl:var(--ref-spacing-32);--sys-content-max-width:1280px;--sys-content-max-width-narrow:768px;--sys-content-max-width-wide:1536px;--sys-shape-corner-none:var(--ref-radius-none);--sys-shape-corner-xs:var(--ref-radius-xs);--sys-shape-corner-sm:var(--ref-radius-sm);--sys-shape-corner-md:var(--ref-radius-md);--sys-shape-corner-lg:var(--ref-radius-lg);--sys-shape-corner-xl:var(--ref-radius-xl);--sys-shape-corner-full:var(--ref-radius-full);--sys-elevation-0:var(--ref-shadow-none);--sys-elevation-1:var(--ref-shadow-xs);--sys-elevation-2:var(--ref-shadow-sm);--sys-elevation-3:var(--ref-shadow-md);--sys-elevation-4:var(--ref-shadow-lg);--sys-elevation-5:var(--ref-shadow-xl);--sys-motion-duration-instant:var(--ref-duration-0);--sys-motion-duration-fast:var(--ref-duration-100);--sys-motion-duration-normal:var(--ref-duration-200);--sys-motion-duration-slow:var(--ref-duration-300);--sys-motion-duration-slower:var(--ref-duration-500);--sys-motion-easing-standard:var(--ref-easing-ease-out);--sys-motion-easing-emphasized:var(--ref-easing-spring);--sys-motion-easing-linear:var(--ref-easing-linear);--sys-state-hover-opacity:var(--ref-opacity-10);--sys-state-focus-opacity:var(--ref-opacity-20);--sys-state-pressed-opacity:var(--ref-opacity-20);--sys-state-dragged-opacity:var(--ref-opacity-20);--sys-state-disabled-opacity:var(--ref-opacity-40);--sys-state-disabled-container-opacity:var(--ref-opacity-10);--sys-focus-ring-width:var(--ref-border-width-2);--sys-focus-ring-color:var(--sys-color-primary);--sys-focus-ring-offset:var(--ref-spacing-0-5)}[dir=rtl]{--sys-font-family-body:var(--ref-font-family-arabic);--sys-font-family-label:var(--ref-font-family-arabic);--sys-font-family-title:var(--ref-font-family-arabic);--sys-font-family-display:var(--ref-font-family-arabic);--sys-font-family-headline:var(--ref-font-family-arabic)}[data-theme=dark],.dark{--sys-color-surface:var(--ref-color-neutral-100);--sys-color-surface-dim:var(--ref-color-neutral-50);--sys-color-surface-bright:var(--ref-color-neutral-200);--sys-color-surface-container-lowest:var(--ref-color-neutral-0);--sys-color-surface-container-low:var(--ref-color-neutral-50);--sys-color-surface-container:var(--ref-color-neutral-100);--sys-color-surface-container-high:var(--ref-color-neutral-150);--sys-color-surface-container-highest:var(--ref-color-neutral-200);--sys-color-surface-inverse:var(--ref-color-neutral-900);--sys-color-on-surface-inverse:var(--ref-color-neutral-100);--sys-color-bg-gradient-start:var(--ref-color-neutral-100);--sys-color-bg-gradient-end:var(--ref-color-neutral-950);--sys-color-on-surface:var(--ref-color-neutral-950);--sys-color-on-surface-variant:var(--ref-color-neutral-700);--sys-color-on-surface-muted:var(--ref-color-neutral-600);--sys-color-on-surface-disabled:var(--ref-color-neutral-500);--sys-color-primary:var(--ref-color-primary-400);--sys-color-primary-hover:var(--ref-color-primary-300);--sys-color-primary-active:var(--ref-color-primary-500);--sys-color-primary-container:var(--ref-color-primary-800);--sys-color-on-primary-container:var(--ref-color-primary-100);--sys-color-outline:var(--ref-color-neutral-400);--sys-color-outline-variant:var(--ref-color-neutral-300);--sys-color-outline-high:var(--ref-color-neutral-500)}
:root{--cmp-button-height-sm:var(--ref-spacing-8);--cmp-button-height-md:3.125rem;--cmp-button-height-lg:var(--ref-spacing-14);--cmp-button-padding-top:.625rem;--cmp-button-padding-right:1.5rem;--cmp-button-padding-bottom:.625rem;--cmp-button-padding-left:1rem;--cmp-button-padding-x-sm:var(--ref-spacing-3);--cmp-button-padding-x-md:var(--ref-spacing-4);--cmp-button-padding-x-lg:var(--ref-spacing-6);--cmp-button-gap:var(--ref-spacing-2);--cmp-button-icon-size:var(--ref-spacing-5);--cmp-button-radius:var(--ref-radius-xl);--cmp-button-radius-pill:var(--sys-shape-corner-full);--cmp-button-font-family:var(--sys-font-family-label);--cmp-button-font-size:var(--ref-font-size-base);--cmp-button-font-weight:var(--ref-font-weight-semibold);--cmp-button-line-height:var(--sys-typescale-label-lg-line-height);--cmp-button-letter-spacing:var(--sys-typescale-label-lg-tracking);--cmp-button-primary-bg:var(--sys-color-primary);--cmp-button-primary-bg-hover:var(--sys-color-primary-hover);--cmp-button-primary-bg-active:var(--sys-color-primary-active);--cmp-button-primary-text:var(--sys-color-on-primary);--cmp-button-primary-border:var(--ref-color-transparent);--cmp-button-secondary-bg:var(--ref-color-transparent);--cmp-button-secondary-bg-hover:var(--sys-color-surface-container);--cmp-button-secondary-bg-active:var(--sys-color-surface-container-high);--cmp-button-secondary-text:var(--sys-color-on-surface);--cmp-button-secondary-border:var(--sys-color-outline);--cmp-button-ghost-bg:var(--ref-color-transparent);--cmp-button-ghost-bg-hover:var(--sys-color-surface-container-low);--cmp-button-ghost-bg-active:var(--sys-color-surface-container);--cmp-button-ghost-text:var(--sys-color-on-surface);--cmp-button-ghost-border:var(--ref-color-transparent);--cmp-button-danger-bg:var(--sys-color-error);--cmp-button-danger-bg-hover:var(--ref-color-error-600);--cmp-button-danger-bg-active:var(--ref-color-error-700);--cmp-button-danger-text:var(--sys-color-on-error);--cmp-button-danger-border:var(--ref-color-transparent);--cmp-button-disabled-bg:var(--sys-color-surface-container);--cmp-button-disabled-text:var(--sys-color-on-surface-disabled);--cmp-button-disabled-opacity:var(--sys-state-disabled-opacity);--cmp-button-transition:background-color var(--sys-motion-duration-fast)var(--sys-motion-easing-standard),border-color var(--sys-motion-duration-fast)var(--sys-motion-easing-standard),transform var(--sys-motion-duration-fast)var(--sys-motion-easing-standard);--cmp-input-height-sm:var(--ref-spacing-8);--cmp-input-height-md:var(--ref-spacing-10);--cmp-input-height-lg:var(--ref-spacing-12);--cmp-input-padding-x:var(--ref-spacing-3);--cmp-input-padding-y:var(--ref-spacing-2);--cmp-input-radius:var(--sys-shape-corner-md);--cmp-input-border-width:var(--ref-border-width-1);--cmp-input-bg:var(--sys-color-surface);--cmp-input-bg-hover:var(--sys-color-surface);--cmp-input-bg-focus:var(--sys-color-surface);--cmp-input-bg-disabled:var(--sys-color-surface-container);--cmp-input-border:var(--sys-color-outline);--cmp-input-border-hover:var(--sys-color-outline-high);--cmp-input-border-focus:var(--sys-color-primary);--cmp-input-border-error:var(--sys-color-error);--cmp-input-border-disabled:var(--sys-color-outline-variant);--cmp-input-text:var(--sys-color-on-surface);--cmp-input-placeholder:var(--sys-color-on-surface-muted);--cmp-input-text-disabled:var(--sys-color-on-surface-disabled);--cmp-input-font-family:var(--sys-font-family-body);--cmp-input-font-size:var(--sys-typescale-body-md-size);--cmp-input-line-height:var(--sys-typescale-body-md-line-height);--cmp-input-label-font-size:var(--sys-typescale-label-md-size);--cmp-input-label-font-weight:var(--sys-typescale-label-md-weight);--cmp-input-label-color:var(--sys-color-on-surface);--cmp-input-label-gap:var(--ref-spacing-1-5);--cmp-input-helper-font-size:var(--sys-typescale-label-sm-size);--cmp-input-helper-color:var(--sys-color-on-surface-variant);--cmp-input-error-color:var(--sys-color-error);--cmp-card-bg:var(--sys-color-surface-container-lowest);--cmp-card-border:var(--sys-color-outline-variant);--cmp-card-radius:var(--ref-radius-28);--cmp-card-padding:var(--ref-spacing-6);--cmp-card-shadow:var(--sys-elevation-1);--cmp-card-shadow-hover:var(--sys-elevation-2);--cmp-nav-height:var(--ref-spacing-16);--cmp-nav-padding-x:var(--ref-spacing-6);--cmp-nav-bg:var(--sys-color-surface);--cmp-nav-border:var(--sys-color-outline-variant);--cmp-menu-item-font-family:var(--sys-font-family-label);--cmp-menu-item-font-size:var(--ref-font-size-sm);--cmp-menu-item-font-weight:var(--ref-font-weight-medium);--cmp-menu-item-line-height:var(--ref-line-height-normal);--cmp-menu-item-letter-spacing:var(--ref-letter-spacing-menu);--cmp-menu-item-padding-x:var(--ref-spacing-4);--cmp-menu-item-padding-y:var(--ref-spacing-2);--cmp-menu-item-gap:var(--ref-spacing-2);--cmp-menu-item-radius:var(--sys-shape-corner-sm);--cmp-menu-item-text:var(--sys-color-on-surface);--cmp-menu-item-text-hover:var(--sys-color-primary);--cmp-menu-item-text-active:var(--sys-color-primary);--cmp-menu-item-bg-hover:var(--sys-color-surface-container-low);--cmp-menu-item-bg-active:var(--sys-color-primary-container);--cmp-badge-padding-x:var(--ref-spacing-2);--cmp-badge-padding-y:var(--ref-spacing-0-5);--cmp-badge-radius:var(--sys-shape-corner-sm);--cmp-badge-font-size:var(--sys-typescale-label-sm-size);--cmp-badge-font-weight:var(--sys-typescale-label-md-weight);--cmp-badge-primary-bg:var(--sys-color-primary-container);--cmp-badge-primary-text:var(--sys-color-on-primary-container);--cmp-badge-secondary-bg:var(--sys-color-surface-container-high);--cmp-badge-secondary-text:var(--sys-color-on-surface);--cmp-badge-success-bg:var(--sys-color-success-container);--cmp-badge-success-text:var(--sys-color-on-success-container);--cmp-badge-warning-bg:var(--sys-color-warning-container);--cmp-badge-warning-text:var(--sys-color-on-warning-container);--cmp-badge-error-bg:var(--sys-color-error-container);--cmp-badge-error-text:var(--sys-color-on-error-container);--cmp-modal-bg:var(--sys-color-surface-container-lowest);--cmp-modal-radius:var(--sys-shape-corner-xl);--cmp-modal-padding:var(--ref-spacing-6);--cmp-modal-shadow:var(--sys-elevation-5);--cmp-modal-backdrop:var(--sys-color-backdrop);--cmp-modal-max-width:32rem;--cmp-toast-padding:var(--ref-spacing-4);--cmp-toast-radius:var(--sys-shape-corner-lg);--cmp-toast-shadow:var(--sys-elevation-4);--cmp-toast-gap:var(--ref-spacing-3);--cmp-toast-bg:var(--sys-color-surface-inverse);--cmp-toast-text:var(--sys-color-on-surface-inverse);--cmp-dropdown-bg:var(--sys-color-surface-container-lowest);--cmp-dropdown-border:var(--sys-color-outline-variant);--cmp-dropdown-radius:var(--sys-shape-corner-md);--cmp-dropdown-shadow:var(--sys-elevation-3);--cmp-dropdown-padding:var(--ref-spacing-1);--cmp-dropdown-max-height:20rem;--cmp-dropdown-item-padding-x:var(--ref-spacing-3);--cmp-dropdown-item-padding-y:var(--ref-spacing-2);--cmp-dropdown-item-radius:var(--sys-shape-corner-sm);--cmp-dropdown-item-bg-hover:var(--sys-color-surface-container-low);--cmp-dropdown-item-bg-selected:var(--sys-color-primary-container);--cmp-dropdown-item-text-selected:var(--sys-color-on-primary-container);--cmp-table-header-bg:var(--sys-color-surface-container-low);--cmp-table-header-text:var(--sys-color-on-surface);--cmp-table-header-font-weight:var(--ref-font-weight-medium);--cmp-table-row-bg:var(--sys-color-surface);--cmp-table-row-bg-hover:var(--sys-color-surface-container-low);--cmp-table-row-bg-striped:var(--sys-color-surface-dim);--cmp-table-cell-padding-x:var(--ref-spacing-4);--cmp-table-cell-padding-y:var(--ref-spacing-3);--cmp-table-border:var(--sys-color-outline-variant);--cmp-avatar-size-xs:var(--ref-spacing-6);--cmp-avatar-size-sm:var(--ref-spacing-8);--cmp-avatar-size-md:var(--ref-spacing-10);--cmp-avatar-size-lg:var(--ref-spacing-12);--cmp-avatar-size-xl:var(--ref-spacing-16);--cmp-avatar-radius:var(--sys-shape-corner-full);--cmp-avatar-bg:var(--sys-color-surface-container-high);--cmp-avatar-text:var(--sys-color-on-surface);--cmp-avatar-border:var(--sys-color-surface);--cmp-avatar-border-width:var(--ref-border-width-2);--cmp-tabs-border:var(--sys-color-outline-variant);--cmp-tabs-indicator-color:var(--sys-color-primary);--cmp-tabs-indicator-height:var(--ref-border-width-2);--cmp-tab-padding-x:var(--ref-spacing-4);--cmp-tab-padding-y:var(--ref-spacing-3);--cmp-tab-gap:var(--ref-spacing-2);--cmp-tab-text:var(--sys-color-on-surface-variant);--cmp-tab-text-hover:var(--sys-color-on-surface);--cmp-tab-text-active:var(--sys-color-primary);--cmp-checkbox-size:var(--ref-spacing-5);--cmp-checkbox-radius:var(--sys-shape-corner-xs);--cmp-checkbox-border-width:var(--ref-border-width-2);--cmp-checkbox-border:var(--sys-color-outline);--cmp-checkbox-border-checked:var(--sys-color-primary);--cmp-checkbox-bg:var(--sys-color-surface);--cmp-checkbox-bg-checked:var(--sys-color-primary);--cmp-checkbox-check-color:var(--sys-color-on-primary);--cmp-radio-size:var(--ref-spacing-5);--cmp-radio-inner-size:var(--ref-spacing-2-5);--cmp-switch-width:var(--ref-spacing-11);--cmp-switch-height:var(--ref-spacing-6);--cmp-switch-thumb-size:var(--ref-spacing-5);--cmp-switch-padding:var(--ref-spacing-0-5);--cmp-switch-radius:var(--sys-shape-corner-full);--cmp-switch-bg-off:var(--sys-color-surface-container-highest);--cmp-switch-bg-on:var(--sys-color-primary);--cmp-switch-thumb-bg:var(--sys-color-surface);--cmp-divider-color:var(--sys-color-outline-variant);--cmp-divider-thickness:var(--ref-border-width-1);--cmp-divider-spacing:var(--ref-spacing-4);--cmp-skeleton-bg:var(--sys-color-surface-container);--cmp-skeleton-highlight:var(--sys-color-surface-container-high);--cmp-skeleton-radius:var(--sys-shape-corner-sm);--cmp-tooltip-bg:var(--sys-color-surface-inverse);--cmp-tooltip-text:var(--sys-color-on-surface-inverse);--cmp-tooltip-radius:var(--sys-shape-corner-sm);--cmp-tooltip-padding-x:var(--ref-spacing-2);--cmp-tooltip-padding-y:var(--ref-spacing-1);--cmp-tooltip-font-size:var(--sys-typescale-label-sm-size);--cmp-tooltip-shadow:var(--sys-elevation-2);--cmp-section-title-font-size:var(--ref-font-size-xl);--cmp-section-title-font-weight:var(--ref-font-weight-medium);--cmp-section-title-line-height:1.27;--cmp-section-title-letter-spacing:var(--ref-letter-spacing-normal);--cmp-section-title-color:var(--sys-color-primary);--cmp-section-title-text-transform:capitalize;--cmp-section-title-margin-bottom:var(--ref-spacing-4);--cmp-hero-headline-font-size:var(--ref-font-size-5xl);--cmp-hero-headline-font-weight:var(--ref-font-weight-bold);--cmp-hero-headline-line-height:1.24;--cmp-hero-headline-letter-spacing:var(--ref-letter-spacing-normal);--cmp-hero-headline-color:var(--sys-color-on-surface);--cmp-body-large-font-size:var(--ref-font-size-xl);--cmp-body-large-font-weight:var(--ref-font-weight-book);--cmp-body-large-line-height:1.27;--cmp-body-large-letter-spacing:var(--ref-letter-spacing-normal);--cmp-body-large-text-transform:capitalize;--cmp-picntext-max-width:1240px;--cmp-picntext-gap:var(--ref-spacing-10);--cmp-picntext-radius:var(--ref-radius-28);--cmp-picntext-radius-mobile:var(--ref-radius-18);--cmp-picntext-text-bg:var(--ref-color-warm-50);--cmp-picntext-text-padding:var(--ref-spacing-10);--cmp-picntext-image-ratio:683/397;--cmp-picntext-title-font-size:var(--cmp-hero-headline-font-size);--cmp-picntext-title-font-weight:var(--ref-font-weight-semibold);--cmp-picntext-title-line-height:var(--cmp-hero-headline-line-height);--cmp-picntext-title-color:var(--cmp-hero-headline-color);--cmp-picntext-content-font-size:var(--cmp-body-large-font-size);--cmp-picntext-content-font-weight:var(--cmp-body-large-font-weight);--cmp-picntext-content-line-height:var(--cmp-body-large-line-height);--cmp-picntext-content-text-transform:var(--cmp-body-large-text-transform);--cmp-picntext-title-font-size-mobile:var(--ref-font-size-2xl);--cmp-picntext-title-line-height-mobile:1.333;--cmp-picntext-content-font-size-mobile:var(--ref-font-size-base);--cmp-picntext-content-line-height-mobile:1.75;--cmp-scrollbar-width:var(--ref-spacing-2);--cmp-scrollbar-track-bg:var(--sys-color-surface-container);--cmp-scrollbar-thumb-bg:var(--sys-color-surface-container-highest);--cmp-scrollbar-thumb-hover-bg:var(--sys-color-on-surface-muted);--cmp-scrollbar-radius:var(--sys-shape-corner-full)}

.mq-desktop{display:contents}@media (max-width:1239px){.mq-desktop{display:none}}.mq-tablet{display:none}@media (min-width:1024px) and (max-width:1239px){.mq-tablet{display:contents}}.mq-mobile{display:none}@media (max-width:1023px){.mq-mobile{display:contents}}.mq-tablet-up{display:contents}@media (max-width:1023px){.mq-tablet-up{display:none}}.mq-tablet-down{display:none}@media (max-width:1239px){.mq-tablet-down{display:contents}}
:root{--ref-color-neutral-800:#e5e7eb;--ref-color-neutral-850:#e5e7eb;--ref-color-neutral-900:#f3f4f6;--ref-color-neutral-950:#f9fafb;--ref-color-neutral-1000:#fff;--sys-color-surface:#fff;--sys-color-surface-container:#f9fafb;--sys-color-surface-container-low:#f3f4f6;--sys-color-surface-container-high:#f3f4f6;--sys-color-surface-container-highest:#e5e7eb}*,:before,:after{box-sizing:border-box}*{margin:0}html{background:linear-gradient(#e5e7eb 0%,#f9fafb 100%) fixed;height:100%}body{height:100%;font-family:var(--ref-font-family-primary);font-size:var(--ref-font-size-base);line-height:var(--ref-line-height-relaxed);-webkit-font-smoothing:antialiased;color:var(--sys-color-on-surface);background:0 0}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}b,strong{font-weight:600}:focus-visible{outline:var(--sys-focus-ring-width)solid var(--sys-focus-ring-color);outline-offset:var(--sys-focus-ring-offset)}::-webkit-scrollbar{width:var(--cmp-scrollbar-width);height:var(--cmp-scrollbar-width)}::-webkit-scrollbar-track{background:var(--sys-color-surface-container-low)}::-webkit-scrollbar-thumb{background:var(--sys-color-outline-variant);border-radius:var(--cmp-scrollbar-radius)}::-webkit-scrollbar-thumb:hover{background:var(--sys-color-outline)}