@layer dp-reset,base,theme,dp-core,dp-palette,dp-theme,components,dp-components,dp-product,utilities,dp-scheme;@layer dp-reset{*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;tab-size:4}body{margin:0;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-kerning:normal}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}button{background:none;border:0;padding:0;cursor:pointer}a{color:inherit;text-decoration:inherit}}@layer dp-core{:root{--outline-width: 2px;--outline-offset: 2px;--radius-none: 0;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 9999px;--border-width-0: 0;--border-width-hair: 1px;--border-width-thin: 1px;--border-width-thick: 2px;--border-width-heavy: 4px;--alpha-0: 0;--alpha-5: .05;--alpha-10: .1;--alpha-20: .2;--alpha-30: .3;--alpha-40: .4;--alpha-50: .5;--alpha-60: .6;--alpha-70: .7;--alpha-80: .8;--alpha-90: .9;--alpha-100: 1;--color-base-white: #ffffff;--color-base-black: #000000;--color-base-transparent: rgba(0, 0, 0, 0);--color-amber-0: oklch(97% .062 70.1);--color-amber-1: oklch(95.3% .094 70.1);--color-amber-2: oklch(92.7% .126 70.1);--color-amber-3: oklch(88.9% .156 70.1);--color-amber-4: oklch(84.6% .179 70.1);--color-amber-5: oklch(80.7% .188 70.1);--color-amber-6: oklch(76.9% .188 70.1);--color-amber-7: oklch(65.2% .188 70.1);--color-amber-8: oklch(53.5% .179 70.1);--color-amber-9: oklch(41.8% .156 70.1);--color-amber-10: oklch(30.1% .126 70.1);--color-amber-11: oklch(18.4% .094 70.1);--color-amber-12: oklch(10% .062 70.1);--color-amber-default: oklch(76.9% .188 70.1);--color-carbon-0: oklch(97% .004 40);--color-carbon-1: oklch(90.4% .006 40);--color-carbon-2: oklch(80.6% .008 40);--color-carbon-3: oklch(65.9% .01 40);--color-carbon-4: oklch(49.5% .011 40);--color-carbon-5: oklch(34.7% .012 40);--color-carbon-6: oklch(20% .012 40);--color-carbon-7: oklch(18.3% .012 40);--color-carbon-8: oklch(16.5% .011 40);--color-carbon-9: oklch(14.8% .01 40);--color-carbon-10: oklch(13% .008 40);--color-carbon-11: oklch(11.3% .006 40);--color-carbon-12: oklch(10% .004 40);--color-carbon-default: oklch(20% .012 40);--color-dark-slate-0: oklch(97% .007 255);--color-dark-slate-1: oklch(92.3% .01 255);--color-dark-slate-2: oklch(85.3% .013 255);--color-dark-slate-3: oklch(74.8% .017 255);--color-dark-slate-4: oklch(63.1% .019 255);--color-dark-slate-5: oklch(52.5% .02 255);--color-dark-slate-6: oklch(42% .02 255);--color-dark-slate-7: oklch(36.4% .02 255);--color-dark-slate-8: oklch(30.8% .019 255);--color-dark-slate-9: oklch(25.2% .017 255);--color-dark-slate-10: oklch(19.6% .013 255);--color-dark-slate-11: oklch(14% .01 255);--color-dark-slate-12: oklch(10% .007 255);--color-dark-slate-default: oklch(42% .02 255);--color-glass-light-0: oklch(97% .002 250);--color-glass-light-1: oklch(96.9% .003 250);--color-glass-light-2: oklch(96.8% .004 250);--color-glass-light-3: oklch(96.6% .005 250);--color-glass-light-4: oklch(96.4% .006 250);--color-glass-light-5: oklch(96.2% .006 250);--color-glass-light-6: oklch(96% .006 250);--color-glass-light-7: oklch(80.9% .006 250);--color-glass-light-8: oklch(65.9% .006 250);--color-glass-light-9: oklch(50.8% .005 250);--color-glass-light-10: oklch(35.8% .004 250);--color-glass-light-11: oklch(20.7% .003 250);--color-glass-light-12: oklch(10% .002 250);--color-glass-light-default: oklch(96% .006 250);--color-glass-dark-0: oklch(97% .007 265);--color-glass-dark-1: oklch(90.1% .01 265);--color-glass-dark-2: oklch(79.8% .013 265);--color-glass-dark-3: oklch(64.3% .017 265);--color-glass-dark-4: oklch(47% .019 265);--color-glass-dark-5: oklch(31.5% .02 265);--color-glass-dark-6: oklch(16% .02 265);--color-glass-dark-7: oklch(14.9% .02 265);--color-glass-dark-8: oklch(13.9% .019 265);--color-glass-dark-9: oklch(12.8% .017 265);--color-glass-dark-10: oklch(11.8% .013 265);--color-glass-dark-11: oklch(10.8% .01 265);--color-glass-dark-12: oklch(10% .007 265);--color-glass-dark-default: oklch(16% .02 265);--color-glass-cool-0: oklch(97% .033 235);--color-glass-cool-1: oklch(95.6% .05 235);--color-glass-cool-2: oklch(93.4% .067 235);--color-glass-cool-3: oklch(90.1% .083 235);--color-glass-cool-4: oklch(86.5% .095 235);--color-glass-cool-5: oklch(83.3% .1 235);--color-glass-cool-6: oklch(80% .1 235);--color-glass-cool-7: oklch(67.7% .1 235);--color-glass-cool-8: oklch(55.5% .095 235);--color-glass-cool-9: oklch(43.3% .083 235);--color-glass-cool-10: oklch(31% .067 235);--color-glass-cool-11: oklch(18.8% .05 235);--color-glass-cool-12: oklch(10% .033 235);--color-glass-cool-default: oklch(80% .1 235);--color-glass-warm-0: oklch(97% .053 350);--color-glass-warm-1: oklch(95% .08 350);--color-glass-warm-2: oklch(92.1% .107 350);--color-glass-warm-3: oklch(87.7% .133 350);--color-glass-warm-4: oklch(82.8% .152 350);--color-glass-warm-5: oklch(78.4% .16 350);--color-glass-warm-6: oklch(74% .16 350);--color-glass-warm-7: oklch(62.8% .16 350);--color-glass-warm-8: oklch(51.6% .152 350);--color-glass-warm-9: oklch(40.4% .133 350);--color-glass-warm-10: oklch(29.2% .107 350);--color-glass-warm-11: oklch(18% .08 350);--color-glass-warm-12: oklch(10% .053 350);--color-glass-warm-default: oklch(74% .16 350);--color-graphite-0: oklch(97% .002 255);--color-graphite-1: oklch(93.4% .003 255);--color-graphite-2: oklch(88.1% .004 255);--color-graphite-3: oklch(80% .005 255);--color-graphite-4: oklch(71.1% .006 255);--color-graphite-5: oklch(63% .006 255);--color-graphite-6: oklch(55% .006 255);--color-graphite-7: oklch(47.1% .006 255);--color-graphite-8: oklch(39.3% .006 255);--color-graphite-9: oklch(31.4% .005 255);--color-graphite-10: oklch(23.5% .004 255);--color-graphite-11: oklch(15.6% .003 255);--color-graphite-12: oklch(10% .002 255);--color-graphite-default: oklch(55% .006 255);--color-green-0: oklch(97% .072 149.6);--color-green-1: oklch(94.9% .11 149.6);--color-green-2: oklch(91.7% .147 149.6);--color-green-3: oklch(87% .182 149.6);--color-green-4: oklch(81.8% .208 149.6);--color-green-5: oklch(77% .219 149.6);--color-green-6: oklch(72.3% .219 149.6);--color-green-7: oklch(61.4% .219 149.6);--color-green-8: oklch(50.5% .208 149.6);--color-green-9: oklch(39.6% .182 149.6);--color-green-10: oklch(28.7% .147 149.6);--color-green-11: oklch(17.8% .11 149.6);--color-green-12: oklch(10% .072 149.6);--color-green-default: oklch(72.3% .219 149.6);--color-indigo-0: oklch(97% .077 277.1);--color-indigo-1: oklch(93.7% .117 277.1);--color-indigo-2: oklch(88.8% .156 277.1);--color-indigo-3: oklch(81.4% .193 277.1);--color-indigo-4: oklch(73.2% .221 277.1);--color-indigo-5: oklch(65.9% .233 277.1);--color-indigo-6: oklch(58.5% .233 277.1);--color-indigo-7: oklch(50% .233 277.1);--color-indigo-8: oklch(41.5% .221 277.1);--color-indigo-9: oklch(33% .193 277.1);--color-indigo-10: oklch(24.6% .156 277.1);--color-indigo-11: oklch(16.1% .117 277.1);--color-indigo-12: oklch(10% .077 277.1);--color-indigo-default: oklch(58.5% .233 277.1);--color-light-sand-0: oklch(97% .006 80);--color-light-sand-1: oklch(96.1% .009 80);--color-light-sand-2: oklch(94.7% .012 80);--color-light-sand-3: oklch(92.6% .015 80);--color-light-sand-4: oklch(90.2% .017 80);--color-light-sand-5: oklch(88.1% .018 80);--color-light-sand-6: oklch(86% .018 80);--color-light-sand-7: oklch(72.7% .018 80);--color-light-sand-8: oklch(59.4% .017 80);--color-light-sand-9: oklch(46.1% .015 80);--color-light-sand-10: oklch(32.8% .012 80);--color-light-sand-11: oklch(19.5% .009 80);--color-light-sand-12: oklch(10% .006 80);--color-light-sand-default: oklch(86% .018 80);--color-milk-0: oklch(97% .003 90);--color-milk-1: oklch(96.9% .005 90);--color-milk-2: oklch(96.8% .007 90);--color-milk-3: oklch(96.6% .008 90);--color-milk-4: oklch(96.4% .009 90);--color-milk-5: oklch(96.2% .01 90);--color-milk-6: oklch(96% .01 90);--color-milk-7: oklch(80.9% .01 90);--color-milk-8: oklch(65.9% .009 90);--color-milk-9: oklch(50.8% .008 90);--color-milk-10: oklch(35.8% .007 90);--color-milk-11: oklch(20.7% .005 90);--color-milk-12: oklch(10% .003 90);--color-milk-default: oklch(96% .01 90);--color-red-0: oklch(97% .078 25.3);--color-red-1: oklch(94.2% .118 25.3);--color-red-2: oklch(89.9% .159 25.3);--color-red-3: oklch(83.5% .197 25.3);--color-red-4: oklch(76.5% .225 25.3);--color-red-5: oklch(70.1% .237 25.3);--color-red-6: oklch(63.7% .237 25.3);--color-red-7: oklch(54.3% .237 25.3);--color-red-8: oklch(44.9% .225 25.3);--color-red-9: oklch(35.5% .197 25.3);--color-red-10: oklch(26.1% .159 25.3);--color-red-11: oklch(16.7% .118 25.3);--color-red-12: oklch(10% .078 25.3);--color-red-default: oklch(63.7% .237 25.3);--color-sky-0: oklch(97% .056 237.3);--color-sky-1: oklch(94.6% .085 237.3);--color-sky-2: oklch(90.9% .113 237.3);--color-sky-3: oklch(85.5% .14 237.3);--color-sky-4: oklch(79.4% .161 237.3);--color-sky-5: oklch(74% .169 237.3);--color-sky-6: oklch(68.5% .169 237.3);--color-sky-7: oklch(58.3% .169 237.3);--color-sky-8: oklch(48% .161 237.3);--color-sky-9: oklch(37.8% .14 237.3);--color-sky-10: oklch(27.6% .113 237.3);--color-sky-11: oklch(17.3% .085 237.3);--color-sky-12: oklch(10% .056 237.3);--color-sky-default: oklch(68.5% .169 237.3);--color-slate-0: oklch(97% .015 257.4);--color-slate-1: oklch(93.5% .023 257.4);--color-slate-2: oklch(88.1% .031 257.4);--color-slate-3: oklch(80.2% .038 257.4);--color-slate-4: oklch(71.3% .044 257.4);--color-slate-5: oklch(63.4% .046 257.4);--color-slate-6: oklch(55.4% .046 257.4);--color-slate-7: oklch(47.5% .046 257.4);--color-slate-8: oklch(39.5% .044 257.4);--color-slate-9: oklch(31.6% .038 257.4);--color-slate-10: oklch(23.6% .031 257.4);--color-slate-11: oklch(15.7% .023 257.4);--color-slate-12: oklch(10% .015 257.4);--color-slate-default: oklch(55.4% .046 257.4);--color-tungsten-0: oklch(97% .005 70);--color-tungsten-1: oklch(91.6% .007 70);--color-tungsten-2: oklch(83.6% .009 70);--color-tungsten-3: oklch(71.5% .012 70);--color-tungsten-4: oklch(58.1% .013 70);--color-tungsten-5: oklch(46.1% .014 70);--color-tungsten-6: oklch(34% .014 70);--color-tungsten-7: oklch(29.8% .014 70);--color-tungsten-8: oklch(25.6% .013 70);--color-tungsten-9: oklch(21.4% .012 70);--color-tungsten-10: oklch(17.2% .009 70);--color-tungsten-11: oklch(13% .007 70);--color-tungsten-12: oklch(10% .005 70);--color-tungsten-default: oklch(34% .014 70);--color-role-surface-default: var(--color-role-paper);--color-role-surface-subtle: var(--color-role-neutral-soft);--color-role-surface-muted: var(--color-role-neutral-softer);--color-role-surface-inverse: var(--color-role-ink);--color-role-text-primary: var(--color-role-ink);--color-role-text-muted: var(--color-role-neutral-strong);--color-role-text-subtle: var(--color-role-neutral);--color-role-text-faint: var(--color-role-neutral-soft);--color-role-text-inverse: var(--color-role-paper);--color-role-text-muted-inverse: var(--color-role-neutral-soft);--color-role-text-link: var(--color-role-anchor);--color-role-text-link-hover: var(--color-role-anchor-strong);--color-role-text-link-inverse: color-mix(in oklch, var(--color-role-anchor) 60%, var(--color-role-paper));--color-role-border-default: var(--color-role-neutral-soft);--color-role-border-subtle: var(--color-role-neutral-softer);--color-role-border-strong: var(--color-role-neutral);--color-role-border-focus: var(--color-role-anchor);--color-role-action-primary-bg: var(--color-role-anchor);--color-role-action-primary-bg-hover: var(--color-role-anchor-strong);--color-role-action-primary-bg-active: var(--color-role-anchor-stronger);--color-role-action-primary-fg: var(--color-role-paper);--color-role-action-secondary-bg: rgba(0, 0, 0, 0);--color-role-action-secondary-bg-hover: var(--color-role-neutral-soft);--color-role-action-secondary-bg-active: var(--color-role-neutral-softer);--color-role-action-secondary-fg: var(--color-role-ink);--color-role-action-secondary-border: var(--color-role-neutral);--color-role-action-ghost-bg: rgba(0, 0, 0, 0);--color-role-action-ghost-bg-hover: var(--color-role-neutral-soft);--color-role-action-ghost-fg: var(--color-role-ink-soft);--color-role-action-danger-bg: var(--color-role-error);--color-role-action-danger-bg-hover: var(--color-role-error-strong);--color-role-action-danger-bg-active: var(--color-role-error-strong);--color-role-action-danger-fg: var(--color-role-paper);--color-role-feedback-success-0: var(--color-role-success-0);--color-role-feedback-success-1: var(--color-role-success-1);--color-role-feedback-success-2: var(--color-role-success-2);--color-role-feedback-success-3: var(--color-role-success-3);--color-role-feedback-success-4: var(--color-role-success-4);--color-role-feedback-success-5: var(--color-role-success-5);--color-role-feedback-success-6: var(--color-role-success-6);--color-role-feedback-success-7: var(--color-role-success-7);--color-role-feedback-success-8: var(--color-role-success-8);--color-role-feedback-success-9: var(--color-role-success-9);--color-role-feedback-success-10: var(--color-role-success-10);--color-role-feedback-success-11: var(--color-role-success-11);--color-role-feedback-success-12: var(--color-role-success-12);--color-role-feedback-success-bg: var(--color-role-success-soft);--color-role-feedback-success-fg: var(--color-role-success-strong);--color-role-feedback-success-border: var(--color-role-success);--color-role-feedback-warning-0: var(--color-role-warning-0);--color-role-feedback-warning-1: var(--color-role-warning-1);--color-role-feedback-warning-2: var(--color-role-warning-2);--color-role-feedback-warning-3: var(--color-role-warning-3);--color-role-feedback-warning-4: var(--color-role-warning-4);--color-role-feedback-warning-5: var(--color-role-warning-5);--color-role-feedback-warning-6: var(--color-role-warning-6);--color-role-feedback-warning-7: var(--color-role-warning-7);--color-role-feedback-warning-8: var(--color-role-warning-8);--color-role-feedback-warning-9: var(--color-role-warning-9);--color-role-feedback-warning-10: var(--color-role-warning-10);--color-role-feedback-warning-11: var(--color-role-warning-11);--color-role-feedback-warning-12: var(--color-role-warning-12);--color-role-feedback-warning-bg: var(--color-role-warning-soft);--color-role-feedback-warning-fg: var(--color-role-warning-strong);--color-role-feedback-warning-border: var(--color-role-warning);--color-role-feedback-error-0: var(--color-role-error-0);--color-role-feedback-error-1: var(--color-role-error-1);--color-role-feedback-error-2: var(--color-role-error-2);--color-role-feedback-error-3: var(--color-role-error-3);--color-role-feedback-error-4: var(--color-role-error-4);--color-role-feedback-error-5: var(--color-role-error-5);--color-role-feedback-error-6: var(--color-role-error-6);--color-role-feedback-error-7: var(--color-role-error-7);--color-role-feedback-error-8: var(--color-role-error-8);--color-role-feedback-error-9: var(--color-role-error-9);--color-role-feedback-error-10: var(--color-role-error-10);--color-role-feedback-error-11: var(--color-role-error-11);--color-role-feedback-error-12: var(--color-role-error-12);--color-role-feedback-error-bg: var(--color-role-error-soft);--color-role-feedback-error-fg: var(--color-role-error-strong);--color-role-feedback-error-border: var(--color-role-error);--color-role-feedback-info-0: var(--color-role-info-0);--color-role-feedback-info-1: var(--color-role-info-1);--color-role-feedback-info-2: var(--color-role-info-2);--color-role-feedback-info-3: var(--color-role-info-3);--color-role-feedback-info-4: var(--color-role-info-4);--color-role-feedback-info-5: var(--color-role-info-5);--color-role-feedback-info-6: var(--color-role-info-6);--color-role-feedback-info-7: var(--color-role-info-7);--color-role-feedback-info-8: var(--color-role-info-8);--color-role-feedback-info-9: var(--color-role-info-9);--color-role-feedback-info-10: var(--color-role-info-10);--color-role-feedback-info-11: var(--color-role-info-11);--color-role-feedback-info-12: var(--color-role-info-12);--color-role-feedback-info-bg: var(--color-role-info-soft);--color-role-feedback-info-fg: var(--color-role-info-strong);--color-role-feedback-info-border: var(--color-role-info);--color-role-accent: var(--color-role-anchor);--color-role-focus-ring: color-mix(in oklch, var(--color-role-anchor) 35%, transparent);--color-role-focus-ring-error: color-mix(in oklch, var(--color-role-error) 35%, transparent);--color-role-gradient-orb-1: color-mix(in oklch, var(--color-role-anchor) 18%, transparent);--color-role-gradient-orb-2: color-mix(in oklch, var(--color-role-anchor-stronger) 22%, transparent);--color-role-gradient-anchor-from: color-mix(in oklch, var(--color-role-anchor) 12%, transparent);--color-role-accent-0: var(--color-role-anchor-0);--color-role-accent-1: var(--color-role-anchor-1);--color-role-accent-2: var(--color-role-anchor-2);--color-role-accent-3: var(--color-role-anchor-3);--color-role-accent-4: var(--color-role-anchor-4);--color-role-accent-5: var(--color-role-anchor-5);--color-role-accent-6: var(--color-role-anchor-6);--color-role-accent-7: var(--color-role-anchor-7);--color-role-accent-8: var(--color-role-anchor-8);--color-role-accent-9: var(--color-role-anchor-9);--color-role-accent-10: var(--color-role-anchor-10);--color-role-accent-11: var(--color-role-anchor-11);--color-role-accent-12: var(--color-role-anchor-12);--color-surface-bg: var(--color-role-surface-default);--color-surface-bg-subtle: var(--color-role-surface-subtle);--color-surface-bg-muted: var(--color-role-surface-muted);--color-surface-bg-inverse: var(--color-role-surface-inverse);--color-paper: var(--color-role-surface-default);--color-ink: var(--color-role-surface-inverse);--color-text-default: var(--color-role-text-primary);--color-text-muted: var(--color-role-text-muted);--color-text-subtle: var(--color-role-text-subtle);--color-text-faint: var(--color-role-text-faint);--color-text-inverse: var(--color-role-text-inverse);--color-text-muted-inverse: var(--color-role-text-muted-inverse);--color-text-link: var(--color-role-text-link);--color-text-link-hover: var(--color-role-text-link-hover);--color-text-link-inverse: var(--color-role-text-link-inverse);--color-border-default: var(--color-role-border-default);--color-border-subtle: var(--color-role-border-subtle);--color-border-strong: var(--color-role-border-strong);--color-border-focus: var(--color-role-border-focus);--color-action-primary-bg: var(--color-role-action-primary-bg);--color-action-primary-bg-hover: var(--color-role-action-primary-bg-hover);--color-action-primary-bg-active: var(--color-role-action-primary-bg-active);--color-action-primary-fg: var(--color-role-action-primary-fg);--color-action-secondary-bg: var(--color-role-action-secondary-bg);--color-action-secondary-bg-hover: var(--color-role-action-secondary-bg-hover);--color-action-secondary-bg-active: var(--color-role-action-secondary-bg-active);--color-action-secondary-fg: var(--color-role-action-secondary-fg);--color-action-secondary-border: var(--color-role-action-secondary-border);--color-action-ghost-bg: var(--color-role-action-ghost-bg);--color-action-ghost-bg-hover: var(--color-role-action-ghost-bg-hover);--color-action-ghost-fg: var(--color-role-action-ghost-fg);--color-action-danger-bg: var(--color-role-action-danger-bg);--color-action-danger-bg-hover: var(--color-role-action-danger-bg-hover);--color-action-danger-bg-active: var(--color-role-action-danger-bg-active);--color-action-danger-fg: var(--color-role-action-danger-fg);--color-feedback-success-bg: var(--color-role-feedback-success-bg);--color-feedback-success-fg: var(--color-role-feedback-success-fg);--color-feedback-success-border: var(--color-role-feedback-success-border);--color-feedback-warning-bg: var(--color-role-feedback-warning-bg);--color-feedback-warning-fg: var(--color-role-feedback-warning-fg);--color-feedback-warning-border: var(--color-role-feedback-warning-border);--color-feedback-error-bg: var(--color-role-feedback-error-bg);--color-feedback-error-fg: var(--color-role-feedback-error-fg);--color-feedback-error-border: var(--color-role-feedback-error-border);--color-feedback-info-bg: var(--color-role-feedback-info-bg);--color-feedback-info-fg: var(--color-role-feedback-info-fg);--color-feedback-info-border: var(--color-role-feedback-info-border);--color-focus-ring: var(--color-role-focus-ring);--color-focus-ring-error: var(--color-role-focus-ring-error);--color-gradient-orb-1: var(--color-role-gradient-orb-1);--color-gradient-orb-2: var(--color-role-gradient-orb-2);--color-gradient-anchor-from: var(--color-role-gradient-anchor-from);--color-palette-color-1: var(--color-role-palette-1);--color-palette-color-2: var(--color-role-palette-2);--color-palette-color-3: var(--color-role-palette-3);--color-palette-color-4: var(--color-role-palette-4);--color-palette-color-5: var(--color-role-palette-5);--color-palette-color-6: var(--color-role-palette-6);--color-palette-color-7: var(--color-role-palette-7);--color-palette-color-8: var(--color-role-palette-8);--color-palette-color-9: var(--color-role-palette-9);--color-palette-color-10: var(--color-role-palette-10);--color-palette-color-11: var(--color-role-palette-11);--color-palette-color-12: var(--color-role-palette-12);--color-palette-color-1-0: var(--color-role-palette-1-0);--color-palette-color-1-1: var(--color-role-palette-1-1);--color-palette-color-1-2: var(--color-role-palette-1-2);--color-palette-color-1-3: var(--color-role-palette-1-3);--color-palette-color-1-4: var(--color-role-palette-1-4);--color-palette-color-1-5: var(--color-role-palette-1-5);--color-palette-color-1-6: var(--color-role-palette-1-6);--color-palette-color-1-7: var(--color-role-palette-1-7);--color-palette-color-1-8: var(--color-role-palette-1-8);--color-palette-color-1-9: var(--color-role-palette-1-9);--color-palette-color-1-10: var(--color-role-palette-1-10);--color-palette-color-1-11: var(--color-role-palette-1-11);--color-palette-color-1-12: var(--color-role-palette-1-12);--color-palette-color-2-0: var(--color-role-palette-2-0);--color-palette-color-2-1: var(--color-role-palette-2-1);--color-palette-color-2-2: var(--color-role-palette-2-2);--color-palette-color-2-3: var(--color-role-palette-2-3);--color-palette-color-2-4: var(--color-role-palette-2-4);--color-palette-color-2-5: var(--color-role-palette-2-5);--color-palette-color-2-6: var(--color-role-palette-2-6);--color-palette-color-2-7: var(--color-role-palette-2-7);--color-palette-color-2-8: var(--color-role-palette-2-8);--color-palette-color-2-9: var(--color-role-palette-2-9);--color-palette-color-2-10: var(--color-role-palette-2-10);--color-palette-color-2-11: var(--color-role-palette-2-11);--color-palette-color-2-12: var(--color-role-palette-2-12);--color-palette-color-3-0: var(--color-role-palette-3-0);--color-palette-color-3-1: var(--color-role-palette-3-1);--color-palette-color-3-2: var(--color-role-palette-3-2);--color-palette-color-3-3: var(--color-role-palette-3-3);--color-palette-color-3-4: var(--color-role-palette-3-4);--color-palette-color-3-5: var(--color-role-palette-3-5);--color-palette-color-3-6: var(--color-role-palette-3-6);--color-palette-color-3-7: var(--color-role-palette-3-7);--color-palette-color-3-8: var(--color-role-palette-3-8);--color-palette-color-3-9: var(--color-role-palette-3-9);--color-palette-color-3-10: var(--color-role-palette-3-10);--color-palette-color-3-11: var(--color-role-palette-3-11);--color-palette-color-3-12: var(--color-role-palette-3-12);--color-palette-color-4-0: var(--color-role-palette-4-0);--color-palette-color-4-1: var(--color-role-palette-4-1);--color-palette-color-4-2: var(--color-role-palette-4-2);--color-palette-color-4-3: var(--color-role-palette-4-3);--color-palette-color-4-4: var(--color-role-palette-4-4);--color-palette-color-4-5: var(--color-role-palette-4-5);--color-palette-color-4-6: var(--color-role-palette-4-6);--color-palette-color-4-7: var(--color-role-palette-4-7);--color-palette-color-4-8: var(--color-role-palette-4-8);--color-palette-color-4-9: var(--color-role-palette-4-9);--color-palette-color-4-10: var(--color-role-palette-4-10);--color-palette-color-4-11: var(--color-role-palette-4-11);--color-palette-color-4-12: var(--color-role-palette-4-12);--color-palette-color-5-0: var(--color-role-palette-5-0);--color-palette-color-5-1: var(--color-role-palette-5-1);--color-palette-color-5-2: var(--color-role-palette-5-2);--color-palette-color-5-3: var(--color-role-palette-5-3);--color-palette-color-5-4: var(--color-role-palette-5-4);--color-palette-color-5-5: var(--color-role-palette-5-5);--color-palette-color-5-6: var(--color-role-palette-5-6);--color-palette-color-5-7: var(--color-role-palette-5-7);--color-palette-color-5-8: var(--color-role-palette-5-8);--color-palette-color-5-9: var(--color-role-palette-5-9);--color-palette-color-5-10: var(--color-role-palette-5-10);--color-palette-color-5-11: var(--color-role-palette-5-11);--color-palette-color-5-12: var(--color-role-palette-5-12);--color-palette-color-6-0: var(--color-role-palette-6-0);--color-palette-color-6-1: var(--color-role-palette-6-1);--color-palette-color-6-2: var(--color-role-palette-6-2);--color-palette-color-6-3: var(--color-role-palette-6-3);--color-palette-color-6-4: var(--color-role-palette-6-4);--color-palette-color-6-5: var(--color-role-palette-6-5);--color-palette-color-6-6: var(--color-role-palette-6-6);--color-palette-color-6-7: var(--color-role-palette-6-7);--color-palette-color-6-8: var(--color-role-palette-6-8);--color-palette-color-6-9: var(--color-role-palette-6-9);--color-palette-color-6-10: var(--color-role-palette-6-10);--color-palette-color-6-11: var(--color-role-palette-6-11);--color-palette-color-6-12: var(--color-role-palette-6-12);--color-palette-color-7-0: var(--color-role-palette-7-0);--color-palette-color-7-1: var(--color-role-palette-7-1);--color-palette-color-7-2: var(--color-role-palette-7-2);--color-palette-color-7-3: var(--color-role-palette-7-3);--color-palette-color-7-4: var(--color-role-palette-7-4);--color-palette-color-7-5: var(--color-role-palette-7-5);--color-palette-color-7-6: var(--color-role-palette-7-6);--color-palette-color-7-7: var(--color-role-palette-7-7);--color-palette-color-7-8: var(--color-role-palette-7-8);--color-palette-color-7-9: var(--color-role-palette-7-9);--color-palette-color-7-10: var(--color-role-palette-7-10);--color-palette-color-7-11: var(--color-role-palette-7-11);--color-palette-color-7-12: var(--color-role-palette-7-12);--color-palette-color-8-0: var(--color-role-palette-8-0);--color-palette-color-8-1: var(--color-role-palette-8-1);--color-palette-color-8-2: var(--color-role-palette-8-2);--color-palette-color-8-3: var(--color-role-palette-8-3);--color-palette-color-8-4: var(--color-role-palette-8-4);--color-palette-color-8-5: var(--color-role-palette-8-5);--color-palette-color-8-6: var(--color-role-palette-8-6);--color-palette-color-8-7: var(--color-role-palette-8-7);--color-palette-color-8-8: var(--color-role-palette-8-8);--color-palette-color-8-9: var(--color-role-palette-8-9);--color-palette-color-8-10: var(--color-role-palette-8-10);--color-palette-color-8-11: var(--color-role-palette-8-11);--color-palette-color-8-12: var(--color-role-palette-8-12);--color-palette-color-9-0: var(--color-role-palette-9-0);--color-palette-color-9-1: var(--color-role-palette-9-1);--color-palette-color-9-2: var(--color-role-palette-9-2);--color-palette-color-9-3: var(--color-role-palette-9-3);--color-palette-color-9-4: var(--color-role-palette-9-4);--color-palette-color-9-5: var(--color-role-palette-9-5);--color-palette-color-9-6: var(--color-role-palette-9-6);--color-palette-color-9-7: var(--color-role-palette-9-7);--color-palette-color-9-8: var(--color-role-palette-9-8);--color-palette-color-9-9: var(--color-role-palette-9-9);--color-palette-color-9-10: var(--color-role-palette-9-10);--color-palette-color-9-11: var(--color-role-palette-9-11);--color-palette-color-9-12: var(--color-role-palette-9-12);--color-palette-color-10-0: var(--color-role-palette-10-0);--color-palette-color-10-1: var(--color-role-palette-10-1);--color-palette-color-10-2: var(--color-role-palette-10-2);--color-palette-color-10-3: var(--color-role-palette-10-3);--color-palette-color-10-4: var(--color-role-palette-10-4);--color-palette-color-10-5: var(--color-role-palette-10-5);--color-palette-color-10-6: var(--color-role-palette-10-6);--color-palette-color-10-7: var(--color-role-palette-10-7);--color-palette-color-10-8: var(--color-role-palette-10-8);--color-palette-color-10-9: var(--color-role-palette-10-9);--color-palette-color-10-10: var(--color-role-palette-10-10);--color-palette-color-10-11: var(--color-role-palette-10-11);--color-palette-color-10-12: var(--color-role-palette-10-12);--color-palette-color-11-0: var(--color-role-palette-11-0);--color-palette-color-11-1: var(--color-role-palette-11-1);--color-palette-color-11-2: var(--color-role-palette-11-2);--color-palette-color-11-3: var(--color-role-palette-11-3);--color-palette-color-11-4: var(--color-role-palette-11-4);--color-palette-color-11-5: var(--color-role-palette-11-5);--color-palette-color-11-6: var(--color-role-palette-11-6);--color-palette-color-11-7: var(--color-role-palette-11-7);--color-palette-color-11-8: var(--color-role-palette-11-8);--color-palette-color-11-9: var(--color-role-palette-11-9);--color-palette-color-11-10: var(--color-role-palette-11-10);--color-palette-color-11-11: var(--color-role-palette-11-11);--color-palette-color-11-12: var(--color-role-palette-11-12);--color-palette-color-12-0: var(--color-role-palette-12-0);--color-palette-color-12-1: var(--color-role-palette-12-1);--color-palette-color-12-2: var(--color-role-palette-12-2);--color-palette-color-12-3: var(--color-role-palette-12-3);--color-palette-color-12-4: var(--color-role-palette-12-4);--color-palette-color-12-5: var(--color-role-palette-12-5);--color-palette-color-12-6: var(--color-role-palette-12-6);--color-palette-color-12-7: var(--color-role-palette-12-7);--color-palette-color-12-8: var(--color-role-palette-12-8);--color-palette-color-12-9: var(--color-role-palette-12-9);--color-palette-color-12-10: var(--color-role-palette-12-10);--color-palette-color-12-11: var(--color-role-palette-12-11);--color-palette-color-12-12: var(--color-role-palette-12-12);--color-palette-logo-1: var(--color-role-logo-1);--color-palette-logo-2: var(--color-role-logo-2);--color-palette-logo-3: var(--color-role-logo-3);--color-palette-logo-4: var(--color-role-logo-4);--color-palette-logo-5: var(--color-role-logo-5);--color-palette-logo-6: var(--color-role-logo-6);--color-palette-logo-7: var(--color-role-logo-7);--color-palette-logo-8: var(--color-role-logo-8);--color-palette-logo-9: var(--color-role-logo-9);--color-palette-logo-10: var(--color-role-logo-10);--color-palette-logo-11: var(--color-role-logo-11);--color-palette-logo-12: var(--color-role-logo-12);--color-palette-logo-mono: var(--color-role-logo-mono);--color-palette-logo-1-0: var(--color-role-logo-1-0);--color-palette-logo-1-1: var(--color-role-logo-1-1);--color-palette-logo-1-2: var(--color-role-logo-1-2);--color-palette-logo-1-3: var(--color-role-logo-1-3);--color-palette-logo-1-4: var(--color-role-logo-1-4);--color-palette-logo-1-5: var(--color-role-logo-1-5);--color-palette-logo-1-6: var(--color-role-logo-1-6);--color-palette-logo-1-7: var(--color-role-logo-1-7);--color-palette-logo-1-8: var(--color-role-logo-1-8);--color-palette-logo-1-9: var(--color-role-logo-1-9);--color-palette-logo-1-10: var(--color-role-logo-1-10);--color-palette-logo-1-11: var(--color-role-logo-1-11);--color-palette-logo-1-12: var(--color-role-logo-1-12);--color-palette-logo-2-0: var(--color-role-logo-2-0);--color-palette-logo-2-1: var(--color-role-logo-2-1);--color-palette-logo-2-2: var(--color-role-logo-2-2);--color-palette-logo-2-3: var(--color-role-logo-2-3);--color-palette-logo-2-4: var(--color-role-logo-2-4);--color-palette-logo-2-5: var(--color-role-logo-2-5);--color-palette-logo-2-6: var(--color-role-logo-2-6);--color-palette-logo-2-7: var(--color-role-logo-2-7);--color-palette-logo-2-8: var(--color-role-logo-2-8);--color-palette-logo-2-9: var(--color-role-logo-2-9);--color-palette-logo-2-10: var(--color-role-logo-2-10);--color-palette-logo-2-11: var(--color-role-logo-2-11);--color-palette-logo-2-12: var(--color-role-logo-2-12);--color-palette-logo-3-0: var(--color-role-logo-3-0);--color-palette-logo-3-1: var(--color-role-logo-3-1);--color-palette-logo-3-2: var(--color-role-logo-3-2);--color-palette-logo-3-3: var(--color-role-logo-3-3);--color-palette-logo-3-4: var(--color-role-logo-3-4);--color-palette-logo-3-5: var(--color-role-logo-3-5);--color-palette-logo-3-6: var(--color-role-logo-3-6);--color-palette-logo-3-7: var(--color-role-logo-3-7);--color-palette-logo-3-8: var(--color-role-logo-3-8);--color-palette-logo-3-9: var(--color-role-logo-3-9);--color-palette-logo-3-10: var(--color-role-logo-3-10);--color-palette-logo-3-11: var(--color-role-logo-3-11);--color-palette-logo-3-12: var(--color-role-logo-3-12);--color-palette-logo-4-0: var(--color-role-logo-4-0);--color-palette-logo-4-1: var(--color-role-logo-4-1);--color-palette-logo-4-2: var(--color-role-logo-4-2);--color-palette-logo-4-3: var(--color-role-logo-4-3);--color-palette-logo-4-4: var(--color-role-logo-4-4);--color-palette-logo-4-5: var(--color-role-logo-4-5);--color-palette-logo-4-6: var(--color-role-logo-4-6);--color-palette-logo-4-7: var(--color-role-logo-4-7);--color-palette-logo-4-8: var(--color-role-logo-4-8);--color-palette-logo-4-9: var(--color-role-logo-4-9);--color-palette-logo-4-10: var(--color-role-logo-4-10);--color-palette-logo-4-11: var(--color-role-logo-4-11);--color-palette-logo-4-12: var(--color-role-logo-4-12);--color-palette-logo-5-0: var(--color-role-logo-5-0);--color-palette-logo-5-1: var(--color-role-logo-5-1);--color-palette-logo-5-2: var(--color-role-logo-5-2);--color-palette-logo-5-3: var(--color-role-logo-5-3);--color-palette-logo-5-4: var(--color-role-logo-5-4);--color-palette-logo-5-5: var(--color-role-logo-5-5);--color-palette-logo-5-6: var(--color-role-logo-5-6);--color-palette-logo-5-7: var(--color-role-logo-5-7);--color-palette-logo-5-8: var(--color-role-logo-5-8);--color-palette-logo-5-9: var(--color-role-logo-5-9);--color-palette-logo-5-10: var(--color-role-logo-5-10);--color-palette-logo-5-11: var(--color-role-logo-5-11);--color-palette-logo-5-12: var(--color-role-logo-5-12);--color-palette-logo-6-0: var(--color-role-logo-6-0);--color-palette-logo-6-1: var(--color-role-logo-6-1);--color-palette-logo-6-2: var(--color-role-logo-6-2);--color-palette-logo-6-3: var(--color-role-logo-6-3);--color-palette-logo-6-4: var(--color-role-logo-6-4);--color-palette-logo-6-5: var(--color-role-logo-6-5);--color-palette-logo-6-6: var(--color-role-logo-6-6);--color-palette-logo-6-7: var(--color-role-logo-6-7);--color-palette-logo-6-8: var(--color-role-logo-6-8);--color-palette-logo-6-9: var(--color-role-logo-6-9);--color-palette-logo-6-10: var(--color-role-logo-6-10);--color-palette-logo-6-11: var(--color-role-logo-6-11);--color-palette-logo-6-12: var(--color-role-logo-6-12);--color-palette-logo-7-0: var(--color-role-logo-7-0);--color-palette-logo-7-1: var(--color-role-logo-7-1);--color-palette-logo-7-2: var(--color-role-logo-7-2);--color-palette-logo-7-3: var(--color-role-logo-7-3);--color-palette-logo-7-4: var(--color-role-logo-7-4);--color-palette-logo-7-5: var(--color-role-logo-7-5);--color-palette-logo-7-6: var(--color-role-logo-7-6);--color-palette-logo-7-7: var(--color-role-logo-7-7);--color-palette-logo-7-8: var(--color-role-logo-7-8);--color-palette-logo-7-9: var(--color-role-logo-7-9);--color-palette-logo-7-10: var(--color-role-logo-7-10);--color-palette-logo-7-11: var(--color-role-logo-7-11);--color-palette-logo-7-12: var(--color-role-logo-7-12);--color-palette-logo-8-0: var(--color-role-logo-8-0);--color-palette-logo-8-1: var(--color-role-logo-8-1);--color-palette-logo-8-2: var(--color-role-logo-8-2);--color-palette-logo-8-3: var(--color-role-logo-8-3);--color-palette-logo-8-4: var(--color-role-logo-8-4);--color-palette-logo-8-5: var(--color-role-logo-8-5);--color-palette-logo-8-6: var(--color-role-logo-8-6);--color-palette-logo-8-7: var(--color-role-logo-8-7);--color-palette-logo-8-8: var(--color-role-logo-8-8);--color-palette-logo-8-9: var(--color-role-logo-8-9);--color-palette-logo-8-10: var(--color-role-logo-8-10);--color-palette-logo-8-11: var(--color-role-logo-8-11);--color-palette-logo-8-12: var(--color-role-logo-8-12);--color-palette-logo-9-0: var(--color-role-logo-9-0);--color-palette-logo-9-1: var(--color-role-logo-9-1);--color-palette-logo-9-2: var(--color-role-logo-9-2);--color-palette-logo-9-3: var(--color-role-logo-9-3);--color-palette-logo-9-4: var(--color-role-logo-9-4);--color-palette-logo-9-5: var(--color-role-logo-9-5);--color-palette-logo-9-6: var(--color-role-logo-9-6);--color-palette-logo-9-7: var(--color-role-logo-9-7);--color-palette-logo-9-8: var(--color-role-logo-9-8);--color-palette-logo-9-9: var(--color-role-logo-9-9);--color-palette-logo-9-10: var(--color-role-logo-9-10);--color-palette-logo-9-11: var(--color-role-logo-9-11);--color-palette-logo-9-12: var(--color-role-logo-9-12);--color-palette-logo-10-0: var(--color-role-logo-10-0);--color-palette-logo-10-1: var(--color-role-logo-10-1);--color-palette-logo-10-2: var(--color-role-logo-10-2);--color-palette-logo-10-3: var(--color-role-logo-10-3);--color-palette-logo-10-4: var(--color-role-logo-10-4);--color-palette-logo-10-5: var(--color-role-logo-10-5);--color-palette-logo-10-6: var(--color-role-logo-10-6);--color-palette-logo-10-7: var(--color-role-logo-10-7);--color-palette-logo-10-8: var(--color-role-logo-10-8);--color-palette-logo-10-9: var(--color-role-logo-10-9);--color-palette-logo-10-10: var(--color-role-logo-10-10);--color-palette-logo-10-11: var(--color-role-logo-10-11);--color-palette-logo-10-12: var(--color-role-logo-10-12);--color-palette-logo-11-0: var(--color-role-logo-11-0);--color-palette-logo-11-1: var(--color-role-logo-11-1);--color-palette-logo-11-2: var(--color-role-logo-11-2);--color-palette-logo-11-3: var(--color-role-logo-11-3);--color-palette-logo-11-4: var(--color-role-logo-11-4);--color-palette-logo-11-5: var(--color-role-logo-11-5);--color-palette-logo-11-6: var(--color-role-logo-11-6);--color-palette-logo-11-7: var(--color-role-logo-11-7);--color-palette-logo-11-8: var(--color-role-logo-11-8);--color-palette-logo-11-9: var(--color-role-logo-11-9);--color-palette-logo-11-10: var(--color-role-logo-11-10);--color-palette-logo-11-11: var(--color-role-logo-11-11);--color-palette-logo-11-12: var(--color-role-logo-11-12);--color-palette-logo-12-0: var(--color-role-logo-12-0);--color-palette-logo-12-1: var(--color-role-logo-12-1);--color-palette-logo-12-2: var(--color-role-logo-12-2);--color-palette-logo-12-3: var(--color-role-logo-12-3);--color-palette-logo-12-4: var(--color-role-logo-12-4);--color-palette-logo-12-5: var(--color-role-logo-12-5);--color-palette-logo-12-6: var(--color-role-logo-12-6);--color-palette-logo-12-7: var(--color-role-logo-12-7);--color-palette-logo-12-8: var(--color-role-logo-12-8);--color-palette-logo-12-9: var(--color-role-logo-12-9);--color-palette-logo-12-10: var(--color-role-logo-12-10);--color-palette-logo-12-11: var(--color-role-logo-12-11);--color-palette-logo-12-12: var(--color-role-logo-12-12);--color-palette-mono-1: var(--color-role-gray-1);--color-palette-mono-2: var(--color-role-gray-2);--color-palette-mono-black: var(--color-role-gray-black);--color-palette-mono-blackish: var(--color-role-gray-blackish);--color-palette-mono-whiteish: var(--color-role-gray-whiteish);--color-palette-mono-white: var(--color-role-gray-white);--color-palette-mono-1-0: var(--color-role-gray-1-0);--color-palette-mono-1-1: var(--color-role-gray-1-1);--color-palette-mono-1-2: var(--color-role-gray-1-2);--color-palette-mono-1-3: var(--color-role-gray-1-3);--color-palette-mono-1-4: var(--color-role-gray-1-4);--color-palette-mono-1-5: var(--color-role-gray-1-5);--color-palette-mono-1-6: var(--color-role-gray-1-6);--color-palette-mono-1-7: var(--color-role-gray-1-7);--color-palette-mono-1-8: var(--color-role-gray-1-8);--color-palette-mono-1-9: var(--color-role-gray-1-9);--color-palette-mono-1-10: var(--color-role-gray-1-10);--color-palette-mono-1-11: var(--color-role-gray-1-11);--color-palette-mono-1-12: var(--color-role-gray-1-12);--color-palette-mono-2-0: var(--color-role-gray-2-0);--color-palette-mono-2-1: var(--color-role-gray-2-1);--color-palette-mono-2-2: var(--color-role-gray-2-2);--color-palette-mono-2-3: var(--color-role-gray-2-3);--color-palette-mono-2-4: var(--color-role-gray-2-4);--color-palette-mono-2-5: var(--color-role-gray-2-5);--color-palette-mono-2-6: var(--color-role-gray-2-6);--color-palette-mono-2-7: var(--color-role-gray-2-7);--color-palette-mono-2-8: var(--color-role-gray-2-8);--color-palette-mono-2-9: var(--color-role-gray-2-9);--color-palette-mono-2-10: var(--color-role-gray-2-10);--color-palette-mono-2-11: var(--color-role-gray-2-11);--color-palette-mono-2-12: var(--color-role-gray-2-12);--color-palette-mono-black-0: var(--color-role-gray-black-0);--color-palette-mono-black-1: var(--color-role-gray-black-1);--color-palette-mono-black-2: var(--color-role-gray-black-2);--color-palette-mono-black-3: var(--color-role-gray-black-3);--color-palette-mono-black-4: var(--color-role-gray-black-4);--color-palette-mono-black-5: var(--color-role-gray-black-5);--color-palette-mono-black-6: var(--color-role-gray-black-6);--color-palette-mono-black-7: var(--color-role-gray-black-7);--color-palette-mono-black-8: var(--color-role-gray-black-8);--color-palette-mono-black-9: var(--color-role-gray-black-9);--color-palette-mono-black-10: var(--color-role-gray-black-10);--color-palette-mono-black-11: var(--color-role-gray-black-11);--color-palette-mono-black-12: var(--color-role-gray-black-12);--color-palette-mono-blackish-0: var(--color-role-gray-blackish-0);--color-palette-mono-blackish-1: var(--color-role-gray-blackish-1);--color-palette-mono-blackish-2: var(--color-role-gray-blackish-2);--color-palette-mono-blackish-3: var(--color-role-gray-blackish-3);--color-palette-mono-blackish-4: var(--color-role-gray-blackish-4);--color-palette-mono-blackish-5: var(--color-role-gray-blackish-5);--color-palette-mono-blackish-6: var(--color-role-gray-blackish-6);--color-palette-mono-blackish-7: var(--color-role-gray-blackish-7);--color-palette-mono-blackish-8: var(--color-role-gray-blackish-8);--color-palette-mono-blackish-9: var(--color-role-gray-blackish-9);--color-palette-mono-blackish-10: var(--color-role-gray-blackish-10);--color-palette-mono-blackish-11: var(--color-role-gray-blackish-11);--color-palette-mono-blackish-12: var(--color-role-gray-blackish-12);--color-palette-mono-whiteish-0: var(--color-role-gray-whiteish-0);--color-palette-mono-whiteish-1: var(--color-role-gray-whiteish-1);--color-palette-mono-whiteish-2: var(--color-role-gray-whiteish-2);--color-palette-mono-whiteish-3: var(--color-role-gray-whiteish-3);--color-palette-mono-whiteish-4: var(--color-role-gray-whiteish-4);--color-palette-mono-whiteish-5: var(--color-role-gray-whiteish-5);--color-palette-mono-whiteish-6: var(--color-role-gray-whiteish-6);--color-palette-mono-whiteish-7: var(--color-role-gray-whiteish-7);--color-palette-mono-whiteish-8: var(--color-role-gray-whiteish-8);--color-palette-mono-whiteish-9: var(--color-role-gray-whiteish-9);--color-palette-mono-whiteish-10: var(--color-role-gray-whiteish-10);--color-palette-mono-whiteish-11: var(--color-role-gray-whiteish-11);--color-palette-mono-whiteish-12: var(--color-role-gray-whiteish-12);--color-palette-mono-white-0: var(--color-role-gray-white-0);--color-palette-mono-white-1: var(--color-role-gray-white-1);--color-palette-mono-white-2: var(--color-role-gray-white-2);--color-palette-mono-white-3: var(--color-role-gray-white-3);--color-palette-mono-white-4: var(--color-role-gray-white-4);--color-palette-mono-white-5: var(--color-role-gray-white-5);--color-palette-mono-white-6: var(--color-role-gray-white-6);--color-palette-mono-white-7: var(--color-role-gray-white-7);--color-palette-mono-white-8: var(--color-role-gray-white-8);--color-palette-mono-white-9: var(--color-role-gray-white-9);--color-palette-mono-white-10: var(--color-role-gray-white-10);--color-palette-mono-white-11: var(--color-role-gray-white-11);--color-palette-mono-white-12: var(--color-role-gray-white-12);--color-palette-glass-sheen: var(--color-role-glass-sheen);--color-palette-glass-tint: var(--color-role-glass-tint);--color-palette-glass-shadow: var(--color-role-glass-shadow);--color-palette-glass-cool: var(--color-role-glass-cool);--color-palette-glass-warm: var(--color-role-glass-warm);--color-syntax-bg: #09090b;--color-syntax-fg: #e4e4e7;--color-syntax-comment: #a1a1aa;--color-syntax-keyword: #a5b4fc;--color-syntax-string: #f472b6;--color-syntax-number: #fde68a;--color-syntax-punct: #d4d4d8;--color-void-abyss: #08080c;--color-void-base: #0a0a0e;--color-void-dim: #0b0b12;--color-void-raised: #0d0d16;--color-void-edge: #15151f;--filter-blur-sm: blur(4px);--filter-blur-md: blur(12px);--filter-blur-lg: blur(24px);--filter-saturate: saturate(140%);--filter-frost: blur(14px) saturate(140%);--gradient-hero: radial-gradient(ellipse 60% 40% at 0% 0%, var(--color-gradient-orb-1) 0%, transparent 50%);--gradient-anchor-soft: linear-gradient(180deg, var(--color-gradient-anchor-from) 0%, transparent 100%);--gradient-vivid: var(--color-gradient-vivid);--gradient-orbital: var(--color-gradient-orbital);--gradient-pulse-spectrum: var(--color-gradient-pulse-spectrum);--gradient-logo-shaded: var(--color-gradient-logo-shaded);--gradient-logo-shaded-deep: var(--color-gradient-logo-shaded-deep);--gradient-logo-shaded-mid: var(--color-gradient-logo-shaded-mid);--gradient-logo-shaded-mute: var(--color-gradient-logo-shaded-mute);--gradient-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--gradient-aurora: linear-gradient(115deg, transparent 0%, color-mix(in oklch, var(--color-palette-color-1) 34%, transparent) 22%, transparent 40%, color-mix(in oklch, var(--color-palette-color-3) 34%, transparent) 60%, transparent 74%, color-mix(in oklch, var(--color-palette-color-4) 30%, transparent) 90%, transparent 100%);--gradient-mesh: radial-gradient(60% 60% at 12% 8%, color-mix(in oklch, var(--color-palette-color-1) 42%, transparent) 0%, transparent 70%), radial-gradient(58% 58% at 92% 18%, color-mix(in oklch, var(--color-palette-color-3) 40%, transparent) 0%, transparent 70%), radial-gradient(70% 70% at 78% 96%, color-mix(in oklch, var(--color-palette-color-4) 40%, transparent) 0%, transparent 72%), radial-gradient(60% 60% at 22% 92%, color-mix(in oklch, var(--color-palette-color-2) 38%, transparent) 0%, transparent 70%);--gradient-spotlight: radial-gradient(120% 80% at 50% -12%, color-mix(in oklch, var(--color-palette-color-2) 30%, transparent) 0%, transparent 62%);--aspect-ratio-square: 1 / 1;--aspect-ratio-video: 16 / 9;--aspect-ratio-wide: 21 / 9;--aspect-ratio-portrait: 3 / 4;--aspect-ratio-photo: 4 / 3;--aspect-ratio-golden: 1.618 / 1;--breakpoint-xs: 480px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--content-width-prose: 65ch;--content-width-narrow: 640px;--content-width-sm: 768px;--content-width-md: 1024px;--content-width-lg: 1200px;--content-width-xl: 1440px;--content-width-full: 100%;--z-index-below: -1;--z-index-base: 0;--z-index-raised: 10;--z-index-sticky: 100;--z-index-dropdown: 200;--z-index-overlay: 300;--z-index-modal: 400;--z-index-popover: 500;--z-index-toast: 600;--z-index-tooltip: 700;--z-index-max: 9999;--duration-drift: 26s;--duration-breathe: 34s;--duration-instant: 0ms;--duration-fast: .12s;--duration-quick: .18s;--duration-base: .24s;--duration-slow: .36s;--duration-slower: .56s;--duration-slowest: .88s;--motion-deck-type-lead: 70ms;--motion-deck-type-budget: 1.05s;--motion-deck-type-min: 16ms;--motion-deck-type-max: 44ms;--motion-deck-caret-linger: .34s;--motion-deck-rise-dur: .3s;--motion-deck-reveal-dur: .62s;--motion-deck-flow-gap: .17s;--motion-deck-stagger-gap: .18s;--motion-presence: 1;--motion-rich: 1;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-apple: cubic-bezier(.32, .72, 0, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-anticipate: cubic-bezier(.68, -.6, .32, 1.6);--shadow-none: none;--shadow-xs: 0 1px 2px 0 rgba(0,0,0,.04);--shadow-sm: 0 1px 3px 0 rgba(0,0,0,.06), 0 1px 2px -1px rgba(0,0,0,.04);--shadow-md: 0 4px 8px -2px rgba(0,0,0,.08), 0 2px 4px -2px rgba(0,0,0,.05);--shadow-lg: 0 12px 24px -8px rgba(0,0,0,.12), 0 4px 8px -4px rgba(0,0,0,.06);--shadow-xl: 0 24px 48px -16px rgba(0,0,0,.18), 0 8px 16px -8px rgba(0,0,0,.08);--shadow-2xl: 0 40px 80px -24px rgba(0,0,0,.24), 0 16px 32px -16px rgba(0,0,0,.12);--shadow-focus-ring: 0 0 0 3px var(--color-focus-ring);--shadow-focus-ring-error: 0 0 0 3px var(--color-focus-ring-error);--shadow-inset-sm: inset 0 1px 2px 0 rgba(0,0,0,.06);--shadow-inset-md: inset 0 2px 4px 0 rgba(0,0,0,.08);--size-component-xs: 24px;--size-component-sm: 32px;--size-component-md: 40px;--size-component-lg: 48px;--size-component-xl: 56px;--size-control-sm: 16px;--size-control-md: 20px;--size-control-lg: 24px;--icon-size-xs: 12px;--icon-size-sm: 16px;--icon-size-md: 20px;--icon-size-lg: 24px;--icon-size-xl: 32px;--size-indicator-sm: 6px;--size-indicator-md: 8px;--size-indicator-lg: 10px;--touch-target-min: 44px;--touch-target-compact: 32px;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 36px;--space-10: 40px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--space-40: 160px;--space-48: 192px;--space-fluid-sm: clamp(1rem, .85rem + .6vw, 1.5rem);--space-fluid-md: clamp(2rem, 1.6rem + 1.6vw, 3rem);--space-fluid-lg: clamp(3rem, 2.4rem + 2.4vw, 5rem);--space-fluid-xl: clamp(4rem, 3rem + 4vw, 8rem);--space-px: 1px;--space-0-5: 2px;--space-1-5: 6px;--space-2-5: 10px;--space-3-5: 14px;--font-sans: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-serif: Georgia, "Times New Roman", Times, serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", Menlo, Consolas, "Roboto Mono", "Courier New", monospace;--letter-spacing-tighter: -.02em;--letter-spacing-tight: -.01em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .12em;--line-height-none: 1;--line-height-tight: 1.1;--line-height-snug: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 1.85;--type-display-text-transform: lowercase;--type-h1-text-transform: lowercase;--type-h2-text-transform: lowercase;--type-h3-text-transform: lowercase;--type-h4-text-transform: lowercase;--type-body-text-transform: none;--type-body-sm-text-transform: none;--type-meta-text-transform: uppercase;--type-eyebrow-text-transform: uppercase;--type-code-text-transform: none;--font-size-3xs: .625rem;--font-size-2xs: .6875rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-size-7xl: 4.5rem;--font-size-8xl: 6rem;--font-weight-thin: 100;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--badge-pad-x: var(--space-2-5);--badge-gap: var(--space-1-5);--button-font: var(--font-mono);--button-outline-offset: var(--space-0-5);--field-gap: var(--space-1-5);--input-pad-y: var(--space-2-5);--toggle-pad-y: var(--space-1-5);--toggle-font: var(--font-mono);--toggle-bg: rgba(0, 0, 0, 0);--radius-card: var(--radius-md);--radius-button: var(--radius-md);--radius-input: var(--radius-md);--shadcn-background: var(--color-role-surface-default);--shadcn-foreground: var(--color-role-text-primary);--shadcn-card: var(--color-role-surface-default);--shadcn-card-foreground: var(--color-role-text-primary);--shadcn-popover: var(--color-role-surface-default);--shadcn-popover-foreground: var(--color-role-text-primary);--shadcn-primary: var(--color-role-action-primary-bg);--shadcn-primary-foreground: var(--color-role-action-primary-fg);--shadcn-secondary: var(--color-role-action-secondary-bg-hover);--shadcn-secondary-foreground: var(--color-role-action-secondary-fg);--shadcn-muted: var(--color-role-surface-subtle);--shadcn-muted-foreground: var(--color-role-text-muted);--shadcn-accent: var(--color-role-surface-subtle);--shadcn-accent-foreground: var(--color-role-text-primary);--shadcn-destructive: var(--color-role-feedback-error-fg);--shadcn-destructive-foreground: var(--color-role-surface-default);--shadcn-border: var(--color-role-border-default);--shadcn-input: var(--color-role-border-default);--shadcn-ring: var(--color-role-border-focus);--shadcn-radius: var(--radius-md);--color-role-anchor: var(--color-indigo-6);--color-role-anchor-strong: var(--color-indigo-7);--color-role-anchor-stronger: var(--color-indigo-8);--color-role-paper: var(--color-slate-0);--color-role-ink: var(--color-slate-12);--color-role-ink-soft: var(--color-slate-11);--color-role-neutral: var(--color-slate-7);--color-role-neutral-strong: var(--color-slate-9);--color-role-neutral-soft: var(--color-slate-2);--color-role-neutral-softer: var(--color-slate-1);--color-role-success: var(--color-green-6);--color-role-success-soft: var(--color-green-1);--color-role-success-strong: var(--color-green-9);--color-role-warning: var(--color-amber-6);--color-role-warning-soft: var(--color-amber-1);--color-role-warning-strong: var(--color-amber-9);--color-role-error: var(--color-red-6);--color-role-error-soft: var(--color-red-1);--color-role-error-strong: var(--color-red-9);--color-role-info: var(--color-sky-6);--color-role-info-soft: var(--color-sky-1);--color-role-info-strong: var(--color-sky-9);--color-role-gray-black: var(--color-carbon-6);--color-role-gray-blackish: var(--color-tungsten-6);--color-role-gray-1: var(--color-dark-slate-6);--color-role-gray-2: var(--color-graphite-6);--color-role-gray-whiteish: var(--color-light-sand-6);--color-role-gray-white: var(--color-milk-6);--color-role-glass-sheen: var(--color-glass-light-6);--color-role-glass-tint: var(--color-glass-light-6);--color-role-glass-shadow: var(--color-glass-dark-6);--color-role-glass-cool: var(--color-glass-cool-6);--color-role-glass-warm: var(--color-glass-warm-6);--color-role-anchor-0: var(--color-indigo-0);--color-role-anchor-1: var(--color-indigo-1);--color-role-anchor-2: var(--color-indigo-2);--color-role-anchor-3: var(--color-indigo-3);--color-role-anchor-4: var(--color-indigo-4);--color-role-anchor-5: var(--color-indigo-5);--color-role-anchor-6: var(--color-indigo-6);--color-role-anchor-7: var(--color-indigo-7);--color-role-anchor-8: var(--color-indigo-8);--color-role-anchor-9: var(--color-indigo-9);--color-role-anchor-10: var(--color-indigo-10);--color-role-anchor-11: var(--color-indigo-11);--color-role-anchor-12: var(--color-indigo-12);--color-role-success-0: var(--color-green-0);--color-role-success-1: var(--color-green-1);--color-role-success-2: var(--color-green-2);--color-role-success-3: var(--color-green-3);--color-role-success-4: var(--color-green-4);--color-role-success-5: var(--color-green-5);--color-role-success-6: var(--color-green-6);--color-role-success-7: var(--color-green-7);--color-role-success-8: var(--color-green-8);--color-role-success-9: var(--color-green-9);--color-role-success-10: var(--color-green-10);--color-role-success-11: var(--color-green-11);--color-role-success-12: var(--color-green-12);--color-role-warning-0: var(--color-amber-0);--color-role-warning-1: var(--color-amber-1);--color-role-warning-2: var(--color-amber-2);--color-role-warning-3: var(--color-amber-3);--color-role-warning-4: var(--color-amber-4);--color-role-warning-5: var(--color-amber-5);--color-role-warning-6: var(--color-amber-6);--color-role-warning-7: var(--color-amber-7);--color-role-warning-8: var(--color-amber-8);--color-role-warning-9: var(--color-amber-9);--color-role-warning-10: var(--color-amber-10);--color-role-warning-11: var(--color-amber-11);--color-role-warning-12: var(--color-amber-12);--color-role-error-0: var(--color-red-0);--color-role-error-1: var(--color-red-1);--color-role-error-2: var(--color-red-2);--color-role-error-3: var(--color-red-3);--color-role-error-4: var(--color-red-4);--color-role-error-5: var(--color-red-5);--color-role-error-6: var(--color-red-6);--color-role-error-7: var(--color-red-7);--color-role-error-8: var(--color-red-8);--color-role-error-9: var(--color-red-9);--color-role-error-10: var(--color-red-10);--color-role-error-11: var(--color-red-11);--color-role-error-12: var(--color-red-12);--color-role-info-0: var(--color-sky-0);--color-role-info-1: var(--color-sky-1);--color-role-info-2: var(--color-sky-2);--color-role-info-3: var(--color-sky-3);--color-role-info-4: var(--color-sky-4);--color-role-info-5: var(--color-sky-5);--color-role-info-6: var(--color-sky-6);--color-role-info-7: var(--color-sky-7);--color-role-info-8: var(--color-sky-8);--color-role-info-9: var(--color-sky-9);--color-role-info-10: var(--color-sky-10);--color-role-info-11: var(--color-sky-11);--color-role-info-12: var(--color-sky-12);--color-role-gray-black-0: var(--color-carbon-0);--color-role-gray-black-1: var(--color-carbon-1);--color-role-gray-black-2: var(--color-carbon-2);--color-role-gray-black-3: var(--color-carbon-3);--color-role-gray-black-4: var(--color-carbon-4);--color-role-gray-black-5: var(--color-carbon-5);--color-role-gray-black-6: var(--color-carbon-6);--color-role-gray-black-7: var(--color-carbon-7);--color-role-gray-black-8: var(--color-carbon-8);--color-role-gray-black-9: var(--color-carbon-9);--color-role-gray-black-10: var(--color-carbon-10);--color-role-gray-black-11: var(--color-carbon-11);--color-role-gray-black-12: var(--color-carbon-12);--color-role-gray-blackish-0: var(--color-tungsten-0);--color-role-gray-blackish-1: var(--color-tungsten-1);--color-role-gray-blackish-2: var(--color-tungsten-2);--color-role-gray-blackish-3: var(--color-tungsten-3);--color-role-gray-blackish-4: var(--color-tungsten-4);--color-role-gray-blackish-5: var(--color-tungsten-5);--color-role-gray-blackish-6: var(--color-tungsten-6);--color-role-gray-blackish-7: var(--color-tungsten-7);--color-role-gray-blackish-8: var(--color-tungsten-8);--color-role-gray-blackish-9: var(--color-tungsten-9);--color-role-gray-blackish-10: var(--color-tungsten-10);--color-role-gray-blackish-11: var(--color-tungsten-11);--color-role-gray-blackish-12: var(--color-tungsten-12);--color-role-gray-1-0: var(--color-dark-slate-0);--color-role-gray-1-1: var(--color-dark-slate-1);--color-role-gray-1-2: var(--color-dark-slate-2);--color-role-gray-1-3: var(--color-dark-slate-3);--color-role-gray-1-4: var(--color-dark-slate-4);--color-role-gray-1-5: var(--color-dark-slate-5);--color-role-gray-1-6: var(--color-dark-slate-6);--color-role-gray-1-7: var(--color-dark-slate-7);--color-role-gray-1-8: var(--color-dark-slate-8);--color-role-gray-1-9: var(--color-dark-slate-9);--color-role-gray-1-10: var(--color-dark-slate-10);--color-role-gray-1-11: var(--color-dark-slate-11);--color-role-gray-1-12: var(--color-dark-slate-12);--color-role-gray-2-0: var(--color-graphite-0);--color-role-gray-2-1: var(--color-graphite-1);--color-role-gray-2-2: var(--color-graphite-2);--color-role-gray-2-3: var(--color-graphite-3);--color-role-gray-2-4: var(--color-graphite-4);--color-role-gray-2-5: var(--color-graphite-5);--color-role-gray-2-6: var(--color-graphite-6);--color-role-gray-2-7: var(--color-graphite-7);--color-role-gray-2-8: var(--color-graphite-8);--color-role-gray-2-9: var(--color-graphite-9);--color-role-gray-2-10: var(--color-graphite-10);--color-role-gray-2-11: var(--color-graphite-11);--color-role-gray-2-12: var(--color-graphite-12);--color-role-gray-whiteish-0: var(--color-light-sand-0);--color-role-gray-whiteish-1: var(--color-light-sand-1);--color-role-gray-whiteish-2: var(--color-light-sand-2);--color-role-gray-whiteish-3: var(--color-light-sand-3);--color-role-gray-whiteish-4: var(--color-light-sand-4);--color-role-gray-whiteish-5: var(--color-light-sand-5);--color-role-gray-whiteish-6: var(--color-light-sand-6);--color-role-gray-whiteish-7: var(--color-light-sand-7);--color-role-gray-whiteish-8: var(--color-light-sand-8);--color-role-gray-whiteish-9: var(--color-light-sand-9);--color-role-gray-whiteish-10: var(--color-light-sand-10);--color-role-gray-whiteish-11: var(--color-light-sand-11);--color-role-gray-whiteish-12: var(--color-light-sand-12);--color-role-gray-white-0: var(--color-milk-0);--color-role-gray-white-1: var(--color-milk-1);--color-role-gray-white-2: var(--color-milk-2);--color-role-gray-white-3: var(--color-milk-3);--color-role-gray-white-4: var(--color-milk-4);--color-role-gray-white-5: var(--color-milk-5);--color-role-gray-white-6: var(--color-milk-6);--color-role-gray-white-7: var(--color-milk-7);--color-role-gray-white-8: var(--color-milk-8);--color-role-gray-white-9: var(--color-milk-9);--color-role-gray-white-10: var(--color-milk-10);--color-role-gray-white-11: var(--color-milk-11);--color-role-gray-white-12: var(--color-milk-12);--color-role-glass-sheen-0: var(--color-glass-light-0);--color-role-glass-sheen-1: var(--color-glass-light-1);--color-role-glass-sheen-2: var(--color-glass-light-2);--color-role-glass-sheen-3: var(--color-glass-light-3);--color-role-glass-sheen-4: var(--color-glass-light-4);--color-role-glass-sheen-5: var(--color-glass-light-5);--color-role-glass-sheen-6: var(--color-glass-light-6);--color-role-glass-sheen-7: var(--color-glass-light-7);--color-role-glass-sheen-8: var(--color-glass-light-8);--color-role-glass-sheen-9: var(--color-glass-light-9);--color-role-glass-sheen-10: var(--color-glass-light-10);--color-role-glass-sheen-11: var(--color-glass-light-11);--color-role-glass-sheen-12: var(--color-glass-light-12);--color-role-glass-tint-0: var(--color-glass-light-0);--color-role-glass-tint-1: var(--color-glass-light-1);--color-role-glass-tint-2: var(--color-glass-light-2);--color-role-glass-tint-3: var(--color-glass-light-3);--color-role-glass-tint-4: var(--color-glass-light-4);--color-role-glass-tint-5: var(--color-glass-light-5);--color-role-glass-tint-6: var(--color-glass-light-6);--color-role-glass-tint-7: var(--color-glass-light-7);--color-role-glass-tint-8: var(--color-glass-light-8);--color-role-glass-tint-9: var(--color-glass-light-9);--color-role-glass-tint-10: var(--color-glass-light-10);--color-role-glass-tint-11: var(--color-glass-light-11);--color-role-glass-tint-12: var(--color-glass-light-12);--color-role-glass-shadow-0: var(--color-glass-dark-0);--color-role-glass-shadow-1: var(--color-glass-dark-1);--color-role-glass-shadow-2: var(--color-glass-dark-2);--color-role-glass-shadow-3: var(--color-glass-dark-3);--color-role-glass-shadow-4: var(--color-glass-dark-4);--color-role-glass-shadow-5: var(--color-glass-dark-5);--color-role-glass-shadow-6: var(--color-glass-dark-6);--color-role-glass-shadow-7: var(--color-glass-dark-7);--color-role-glass-shadow-8: var(--color-glass-dark-8);--color-role-glass-shadow-9: var(--color-glass-dark-9);--color-role-glass-shadow-10: var(--color-glass-dark-10);--color-role-glass-shadow-11: var(--color-glass-dark-11);--color-role-glass-shadow-12: var(--color-glass-dark-12);--color-role-glass-cool-0: var(--color-glass-cool-0);--color-role-glass-cool-1: var(--color-glass-cool-1);--color-role-glass-cool-2: var(--color-glass-cool-2);--color-role-glass-cool-3: var(--color-glass-cool-3);--color-role-glass-cool-4: var(--color-glass-cool-4);--color-role-glass-cool-5: var(--color-glass-cool-5);--color-role-glass-cool-6: var(--color-glass-cool-6);--color-role-glass-cool-7: var(--color-glass-cool-7);--color-role-glass-cool-8: var(--color-glass-cool-8);--color-role-glass-cool-9: var(--color-glass-cool-9);--color-role-glass-cool-10: var(--color-glass-cool-10);--color-role-glass-cool-11: var(--color-glass-cool-11);--color-role-glass-cool-12: var(--color-glass-cool-12);--color-role-glass-warm-0: var(--color-glass-warm-0);--color-role-glass-warm-1: var(--color-glass-warm-1);--color-role-glass-warm-2: var(--color-glass-warm-2);--color-role-glass-warm-3: var(--color-glass-warm-3);--color-role-glass-warm-4: var(--color-glass-warm-4);--color-role-glass-warm-5: var(--color-glass-warm-5);--color-role-glass-warm-6: var(--color-glass-warm-6);--color-role-glass-warm-7: var(--color-glass-warm-7);--color-role-glass-warm-8: var(--color-glass-warm-8);--color-role-glass-warm-9: var(--color-glass-warm-9);--color-role-glass-warm-10: var(--color-glass-warm-10);--color-role-glass-warm-11: var(--color-glass-warm-11);--color-role-glass-warm-12: var(--color-glass-warm-12);--animation-pulse: dp-pulse 1.6s var(--ease-apple) infinite;--animation-spin: dp-spin 1.2s var(--ease-linear) infinite;--animation-fade-in: dp-fade-in var(--duration-base) var(--ease-apple) both;--animation-fade-out: dp-fade-out var(--duration-fast) var(--ease-apple) both;--animation-scale-in: dp-scale-in var(--duration-base) var(--ease-apple) both;--animation-menu-in: dp-menu-in var(--duration-quick) var(--ease-apple) both;--transition-base: all var(--duration-base) var(--ease-apple);--transition-quick: all var(--duration-quick) var(--ease-out);--transition-color: color var(--duration-quick) var(--ease-out), background-color var(--duration-quick) var(--ease-out), border-color var(--duration-quick) var(--ease-out);--transition-transform: transform var(--duration-base) var(--ease-apple);--shadow-card: var(--shadow-sm);--shadow-card-hover: var(--shadow-md);--shadow-popover: var(--shadow-md);--shadow-modal: var(--shadow-lg);--shadow-hero: var(--shadow-xl);--space-section-y-sm: var(--space-10);--space-section-y-md: var(--space-16);--space-section-y-lg: var(--space-24);--space-section-x: var(--space-6);--font-display: var(--font-sans);--type-display-size: var(--font-size-7xl);--type-display-family: var(--font-sans);--type-display-weight: var(--font-weight-regular);--type-display-line-height: var(--line-height-tight);--type-display-letter-spacing: var(--letter-spacing-tighter);--type-h1-size: var(--font-size-5xl);--type-h1-family: var(--font-sans);--type-h1-weight: var(--font-weight-regular);--type-h1-line-height: var(--line-height-tight);--type-h1-letter-spacing: var(--letter-spacing-tight);--type-h2-size: var(--font-size-4xl);--type-h2-family: var(--font-sans);--type-h2-weight: var(--font-weight-regular);--type-h2-line-height: var(--line-height-snug);--type-h2-letter-spacing: var(--letter-spacing-tight);--type-h3-size: var(--font-size-2xl);--type-h3-family: var(--font-sans);--type-h3-weight: var(--font-weight-regular);--type-h3-line-height: var(--line-height-snug);--type-h3-letter-spacing: var(--letter-spacing-normal);--type-h4-size: var(--font-size-xl);--type-h4-family: var(--font-sans);--type-h4-weight: var(--font-weight-regular);--type-h4-line-height: var(--line-height-snug);--type-h4-letter-spacing: var(--letter-spacing-normal);--type-body-size: var(--font-size-md);--type-body-family: var(--font-sans);--type-body-weight: var(--font-weight-regular);--type-body-line-height: var(--line-height-normal);--type-body-letter-spacing: var(--letter-spacing-normal);--type-body-sm-size: var(--font-size-sm);--type-body-sm-family: var(--font-sans);--type-body-sm-weight: var(--font-weight-regular);--type-body-sm-line-height: var(--line-height-normal);--type-body-sm-letter-spacing: var(--letter-spacing-normal);--type-meta-size: var(--font-size-xs);--type-meta-family: var(--font-mono);--type-meta-weight: var(--font-weight-regular);--type-meta-line-height: var(--line-height-normal);--type-meta-letter-spacing: var(--letter-spacing-widest);--type-eyebrow-size: var(--font-size-3xs);--type-eyebrow-family: var(--font-mono);--type-eyebrow-weight: var(--font-weight-regular);--type-eyebrow-line-height: var(--line-height-normal);--type-eyebrow-letter-spacing: var(--letter-spacing-widest);--type-code-size: var(--font-size-sm);--type-code-family: var(--font-mono);--type-code-weight: var(--font-weight-regular);--type-code-line-height: var(--line-height-normal);--type-code-letter-spacing: var(--letter-spacing-normal);--alert-bg: var(--color-role-surface-muted);--alert-fg: var(--color-role-text-primary);--alert-accent: var(--color-role-text-link);--alert-border: var(--color-role-border-default);--avatar-size: var(--space-10);--avatar-radius: var(--radius-full);--badge-pad-y: var(--space-1);--badge-radius: var(--radius-full);--button-pad-x: var(--space-4);--button-pad-y: var(--space-2);--button-gap: var(--space-2);--button-border-width: var(--border-width-thin);--button-letter-spacing: var(--letter-spacing-tight);--button-outline-width: var(--border-width-thick);--callout-accent: var(--color-role-text-link-hover);--card-pad-x: var(--space-6);--card-pad-y: var(--space-6);--card-bg: var(--color-role-surface-default);--card-fg: var(--color-role-text-primary);--card-fg-muted: var(--color-role-text-muted);--card-border: var(--color-role-border-default);--icon-btn-size: var(--space-9);--input-pad-x: var(--space-3);--progress-fg: var(--color-role-action-primary-bg);--progress-bg: var(--color-role-surface-muted);--rating-color: var(--color-amber-default);--rating-off: var(--color-role-border-default);--stepper-accent: var(--color-role-action-primary-bg);--switch-track-bg: var(--color-role-border-strong);--switch-track-on-bg: var(--color-role-action-primary-bg);--switch-thumb-bg: var(--color-role-surface-default);--tabs-accent: var(--color-role-text-link);--timeline-rail: var(--color-role-border-default);--toast-accent: var(--color-role-text-link);--toggle-pad-x: var(--space-3);--toggle-gap: var(--space-2);--toggle-border-width: var(--border-width-thin);--toggle-letter: var(--letter-spacing-tight);--toggle-fg: var(--color-role-action-secondary-fg);--toggle-border: var(--color-role-action-secondary-border);--toggle-bg-hover: var(--color-role-action-secondary-bg-hover);--toggle-bg-pressed: var(--color-role-action-primary-bg);--toggle-fg-pressed: var(--color-role-action-primary-fg);--badge-font: var(--type-eyebrow-family);--badge-size: var(--type-eyebrow-size);--button-radius: var(--radius-button);--button-size: var(--type-body-sm-size);--callout-radius: var(--radius-card);--card-radius: var(--radius-card);--card-title-font: var(--type-h4-family);--card-eyebrow-font: var(--type-eyebrow-family);--icon-btn-radius: var(--radius-button);--input-radius: var(--radius-input);--toggle-radius: var(--radius-button);--toggle-size: var(--type-body-sm-size)}}@layer dp-core{:root[data-color-scheme=dark],[data-color-scheme=dark]{--color-role-surface-default: var(--color-role-paper);--color-role-surface-subtle: var(--color-role-neutral-soft);--color-role-surface-muted: var(--color-role-neutral-softer);--color-role-surface-inverse: var(--color-role-ink);--color-role-text-primary: var(--color-role-ink);--color-role-text-muted: var(--color-role-neutral-strong);--color-role-text-subtle: var(--color-role-neutral);--color-role-text-faint: var(--color-role-neutral-soft);--color-role-text-inverse: var(--color-role-paper);--color-role-text-muted-inverse: var(--color-role-neutral-soft);--color-role-text-link: var(--color-role-anchor);--color-role-text-link-hover: var(--color-role-anchor-strong);--color-role-text-link-inverse: color-mix(in oklch, var(--color-role-anchor) 60%, var(--color-role-paper));--color-role-border-default: var(--color-role-neutral-soft);--color-role-border-subtle: var(--color-role-neutral-softer);--color-role-border-strong: var(--color-role-neutral);--color-role-border-focus: var(--color-role-anchor);--color-role-action-primary-bg: var(--color-role-anchor);--color-role-action-primary-bg-hover: var(--color-role-anchor-strong);--color-role-action-primary-bg-active: var(--color-role-anchor-stronger);--color-role-action-primary-fg: var(--color-role-paper);--color-role-action-secondary-bg: rgba(0, 0, 0, 0);--color-role-action-secondary-bg-hover: var(--color-role-neutral-soft);--color-role-action-secondary-bg-active: var(--color-role-neutral-softer);--color-role-action-secondary-fg: var(--color-role-ink);--color-role-action-secondary-border: var(--color-role-neutral);--color-role-action-ghost-bg: rgba(0, 0, 0, 0);--color-role-action-ghost-bg-hover: var(--color-role-neutral-soft);--color-role-action-ghost-fg: var(--color-role-ink-soft);--color-role-action-danger-bg: var(--color-role-error);--color-role-action-danger-bg-hover: var(--color-role-error-strong);--color-role-action-danger-bg-active: var(--color-role-error-strong);--color-role-action-danger-fg: var(--color-role-paper);--color-role-feedback-success-0: var(--color-role-success-0);--color-role-feedback-success-1: var(--color-role-success-1);--color-role-feedback-success-2: var(--color-role-success-2);--color-role-feedback-success-3: var(--color-role-success-3);--color-role-feedback-success-4: var(--color-role-success-4);--color-role-feedback-success-5: var(--color-role-success-5);--color-role-feedback-success-6: var(--color-role-success-6);--color-role-feedback-success-7: var(--color-role-success-7);--color-role-feedback-success-8: var(--color-role-success-8);--color-role-feedback-success-9: var(--color-role-success-9);--color-role-feedback-success-10: var(--color-role-success-10);--color-role-feedback-success-11: var(--color-role-success-11);--color-role-feedback-success-12: var(--color-role-success-12);--color-role-feedback-success-bg: var(--color-role-success-soft);--color-role-feedback-success-fg: var(--color-role-success-strong);--color-role-feedback-success-border: var(--color-role-success);--color-role-feedback-warning-0: var(--color-role-warning-0);--color-role-feedback-warning-1: var(--color-role-warning-1);--color-role-feedback-warning-2: var(--color-role-warning-2);--color-role-feedback-warning-3: var(--color-role-warning-3);--color-role-feedback-warning-4: var(--color-role-warning-4);--color-role-feedback-warning-5: var(--color-role-warning-5);--color-role-feedback-warning-6: var(--color-role-warning-6);--color-role-feedback-warning-7: var(--color-role-warning-7);--color-role-feedback-warning-8: var(--color-role-warning-8);--color-role-feedback-warning-9: var(--color-role-warning-9);--color-role-feedback-warning-10: var(--color-role-warning-10);--color-role-feedback-warning-11: var(--color-role-warning-11);--color-role-feedback-warning-12: var(--color-role-warning-12);--color-role-feedback-warning-bg: var(--color-role-warning-soft);--color-role-feedback-warning-fg: var(--color-role-warning-strong);--color-role-feedback-warning-border: var(--color-role-warning);--color-role-feedback-error-0: var(--color-role-error-0);--color-role-feedback-error-1: var(--color-role-error-1);--color-role-feedback-error-2: var(--color-role-error-2);--color-role-feedback-error-3: var(--color-role-error-3);--color-role-feedback-error-4: var(--color-role-error-4);--color-role-feedback-error-5: var(--color-role-error-5);--color-role-feedback-error-6: var(--color-role-error-6);--color-role-feedback-error-7: var(--color-role-error-7);--color-role-feedback-error-8: var(--color-role-error-8);--color-role-feedback-error-9: var(--color-role-error-9);--color-role-feedback-error-10: var(--color-role-error-10);--color-role-feedback-error-11: var(--color-role-error-11);--color-role-feedback-error-12: var(--color-role-error-12);--color-role-feedback-error-bg: var(--color-role-error-soft);--color-role-feedback-error-fg: var(--color-role-error-strong);--color-role-feedback-error-border: var(--color-role-error);--color-role-feedback-info-0: var(--color-role-info-0);--color-role-feedback-info-1: var(--color-role-info-1);--color-role-feedback-info-2: var(--color-role-info-2);--color-role-feedback-info-3: var(--color-role-info-3);--color-role-feedback-info-4: var(--color-role-info-4);--color-role-feedback-info-5: var(--color-role-info-5);--color-role-feedback-info-6: var(--color-role-info-6);--color-role-feedback-info-7: var(--color-role-info-7);--color-role-feedback-info-8: var(--color-role-info-8);--color-role-feedback-info-9: var(--color-role-info-9);--color-role-feedback-info-10: var(--color-role-info-10);--color-role-feedback-info-11: var(--color-role-info-11);--color-role-feedback-info-12: var(--color-role-info-12);--color-role-feedback-info-bg: var(--color-role-info-soft);--color-role-feedback-info-fg: var(--color-role-info-strong);--color-role-feedback-info-border: var(--color-role-info);--color-role-accent: var(--color-role-anchor);--color-role-focus-ring: color-mix(in oklch, var(--color-role-anchor) 35%, transparent);--color-role-focus-ring-error: color-mix(in oklch, var(--color-role-error) 35%, transparent);--color-role-gradient-orb-1: color-mix(in oklch, var(--color-role-anchor) 18%, transparent);--color-role-gradient-orb-2: color-mix(in oklch, var(--color-role-anchor-stronger) 22%, transparent);--color-role-gradient-anchor-from: color-mix(in oklch, var(--color-role-anchor) 12%, transparent);--color-role-accent-0: var(--color-role-anchor-0);--color-role-accent-1: var(--color-role-anchor-1);--color-role-accent-2: var(--color-role-anchor-2);--color-role-accent-3: var(--color-role-anchor-3);--color-role-accent-4: var(--color-role-anchor-4);--color-role-accent-5: var(--color-role-anchor-5);--color-role-accent-6: var(--color-role-anchor-6);--color-role-accent-7: var(--color-role-anchor-7);--color-role-accent-8: var(--color-role-anchor-8);--color-role-accent-9: var(--color-role-anchor-9);--color-role-accent-10: var(--color-role-anchor-10);--color-role-accent-11: var(--color-role-anchor-11);--color-role-accent-12: var(--color-role-anchor-12);--color-surface-bg: var(--color-role-surface-default);--color-surface-bg-subtle: var(--color-role-surface-subtle);--color-surface-bg-muted: var(--color-role-surface-muted);--color-surface-bg-inverse: var(--color-role-surface-inverse);--color-paper: var(--color-role-surface-default);--color-ink: var(--color-role-surface-inverse);--color-text-default: var(--color-role-text-primary);--color-text-muted: var(--color-role-text-muted);--color-text-subtle: var(--color-role-text-subtle);--color-text-faint: var(--color-role-text-faint);--color-text-inverse: var(--color-role-text-inverse);--color-text-muted-inverse: var(--color-role-text-muted-inverse);--color-text-link: var(--color-role-text-link);--color-text-link-hover: var(--color-role-text-link-hover);--color-text-link-inverse: var(--color-role-text-link-inverse);--color-border-default: var(--color-role-border-default);--color-border-subtle: var(--color-role-border-subtle);--color-border-strong: var(--color-role-border-strong);--color-border-focus: var(--color-role-border-focus);--color-action-primary-bg: var(--color-role-action-primary-bg);--color-action-primary-bg-hover: var(--color-role-action-primary-bg-hover);--color-action-primary-bg-active: var(--color-role-action-primary-bg-active);--color-action-primary-fg: var(--color-role-action-primary-fg);--color-action-secondary-bg: var(--color-role-action-secondary-bg);--color-action-secondary-bg-hover: var(--color-role-action-secondary-bg-hover);--color-action-secondary-bg-active: var(--color-role-action-secondary-bg-active);--color-action-secondary-fg: var(--color-role-action-secondary-fg);--color-action-secondary-border: var(--color-role-action-secondary-border);--color-action-ghost-bg: var(--color-role-action-ghost-bg);--color-action-ghost-bg-hover: var(--color-role-action-ghost-bg-hover);--color-action-ghost-fg: var(--color-role-action-ghost-fg);--color-action-danger-bg: var(--color-role-action-danger-bg);--color-action-danger-bg-hover: var(--color-role-action-danger-bg-hover);--color-action-danger-bg-active: var(--color-role-action-danger-bg-active);--color-action-danger-fg: var(--color-role-action-danger-fg);--color-feedback-success-bg: var(--color-role-feedback-success-bg);--color-feedback-success-fg: var(--color-role-feedback-success-fg);--color-feedback-success-border: var(--color-role-feedback-success-border);--color-feedback-warning-bg: var(--color-role-feedback-warning-bg);--color-feedback-warning-fg: var(--color-role-feedback-warning-fg);--color-feedback-warning-border: var(--color-role-feedback-warning-border);--color-feedback-error-bg: var(--color-role-feedback-error-bg);--color-feedback-error-fg: var(--color-role-feedback-error-fg);--color-feedback-error-border: var(--color-role-feedback-error-border);--color-feedback-info-bg: var(--color-role-feedback-info-bg);--color-feedback-info-fg: var(--color-role-feedback-info-fg);--color-feedback-info-border: var(--color-role-feedback-info-border);--color-focus-ring: var(--color-role-focus-ring);--color-focus-ring-error: var(--color-role-focus-ring-error);--color-gradient-orb-1: var(--color-role-gradient-orb-1);--color-gradient-orb-2: var(--color-role-gradient-orb-2);--color-gradient-anchor-from: var(--color-role-gradient-anchor-from);--color-palette-color-1: var(--color-role-palette-1);--color-palette-color-2: var(--color-role-palette-2);--color-palette-color-3: var(--color-role-palette-3);--color-palette-color-4: var(--color-role-palette-4);--color-palette-color-5: var(--color-role-palette-5);--color-palette-color-6: var(--color-role-palette-6);--color-palette-color-7: var(--color-role-palette-7);--color-palette-color-8: var(--color-role-palette-8);--color-palette-color-9: var(--color-role-palette-9);--color-palette-color-10: var(--color-role-palette-10);--color-palette-color-11: var(--color-role-palette-11);--color-palette-color-12: var(--color-role-palette-12);--color-palette-color-1-0: var(--color-role-palette-1-0);--color-palette-color-1-1: var(--color-role-palette-1-1);--color-palette-color-1-2: var(--color-role-palette-1-2);--color-palette-color-1-3: var(--color-role-palette-1-3);--color-palette-color-1-4: var(--color-role-palette-1-4);--color-palette-color-1-5: var(--color-role-palette-1-5);--color-palette-color-1-6: var(--color-role-palette-1-6);--color-palette-color-1-7: var(--color-role-palette-1-7);--color-palette-color-1-8: var(--color-role-palette-1-8);--color-palette-color-1-9: var(--color-role-palette-1-9);--color-palette-color-1-10: var(--color-role-palette-1-10);--color-palette-color-1-11: var(--color-role-palette-1-11);--color-palette-color-1-12: var(--color-role-palette-1-12);--color-palette-color-2-0: var(--color-role-palette-2-0);--color-palette-color-2-1: var(--color-role-palette-2-1);--color-palette-color-2-2: var(--color-role-palette-2-2);--color-palette-color-2-3: var(--color-role-palette-2-3);--color-palette-color-2-4: var(--color-role-palette-2-4);--color-palette-color-2-5: var(--color-role-palette-2-5);--color-palette-color-2-6: var(--color-role-palette-2-6);--color-palette-color-2-7: var(--color-role-palette-2-7);--color-palette-color-2-8: var(--color-role-palette-2-8);--color-palette-color-2-9: var(--color-role-palette-2-9);--color-palette-color-2-10: var(--color-role-palette-2-10);--color-palette-color-2-11: var(--color-role-palette-2-11);--color-palette-color-2-12: var(--color-role-palette-2-12);--color-palette-color-3-0: var(--color-role-palette-3-0);--color-palette-color-3-1: var(--color-role-palette-3-1);--color-palette-color-3-2: var(--color-role-palette-3-2);--color-palette-color-3-3: var(--color-role-palette-3-3);--color-palette-color-3-4: var(--color-role-palette-3-4);--color-palette-color-3-5: var(--color-role-palette-3-5);--color-palette-color-3-6: var(--color-role-palette-3-6);--color-palette-color-3-7: var(--color-role-palette-3-7);--color-palette-color-3-8: var(--color-role-palette-3-8);--color-palette-color-3-9: var(--color-role-palette-3-9);--color-palette-color-3-10: var(--color-role-palette-3-10);--color-palette-color-3-11: var(--color-role-palette-3-11);--color-palette-color-3-12: var(--color-role-palette-3-12);--color-palette-color-4-0: var(--color-role-palette-4-0);--color-palette-color-4-1: var(--color-role-palette-4-1);--color-palette-color-4-2: var(--color-role-palette-4-2);--color-palette-color-4-3: var(--color-role-palette-4-3);--color-palette-color-4-4: var(--color-role-palette-4-4);--color-palette-color-4-5: var(--color-role-palette-4-5);--color-palette-color-4-6: var(--color-role-palette-4-6);--color-palette-color-4-7: var(--color-role-palette-4-7);--color-palette-color-4-8: var(--color-role-palette-4-8);--color-palette-color-4-9: var(--color-role-palette-4-9);--color-palette-color-4-10: var(--color-role-palette-4-10);--color-palette-color-4-11: var(--color-role-palette-4-11);--color-palette-color-4-12: var(--color-role-palette-4-12);--color-palette-color-5-0: var(--color-role-palette-5-0);--color-palette-color-5-1: var(--color-role-palette-5-1);--color-palette-color-5-2: var(--color-role-palette-5-2);--color-palette-color-5-3: var(--color-role-palette-5-3);--color-palette-color-5-4: var(--color-role-palette-5-4);--color-palette-color-5-5: var(--color-role-palette-5-5);--color-palette-color-5-6: var(--color-role-palette-5-6);--color-palette-color-5-7: var(--color-role-palette-5-7);--color-palette-color-5-8: var(--color-role-palette-5-8);--color-palette-color-5-9: var(--color-role-palette-5-9);--color-palette-color-5-10: var(--color-role-palette-5-10);--color-palette-color-5-11: var(--color-role-palette-5-11);--color-palette-color-5-12: var(--color-role-palette-5-12);--color-palette-color-6-0: var(--color-role-palette-6-0);--color-palette-color-6-1: var(--color-role-palette-6-1);--color-palette-color-6-2: var(--color-role-palette-6-2);--color-palette-color-6-3: var(--color-role-palette-6-3);--color-palette-color-6-4: var(--color-role-palette-6-4);--color-palette-color-6-5: var(--color-role-palette-6-5);--color-palette-color-6-6: var(--color-role-palette-6-6);--color-palette-color-6-7: var(--color-role-palette-6-7);--color-palette-color-6-8: var(--color-role-palette-6-8);--color-palette-color-6-9: var(--color-role-palette-6-9);--color-palette-color-6-10: var(--color-role-palette-6-10);--color-palette-color-6-11: var(--color-role-palette-6-11);--color-palette-color-6-12: var(--color-role-palette-6-12);--color-palette-color-7-0: var(--color-role-palette-7-0);--color-palette-color-7-1: var(--color-role-palette-7-1);--color-palette-color-7-2: var(--color-role-palette-7-2);--color-palette-color-7-3: var(--color-role-palette-7-3);--color-palette-color-7-4: var(--color-role-palette-7-4);--color-palette-color-7-5: var(--color-role-palette-7-5);--color-palette-color-7-6: var(--color-role-palette-7-6);--color-palette-color-7-7: var(--color-role-palette-7-7);--color-palette-color-7-8: var(--color-role-palette-7-8);--color-palette-color-7-9: var(--color-role-palette-7-9);--color-palette-color-7-10: var(--color-role-palette-7-10);--color-palette-color-7-11: var(--color-role-palette-7-11);--color-palette-color-7-12: var(--color-role-palette-7-12);--color-palette-color-8-0: var(--color-role-palette-8-0);--color-palette-color-8-1: var(--color-role-palette-8-1);--color-palette-color-8-2: var(--color-role-palette-8-2);--color-palette-color-8-3: var(--color-role-palette-8-3);--color-palette-color-8-4: var(--color-role-palette-8-4);--color-palette-color-8-5: var(--color-role-palette-8-5);--color-palette-color-8-6: var(--color-role-palette-8-6);--color-palette-color-8-7: var(--color-role-palette-8-7);--color-palette-color-8-8: var(--color-role-palette-8-8);--color-palette-color-8-9: var(--color-role-palette-8-9);--color-palette-color-8-10: var(--color-role-palette-8-10);--color-palette-color-8-11: var(--color-role-palette-8-11);--color-palette-color-8-12: var(--color-role-palette-8-12);--color-palette-color-9-0: var(--color-role-palette-9-0);--color-palette-color-9-1: var(--color-role-palette-9-1);--color-palette-color-9-2: var(--color-role-palette-9-2);--color-palette-color-9-3: var(--color-role-palette-9-3);--color-palette-color-9-4: var(--color-role-palette-9-4);--color-palette-color-9-5: var(--color-role-palette-9-5);--color-palette-color-9-6: var(--color-role-palette-9-6);--color-palette-color-9-7: var(--color-role-palette-9-7);--color-palette-color-9-8: var(--color-role-palette-9-8);--color-palette-color-9-9: var(--color-role-palette-9-9);--color-palette-color-9-10: var(--color-role-palette-9-10);--color-palette-color-9-11: var(--color-role-palette-9-11);--color-palette-color-9-12: var(--color-role-palette-9-12);--color-palette-color-10-0: var(--color-role-palette-10-0);--color-palette-color-10-1: var(--color-role-palette-10-1);--color-palette-color-10-2: var(--color-role-palette-10-2);--color-palette-color-10-3: var(--color-role-palette-10-3);--color-palette-color-10-4: var(--color-role-palette-10-4);--color-palette-color-10-5: var(--color-role-palette-10-5);--color-palette-color-10-6: var(--color-role-palette-10-6);--color-palette-color-10-7: var(--color-role-palette-10-7);--color-palette-color-10-8: var(--color-role-palette-10-8);--color-palette-color-10-9: var(--color-role-palette-10-9);--color-palette-color-10-10: var(--color-role-palette-10-10);--color-palette-color-10-11: var(--color-role-palette-10-11);--color-palette-color-10-12: var(--color-role-palette-10-12);--color-palette-color-11-0: var(--color-role-palette-11-0);--color-palette-color-11-1: var(--color-role-palette-11-1);--color-palette-color-11-2: var(--color-role-palette-11-2);--color-palette-color-11-3: var(--color-role-palette-11-3);--color-palette-color-11-4: var(--color-role-palette-11-4);--color-palette-color-11-5: var(--color-role-palette-11-5);--color-palette-color-11-6: var(--color-role-palette-11-6);--color-palette-color-11-7: var(--color-role-palette-11-7);--color-palette-color-11-8: var(--color-role-palette-11-8);--color-palette-color-11-9: var(--color-role-palette-11-9);--color-palette-color-11-10: var(--color-role-palette-11-10);--color-palette-color-11-11: var(--color-role-palette-11-11);--color-palette-color-11-12: var(--color-role-palette-11-12);--color-palette-color-12-0: var(--color-role-palette-12-0);--color-palette-color-12-1: var(--color-role-palette-12-1);--color-palette-color-12-2: var(--color-role-palette-12-2);--color-palette-color-12-3: var(--color-role-palette-12-3);--color-palette-color-12-4: var(--color-role-palette-12-4);--color-palette-color-12-5: var(--color-role-palette-12-5);--color-palette-color-12-6: var(--color-role-palette-12-6);--color-palette-color-12-7: var(--color-role-palette-12-7);--color-palette-color-12-8: var(--color-role-palette-12-8);--color-palette-color-12-9: var(--color-role-palette-12-9);--color-palette-color-12-10: var(--color-role-palette-12-10);--color-palette-color-12-11: var(--color-role-palette-12-11);--color-palette-color-12-12: var(--color-role-palette-12-12);--color-palette-logo-1: var(--color-role-logo-1);--color-palette-logo-2: var(--color-role-logo-2);--color-palette-logo-3: var(--color-role-logo-3);--color-palette-logo-4: var(--color-role-logo-4);--color-palette-logo-5: var(--color-role-logo-5);--color-palette-logo-6: var(--color-role-logo-6);--color-palette-logo-7: var(--color-role-logo-7);--color-palette-logo-8: var(--color-role-logo-8);--color-palette-logo-9: var(--color-role-logo-9);--color-palette-logo-10: var(--color-role-logo-10);--color-palette-logo-11: var(--color-role-logo-11);--color-palette-logo-12: var(--color-role-logo-12);--color-palette-logo-mono: var(--color-role-logo-mono);--color-palette-logo-1-0: var(--color-role-logo-1-0);--color-palette-logo-1-1: var(--color-role-logo-1-1);--color-palette-logo-1-2: var(--color-role-logo-1-2);--color-palette-logo-1-3: var(--color-role-logo-1-3);--color-palette-logo-1-4: var(--color-role-logo-1-4);--color-palette-logo-1-5: var(--color-role-logo-1-5);--color-palette-logo-1-6: var(--color-role-logo-1-6);--color-palette-logo-1-7: var(--color-role-logo-1-7);--color-palette-logo-1-8: var(--color-role-logo-1-8);--color-palette-logo-1-9: var(--color-role-logo-1-9);--color-palette-logo-1-10: var(--color-role-logo-1-10);--color-palette-logo-1-11: var(--color-role-logo-1-11);--color-palette-logo-1-12: var(--color-role-logo-1-12);--color-palette-logo-2-0: var(--color-role-logo-2-0);--color-palette-logo-2-1: var(--color-role-logo-2-1);--color-palette-logo-2-2: var(--color-role-logo-2-2);--color-palette-logo-2-3: var(--color-role-logo-2-3);--color-palette-logo-2-4: var(--color-role-logo-2-4);--color-palette-logo-2-5: var(--color-role-logo-2-5);--color-palette-logo-2-6: var(--color-role-logo-2-6);--color-palette-logo-2-7: var(--color-role-logo-2-7);--color-palette-logo-2-8: var(--color-role-logo-2-8);--color-palette-logo-2-9: var(--color-role-logo-2-9);--color-palette-logo-2-10: var(--color-role-logo-2-10);--color-palette-logo-2-11: var(--color-role-logo-2-11);--color-palette-logo-2-12: var(--color-role-logo-2-12);--color-palette-logo-3-0: var(--color-role-logo-3-0);--color-palette-logo-3-1: var(--color-role-logo-3-1);--color-palette-logo-3-2: var(--color-role-logo-3-2);--color-palette-logo-3-3: var(--color-role-logo-3-3);--color-palette-logo-3-4: var(--color-role-logo-3-4);--color-palette-logo-3-5: var(--color-role-logo-3-5);--color-palette-logo-3-6: var(--color-role-logo-3-6);--color-palette-logo-3-7: var(--color-role-logo-3-7);--color-palette-logo-3-8: var(--color-role-logo-3-8);--color-palette-logo-3-9: var(--color-role-logo-3-9);--color-palette-logo-3-10: var(--color-role-logo-3-10);--color-palette-logo-3-11: var(--color-role-logo-3-11);--color-palette-logo-3-12: var(--color-role-logo-3-12);--color-palette-logo-4-0: var(--color-role-logo-4-0);--color-palette-logo-4-1: var(--color-role-logo-4-1);--color-palette-logo-4-2: var(--color-role-logo-4-2);--color-palette-logo-4-3: var(--color-role-logo-4-3);--color-palette-logo-4-4: var(--color-role-logo-4-4);--color-palette-logo-4-5: var(--color-role-logo-4-5);--color-palette-logo-4-6: var(--color-role-logo-4-6);--color-palette-logo-4-7: var(--color-role-logo-4-7);--color-palette-logo-4-8: var(--color-role-logo-4-8);--color-palette-logo-4-9: var(--color-role-logo-4-9);--color-palette-logo-4-10: var(--color-role-logo-4-10);--color-palette-logo-4-11: var(--color-role-logo-4-11);--color-palette-logo-4-12: var(--color-role-logo-4-12);--color-palette-logo-5-0: var(--color-role-logo-5-0);--color-palette-logo-5-1: var(--color-role-logo-5-1);--color-palette-logo-5-2: var(--color-role-logo-5-2);--color-palette-logo-5-3: var(--color-role-logo-5-3);--color-palette-logo-5-4: var(--color-role-logo-5-4);--color-palette-logo-5-5: var(--color-role-logo-5-5);--color-palette-logo-5-6: var(--color-role-logo-5-6);--color-palette-logo-5-7: var(--color-role-logo-5-7);--color-palette-logo-5-8: var(--color-role-logo-5-8);--color-palette-logo-5-9: var(--color-role-logo-5-9);--color-palette-logo-5-10: var(--color-role-logo-5-10);--color-palette-logo-5-11: var(--color-role-logo-5-11);--color-palette-logo-5-12: var(--color-role-logo-5-12);--color-palette-logo-6-0: var(--color-role-logo-6-0);--color-palette-logo-6-1: var(--color-role-logo-6-1);--color-palette-logo-6-2: var(--color-role-logo-6-2);--color-palette-logo-6-3: var(--color-role-logo-6-3);--color-palette-logo-6-4: var(--color-role-logo-6-4);--color-palette-logo-6-5: var(--color-role-logo-6-5);--color-palette-logo-6-6: var(--color-role-logo-6-6);--color-palette-logo-6-7: var(--color-role-logo-6-7);--color-palette-logo-6-8: var(--color-role-logo-6-8);--color-palette-logo-6-9: var(--color-role-logo-6-9);--color-palette-logo-6-10: var(--color-role-logo-6-10);--color-palette-logo-6-11: var(--color-role-logo-6-11);--color-palette-logo-6-12: var(--color-role-logo-6-12);--color-palette-logo-7-0: var(--color-role-logo-7-0);--color-palette-logo-7-1: var(--color-role-logo-7-1);--color-palette-logo-7-2: var(--color-role-logo-7-2);--color-palette-logo-7-3: var(--color-role-logo-7-3);--color-palette-logo-7-4: var(--color-role-logo-7-4);--color-palette-logo-7-5: var(--color-role-logo-7-5);--color-palette-logo-7-6: var(--color-role-logo-7-6);--color-palette-logo-7-7: var(--color-role-logo-7-7);--color-palette-logo-7-8: var(--color-role-logo-7-8);--color-palette-logo-7-9: var(--color-role-logo-7-9);--color-palette-logo-7-10: var(--color-role-logo-7-10);--color-palette-logo-7-11: var(--color-role-logo-7-11);--color-palette-logo-7-12: var(--color-role-logo-7-12);--color-palette-logo-8-0: var(--color-role-logo-8-0);--color-palette-logo-8-1: var(--color-role-logo-8-1);--color-palette-logo-8-2: var(--color-role-logo-8-2);--color-palette-logo-8-3: var(--color-role-logo-8-3);--color-palette-logo-8-4: var(--color-role-logo-8-4);--color-palette-logo-8-5: var(--color-role-logo-8-5);--color-palette-logo-8-6: var(--color-role-logo-8-6);--color-palette-logo-8-7: var(--color-role-logo-8-7);--color-palette-logo-8-8: var(--color-role-logo-8-8);--color-palette-logo-8-9: var(--color-role-logo-8-9);--color-palette-logo-8-10: var(--color-role-logo-8-10);--color-palette-logo-8-11: var(--color-role-logo-8-11);--color-palette-logo-8-12: var(--color-role-logo-8-12);--color-palette-logo-9-0: var(--color-role-logo-9-0);--color-palette-logo-9-1: var(--color-role-logo-9-1);--color-palette-logo-9-2: var(--color-role-logo-9-2);--color-palette-logo-9-3: var(--color-role-logo-9-3);--color-palette-logo-9-4: var(--color-role-logo-9-4);--color-palette-logo-9-5: var(--color-role-logo-9-5);--color-palette-logo-9-6: var(--color-role-logo-9-6);--color-palette-logo-9-7: var(--color-role-logo-9-7);--color-palette-logo-9-8: var(--color-role-logo-9-8);--color-palette-logo-9-9: var(--color-role-logo-9-9);--color-palette-logo-9-10: var(--color-role-logo-9-10);--color-palette-logo-9-11: var(--color-role-logo-9-11);--color-palette-logo-9-12: var(--color-role-logo-9-12);--color-palette-logo-10-0: var(--color-role-logo-10-0);--color-palette-logo-10-1: var(--color-role-logo-10-1);--color-palette-logo-10-2: var(--color-role-logo-10-2);--color-palette-logo-10-3: var(--color-role-logo-10-3);--color-palette-logo-10-4: var(--color-role-logo-10-4);--color-palette-logo-10-5: var(--color-role-logo-10-5);--color-palette-logo-10-6: var(--color-role-logo-10-6);--color-palette-logo-10-7: var(--color-role-logo-10-7);--color-palette-logo-10-8: var(--color-role-logo-10-8);--color-palette-logo-10-9: var(--color-role-logo-10-9);--color-palette-logo-10-10: var(--color-role-logo-10-10);--color-palette-logo-10-11: var(--color-role-logo-10-11);--color-palette-logo-10-12: var(--color-role-logo-10-12);--color-palette-logo-11-0: var(--color-role-logo-11-0);--color-palette-logo-11-1: var(--color-role-logo-11-1);--color-palette-logo-11-2: var(--color-role-logo-11-2);--color-palette-logo-11-3: var(--color-role-logo-11-3);--color-palette-logo-11-4: var(--color-role-logo-11-4);--color-palette-logo-11-5: var(--color-role-logo-11-5);--color-palette-logo-11-6: var(--color-role-logo-11-6);--color-palette-logo-11-7: var(--color-role-logo-11-7);--color-palette-logo-11-8: var(--color-role-logo-11-8);--color-palette-logo-11-9: var(--color-role-logo-11-9);--color-palette-logo-11-10: var(--color-role-logo-11-10);--color-palette-logo-11-11: var(--color-role-logo-11-11);--color-palette-logo-11-12: var(--color-role-logo-11-12);--color-palette-logo-12-0: var(--color-role-logo-12-0);--color-palette-logo-12-1: var(--color-role-logo-12-1);--color-palette-logo-12-2: var(--color-role-logo-12-2);--color-palette-logo-12-3: var(--color-role-logo-12-3);--color-palette-logo-12-4: var(--color-role-logo-12-4);--color-palette-logo-12-5: var(--color-role-logo-12-5);--color-palette-logo-12-6: var(--color-role-logo-12-6);--color-palette-logo-12-7: var(--color-role-logo-12-7);--color-palette-logo-12-8: var(--color-role-logo-12-8);--color-palette-logo-12-9: var(--color-role-logo-12-9);--color-palette-logo-12-10: var(--color-role-logo-12-10);--color-palette-logo-12-11: var(--color-role-logo-12-11);--color-palette-logo-12-12: var(--color-role-logo-12-12);--color-palette-mono-1: var(--color-role-gray-1);--color-palette-mono-2: var(--color-role-gray-2);--color-palette-mono-black: var(--color-role-gray-black);--color-palette-mono-blackish: var(--color-role-gray-blackish);--color-palette-mono-whiteish: var(--color-role-gray-whiteish);--color-palette-mono-white: var(--color-role-gray-white);--color-palette-mono-1-0: var(--color-role-gray-1-0);--color-palette-mono-1-1: var(--color-role-gray-1-1);--color-palette-mono-1-2: var(--color-role-gray-1-2);--color-palette-mono-1-3: var(--color-role-gray-1-3);--color-palette-mono-1-4: var(--color-role-gray-1-4);--color-palette-mono-1-5: var(--color-role-gray-1-5);--color-palette-mono-1-6: var(--color-role-gray-1-6);--color-palette-mono-1-7: var(--color-role-gray-1-7);--color-palette-mono-1-8: var(--color-role-gray-1-8);--color-palette-mono-1-9: var(--color-role-gray-1-9);--color-palette-mono-1-10: var(--color-role-gray-1-10);--color-palette-mono-1-11: var(--color-role-gray-1-11);--color-palette-mono-1-12: var(--color-role-gray-1-12);--color-palette-mono-2-0: var(--color-role-gray-2-0);--color-palette-mono-2-1: var(--color-role-gray-2-1);--color-palette-mono-2-2: var(--color-role-gray-2-2);--color-palette-mono-2-3: var(--color-role-gray-2-3);--color-palette-mono-2-4: var(--color-role-gray-2-4);--color-palette-mono-2-5: var(--color-role-gray-2-5);--color-palette-mono-2-6: var(--color-role-gray-2-6);--color-palette-mono-2-7: var(--color-role-gray-2-7);--color-palette-mono-2-8: var(--color-role-gray-2-8);--color-palette-mono-2-9: var(--color-role-gray-2-9);--color-palette-mono-2-10: var(--color-role-gray-2-10);--color-palette-mono-2-11: var(--color-role-gray-2-11);--color-palette-mono-2-12: var(--color-role-gray-2-12);--color-palette-mono-black-0: var(--color-role-gray-black-0);--color-palette-mono-black-1: var(--color-role-gray-black-1);--color-palette-mono-black-2: var(--color-role-gray-black-2);--color-palette-mono-black-3: var(--color-role-gray-black-3);--color-palette-mono-black-4: var(--color-role-gray-black-4);--color-palette-mono-black-5: var(--color-role-gray-black-5);--color-palette-mono-black-6: var(--color-role-gray-black-6);--color-palette-mono-black-7: var(--color-role-gray-black-7);--color-palette-mono-black-8: var(--color-role-gray-black-8);--color-palette-mono-black-9: var(--color-role-gray-black-9);--color-palette-mono-black-10: var(--color-role-gray-black-10);--color-palette-mono-black-11: var(--color-role-gray-black-11);--color-palette-mono-black-12: var(--color-role-gray-black-12);--color-palette-mono-blackish-0: var(--color-role-gray-blackish-0);--color-palette-mono-blackish-1: var(--color-role-gray-blackish-1);--color-palette-mono-blackish-2: var(--color-role-gray-blackish-2);--color-palette-mono-blackish-3: var(--color-role-gray-blackish-3);--color-palette-mono-blackish-4: var(--color-role-gray-blackish-4);--color-palette-mono-blackish-5: var(--color-role-gray-blackish-5);--color-palette-mono-blackish-6: var(--color-role-gray-blackish-6);--color-palette-mono-blackish-7: var(--color-role-gray-blackish-7);--color-palette-mono-blackish-8: var(--color-role-gray-blackish-8);--color-palette-mono-blackish-9: var(--color-role-gray-blackish-9);--color-palette-mono-blackish-10: var(--color-role-gray-blackish-10);--color-palette-mono-blackish-11: var(--color-role-gray-blackish-11);--color-palette-mono-blackish-12: var(--color-role-gray-blackish-12);--color-palette-mono-whiteish-0: var(--color-role-gray-whiteish-0);--color-palette-mono-whiteish-1: var(--color-role-gray-whiteish-1);--color-palette-mono-whiteish-2: var(--color-role-gray-whiteish-2);--color-palette-mono-whiteish-3: var(--color-role-gray-whiteish-3);--color-palette-mono-whiteish-4: var(--color-role-gray-whiteish-4);--color-palette-mono-whiteish-5: var(--color-role-gray-whiteish-5);--color-palette-mono-whiteish-6: var(--color-role-gray-whiteish-6);--color-palette-mono-whiteish-7: var(--color-role-gray-whiteish-7);--color-palette-mono-whiteish-8: var(--color-role-gray-whiteish-8);--color-palette-mono-whiteish-9: var(--color-role-gray-whiteish-9);--color-palette-mono-whiteish-10: var(--color-role-gray-whiteish-10);--color-palette-mono-whiteish-11: var(--color-role-gray-whiteish-11);--color-palette-mono-whiteish-12: var(--color-role-gray-whiteish-12);--color-palette-mono-white-0: var(--color-role-gray-white-0);--color-palette-mono-white-1: var(--color-role-gray-white-1);--color-palette-mono-white-2: var(--color-role-gray-white-2);--color-palette-mono-white-3: var(--color-role-gray-white-3);--color-palette-mono-white-4: var(--color-role-gray-white-4);--color-palette-mono-white-5: var(--color-role-gray-white-5);--color-palette-mono-white-6: var(--color-role-gray-white-6);--color-palette-mono-white-7: var(--color-role-gray-white-7);--color-palette-mono-white-8: var(--color-role-gray-white-8);--color-palette-mono-white-9: var(--color-role-gray-white-9);--color-palette-mono-white-10: var(--color-role-gray-white-10);--color-palette-mono-white-11: var(--color-role-gray-white-11);--color-palette-mono-white-12: var(--color-role-gray-white-12);--color-palette-glass-sheen: var(--color-role-glass-sheen);--color-palette-glass-tint: var(--color-role-glass-tint);--color-palette-glass-shadow: var(--color-role-glass-shadow);--color-palette-glass-cool: var(--color-role-glass-cool);--color-palette-glass-warm: var(--color-role-glass-warm);--color-role-anchor: var(--color-indigo-5);--color-role-anchor-strong: var(--color-indigo-4);--color-role-anchor-stronger: var(--color-indigo-3);--color-role-paper: var(--color-slate-12);--color-role-ink: var(--color-slate-0);--color-role-ink-soft: var(--color-slate-2);--color-role-neutral: var(--color-slate-5);--color-role-neutral-strong: var(--color-slate-3);--color-role-neutral-soft: var(--color-slate-10);--color-role-neutral-softer: var(--color-slate-11);--color-role-success: var(--color-green-5);--color-role-success-soft: var(--color-green-11);--color-role-success-strong: var(--color-green-3);--color-role-warning: var(--color-amber-5);--color-role-warning-soft: var(--color-amber-11);--color-role-warning-strong: var(--color-amber-3);--color-role-error: var(--color-red-5);--color-role-error-soft: var(--color-red-11);--color-role-error-strong: var(--color-red-3);--color-role-info: var(--color-sky-5);--color-role-info-soft: var(--color-sky-11);--color-role-info-strong: var(--color-sky-3);--color-role-anchor-0: var(--color-indigo-0);--color-role-anchor-1: var(--color-indigo-1);--color-role-anchor-2: var(--color-indigo-2);--color-role-anchor-3: var(--color-indigo-3);--color-role-anchor-4: var(--color-indigo-4);--color-role-anchor-5: var(--color-indigo-5);--color-role-anchor-6: var(--color-indigo-6);--color-role-anchor-7: var(--color-indigo-7);--color-role-anchor-8: var(--color-indigo-8);--color-role-anchor-9: var(--color-indigo-9);--color-role-anchor-10: var(--color-indigo-10);--color-role-anchor-11: var(--color-indigo-11);--color-role-anchor-12: var(--color-indigo-12);--color-role-success-0: var(--color-green-0);--color-role-success-1: var(--color-green-1);--color-role-success-2: var(--color-green-2);--color-role-success-3: var(--color-green-3);--color-role-success-4: var(--color-green-4);--color-role-success-5: var(--color-green-5);--color-role-success-6: var(--color-green-6);--color-role-success-7: var(--color-green-7);--color-role-success-8: var(--color-green-8);--color-role-success-9: var(--color-green-9);--color-role-success-10: var(--color-green-10);--color-role-success-11: var(--color-green-11);--color-role-success-12: var(--color-green-12);--color-role-warning-0: var(--color-amber-0);--color-role-warning-1: var(--color-amber-1);--color-role-warning-2: var(--color-amber-2);--color-role-warning-3: var(--color-amber-3);--color-role-warning-4: var(--color-amber-4);--color-role-warning-5: var(--color-amber-5);--color-role-warning-6: var(--color-amber-6);--color-role-warning-7: var(--color-amber-7);--color-role-warning-8: var(--color-amber-8);--color-role-warning-9: var(--color-amber-9);--color-role-warning-10: var(--color-amber-10);--color-role-warning-11: var(--color-amber-11);--color-role-warning-12: var(--color-amber-12);--color-role-error-0: var(--color-red-0);--color-role-error-1: var(--color-red-1);--color-role-error-2: var(--color-red-2);--color-role-error-3: var(--color-red-3);--color-role-error-4: var(--color-red-4);--color-role-error-5: var(--color-red-5);--color-role-error-6: var(--color-red-6);--color-role-error-7: var(--color-red-7);--color-role-error-8: var(--color-red-8);--color-role-error-9: var(--color-red-9);--color-role-error-10: var(--color-red-10);--color-role-error-11: var(--color-red-11);--color-role-error-12: var(--color-red-12);--color-role-info-0: var(--color-sky-0);--color-role-info-1: var(--color-sky-1);--color-role-info-2: var(--color-sky-2);--color-role-info-3: var(--color-sky-3);--color-role-info-4: var(--color-sky-4);--color-role-info-5: var(--color-sky-5);--color-role-info-6: var(--color-sky-6);--color-role-info-7: var(--color-sky-7);--color-role-info-8: var(--color-sky-8);--color-role-info-9: var(--color-sky-9);--color-role-info-10: var(--color-sky-10);--color-role-info-11: var(--color-sky-11);--color-role-info-12: var(--color-sky-12)}}@layer dp-core{:root[data-color-scheme=high-contrast],[data-color-scheme=high-contrast]{--color-role-surface-default: var(--color-role-paper);--color-role-surface-subtle: var(--color-role-neutral-soft);--color-role-surface-muted: var(--color-role-neutral-softer);--color-role-surface-inverse: var(--color-role-ink);--color-role-text-primary: var(--color-role-ink);--color-role-text-muted: var(--color-role-neutral-strong);--color-role-text-subtle: var(--color-role-neutral);--color-role-text-faint: var(--color-role-neutral-soft);--color-role-text-inverse: var(--color-role-paper);--color-role-text-muted-inverse: var(--color-role-neutral-soft);--color-role-text-link: var(--color-role-anchor);--color-role-text-link-hover: var(--color-role-anchor-strong);--color-role-text-link-inverse: color-mix(in oklch, var(--color-role-anchor) 60%, var(--color-role-paper));--color-role-border-default: var(--color-role-neutral-soft);--color-role-border-subtle: var(--color-role-neutral-softer);--color-role-border-strong: var(--color-role-neutral);--color-role-border-focus: var(--color-role-anchor);--color-role-action-primary-bg: var(--color-role-anchor);--color-role-action-primary-bg-hover: var(--color-role-anchor-strong);--color-role-action-primary-bg-active: var(--color-role-anchor-stronger);--color-role-action-primary-fg: var(--color-role-paper);--color-role-action-secondary-bg: rgba(0, 0, 0, 0);--color-role-action-secondary-bg-hover: var(--color-role-neutral-soft);--color-role-action-secondary-bg-active: var(--color-role-neutral-softer);--color-role-action-secondary-fg: var(--color-role-ink);--color-role-action-secondary-border: var(--color-role-neutral);--color-role-action-ghost-bg: rgba(0, 0, 0, 0);--color-role-action-ghost-bg-hover: var(--color-role-neutral-soft);--color-role-action-ghost-fg: var(--color-role-ink-soft);--color-role-action-danger-bg: var(--color-role-error);--color-role-action-danger-bg-hover: var(--color-role-error-strong);--color-role-action-danger-bg-active: var(--color-role-error-strong);--color-role-action-danger-fg: var(--color-role-paper);--color-role-feedback-success-0: var(--color-role-success-0);--color-role-feedback-success-1: var(--color-role-success-1);--color-role-feedback-success-2: var(--color-role-success-2);--color-role-feedback-success-3: var(--color-role-success-3);--color-role-feedback-success-4: var(--color-role-success-4);--color-role-feedback-success-5: var(--color-role-success-5);--color-role-feedback-success-6: var(--color-role-success-6);--color-role-feedback-success-7: var(--color-role-success-7);--color-role-feedback-success-8: var(--color-role-success-8);--color-role-feedback-success-9: var(--color-role-success-9);--color-role-feedback-success-10: var(--color-role-success-10);--color-role-feedback-success-11: var(--color-role-success-11);--color-role-feedback-success-12: var(--color-role-success-12);--color-role-feedback-success-bg: var(--color-role-success-soft);--color-role-feedback-success-fg: var(--color-role-success-strong);--color-role-feedback-success-border: var(--color-role-success);--color-role-feedback-warning-0: var(--color-role-warning-0);--color-role-feedback-warning-1: var(--color-role-warning-1);--color-role-feedback-warning-2: var(--color-role-warning-2);--color-role-feedback-warning-3: var(--color-role-warning-3);--color-role-feedback-warning-4: var(--color-role-warning-4);--color-role-feedback-warning-5: var(--color-role-warning-5);--color-role-feedback-warning-6: var(--color-role-warning-6);--color-role-feedback-warning-7: var(--color-role-warning-7);--color-role-feedback-warning-8: var(--color-role-warning-8);--color-role-feedback-warning-9: var(--color-role-warning-9);--color-role-feedback-warning-10: var(--color-role-warning-10);--color-role-feedback-warning-11: var(--color-role-warning-11);--color-role-feedback-warning-12: var(--color-role-warning-12);--color-role-feedback-warning-bg: var(--color-role-warning-soft);--color-role-feedback-warning-fg: var(--color-role-warning-strong);--color-role-feedback-warning-border: var(--color-role-warning);--color-role-feedback-error-0: var(--color-role-error-0);--color-role-feedback-error-1: var(--color-role-error-1);--color-role-feedback-error-2: var(--color-role-error-2);--color-role-feedback-error-3: var(--color-role-error-3);--color-role-feedback-error-4: var(--color-role-error-4);--color-role-feedback-error-5: var(--color-role-error-5);--color-role-feedback-error-6: var(--color-role-error-6);--color-role-feedback-error-7: var(--color-role-error-7);--color-role-feedback-error-8: var(--color-role-error-8);--color-role-feedback-error-9: var(--color-role-error-9);--color-role-feedback-error-10: var(--color-role-error-10);--color-role-feedback-error-11: var(--color-role-error-11);--color-role-feedback-error-12: var(--color-role-error-12);--color-role-feedback-error-bg: var(--color-role-error-soft);--color-role-feedback-error-fg: var(--color-role-error-strong);--color-role-feedback-error-border: var(--color-role-error);--color-role-feedback-info-0: var(--color-role-info-0);--color-role-feedback-info-1: var(--color-role-info-1);--color-role-feedback-info-2: var(--color-role-info-2);--color-role-feedback-info-3: var(--color-role-info-3);--color-role-feedback-info-4: var(--color-role-info-4);--color-role-feedback-info-5: var(--color-role-info-5);--color-role-feedback-info-6: var(--color-role-info-6);--color-role-feedback-info-7: var(--color-role-info-7);--color-role-feedback-info-8: var(--color-role-info-8);--color-role-feedback-info-9: var(--color-role-info-9);--color-role-feedback-info-10: var(--color-role-info-10);--color-role-feedback-info-11: var(--color-role-info-11);--color-role-feedback-info-12: var(--color-role-info-12);--color-role-feedback-info-bg: var(--color-role-info-soft);--color-role-feedback-info-fg: var(--color-role-info-strong);--color-role-feedback-info-border: var(--color-role-info);--color-role-accent: var(--color-role-anchor);--color-role-focus-ring: color-mix(in oklch, var(--color-role-anchor) 35%, transparent);--color-role-focus-ring-error: color-mix(in oklch, var(--color-role-error) 35%, transparent);--color-role-gradient-orb-1: color-mix(in oklch, var(--color-role-anchor) 18%, transparent);--color-role-gradient-orb-2: color-mix(in oklch, var(--color-role-anchor-stronger) 22%, transparent);--color-role-gradient-anchor-from: color-mix(in oklch, var(--color-role-anchor) 12%, transparent);--color-role-accent-0: var(--color-role-anchor-0);--color-role-accent-1: var(--color-role-anchor-1);--color-role-accent-2: var(--color-role-anchor-2);--color-role-accent-3: var(--color-role-anchor-3);--color-role-accent-4: var(--color-role-anchor-4);--color-role-accent-5: var(--color-role-anchor-5);--color-role-accent-6: var(--color-role-anchor-6);--color-role-accent-7: var(--color-role-anchor-7);--color-role-accent-8: var(--color-role-anchor-8);--color-role-accent-9: var(--color-role-anchor-9);--color-role-accent-10: var(--color-role-anchor-10);--color-role-accent-11: var(--color-role-anchor-11);--color-role-accent-12: var(--color-role-anchor-12);--color-surface-bg: var(--color-role-surface-default);--color-surface-bg-subtle: var(--color-role-surface-subtle);--color-surface-bg-muted: var(--color-role-surface-muted);--color-surface-bg-inverse: var(--color-role-surface-inverse);--color-paper: var(--color-role-surface-default);--color-ink: var(--color-role-surface-inverse);--color-text-default: var(--color-role-text-primary);--color-text-muted: var(--color-role-text-muted);--color-text-subtle: var(--color-role-text-subtle);--color-text-faint: var(--color-role-text-faint);--color-text-inverse: var(--color-role-text-inverse);--color-text-muted-inverse: var(--color-role-text-muted-inverse);--color-text-link: var(--color-role-text-link);--color-text-link-hover: var(--color-role-text-link-hover);--color-text-link-inverse: var(--color-role-text-link-inverse);--color-border-default: var(--color-role-border-default);--color-border-subtle: var(--color-role-border-subtle);--color-border-strong: var(--color-role-border-strong);--color-border-focus: var(--color-role-border-focus);--color-action-primary-bg: var(--color-role-action-primary-bg);--color-action-primary-bg-hover: var(--color-role-action-primary-bg-hover);--color-action-primary-bg-active: var(--color-role-action-primary-bg-active);--color-action-primary-fg: var(--color-role-action-primary-fg);--color-action-secondary-bg: var(--color-role-action-secondary-bg);--color-action-secondary-bg-hover: var(--color-role-action-secondary-bg-hover);--color-action-secondary-bg-active: var(--color-role-action-secondary-bg-active);--color-action-secondary-fg: var(--color-role-action-secondary-fg);--color-action-secondary-border: var(--color-role-action-secondary-border);--color-action-ghost-bg: var(--color-role-action-ghost-bg);--color-action-ghost-bg-hover: var(--color-role-action-ghost-bg-hover);--color-action-ghost-fg: var(--color-role-action-ghost-fg);--color-action-danger-bg: var(--color-role-action-danger-bg);--color-action-danger-bg-hover: var(--color-role-action-danger-bg-hover);--color-action-danger-bg-active: var(--color-role-action-danger-bg-active);--color-action-danger-fg: var(--color-role-action-danger-fg);--color-feedback-success-bg: var(--color-role-feedback-success-bg);--color-feedback-success-fg: var(--color-role-feedback-success-fg);--color-feedback-success-border: var(--color-role-feedback-success-border);--color-feedback-warning-bg: var(--color-role-feedback-warning-bg);--color-feedback-warning-fg: var(--color-role-feedback-warning-fg);--color-feedback-warning-border: var(--color-role-feedback-warning-border);--color-feedback-error-bg: var(--color-role-feedback-error-bg);--color-feedback-error-fg: var(--color-role-feedback-error-fg);--color-feedback-error-border: var(--color-role-feedback-error-border);--color-feedback-info-bg: var(--color-role-feedback-info-bg);--color-feedback-info-fg: var(--color-role-feedback-info-fg);--color-feedback-info-border: var(--color-role-feedback-info-border);--color-focus-ring: var(--color-role-focus-ring);--color-focus-ring-error: var(--color-role-focus-ring-error);--color-gradient-orb-1: var(--color-role-gradient-orb-1);--color-gradient-orb-2: var(--color-role-gradient-orb-2);--color-gradient-anchor-from: var(--color-role-gradient-anchor-from);--color-palette-color-1: var(--color-role-palette-1);--color-palette-color-2: var(--color-role-palette-2);--color-palette-color-3: var(--color-role-palette-3);--color-palette-color-4: var(--color-role-palette-4);--color-palette-color-5: var(--color-role-palette-5);--color-palette-color-6: var(--color-role-palette-6);--color-palette-color-7: var(--color-role-palette-7);--color-palette-color-8: var(--color-role-palette-8);--color-palette-color-9: var(--color-role-palette-9);--color-palette-color-10: var(--color-role-palette-10);--color-palette-color-11: var(--color-role-palette-11);--color-palette-color-12: var(--color-role-palette-12);--color-palette-color-1-0: var(--color-role-palette-1-0);--color-palette-color-1-1: var(--color-role-palette-1-1);--color-palette-color-1-2: var(--color-role-palette-1-2);--color-palette-color-1-3: var(--color-role-palette-1-3);--color-palette-color-1-4: var(--color-role-palette-1-4);--color-palette-color-1-5: var(--color-role-palette-1-5);--color-palette-color-1-6: var(--color-role-palette-1-6);--color-palette-color-1-7: var(--color-role-palette-1-7);--color-palette-color-1-8: var(--color-role-palette-1-8);--color-palette-color-1-9: var(--color-role-palette-1-9);--color-palette-color-1-10: var(--color-role-palette-1-10);--color-palette-color-1-11: var(--color-role-palette-1-11);--color-palette-color-1-12: var(--color-role-palette-1-12);--color-palette-color-2-0: var(--color-role-palette-2-0);--color-palette-color-2-1: var(--color-role-palette-2-1);--color-palette-color-2-2: var(--color-role-palette-2-2);--color-palette-color-2-3: var(--color-role-palette-2-3);--color-palette-color-2-4: var(--color-role-palette-2-4);--color-palette-color-2-5: var(--color-role-palette-2-5);--color-palette-color-2-6: var(--color-role-palette-2-6);--color-palette-color-2-7: var(--color-role-palette-2-7);--color-palette-color-2-8: var(--color-role-palette-2-8);--color-palette-color-2-9: var(--color-role-palette-2-9);--color-palette-color-2-10: var(--color-role-palette-2-10);--color-palette-color-2-11: var(--color-role-palette-2-11);--color-palette-color-2-12: var(--color-role-palette-2-12);--color-palette-color-3-0: var(--color-role-palette-3-0);--color-palette-color-3-1: var(--color-role-palette-3-1);--color-palette-color-3-2: var(--color-role-palette-3-2);--color-palette-color-3-3: var(--color-role-palette-3-3);--color-palette-color-3-4: var(--color-role-palette-3-4);--color-palette-color-3-5: var(--color-role-palette-3-5);--color-palette-color-3-6: var(--color-role-palette-3-6);--color-palette-color-3-7: var(--color-role-palette-3-7);--color-palette-color-3-8: var(--color-role-palette-3-8);--color-palette-color-3-9: var(--color-role-palette-3-9);--color-palette-color-3-10: var(--color-role-palette-3-10);--color-palette-color-3-11: var(--color-role-palette-3-11);--color-palette-color-3-12: var(--color-role-palette-3-12);--color-palette-color-4-0: var(--color-role-palette-4-0);--color-palette-color-4-1: var(--color-role-palette-4-1);--color-palette-color-4-2: var(--color-role-palette-4-2);--color-palette-color-4-3: var(--color-role-palette-4-3);--color-palette-color-4-4: var(--color-role-palette-4-4);--color-palette-color-4-5: var(--color-role-palette-4-5);--color-palette-color-4-6: var(--color-role-palette-4-6);--color-palette-color-4-7: var(--color-role-palette-4-7);--color-palette-color-4-8: var(--color-role-palette-4-8);--color-palette-color-4-9: var(--color-role-palette-4-9);--color-palette-color-4-10: var(--color-role-palette-4-10);--color-palette-color-4-11: var(--color-role-palette-4-11);--color-palette-color-4-12: var(--color-role-palette-4-12);--color-palette-color-5-0: var(--color-role-palette-5-0);--color-palette-color-5-1: var(--color-role-palette-5-1);--color-palette-color-5-2: var(--color-role-palette-5-2);--color-palette-color-5-3: var(--color-role-palette-5-3);--color-palette-color-5-4: var(--color-role-palette-5-4);--color-palette-color-5-5: var(--color-role-palette-5-5);--color-palette-color-5-6: var(--color-role-palette-5-6);--color-palette-color-5-7: var(--color-role-palette-5-7);--color-palette-color-5-8: var(--color-role-palette-5-8);--color-palette-color-5-9: var(--color-role-palette-5-9);--color-palette-color-5-10: var(--color-role-palette-5-10);--color-palette-color-5-11: var(--color-role-palette-5-11);--color-palette-color-5-12: var(--color-role-palette-5-12);--color-palette-color-6-0: var(--color-role-palette-6-0);--color-palette-color-6-1: var(--color-role-palette-6-1);--color-palette-color-6-2: var(--color-role-palette-6-2);--color-palette-color-6-3: var(--color-role-palette-6-3);--color-palette-color-6-4: var(--color-role-palette-6-4);--color-palette-color-6-5: var(--color-role-palette-6-5);--color-palette-color-6-6: var(--color-role-palette-6-6);--color-palette-color-6-7: var(--color-role-palette-6-7);--color-palette-color-6-8: var(--color-role-palette-6-8);--color-palette-color-6-9: var(--color-role-palette-6-9);--color-palette-color-6-10: var(--color-role-palette-6-10);--color-palette-color-6-11: var(--color-role-palette-6-11);--color-palette-color-6-12: var(--color-role-palette-6-12);--color-palette-color-7-0: var(--color-role-palette-7-0);--color-palette-color-7-1: var(--color-role-palette-7-1);--color-palette-color-7-2: var(--color-role-palette-7-2);--color-palette-color-7-3: var(--color-role-palette-7-3);--color-palette-color-7-4: var(--color-role-palette-7-4);--color-palette-color-7-5: var(--color-role-palette-7-5);--color-palette-color-7-6: var(--color-role-palette-7-6);--color-palette-color-7-7: var(--color-role-palette-7-7);--color-palette-color-7-8: var(--color-role-palette-7-8);--color-palette-color-7-9: var(--color-role-palette-7-9);--color-palette-color-7-10: var(--color-role-palette-7-10);--color-palette-color-7-11: var(--color-role-palette-7-11);--color-palette-color-7-12: var(--color-role-palette-7-12);--color-palette-color-8-0: var(--color-role-palette-8-0);--color-palette-color-8-1: var(--color-role-palette-8-1);--color-palette-color-8-2: var(--color-role-palette-8-2);--color-palette-color-8-3: var(--color-role-palette-8-3);--color-palette-color-8-4: var(--color-role-palette-8-4);--color-palette-color-8-5: var(--color-role-palette-8-5);--color-palette-color-8-6: var(--color-role-palette-8-6);--color-palette-color-8-7: var(--color-role-palette-8-7);--color-palette-color-8-8: var(--color-role-palette-8-8);--color-palette-color-8-9: var(--color-role-palette-8-9);--color-palette-color-8-10: var(--color-role-palette-8-10);--color-palette-color-8-11: var(--color-role-palette-8-11);--color-palette-color-8-12: var(--color-role-palette-8-12);--color-palette-color-9-0: var(--color-role-palette-9-0);--color-palette-color-9-1: var(--color-role-palette-9-1);--color-palette-color-9-2: var(--color-role-palette-9-2);--color-palette-color-9-3: var(--color-role-palette-9-3);--color-palette-color-9-4: var(--color-role-palette-9-4);--color-palette-color-9-5: var(--color-role-palette-9-5);--color-palette-color-9-6: var(--color-role-palette-9-6);--color-palette-color-9-7: var(--color-role-palette-9-7);--color-palette-color-9-8: var(--color-role-palette-9-8);--color-palette-color-9-9: var(--color-role-palette-9-9);--color-palette-color-9-10: var(--color-role-palette-9-10);--color-palette-color-9-11: var(--color-role-palette-9-11);--color-palette-color-9-12: var(--color-role-palette-9-12);--color-palette-color-10-0: var(--color-role-palette-10-0);--color-palette-color-10-1: var(--color-role-palette-10-1);--color-palette-color-10-2: var(--color-role-palette-10-2);--color-palette-color-10-3: var(--color-role-palette-10-3);--color-palette-color-10-4: var(--color-role-palette-10-4);--color-palette-color-10-5: var(--color-role-palette-10-5);--color-palette-color-10-6: var(--color-role-palette-10-6);--color-palette-color-10-7: var(--color-role-palette-10-7);--color-palette-color-10-8: var(--color-role-palette-10-8);--color-palette-color-10-9: var(--color-role-palette-10-9);--color-palette-color-10-10: var(--color-role-palette-10-10);--color-palette-color-10-11: var(--color-role-palette-10-11);--color-palette-color-10-12: var(--color-role-palette-10-12);--color-palette-color-11-0: var(--color-role-palette-11-0);--color-palette-color-11-1: var(--color-role-palette-11-1);--color-palette-color-11-2: var(--color-role-palette-11-2);--color-palette-color-11-3: var(--color-role-palette-11-3);--color-palette-color-11-4: var(--color-role-palette-11-4);--color-palette-color-11-5: var(--color-role-palette-11-5);--color-palette-color-11-6: var(--color-role-palette-11-6);--color-palette-color-11-7: var(--color-role-palette-11-7);--color-palette-color-11-8: var(--color-role-palette-11-8);--color-palette-color-11-9: var(--color-role-palette-11-9);--color-palette-color-11-10: var(--color-role-palette-11-10);--color-palette-color-11-11: var(--color-role-palette-11-11);--color-palette-color-11-12: var(--color-role-palette-11-12);--color-palette-color-12-0: var(--color-role-palette-12-0);--color-palette-color-12-1: var(--color-role-palette-12-1);--color-palette-color-12-2: var(--color-role-palette-12-2);--color-palette-color-12-3: var(--color-role-palette-12-3);--color-palette-color-12-4: var(--color-role-palette-12-4);--color-palette-color-12-5: var(--color-role-palette-12-5);--color-palette-color-12-6: var(--color-role-palette-12-6);--color-palette-color-12-7: var(--color-role-palette-12-7);--color-palette-color-12-8: var(--color-role-palette-12-8);--color-palette-color-12-9: var(--color-role-palette-12-9);--color-palette-color-12-10: var(--color-role-palette-12-10);--color-palette-color-12-11: var(--color-role-palette-12-11);--color-palette-color-12-12: var(--color-role-palette-12-12);--color-palette-logo-1: var(--color-role-logo-1);--color-palette-logo-2: var(--color-role-logo-2);--color-palette-logo-3: var(--color-role-logo-3);--color-palette-logo-4: var(--color-role-logo-4);--color-palette-logo-5: var(--color-role-logo-5);--color-palette-logo-6: var(--color-role-logo-6);--color-palette-logo-7: var(--color-role-logo-7);--color-palette-logo-8: var(--color-role-logo-8);--color-palette-logo-9: var(--color-role-logo-9);--color-palette-logo-10: var(--color-role-logo-10);--color-palette-logo-11: var(--color-role-logo-11);--color-palette-logo-12: var(--color-role-logo-12);--color-palette-logo-mono: var(--color-role-logo-mono);--color-palette-logo-1-0: var(--color-role-logo-1-0);--color-palette-logo-1-1: var(--color-role-logo-1-1);--color-palette-logo-1-2: var(--color-role-logo-1-2);--color-palette-logo-1-3: var(--color-role-logo-1-3);--color-palette-logo-1-4: var(--color-role-logo-1-4);--color-palette-logo-1-5: var(--color-role-logo-1-5);--color-palette-logo-1-6: var(--color-role-logo-1-6);--color-palette-logo-1-7: var(--color-role-logo-1-7);--color-palette-logo-1-8: var(--color-role-logo-1-8);--color-palette-logo-1-9: var(--color-role-logo-1-9);--color-palette-logo-1-10: var(--color-role-logo-1-10);--color-palette-logo-1-11: var(--color-role-logo-1-11);--color-palette-logo-1-12: var(--color-role-logo-1-12);--color-palette-logo-2-0: var(--color-role-logo-2-0);--color-palette-logo-2-1: var(--color-role-logo-2-1);--color-palette-logo-2-2: var(--color-role-logo-2-2);--color-palette-logo-2-3: var(--color-role-logo-2-3);--color-palette-logo-2-4: var(--color-role-logo-2-4);--color-palette-logo-2-5: var(--color-role-logo-2-5);--color-palette-logo-2-6: var(--color-role-logo-2-6);--color-palette-logo-2-7: var(--color-role-logo-2-7);--color-palette-logo-2-8: var(--color-role-logo-2-8);--color-palette-logo-2-9: var(--color-role-logo-2-9);--color-palette-logo-2-10: var(--color-role-logo-2-10);--color-palette-logo-2-11: var(--color-role-logo-2-11);--color-palette-logo-2-12: var(--color-role-logo-2-12);--color-palette-logo-3-0: var(--color-role-logo-3-0);--color-palette-logo-3-1: var(--color-role-logo-3-1);--color-palette-logo-3-2: var(--color-role-logo-3-2);--color-palette-logo-3-3: var(--color-role-logo-3-3);--color-palette-logo-3-4: var(--color-role-logo-3-4);--color-palette-logo-3-5: var(--color-role-logo-3-5);--color-palette-logo-3-6: var(--color-role-logo-3-6);--color-palette-logo-3-7: var(--color-role-logo-3-7);--color-palette-logo-3-8: var(--color-role-logo-3-8);--color-palette-logo-3-9: var(--color-role-logo-3-9);--color-palette-logo-3-10: var(--color-role-logo-3-10);--color-palette-logo-3-11: var(--color-role-logo-3-11);--color-palette-logo-3-12: var(--color-role-logo-3-12);--color-palette-logo-4-0: var(--color-role-logo-4-0);--color-palette-logo-4-1: var(--color-role-logo-4-1);--color-palette-logo-4-2: var(--color-role-logo-4-2);--color-palette-logo-4-3: var(--color-role-logo-4-3);--color-palette-logo-4-4: var(--color-role-logo-4-4);--color-palette-logo-4-5: var(--color-role-logo-4-5);--color-palette-logo-4-6: var(--color-role-logo-4-6);--color-palette-logo-4-7: var(--color-role-logo-4-7);--color-palette-logo-4-8: var(--color-role-logo-4-8);--color-palette-logo-4-9: var(--color-role-logo-4-9);--color-palette-logo-4-10: var(--color-role-logo-4-10);--color-palette-logo-4-11: var(--color-role-logo-4-11);--color-palette-logo-4-12: var(--color-role-logo-4-12);--color-palette-logo-5-0: var(--color-role-logo-5-0);--color-palette-logo-5-1: var(--color-role-logo-5-1);--color-palette-logo-5-2: var(--color-role-logo-5-2);--color-palette-logo-5-3: var(--color-role-logo-5-3);--color-palette-logo-5-4: var(--color-role-logo-5-4);--color-palette-logo-5-5: var(--color-role-logo-5-5);--color-palette-logo-5-6: var(--color-role-logo-5-6);--color-palette-logo-5-7: var(--color-role-logo-5-7);--color-palette-logo-5-8: var(--color-role-logo-5-8);--color-palette-logo-5-9: var(--color-role-logo-5-9);--color-palette-logo-5-10: var(--color-role-logo-5-10);--color-palette-logo-5-11: var(--color-role-logo-5-11);--color-palette-logo-5-12: var(--color-role-logo-5-12);--color-palette-logo-6-0: var(--color-role-logo-6-0);--color-palette-logo-6-1: var(--color-role-logo-6-1);--color-palette-logo-6-2: var(--color-role-logo-6-2);--color-palette-logo-6-3: var(--color-role-logo-6-3);--color-palette-logo-6-4: var(--color-role-logo-6-4);--color-palette-logo-6-5: var(--color-role-logo-6-5);--color-palette-logo-6-6: var(--color-role-logo-6-6);--color-palette-logo-6-7: var(--color-role-logo-6-7);--color-palette-logo-6-8: var(--color-role-logo-6-8);--color-palette-logo-6-9: var(--color-role-logo-6-9);--color-palette-logo-6-10: var(--color-role-logo-6-10);--color-palette-logo-6-11: var(--color-role-logo-6-11);--color-palette-logo-6-12: var(--color-role-logo-6-12);--color-palette-logo-7-0: var(--color-role-logo-7-0);--color-palette-logo-7-1: var(--color-role-logo-7-1);--color-palette-logo-7-2: var(--color-role-logo-7-2);--color-palette-logo-7-3: var(--color-role-logo-7-3);--color-palette-logo-7-4: var(--color-role-logo-7-4);--color-palette-logo-7-5: var(--color-role-logo-7-5);--color-palette-logo-7-6: var(--color-role-logo-7-6);--color-palette-logo-7-7: var(--color-role-logo-7-7);--color-palette-logo-7-8: var(--color-role-logo-7-8);--color-palette-logo-7-9: var(--color-role-logo-7-9);--color-palette-logo-7-10: var(--color-role-logo-7-10);--color-palette-logo-7-11: var(--color-role-logo-7-11);--color-palette-logo-7-12: var(--color-role-logo-7-12);--color-palette-logo-8-0: var(--color-role-logo-8-0);--color-palette-logo-8-1: var(--color-role-logo-8-1);--color-palette-logo-8-2: var(--color-role-logo-8-2);--color-palette-logo-8-3: var(--color-role-logo-8-3);--color-palette-logo-8-4: var(--color-role-logo-8-4);--color-palette-logo-8-5: var(--color-role-logo-8-5);--color-palette-logo-8-6: var(--color-role-logo-8-6);--color-palette-logo-8-7: var(--color-role-logo-8-7);--color-palette-logo-8-8: var(--color-role-logo-8-8);--color-palette-logo-8-9: var(--color-role-logo-8-9);--color-palette-logo-8-10: var(--color-role-logo-8-10);--color-palette-logo-8-11: var(--color-role-logo-8-11);--color-palette-logo-8-12: var(--color-role-logo-8-12);--color-palette-logo-9-0: var(--color-role-logo-9-0);--color-palette-logo-9-1: var(--color-role-logo-9-1);--color-palette-logo-9-2: var(--color-role-logo-9-2);--color-palette-logo-9-3: var(--color-role-logo-9-3);--color-palette-logo-9-4: var(--color-role-logo-9-4);--color-palette-logo-9-5: var(--color-role-logo-9-5);--color-palette-logo-9-6: var(--color-role-logo-9-6);--color-palette-logo-9-7: var(--color-role-logo-9-7);--color-palette-logo-9-8: var(--color-role-logo-9-8);--color-palette-logo-9-9: var(--color-role-logo-9-9);--color-palette-logo-9-10: var(--color-role-logo-9-10);--color-palette-logo-9-11: var(--color-role-logo-9-11);--color-palette-logo-9-12: var(--color-role-logo-9-12);--color-palette-logo-10-0: var(--color-role-logo-10-0);--color-palette-logo-10-1: var(--color-role-logo-10-1);--color-palette-logo-10-2: var(--color-role-logo-10-2);--color-palette-logo-10-3: var(--color-role-logo-10-3);--color-palette-logo-10-4: var(--color-role-logo-10-4);--color-palette-logo-10-5: var(--color-role-logo-10-5);--color-palette-logo-10-6: var(--color-role-logo-10-6);--color-palette-logo-10-7: var(--color-role-logo-10-7);--color-palette-logo-10-8: var(--color-role-logo-10-8);--color-palette-logo-10-9: var(--color-role-logo-10-9);--color-palette-logo-10-10: var(--color-role-logo-10-10);--color-palette-logo-10-11: var(--color-role-logo-10-11);--color-palette-logo-10-12: var(--color-role-logo-10-12);--color-palette-logo-11-0: var(--color-role-logo-11-0);--color-palette-logo-11-1: var(--color-role-logo-11-1);--color-palette-logo-11-2: var(--color-role-logo-11-2);--color-palette-logo-11-3: var(--color-role-logo-11-3);--color-palette-logo-11-4: var(--color-role-logo-11-4);--color-palette-logo-11-5: var(--color-role-logo-11-5);--color-palette-logo-11-6: var(--color-role-logo-11-6);--color-palette-logo-11-7: var(--color-role-logo-11-7);--color-palette-logo-11-8: var(--color-role-logo-11-8);--color-palette-logo-11-9: var(--color-role-logo-11-9);--color-palette-logo-11-10: var(--color-role-logo-11-10);--color-palette-logo-11-11: var(--color-role-logo-11-11);--color-palette-logo-11-12: var(--color-role-logo-11-12);--color-palette-logo-12-0: var(--color-role-logo-12-0);--color-palette-logo-12-1: var(--color-role-logo-12-1);--color-palette-logo-12-2: var(--color-role-logo-12-2);--color-palette-logo-12-3: var(--color-role-logo-12-3);--color-palette-logo-12-4: var(--color-role-logo-12-4);--color-palette-logo-12-5: var(--color-role-logo-12-5);--color-palette-logo-12-6: var(--color-role-logo-12-6);--color-palette-logo-12-7: var(--color-role-logo-12-7);--color-palette-logo-12-8: var(--color-role-logo-12-8);--color-palette-logo-12-9: var(--color-role-logo-12-9);--color-palette-logo-12-10: var(--color-role-logo-12-10);--color-palette-logo-12-11: var(--color-role-logo-12-11);--color-palette-logo-12-12: var(--color-role-logo-12-12);--color-palette-mono-1: var(--color-role-gray-1);--color-palette-mono-2: var(--color-role-gray-2);--color-palette-mono-black: var(--color-role-gray-black);--color-palette-mono-blackish: var(--color-role-gray-blackish);--color-palette-mono-whiteish: var(--color-role-gray-whiteish);--color-palette-mono-white: var(--color-role-gray-white);--color-palette-mono-1-0: var(--color-role-gray-1-0);--color-palette-mono-1-1: var(--color-role-gray-1-1);--color-palette-mono-1-2: var(--color-role-gray-1-2);--color-palette-mono-1-3: var(--color-role-gray-1-3);--color-palette-mono-1-4: var(--color-role-gray-1-4);--color-palette-mono-1-5: var(--color-role-gray-1-5);--color-palette-mono-1-6: var(--color-role-gray-1-6);--color-palette-mono-1-7: var(--color-role-gray-1-7);--color-palette-mono-1-8: var(--color-role-gray-1-8);--color-palette-mono-1-9: var(--color-role-gray-1-9);--color-palette-mono-1-10: var(--color-role-gray-1-10);--color-palette-mono-1-11: var(--color-role-gray-1-11);--color-palette-mono-1-12: var(--color-role-gray-1-12);--color-palette-mono-2-0: var(--color-role-gray-2-0);--color-palette-mono-2-1: var(--color-role-gray-2-1);--color-palette-mono-2-2: var(--color-role-gray-2-2);--color-palette-mono-2-3: var(--color-role-gray-2-3);--color-palette-mono-2-4: var(--color-role-gray-2-4);--color-palette-mono-2-5: var(--color-role-gray-2-5);--color-palette-mono-2-6: var(--color-role-gray-2-6);--color-palette-mono-2-7: var(--color-role-gray-2-7);--color-palette-mono-2-8: var(--color-role-gray-2-8);--color-palette-mono-2-9: var(--color-role-gray-2-9);--color-palette-mono-2-10: var(--color-role-gray-2-10);--color-palette-mono-2-11: var(--color-role-gray-2-11);--color-palette-mono-2-12: var(--color-role-gray-2-12);--color-palette-mono-black-0: var(--color-role-gray-black-0);--color-palette-mono-black-1: var(--color-role-gray-black-1);--color-palette-mono-black-2: var(--color-role-gray-black-2);--color-palette-mono-black-3: var(--color-role-gray-black-3);--color-palette-mono-black-4: var(--color-role-gray-black-4);--color-palette-mono-black-5: var(--color-role-gray-black-5);--color-palette-mono-black-6: var(--color-role-gray-black-6);--color-palette-mono-black-7: var(--color-role-gray-black-7);--color-palette-mono-black-8: var(--color-role-gray-black-8);--color-palette-mono-black-9: var(--color-role-gray-black-9);--color-palette-mono-black-10: var(--color-role-gray-black-10);--color-palette-mono-black-11: var(--color-role-gray-black-11);--color-palette-mono-black-12: var(--color-role-gray-black-12);--color-palette-mono-blackish-0: var(--color-role-gray-blackish-0);--color-palette-mono-blackish-1: var(--color-role-gray-blackish-1);--color-palette-mono-blackish-2: var(--color-role-gray-blackish-2);--color-palette-mono-blackish-3: var(--color-role-gray-blackish-3);--color-palette-mono-blackish-4: var(--color-role-gray-blackish-4);--color-palette-mono-blackish-5: var(--color-role-gray-blackish-5);--color-palette-mono-blackish-6: var(--color-role-gray-blackish-6);--color-palette-mono-blackish-7: var(--color-role-gray-blackish-7);--color-palette-mono-blackish-8: var(--color-role-gray-blackish-8);--color-palette-mono-blackish-9: var(--color-role-gray-blackish-9);--color-palette-mono-blackish-10: var(--color-role-gray-blackish-10);--color-palette-mono-blackish-11: var(--color-role-gray-blackish-11);--color-palette-mono-blackish-12: var(--color-role-gray-blackish-12);--color-palette-mono-whiteish-0: var(--color-role-gray-whiteish-0);--color-palette-mono-whiteish-1: var(--color-role-gray-whiteish-1);--color-palette-mono-whiteish-2: var(--color-role-gray-whiteish-2);--color-palette-mono-whiteish-3: var(--color-role-gray-whiteish-3);--color-palette-mono-whiteish-4: var(--color-role-gray-whiteish-4);--color-palette-mono-whiteish-5: var(--color-role-gray-whiteish-5);--color-palette-mono-whiteish-6: var(--color-role-gray-whiteish-6);--color-palette-mono-whiteish-7: var(--color-role-gray-whiteish-7);--color-palette-mono-whiteish-8: var(--color-role-gray-whiteish-8);--color-palette-mono-whiteish-9: var(--color-role-gray-whiteish-9);--color-palette-mono-whiteish-10: var(--color-role-gray-whiteish-10);--color-palette-mono-whiteish-11: var(--color-role-gray-whiteish-11);--color-palette-mono-whiteish-12: var(--color-role-gray-whiteish-12);--color-palette-mono-white-0: var(--color-role-gray-white-0);--color-palette-mono-white-1: var(--color-role-gray-white-1);--color-palette-mono-white-2: var(--color-role-gray-white-2);--color-palette-mono-white-3: var(--color-role-gray-white-3);--color-palette-mono-white-4: var(--color-role-gray-white-4);--color-palette-mono-white-5: var(--color-role-gray-white-5);--color-palette-mono-white-6: var(--color-role-gray-white-6);--color-palette-mono-white-7: var(--color-role-gray-white-7);--color-palette-mono-white-8: var(--color-role-gray-white-8);--color-palette-mono-white-9: var(--color-role-gray-white-9);--color-palette-mono-white-10: var(--color-role-gray-white-10);--color-palette-mono-white-11: var(--color-role-gray-white-11);--color-palette-mono-white-12: var(--color-role-gray-white-12);--color-palette-glass-sheen: var(--color-role-glass-sheen);--color-palette-glass-tint: var(--color-role-glass-tint);--color-palette-glass-shadow: var(--color-role-glass-shadow);--color-palette-glass-cool: var(--color-role-glass-cool);--color-palette-glass-warm: var(--color-role-glass-warm);--color-role-anchor: var(--color-indigo-9);--color-role-anchor-strong: var(--color-indigo-10);--color-role-anchor-stronger: var(--color-indigo-11);--color-role-paper: var(--color-slate-0);--color-role-ink: var(--color-slate-12);--color-role-ink-soft: var(--color-slate-12);--color-role-neutral: var(--color-slate-10);--color-role-neutral-strong: var(--color-slate-12);--color-role-neutral-soft: var(--color-slate-4);--color-role-neutral-softer: var(--color-slate-3);--color-role-success: var(--color-green-9);--color-role-success-soft: var(--color-green-2);--color-role-success-strong: var(--color-green-11);--color-role-warning: var(--color-amber-9);--color-role-warning-soft: var(--color-amber-2);--color-role-warning-strong: var(--color-amber-11);--color-role-error: var(--color-red-9);--color-role-error-soft: var(--color-red-2);--color-role-error-strong: var(--color-red-11);--color-role-info: var(--color-sky-9);--color-role-info-soft: var(--color-sky-2);--color-role-info-strong: var(--color-sky-11);--color-role-anchor-0: var(--color-indigo-0);--color-role-anchor-1: var(--color-indigo-1);--color-role-anchor-2: var(--color-indigo-2);--color-role-anchor-3: var(--color-indigo-3);--color-role-anchor-4: var(--color-indigo-4);--color-role-anchor-5: var(--color-indigo-5);--color-role-anchor-6: var(--color-indigo-6);--color-role-anchor-7: var(--color-indigo-7);--color-role-anchor-8: var(--color-indigo-8);--color-role-anchor-9: var(--color-indigo-9);--color-role-anchor-10: var(--color-indigo-10);--color-role-anchor-11: var(--color-indigo-11);--color-role-anchor-12: var(--color-indigo-12);--color-role-success-0: var(--color-green-0);--color-role-success-1: var(--color-green-1);--color-role-success-2: var(--color-green-2);--color-role-success-3: var(--color-green-3);--color-role-success-4: var(--color-green-4);--color-role-success-5: var(--color-green-5);--color-role-success-6: var(--color-green-6);--color-role-success-7: var(--color-green-7);--color-role-success-8: var(--color-green-8);--color-role-success-9: var(--color-green-9);--color-role-success-10: var(--color-green-10);--color-role-success-11: var(--color-green-11);--color-role-success-12: var(--color-green-12);--color-role-warning-0: var(--color-amber-0);--color-role-warning-1: var(--color-amber-1);--color-role-warning-2: var(--color-amber-2);--color-role-warning-3: var(--color-amber-3);--color-role-warning-4: var(--color-amber-4);--color-role-warning-5: var(--color-amber-5);--color-role-warning-6: var(--color-amber-6);--color-role-warning-7: var(--color-amber-7);--color-role-warning-8: var(--color-amber-8);--color-role-warning-9: var(--color-amber-9);--color-role-warning-10: var(--color-amber-10);--color-role-warning-11: var(--color-amber-11);--color-role-warning-12: var(--color-amber-12);--color-role-error-0: var(--color-red-0);--color-role-error-1: var(--color-red-1);--color-role-error-2: var(--color-red-2);--color-role-error-3: var(--color-red-3);--color-role-error-4: var(--color-red-4);--color-role-error-5: var(--color-red-5);--color-role-error-6: var(--color-red-6);--color-role-error-7: var(--color-red-7);--color-role-error-8: var(--color-red-8);--color-role-error-9: var(--color-red-9);--color-role-error-10: var(--color-red-10);--color-role-error-11: var(--color-red-11);--color-role-error-12: var(--color-red-12);--color-role-info-0: var(--color-sky-0);--color-role-info-1: var(--color-sky-1);--color-role-info-2: var(--color-sky-2);--color-role-info-3: var(--color-sky-3);--color-role-info-4: var(--color-sky-4);--color-role-info-5: var(--color-sky-5);--color-role-info-6: var(--color-sky-6);--color-role-info-7: var(--color-sky-7);--color-role-info-8: var(--color-sky-8);--color-role-info-9: var(--color-sky-9);--color-role-info-10: var(--color-sky-10);--color-role-info-11: var(--color-sky-11);--color-role-info-12: var(--color-sky-12)}}@layer dp-palette{[data-palette=doneproperly-v1]:not([data-color-scheme]),[data-palette=doneproperly-v1][data-color-scheme=light]{--color-amber-0: oklch(97% .053 55);--color-amber-1: oklch(93% .08 55);--color-amber-2: oklch(87% .107 55);--color-amber-3: oklch(78% .133 55);--color-amber-4: oklch(68% .152 55);--color-amber-5: oklch(59% .16 55);--color-amber-6: oklch(50% .16 55);--color-amber-7: oklch(43% .16 55);--color-amber-8: oklch(36% .152 55);--color-amber-9: oklch(29% .133 55);--color-amber-10: oklch(22% .107 55);--color-amber-11: oklch(15% .08 55);--color-amber-12: oklch(10% .053 55);--color-amber-default: oklch(50% .16 55);--color-green-0: oklch(97% .053 145);--color-green-1: oklch(93% .08 145);--color-green-2: oklch(87% .107 145);--color-green-3: oklch(78% .133 145);--color-green-4: oklch(68% .152 145);--color-green-5: oklch(59% .16 145);--color-green-6: oklch(50% .16 145);--color-green-7: oklch(43% .16 145);--color-green-8: oklch(36% .152 145);--color-green-9: oklch(29% .133 145);--color-green-10: oklch(22% .107 145);--color-green-11: oklch(15% .08 145);--color-green-12: oklch(10% .053 145);--color-green-default: oklch(50% .16 145);--color-indigo-0: oklch(97% .059 264);--color-indigo-1: oklch(93% .09 264);--color-indigo-2: oklch(87% .121 264);--color-indigo-3: oklch(78% .149 264);--color-indigo-4: oklch(68% .171 264);--color-indigo-5: oklch(59% .18 264);--color-indigo-6: oklch(50% .18 264);--color-indigo-7: oklch(43% .18 264);--color-indigo-8: oklch(36% .171 264);--color-indigo-9: oklch(29% .149 264);--color-indigo-10: oklch(22% .121 264);--color-indigo-11: oklch(15% .09 264);--color-indigo-12: oklch(10% .059 264);--color-indigo-default: oklch(50% .18 264);--color-red-0: oklch(97% .059 25);--color-red-1: oklch(93% .09 25);--color-red-2: oklch(87% .121 25);--color-red-3: oklch(78% .149 25);--color-red-4: oklch(68% .171 25);--color-red-5: oklch(59% .18 25);--color-red-6: oklch(50% .18 25);--color-red-7: oklch(43% .18 25);--color-red-8: oklch(36% .171 25);--color-red-9: oklch(29% .149 25);--color-red-10: oklch(22% .121 25);--color-red-11: oklch(15% .09 25);--color-red-12: oklch(10% .059 25);--color-red-default: oklch(50% .18 25);--color-sky-0: oklch(97% .046 215);--color-sky-1: oklch(93% .07 215);--color-sky-2: oklch(87% .094 215);--color-sky-3: oklch(78% .116 215);--color-sky-4: oklch(68% .133 215);--color-sky-5: oklch(59% .14 215);--color-sky-6: oklch(50% .14 215);--color-sky-7: oklch(43% .14 215);--color-sky-8: oklch(36% .133 215);--color-sky-9: oklch(29% .116 215);--color-sky-10: oklch(22% .094 215);--color-sky-11: oklch(15% .07 215);--color-sky-12: oklch(10% .046 215);--color-sky-default: oklch(50% .14 215);--color-slate-0: oklch(97% .007 250);--color-slate-1: oklch(93% .01 250);--color-slate-2: oklch(87% .013 250);--color-slate-3: oklch(78% .017 250);--color-slate-4: oklch(68% .019 250);--color-slate-5: oklch(59% .02 250);--color-slate-6: oklch(50% .02 250);--color-slate-7: oklch(43% .02 250);--color-slate-8: oklch(36% .019 250);--color-slate-9: oklch(29% .017 250);--color-slate-10: oklch(22% .013 250);--color-slate-11: oklch(15% .01 250);--color-slate-12: oklch(10% .007 250);--color-slate-default: oklch(50% .02 250);--color-fuchsia-0: oklch(97% .073 320);--color-fuchsia-1: oklch(93.4% .11 320);--color-fuchsia-2: oklch(88.1% .147 320);--color-fuchsia-3: oklch(80% .183 320);--color-fuchsia-4: oklch(71.1% .209 320);--color-fuchsia-5: oklch(63% .22 320);--color-fuchsia-6: oklch(55% .22 320);--color-fuchsia-7: oklch(47.1% .22 320);--color-fuchsia-8: oklch(39.3% .209 320);--color-fuchsia-9: oklch(31.4% .183 320);--color-fuchsia-10: oklch(23.5% .147 320);--color-fuchsia-11: oklch(15.6% .11 320);--color-fuchsia-12: oklch(10% .073 320);--color-fuchsia-default: oklch(55% .22 320);--color-pink-0: oklch(97% .073 350);--color-pink-1: oklch(93.4% .11 350);--color-pink-2: oklch(88.1% .147 350);--color-pink-3: oklch(80% .183 350);--color-pink-4: oklch(71.1% .209 350);--color-pink-5: oklch(63% .22 350);--color-pink-6: oklch(55% .22 350);--color-pink-7: oklch(47.1% .22 350);--color-pink-8: oklch(39.3% .209 350);--color-pink-9: oklch(31.4% .183 350);--color-pink-10: oklch(23.5% .147 350);--color-pink-11: oklch(15.6% .11 350);--color-pink-12: oklch(10% .073 350);--color-pink-default: oklch(55% .22 350);--color-role-anchor: var(--color-indigo-6);--color-role-anchor-strong: var(--color-indigo-7);--color-role-anchor-stronger: var(--color-indigo-8);--color-role-paper: var(--color-slate-0);--color-role-ink: var(--color-slate-12);--color-role-ink-soft: var(--color-slate-11);--color-role-neutral: var(--color-slate-7);--color-role-neutral-strong: var(--color-slate-9);--color-role-neutral-soft: var(--color-slate-2);--color-role-neutral-softer: var(--color-slate-1);--color-role-success: var(--color-green-6);--color-role-success-soft: var(--color-green-1);--color-role-success-strong: var(--color-green-9);--color-role-warning: var(--color-amber-6);--color-role-warning-soft: var(--color-amber-1);--color-role-warning-strong: var(--color-amber-9);--color-role-error: var(--color-red-6);--color-role-error-soft: var(--color-red-1);--color-role-error-strong: var(--color-red-9);--color-role-info: var(--color-sky-6);--color-role-info-soft: var(--color-sky-1);--color-role-info-strong: var(--color-sky-9);--color-role-logo-1: var(--color-indigo-8);--color-role-logo-2: var(--color-indigo-7);--color-role-logo-3: var(--color-indigo-6);--color-role-logo-4: var(--color-indigo-5);--color-role-logo-5: var(--color-indigo-4);--color-role-logo-mono: var(--color-slate-12);--color-role-palette-1: var(--color-pink-6);--color-role-palette-2: var(--color-indigo-6);--color-role-palette-3: var(--color-sky-6);--color-role-palette-4: var(--color-fuchsia-6);--color-role-anchor-0: var(--color-indigo-0);--color-role-anchor-1: var(--color-indigo-1);--color-role-anchor-2: var(--color-indigo-2);--color-role-anchor-3: var(--color-indigo-3);--color-role-anchor-4: var(--color-indigo-4);--color-role-anchor-5: var(--color-indigo-5);--color-role-anchor-6: var(--color-indigo-6);--color-role-anchor-7: var(--color-indigo-7);--color-role-anchor-8: var(--color-indigo-8);--color-role-anchor-9: var(--color-indigo-9);--color-role-anchor-10: var(--color-indigo-10);--color-role-anchor-11: var(--color-indigo-11);--color-role-anchor-12: var(--color-indigo-12);--color-role-success-0: var(--color-green-0);--color-role-success-1: var(--color-green-1);--color-role-success-2: var(--color-green-2);--color-role-success-3: var(--color-green-3);--color-role-success-4: var(--color-green-4);--color-role-success-5: var(--color-green-5);--color-role-success-6: var(--color-green-6);--color-role-success-7: var(--color-green-7);--color-role-success-8: var(--color-green-8);--color-role-success-9: var(--color-green-9);--color-role-success-10: var(--color-green-10);--color-role-success-11: var(--color-green-11);--color-role-success-12: var(--color-green-12);--color-role-warning-0: var(--color-amber-0);--color-role-warning-1: var(--color-amber-1);--color-role-warning-2: var(--color-amber-2);--color-role-warning-3: var(--color-amber-3);--color-role-warning-4: var(--color-amber-4);--color-role-warning-5: var(--color-amber-5);--color-role-warning-6: var(--color-amber-6);--color-role-warning-7: var(--color-amber-7);--color-role-warning-8: var(--color-amber-8);--color-role-warning-9: var(--color-amber-9);--color-role-warning-10: var(--color-amber-10);--color-role-warning-11: var(--color-amber-11);--color-role-warning-12: var(--color-amber-12);--color-role-error-0: var(--color-red-0);--color-role-error-1: var(--color-red-1);--color-role-error-2: var(--color-red-2);--color-role-error-3: var(--color-red-3);--color-role-error-4: var(--color-red-4);--color-role-error-5: var(--color-red-5);--color-role-error-6: var(--color-red-6);--color-role-error-7: var(--color-red-7);--color-role-error-8: var(--color-red-8);--color-role-error-9: var(--color-red-9);--color-role-error-10: var(--color-red-10);--color-role-error-11: var(--color-red-11);--color-role-error-12: var(--color-red-12);--color-role-info-0: var(--color-sky-0);--color-role-info-1: var(--color-sky-1);--color-role-info-2: var(--color-sky-2);--color-role-info-3: var(--color-sky-3);--color-role-info-4: var(--color-sky-4);--color-role-info-5: var(--color-sky-5);--color-role-info-6: var(--color-sky-6);--color-role-info-7: var(--color-sky-7);--color-role-info-8: var(--color-sky-8);--color-role-info-9: var(--color-sky-9);--color-role-info-10: var(--color-sky-10);--color-role-info-11: var(--color-sky-11);--color-role-info-12: var(--color-sky-12);--color-role-logo-1-0: var(--color-indigo-0);--color-role-logo-1-1: var(--color-indigo-1);--color-role-logo-1-2: var(--color-indigo-2);--color-role-logo-1-3: var(--color-indigo-3);--color-role-logo-1-4: var(--color-indigo-4);--color-role-logo-1-5: var(--color-indigo-5);--color-role-logo-1-6: var(--color-indigo-6);--color-role-logo-1-7: var(--color-indigo-7);--color-role-logo-1-8: var(--color-indigo-8);--color-role-logo-1-9: var(--color-indigo-9);--color-role-logo-1-10: var(--color-indigo-10);--color-role-logo-1-11: var(--color-indigo-11);--color-role-logo-1-12: var(--color-indigo-12);--color-role-logo-2-0: var(--color-indigo-0);--color-role-logo-2-1: var(--color-indigo-1);--color-role-logo-2-2: var(--color-indigo-2);--color-role-logo-2-3: var(--color-indigo-3);--color-role-logo-2-4: var(--color-indigo-4);--color-role-logo-2-5: var(--color-indigo-5);--color-role-logo-2-6: var(--color-indigo-6);--color-role-logo-2-7: var(--color-indigo-7);--color-role-logo-2-8: var(--color-indigo-8);--color-role-logo-2-9: var(--color-indigo-9);--color-role-logo-2-10: var(--color-indigo-10);--color-role-logo-2-11: var(--color-indigo-11);--color-role-logo-2-12: var(--color-indigo-12);--color-role-logo-3-0: var(--color-indigo-0);--color-role-logo-3-1: var(--color-indigo-1);--color-role-logo-3-2: var(--color-indigo-2);--color-role-logo-3-3: var(--color-indigo-3);--color-role-logo-3-4: var(--color-indigo-4);--color-role-logo-3-5: var(--color-indigo-5);--color-role-logo-3-6: var(--color-indigo-6);--color-role-logo-3-7: var(--color-indigo-7);--color-role-logo-3-8: var(--color-indigo-8);--color-role-logo-3-9: var(--color-indigo-9);--color-role-logo-3-10: var(--color-indigo-10);--color-role-logo-3-11: var(--color-indigo-11);--color-role-logo-3-12: var(--color-indigo-12);--color-role-logo-4-0: var(--color-indigo-0);--color-role-logo-4-1: var(--color-indigo-1);--color-role-logo-4-2: var(--color-indigo-2);--color-role-logo-4-3: var(--color-indigo-3);--color-role-logo-4-4: var(--color-indigo-4);--color-role-logo-4-5: var(--color-indigo-5);--color-role-logo-4-6: var(--color-indigo-6);--color-role-logo-4-7: var(--color-indigo-7);--color-role-logo-4-8: var(--color-indigo-8);--color-role-logo-4-9: var(--color-indigo-9);--color-role-logo-4-10: var(--color-indigo-10);--color-role-logo-4-11: var(--color-indigo-11);--color-role-logo-4-12: var(--color-indigo-12);--color-role-logo-5-0: var(--color-indigo-0);--color-role-logo-5-1: var(--color-indigo-1);--color-role-logo-5-2: var(--color-indigo-2);--color-role-logo-5-3: var(--color-indigo-3);--color-role-logo-5-4: var(--color-indigo-4);--color-role-logo-5-5: var(--color-indigo-5);--color-role-logo-5-6: var(--color-indigo-6);--color-role-logo-5-7: var(--color-indigo-7);--color-role-logo-5-8: var(--color-indigo-8);--color-role-logo-5-9: var(--color-indigo-9);--color-role-logo-5-10: var(--color-indigo-10);--color-role-logo-5-11: var(--color-indigo-11);--color-role-logo-5-12: var(--color-indigo-12);--color-role-logo-mono-0: var(--color-slate-0);--color-role-logo-mono-1: var(--color-slate-1);--color-role-logo-mono-2: var(--color-slate-2);--color-role-logo-mono-3: var(--color-slate-3);--color-role-logo-mono-4: var(--color-slate-4);--color-role-logo-mono-5: var(--color-slate-5);--color-role-logo-mono-6: var(--color-slate-6);--color-role-logo-mono-7: var(--color-slate-7);--color-role-logo-mono-8: var(--color-slate-8);--color-role-logo-mono-9: var(--color-slate-9);--color-role-logo-mono-10: var(--color-slate-10);--color-role-logo-mono-11: var(--color-slate-11);--color-role-logo-mono-12: var(--color-slate-12);--color-role-palette-1-0: var(--color-pink-0);--color-role-palette-1-1: var(--color-pink-1);--color-role-palette-1-2: var(--color-pink-2);--color-role-palette-1-3: var(--color-pink-3);--color-role-palette-1-4: var(--color-pink-4);--color-role-palette-1-5: var(--color-pink-5);--color-role-palette-1-6: var(--color-pink-6);--color-role-palette-1-7: var(--color-pink-7);--color-role-palette-1-8: var(--color-pink-8);--color-role-palette-1-9: var(--color-pink-9);--color-role-palette-1-10: var(--color-pink-10);--color-role-palette-1-11: var(--color-pink-11);--color-role-palette-1-12: var(--color-pink-12);--color-role-palette-2-0: var(--color-indigo-0);--color-role-palette-2-1: var(--color-indigo-1);--color-role-palette-2-2: var(--color-indigo-2);--color-role-palette-2-3: var(--color-indigo-3);--color-role-palette-2-4: var(--color-indigo-4);--color-role-palette-2-5: var(--color-indigo-5);--color-role-palette-2-6: var(--color-indigo-6);--color-role-palette-2-7: var(--color-indigo-7);--color-role-palette-2-8: var(--color-indigo-8);--color-role-palette-2-9: var(--color-indigo-9);--color-role-palette-2-10: var(--color-indigo-10);--color-role-palette-2-11: var(--color-indigo-11);--color-role-palette-2-12: var(--color-indigo-12);--color-role-palette-3-0: var(--color-sky-0);--color-role-palette-3-1: var(--color-sky-1);--color-role-palette-3-2: var(--color-sky-2);--color-role-palette-3-3: var(--color-sky-3);--color-role-palette-3-4: var(--color-sky-4);--color-role-palette-3-5: var(--color-sky-5);--color-role-palette-3-6: var(--color-sky-6);--color-role-palette-3-7: var(--color-sky-7);--color-role-palette-3-8: var(--color-sky-8);--color-role-palette-3-9: var(--color-sky-9);--color-role-palette-3-10: var(--color-sky-10);--color-role-palette-3-11: var(--color-sky-11);--color-role-palette-3-12: var(--color-sky-12);--color-role-palette-4-0: var(--color-fuchsia-0);--color-role-palette-4-1: var(--color-fuchsia-1);--color-role-palette-4-2: var(--color-fuchsia-2);--color-role-palette-4-3: var(--color-fuchsia-3);--color-role-palette-4-4: var(--color-fuchsia-4);--color-role-palette-4-5: var(--color-fuchsia-5);--color-role-palette-4-6: var(--color-fuchsia-6);--color-role-palette-4-7: var(--color-fuchsia-7);--color-role-palette-4-8: var(--color-fuchsia-8);--color-role-palette-4-9: var(--color-fuchsia-9);--color-role-palette-4-10: var(--color-fuchsia-10);--color-role-palette-4-11: var(--color-fuchsia-11);--color-role-palette-4-12: var(--color-fuchsia-12);--color-gradient-vivid: linear-gradient(90deg, var(--color-role-palette-1) 0%, var(--color-role-palette-2) 33%, var(--color-role-palette-3) 66%, var(--color-role-palette-4) 100%);--color-gradient-orbital: conic-gradient(from 0deg, var(--color-role-palette-1), var(--color-role-palette-2), var(--color-role-palette-3), var(--color-role-palette-4), var(--color-role-palette-1));--color-gradient-pulse-spectrum: radial-gradient(circle at 50% 50%, var(--color-role-palette-2) 0%, var(--color-role-palette-4) 60%, transparent 100%);--color-gradient-logo-shaded: linear-gradient(180deg, var(--color-role-logo-3) 0%, var(--color-role-logo-1) 100%);--color-gradient-logo-shaded-deep: linear-gradient(180deg, var(--color-role-logo-3) 0%, var(--color-role-logo-1) 100%);--color-gradient-logo-shaded-mid: linear-gradient(180deg, var(--color-role-logo-5) 0%, var(--color-role-logo-3) 100%);--color-gradient-logo-shaded-mute: linear-gradient(180deg, var(--color-role-neutral-soft) 0%, var(--color-role-neutral) 100%)}}@layer dp-palette{[data-palette=doneproperly-v1][data-color-scheme=dark]{--color-amber-0: oklch(97% .053 55);--color-amber-1: oklch(93% .08 55);--color-amber-2: oklch(87% .107 55);--color-amber-3: oklch(78% .133 55);--color-amber-4: oklch(68% .152 55);--color-amber-5: oklch(59% .16 55);--color-amber-6: oklch(50% .16 55);--color-amber-7: oklch(43% .16 55);--color-amber-8: oklch(36% .152 55);--color-amber-9: oklch(29% .133 55);--color-amber-10: oklch(22% .107 55);--color-amber-11: oklch(15% .08 55);--color-amber-12: oklch(10% .053 55);--color-amber-default: oklch(50% .16 55);--color-green-0: oklch(97% .053 145);--color-green-1: oklch(93% .08 145);--color-green-2: oklch(87% .107 145);--color-green-3: oklch(78% .133 145);--color-green-4: oklch(68% .152 145);--color-green-5: oklch(59% .16 145);--color-green-6: oklch(50% .16 145);--color-green-7: oklch(43% .16 145);--color-green-8: oklch(36% .152 145);--color-green-9: oklch(29% .133 145);--color-green-10: oklch(22% .107 145);--color-green-11: oklch(15% .08 145);--color-green-12: oklch(10% .053 145);--color-green-default: oklch(50% .16 145);--color-indigo-0: oklch(97% .059 264);--color-indigo-1: oklch(93% .09 264);--color-indigo-2: oklch(87% .121 264);--color-indigo-3: oklch(78% .149 264);--color-indigo-4: oklch(68% .171 264);--color-indigo-5: oklch(59% .18 264);--color-indigo-6: oklch(50% .18 264);--color-indigo-7: oklch(43% .18 264);--color-indigo-8: oklch(36% .171 264);--color-indigo-9: oklch(29% .149 264);--color-indigo-10: oklch(22% .121 264);--color-indigo-11: oklch(15% .09 264);--color-indigo-12: oklch(10% .059 264);--color-indigo-default: oklch(50% .18 264);--color-red-0: oklch(97% .059 25);--color-red-1: oklch(93% .09 25);--color-red-2: oklch(87% .121 25);--color-red-3: oklch(78% .149 25);--color-red-4: oklch(68% .171 25);--color-red-5: oklch(59% .18 25);--color-red-6: oklch(50% .18 25);--color-red-7: oklch(43% .18 25);--color-red-8: oklch(36% .171 25);--color-red-9: oklch(29% .149 25);--color-red-10: oklch(22% .121 25);--color-red-11: oklch(15% .09 25);--color-red-12: oklch(10% .059 25);--color-red-default: oklch(50% .18 25);--color-sky-0: oklch(97% .046 215);--color-sky-1: oklch(93% .07 215);--color-sky-2: oklch(87% .094 215);--color-sky-3: oklch(78% .116 215);--color-sky-4: oklch(68% .133 215);--color-sky-5: oklch(59% .14 215);--color-sky-6: oklch(50% .14 215);--color-sky-7: oklch(43% .14 215);--color-sky-8: oklch(36% .133 215);--color-sky-9: oklch(29% .116 215);--color-sky-10: oklch(22% .094 215);--color-sky-11: oklch(15% .07 215);--color-sky-12: oklch(10% .046 215);--color-sky-default: oklch(50% .14 215);--color-slate-0: oklch(97% .007 250);--color-slate-1: oklch(93% .01 250);--color-slate-2: oklch(87% .013 250);--color-slate-3: oklch(78% .017 250);--color-slate-4: oklch(68% .019 250);--color-slate-5: oklch(59% .02 250);--color-slate-6: oklch(50% .02 250);--color-slate-7: oklch(43% .02 250);--color-slate-8: oklch(36% .019 250);--color-slate-9: oklch(29% .017 250);--color-slate-10: oklch(22% .013 250);--color-slate-11: oklch(15% .01 250);--color-slate-12: oklch(10% .007 250);--color-slate-default: oklch(50% .02 250);--color-fuchsia-0: oklch(97% .073 320);--color-fuchsia-1: oklch(93.4% .11 320);--color-fuchsia-2: oklch(88.1% .147 320);--color-fuchsia-3: oklch(80% .183 320);--color-fuchsia-4: oklch(71.1% .209 320);--color-fuchsia-5: oklch(63% .22 320);--color-fuchsia-6: oklch(55% .22 320);--color-fuchsia-7: oklch(47.1% .22 320);--color-fuchsia-8: oklch(39.3% .209 320);--color-fuchsia-9: oklch(31.4% .183 320);--color-fuchsia-10: oklch(23.5% .147 320);--color-fuchsia-11: oklch(15.6% .11 320);--color-fuchsia-12: oklch(10% .073 320);--color-fuchsia-default: oklch(55% .22 320);--color-pink-0: oklch(97% .073 350);--color-pink-1: oklch(93.4% .11 350);--color-pink-2: oklch(88.1% .147 350);--color-pink-3: oklch(80% .183 350);--color-pink-4: oklch(71.1% .209 350);--color-pink-5: oklch(63% .22 350);--color-pink-6: oklch(55% .22 350);--color-pink-7: oklch(47.1% .22 350);--color-pink-8: oklch(39.3% .209 350);--color-pink-9: oklch(31.4% .183 350);--color-pink-10: oklch(23.5% .147 350);--color-pink-11: oklch(15.6% .11 350);--color-pink-12: oklch(10% .073 350);--color-pink-default: oklch(55% .22 350);--color-role-anchor: var(--color-indigo-5);--color-role-anchor-strong: var(--color-indigo-4);--color-role-anchor-stronger: var(--color-indigo-3);--color-role-paper: var(--color-slate-12);--color-role-ink: var(--color-slate-0);--color-role-ink-soft: var(--color-slate-2);--color-role-neutral: var(--color-slate-5);--color-role-neutral-strong: var(--color-slate-3);--color-role-neutral-soft: var(--color-slate-10);--color-role-neutral-softer: var(--color-slate-11);--color-role-success: var(--color-green-5);--color-role-success-soft: var(--color-green-11);--color-role-success-strong: var(--color-green-3);--color-role-warning: var(--color-amber-5);--color-role-warning-soft: var(--color-amber-11);--color-role-warning-strong: var(--color-amber-3);--color-role-error: var(--color-red-5);--color-role-error-soft: var(--color-red-11);--color-role-error-strong: var(--color-red-3);--color-role-info: var(--color-sky-5);--color-role-info-soft: var(--color-sky-11);--color-role-info-strong: var(--color-sky-3);--color-role-logo-1: var(--color-indigo-5);--color-role-logo-2: var(--color-indigo-4);--color-role-logo-3: var(--color-indigo-3);--color-role-logo-4: var(--color-indigo-2);--color-role-logo-5: var(--color-indigo-1);--color-role-logo-mono: var(--color-slate-0);--color-role-palette-1: var(--color-pink-5);--color-role-palette-2: var(--color-indigo-5);--color-role-palette-3: var(--color-sky-5);--color-role-palette-4: var(--color-fuchsia-5);--color-role-anchor-0: var(--color-indigo-0);--color-role-anchor-1: var(--color-indigo-1);--color-role-anchor-2: var(--color-indigo-2);--color-role-anchor-3: var(--color-indigo-3);--color-role-anchor-4: var(--color-indigo-4);--color-role-anchor-5: var(--color-indigo-5);--color-role-anchor-6: var(--color-indigo-6);--color-role-anchor-7: var(--color-indigo-7);--color-role-anchor-8: var(--color-indigo-8);--color-role-anchor-9: var(--color-indigo-9);--color-role-anchor-10: var(--color-indigo-10);--color-role-anchor-11: var(--color-indigo-11);--color-role-anchor-12: var(--color-indigo-12);--color-role-success-0: var(--color-green-0);--color-role-success-1: var(--color-green-1);--color-role-success-2: var(--color-green-2);--color-role-success-3: var(--color-green-3);--color-role-success-4: var(--color-green-4);--color-role-success-5: var(--color-green-5);--color-role-success-6: var(--color-green-6);--color-role-success-7: var(--color-green-7);--color-role-success-8: var(--color-green-8);--color-role-success-9: var(--color-green-9);--color-role-success-10: var(--color-green-10);--color-role-success-11: var(--color-green-11);--color-role-success-12: var(--color-green-12);--color-role-warning-0: var(--color-amber-0);--color-role-warning-1: var(--color-amber-1);--color-role-warning-2: var(--color-amber-2);--color-role-warning-3: var(--color-amber-3);--color-role-warning-4: var(--color-amber-4);--color-role-warning-5: var(--color-amber-5);--color-role-warning-6: var(--color-amber-6);--color-role-warning-7: var(--color-amber-7);--color-role-warning-8: var(--color-amber-8);--color-role-warning-9: var(--color-amber-9);--color-role-warning-10: var(--color-amber-10);--color-role-warning-11: var(--color-amber-11);--color-role-warning-12: var(--color-amber-12);--color-role-error-0: var(--color-red-0);--color-role-error-1: var(--color-red-1);--color-role-error-2: var(--color-red-2);--color-role-error-3: var(--color-red-3);--color-role-error-4: var(--color-red-4);--color-role-error-5: var(--color-red-5);--color-role-error-6: var(--color-red-6);--color-role-error-7: var(--color-red-7);--color-role-error-8: var(--color-red-8);--color-role-error-9: var(--color-red-9);--color-role-error-10: var(--color-red-10);--color-role-error-11: var(--color-red-11);--color-role-error-12: var(--color-red-12);--color-role-info-0: var(--color-sky-0);--color-role-info-1: var(--color-sky-1);--color-role-info-2: var(--color-sky-2);--color-role-info-3: var(--color-sky-3);--color-role-info-4: var(--color-sky-4);--color-role-info-5: var(--color-sky-5);--color-role-info-6: var(--color-sky-6);--color-role-info-7: var(--color-sky-7);--color-role-info-8: var(--color-sky-8);--color-role-info-9: var(--color-sky-9);--color-role-info-10: var(--color-sky-10);--color-role-info-11: var(--color-sky-11);--color-role-info-12: var(--color-sky-12);--color-role-logo-1-0: var(--color-indigo-0);--color-role-logo-1-1: var(--color-indigo-1);--color-role-logo-1-2: var(--color-indigo-2);--color-role-logo-1-3: var(--color-indigo-3);--color-role-logo-1-4: var(--color-indigo-4);--color-role-logo-1-5: var(--color-indigo-5);--color-role-logo-1-6: var(--color-indigo-6);--color-role-logo-1-7: var(--color-indigo-7);--color-role-logo-1-8: var(--color-indigo-8);--color-role-logo-1-9: var(--color-indigo-9);--color-role-logo-1-10: var(--color-indigo-10);--color-role-logo-1-11: var(--color-indigo-11);--color-role-logo-1-12: var(--color-indigo-12);--color-role-logo-2-0: var(--color-indigo-0);--color-role-logo-2-1: var(--color-indigo-1);--color-role-logo-2-2: var(--color-indigo-2);--color-role-logo-2-3: var(--color-indigo-3);--color-role-logo-2-4: var(--color-indigo-4);--color-role-logo-2-5: var(--color-indigo-5);--color-role-logo-2-6: var(--color-indigo-6);--color-role-logo-2-7: var(--color-indigo-7);--color-role-logo-2-8: var(--color-indigo-8);--color-role-logo-2-9: var(--color-indigo-9);--color-role-logo-2-10: var(--color-indigo-10);--color-role-logo-2-11: var(--color-indigo-11);--color-role-logo-2-12: var(--color-indigo-12);--color-role-logo-3-0: var(--color-indigo-0);--color-role-logo-3-1: var(--color-indigo-1);--color-role-logo-3-2: var(--color-indigo-2);--color-role-logo-3-3: var(--color-indigo-3);--color-role-logo-3-4: var(--color-indigo-4);--color-role-logo-3-5: var(--color-indigo-5);--color-role-logo-3-6: var(--color-indigo-6);--color-role-logo-3-7: var(--color-indigo-7);--color-role-logo-3-8: var(--color-indigo-8);--color-role-logo-3-9: var(--color-indigo-9);--color-role-logo-3-10: var(--color-indigo-10);--color-role-logo-3-11: var(--color-indigo-11);--color-role-logo-3-12: var(--color-indigo-12);--color-role-logo-4-0: var(--color-indigo-0);--color-role-logo-4-1: var(--color-indigo-1);--color-role-logo-4-2: var(--color-indigo-2);--color-role-logo-4-3: var(--color-indigo-3);--color-role-logo-4-4: var(--color-indigo-4);--color-role-logo-4-5: var(--color-indigo-5);--color-role-logo-4-6: var(--color-indigo-6);--color-role-logo-4-7: var(--color-indigo-7);--color-role-logo-4-8: var(--color-indigo-8);--color-role-logo-4-9: var(--color-indigo-9);--color-role-logo-4-10: var(--color-indigo-10);--color-role-logo-4-11: var(--color-indigo-11);--color-role-logo-4-12: var(--color-indigo-12);--color-role-logo-5-0: var(--color-indigo-0);--color-role-logo-5-1: var(--color-indigo-1);--color-role-logo-5-2: var(--color-indigo-2);--color-role-logo-5-3: var(--color-indigo-3);--color-role-logo-5-4: var(--color-indigo-4);--color-role-logo-5-5: var(--color-indigo-5);--color-role-logo-5-6: var(--color-indigo-6);--color-role-logo-5-7: var(--color-indigo-7);--color-role-logo-5-8: var(--color-indigo-8);--color-role-logo-5-9: var(--color-indigo-9);--color-role-logo-5-10: var(--color-indigo-10);--color-role-logo-5-11: var(--color-indigo-11);--color-role-logo-5-12: var(--color-indigo-12);--color-role-logo-mono-0: var(--color-slate-0);--color-role-logo-mono-1: var(--color-slate-1);--color-role-logo-mono-2: var(--color-slate-2);--color-role-logo-mono-3: var(--color-slate-3);--color-role-logo-mono-4: var(--color-slate-4);--color-role-logo-mono-5: var(--color-slate-5);--color-role-logo-mono-6: var(--color-slate-6);--color-role-logo-mono-7: var(--color-slate-7);--color-role-logo-mono-8: var(--color-slate-8);--color-role-logo-mono-9: var(--color-slate-9);--color-role-logo-mono-10: var(--color-slate-10);--color-role-logo-mono-11: var(--color-slate-11);--color-role-logo-mono-12: var(--color-slate-12);--color-role-palette-1-0: var(--color-pink-0);--color-role-palette-1-1: var(--color-pink-1);--color-role-palette-1-2: var(--color-pink-2);--color-role-palette-1-3: var(--color-pink-3);--color-role-palette-1-4: var(--color-pink-4);--color-role-palette-1-5: var(--color-pink-5);--color-role-palette-1-6: var(--color-pink-6);--color-role-palette-1-7: var(--color-pink-7);--color-role-palette-1-8: var(--color-pink-8);--color-role-palette-1-9: var(--color-pink-9);--color-role-palette-1-10: var(--color-pink-10);--color-role-palette-1-11: var(--color-pink-11);--color-role-palette-1-12: var(--color-pink-12);--color-role-palette-2-0: var(--color-indigo-0);--color-role-palette-2-1: var(--color-indigo-1);--color-role-palette-2-2: var(--color-indigo-2);--color-role-palette-2-3: var(--color-indigo-3);--color-role-palette-2-4: var(--color-indigo-4);--color-role-palette-2-5: var(--color-indigo-5);--color-role-palette-2-6: var(--color-indigo-6);--color-role-palette-2-7: var(--color-indigo-7);--color-role-palette-2-8: var(--color-indigo-8);--color-role-palette-2-9: var(--color-indigo-9);--color-role-palette-2-10: var(--color-indigo-10);--color-role-palette-2-11: var(--color-indigo-11);--color-role-palette-2-12: var(--color-indigo-12);--color-role-palette-3-0: var(--color-sky-0);--color-role-palette-3-1: var(--color-sky-1);--color-role-palette-3-2: var(--color-sky-2);--color-role-palette-3-3: var(--color-sky-3);--color-role-palette-3-4: var(--color-sky-4);--color-role-palette-3-5: var(--color-sky-5);--color-role-palette-3-6: var(--color-sky-6);--color-role-palette-3-7: var(--color-sky-7);--color-role-palette-3-8: var(--color-sky-8);--color-role-palette-3-9: var(--color-sky-9);--color-role-palette-3-10: var(--color-sky-10);--color-role-palette-3-11: var(--color-sky-11);--color-role-palette-3-12: var(--color-sky-12);--color-role-palette-4-0: var(--color-fuchsia-0);--color-role-palette-4-1: var(--color-fuchsia-1);--color-role-palette-4-2: var(--color-fuchsia-2);--color-role-palette-4-3: var(--color-fuchsia-3);--color-role-palette-4-4: var(--color-fuchsia-4);--color-role-palette-4-5: var(--color-fuchsia-5);--color-role-palette-4-6: var(--color-fuchsia-6);--color-role-palette-4-7: var(--color-fuchsia-7);--color-role-palette-4-8: var(--color-fuchsia-8);--color-role-palette-4-9: var(--color-fuchsia-9);--color-role-palette-4-10: var(--color-fuchsia-10);--color-role-palette-4-11: var(--color-fuchsia-11);--color-role-palette-4-12: var(--color-fuchsia-12);--color-gradient-vivid: linear-gradient(90deg, var(--color-role-palette-1) 0%, var(--color-role-palette-2) 33%, var(--color-role-palette-3) 66%, var(--color-role-palette-4) 100%);--color-gradient-orbital: conic-gradient(from 0deg, var(--color-role-palette-1), var(--color-role-palette-2), var(--color-role-palette-3), var(--color-role-palette-4), var(--color-role-palette-1));--color-gradient-pulse-spectrum: radial-gradient(circle at 50% 50%, var(--color-role-palette-2) 0%, var(--color-role-palette-4) 60%, transparent 100%);--color-gradient-logo-shaded: linear-gradient(180deg, var(--color-role-logo-3) 0%, var(--color-role-logo-1) 100%);--color-gradient-logo-shaded-deep: linear-gradient(180deg, var(--color-role-logo-3) 0%, var(--color-role-logo-1) 100%);--color-gradient-logo-shaded-mid: linear-gradient(180deg, var(--color-role-logo-5) 0%, var(--color-role-logo-3) 100%);--color-gradient-logo-shaded-mute: linear-gradient(180deg, var(--color-role-neutral-soft) 0%, var(--color-role-neutral) 100%)}}@layer dp-palette{[data-palette=doneproperly-v1][data-color-scheme=high-contrast]{--color-amber-0: oklch(97% .053 55);--color-amber-1: oklch(93% .08 55);--color-amber-2: oklch(87% .107 55);--color-amber-3: oklch(78% .133 55);--color-amber-4: oklch(68% .152 55);--color-amber-5: oklch(59% .16 55);--color-amber-6: oklch(50% .16 55);--color-amber-7: oklch(43% .16 55);--color-amber-8: oklch(36% .152 55);--color-amber-9: oklch(29% .133 55);--color-amber-10: oklch(22% .107 55);--color-amber-11: oklch(15% .08 55);--color-amber-12: oklch(10% .053 55);--color-amber-default: oklch(50% .16 55);--color-green-0: oklch(97% .053 145);--color-green-1: oklch(93% .08 145);--color-green-2: oklch(87% .107 145);--color-green-3: oklch(78% .133 145);--color-green-4: oklch(68% .152 145);--color-green-5: oklch(59% .16 145);--color-green-6: oklch(50% .16 145);--color-green-7: oklch(43% .16 145);--color-green-8: oklch(36% .152 145);--color-green-9: oklch(29% .133 145);--color-green-10: oklch(22% .107 145);--color-green-11: oklch(15% .08 145);--color-green-12: oklch(10% .053 145);--color-green-default: oklch(50% .16 145);--color-indigo-0: oklch(97% .059 264);--color-indigo-1: oklch(93% .09 264);--color-indigo-2: oklch(87% .121 264);--color-indigo-3: oklch(78% .149 264);--color-indigo-4: oklch(68% .171 264);--color-indigo-5: oklch(59% .18 264);--color-indigo-6: oklch(50% .18 264);--color-indigo-7: oklch(43% .18 264);--color-indigo-8: oklch(36% .171 264);--color-indigo-9: oklch(29% .149 264);--color-indigo-10: oklch(22% .121 264);--color-indigo-11: oklch(15% .09 264);--color-indigo-12: oklch(10% .059 264);--color-indigo-default: oklch(50% .18 264);--color-red-0: oklch(97% .059 25);--color-red-1: oklch(93% .09 25);--color-red-2: oklch(87% .121 25);--color-red-3: oklch(78% .149 25);--color-red-4: oklch(68% .171 25);--color-red-5: oklch(59% .18 25);--color-red-6: oklch(50% .18 25);--color-red-7: oklch(43% .18 25);--color-red-8: oklch(36% .171 25);--color-red-9: oklch(29% .149 25);--color-red-10: oklch(22% .121 25);--color-red-11: oklch(15% .09 25);--color-red-12: oklch(10% .059 25);--color-red-default: oklch(50% .18 25);--color-sky-0: oklch(97% .046 215);--color-sky-1: oklch(93% .07 215);--color-sky-2: oklch(87% .094 215);--color-sky-3: oklch(78% .116 215);--color-sky-4: oklch(68% .133 215);--color-sky-5: oklch(59% .14 215);--color-sky-6: oklch(50% .14 215);--color-sky-7: oklch(43% .14 215);--color-sky-8: oklch(36% .133 215);--color-sky-9: oklch(29% .116 215);--color-sky-10: oklch(22% .094 215);--color-sky-11: oklch(15% .07 215);--color-sky-12: oklch(10% .046 215);--color-sky-default: oklch(50% .14 215);--color-slate-0: oklch(97% .007 250);--color-slate-1: oklch(93% .01 250);--color-slate-2: oklch(87% .013 250);--color-slate-3: oklch(78% .017 250);--color-slate-4: oklch(68% .019 250);--color-slate-5: oklch(59% .02 250);--color-slate-6: oklch(50% .02 250);--color-slate-7: oklch(43% .02 250);--color-slate-8: oklch(36% .019 250);--color-slate-9: oklch(29% .017 250);--color-slate-10: oklch(22% .013 250);--color-slate-11: oklch(15% .01 250);--color-slate-12: oklch(10% .007 250);--color-slate-default: oklch(50% .02 250);--color-fuchsia-0: oklch(97% .073 320);--color-fuchsia-1: oklch(93.4% .11 320);--color-fuchsia-2: oklch(88.1% .147 320);--color-fuchsia-3: oklch(80% .183 320);--color-fuchsia-4: oklch(71.1% .209 320);--color-fuchsia-5: oklch(63% .22 320);--color-fuchsia-6: oklch(55% .22 320);--color-fuchsia-7: oklch(47.1% .22 320);--color-fuchsia-8: oklch(39.3% .209 320);--color-fuchsia-9: oklch(31.4% .183 320);--color-fuchsia-10: oklch(23.5% .147 320);--color-fuchsia-11: oklch(15.6% .11 320);--color-fuchsia-12: oklch(10% .073 320);--color-fuchsia-default: oklch(55% .22 320);--color-pink-0: oklch(97% .073 350);--color-pink-1: oklch(93.4% .11 350);--color-pink-2: oklch(88.1% .147 350);--color-pink-3: oklch(80% .183 350);--color-pink-4: oklch(71.1% .209 350);--color-pink-5: oklch(63% .22 350);--color-pink-6: oklch(55% .22 350);--color-pink-7: oklch(47.1% .22 350);--color-pink-8: oklch(39.3% .209 350);--color-pink-9: oklch(31.4% .183 350);--color-pink-10: oklch(23.5% .147 350);--color-pink-11: oklch(15.6% .11 350);--color-pink-12: oklch(10% .073 350);--color-pink-default: oklch(55% .22 350);--color-role-anchor: var(--color-indigo-7);--color-role-anchor-strong: var(--color-indigo-8);--color-role-anchor-stronger: var(--color-indigo-9);--color-role-paper: var(--color-slate-0);--color-role-ink: var(--color-slate-12);--color-role-ink-soft: var(--color-slate-12);--color-role-neutral: var(--color-slate-10);--color-role-neutral-strong: var(--color-slate-11);--color-role-neutral-soft: var(--color-slate-4);--color-role-neutral-softer: var(--color-slate-3);--color-role-success: var(--color-green-8);--color-role-success-soft: var(--color-green-2);--color-role-success-strong: var(--color-green-10);--color-role-warning: var(--color-amber-8);--color-role-warning-soft: var(--color-amber-2);--color-role-warning-strong: var(--color-amber-10);--color-role-error: var(--color-red-8);--color-role-error-soft: var(--color-red-2);--color-role-error-strong: var(--color-red-10);--color-role-info: var(--color-sky-8);--color-role-info-soft: var(--color-sky-2);--color-role-info-strong: var(--color-sky-10);--color-role-logo-1: var(--color-indigo-10);--color-role-logo-2: var(--color-indigo-9);--color-role-logo-3: var(--color-indigo-8);--color-role-logo-4: var(--color-indigo-7);--color-role-logo-5: var(--color-indigo-6);--color-role-logo-mono: var(--color-slate-12);--color-role-palette-1: var(--color-pink-8);--color-role-palette-2: var(--color-indigo-8);--color-role-palette-3: var(--color-sky-8);--color-role-palette-4: var(--color-fuchsia-8);--color-role-anchor-0: var(--color-indigo-0);--color-role-anchor-1: var(--color-indigo-1);--color-role-anchor-2: var(--color-indigo-2);--color-role-anchor-3: var(--color-indigo-3);--color-role-anchor-4: var(--color-indigo-4);--color-role-anchor-5: var(--color-indigo-5);--color-role-anchor-6: var(--color-indigo-6);--color-role-anchor-7: var(--color-indigo-7);--color-role-anchor-8: var(--color-indigo-8);--color-role-anchor-9: var(--color-indigo-9);--color-role-anchor-10: var(--color-indigo-10);--color-role-anchor-11: var(--color-indigo-11);--color-role-anchor-12: var(--color-indigo-12);--color-role-success-0: var(--color-green-0);--color-role-success-1: var(--color-green-1);--color-role-success-2: var(--color-green-2);--color-role-success-3: var(--color-green-3);--color-role-success-4: var(--color-green-4);--color-role-success-5: var(--color-green-5);--color-role-success-6: var(--color-green-6);--color-role-success-7: var(--color-green-7);--color-role-success-8: var(--color-green-8);--color-role-success-9: var(--color-green-9);--color-role-success-10: var(--color-green-10);--color-role-success-11: var(--color-green-11);--color-role-success-12: var(--color-green-12);--color-role-warning-0: var(--color-amber-0);--color-role-warning-1: var(--color-amber-1);--color-role-warning-2: var(--color-amber-2);--color-role-warning-3: var(--color-amber-3);--color-role-warning-4: var(--color-amber-4);--color-role-warning-5: var(--color-amber-5);--color-role-warning-6: var(--color-amber-6);--color-role-warning-7: var(--color-amber-7);--color-role-warning-8: var(--color-amber-8);--color-role-warning-9: var(--color-amber-9);--color-role-warning-10: var(--color-amber-10);--color-role-warning-11: var(--color-amber-11);--color-role-warning-12: var(--color-amber-12);--color-role-error-0: var(--color-red-0);--color-role-error-1: var(--color-red-1);--color-role-error-2: var(--color-red-2);--color-role-error-3: var(--color-red-3);--color-role-error-4: var(--color-red-4);--color-role-error-5: var(--color-red-5);--color-role-error-6: var(--color-red-6);--color-role-error-7: var(--color-red-7);--color-role-error-8: var(--color-red-8);--color-role-error-9: var(--color-red-9);--color-role-error-10: var(--color-red-10);--color-role-error-11: var(--color-red-11);--color-role-error-12: var(--color-red-12);--color-role-info-0: var(--color-sky-0);--color-role-info-1: var(--color-sky-1);--color-role-info-2: var(--color-sky-2);--color-role-info-3: var(--color-sky-3);--color-role-info-4: var(--color-sky-4);--color-role-info-5: var(--color-sky-5);--color-role-info-6: var(--color-sky-6);--color-role-info-7: var(--color-sky-7);--color-role-info-8: var(--color-sky-8);--color-role-info-9: var(--color-sky-9);--color-role-info-10: var(--color-sky-10);--color-role-info-11: var(--color-sky-11);--color-role-info-12: var(--color-sky-12);--color-role-logo-1-0: var(--color-indigo-0);--color-role-logo-1-1: var(--color-indigo-1);--color-role-logo-1-2: var(--color-indigo-2);--color-role-logo-1-3: var(--color-indigo-3);--color-role-logo-1-4: var(--color-indigo-4);--color-role-logo-1-5: var(--color-indigo-5);--color-role-logo-1-6: var(--color-indigo-6);--color-role-logo-1-7: var(--color-indigo-7);--color-role-logo-1-8: var(--color-indigo-8);--color-role-logo-1-9: var(--color-indigo-9);--color-role-logo-1-10: var(--color-indigo-10);--color-role-logo-1-11: var(--color-indigo-11);--color-role-logo-1-12: var(--color-indigo-12);--color-role-logo-2-0: var(--color-indigo-0);--color-role-logo-2-1: var(--color-indigo-1);--color-role-logo-2-2: var(--color-indigo-2);--color-role-logo-2-3: var(--color-indigo-3);--color-role-logo-2-4: var(--color-indigo-4);--color-role-logo-2-5: var(--color-indigo-5);--color-role-logo-2-6: var(--color-indigo-6);--color-role-logo-2-7: var(--color-indigo-7);--color-role-logo-2-8: var(--color-indigo-8);--color-role-logo-2-9: var(--color-indigo-9);--color-role-logo-2-10: var(--color-indigo-10);--color-role-logo-2-11: var(--color-indigo-11);--color-role-logo-2-12: var(--color-indigo-12);--color-role-logo-3-0: var(--color-indigo-0);--color-role-logo-3-1: var(--color-indigo-1);--color-role-logo-3-2: var(--color-indigo-2);--color-role-logo-3-3: var(--color-indigo-3);--color-role-logo-3-4: var(--color-indigo-4);--color-role-logo-3-5: var(--color-indigo-5);--color-role-logo-3-6: var(--color-indigo-6);--color-role-logo-3-7: var(--color-indigo-7);--color-role-logo-3-8: var(--color-indigo-8);--color-role-logo-3-9: var(--color-indigo-9);--color-role-logo-3-10: var(--color-indigo-10);--color-role-logo-3-11: var(--color-indigo-11);--color-role-logo-3-12: var(--color-indigo-12);--color-role-logo-4-0: var(--color-indigo-0);--color-role-logo-4-1: var(--color-indigo-1);--color-role-logo-4-2: var(--color-indigo-2);--color-role-logo-4-3: var(--color-indigo-3);--color-role-logo-4-4: var(--color-indigo-4);--color-role-logo-4-5: var(--color-indigo-5);--color-role-logo-4-6: var(--color-indigo-6);--color-role-logo-4-7: var(--color-indigo-7);--color-role-logo-4-8: var(--color-indigo-8);--color-role-logo-4-9: var(--color-indigo-9);--color-role-logo-4-10: var(--color-indigo-10);--color-role-logo-4-11: var(--color-indigo-11);--color-role-logo-4-12: var(--color-indigo-12);--color-role-logo-5-0: var(--color-indigo-0);--color-role-logo-5-1: var(--color-indigo-1);--color-role-logo-5-2: var(--color-indigo-2);--color-role-logo-5-3: var(--color-indigo-3);--color-role-logo-5-4: var(--color-indigo-4);--color-role-logo-5-5: var(--color-indigo-5);--color-role-logo-5-6: var(--color-indigo-6);--color-role-logo-5-7: var(--color-indigo-7);--color-role-logo-5-8: var(--color-indigo-8);--color-role-logo-5-9: var(--color-indigo-9);--color-role-logo-5-10: var(--color-indigo-10);--color-role-logo-5-11: var(--color-indigo-11);--color-role-logo-5-12: var(--color-indigo-12);--color-role-logo-mono-0: var(--color-slate-0);--color-role-logo-mono-1: var(--color-slate-1);--color-role-logo-mono-2: var(--color-slate-2);--color-role-logo-mono-3: var(--color-slate-3);--color-role-logo-mono-4: var(--color-slate-4);--color-role-logo-mono-5: var(--color-slate-5);--color-role-logo-mono-6: var(--color-slate-6);--color-role-logo-mono-7: var(--color-slate-7);--color-role-logo-mono-8: var(--color-slate-8);--color-role-logo-mono-9: var(--color-slate-9);--color-role-logo-mono-10: var(--color-slate-10);--color-role-logo-mono-11: var(--color-slate-11);--color-role-logo-mono-12: var(--color-slate-12);--color-role-palette-1-0: var(--color-pink-0);--color-role-palette-1-1: var(--color-pink-1);--color-role-palette-1-2: var(--color-pink-2);--color-role-palette-1-3: var(--color-pink-3);--color-role-palette-1-4: var(--color-pink-4);--color-role-palette-1-5: var(--color-pink-5);--color-role-palette-1-6: var(--color-pink-6);--color-role-palette-1-7: var(--color-pink-7);--color-role-palette-1-8: var(--color-pink-8);--color-role-palette-1-9: var(--color-pink-9);--color-role-palette-1-10: var(--color-pink-10);--color-role-palette-1-11: var(--color-pink-11);--color-role-palette-1-12: var(--color-pink-12);--color-role-palette-2-0: var(--color-indigo-0);--color-role-palette-2-1: var(--color-indigo-1);--color-role-palette-2-2: var(--color-indigo-2);--color-role-palette-2-3: var(--color-indigo-3);--color-role-palette-2-4: var(--color-indigo-4);--color-role-palette-2-5: var(--color-indigo-5);--color-role-palette-2-6: var(--color-indigo-6);--color-role-palette-2-7: var(--color-indigo-7);--color-role-palette-2-8: var(--color-indigo-8);--color-role-palette-2-9: var(--color-indigo-9);--color-role-palette-2-10: var(--color-indigo-10);--color-role-palette-2-11: var(--color-indigo-11);--color-role-palette-2-12: var(--color-indigo-12);--color-role-palette-3-0: var(--color-sky-0);--color-role-palette-3-1: var(--color-sky-1);--color-role-palette-3-2: var(--color-sky-2);--color-role-palette-3-3: var(--color-sky-3);--color-role-palette-3-4: var(--color-sky-4);--color-role-palette-3-5: var(--color-sky-5);--color-role-palette-3-6: var(--color-sky-6);--color-role-palette-3-7: var(--color-sky-7);--color-role-palette-3-8: var(--color-sky-8);--color-role-palette-3-9: var(--color-sky-9);--color-role-palette-3-10: var(--color-sky-10);--color-role-palette-3-11: var(--color-sky-11);--color-role-palette-3-12: var(--color-sky-12);--color-role-palette-4-0: var(--color-fuchsia-0);--color-role-palette-4-1: var(--color-fuchsia-1);--color-role-palette-4-2: var(--color-fuchsia-2);--color-role-palette-4-3: var(--color-fuchsia-3);--color-role-palette-4-4: var(--color-fuchsia-4);--color-role-palette-4-5: var(--color-fuchsia-5);--color-role-palette-4-6: var(--color-fuchsia-6);--color-role-palette-4-7: var(--color-fuchsia-7);--color-role-palette-4-8: var(--color-fuchsia-8);--color-role-palette-4-9: var(--color-fuchsia-9);--color-role-palette-4-10: var(--color-fuchsia-10);--color-role-palette-4-11: var(--color-fuchsia-11);--color-role-palette-4-12: var(--color-fuchsia-12);--color-gradient-vivid: linear-gradient(90deg, var(--color-role-palette-1) 0%, var(--color-role-palette-2) 33%, var(--color-role-palette-3) 66%, var(--color-role-palette-4) 100%);--color-gradient-orbital: conic-gradient(from 0deg, var(--color-role-palette-1), var(--color-role-palette-2), var(--color-role-palette-3), var(--color-role-palette-4), var(--color-role-palette-1));--color-gradient-pulse-spectrum: radial-gradient(circle at 50% 50%, var(--color-role-palette-2) 0%, var(--color-role-palette-4) 60%, transparent 100%);--color-gradient-logo-shaded: linear-gradient(180deg, var(--color-role-logo-3) 0%, var(--color-role-logo-1) 100%);--color-gradient-logo-shaded-deep: linear-gradient(180deg, var(--color-role-logo-3) 0%, var(--color-role-logo-1) 100%);--color-gradient-logo-shaded-mid: linear-gradient(180deg, var(--color-role-logo-5) 0%, var(--color-role-logo-3) 100%);--color-gradient-logo-shaded-mute: linear-gradient(180deg, var(--color-role-neutral-soft) 0%, var(--color-role-neutral) 100%)}}@layer dp-theme{[data-theme=marketing]{--duration-fast: .18s;--duration-quick: .24s;--duration-base: .36s;--duration-slow: .56s;--motion-presence: 1;--motion-rich: 1;--radius-card: var(--radius-xl);--radius-button: var(--radius-lg);--radius-input: var(--radius-sm);--shadow-card: var(--shadow-lg);--shadow-card-hover: var(--shadow-xl);--shadow-hero: var(--shadow-2xl);--space-section-y-sm: var(--space-16);--space-section-y-md: var(--space-24);--space-section-y-lg: var(--space-32);--space-section-x: var(--space-8);--type-display-size: var(--font-size-8xl);--type-display-letter-spacing: var(--letter-spacing-tighter);--type-h1-size: var(--font-size-6xl);--type-h1-letter-spacing: var(--letter-spacing-tighter);--type-h2-size: var(--font-size-4xl);--type-h3-size: var(--font-size-2xl);--type-body-size: var(--font-size-lg);--type-body-line-height: var(--line-height-relaxed);--type-body-sm-size: var(--font-size-md);--type-meta-size: var(--font-size-sm);--type-eyebrow-size: var(--font-size-xs)}}@layer dp-theme{[data-theme=marketing][data-color-scheme=dark]{--shadow-card: 0 12px 32px -8px rgba(0,0,0,.55), 0 4px 12px -4px rgba(0,0,0,.35);--shadow-card-hover: 0 24px 48px -12px rgba(0,0,0,.65), 0 8px 16px -8px rgba(0,0,0,.4);--shadow-hero: 0 40px 100px -24px rgba(0,0,0,.8)}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://rsms.me/inter/font-files/InterVariable.woff2) format("woff2-variations")}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://rsms.me/inter/font-files/InterVariable-Italic.woff2) format("woff2-variations")}@layer dp-components{@property --dp-material-weight{syntax: "<number>"; inherits: true; initial-value: 5;}@property --dp-surface-weight{syntax: "<number>"; inherits: true; initial-value: 5;}:where(.dp-mat){--mat-light-hi: 255 255 255;--mat-light-lo: 0 0 0}:where(.dp-mat,[data-material]){--mat-base: var(--color-surface-bg);--mat-fg: var(--color-text-default);--mat-fg-muted: var(--color-text-muted);--mat-edge: var(--color-text-default);--_n: calc(clamp(0, var(--dp-material-weight, 5), 10)*.1) ;--_plate: calc(30% + var(--_n) * 60%);--_blur: calc(2px + var(--_n) * 16px);--_sat: calc(112% + var(--_n) * 48%);--_edge-a: calc(.1 + var(--_n) * .16);--_thick: 0;--_specular: 0;--_refract: ;--_lift: calc(var(--_n) * 1);position:relative;isolation:isolate;border-radius:var(--radius-lg);color:var(--mat-fg);background:color-mix(in oklch,var(--mat-base) var(--_plate),transparent);-webkit-backdrop-filter:var(--_refract) blur(var(--_blur)) saturate(var(--_sat));backdrop-filter:var(--_refract) blur(var(--_blur)) saturate(var(--_sat));border:var(--border-width-thin) solid color-mix(in oklch,rgb(var(--mat-light-hi) / var(--_edge-a)),transparent);box-shadow:0 calc(2px + var(--_lift) * 14px) calc(8px + var(--_lift) * 30px) calc(var(--_lift) * -8px) color-mix(in oklch,rgb(var(--mat-light-lo)) 18%,transparent),inset 0 var(--border-width-thin) 0 rgb(var(--mat-light-hi) / calc(var(--_edge-a) * .9));transition:backdrop-filter var(--duration-base) var(--ease-apple),box-shadow var(--duration-base) var(--ease-apple),background-color var(--duration-base) var(--ease-apple)}:where(.dp-mat,[data-material]):before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,rgb(var(--mat-light-hi) / calc(var(--_edge-a) * var(--_thick) * 1.4)),rgb(var(--mat-light-hi) / 0) 42%);box-shadow:inset 0 var(--border-width-thin) 0 rgb(var(--mat-light-hi) / calc(.5 * var(--_thick))),inset 0 calc(-1 * var(--border-width-thin)) 0 rgb(var(--mat-light-lo) / calc(.1 * var(--_thick)));opacity:var(--_thick)}:where(.dp-mat,[data-material]):after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;opacity:0}:where(.dp-mat,[data-material])>*{position:relative;z-index:1}:where([data-tone=anchor],[data-tones=anchor] .dp-mat:not([data-tone])){--mat-base: color-mix(in oklch, var(--color-role-anchor) 16%, var(--color-surface-bg));--mat-fg: var(--color-text-default);--mat-fg-muted: var(--color-text-muted)}:where([data-tone=inverse],[data-tones=inverse] .dp-mat:not([data-tone])){--mat-base: var(--color-surface-bg-inverse);--mat-fg: var(--color-text-inverse);--mat-fg-muted: var(--color-text-muted-inverse);--mat-light-lo: 0 0 0}:where([data-material=flat],[data-materials=flat] .dp-mat:not([data-material])){--_plate: 100%;--_blur: 0px;--_sat: 100%;--_edge-a: 0;--_thick: 0;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:var(--color-border-default);box-shadow:var(--shadow-sm)}:where([data-material=frosted],[data-materials=frosted] .dp-mat:not([data-material])){--_plate: calc(32% + var(--_n) * 60%);--_blur: calc(10px + var(--_n) * 22px);--_sat: calc(118% + var(--_n) * 52%);--_edge-a: calc(.08 + var(--_n) * .12);--_thick: 0}:where([data-material=glass],[data-materials=glass] .dp-mat:not([data-material])){--_plate: calc(34% + var(--_n) * 56%);--_blur: calc(8px + var(--_n) * 13px);--_sat: calc(120% + var(--_n) * 40%);--_edge-a: calc(.34 + var(--_n) * .3);--_thick: 1;box-shadow:0 calc(2px + var(--_n) * 12px) calc(8px + var(--_n) * 26px) calc(var(--_n) * -8px) rgb(var(--mat-light-lo) / .16),inset 0 0 0 var(--border-width-thin) rgb(var(--mat-light-hi) / calc(.3 + var(--_n) * .25)),inset 0 calc(var(--border-width-thin) * 2) 2px rgb(var(--mat-light-hi) / .7)}:where([data-material=liquid],[data-materials=liquid] .dp-mat:not([data-material])){--_plate: calc(20% + var(--_n) * 58%);--_blur: calc(2px + var(--_n) * 7px);--_sat: calc(130% + var(--_n) * 55%);--_edge-a: calc(.34 + var(--_n) * .3);--_thick: 1;--_specular: 1;--_refract: var(--dp-mat-refract-filter, );border-width:var(--border-width-thin);border-color:rgb(var(--mat-light-hi) / calc(.22 + var(--_n) * .18));background:radial-gradient(72% 56% at 22% 10%,rgb(var(--mat-light-hi) / .5),rgb(var(--mat-light-hi) / 0) 46%),color-mix(in oklch,var(--mat-base) var(--_plate),transparent);box-shadow:0 calc(12px + var(--_n) * 16px) calc(30px + var(--_n) * 26px) calc(var(--_n) * -10px) rgb(var(--mat-light-lo) / .2),0 0 calc(8px + var(--_n) * 10px) rgb(var(--mat-light-hi) / calc(.07 + var(--_n) * .06)),inset 0 0 calc(6px + var(--_n) * 8px) -3px rgb(var(--mat-light-hi) / calc(.18 + var(--_n) * .14)),inset 0 calc(2px + var(--_n) * 2px) calc(8px + var(--_n) * 6px) -3px rgb(var(--mat-light-hi) / calc(.16 + var(--_n) * .1)),inset 2px -2px 6px -2px rgb(120 200 255 / calc(.1 + var(--_n) * .08)),inset -2px 2px 6px -2px rgb(255 134 200 / calc(.08 + var(--_n) * .06))}:where([data-material=liquid],[data-materials=liquid] .dp-mat:not([data-material])):before{background:radial-gradient(60% 70% at 100% 0%,rgb(140 200 255 / calc(.16 + var(--_n) * .12)) 0%,transparent 52%),radial-gradient(60% 70% at 0% 100%,rgb(255 150 200 / calc(.14 + var(--_n) * .1)) 0%,transparent 52%);box-shadow:none}:where([data-material=neumorphic],[data-materials=neumorphic] .dp-mat:not([data-material])){--_plate: 100%;--_blur: 0px;--_sat: 100%;--_thick: 0;--_edge-a: 0;background:var(--mat-base);-webkit-backdrop-filter:none;backdrop-filter:none;border:0;box-shadow:calc(-2px - var(--_n) * 4px) calc(-2px - var(--_n) * 4px) calc(6px + var(--_n) * 14px) rgb(var(--mat-light-hi) / calc(.5 + var(--_n) * .3)),calc(2px + var(--_n) * 4px) calc(2px + var(--_n) * 4px) calc(6px + var(--_n) * 14px) color-mix(in oklch,var(--color-role-ink) calc((6 + var(--_n) * 14) * 1%),transparent)}:where([data-tone=inverse]) :where([data-material=neumorphic]),:where([data-material=neumorphic][data-tone=inverse]){box-shadow:calc(-2px - var(--_n) * 4px) calc(-2px - var(--_n) * 4px) calc(6px + var(--_n) * 14px) rgb(var(--mat-light-hi) / calc(.04 + var(--_n) * .05)),calc(2px + var(--_n) * 4px) calc(2px + var(--_n) * 4px) calc(6px + var(--_n) * 14px) rgb(var(--mat-light-lo) / calc(.3 + var(--_n) * .3))}:where([data-material=neumorphic]):before{display:none}:where(.dp-mat,[data-material]){--dp-surface-color: var(--color-role-palette-2);--_sn: calc(clamp(0, var(--dp-surface-weight, 5), 10)*.1) }:where([data-surface],[data-surfaces] .dp-mat:not([data-surface])):after{opacity:1}:where([data-surface=tint],[data-surfaces=tint] .dp-mat:not([data-surface])):after{background:color-mix(in oklch,var(--dp-surface-color) calc(var(--_sn) * 22%),transparent)}:where([data-surface=gradient],[data-surfaces=gradient] .dp-mat:not([data-surface])):after{background:linear-gradient(135deg,color-mix(in oklch,var(--color-role-palette-1) calc(var(--_sn) * 30%),transparent),color-mix(in oklch,var(--dp-surface-color) calc(var(--_sn) * 20%),transparent) 55%,color-mix(in oklch,var(--color-role-palette-3) calc(var(--_sn) * 30%),transparent))}:where([data-surface=mesh],[data-surfaces=mesh] .dp-mat:not([data-surface])):after{background:var(--gradient-mesh);opacity:var(--_sn)}:where([data-surface=aurora],[data-surfaces=aurora] .dp-mat:not([data-surface])):after{background-image:var(--gradient-aurora);background-size:220% 220%;background-position:0% 50%;opacity:var(--_sn)}@media(prefers-reduced-motion:no-preference){:where([data-surface=aurora],[data-surfaces=aurora] .dp-mat:not([data-surface])):after{animation:dp-aurora-drift 18s var(--ease-in-out) infinite alternate}}@keyframes dp-aurora-drift{0%{background-position:0% 50%}to{background-position:100% 50%}}:where([data-surface=grain],[data-surfaces=grain] .dp-mat:not([data-surface])):after{background-image:var(--gradient-grain);background-size:140px 140px;opacity:calc(var(--_sn) * .5);mix-blend-mode:overlay}:where([data-surface=grid],[data-surfaces=grid] .dp-mat:not([data-surface])):after{--_grid: color-mix(in oklch, var(--mat-fg) calc(var(--_sn) * 16%), transparent);background-image:linear-gradient(var(--_grid) var(--border-width-thin),transparent var(--border-width-thin)),linear-gradient(90deg,var(--_grid) var(--border-width-thin),transparent var(--border-width-thin));background-size:22px 22px;-webkit-mask-image:radial-gradient(120% 100% at 50% 0%,#000 0%,transparent 78%);mask-image:radial-gradient(120% 100% at 50% 0%,#000 0%,transparent 78%)}:where([data-surface=spotlight],[data-surfaces=spotlight] .dp-mat:not([data-surface])):after{background:radial-gradient(120% 80% at 50% -12%,color-mix(in oklch,var(--dp-surface-color) calc(var(--_sn) * 30%),transparent) 0%,transparent 62%)}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){:where(.dp-mat,[data-material]){--_plate: 100%;--_blur: 0px;--_sat: 100%;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:var(--mat-base);border-color:var(--color-border-strong)}:where([data-material=glass],[data-material=liquid]){border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}:where([data-surface]):after{opacity:.5}}.dp-backdrop{position:relative;isolation:isolate}.dp-backdrop--calm{background:var(--color-role-surface-subtle)}.dp-backdrop--textured{background-color:var(--color-role-surface-default);background-image:linear-gradient(color-mix(in oklch,var(--color-role-ink) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklch,var(--color-role-ink) 6%,transparent) 1px,transparent 1px);background-size:26px 26px}.dp-backdrop--hotspot{background:radial-gradient(40% 50% at 28% 30%,#ffffff 0%,color-mix(in oklch,var(--color-role-warning) 40%,#fff) 30%,transparent 64%),linear-gradient(120deg,var(--color-role-anchor) 0%,var(--color-role-palette-1) 100%)}.dp-backdrop--split{background:linear-gradient(100deg,var(--color-role-surface-inverse) 0%,var(--color-role-surface-inverse) 48%,var(--color-role-surface-default) 48%,var(--color-role-surface-default) 100%)}.dp-backdrop--accents{background:radial-gradient(50% 60% at 12% 18%,color-mix(in oklch,var(--color-role-palette-1) 60%,transparent) 0%,transparent 60%),radial-gradient(46% 56% at 88% 24%,color-mix(in oklch,var(--color-role-palette-3) 60%,transparent) 0%,transparent 60%),radial-gradient(60% 70% at 70% 96%,color-mix(in oklch,var(--color-role-palette-2) 55%,transparent) 0%,transparent 62%),linear-gradient(180deg,#0c0c12,#08080c)}}@layer dp-components{.dp-glow{--glow-size: 600px;--glow-strength: .55;--glow-blur: 80px;--glow-color: var(--color-palette-color-2);position:absolute;pointer-events:none;width:var(--glow-size);height:var(--glow-size);border-radius:50%;background:radial-gradient(circle,color-mix(in oklch,var(--glow-color) calc(var(--glow-strength) * 100%),transparent) 0%,transparent 60%);filter:blur(var(--glow-blur));z-index:0}.dp-glow[data-tone=pink]{--glow-color: var(--color-palette-color-1)}.dp-glow[data-tone=indigo]{--glow-color: var(--color-palette-color-2)}.dp-glow[data-tone=sky]{--glow-color: var(--color-palette-color-3)}.dp-glow[data-tone=fuchsia]{--glow-color: var(--color-palette-color-4)}.dp-glow[data-tone=anchor]{--glow-color: var(--color-role-accent)}.dp-glow[data-size=sm]{--glow-size: 320px;--glow-blur: 60px}.dp-glow[data-size=lg]{--glow-size: 900px;--glow-blur: 120px}@media(forced-colors:active){.dp-glow{display:none}}}@layer dp-components{.dp-gradient-text{background:var(--gradient-vivid, var(--color-role-action-primary-bg));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:inherit}.dp-gradient-text[data-animate=true]{background-size:300% 100%;animation:dp-gradient-text-shift var(--duration-slowest, 12s) linear infinite}@keyframes dp-gradient-text-shift{0%{background-position:0% 50%}to{background-position:300% 50%}}@media(prefers-reduced-motion:reduce){.dp-gradient-text[data-animate=true]{animation:none;background-size:100% 100%}}@media(forced-colors:active){.dp-gradient-text{background:none!important;color:CanvasText!important}}}@layer dp-components{.dp-eyebrow{--eyebrow-font: var(--font-mono);--eyebrow-size: var(--type-eyebrow-size);--eyebrow-letter-spacing: var(--letter-spacing-widest);--eyebrow-color: var(--color-role-text-muted);display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--eyebrow-font);font-size:var(--eyebrow-size);letter-spacing:var(--eyebrow-letter-spacing);text-transform:uppercase;color:var(--eyebrow-color);margin:0}.dp-eyebrow[data-tone=anchor]{--eyebrow-color: var(--color-role-action-primary-bg)}.dp-eyebrow[data-tone=inverse]{--eyebrow-color: var(--color-role-text-muted-inverse)}}@layer dp-components{.dp-button{--button-disabled-opacity: .5;--button-transform-hover: translateY(calc(-1 * var(--space-px)));--button-transform-active: translateY(0);--button-transition: background var(--duration-fast) var(--ease-apple), color var(--duration-fast) var(--ease-apple), transform var(--duration-fast) var(--ease-apple), box-shadow var(--duration-fast) var(--ease-apple);display:inline-flex;align-items:center;gap:var(--button-gap);padding:var(--button-pad-y) var(--button-pad-x);border-radius:var(--button-radius);font-family:var(--button-font);font-size:var(--button-size);font-weight:500;text-transform:lowercase;letter-spacing:var(--button-letter-spacing);border:var(--button-border-width) solid transparent;cursor:pointer;transition:var(--button-transition)}.dp-button:focus-visible{outline:var(--button-outline-width) solid var(--color-role-border-focus);outline-offset:var(--button-outline-offset)}.dp-button[data-variant=primary]{background:var(--color-role-action-primary-bg);color:var(--color-role-action-primary-fg)}.dp-button[data-variant=primary]:hover{background:var(--color-role-action-primary-bg-hover);transform:var(--button-transform-hover)}.dp-button[data-variant=primary]:active{background:var(--color-role-action-primary-bg-active);transform:var(--button-transform-active)}.dp-button[data-variant=primary-shaded]{background:linear-gradient(180deg,color-mix(in oklch,var(--color-role-action-primary-bg) 75%,var(--color-base-white) 25%) 0%,var(--color-role-action-primary-bg) 55%,var(--color-role-action-primary-bg-active) 100%);color:var(--color-role-action-primary-fg);box-shadow:inset 0 1px color-mix(in srgb,var(--color-base-white) 25%,transparent),inset 0 -1px color-mix(in srgb,var(--color-base-black) 15%,transparent),var(--shadow-md)}.dp-button[data-variant=primary-shaded]:hover{transform:var(--button-transform-hover);box-shadow:inset 0 1px color-mix(in srgb,var(--color-base-white) 30%,transparent),inset 0 -1px color-mix(in srgb,var(--color-base-black) 15%,transparent),var(--shadow-lg)}.dp-button[data-variant=primary-shaded]:active{transform:var(--button-transform-active)}.dp-button[data-variant=secondary]{background:var(--color-role-action-secondary-bg);color:var(--color-role-action-secondary-fg);border-color:var(--color-role-action-secondary-border)}.dp-button[data-variant=secondary]:hover{background:var(--color-role-action-secondary-bg-hover)}.dp-button[data-variant=ghost]{background:var(--color-role-action-ghost-bg);color:var(--color-role-action-ghost-fg)}.dp-button[data-variant=ghost]:hover{background:var(--color-role-action-ghost-bg-hover)}.dp-button[data-variant=danger]{background:var(--color-role-action-danger-bg);color:var(--color-role-action-danger-fg)}.dp-button[data-variant=danger]:hover{background:var(--color-role-action-danger-bg-hover);transform:var(--button-transform-hover)}.dp-button[data-variant=danger]:active{background:var(--color-role-action-danger-bg-active);transform:var(--button-transform-active)}.dp-button[data-size=sm]{--button-pad-x: var(--space-3);--button-pad-y: var(--space-1-5);--button-size: var(--font-size-xs)}.dp-button[data-size=lg]{--button-pad-x: var(--space-6);--button-pad-y: var(--space-3);--button-size: var(--font-size-md)}.dp-button[disabled]{opacity:var(--button-disabled-opacity);pointer-events:none}@media(prefers-reduced-motion:reduce){.dp-button{transition:none}.dp-button:hover{transform:none}}}@layer dp-components{.dp-logo-mark{--mark-size: var(--space-14);--mark-font-size: var(--font-size-2xl);--mark-fg: var(--color-role-surface-default);width:var(--mark-size);height:var(--mark-size);border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:600;font-size:var(--mark-font-size);letter-spacing:var(--letter-spacing-tighter);line-height:var(--line-height-none);color:var(--mark-fg);background:radial-gradient(ellipse 65% 55% at 30% 25%,color-mix(in oklch,var(--color-role-surface-default) 45%,transparent) 0%,transparent 55%),radial-gradient(ellipse 90% 90% at 70% 80%,color-mix(in oklch,var(--color-palette-logo-1) 35%,transparent) 0%,transparent 60%),radial-gradient(circle at 50% 50%,var(--color-palette-logo-4) 0%,var(--color-palette-logo-3) 60%,var(--color-palette-logo-1) 100%);box-shadow:0 var(--space-px) var(--space-0-5) color-mix(in oklch,var(--color-palette-logo-1) 18%,transparent),inset 0 calc(-1 * var(--space-0-5)) var(--space-1) color-mix(in oklch,var(--color-palette-logo-1) 25%,transparent),inset 0 var(--space-px) var(--space-0-5) color-mix(in oklch,var(--color-role-surface-default) 18%,transparent);transition:transform var(--duration-base) var(--ease-apple),box-shadow var(--duration-base) var(--ease-apple);position:relative}.dp-logo-mark .mark-d{color:var(--color-role-surface-default)}.dp-logo-mark .mark-p{color:color-mix(in oklch,var(--color-role-surface-default) 90%,var(--color-palette-logo-3))}.dp-logo-mark[data-size=sm]{--mark-size: var(--space-9);--mark-font-size: var(--font-size-md)}.dp-logo-mark[data-size=lg]{--mark-size: var(--space-20);--mark-font-size: var(--font-size-3xl)}@property --shx{syntax: "<percentage>"; initial-value: -200%; inherits: true;}@property --shy{syntax: "<percentage>"; initial-value: -200%; inherits: true;}@media(forced-colors:active){.dp-logo-mark{color:var(--color-palette-logo-mono);background:none;box-shadow:none;border:var(--border-width-thin) solid currentColor}}@media(prefers-reduced-motion:reduce){.dp-logo-mark{transition:none}}}@layer dp-components{.dp-logo-wordmark{font-family:var(--font-mono);font-weight:500;letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-none);display:inline-flex;align-items:baseline}.dp-logo-wordmark .properly{margin-left:.45ch}.dp-logo-wordmark .prompt{margin-right:.4ch}.dp-logo-wordmark .suffix{margin-left:.4ch}.dp-logo-wordmark[data-prompt=true] .suffix:before{content:"/";margin-right:.05ch;color:var(--color-palette-logo-1);-webkit-text-fill-color:var(--color-palette-logo-1);background:none}.dp-logo-wordmark[data-variant=shaded] .done,.dp-logo-wordmark:not([data-variant]) .done{--shade: var(--gradient-logo-shaded-deep)}.dp-logo-wordmark[data-variant=shaded] .properly,.dp-logo-wordmark:not([data-variant]) .properly{--shade: var(--gradient-logo-shaded-mid)}.dp-logo-wordmark[data-variant=shaded] .prompt,.dp-logo-wordmark:not([data-variant]) .prompt,.dp-logo-wordmark[data-variant=shaded] .suffix,.dp-logo-wordmark:not([data-variant]) .suffix{--shade: var(--gradient-logo-shaded-mute)}.dp-logo-wordmark[data-variant=shaded] .done,.dp-logo-wordmark[data-variant=shaded] .properly,.dp-logo-wordmark[data-variant=shaded] .prompt,.dp-logo-wordmark[data-variant=shaded] .suffix,.dp-logo-wordmark:not([data-variant]) .done,.dp-logo-wordmark:not([data-variant]) .properly,.dp-logo-wordmark:not([data-variant]) .prompt,.dp-logo-wordmark:not([data-variant]) .suffix{color:var(--color-palette-logo-1);background:var(--shade);-webkit-background-clip:text;background-clip:text}@supports (background-clip: text) or (-webkit-background-clip: text){.dp-logo-wordmark[data-variant=shaded] .done,.dp-logo-wordmark[data-variant=shaded] .properly,.dp-logo-wordmark[data-variant=shaded] .prompt,.dp-logo-wordmark[data-variant=shaded] .suffix,.dp-logo-wordmark:not([data-variant]) .done,.dp-logo-wordmark:not([data-variant]) .properly,.dp-logo-wordmark:not([data-variant]) .prompt,.dp-logo-wordmark:not([data-variant]) .suffix{color:transparent}}.dp-logo-wordmark[data-variant=flat] .done{color:var(--color-palette-logo-1)}.dp-logo-wordmark[data-variant=flat] .properly{color:var(--color-palette-logo-3)}.dp-logo-wordmark[data-variant=flat] .prompt,.dp-logo-wordmark[data-variant=flat] .suffix{color:var(--color-role-text-muted)}.dp-logo-wordmark[data-variant=mono] .done{color:var(--color-palette-logo-mono)}.dp-logo-wordmark[data-variant=mono] .properly{color:var(--color-role-text-muted)}.dp-logo-wordmark[data-variant=mono] .prompt,.dp-logo-wordmark[data-variant=mono] .suffix{color:var(--color-role-text-subtle)}.dp-logo-wordmark[data-variant=inline]{display:inline}.dp-logo-wordmark[data-variant=inline] .properly,.dp-logo-wordmark[data-variant=inline] .suffix{margin-left:.35ch}.dp-logo-wordmark[data-variant=inline] .suffix:before{content:" "}.dp-logo-wordmark[data-variant=inline] .done{color:var(--color-palette-logo-1)}.dp-logo-wordmark[data-variant=inline] .properly,.dp-logo-wordmark[data-variant=inline] .suffix{color:var(--color-palette-logo-3)}@property --shx{syntax: "<percentage>"; initial-value: -200%; inherits: true;}@property --shy{syntax: "<percentage>"; initial-value: -200%; inherits: true;}@media print,(forced-colors:active){.dp-logo-wordmark .done,.dp-logo-wordmark .properly,.dp-logo-wordmark .prompt,.dp-logo-wordmark .suffix{color:CanvasText;background:none;-webkit-text-fill-color:currentColor}}}@layer dp-components{.dp-logo-full{--logo-full-gap: var(--space-4);display:inline-flex;align-items:center;gap:var(--logo-full-gap);position:relative}.dp-logo-full[data-mark-size=sm]{--logo-full-gap: var(--space-4)}.dp-logo-full[data-mark-size=sm] .dp-logo-wordmark{font-size:var(--font-size-xl)}.dp-logo-full[data-mark-size=md],.dp-logo-full:not([data-mark-size]){--logo-full-gap: var(--space-6)}.dp-logo-full[data-mark-size=md] .dp-logo-wordmark,.dp-logo-full:not([data-mark-size]) .dp-logo-wordmark{font-size:var(--font-size-2xl)}.dp-logo-full[data-mark-size=lg]{--logo-full-gap: var(--space-8)}.dp-logo-full[data-mark-size=lg] .dp-logo-wordmark{font-size:var(--font-size-3xl)}}@layer dp-components{.dp-card{--color-card-default-divider: var(--color-role-border-default);color:var(--card-fg);border-radius:var(--card-radius);padding:var(--card-pad-y) var(--card-pad-x)}.dp-card:not(.dp-mat){background:var(--card-bg);border:var(--border-width-thin) solid var(--card-border)}.dp-card[data-tone=inverse]{--card-bg: var(--color-role-surface-inverse);--card-fg: var(--color-role-text-inverse);--card-fg-muted: var(--color-role-text-muted-inverse);--card-border: transparent;--color-card-default-divider: color-mix(in oklch, var(--color-role-text-inverse) 18%, transparent);--color-role-action-ghost-fg: var(--color-role-text-inverse);--color-role-action-ghost-bg-hover: color-mix(in oklch, var(--color-role-text-inverse) 10%, transparent);--color-role-action-secondary-fg: var(--color-role-text-inverse);--color-role-action-secondary-bg-hover: color-mix(in oklch, var(--color-role-text-inverse) 10%, transparent);--color-role-action-secondary-border: color-mix(in oklch, var(--color-role-text-inverse) 30%, transparent);--color-role-feedback-success-fg: var(--color-role-feedback-success-bg);--color-role-feedback-info-fg: var(--color-role-feedback-info-bg);--color-role-feedback-warning-fg: var(--color-role-feedback-warning-bg);--color-role-feedback-error-fg: var(--color-role-feedback-error-bg)}.dp-card[data-tone=anchor]{--card-bg: color-mix(in oklch, var(--color-role-action-primary-bg) 8%, var(--color-role-surface-default));--card-border: color-mix(in oklch, var(--color-role-action-primary-bg) 30%, transparent)}.dp-card[data-tone=anchor] .dp-card-eyebrow{color:var(--color-role-action-primary-bg)}.dp-card-eyebrow{font-family:var(--card-eyebrow-font);font-size:var(--type-eyebrow-size);letter-spacing:var(--letter-spacing-widest);text-transform:uppercase;color:var(--color-role-text-link);margin:0 0 var(--space-1-5)}.dp-card[data-tone=inverse] .dp-card-eyebrow{color:var(--color-role-text-link-inverse)}.dp-card-title{font-family:var(--card-title-font);font-weight:400;text-transform:lowercase;font-size:var(--type-h4-size);line-height:var(--line-height-snug);margin:0 0 var(--space-1-5);color:inherit}.dp-card-body{font-family:var(--type-body-family);font-size:var(--type-body-size);line-height:var(--line-height-normal);color:var(--card-fg-muted);margin:0}.dp-card[data-variant],.dp-card[data-media],.dp-card[data-layout],.dp-card[data-accent],.dp-card[data-sectioned]{box-shadow:var(--shadow-card);transition:box-shadow var(--duration-base) var(--ease-apple),border-color var(--duration-base) var(--ease-apple),transform var(--duration-base) var(--ease-apple)}.dp-card[data-variant]:hover,.dp-card[data-media]:hover,.dp-card[data-layout]:hover,.dp-card[data-accent]:hover,.dp-card[data-sectioned]:hover{box-shadow:var(--shadow-card-hover)}@media(prefers-reduced-motion:no-preference){[data-theme=marketing] .dp-card[data-variant]:hover,[data-theme=marketing] .dp-card[data-media]:hover,[data-theme=marketing] .dp-card[data-layout]:hover,[data-theme=marketing] .dp-card[data-accent]:hover,[data-theme=marketing] .dp-card[data-sectioned]:hover{transform:translateY(calc(-1 * var(--space-1)));border-color:color-mix(in oklch,var(--color-role-action-primary-bg) 35%,var(--color-role-border-default))}}.dp-card-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:var(--border-width-thin) solid var(--color-card-default-divider)}.dp-card-actions{display:inline-flex;gap:var(--space-2)}.dp-card-meta{font-family:var(--type-eyebrow-family);font-size:var(--type-eyebrow-size);letter-spacing:var(--letter-spacing-widest);text-transform:uppercase;color:var(--color-role-text-subtle);margin:0}.dp-card[data-tone=inverse] .dp-card-meta{color:var(--color-role-text-muted-inverse)}.dp-card[data-sectioned]{padding:0;overflow:hidden;display:flex;flex-direction:column}.dp-card[data-sectioned]>.dp-card-header,.dp-card[data-sectioned]>.dp-card-body,.dp-card[data-sectioned]>.dp-card-footer{padding:var(--space-4) var(--space-6)}.dp-card[data-sectioned]>.dp-card-body{padding-top:var(--space-5);padding-bottom:var(--space-5);flex:1;color:var(--card-fg);font-size:inherit;line-height:inherit}.dp-card[data-sectioned]>.dp-card-header+.dp-card-body,.dp-card[data-sectioned]>.dp-card-media+.dp-card-body,.dp-card[data-sectioned]>.dp-card-media+.dp-card-header,.dp-card[data-sectioned]>.dp-card-body+.dp-card-footer,.dp-card[data-sectioned]>.dp-card-header+.dp-card-footer{border-top:var(--border-width-thin) solid var(--color-card-default-divider)}.dp-card[data-sectioned]>.dp-card-media{aspect-ratio:16 / 9}.dp-card[data-sectioned]>.dp-card-header,.dp-card[data-sectioned]>.dp-card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);background:color-mix(in oklch,var(--color-role-surface-muted) 55%,var(--color-role-surface-default));min-height:var(--space-10)}.dp-card[data-sectioned]>.dp-card-header .h-title,.dp-card[data-sectioned]>.dp-card-footer .f-title{font-family:var(--type-meta-family);font-size:var(--type-meta-size);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-role-text-primary);margin:0}.dp-card[data-sectioned]>.dp-card-header .h-meta,.dp-card[data-sectioned]>.dp-card-footer .f-meta{font-family:var(--type-eyebrow-family);font-size:var(--type-eyebrow-size);letter-spacing:var(--letter-spacing-widest);text-transform:uppercase;color:var(--color-role-text-subtle);margin:0}.dp-card[data-sectioned][data-tone=inverse]>.dp-card-header,.dp-card[data-sectioned][data-tone=inverse]>.dp-card-footer{background:color-mix(in oklch,var(--color-role-text-inverse) 6%,var(--color-role-surface-inverse))}.dp-card[data-sectioned][data-tone=inverse]>.dp-card-header+.dp-card-body,.dp-card[data-sectioned][data-tone=inverse]>.dp-card-media+.dp-card-body,.dp-card[data-sectioned][data-tone=inverse]>.dp-card-body+.dp-card-footer,.dp-card[data-sectioned][data-tone=inverse]>.dp-card-header+.dp-card-footer{border-top-color:color-mix(in oklch,var(--color-role-text-inverse) 14%,transparent)}.dp-card[data-sectioned][data-tone=inverse]>.dp-card-header .h-title,.dp-card[data-sectioned][data-tone=inverse]>.dp-card-footer .f-title{color:var(--color-role-text-inverse)}.dp-card[data-sectioned][data-tone=inverse]>.dp-card-header .h-meta,.dp-card[data-sectioned][data-tone=inverse]>.dp-card-footer .f-meta{color:var(--color-role-text-muted-inverse)}.dp-card[data-variant=ghost]{--card-bg: transparent;--card-border: transparent;--card-pad-x: 0;--card-pad-y: 0;background:none;border:0;box-shadow:none}.dp-card[data-variant=ghost]:hover{box-shadow:none;transform:none}.dp-card[data-variant=list]{padding:0}.dp-card[data-variant=list] .dp-card-head{padding:var(--space-5) var(--space-6) var(--space-4)}.dp-card[data-variant=list] .dp-card-list{list-style:none;margin:0;padding:0;border-top:var(--border-width-thin) solid var(--color-role-border-default)}.dp-card[data-variant=list] .dp-card-list>li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-6);border-bottom:var(--border-width-thin) solid var(--color-role-border-default);font-family:var(--type-body-sm-family);font-size:var(--type-body-sm-size);color:var(--color-role-text-primary)}.dp-card[data-variant=list] .dp-card-list>li:last-child{border-bottom:0}.dp-card[data-variant=list] .dp-card-list .row-label{color:var(--color-role-text-muted)}.dp-card[data-variant=list] .dp-card-list .row-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-role-text-primary)}.dp-card[data-variant=list] .dp-card-foot{margin:0;padding:var(--space-3) var(--space-6);border-top:var(--border-width-thin) solid var(--color-role-border-default)}.dp-card[data-variant=stat] .dp-card-num{font-family:var(--font-mono);font-weight:var(--font-weight-regular);font-size:clamp(2rem,4vw,2.75rem);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tighter);color:var(--color-role-text-primary);font-variant-numeric:tabular-nums;margin:0 0 var(--space-2)}.dp-card[data-tone=inverse] .dp-card-num{color:var(--color-role-text-inverse)}.dp-card[data-variant=stat] .dp-card-num .unit{font-size:.55em;color:var(--color-role-text-muted);margin-left:var(--space-1);letter-spacing:var(--letter-spacing-tight)}.dp-card[data-variant=stat] .dp-card-spark{margin-top:var(--space-3)}.dp-card[data-variant=pricing] .dp-card-price{font-family:var(--font-mono);font-weight:var(--font-weight-regular);font-size:clamp(1.75rem,3.5vw,2.5rem);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tighter);color:var(--color-role-text-primary);margin:0 0 var(--space-1);font-variant-numeric:tabular-nums}.dp-card[data-variant=pricing] .dp-card-price .unit{font-size:.45em;color:var(--color-role-text-muted);margin-left:var(--space-1);letter-spacing:var(--letter-spacing-tight)}.dp-card[data-variant=pricing] .dp-card-features{list-style:none;margin:var(--space-5) 0 0;padding:var(--space-5) 0 0;border-top:var(--border-width-thin) solid var(--color-role-border-default);display:grid;gap:var(--space-2);font-family:var(--type-body-sm-family);font-size:var(--type-body-sm-size);color:var(--color-role-text-primary)}.dp-card[data-variant=pricing] .dp-card-features>li{display:grid;grid-template-columns:14px 1fr;gap:var(--space-2);align-items:baseline}.dp-card[data-variant=pricing] .dp-card-features>li:before{content:"+";font-family:var(--font-mono);font-size:var(--type-body-sm-size);color:var(--color-role-text-link);line-height:1}.dp-card[data-variant=pricing] .dp-card-features>li.muted{color:var(--color-role-text-muted)}.dp-card[data-variant=pricing] .dp-card-features>li.muted:before{content:"–";color:var(--color-role-text-subtle)}.dp-card[data-variant=pricing] .dp-card-cta{margin-top:var(--space-5)}.dp-card[data-variant=pricing] .dp-card-cta .dp-button{width:100%;justify-content:center}.dp-card[data-variant=quote] .dp-card-quote{font-family:var(--type-h4-family);font-size:var(--type-h4-size);line-height:var(--line-height-snug);color:var(--color-role-text-primary);margin:0;text-wrap:pretty}.dp-card[data-tone=inverse] .dp-card-quote{color:var(--color-role-text-inverse)}.dp-card[data-variant=quote] .dp-card-quote:before{content:"“";font-family:var(--font-mono);color:var(--color-role-text-link);margin-right:2px}.dp-card[data-variant=quote] .dp-card-quote:after{content:"”";font-family:var(--font-mono);color:var(--color-role-text-link)}.dp-card[data-variant=quote] .dp-card-byline{margin-top:var(--space-5);padding-top:var(--space-4);border-top:var(--border-width-thin) solid var(--color-role-border-default);display:flex;align-items:center;gap:var(--space-3);font-family:var(--type-eyebrow-family);font-size:var(--type-eyebrow-size);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-role-text-muted)}.dp-card[data-tone=inverse] .dp-card-byline{border-top-color:color-mix(in oklch,var(--color-role-text-inverse) 18%,transparent);color:var(--color-role-text-muted-inverse)}.dp-card[data-variant=quote] .dp-card-byline .name{color:var(--color-role-text-primary)}.dp-card[data-tone=inverse] .dp-card-byline .name{color:var(--color-role-text-inverse)}.dp-card-media{position:relative;background:repeating-linear-gradient(135deg,color-mix(in oklch,var(--color-role-surface-muted) 88%,var(--color-role-border-default)) 0 10px,var(--color-role-surface-subtle) 10px 20px);display:flex;align-items:center;justify-content:center;color:var(--color-role-text-subtle);overflow:hidden}.dp-card-media .label{font-family:var(--type-eyebrow-family);font-size:var(--type-eyebrow-size);letter-spacing:var(--letter-spacing-widest);text-transform:uppercase;background:color-mix(in oklch,var(--color-role-surface-default) 92%,transparent);border:var(--border-width-thin) solid var(--color-role-border-default);border-radius:var(--radius-xs);padding:var(--space-1) var(--space-2);color:var(--color-role-text-subtle)}.dp-card[data-media=top]{padding:0;overflow:hidden}.dp-card[data-media=top] .dp-card-media{aspect-ratio:16 / 9;border-bottom:var(--border-width-thin) solid var(--color-role-border-default)}.dp-card[data-media=top] .dp-card-content{padding:var(--space-6)}.dp-card[data-media=overlay]{padding:0;overflow:hidden;position:relative;color:var(--color-role-text-inverse);border-color:transparent}.dp-card[data-media=overlay] .dp-card-media{position:absolute;inset:0;background:repeating-linear-gradient(135deg,var(--color-palette-mono-black) 0 10px,var(--color-palette-mono-blackish) 10px 20px)}.dp-card[data-media=overlay] .dp-card-media .label{background:color-mix(in oklch,var(--color-palette-mono-black) 70%,transparent);border-color:color-mix(in oklch,var(--color-base-white) 20%,transparent);color:color-mix(in oklch,var(--color-base-white) 70%,transparent)}.dp-card[data-media=overlay] .dp-card-content{position:relative;min-height:220px;padding:var(--space-6);display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,transparent 0%,color-mix(in oklch,var(--color-base-black) 55%,transparent) 60%,color-mix(in oklch,var(--color-base-black) 80%,transparent) 100%)}.dp-card[data-media=overlay] .dp-card-eyebrow{color:color-mix(in oklch,var(--color-base-white) 90%,transparent)}.dp-card[data-media=overlay] .dp-card-title{color:var(--color-base-white)}.dp-card[data-media=overlay] .dp-card-body{color:color-mix(in oklch,var(--color-base-white) 75%,transparent)}.dp-card[data-layout=split]{padding:0;overflow:hidden;display:grid;grid-template-columns:38% 1fr;align-items:stretch;min-height:180px}.dp-card[data-layout=split] .dp-card-media{aspect-ratio:auto;border-right:var(--border-width-thin) solid var(--color-role-border-default);height:100%}.dp-card[data-layout=split] .dp-card-content{padding:var(--space-6);display:flex;flex-direction:column;justify-content:center}@media(max-width:520px){.dp-card[data-layout=split]{grid-template-columns:1fr}.dp-card[data-layout=split] .dp-card-media{aspect-ratio:16 / 9;border-right:0;border-bottom:var(--border-width-thin) solid var(--color-role-border-default)}}.dp-card[data-accent=vivid]{border-top-color:transparent;background:linear-gradient(var(--card-bg),var(--card-bg)) padding-box,var(--gradient-vivid, var(--color-role-action-primary-bg)) border-box;background-origin:border-box}.dp-card[data-accent=anchor]{border-left-color:transparent;border-left-width:2px;background:linear-gradient(var(--card-bg),var(--card-bg)) padding-box,var(--color-role-action-primary-bg) border-box;background-origin:border-box}.dp-card[data-accent=vivid-ring]{border-color:transparent;background:linear-gradient(var(--card-bg),var(--card-bg)) padding-box,var(--gradient-vivid, var(--color-role-action-primary-bg)) border-box;background-origin:border-box}.dp-card[data-accent][data-tone=inverse]{background:linear-gradient(var(--card-bg),var(--card-bg)) padding-box,var(--gradient-vivid, var(--color-role-action-primary-bg)) border-box}.dp-card[data-accent=anchor][data-tone=inverse]{background:linear-gradient(var(--card-bg),var(--card-bg)) padding-box,var(--color-role-action-primary-bg) border-box}.dp-card[data-glow=anchor]{box-shadow:0 0 0 1px color-mix(in oklch,var(--color-role-action-primary-bg) 18%,transparent),0 24px 48px -16px color-mix(in oklch,var(--color-role-action-primary-bg) 30%,transparent),var(--shadow-card)}.dp-card[data-glow=vivid]{box-shadow:0 0 0 1px color-mix(in oklch,var(--color-palette-color-2, var(--color-role-action-primary-bg)) 22%,transparent),0 24px 56px -16px color-mix(in oklch,var(--color-palette-color-2, var(--color-role-action-primary-bg)) 36%,transparent),0 12px 28px -12px color-mix(in oklch,var(--color-palette-color-1, var(--color-role-action-primary-bg)) 28%,transparent),var(--shadow-card)}.dp-card[data-glow=success]{box-shadow:0 0 0 1px color-mix(in oklch,var(--color-role-feedback-success-border) 22%,transparent),0 20px 44px -16px color-mix(in oklch,var(--color-role-feedback-success-border) 30%,transparent),var(--shadow-card)}.dp-card[data-glow=warning]{box-shadow:0 0 0 1px color-mix(in oklch,var(--color-role-feedback-warning-border) 22%,transparent),0 20px 44px -16px color-mix(in oklch,var(--color-role-feedback-warning-border) 30%,transparent),var(--shadow-card)}}@layer dp-components{.dp-field{display:grid;gap:var(--field-gap);position:relative}.dp-field-label{font-family:var(--type-eyebrow-family);font-size:var(--type-eyebrow-size);letter-spacing:var(--letter-spacing-widest);text-transform:uppercase;color:var(--color-role-text-subtle);display:flex;align-items:baseline;gap:var(--space-2)}.dp-field-label .dp-field-optional{color:var(--color-role-text-subtle);font-weight:400;letter-spacing:var(--letter-spacing-wider);text-transform:none;font-size:var(--type-eyebrow-size)}.dp-field-hint{font-family:var(--type-meta-family);font-size:var(--type-meta-size);line-height:var(--line-height-normal);color:var(--color-role-text-muted);display:flex;align-items:flex-start;gap:var(--space-1-5)}.dp-field-hint .dp-field-hint-icon{flex:0 0 var(--icon-size-sm);width:var(--icon-size-sm);height:var(--icon-size-sm);margin-top:var(--space-px);color:var(--color-role-text-subtle)}.dp-field-hint .dp-field-hint-count{margin-left:auto;font-family:var(--font-mono);font-size:var(--font-size-2xs);color:var(--color-role-text-subtle)}.dp-input{--input-border: var(--border-width-thin) solid var(--color-role-border-strong);--input-transition: border-color var(--duration-quick) var(--ease-apple), box-shadow var(--duration-quick) var(--ease-apple);font-family:var(--type-body-sm-family);font-size:var(--type-body-sm-size);padding:var(--input-pad-y) var(--input-pad-x);border:var(--input-border);border-radius:var(--input-radius);background:var(--color-role-surface-default);color:var(--color-role-text-primary);transition:var(--input-transition);width:100%;box-sizing:border-box}.dp-input::placeholder{color:var(--color-role-text-subtle)}.dp-input:focus{outline:none;border-color:var(--color-role-border-focus);box-shadow:var(--shadow-focus-ring)}.dp-field[data-state=error] .dp-input{border-color:var(--color-role-feedback-error-border);background:color-mix(in oklch,var(--color-role-feedback-error-border) 4%,var(--color-role-surface-default))}.dp-field[data-state=error] .dp-input:focus{box-shadow:var(--shadow-focus-ring-error)}.dp-field[data-state=error] .dp-field-hint,.dp-field[data-state=error] .dp-field-hint-icon{color:var(--color-role-feedback-error-border)}.dp-field[data-state=ok] .dp-input{border-color:var(--color-role-feedback-success-border);padding-right:calc(var(--icon-size-sm) + var(--space-2-5) * 2)}.dp-field[data-state=ok] .dp-field-check{position:absolute;right:var(--space-2-5);top:calc(var(--type-eyebrow-size) + var(--field-gap) + var(--input-pad-y));width:var(--icon-size-sm);height:var(--icon-size-sm);color:var(--color-role-feedback-success-border);pointer-events:none}@media(prefers-reduced-motion:reduce){.dp-input{transition:none}}}@layer dp-components{.dp-textarea{--textarea-pad-x: var(--space-3);--textarea-pad-y: var(--space-2-5);--textarea-radius: var(--radius-input);--textarea-border: var(--border-width-thin) solid var(--color-role-border-strong);--textarea-min-height: var(--space-20);--textarea-transition: border-color var(--duration-quick) var(--ease-apple), box-shadow var(--duration-quick) var(--ease-apple);font-family:var(--type-body-sm-family);font-size:var(--type-body-sm-size);padding:var(--textarea-pad-y) var(--textarea-pad-x);border:var(--textarea-border);border-radius:var(--textarea-radius);background:var(--color-role-surface-default);color:var(--color-role-text-primary);transition:var(--textarea-transition);width:100%;box-sizing:border-box;resize:vertical;min-height:var(--textarea-min-height)}.dp-textarea::placeholder{color:var(--color-role-text-subtle)}.dp-textarea:focus{outline:none;border-color:var(--color-role-border-focus);box-shadow:var(--shadow-focus-ring)}.dp-field[data-state=error] .dp-textarea{border-color:var(--color-role-feedback-error-border)}.dp-field[data-state=error] .dp-textarea:focus{box-shadow:var(--shadow-focus-ring-error)}@media(prefers-reduced-motion:reduce){.dp-textarea{transition:none}}}@layer dp-components{.dp-hero{--color-role-action-secondary-fg: var(--color-role-text-primary);--color-role-action-secondary-border: var(--color-role-border-strong);--color-role-action-secondary-bg-hover: var(--color-role-surface-subtle);--color-role-action-secondary-bg-active: var(--color-role-surface-muted);position:relative;overflow:hidden;isolation:isolate;padding:var(--space-10) var(--space-6);background:linear-gradient(170deg,var(--color-void-edge) 0%,var(--color-void-dim) 25%,var(--color-void-abyss) 50%,var(--color-void-base) 75%,var(--color-void-raised) 100%);color:var(--color-role-text-primary)}@media(min-width:1024px){.dp-hero{padding:9rem 3rem 8rem}}.dp-hero-inner{position:relative;z-index:1;max-width:64rem;margin:0 auto}.dp-hero-eyebrow{margin-bottom:var(--space-7)}.dp-hero-title{margin:0;max-width:16ch;font-family:var(--type-h1-family);font-size:clamp(2.75rem,6.5vw,5.5rem);line-height:1.02;letter-spacing:-.025em;text-transform:var(--type-h1-text-transform)}.dp-hero-subhead{margin:var(--space-7) 0 0;max-width:56ch;font-size:1.125rem;color:var(--color-role-text-muted)}.dp-hero-actions{margin-top:var(--space-10);display:flex;flex-wrap:wrap;gap:var(--space-4)}.dp-hero-meta{margin-top:5rem;display:flex;flex-wrap:wrap;gap:var(--space-7);font-family:var(--font-mono);font-size:.75rem;letter-spacing:var(--letter-spacing-widest);text-transform:uppercase;color:var(--color-role-text-muted)}.dp-hero-meta>:first-child{color:var(--color-role-text-link-hover)}.dp-hero>.dp-glow{--glow-strength: .32}.dp-hero>.dp-glow[data-position=top-left]{top:-8rem;left:-8rem;--glow-size: 60vw}.dp-hero>.dp-glow[data-position=bottom-right]{bottom:-10rem;right:-8rem;--glow-size: 50vw}.dp-hero-media,.dp-hero-tiles{margin-top:var(--space-10)}.dp-hero[data-layout=split] .dp-hero-inner{max-width:80rem}@media(min-width:1024px){.dp-hero[data-layout=split] .dp-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:var(--space-8)}.dp-hero[data-layout=split] .dp-hero-title{font-size:clamp(2.5rem,4vw,4rem);max-width:14ch}.dp-hero[data-layout=split] .dp-hero-media{margin-top:0;grid-column:2;grid-row:1 / span 5}}.dp-hero[data-layout=bento] .dp-hero-inner{max-width:80rem}.dp-hero[data-layout=bento] .dp-hero-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}@media(min-width:1024px){.dp-hero[data-layout=bento] .dp-hero-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}.dp-hero[data-layout=media] .dp-hero-inner{max-width:80rem}.dp-hero[data-layout=media] .dp-hero-media{box-shadow:0 32px 80px color-mix(in oklch,var(--color-role-action-primary-bg) 18%,transparent),0 16px 32px color-mix(in oklch,var(--color-base-black) 40%,transparent);border-radius:var(--radius-card);overflow:hidden}}@layer dp-components{.dp-footer{background:var(--color-role-surface-default);border-top:var(--border-width-thin) solid var(--color-role-border-default);padding:var(--space-10) var(--space-6) var(--space-6);color:var(--color-role-text-muted);font-family:var(--type-body-sm-family);font-size:var(--type-body-sm-size)}.dp-footer[data-accent=vivid]{border-top-color:transparent;background:linear-gradient(var(--color-role-surface-default),var(--color-role-surface-default)) padding-box,var(--gradient-vivid, var(--color-role-action-primary-bg)) border-box;background-origin:border-box}.dp-footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:var(--space-8);max-width:1200px;margin:0 auto var(--space-8)}.dp-footer-pitch p{margin:var(--space-3) 0 0;line-height:var(--line-height-normal);color:var(--color-role-text-muted);max-width:28ch}.dp-footer-col h4{margin:0 0 var(--space-3);font-family:var(--type-eyebrow-family);font-size:var(--type-eyebrow-size);letter-spacing:var(--letter-spacing-widest);text-transform:uppercase;color:var(--color-role-text-subtle);font-weight:500}.dp-footer-col ul{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-2)}.dp-footer-col a{color:var(--color-role-text-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-apple)}.dp-footer-col a:hover{color:var(--color-role-text-link)}.dp-footer-baseline{max-width:1200px;margin:0 auto;padding-top:var(--space-5);border-top:var(--border-width-thin) solid var(--color-role-border-default);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;font-family:var(--type-meta-family);font-size:var(--type-meta-size);letter-spacing:var(--letter-spacing-tight);color:var(--color-role-text-subtle)}.dp-footer-baseline .meta{display:flex;gap:var(--space-4)}.dp-footer[data-variant=app]{padding:var(--space-3) var(--space-4)}.dp-footer[data-variant=app] .dp-footer-grid{display:none}.dp-footer[data-variant=app] .dp-footer-baseline{border-top:0;padding-top:0}@media(max-width:720px){.dp-footer-grid{grid-template-columns:1fr;gap:var(--space-5)}}}body{background:var(--color-surface-bg);color:var(--color-text-default);font-family:var(--type-body-family, var(--font-sans, system-ui, sans-serif));min-height:100dvh}.dp-hero{min-height:100dvh;display:grid;align-content:center}.contact-form{display:grid;gap:var(--space-4, 1rem)}.legal-page{max-width:46rem;margin-inline:auto;padding:clamp(2rem,6vh,4rem) clamp(1.25rem,4vw,2rem) clamp(3rem,8vh,5rem);min-height:60dvh}.obf-at:after{content:"@"}.obf-email{text-decoration:underline;text-underline-offset:.2em}