@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";.svelte-lnznpa,.svelte-lnznpa:before,.svelte-lnznpa:after{box-sizing:border-box;margin:0;padding:0}.btn.svelte-lnznpa{font-family:var(--font-family-sans);border:1px solid transparent;cursor:pointer;font-weight:500;text-align:center;transition:all .3s;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8)}.btn.svelte-lnznpa:disabled{opacity:.6;cursor:not-allowed}.btn--sm.svelte-lnznpa{padding:var(--space-8) var(--space-16);font-size:var(--font-sm);border-radius:var(--space-4)}.btn--md.svelte-lnznpa{padding:var(--space-12) var(--space-20);font-size:var(--font-base);border-radius:var(--space-8)}.btn--lg.svelte-lnznpa{padding:var(--space-16) var(--space-28);font-size:var(--font-lg);border-radius:var(--space-8)}.btn--primary.svelte-lnznpa{background-color:var(--color-brand);color:var(--color-bg-primary);border-color:var(--color-brand);box-shadow:var(--shadow-sm)}.btn--primary.svelte-lnznpa:hover:not(:disabled){background-color:var(--color-brand-hover);border-color:var(--color-brand-hover);box-shadow:var(--shadow-md)}.btn--secondary.svelte-lnznpa{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-border);box-shadow:var(--shadow-sm)}.btn--secondary.svelte-lnznpa:hover:not(:disabled){background-color:var(--color-bg-secondary);border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.btn--success.svelte-lnznpa{background-color:var(--color-success);color:var(--color-bg-primary);border-color:var(--color-success);box-shadow:var(--shadow-sm)}.btn--success.svelte-lnznpa:hover:not(:disabled){background-color:oklch(.5 .15 var(--success-hue));border-color:oklch(.5 .15 var(--success-hue));box-shadow:var(--shadow-md)}.btn--error.svelte-lnznpa{background-color:var(--color-error);color:var(--color-bg-primary);border-color:var(--color-error);box-shadow:var(--shadow-sm)}.btn--error.svelte-lnznpa:hover:not(:disabled){background-color:oklch(.5 .2 var(--error-hue));border-color:oklch(.5 .2 var(--error-hue));box-shadow:var(--shadow-md)}.btn--outline.svelte-lnznpa{background-color:transparent;color:var(--color-brand);border-color:var(--color-brand)}.btn--outline.svelte-lnznpa:hover:not(:disabled){background-color:var(--color-brand);color:var(--color-bg-primary);box-shadow:var(--shadow-md)}.btn--full-width.svelte-lnznpa{width:100%}.markdown-body.svelte-1u3npc9,.markdown-body.svelte-ane452,.markdown-body.svelte-5r9ri6,.markdown-body.svelte-c349bi{font-family:sans-serif;line-height:1.6}.svelte-12uh6e8,.svelte-12uh6e8:before,.svelte-12uh6e8:after{box-sizing:border-box;margin:0;padding:0}.root.svelte-12uh6e8{margin-left:auto;margin-right:auto;width:100%;max-width:28rem;border-radius:var(--space-8);box-shadow:var(--shadow-lg)}.item.svelte-12uh6e8{margin-top:1px;overflow:hidden;transition:color .15s,background-color .15s,border-color .15s}.item.svelte-12uh6e8:first-child{margin-top:0;border-radius:var(--space-4) var(--space-4) 0 0}.item.svelte-12uh6e8:last-child{border-radius:0 0 var(--space-4) var(--space-4)}.item.svelte-12uh6e8:focus-within{position:relative;z-index:10;box-shadow:0 0 0 3px var(--color-brand-light)}.item.disabled.svelte-12uh6e8{opacity:.6;pointer-events:none}.item.svelte-12uh6e8>h2:where(.svelte-12uh6e8){display:flex;margin:0}.trigger.svelte-12uh6e8{display:flex;width:100%;height:3rem;flex:1 1 0%;cursor:pointer;align-items:center;justify-content:space-between;background-color:var(--color-bg-primary);padding:0 var(--space-20);font-family:var(--font-family-sans);font-size:var(--font-xl);font-weight:500;line-height:1;color:var(--color-text-primary);border:none;box-shadow:none;transition:color .15s,background-color .15s}.trigger.svelte-12uh6e8:hover:not(:disabled){background-color:var(--color-bg-secondary);color:var(--color-brand)}.trigger.svelte-12uh6e8:disabled{cursor:not-allowed;color:var(--color-text-tertiary)}.chevron.svelte-12uh6e8{flex-shrink:0;transition:transform .3s;color:var(--color-brand)}.chevron.rotated.svelte-12uh6e8{transform:rotate(180deg)}.content.svelte-12uh6e8{overflow:hidden;background-color:var(--color-bg-secondary)}.content-inner.svelte-12uh6e8{padding:var(--space-16) var(--space-20);font-family:Poppins,sans-serif;font-size:var(--font-base);line-height:1.75;color:var(--color-text-secondary)}:root{--brand-lightness: .3244;--brand-chroma: .2092;--brand-hue: 266.39;--success-hue: 145;--error-hue: 25;--warning-hue: 75;--info-hue: 240}:root{--space-4: .25rem;--space-8: .5rem;--space-12: .75rem;--space-16: 1rem;--space-20: 1.25rem;--space-24: 1.5rem;--space-28: 1.75rem;--space-40: 2.5rem;--space-60: 3.75rem;--space-100: 6.25rem;--space-160: 10rem}:root{--font-family-sans: "Twemoji Country Flags", "Poppins", sans-serif;--font-2xs: .6875rem;--font-xs: .75rem;--font-vm: .8125rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.25rem}:root{--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}:root{--color-brand: oklch(var(--brand-lightness) var(--brand-chroma) var(--brand-hue));--color-brand-hover: oklch(calc(var(--brand-lightness) - .05) var(--brand-chroma) var(--brand-hue));--color-brand-light: oklch(calc(var(--brand-lightness) + .5) calc(var(--brand-chroma) - .1) var(--brand-hue));--color-bg-primary: oklch(.98 .01 var(--brand-hue));--color-bg-secondary: oklch( .95 .01 var(--brand-hue));--color-bg-tertiary: oklch(calc(.98 - .06) .01 var(--brand-hue));--color-text-primary: oklch(.2 .02 var(--brand-hue));--color-text-secondary: oklch( .45 .02 var(--brand-hue));--color-text-tertiary: oklch(calc(.2 + .4) .02 var(--brand-hue));--color-success: oklch(.55 .15 var(--success-hue));--color-success-bg: oklch( .9 calc(.15 - .07) var(--success-hue));--color-error: oklch(.55 .2 var(--error-hue));--color-error-bg: oklch( .9 .1 var(--error-hue));--color-warning: oklch(.65 .18 var(--warning-hue));--color-warning-bg: oklch( .92 calc(.18 - .08) var(--warning-hue));--color-info: oklch(.55 .15 var(--info-hue));--color-info-bg: oklch( .9 calc(.15 - .07) var(--info-hue));--color-border: oklch(.85 .01 var(--brand-hue));--color-border-hover: oklch( .75 .02 var(--brand-hue));--shadow-sm: 0 1px 2px oklch(.2 .02 var(--brand-hue) / .05);--shadow-md: 0 4px 6px oklch(.2 .02 var(--brand-hue) / .07 );--shadow-lg: 0 10px 15px oklch(.2 .02 var(--brand-hue) / .1 )}:root[data-theme=dark]{--color-brand: oklch(calc(var(--brand-lightness) + .4) var(--brand-chroma) var(--brand-hue));--color-brand-hover: oklch(calc(var(--brand-lightness) + .5) var(--brand-chroma) var(--brand-hue));--color-brand-light: oklch(calc(var(--brand-lightness) + .2) calc(var(--brand-chroma) - .1) var(--brand-hue));--color-bg-primary: oklch(.18 .01 var(--brand-hue));--color-bg-secondary: oklch( .22 .01 var(--brand-hue));--color-bg-tertiary: oklch( .26 .01 var(--brand-hue));--color-text-primary: oklch(.92 .02 var(--brand-hue));--color-text-secondary: oklch(calc(.92 - .22) .02 var(--brand-hue));--color-text-tertiary: oklch( .55 .02 var(--brand-hue));--color-success: oklch( .65 .15 var(--success-hue));--color-success-bg: oklch(calc(.55 - .25) calc(.15 - .07) var(--success-hue));--color-error: oklch( .65 .2 var(--error-hue));--color-error-bg: oklch(calc(.55 - .25) .1 var(--error-hue));--color-warning: oklch( .75 .18 var(--warning-hue));--color-warning-bg: oklch(calc(.65 - .3) calc(.18 - .08) var(--warning-hue));--color-info: oklch( .65 .15 var(--info-hue));--color-info-bg: oklch(calc(.55 - .25) calc(.15 - .07) var(--info-hue));--color-border: oklch(.3 .01 var(--brand-hue));--color-border-hover: oklch( .4 .02 var(--brand-hue));--shadow-sm: 0 1px 2px oklch(.1 .02 var(--brand-hue) / .2);--shadow-md: 0 4px 6px oklch(.1 .02 var(--brand-hue) / calc(.2 + .1));--shadow-lg: 0 10px 15px oklch(.1 .02 var(--brand-hue) / .4 )}.svelte-76xeyq,.svelte-76xeyq:before,.svelte-76xeyq:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-sans);font-size:var(--font-base);color:var(--color-text-primary);background-color:var(--color-bg-primary);transition:background-color .3s,color .3s}.design-tokens.svelte-76xeyq{margin:0 auto;padding:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tokens-header.svelte-76xeyq{text-align:center;margin-bottom:3rem}.tokens-header.svelte-76xeyq h1:where(.svelte-76xeyq){font-size:2.5rem;font-weight:700;color:#050c9c;margin-bottom:.5rem}.tokens-header.svelte-76xeyq p:where(.svelte-76xeyq){color:#666;font-size:1.1rem}.token-section.svelte-76xeyq{margin-bottom:2rem}.token-section.svelte-76xeyq h2:where(.svelte-76xeyq){font-size:2rem;color:#3abef9;margin-bottom:2rem;padding-bottom:.5rem}.section-header.svelte-76xeyq{display:flex;align-items:center;justify-content:space-between;height:4rem;border-bottom:2px solid #f7f7f7}.section-header.svelte-76xeyq .section-collapse:where(.svelte-76xeyq){background:transparent;border:none;cursor:pointer;transition:all .3s ease;padding:.5rem;border-radius:4px}.section-header.svelte-76xeyq .section-collapse:where(.svelte-76xeyq):hover{transform:scale(1.1);background-color:#0000000d}.section-header.svelte-76xeyq .section-collapse.rotated:where(.svelte-76xeyq){transform:rotate(180deg)}.section-header.svelte-76xeyq .section-collapse.rotated:where(.svelte-76xeyq):hover{transform:rotate(180deg) scale(1.1)}.section-header.svelte-76xeyq .section-collapse:where(.svelte-76xeyq) svg:where(.svelte-76xeyq){transition:fill .2s ease}.section-header.svelte-76xeyq .section-collapse:where(.svelte-76xeyq):hover svg:where(.svelte-76xeyq){fill:#050c9c}.token-content.svelte-76xeyq{max-height:none;overflow:hidden;transition:max-height .4s ease-out,opacity .3s ease,padding .3s ease;opacity:1;padding-top:2rem}.token-content.collapsed.svelte-76xeyq{max-height:0;opacity:0;padding-top:0}.token-category.svelte-76xeyq{margin-bottom:2.5rem}.token-category.svelte-76xeyq h3:where(.svelte-76xeyq){font-size:1.3rem;color:#050c9c;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.tokens-grid.svelte-76xeyq{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.token.svelte-76xeyq{background:#fff;border:1px solid #e5e5e5;border-radius:8px;overflow:hidden;transition:all .2s ease}.token.svelte-76xeyq:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.token-variable.svelte-76xeyq{display:block;width:100%;padding:1.2rem;background:#f8f9fa;border:none;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.92rem;font-weight:600;color:#050c9c;cursor:pointer;transition:all .2s ease;position:relative;text-align:left}.token-variable.svelte-76xeyq:hover{background:#e9ecef}.token-variable.copied.svelte-76xeyq{background:#d4edda;color:#155724}.copied-indicator.svelte-76xeyq{position:absolute;top:50%;right:1rem;transform:translateY(-50%);background:#28a745;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;animation:svelte-76xeyq-fadeInOut 2s ease}@keyframes svelte-76xeyq-fadeInOut{0%,to{opacity:0}20%,80%{opacity:1}}.token-value.svelte-76xeyq{padding:1rem;display:flex;align-items:center;gap:.75rem}.color-swatch.svelte-76xeyq{width:2.5rem;height:2.5rem;border-radius:6px;border:1px solid #ddd;flex-shrink:0}.spacing-demo.svelte-76xeyq{background:linear-gradient(45deg,#3abef9,#a7e6ff);border-radius:4px;flex-shrink:0;min-width:1rem;border:1px solid #ddd}.typography-demo.svelte-76xeyq{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:6px;border:1px solid #ddd;flex-shrink:0;color:#050c9c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.value-text.svelte-76xeyq{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;color:#666;font-weight:500}@media(max-width:768px){.design-tokens.svelte-76xeyq{padding:1rem}.tokens-header.svelte-76xeyq h1:where(.svelte-76xeyq){font-size:2rem}.tokens-grid.svelte-76xeyq{grid-template-columns:1fr}}@media(max-width:1024px)and (min-width:769px){.tokens-grid.svelte-76xeyq{grid-template-columns:repeat(2,1fr)}}