:root{--theme-primary-mode-light:hsl(195, 100%, 32%);--theme-primary-mode-dark:hsl(195, 100%, 32%);--theme-primary:var(--theme-primary-color-cg-blue);--color-primary:var(--theme-primary);--theme-primary-hover-mode-light:hsl(195, 100%, 28.8%);--theme-primary-hover-mode-dark:hsl(195, 100%, 38.8%);--theme-primary-hover:var(--theme-primary-hover-color-cg-blue);--color-primary-hover:var(--theme-primary-hover);--theme-primary-active-mode-light:hsl(195, 100%, 25.6%);--theme-primary-active-mode-dark:hsl(195, 100%, 45.6%);--theme-primary-active:var(--theme-primary-active-color-cg-blue);--color-primary-active:var(--theme-primary-active);--theme-primary-inverted-mode-light:hsl(195, 100%, 32%);--theme-primary-inverted-mode-dark:hsl(195, 100%, 32%);--theme-primary-inverted:var(--theme-primary-inverted-color-cg-blue);--color-primary-inverted:var(--theme-primary-inverted);--theme-primary-inverted-hover-mode-light:hsl(195, 100%, 38.8%);--theme-primary-inverted-hover-mode-dark:hsl(195, 100%, 28.8%);--theme-primary-inverted-hover:var(--theme-primary-inverted-hover-color-cg-blue);--color-primary-inverted-hover:var(--theme-primary-inverted-hover);--theme-primary-inverted-active-mode-light:hsl(195, 100%, 45.6%);--theme-primary-inverted-active-mode-dark:hsl(195, 100%, 25.6%);--theme-primary-inverted-active:var(--theme-primary-inverted-active-color-cg-blue);--color-primary-inverted-active:var(--theme-primary-inverted-active);--theme-on-primary-mode-light:#fefefd;--theme-on-primary-mode-dark:#fefefd;--theme-on-primary:var(--theme-on-primary-color-cg-blue);--color-on-primary:var(--theme-on-primary);--theme-on-primary-inverted-mode-light:#fefefd;--theme-on-primary-inverted-mode-dark:#fefefd;--theme-on-primary-inverted:var(--theme-on-primary-inverted-color-cg-blue);--color-on-primary-inverted:var(--theme-on-primary-inverted);--theme-primary-text-mode-light:hsl(195, 100%, 22.4%);--theme-primary-text-mode-dark:hsl(195, 100%, 86.4%);--theme-primary-text:var(--theme-primary-text-color-cg-blue);--color-primary-text:var(--theme-primary-text);--theme-secondary-mode-light:hsl(195, 60%, 89.8%);--theme-secondary-mode-dark:hsl(195, 80%, 52.4%);--theme-secondary:var(--theme-secondary-color-cg-blue);--color-secondary:var(--theme-secondary);--theme-secondary-hover-mode-light:hsl(195, 60%, 85.31%);--theme-secondary-hover-mode-dark:hsl(195, 80%, 57.16%);--theme-secondary-hover:var(--theme-secondary-hover-color-cg-blue);--color-secondary-hover:var(--theme-secondary-hover);--theme-secondary-active-mode-light:hsl(195, 60%, 80.82%);--theme-secondary-active-mode-dark:hsl(195, 80%, 61.92%);--theme-secondary-active:var(--theme-secondary-active-color-cg-blue);--color-secondary-active:var(--theme-secondary-active);--theme-secondary-inverted-mode-light:hsl(195, 80%, 52.4%);--theme-secondary-inverted-mode-dark:hsl(195, 60%, 89.8%);--theme-secondary-inverted:var(--theme-secondary-inverted-color-cg-blue);--color-secondary-inverted:var(--theme-secondary-inverted);--theme-secondary-inverted-hover-mode-light:hsl(195, 80%, 57.16%);--theme-secondary-inverted-hover-mode-dark:hsl(195, 60%, 85.31%);--theme-secondary-inverted-hover:var(--theme-secondary-inverted-hover-color-cg-blue);--color-secondary-inverted-hover:var(--theme-secondary-inverted-hover);--theme-secondary-inverted-active-mode-light:hsl(195, 80%, 61.92%);--theme-secondary-inverted-active-mode-dark:hsl(195, 60%, 80.82%);--theme-secondary-inverted-active:var(--theme-secondary-inverted-active-color-cg-blue);--color-secondary-inverted-active:var(--theme-secondary-inverted-active);--theme-on-secondary-mode-light:hsl(195, 100%, 22.4%);--theme-on-secondary-mode-dark:hsl(195, 100%, 16%);--theme-on-secondary:var(--theme-on-secondary-color-cg-blue);--color-on-secondary:var(--theme-on-secondary);--theme-on-secondary-inverted-mode-light:hsl(195, 60%, 89.8%);--theme-on-secondary-inverted-mode-dark:hsl(195, 100%, 22.4%);--theme-on-secondary-inverted:var(--theme-on-secondary-inverted-color-cg-blue);--color-on-secondary-inverted:var(--theme-on-secondary-inverted);--theme-default-mode-light:#fefefd;--theme-default-mode-dark:#2c2c2e;--theme-default:var(--theme-default-color-cg-blue);--color-default:var(--theme-default);--theme-on-default-mode-light:#2c2c2e;--theme-on-default-mode-dark:#fefefd;--theme-on-default:var(--theme-on-default-color-cg-blue);--color-on-default:var(--theme-on-default);--theme-inverted-mode-light:#2c2c2e;--theme-inverted-mode-dark:#fefefd;--theme-inverted:var(--theme-inverted-color-cg-blue);--color-inverted:var(--theme-inverted);--theme-on-inverted-mode-light:#fefefd;--theme-on-inverted-mode-dark:#2c2c2e;--theme-on-inverted:var(--theme-on-inverted-color-cg-blue);--color-on-inverted:var(--theme-on-inverted);--theme-surface-mode-light:hsl(195, 40%, 93.2%);--theme-surface-mode-dark:hsl(195, 50%, 42.2%);--theme-surface:var(--theme-surface-color-cg-blue);--color-surface:var(--theme-surface);--theme-surface-hover-mode-light:hsl(195, 40%, 88.54%);--theme-surface-hover-mode-dark:hsl(195, 50%, 45.09%);--theme-surface-hover:var(--theme-surface-hover-color-cg-blue);--color-surface-hover:var(--theme-surface-hover);--theme-surface-active-mode-light:hsl(195, 40%, 83.88%);--theme-surface-active-mode-dark:hsl(195, 50%, 47.98%);--theme-surface-active:var(--theme-surface-active-color-cg-blue);--color-surface-active:var(--theme-surface-active);--theme-surface-inverted-mode-light:hsl(195, 50%, 42.2%);--theme-surface-inverted-mode-dark:hsl(195, 40%, 93.2%);--theme-surface-inverted:var(--theme-surface-inverted-color-cg-blue);--color-surface-inverted:var(--theme-surface-inverted);--theme-surface-inverted-hover-mode-light:hsl(195, 50%, 45.09%);--theme-surface-inverted-hover-mode-dark:hsl(195, 40%, 88.54%);--theme-surface-inverted-hover:var(--theme-surface-inverted-hover-color-cg-blue);--color-surface-inverted-hover:var(--theme-surface-inverted-hover);--theme-surface-inverted-active-mode-light:hsl(195, 50%, 47.98%);--theme-surface-inverted-active-mode-dark:hsl(195, 40%, 83.88%);--theme-surface-inverted-active:var(--theme-surface-inverted-active-color-cg-blue);--color-surface-inverted-active:var(--theme-surface-inverted-active);--theme-backdrop-mode-light:rgba(0, 0, 0, 0.5);--theme-backdrop-mode-dark:rgba(0, 0, 0, 0.7);--theme-backdrop:var(--theme-backdrop-color-cg-blue);--color-backdrop:var(--theme-backdrop);--theme-overlay-mode-light:rgba(0, 0, 0, 0.04);--theme-overlay-mode-dark:rgba(255, 255, 255, 0.06);--theme-overlay:var(--theme-overlay-color-cg-blue);--color-overlay:var(--theme-overlay);--theme-modal-mode-light:#fefefd;--theme-modal-mode-dark:#262626;--theme-modal:var(--theme-modal-color-cg-blue);--color-modal:var(--theme-modal);--theme-skeleton-mode-light:#e0e0e0;--theme-skeleton-mode-dark:#3a3a3a;--theme-skeleton:var(--theme-skeleton-color-cg-blue);--color-skeleton:var(--theme-skeleton);--theme-on-skeleton-mode-light:#f0f0f0;--theme-on-skeleton-mode-dark:#4a4a4a;--theme-on-skeleton:var(--theme-on-skeleton-color-cg-blue);--color-on-skeleton:var(--theme-on-skeleton);--theme-muted-mode-light:hsl(0, 0%, 32%);--theme-muted-mode-dark:hsl(0, 0%, 92%);--theme-muted:var(--theme-muted-color-cg-blue);--color-muted:var(--theme-muted);--theme-placeholder-mode-light:hsl(0, 0%, 52%);--theme-placeholder-mode-dark:hsl(0, 0%, 76%);--theme-placeholder:var(--theme-placeholder-color-cg-blue);--color-placeholder:var(--theme-placeholder);--theme-disabled-mode-light:hsl(0, 0%, 55%);--theme-disabled-mode-dark:hsl(0, 0%, 35%);--theme-disabled:var(--theme-disabled-color-cg-blue);--color-disabled:var(--theme-disabled);--theme-on-disabled-mode-light:hsl(0, 0%, 95%);--theme-on-disabled-mode-dark:hsl(0, 0%, 85%);--theme-on-disabled:var(--theme-on-disabled-color-cg-blue);--color-on-disabled:var(--theme-on-disabled);--theme-divider-mode-light:hsl(195, 20%, 83%);--theme-divider-mode-dark:hsl(195, 20%, 83%);--theme-divider:var(--theme-divider-color-cg-blue);--color-divider:var(--theme-divider);--theme-divider-hover-mode-light:hsl(195, 20%, 78.85%);--theme-divider-hover-mode-dark:hsl(195, 20%, 83.85%);--theme-divider-hover:var(--theme-divider-hover-color-cg-blue);--color-divider-hover:var(--theme-divider-hover);--theme-divider-active-mode-light:hsl(195, 20%, 74.7%);--theme-divider-active-mode-dark:hsl(195, 20%, 84.7%);--theme-divider-active:var(--theme-divider-active-color-cg-blue);--color-divider-active:var(--theme-divider-active);--theme-divider-disabled-mode-light:hsl(0, 0%, 60%);--theme-divider-disabled-mode-dark:hsl(0, 0%, 45%);--theme-divider-disabled:var(--theme-divider-disabled-color-cg-blue);--color-divider-disabled:var(--theme-divider-disabled);--theme-focus-ring-mode-light:hsla(195, 100%, 32%, 0.7);--theme-focus-ring-mode-dark:hsla(195, 100%, 32%, 0.9);--theme-focus-ring:var(--theme-focus-ring-color-cg-blue);--color-focus-ring:var(--theme-focus-ring);--theme-shadow-mode-light:rgba(0, 0, 0, 0.1);--theme-shadow-mode-dark:rgba(0, 0, 0, 0.4);--theme-shadow:var(--theme-shadow-color-cg-blue);--color-shadow:var(--theme-shadow);--theme-error-mode-light:hsl(0, 70%, 40%);--theme-error-mode-dark:hsl(0, 70%, 40%);--theme-error:var(--theme-error-color-cg-blue);--color-error:var(--theme-error);--theme-error-hover-mode-light:hsl(0, 70%, 38%);--theme-error-hover-mode-dark:hsl(0, 70%, 38%);--theme-error-hover:var(--theme-error-hover-color-cg-blue);--color-error-hover:var(--theme-error-hover);--theme-error-active-mode-light:hsl(0, 70%, 36%);--theme-error-active-mode-dark:hsl(0, 70%, 36%);--theme-error-active:var(--theme-error-active-color-cg-blue);--color-error-active:var(--theme-error-active);--theme-error-inverted-mode-light:hsl(0, 70%, 40%);--theme-error-inverted-mode-dark:hsl(0, 70%, 40%);--theme-error-inverted:var(--theme-error-inverted-color-cg-blue);--color-error-inverted:var(--theme-error-inverted);--theme-error-inverted-hover-mode-light:hsl(0, 70%, 38%);--theme-error-inverted-hover-mode-dark:hsl(0, 70%, 38%);--theme-error-inverted-hover:var(--theme-error-inverted-hover-color-cg-blue);--color-error-inverted-hover:var(--theme-error-inverted-hover);--theme-error-inverted-active-mode-light:hsl(0, 70%, 36%);--theme-error-inverted-active-mode-dark:hsl(0, 70%, 36%);--theme-error-inverted-active:var(--theme-error-inverted-active-color-cg-blue);--color-error-inverted-active:var(--theme-error-inverted-active);--theme-on-error-mode-light:#fefefd;--theme-on-error-mode-dark:hsl(0, 100%, 95%);--theme-on-error:var(--theme-on-error-color-cg-blue);--color-on-error:var(--theme-on-error);--theme-on-error-inverted-mode-light:#fefefd;--theme-on-error-inverted-mode-dark:hsl(0, 100%, 95%);--theme-on-error-inverted:var(--theme-on-error-inverted-color-cg-blue);--color-on-error-inverted:var(--theme-on-error-inverted);--theme-error-secondary-mode-light:hsl(0, 100%, 95%);--theme-error-secondary-mode-dark:hsl(0, 100%, 95%);--theme-error-secondary:var(--theme-error-secondary-color-cg-blue);--color-error-secondary:var(--theme-error-secondary);--theme-error-secondary-hover-mode-light:hsl(0, 100%, 90.25%);--theme-error-secondary-hover-mode-dark:hsl(0, 100%, 90.25%);--theme-error-secondary-hover:var(--theme-error-secondary-hover-color-cg-blue);--color-error-secondary-hover:var(--theme-error-secondary-hover);--theme-error-secondary-active-mode-light:hsl(0, 100%, 85.5%);--theme-error-secondary-active-mode-dark:hsl(0, 100%, 85.5%);--theme-error-secondary-active:var(--theme-error-secondary-active-color-cg-blue);--color-error-secondary-active:var(--theme-error-secondary-active);--theme-on-error-secondary-mode-light:hsl(0, 70%, 30%);--theme-on-error-secondary-mode-dark:hsl(0, 70%, 30%);--theme-on-error-secondary:var(--theme-on-error-secondary-color-cg-blue);--color-on-error-secondary:var(--theme-on-error-secondary);--theme-error-text-mode-light:hsl(0, 70%, 30%);--theme-error-text-mode-dark:hsl(0, 70%, 90%);--theme-error-text:var(--theme-error-text-color-cg-blue);--color-error-text:var(--theme-error-text);--theme-success-mode-light:hsl(142, 50%, 35%);--theme-success-mode-dark:hsl(142, 50%, 35%);--theme-success:var(--theme-success-color-cg-blue);--color-success:var(--theme-success);--theme-success-hover-mode-light:hsl(142, 50%, 33.25%);--theme-success-hover-mode-dark:hsl(142, 50%, 33.25%);--theme-success-hover:var(--theme-success-hover-color-cg-blue);--color-success-hover:var(--theme-success-hover);--theme-success-active-mode-light:hsl(142, 50%, 31.5%);--theme-success-active-mode-dark:hsl(142, 50%, 31.5%);--theme-success-active:var(--theme-success-active-color-cg-blue);--color-success-active:var(--theme-success-active);--theme-success-inverted-mode-light:hsl(142, 50%, 35%);--theme-success-inverted-mode-dark:hsl(142, 50%, 35%);--theme-success-inverted:var(--theme-success-inverted-color-cg-blue);--color-success-inverted:var(--theme-success-inverted);--theme-success-inverted-hover-mode-light:hsl(142, 50%, 33.25%);--theme-success-inverted-hover-mode-dark:hsl(142, 50%, 33.25%);--theme-success-inverted-hover:var(--theme-success-inverted-hover-color-cg-blue);--color-success-inverted-hover:var(--theme-success-inverted-hover);--theme-success-inverted-active-mode-light:hsl(142, 50%, 31.5%);--theme-success-inverted-active-mode-dark:hsl(142, 50%, 31.5%);--theme-success-inverted-active:var(--theme-success-inverted-active-color-cg-blue);--color-success-inverted-active:var(--theme-success-inverted-active);--theme-on-success-mode-light:#fefefd;--theme-on-success-mode-dark:hsl(142, 70%, 95%);--theme-on-success:var(--theme-on-success-color-cg-blue);--color-on-success:var(--theme-on-success);--theme-on-success-inverted-mode-light:#fefefd;--theme-on-success-inverted-mode-dark:hsl(142, 70%, 95%);--theme-on-success-inverted:var(--theme-on-success-inverted-color-cg-blue);--color-on-success-inverted:var(--theme-on-success-inverted);--theme-success-secondary-mode-light:hsl(142, 70%, 90%);--theme-success-secondary-mode-dark:hsl(142, 70%, 90%);--theme-success-secondary:var(--theme-success-secondary-color-cg-blue);--color-success-secondary:var(--theme-success-secondary);--theme-success-secondary-hover-mode-light:hsl(142, 70%, 85.5%);--theme-success-secondary-hover-mode-dark:hsl(142, 70%, 85.5%);--theme-success-secondary-hover:var(--theme-success-secondary-hover-color-cg-blue);--color-success-secondary-hover:var(--theme-success-secondary-hover);--theme-success-secondary-active-mode-light:hsl(142, 70%, 81%);--theme-success-secondary-active-mode-dark:hsl(142, 70%, 81%);--theme-success-secondary-active:var(--theme-success-secondary-active-color-cg-blue);--color-success-secondary-active:var(--theme-success-secondary-active);--theme-on-success-secondary-mode-light:hsl(142, 50%, 25%);--theme-on-success-secondary-mode-dark:hsl(142, 50%, 25%);--theme-on-success-secondary:var(--theme-on-success-secondary-color-cg-blue);--color-on-success-secondary:var(--theme-on-success-secondary);--theme-success-text-mode-light:hsl(142, 50%, 25%);--theme-success-text-mode-dark:hsl(142, 50%, 85%);--theme-success-text:var(--theme-success-text-color-cg-blue);--color-success-text:var(--theme-success-text);--theme-warning-mode-light:hsl(45, 100%, 85%);--theme-warning-mode-dark:hsl(45, 100%, 68%);--theme-warning:var(--theme-warning-color-cg-blue);--color-warning:var(--theme-warning);--theme-on-warning-mode-light:hsl(30, 100%, 25%);--theme-on-warning-mode-dark:hsl(45, 100%, 95%);--theme-on-warning:var(--theme-on-warning-color-cg-blue);--color-on-warning:var(--theme-on-warning);--theme-link-mode-light:#2563eb;--theme-link-mode-dark:#60a5fa;--theme-link:var(--theme-link-color-cg-blue);--color-link:var(--theme-link);--theme-link-hover-mode-light:#1d4ed8;--theme-link-hover-mode-dark:#93c5fd;--theme-link-hover:var(--theme-link-hover-color-cg-blue);--color-link-hover:var(--theme-link-hover);--theme-link-active-mode-light:#1e40af;--theme-link-active-mode-dark:#bfdbfe;--theme-link-active:var(--theme-link-active-color-cg-blue);--color-link-active:var(--theme-link-active)}[data-theme=cg-blue]{--theme-primary-mode-light:hsl(195, 100%, 32%);--theme-primary-mode-dark:hsl(195, 100%, 32%);--theme-primary:var(--theme-primary-color-cg-blue);--color-primary:var(--theme-primary);--theme-primary-hover-mode-light:hsl(195, 100%, 28.8%);--theme-primary-hover-mode-dark:hsl(195, 100%, 38.8%);--theme-primary-hover:var(--theme-primary-hover-color-cg-blue);--color-primary-hover:var(--theme-primary-hover);--theme-primary-active-mode-light:hsl(195, 100%, 25.6%);--theme-primary-active-mode-dark:hsl(195, 100%, 45.6%);--theme-primary-active:var(--theme-primary-active-color-cg-blue);--color-primary-active:var(--theme-primary-active);--theme-primary-inverted-mode-light:hsl(195, 100%, 32%);--theme-primary-inverted-mode-dark:hsl(195, 100%, 32%);--theme-primary-inverted:var(--theme-primary-inverted-color-cg-blue);--color-primary-inverted:var(--theme-primary-inverted);--theme-primary-inverted-hover-mode-light:hsl(195, 100%, 38.8%);--theme-primary-inverted-hover-mode-dark:hsl(195, 100%, 28.8%);--theme-primary-inverted-hover:var(--theme-primary-inverted-hover-color-cg-blue);--color-primary-inverted-hover:var(--theme-primary-inverted-hover);--theme-primary-inverted-active-mode-light:hsl(195, 100%, 45.6%);--theme-primary-inverted-active-mode-dark:hsl(195, 100%, 25.6%);--theme-primary-inverted-active:var(--theme-primary-inverted-active-color-cg-blue);--color-primary-inverted-active:var(--theme-primary-inverted-active);--theme-on-primary-mode-light:#fefefd;--theme-on-primary-mode-dark:#fefefd;--theme-on-primary:var(--theme-on-primary-color-cg-blue);--color-on-primary:var(--theme-on-primary);--theme-on-primary-inverted-mode-light:#fefefd;--theme-on-primary-inverted-mode-dark:#fefefd;--theme-on-primary-inverted:var(--theme-on-primary-inverted-color-cg-blue);--color-on-primary-inverted:var(--theme-on-primary-inverted);--theme-primary-text-mode-light:hsl(195, 100%, 22.4%);--theme-primary-text-mode-dark:hsl(195, 100%, 86.4%);--theme-primary-text:var(--theme-primary-text-color-cg-blue);--color-primary-text:var(--theme-primary-text);--theme-secondary-mode-light:hsl(195, 60%, 89.8%);--theme-secondary-mode-dark:hsl(195, 80%, 52.4%);--theme-secondary:var(--theme-secondary-color-cg-blue);--color-secondary:var(--theme-secondary);--theme-secondary-hover-mode-light:hsl(195, 60%, 85.31%);--theme-secondary-hover-mode-dark:hsl(195, 80%, 57.16%);--theme-secondary-hover:var(--theme-secondary-hover-color-cg-blue);--color-secondary-hover:var(--theme-secondary-hover);--theme-secondary-active-mode-light:hsl(195, 60%, 80.82%);--theme-secondary-active-mode-dark:hsl(195, 80%, 61.92%);--theme-secondary-active:var(--theme-secondary-active-color-cg-blue);--color-secondary-active:var(--theme-secondary-active);--theme-secondary-inverted-mode-light:hsl(195, 80%, 52.4%);--theme-secondary-inverted-mode-dark:hsl(195, 60%, 89.8%);--theme-secondary-inverted:var(--theme-secondary-inverted-color-cg-blue);--color-secondary-inverted:var(--theme-secondary-inverted);--theme-secondary-inverted-hover-mode-light:hsl(195, 80%, 57.16%);--theme-secondary-inverted-hover-mode-dark:hsl(195, 60%, 85.31%);--theme-secondary-inverted-hover:var(--theme-secondary-inverted-hover-color-cg-blue);--color-secondary-inverted-hover:var(--theme-secondary-inverted-hover);--theme-secondary-inverted-active-mode-light:hsl(195, 80%, 61.92%);--theme-secondary-inverted-active-mode-dark:hsl(195, 60%, 80.82%);--theme-secondary-inverted-active:var(--theme-secondary-inverted-active-color-cg-blue);--color-secondary-inverted-active:var(--theme-secondary-inverted-active);--theme-on-secondary-mode-light:hsl(195, 100%, 22.4%);--theme-on-secondary-mode-dark:hsl(195, 100%, 16%);--theme-on-secondary:var(--theme-on-secondary-color-cg-blue);--color-on-secondary:var(--theme-on-secondary);--theme-on-secondary-inverted-mode-light:hsl(195, 60%, 89.8%);--theme-on-secondary-inverted-mode-dark:hsl(195, 100%, 22.4%);--theme-on-secondary-inverted:var(--theme-on-secondary-inverted-color-cg-blue);--color-on-secondary-inverted:var(--theme-on-secondary-inverted);--theme-default-mode-light:#fefefd;--theme-default-mode-dark:#2c2c2e;--theme-default:var(--theme-default-color-cg-blue);--color-default:var(--theme-default);--theme-on-default-mode-light:#2c2c2e;--theme-on-default-mode-dark:#fefefd;--theme-on-default:var(--theme-on-default-color-cg-blue);--color-on-default:var(--theme-on-default);--theme-inverted-mode-light:#2c2c2e;--theme-inverted-mode-dark:#fefefd;--theme-inverted:var(--theme-inverted-color-cg-blue);--color-inverted:var(--theme-inverted);--theme-on-inverted-mode-light:#fefefd;--theme-on-inverted-mode-dark:#2c2c2e;--theme-on-inverted:var(--theme-on-inverted-color-cg-blue);--color-on-inverted:var(--theme-on-inverted);--theme-surface-mode-light:hsl(195, 40%, 93.2%);--theme-surface-mode-dark:hsl(195, 50%, 42.2%);--theme-surface:var(--theme-surface-color-cg-blue);--color-surface:var(--theme-surface);--theme-surface-hover-mode-light:hsl(195, 40%, 88.54%);--theme-surface-hover-mode-dark:hsl(195, 50%, 45.09%);--theme-surface-hover:var(--theme-surface-hover-color-cg-blue);--color-surface-hover:var(--theme-surface-hover);--theme-surface-active-mode-light:hsl(195, 40%, 83.88%);--theme-surface-active-mode-dark:hsl(195, 50%, 47.98%);--theme-surface-active:var(--theme-surface-active-color-cg-blue);--color-surface-active:var(--theme-surface-active);--theme-surface-inverted-mode-light:hsl(195, 50%, 42.2%);--theme-surface-inverted-mode-dark:hsl(195, 40%, 93.2%);--theme-surface-inverted:var(--theme-surface-inverted-color-cg-blue);--color-surface-inverted:var(--theme-surface-inverted);--theme-surface-inverted-hover-mode-light:hsl(195, 50%, 45.09%);--theme-surface-inverted-hover-mode-dark:hsl(195, 40%, 88.54%);--theme-surface-inverted-hover:var(--theme-surface-inverted-hover-color-cg-blue);--color-surface-inverted-hover:var(--theme-surface-inverted-hover);--theme-surface-inverted-active-mode-light:hsl(195, 50%, 47.98%);--theme-surface-inverted-active-mode-dark:hsl(195, 40%, 83.88%);--theme-surface-inverted-active:var(--theme-surface-inverted-active-color-cg-blue);--color-surface-inverted-active:var(--theme-surface-inverted-active);--theme-backdrop-mode-light:rgba(0, 0, 0, 0.5);--theme-backdrop-mode-dark:rgba(0, 0, 0, 0.7);--theme-backdrop:var(--theme-backdrop-color-cg-blue);--color-backdrop:var(--theme-backdrop);--theme-overlay-mode-light:rgba(0, 0, 0, 0.04);--theme-overlay-mode-dark:rgba(255, 255, 255, 0.06);--theme-overlay:var(--theme-overlay-color-cg-blue);--color-overlay:var(--theme-overlay);--theme-modal-mode-light:#fefefd;--theme-modal-mode-dark:#262626;--theme-modal:var(--theme-modal-color-cg-blue);--color-modal:var(--theme-modal);--theme-skeleton-mode-light:#e0e0e0;--theme-skeleton-mode-dark:#3a3a3a;--theme-skeleton:var(--theme-skeleton-color-cg-blue);--color-skeleton:var(--theme-skeleton);--theme-on-skeleton-mode-light:#f0f0f0;--theme-on-skeleton-mode-dark:#4a4a4a;--theme-on-skeleton:var(--theme-on-skeleton-color-cg-blue);--color-on-skeleton:var(--theme-on-skeleton);--theme-muted-mode-light:hsl(0, 0%, 32%);--theme-muted-mode-dark:hsl(0, 0%, 92%);--theme-muted:var(--theme-muted-color-cg-blue);--color-muted:var(--theme-muted);--theme-placeholder-mode-light:hsl(0, 0%, 52%);--theme-placeholder-mode-dark:hsl(0, 0%, 76%);--theme-placeholder:var(--theme-placeholder-color-cg-blue);--color-placeholder:var(--theme-placeholder);--theme-disabled-mode-light:hsl(0, 0%, 55%);--theme-disabled-mode-dark:hsl(0, 0%, 35%);--theme-disabled:var(--theme-disabled-color-cg-blue);--color-disabled:var(--theme-disabled);--theme-on-disabled-mode-light:hsl(0, 0%, 95%);--theme-on-disabled-mode-dark:hsl(0, 0%, 85%);--theme-on-disabled:var(--theme-on-disabled-color-cg-blue);--color-on-disabled:var(--theme-on-disabled);--theme-divider-mode-light:hsl(195, 20%, 83%);--theme-divider-mode-dark:hsl(195, 20%, 83%);--theme-divider:var(--theme-divider-color-cg-blue);--color-divider:var(--theme-divider);--theme-divider-hover-mode-light:hsl(195, 20%, 78.85%);--theme-divider-hover-mode-dark:hsl(195, 20%, 83.85%);--theme-divider-hover:var(--theme-divider-hover-color-cg-blue);--color-divider-hover:var(--theme-divider-hover);--theme-divider-active-mode-light:hsl(195, 20%, 74.7%);--theme-divider-active-mode-dark:hsl(195, 20%, 84.7%);--theme-divider-active:var(--theme-divider-active-color-cg-blue);--color-divider-active:var(--theme-divider-active);--theme-divider-disabled-mode-light:hsl(0, 0%, 60%);--theme-divider-disabled-mode-dark:hsl(0, 0%, 45%);--theme-divider-disabled:var(--theme-divider-disabled-color-cg-blue);--color-divider-disabled:var(--theme-divider-disabled);--theme-focus-ring-mode-light:hsla(195, 100%, 32%, 0.7);--theme-focus-ring-mode-dark:hsla(195, 100%, 32%, 0.9);--theme-focus-ring:var(--theme-focus-ring-color-cg-blue);--color-focus-ring:var(--theme-focus-ring);--theme-shadow-mode-light:rgba(0, 0, 0, 0.1);--theme-shadow-mode-dark:rgba(0, 0, 0, 0.4);--theme-shadow:var(--theme-shadow-color-cg-blue);--color-shadow:var(--theme-shadow);--theme-error-mode-light:hsl(0, 70%, 40%);--theme-error-mode-dark:hsl(0, 70%, 40%);--theme-error:var(--theme-error-color-cg-blue);--color-error:var(--theme-error);--theme-error-hover-mode-light:hsl(0, 70%, 38%);--theme-error-hover-mode-dark:hsl(0, 70%, 38%);--theme-error-hover:var(--theme-error-hover-color-cg-blue);--color-error-hover:var(--theme-error-hover);--theme-error-active-mode-light:hsl(0, 70%, 36%);--theme-error-active-mode-dark:hsl(0, 70%, 36%);--theme-error-active:var(--theme-error-active-color-cg-blue);--color-error-active:var(--theme-error-active);--theme-error-inverted-mode-light:hsl(0, 70%, 40%);--theme-error-inverted-mode-dark:hsl(0, 70%, 40%);--theme-error-inverted:var(--theme-error-inverted-color-cg-blue);--color-error-inverted:var(--theme-error-inverted);--theme-error-inverted-hover-mode-light:hsl(0, 70%, 38%);--theme-error-inverted-hover-mode-dark:hsl(0, 70%, 38%);--theme-error-inverted-hover:var(--theme-error-inverted-hover-color-cg-blue);--color-error-inverted-hover:var(--theme-error-inverted-hover);--theme-error-inverted-active-mode-light:hsl(0, 70%, 36%);--theme-error-inverted-active-mode-dark:hsl(0, 70%, 36%);--theme-error-inverted-active:var(--theme-error-inverted-active-color-cg-blue);--color-error-inverted-active:var(--theme-error-inverted-active);--theme-on-error-mode-light:#fefefd;--theme-on-error-mode-dark:hsl(0, 100%, 95%);--theme-on-error:var(--theme-on-error-color-cg-blue);--color-on-error:var(--theme-on-error);--theme-on-error-inverted-mode-light:#fefefd;--theme-on-error-inverted-mode-dark:hsl(0, 100%, 95%);--theme-on-error-inverted:var(--theme-on-error-inverted-color-cg-blue);--color-on-error-inverted:var(--theme-on-error-inverted);--theme-error-secondary-mode-light:hsl(0, 100%, 95%);--theme-error-secondary-mode-dark:hsl(0, 100%, 95%);--theme-error-secondary:var(--theme-error-secondary-color-cg-blue);--color-error-secondary:var(--theme-error-secondary);--theme-error-secondary-hover-mode-light:hsl(0, 100%, 90.25%);--theme-error-secondary-hover-mode-dark:hsl(0, 100%, 90.25%);--theme-error-secondary-hover:var(--theme-error-secondary-hover-color-cg-blue);--color-error-secondary-hover:var(--theme-error-secondary-hover);--theme-error-secondary-active-mode-light:hsl(0, 100%, 85.5%);--theme-error-secondary-active-mode-dark:hsl(0, 100%, 85.5%);--theme-error-secondary-active:var(--theme-error-secondary-active-color-cg-blue);--color-error-secondary-active:var(--theme-error-secondary-active);--theme-on-error-secondary-mode-light:hsl(0, 70%, 30%);--theme-on-error-secondary-mode-dark:hsl(0, 70%, 30%);--theme-on-error-secondary:var(--theme-on-error-secondary-color-cg-blue);--color-on-error-secondary:var(--theme-on-error-secondary);--theme-error-text-mode-light:hsl(0, 70%, 30%);--theme-error-text-mode-dark:hsl(0, 70%, 90%);--theme-error-text:var(--theme-error-text-color-cg-blue);--color-error-text:var(--theme-error-text);--theme-success-mode-light:hsl(142, 50%, 35%);--theme-success-mode-dark:hsl(142, 50%, 35%);--theme-success:var(--theme-success-color-cg-blue);--color-success:var(--theme-success);--theme-success-hover-mode-light:hsl(142, 50%, 33.25%);--theme-success-hover-mode-dark:hsl(142, 50%, 33.25%);--theme-success-hover:var(--theme-success-hover-color-cg-blue);--color-success-hover:var(--theme-success-hover);--theme-success-active-mode-light:hsl(142, 50%, 31.5%);--theme-success-active-mode-dark:hsl(142, 50%, 31.5%);--theme-success-active:var(--theme-success-active-color-cg-blue);--color-success-active:var(--theme-success-active);--theme-success-inverted-mode-light:hsl(142, 50%, 35%);--theme-success-inverted-mode-dark:hsl(142, 50%, 35%);--theme-success-inverted:var(--theme-success-inverted-color-cg-blue);--color-success-inverted:var(--theme-success-inverted);--theme-success-inverted-hover-mode-light:hsl(142, 50%, 33.25%);--theme-success-inverted-hover-mode-dark:hsl(142, 50%, 33.25%);--theme-success-inverted-hover:var(--theme-success-inverted-hover-color-cg-blue);--color-success-inverted-hover:var(--theme-success-inverted-hover);--theme-success-inverted-active-mode-light:hsl(142, 50%, 31.5%);--theme-success-inverted-active-mode-dark:hsl(142, 50%, 31.5%);--theme-success-inverted-active:var(--theme-success-inverted-active-color-cg-blue);--color-success-inverted-active:var(--theme-success-inverted-active);--theme-on-success-mode-light:#fefefd;--theme-on-success-mode-dark:hsl(142, 70%, 95%);--theme-on-success:var(--theme-on-success-color-cg-blue);--color-on-success:var(--theme-on-success);--theme-on-success-inverted-mode-light:#fefefd;--theme-on-success-inverted-mode-dark:hsl(142, 70%, 95%);--theme-on-success-inverted:var(--theme-on-success-inverted-color-cg-blue);--color-on-success-inverted:var(--theme-on-success-inverted);--theme-success-secondary-mode-light:hsl(142, 70%, 90%);--theme-success-secondary-mode-dark:hsl(142, 70%, 90%);--theme-success-secondary:var(--theme-success-secondary-color-cg-blue);--color-success-secondary:var(--theme-success-secondary);--theme-success-secondary-hover-mode-light:hsl(142, 70%, 85.5%);--theme-success-secondary-hover-mode-dark:hsl(142, 70%, 85.5%);--theme-success-secondary-hover:var(--theme-success-secondary-hover-color-cg-blue);--color-success-secondary-hover:var(--theme-success-secondary-hover);--theme-success-secondary-active-mode-light:hsl(142, 70%, 81%);--theme-success-secondary-active-mode-dark:hsl(142, 70%, 81%);--theme-success-secondary-active:var(--theme-success-secondary-active-color-cg-blue);--color-success-secondary-active:var(--theme-success-secondary-active);--theme-on-success-secondary-mode-light:hsl(142, 50%, 25%);--theme-on-success-secondary-mode-dark:hsl(142, 50%, 25%);--theme-on-success-secondary:var(--theme-on-success-secondary-color-cg-blue);--color-on-success-secondary:var(--theme-on-success-secondary);--theme-success-text-mode-light:hsl(142, 50%, 25%);--theme-success-text-mode-dark:hsl(142, 50%, 85%);--theme-success-text:var(--theme-success-text-color-cg-blue);--color-success-text:var(--theme-success-text);--theme-warning-mode-light:hsl(45, 100%, 85%);--theme-warning-mode-dark:hsl(45, 100%, 68%);--theme-warning:var(--theme-warning-color-cg-blue);--color-warning:var(--theme-warning);--theme-on-warning-mode-light:hsl(30, 100%, 25%);--theme-on-warning-mode-dark:hsl(45, 100%, 95%);--theme-on-warning:var(--theme-on-warning-color-cg-blue);--color-on-warning:var(--theme-on-warning);--theme-link-mode-light:#2563eb;--theme-link-mode-dark:#60a5fa;--theme-link:var(--theme-link-color-cg-blue);--color-link:var(--theme-link);--theme-link-hover-mode-light:#1d4ed8;--theme-link-hover-mode-dark:#93c5fd;--theme-link-hover:var(--theme-link-hover-color-cg-blue);--color-link-hover:var(--theme-link-hover);--theme-link-active-mode-light:#1e40af;--theme-link-active-mode-dark:#bfdbfe;--theme-link-active:var(--theme-link-active-color-cg-blue);--color-link-active:var(--theme-link-active)}[data-theme=cyan]{--theme-primary-mode-light:hsl(187, 47%, 55%);--theme-primary-mode-dark:hsl(187, 47%, 55%);--theme-primary:var(--theme-primary-color-cyan);--color-primary:var(--theme-primary);--theme-primary-hover-mode-light:hsl(187, 47%, 49.5%);--theme-primary-hover-mode-dark:hsl(187, 47%, 59.5%);--theme-primary-hover:var(--theme-primary-hover-color-cyan);--color-primary-hover:var(--theme-primary-hover);--theme-primary-active-mode-light:hsl(187, 47%, 44%);--theme-primary-active-mode-dark:hsl(187, 47%, 64%);--theme-primary-active:var(--theme-primary-active-color-cyan);--color-primary-active:var(--theme-primary-active);--theme-primary-inverted-mode-light:hsl(187, 47%, 55%);--theme-primary-inverted-mode-dark:hsl(187, 47%, 55%);--theme-primary-inverted:var(--theme-primary-inverted-color-cyan);--color-primary-inverted:var(--theme-primary-inverted);--theme-primary-inverted-hover-mode-light:hsl(187, 47%, 59.5%);--theme-primary-inverted-hover-mode-dark:hsl(187, 47%, 49.5%);--theme-primary-inverted-hover:var(--theme-primary-inverted-hover-color-cyan);--color-primary-inverted-hover:var(--theme-primary-inverted-hover);--theme-primary-inverted-active-mode-light:hsl(187, 47%, 64%);--theme-primary-inverted-active-mode-dark:hsl(187, 47%, 44%);--theme-primary-inverted-active:var(--theme-primary-inverted-active-color-cyan);--color-primary-inverted-active:var(--theme-primary-inverted-active);--theme-on-primary-mode-light:#fefefd;--theme-on-primary-mode-dark:#fefefd;--theme-on-primary:var(--theme-on-primary-color-cyan);--color-on-primary:var(--theme-on-primary);--theme-on-primary-inverted-mode-light:#fefefd;--theme-on-primary-inverted-mode-dark:#fefefd;--theme-on-primary-inverted:var(--theme-on-primary-inverted-color-cyan);--color-on-primary-inverted:var(--theme-on-primary-inverted);--theme-primary-text-mode-light:hsl(187, 47%, 38.5%);--theme-primary-text-mode-dark:hsl(187, 47%, 91%);--theme-primary-text:var(--theme-primary-text-color-cyan);--color-primary-text:var(--theme-primary-text);--theme-secondary-mode-light:hsl(187, 28.2%, 93.25%);--theme-secondary-mode-dark:hsl(187, 37.6%, 68.5%);--theme-secondary:var(--theme-secondary-color-cyan);--color-secondary:var(--theme-secondary);--theme-secondary-hover-mode-light:hsl(187, 28.2%, 88.5875%);--theme-secondary-hover-mode-dark:hsl(187, 37.6%, 71.65%);--theme-secondary-hover:var(--theme-secondary-hover-color-cyan);--color-secondary-hover:var(--theme-secondary-hover);--theme-secondary-active-mode-light:hsl(187, 28.2%, 83.925%);--theme-secondary-active-mode-dark:hsl(187, 37.6%, 74.8%);--theme-secondary-active:var(--theme-secondary-active-color-cyan);--color-secondary-active:var(--theme-secondary-active);--theme-secondary-inverted-mode-light:hsl(187, 37.6%, 68.5%);--theme-secondary-inverted-mode-dark:hsl(187, 28.2%, 93.25%);--theme-secondary-inverted:var(--theme-secondary-inverted-color-cyan);--color-secondary-inverted:var(--theme-secondary-inverted);--theme-secondary-inverted-hover-mode-light:hsl(187, 37.6%, 71.65%);--theme-secondary-inverted-hover-mode-dark:hsl(187, 28.2%, 88.5875%);--theme-secondary-inverted-hover:var(--theme-secondary-inverted-hover-color-cyan);--color-secondary-inverted-hover:var(--theme-secondary-inverted-hover);--theme-secondary-inverted-active-mode-light:hsl(187, 37.6%, 74.8%);--theme-secondary-inverted-active-mode-dark:hsl(187, 28.2%, 83.925%);--theme-secondary-inverted-active:var(--theme-secondary-inverted-active-color-cyan);--color-secondary-inverted-active:var(--theme-secondary-inverted-active);--theme-on-secondary-mode-light:hsl(187, 47%, 38.5%);--theme-on-secondary-mode-dark:hsl(187, 47%, 27.5%);--theme-on-secondary:var(--theme-on-secondary-color-cyan);--color-on-secondary:var(--theme-on-secondary);--theme-on-secondary-inverted-mode-light:hsl(187, 28.2%, 93.25%);--theme-on-secondary-inverted-mode-dark:hsl(187, 47%, 38.5%);--theme-on-secondary-inverted:var(--theme-on-secondary-inverted-color-cyan);--color-on-secondary-inverted:var(--theme-on-secondary-inverted);--theme-default-mode-light:#fefefd;--theme-default-mode-dark:#2c2c2e;--theme-default:var(--theme-default-color-cyan);--color-default:var(--theme-default);--theme-on-default-mode-light:#2c2c2e;--theme-on-default-mode-dark:#fefefd;--theme-on-default:var(--theme-on-default-color-cyan);--color-on-default:var(--theme-on-default);--theme-inverted-mode-light:#2c2c2e;--theme-inverted-mode-dark:#fefefd;--theme-inverted:var(--theme-inverted-color-cyan);--color-inverted:var(--theme-inverted);--theme-on-inverted-mode-light:#fefefd;--theme-on-inverted-mode-dark:#2c2c2e;--theme-on-inverted:var(--theme-on-inverted-color-cyan);--color-on-inverted:var(--theme-on-inverted);--theme-surface-mode-light:hsl(187, 18.8%, 95.5%);--theme-surface-mode-dark:hsl(187, 23.5%, 61.75%);--theme-surface:var(--theme-surface-color-cyan);--color-surface:var(--theme-surface);--theme-surface-hover-mode-light:hsl(187, 18.8%, 90.725%);--theme-surface-hover-mode-dark:hsl(187, 23.5%, 63.6625%);--theme-surface-hover:var(--theme-surface-hover-color-cyan);--color-surface-hover:var(--theme-surface-hover);--theme-surface-active-mode-light:hsl(187, 18.8%, 85.95%);--theme-surface-active-mode-dark:hsl(187, 23.5%, 65.575%);--theme-surface-active:var(--theme-surface-active-color-cyan);--color-surface-active:var(--theme-surface-active);--theme-surface-inverted-mode-light:hsl(187, 23.5%, 61.75%);--theme-surface-inverted-mode-dark:hsl(187, 18.8%, 95.5%);--theme-surface-inverted:var(--theme-surface-inverted-color-cyan);--color-surface-inverted:var(--theme-surface-inverted);--theme-surface-inverted-hover-mode-light:hsl(187, 23.5%, 63.6625%);--theme-surface-inverted-hover-mode-dark:hsl(187, 18.8%, 90.725%);--theme-surface-inverted-hover:var(--theme-surface-inverted-hover-color-cyan);--color-surface-inverted-hover:var(--theme-surface-inverted-hover);--theme-surface-inverted-active-mode-light:hsl(187, 23.5%, 65.575%);--theme-surface-inverted-active-mode-dark:hsl(187, 18.8%, 85.95%);--theme-surface-inverted-active:var(--theme-surface-inverted-active-color-cyan);--color-surface-inverted-active:var(--theme-surface-inverted-active);--theme-backdrop-mode-light:rgba(0, 0, 0, 0.5);--theme-backdrop-mode-dark:rgba(0, 0, 0, 0.7);--theme-backdrop:var(--theme-backdrop-color-cyan);--color-backdrop:var(--theme-backdrop);--theme-overlay-mode-light:rgba(0, 0, 0, 0.04);--theme-overlay-mode-dark:rgba(255, 255, 255, 0.06);--theme-overlay:var(--theme-overlay-color-cyan);--color-overlay:var(--theme-overlay);--theme-modal-mode-light:#fefefd;--theme-modal-mode-dark:#262626;--theme-modal:var(--theme-modal-color-cyan);--color-modal:var(--theme-modal);--theme-skeleton-mode-light:#e0e0e0;--theme-skeleton-mode-dark:#3a3a3a;--theme-skeleton:var(--theme-skeleton-color-cyan);--color-skeleton:var(--theme-skeleton);--theme-on-skeleton-mode-light:#f0f0f0;--theme-on-skeleton-mode-dark:#4a4a4a;--theme-on-skeleton:var(--theme-on-skeleton-color-cyan);--color-on-skeleton:var(--theme-on-skeleton);--theme-muted-mode-light:hsl(0, 0%, 32%);--theme-muted-mode-dark:hsl(0, 0%, 92%);--theme-muted:var(--theme-muted-color-cyan);--color-muted:var(--theme-muted);--theme-placeholder-mode-light:hsl(0, 0%, 52%);--theme-placeholder-mode-dark:hsl(0, 0%, 76%);--theme-placeholder:var(--theme-placeholder-color-cyan);--color-placeholder:var(--theme-placeholder);--theme-disabled-mode-light:hsl(0, 0%, 55%);--theme-disabled-mode-dark:hsl(0, 0%, 35%);--theme-disabled:var(--theme-disabled-color-cyan);--color-disabled:var(--theme-disabled);--theme-on-disabled-mode-light:hsl(0, 0%, 95%);--theme-on-disabled-mode-dark:hsl(0, 0%, 85%);--theme-on-disabled:var(--theme-on-disabled-color-cyan);--color-on-disabled:var(--theme-on-disabled);--theme-divider-mode-light:hsl(187, 9.4%, 88.75%);--theme-divider-mode-dark:hsl(187, 9.4%, 88.75%);--theme-divider:var(--theme-divider-color-cyan);--color-divider:var(--theme-divider);--theme-divider-hover-mode-light:hsl(187, 9.4%, 84.3125%);--theme-divider-hover-mode-dark:hsl(187, 9.4%, 89.3125%);--theme-divider-hover:var(--theme-divider-hover-color-cyan);--color-divider-hover:var(--theme-divider-hover);--theme-divider-active-mode-light:hsl(187, 9.4%, 79.875%);--theme-divider-active-mode-dark:hsl(187, 9.4%, 89.875%);--theme-divider-active:var(--theme-divider-active-color-cyan);--color-divider-active:var(--theme-divider-active);--theme-divider-disabled-mode-light:hsl(0, 0%, 60%);--theme-divider-disabled-mode-dark:hsl(0, 0%, 45%);--theme-divider-disabled:var(--theme-divider-disabled-color-cyan);--color-divider-disabled:var(--theme-divider-disabled);--theme-focus-ring-mode-light:hsla(187, 47%, 55%, 0.7);--theme-focus-ring-mode-dark:hsla(187, 47%, 55%, 0.9);--theme-focus-ring:var(--theme-focus-ring-color-cyan);--color-focus-ring:var(--theme-focus-ring);--theme-shadow-mode-light:rgba(0, 0, 0, 0.1);--theme-shadow-mode-dark:rgba(0, 0, 0, 0.4);--theme-shadow:var(--theme-shadow-color-cyan);--color-shadow:var(--theme-shadow);--theme-error-mode-light:hsl(0, 70%, 40%);--theme-error-mode-dark:hsl(0, 70%, 40%);--theme-error:var(--theme-error-color-cyan);--color-error:var(--theme-error);--theme-error-hover-mode-light:hsl(0, 70%, 38%);--theme-error-hover-mode-dark:hsl(0, 70%, 38%);--theme-error-hover:var(--theme-error-hover-color-cyan);--color-error-hover:var(--theme-error-hover);--theme-error-active-mode-light:hsl(0, 70%, 36%);--theme-error-active-mode-dark:hsl(0, 70%, 36%);--theme-error-active:var(--theme-error-active-color-cyan);--color-error-active:var(--theme-error-active);--theme-error-inverted-mode-light:hsl(0, 70%, 40%);--theme-error-inverted-mode-dark:hsl(0, 70%, 40%);--theme-error-inverted:var(--theme-error-inverted-color-cyan);--color-error-inverted:var(--theme-error-inverted);--theme-error-inverted-hover-mode-light:hsl(0, 70%, 38%);--theme-error-inverted-hover-mode-dark:hsl(0, 70%, 38%);--theme-error-inverted-hover:var(--theme-error-inverted-hover-color-cyan);--color-error-inverted-hover:var(--theme-error-inverted-hover);--theme-error-inverted-active-mode-light:hsl(0, 70%, 36%);--theme-error-inverted-active-mode-dark:hsl(0, 70%, 36%);--theme-error-inverted-active:var(--theme-error-inverted-active-color-cyan);--color-error-inverted-active:var(--theme-error-inverted-active);--theme-on-error-mode-light:#fefefd;--theme-on-error-mode-dark:hsl(0, 100%, 95%);--theme-on-error:var(--theme-on-error-color-cyan);--color-on-error:var(--theme-on-error);--theme-on-error-inverted-mode-light:#fefefd;--theme-on-error-inverted-mode-dark:hsl(0, 100%, 95%);--theme-on-error-inverted:var(--theme-on-error-inverted-color-cyan);--color-on-error-inverted:var(--theme-on-error-inverted);--theme-error-secondary-mode-light:hsl(0, 100%, 95%);--theme-error-secondary-mode-dark:hsl(0, 100%, 95%);--theme-error-secondary:var(--theme-error-secondary-color-cyan);--color-error-secondary:var(--theme-error-secondary);--theme-error-secondary-hover-mode-light:hsl(0, 100%, 90.25%);--theme-error-secondary-hover-mode-dark:hsl(0, 100%, 90.25%);--theme-error-secondary-hover:var(--theme-error-secondary-hover-color-cyan);--color-error-secondary-hover:var(--theme-error-secondary-hover);--theme-error-secondary-active-mode-light:hsl(0, 100%, 85.5%);--theme-error-secondary-active-mode-dark:hsl(0, 100%, 85.5%);--theme-error-secondary-active:var(--theme-error-secondary-active-color-cyan);--color-error-secondary-active:var(--theme-error-secondary-active);--theme-on-error-secondary-mode-light:hsl(0, 70%, 30%);--theme-on-error-secondary-mode-dark:hsl(0, 70%, 30%);--theme-on-error-secondary:var(--theme-on-error-secondary-color-cyan);--color-on-error-secondary:var(--theme-on-error-secondary);--theme-error-text-mode-light:hsl(0, 70%, 30%);--theme-error-text-mode-dark:hsl(0, 70%, 90%);--theme-error-text:var(--theme-error-text-color-cyan);--color-error-text:var(--theme-error-text);--theme-success-mode-light:hsl(142, 50%, 35%);--theme-success-mode-dark:hsl(142, 50%, 35%);--theme-success:var(--theme-success-color-cyan);--color-success:var(--theme-success);--theme-success-hover-mode-light:hsl(142, 50%, 33.25%);--theme-success-hover-mode-dark:hsl(142, 50%, 33.25%);--theme-success-hover:var(--theme-success-hover-color-cyan);--color-success-hover:var(--theme-success-hover);--theme-success-active-mode-light:hsl(142, 50%, 31.5%);--theme-success-active-mode-dark:hsl(142, 50%, 31.5%);--theme-success-active:var(--theme-success-active-color-cyan);--color-success-active:var(--theme-success-active);--theme-success-inverted-mode-light:hsl(142, 50%, 35%);--theme-success-inverted-mode-dark:hsl(142, 50%, 35%);--theme-success-inverted:var(--theme-success-inverted-color-cyan);--color-success-inverted:var(--theme-success-inverted);--theme-success-inverted-hover-mode-light:hsl(142, 50%, 33.25%);--theme-success-inverted-hover-mode-dark:hsl(142, 50%, 33.25%);--theme-success-inverted-hover:var(--theme-success-inverted-hover-color-cyan);--color-success-inverted-hover:var(--theme-success-inverted-hover);--theme-success-inverted-active-mode-light:hsl(142, 50%, 31.5%);--theme-success-inverted-active-mode-dark:hsl(142, 50%, 31.5%);--theme-success-inverted-active:var(--theme-success-inverted-active-color-cyan);--color-success-inverted-active:var(--theme-success-inverted-active);--theme-on-success-mode-light:#fefefd;--theme-on-success-mode-dark:hsl(142, 70%, 95%);--theme-on-success:var(--theme-on-success-color-cyan);--color-on-success:var(--theme-on-success);--theme-on-success-inverted-mode-light:#fefefd;--theme-on-success-inverted-mode-dark:hsl(142, 70%, 95%);--theme-on-success-inverted:var(--theme-on-success-inverted-color-cyan);--color-on-success-inverted:var(--theme-on-success-inverted);--theme-success-secondary-mode-light:hsl(142, 70%, 90%);--theme-success-secondary-mode-dark:hsl(142, 70%, 90%);--theme-success-secondary:var(--theme-success-secondary-color-cyan);--color-success-secondary:var(--theme-success-secondary);--theme-success-secondary-hover-mode-light:hsl(142, 70%, 85.5%);--theme-success-secondary-hover-mode-dark:hsl(142, 70%, 85.5%);--theme-success-secondary-hover:var(--theme-success-secondary-hover-color-cyan);--color-success-secondary-hover:var(--theme-success-secondary-hover);--theme-success-secondary-active-mode-light:hsl(142, 70%, 81%);--theme-success-secondary-active-mode-dark:hsl(142, 70%, 81%);--theme-success-secondary-active:var(--theme-success-secondary-active-color-cyan);--color-success-secondary-active:var(--theme-success-secondary-active);--theme-on-success-secondary-mode-light:hsl(142, 50%, 25%);--theme-on-success-secondary-mode-dark:hsl(142, 50%, 25%);--theme-on-success-secondary:var(--theme-on-success-secondary-color-cyan);--color-on-success-secondary:var(--theme-on-success-secondary);--theme-success-text-mode-light:hsl(142, 50%, 25%);--theme-success-text-mode-dark:hsl(142, 50%, 85%);--theme-success-text:var(--theme-success-text-color-cyan);--color-success-text:var(--theme-success-text);--theme-warning-mode-light:hsl(45, 100%, 85%);--theme-warning-mode-dark:hsl(45, 100%, 68%);--theme-warning:var(--theme-warning-color-cyan);--color-warning:var(--theme-warning);--theme-on-warning-mode-light:hsl(30, 100%, 25%);--theme-on-warning-mode-dark:hsl(45, 100%, 95%);--theme-on-warning:var(--theme-on-warning-color-cyan);--color-on-warning:var(--theme-on-warning);--theme-link-mode-light:#2563eb;--theme-link-mode-dark:#60a5fa;--theme-link:var(--theme-link-color-cyan);--color-link:var(--theme-link);--theme-link-hover-mode-light:#1d4ed8;--theme-link-hover-mode-dark:#93c5fd;--theme-link-hover:var(--theme-link-hover-color-cyan);--color-link-hover:var(--theme-link-hover);--theme-link-active-mode-light:#1e40af;--theme-link-active-mode-dark:#bfdbfe;--theme-link-active:var(--theme-link-active-color-cyan);--color-link-active:var(--theme-link-active)}[data-theme=teal]{--theme-primary-mode-light:hsl(174, 63%, 40%);--theme-primary-mode-dark:hsl(174, 63%, 40%);--theme-primary:var(--theme-primary-color-teal);--color-primary:var(--theme-primary);--theme-primary-hover-mode-light:hsl(174, 63%, 36%);--theme-primary-hover-mode-dark:hsl(174, 63%, 46%);--theme-primary-hover:var(--theme-primary-hover-color-teal);--color-primary-hover:var(--theme-primary-hover);--theme-primary-active-mode-light:hsl(174, 63%, 32%);--theme-primary-active-mode-dark:hsl(174, 63%, 52%);--theme-primary-active:var(--theme-primary-active-color-teal);--color-primary-active:var(--theme-primary-active);--theme-primary-inverted-mode-light:hsl(174, 63%, 40%);--theme-primary-inverted-mode-dark:hsl(174, 63%, 40%);--theme-primary-inverted:var(--theme-primary-inverted-color-teal);--color-primary-inverted:var(--theme-primary-inverted);--theme-primary-inverted-hover-mode-light:hsl(174, 63%, 46%);--theme-primary-inverted-hover-mode-dark:hsl(174, 63%, 36%);--theme-primary-inverted-hover:var(--theme-primary-inverted-hover-color-teal);--color-primary-inverted-hover:var(--theme-primary-inverted-hover);--theme-primary-inverted-active-mode-light:hsl(174, 63%, 52%);--theme-primary-inverted-active-mode-dark:hsl(174, 63%, 32%);--theme-primary-inverted-active:var(--theme-primary-inverted-active-color-teal);--color-primary-inverted-active:var(--theme-primary-inverted-active);--theme-on-primary-mode-light:#fefefd;--theme-on-primary-mode-dark:#fefefd;--theme-on-primary:var(--theme-on-primary-color-teal);--color-on-primary:var(--theme-on-primary);--theme-on-primary-inverted-mode-light:#fefefd;--theme-on-primary-inverted-mode-dark:#fefefd;--theme-on-primary-inverted:var(--theme-on-primary-inverted-color-teal);--color-on-primary-inverted:var(--theme-on-primary-inverted);--theme-primary-text-mode-light:hsl(174, 63%, 28%);--theme-primary-text-mode-dark:hsl(174, 63%, 88%);--theme-primary-text:var(--theme-primary-text-color-teal);--color-primary-text:var(--theme-primary-text);--theme-secondary-mode-light:hsl(174, 37.8%, 91%);--theme-secondary-mode-dark:hsl(174, 50.4%, 58%);--theme-secondary:var(--theme-secondary-color-teal);--color-secondary:var(--theme-secondary);--theme-secondary-hover-mode-light:hsl(174, 37.8%, 86.45%);--theme-secondary-hover-mode-dark:hsl(174, 50.4%, 62.2%);--theme-secondary-hover:var(--theme-secondary-hover-color-teal);--color-secondary-hover:var(--theme-secondary-hover);--theme-secondary-active-mode-light:hsl(174, 37.8%, 81.9%);--theme-secondary-active-mode-dark:hsl(174, 50.4%, 66.4%);--theme-secondary-active:var(--theme-secondary-active-color-teal);--color-secondary-active:var(--theme-secondary-active);--theme-secondary-inverted-mode-light:hsl(174, 50.4%, 58%);--theme-secondary-inverted-mode-dark:hsl(174, 37.8%, 91%);--theme-secondary-inverted:var(--theme-secondary-inverted-color-teal);--color-secondary-inverted:var(--theme-secondary-inverted);--theme-secondary-inverted-hover-mode-light:hsl(174, 50.4%, 62.2%);--theme-secondary-inverted-hover-mode-dark:hsl(174, 37.8%, 86.45%);--theme-secondary-inverted-hover:var(--theme-secondary-inverted-hover-color-teal);--color-secondary-inverted-hover:var(--theme-secondary-inverted-hover);--theme-secondary-inverted-active-mode-light:hsl(174, 50.4%, 66.4%);--theme-secondary-inverted-active-mode-dark:hsl(174, 37.8%, 81.9%);--theme-secondary-inverted-active:var(--theme-secondary-inverted-active-color-teal);--color-secondary-inverted-active:var(--theme-secondary-inverted-active);--theme-on-secondary-mode-light:hsl(174, 63%, 28%);--theme-on-secondary-mode-dark:hsl(174, 63%, 20%);--theme-on-secondary:var(--theme-on-secondary-color-teal);--color-on-secondary:var(--theme-on-secondary);--theme-on-secondary-inverted-mode-light:hsl(174, 37.8%, 91%);--theme-on-secondary-inverted-mode-dark:hsl(174, 63%, 28%);--theme-on-secondary-inverted:var(--theme-on-secondary-inverted-color-teal);--color-on-secondary-inverted:var(--theme-on-secondary-inverted);--theme-default-mode-light:#fefefd;--theme-default-mode-dark:#2c2c2e;--theme-default:var(--theme-default-color-teal);--color-default:var(--theme-default);--theme-on-default-mode-light:#2c2c2e;--theme-on-default-mode-dark:#fefefd;--theme-on-default:var(--theme-on-default-color-teal);--color-on-default:var(--theme-on-default);--theme-inverted-mode-light:#2c2c2e;--theme-inverted-mode-dark:#fefefd;--theme-inverted:var(--theme-inverted-color-teal);--color-inverted:var(--theme-inverted);--theme-on-inverted-mode-light:#fefefd;--theme-on-inverted-mode-dark:#2c2c2e;--theme-on-inverted:var(--theme-on-inverted-color-teal);--color-on-inverted:var(--theme-on-inverted);--theme-surface-mode-light:hsl(174, 25.2%, 94%);--theme-surface-mode-dark:hsl(174, 31.5%, 49%);--theme-surface:var(--theme-surface-color-teal);--color-surface:var(--theme-surface);--theme-surface-hover-mode-light:hsl(174, 25.2%, 89.3%);--theme-surface-hover-mode-dark:hsl(174, 31.5%, 51.55%);--theme-surface-hover:var(--theme-surface-hover-color-teal);--color-surface-hover:var(--theme-surface-hover);--theme-surface-active-mode-light:hsl(174, 25.2%, 84.6%);--theme-surface-active-mode-dark:hsl(174, 31.5%, 54.1%);--theme-surface-active:var(--theme-surface-active-color-teal);--color-surface-active:var(--theme-surface-active);--theme-surface-inverted-mode-light:hsl(174, 31.5%, 49%);--theme-surface-inverted-mode-dark:hsl(174, 25.2%, 94%);--theme-surface-inverted:var(--theme-surface-inverted-color-teal);--color-surface-inverted:var(--theme-surface-inverted);--theme-surface-inverted-hover-mode-light:hsl(174, 31.5%, 51.55%);--theme-surface-inverted-hover-mode-dark:hsl(174, 25.2%, 89.3%);--theme-surface-inverted-hover:var(--theme-surface-inverted-hover-color-teal);--color-surface-inverted-hover:var(--theme-surface-inverted-hover);--theme-surface-inverted-active-mode-light:hsl(174, 31.5%, 54.1%);--theme-surface-inverted-active-mode-dark:hsl(174, 25.2%, 84.6%);--theme-surface-inverted-active:var(--theme-surface-inverted-active-color-teal);--color-surface-inverted-active:var(--theme-surface-inverted-active);--theme-backdrop-mode-light:rgba(0, 0, 0, 0.5);--theme-backdrop-mode-dark:rgba(0, 0, 0, 0.7);--theme-backdrop:var(--theme-backdrop-color-teal);--color-backdrop:var(--theme-backdrop);--theme-overlay-mode-light:rgba(0, 0, 0, 0.04);--theme-overlay-mode-dark:rgba(255, 255, 255, 0.06);--theme-overlay:var(--theme-overlay-color-teal);--color-overlay:var(--theme-overlay);--theme-modal-mode-light:#fefefd;--theme-modal-mode-dark:#262626;--theme-modal:var(--theme-modal-color-teal);--color-modal:var(--theme-modal);--theme-skeleton-mode-light:#e0e0e0;--theme-skeleton-mode-dark:#3a3a3a;--theme-skeleton:var(--theme-skeleton-color-teal);--color-skeleton:var(--theme-skeleton);--theme-on-skeleton-mode-light:#f0f0f0;--theme-on-skeleton-mode-dark:#4a4a4a;--theme-on-skeleton:var(--theme-on-skeleton-color-teal);--color-on-skeleton:var(--theme-on-skeleton);--theme-muted-mode-light:hsl(0, 0%, 32%);--theme-muted-mode-dark:hsl(0, 0%, 92%);--theme-muted:var(--theme-muted-color-teal);--color-muted:var(--theme-muted);--theme-placeholder-mode-light:hsl(0, 0%, 52%);--theme-placeholder-mode-dark:hsl(0, 0%, 76%);--theme-placeholder:var(--theme-placeholder-color-teal);--color-placeholder:var(--theme-placeholder);--theme-disabled-mode-light:hsl(0, 0%, 55%);--theme-disabled-mode-dark:hsl(0, 0%, 35%);--theme-disabled:var(--theme-disabled-color-teal);--color-disabled:var(--theme-disabled);--theme-on-disabled-mode-light:hsl(0, 0%, 95%);--theme-on-disabled-mode-dark:hsl(0, 0%, 85%);--theme-on-disabled:var(--theme-on-disabled-color-teal);--color-on-disabled:var(--theme-on-disabled);--theme-divider-mode-light:hsl(174, 12.6%, 85%);--theme-divider-mode-dark:hsl(174, 12.6%, 85%);--theme-divider:var(--theme-divider-color-teal);--color-divider:var(--theme-divider);--theme-divider-hover-mode-light:hsl(174, 12.6%, 80.75%);--theme-divider-hover-mode-dark:hsl(174, 12.6%, 85.75%);--theme-divider-hover:var(--theme-divider-hover-color-teal);--color-divider-hover:var(--theme-divider-hover);--theme-divider-active-mode-light:hsl(174, 12.6%, 76.5%);--theme-divider-active-mode-dark:hsl(174, 12.6%, 86.5%);--theme-divider-active:var(--theme-divider-active-color-teal);--color-divider-active:var(--theme-divider-active);--theme-divider-disabled-mode-light:hsl(0, 0%, 60%);--theme-divider-disabled-mode-dark:hsl(0, 0%, 45%);--theme-divider-disabled:var(--theme-divider-disabled-color-teal);--color-divider-disabled:var(--theme-divider-disabled);--theme-focus-ring-mode-light:hsla(174, 63%, 40%, 0.7);--theme-focus-ring-mode-dark:hsla(174, 63%, 40%, 0.9);--theme-focus-ring:var(--theme-focus-ring-color-teal);--color-focus-ring:var(--theme-focus-ring);--theme-shadow-mode-light:rgba(0, 0, 0, 0.1);--theme-shadow-mode-dark:rgba(0, 0, 0, 0.4);--theme-shadow:var(--theme-shadow-color-teal);--color-shadow:var(--theme-shadow);--theme-error-mode-light:hsl(0, 70%, 40%);--theme-error-mode-dark:hsl(0, 70%, 40%);--theme-error:var(--theme-error-color-teal);--color-error:var(--theme-error);--theme-error-hover-mode-light:hsl(0, 70%, 38%);--theme-error-hover-mode-dark:hsl(0, 70%, 38%);--theme-error-hover:var(--theme-error-hover-color-teal);--color-error-hover:var(--theme-error-hover);--theme-error-active-mode-light:hsl(0, 70%, 36%);--theme-error-active-mode-dark:hsl(0, 70%, 36%);--theme-error-active:var(--theme-error-active-color-teal);--color-error-active:var(--theme-error-active);--theme-error-inverted-mode-light:hsl(0, 70%, 40%);--theme-error-inverted-mode-dark:hsl(0, 70%, 40%);--theme-error-inverted:var(--theme-error-inverted-color-teal);--color-error-inverted:var(--theme-error-inverted);--theme-error-inverted-hover-mode-light:hsl(0, 70%, 38%);--theme-error-inverted-hover-mode-dark:hsl(0, 70%, 38%);--theme-error-inverted-hover:var(--theme-error-inverted-hover-color-teal);--color-error-inverted-hover:var(--theme-error-inverted-hover);--theme-error-inverted-active-mode-light:hsl(0, 70%, 36%);--theme-error-inverted-active-mode-dark:hsl(0, 70%, 36%);--theme-error-inverted-active:var(--theme-error-inverted-active-color-teal);--color-error-inverted-active:var(--theme-error-inverted-active);--theme-on-error-mode-light:#fefefd;--theme-on-error-mode-dark:hsl(0, 100%, 95%);--theme-on-error:var(--theme-on-error-color-teal);--color-on-error:var(--theme-on-error);--theme-on-error-inverted-mode-light:#fefefd;--theme-on-error-inverted-mode-dark:hsl(0, 100%, 95%);--theme-on-error-inverted:var(--theme-on-error-inverted-color-teal);--color-on-error-inverted:var(--theme-on-error-inverted);--theme-error-secondary-mode-light:hsl(0, 100%, 95%);--theme-error-secondary-mode-dark:hsl(0, 100%, 95%);--theme-error-secondary:var(--theme-error-secondary-color-teal);--color-error-secondary:var(--theme-error-secondary);--theme-error-secondary-hover-mode-light:hsl(0, 100%, 90.25%);--theme-error-secondary-hover-mode-dark:hsl(0, 100%, 90.25%);--theme-error-secondary-hover:var(--theme-error-secondary-hover-color-teal);--color-error-secondary-hover:var(--theme-error-secondary-hover);--theme-error-secondary-active-mode-light:hsl(0, 100%, 85.5%);--theme-error-secondary-active-mode-dark:hsl(0, 100%, 85.5%);--theme-error-secondary-active:var(--theme-error-secondary-active-color-teal);--color-error-secondary-active:var(--theme-error-secondary-active);--theme-on-error-secondary-mode-light:hsl(0, 70%, 30%);--theme-on-error-secondary-mode-dark:hsl(0, 70%, 30%);--theme-on-error-secondary:var(--theme-on-error-secondary-color-teal);--color-on-error-secondary:var(--theme-on-error-secondary);--theme-error-text-mode-light:hsl(0, 70%, 30%);--theme-error-text-mode-dark:hsl(0, 70%, 90%);--theme-error-text:var(--theme-error-text-color-teal);--color-error-text:var(--theme-error-text);--theme-success-mode-light:hsl(142, 50%, 35%);--theme-success-mode-dark:hsl(142, 50%, 35%);--theme-success:var(--theme-success-color-teal);--color-success:var(--theme-success);--theme-success-hover-mode-light:hsl(142, 50%, 33.25%);--theme-success-hover-mode-dark:hsl(142, 50%, 33.25%);--theme-success-hover:var(--theme-success-hover-color-teal);--color-success-hover:var(--theme-success-hover);--theme-success-active-mode-light:hsl(142, 50%, 31.5%);--theme-success-active-mode-dark:hsl(142, 50%, 31.5%);--theme-success-active:var(--theme-success-active-color-teal);--color-success-active:var(--theme-success-active);--theme-success-inverted-mode-light:hsl(142, 50%, 35%);--theme-success-inverted-mode-dark:hsl(142, 50%, 35%);--theme-success-inverted:var(--theme-success-inverted-color-teal);--color-success-inverted:var(--theme-success-inverted);--theme-success-inverted-hover-mode-light:hsl(142, 50%, 33.25%);--theme-success-inverted-hover-mode-dark:hsl(142, 50%, 33.25%);--theme-success-inverted-hover:var(--theme-success-inverted-hover-color-teal);--color-success-inverted-hover:var(--theme-success-inverted-hover);--theme-success-inverted-active-mode-light:hsl(142, 50%, 31.5%);--theme-success-inverted-active-mode-dark:hsl(142, 50%, 31.5%);--theme-success-inverted-active:var(--theme-success-inverted-active-color-teal);--color-success-inverted-active:var(--theme-success-inverted-active);--theme-on-success-mode-light:#fefefd;--theme-on-success-mode-dark:hsl(142, 70%, 95%);--theme-on-success:var(--theme-on-success-color-teal);--color-on-success:var(--theme-on-success);--theme-on-success-inverted-mode-light:#fefefd;--theme-on-success-inverted-mode-dark:hsl(142, 70%, 95%);--theme-on-success-inverted:var(--theme-on-success-inverted-color-teal);--color-on-success-inverted:var(--theme-on-success-inverted);--theme-success-secondary-mode-light:hsl(142, 70%, 90%);--theme-success-secondary-mode-dark:hsl(142, 70%, 90%);--theme-success-secondary:var(--theme-success-secondary-color-teal);--color-success-secondary:var(--theme-success-secondary);--theme-success-secondary-hover-mode-light:hsl(142, 70%, 85.5%);--theme-success-secondary-hover-mode-dark:hsl(142, 70%, 85.5%);--theme-success-secondary-hover:var(--theme-success-secondary-hover-color-teal);--color-success-secondary-hover:var(--theme-success-secondary-hover);--theme-success-secondary-active-mode-light:hsl(142, 70%, 81%);--theme-success-secondary-active-mode-dark:hsl(142, 70%, 81%);--theme-success-secondary-active:var(--theme-success-secondary-active-color-teal);--color-success-secondary-active:var(--theme-success-secondary-active);--theme-on-success-secondary-mode-light:hsl(142, 50%, 25%);--theme-on-success-secondary-mode-dark:hsl(142, 50%, 25%);--theme-on-success-secondary:var(--theme-on-success-secondary-color-teal);--color-on-success-secondary:var(--theme-on-success-secondary);--theme-success-text-mode-light:hsl(142, 50%, 25%);--theme-success-text-mode-dark:hsl(142, 50%, 85%);--theme-success-text:var(--theme-success-text-color-teal);--color-success-text:var(--theme-success-text);--theme-warning-mode-light:hsl(45, 100%, 85%);--theme-warning-mode-dark:hsl(45, 100%, 68%);--theme-warning:var(--theme-warning-color-teal);--color-warning:var(--theme-warning);--theme-on-warning-mode-light:hsl(30, 100%, 25%);--theme-on-warning-mode-dark:hsl(45, 100%, 95%);--theme-on-warning:var(--theme-on-warning-color-teal);--color-on-warning:var(--theme-on-warning);--theme-link-mode-light:#2563eb;--theme-link-mode-dark:#60a5fa;--theme-link:var(--theme-link-color-teal);--color-link:var(--theme-link);--theme-link-hover-mode-light:#1d4ed8;--theme-link-hover-mode-dark:#93c5fd;--theme-link-hover:var(--theme-link-hover-color-teal);--color-link-hover:var(--theme-link-hover);--theme-link-active-mode-light:#1e40af;--theme-link-active-mode-dark:#bfdbfe;--theme-link-active:var(--theme-link-active-color-teal);--color-link-active:var(--theme-link-active)}[data-theme=pink]{--theme-primary-mode-light:hsl(340, 82%, 67%);--theme-primary-mode-dark:hsl(340, 82%, 67%);--theme-primary:var(--theme-primary-color-pink);--color-primary:var(--theme-primary);--theme-primary-hover-mode-light:hsl(340, 82%, 60.3%);--theme-primary-hover-mode-dark:hsl(340, 82%, 70.3%);--theme-primary-hover:var(--theme-primary-hover-color-pink);--color-primary-hover:var(--theme-primary-hover);--theme-primary-active-mode-light:hsl(340, 82%, 53.6%);--theme-primary-active-mode-dark:hsl(340, 82%, 73.6%);--theme-primary-active:var(--theme-primary-active-color-pink);--color-primary-active:var(--theme-primary-active);--theme-primary-inverted-mode-light:hsl(340, 82%, 67%);--theme-primary-inverted-mode-dark:hsl(340, 82%, 67%);--theme-primary-inverted:var(--theme-primary-inverted-color-pink);--color-primary-inverted:var(--theme-primary-inverted);--theme-primary-inverted-hover-mode-light:hsl(340, 82%, 70.3%);--theme-primary-inverted-hover-mode-dark:hsl(340, 82%, 60.3%);--theme-primary-inverted-hover:var(--theme-primary-inverted-hover-color-pink);--color-primary-inverted-hover:var(--theme-primary-inverted-hover);--theme-primary-inverted-active-mode-light:hsl(340, 82%, 73.6%);--theme-primary-inverted-active-mode-dark:hsl(340, 82%, 53.6%);--theme-primary-inverted-active:var(--theme-primary-inverted-active-color-pink);--color-primary-inverted-active:var(--theme-primary-inverted-active);--theme-on-primary-mode-light:#fefefd;--theme-on-primary-mode-dark:#fefefd;--theme-on-primary:var(--theme-on-primary-color-pink);--color-on-primary:var(--theme-on-primary);--theme-on-primary-inverted-mode-light:#fefefd;--theme-on-primary-inverted-mode-dark:#fefefd;--theme-on-primary-inverted:var(--theme-on-primary-inverted-color-pink);--color-on-primary-inverted:var(--theme-on-primary-inverted);--theme-primary-text-mode-light:hsl(340, 82%, 46.9%);--theme-primary-text-mode-dark:hsl(340, 82%, 93.4%);--theme-primary-text:var(--theme-primary-text-color-pink);--color-primary-text:var(--theme-primary-text);--theme-secondary-mode-light:hsl(340, 49.2%, 95.05%);--theme-secondary-mode-dark:hsl(340, 65.6%, 76.9%);--theme-secondary:var(--theme-secondary-color-pink);--color-secondary:var(--theme-secondary);--theme-secondary-hover-mode-light:hsl(340, 49.2%, 90.2975%);--theme-secondary-hover-mode-dark:hsl(340, 65.6%, 79.21%);--theme-secondary-hover:var(--theme-secondary-hover-color-pink);--color-secondary-hover:var(--theme-secondary-hover);--theme-secondary-active-mode-light:hsl(340, 49.2%, 85.545%);--theme-secondary-active-mode-dark:hsl(340, 65.6%, 81.52%);--theme-secondary-active:var(--theme-secondary-active-color-pink);--color-secondary-active:var(--theme-secondary-active);--theme-secondary-inverted-mode-light:hsl(340, 65.6%, 76.9%);--theme-secondary-inverted-mode-dark:hsl(340, 49.2%, 95.05%);--theme-secondary-inverted:var(--theme-secondary-inverted-color-pink);--color-secondary-inverted:var(--theme-secondary-inverted);--theme-secondary-inverted-hover-mode-light:hsl(340, 65.6%, 79.21%);--theme-secondary-inverted-hover-mode-dark:hsl(340, 49.2%, 90.2975%);--theme-secondary-inverted-hover:var(--theme-secondary-inverted-hover-color-pink);--color-secondary-inverted-hover:var(--theme-secondary-inverted-hover);--theme-secondary-inverted-active-mode-light:hsl(340, 65.6%, 81.52%);--theme-secondary-inverted-active-mode-dark:hsl(340, 49.2%, 85.545%);--theme-secondary-inverted-active:var(--theme-secondary-inverted-active-color-pink);--color-secondary-inverted-active:var(--theme-secondary-inverted-active);--theme-on-secondary-mode-light:hsl(340, 82%, 46.9%);--theme-on-secondary-mode-dark:hsl(340, 82%, 33.5%);--theme-on-secondary:var(--theme-on-secondary-color-pink);--color-on-secondary:var(--theme-on-secondary);--theme-on-secondary-inverted-mode-light:hsl(340, 49.2%, 95.05%);--theme-on-secondary-inverted-mode-dark:hsl(340, 82%, 46.9%);--theme-on-secondary-inverted:var(--theme-on-secondary-inverted-color-pink);--color-on-secondary-inverted:var(--theme-on-secondary-inverted);--theme-default-mode-light:#fefefd;--theme-default-mode-dark:#2c2c2e;--theme-default:var(--theme-default-color-pink);--color-default:var(--theme-default);--theme-on-default-mode-light:#2c2c2e;--theme-on-default-mode-dark:#fefefd;--theme-on-default:var(--theme-on-default-color-pink);--color-on-default:var(--theme-on-default);--theme-inverted-mode-light:#2c2c2e;--theme-inverted-mode-dark:#fefefd;--theme-inverted:var(--theme-inverted-color-pink);--color-inverted:var(--theme-inverted);--theme-on-inverted-mode-light:#fefefd;--theme-on-inverted-mode-dark:#2c2c2e;--theme-on-inverted:var(--theme-on-inverted-color-pink);--color-on-inverted:var(--theme-on-inverted);--theme-surface-mode-light:hsl(340, 32.8%, 96.7%);--theme-surface-mode-dark:hsl(340, 41%, 71.95%);--theme-surface:var(--theme-surface-color-pink);--color-surface:var(--theme-surface);--theme-surface-hover-mode-light:hsl(340, 32.8%, 91.865%);--theme-surface-hover-mode-dark:hsl(340, 41%, 73.3525%);--theme-surface-hover:var(--theme-surface-hover-color-pink);--color-surface-hover:var(--theme-surface-hover);--theme-surface-active-mode-light:hsl(340, 32.8%, 87.03%);--theme-surface-active-mode-dark:hsl(340, 41%, 74.755%);--theme-surface-active:var(--theme-surface-active-color-pink);--color-surface-active:var(--theme-surface-active);--theme-surface-inverted-mode-light:hsl(340, 41%, 71.95%);--theme-surface-inverted-mode-dark:hsl(340, 32.8%, 96.7%);--theme-surface-inverted:var(--theme-surface-inverted-color-pink);--color-surface-inverted:var(--theme-surface-inverted);--theme-surface-inverted-hover-mode-light:hsl(340, 41%, 73.3525%);--theme-surface-inverted-hover-mode-dark:hsl(340, 32.8%, 91.865%);--theme-surface-inverted-hover:var(--theme-surface-inverted-hover-color-pink);--color-surface-inverted-hover:var(--theme-surface-inverted-hover);--theme-surface-inverted-active-mode-light:hsl(340, 41%, 74.755%);--theme-surface-inverted-active-mode-dark:hsl(340, 32.8%, 87.03%);--theme-surface-inverted-active:var(--theme-surface-inverted-active-color-pink);--color-surface-inverted-active:var(--theme-surface-inverted-active);--theme-backdrop-mode-light:rgba(0, 0, 0, 0.5);--theme-backdrop-mode-dark:rgba(0, 0, 0, 0.7);--theme-backdrop:var(--theme-backdrop-color-pink);--color-backdrop:var(--theme-backdrop);--theme-overlay-mode-light:rgba(0, 0, 0, 0.04);--theme-overlay-mode-dark:rgba(255, 255, 255, 0.06);--theme-overlay:var(--theme-overlay-color-pink);--color-overlay:var(--theme-overlay);--theme-modal-mode-light:#fefefd;--theme-modal-mode-dark:#262626;--theme-modal:var(--theme-modal-color-pink);--color-modal:var(--theme-modal);--theme-skeleton-mode-light:#e0e0e0;--theme-skeleton-mode-dark:#3a3a3a;--theme-skeleton:var(--theme-skeleton-color-pink);--color-skeleton:var(--theme-skeleton);--theme-on-skeleton-mode-light:#f0f0f0;--theme-on-skeleton-mode-dark:#4a4a4a;--theme-on-skeleton:var(--theme-on-skeleton-color-pink);--color-on-skeleton:var(--theme-on-skeleton);--theme-muted-mode-light:hsl(0, 0%, 32%);--theme-muted-mode-dark:hsl(0, 0%, 92%);--theme-muted:var(--theme-muted-color-pink);--color-muted:var(--theme-muted);--theme-placeholder-mode-light:hsl(0, 0%, 52%);--theme-placeholder-mode-dark:hsl(0, 0%, 76%);--theme-placeholder:var(--theme-placeholder-color-pink);--color-placeholder:var(--theme-placeholder);--theme-disabled-mode-light:hsl(0, 0%, 55%);--theme-disabled-mode-dark:hsl(0, 0%, 35%);--theme-disabled:var(--theme-disabled-color-pink);--color-disabled:var(--theme-disabled);--theme-on-disabled-mode-light:hsl(0, 0%, 95%);--theme-on-disabled-mode-dark:hsl(0, 0%, 85%);--theme-on-disabled:var(--theme-on-disabled-color-pink);--color-on-disabled:var(--theme-on-disabled);--theme-divider-mode-light:hsl(340, 16.4%, 91.75%);--theme-divider-mode-dark:hsl(340, 16.4%, 91.75%);--theme-divider:var(--theme-divider-color-pink);--color-divider:var(--theme-divider);--theme-divider-hover-mode-light:hsl(340, 16.4%, 87.1625%);--theme-divider-hover-mode-dark:hsl(340, 16.4%, 92.1625%);--theme-divider-hover:var(--theme-divider-hover-color-pink);--color-divider-hover:var(--theme-divider-hover);--theme-divider-active-mode-light:hsl(340, 16.4%, 82.575%);--theme-divider-active-mode-dark:hsl(340, 16.4%, 92.575%);--theme-divider-active:var(--theme-divider-active-color-pink);--color-divider-active:var(--theme-divider-active);--theme-divider-disabled-mode-light:hsl(0, 0%, 60%);--theme-divider-disabled-mode-dark:hsl(0, 0%, 45%);--theme-divider-disabled:var(--theme-divider-disabled-color-pink);--color-divider-disabled:var(--theme-divider-disabled);--theme-focus-ring-mode-light:hsla(340, 82%, 67%, 0.7);--theme-focus-ring-mode-dark:hsla(340, 82%, 67%, 0.9);--theme-focus-ring:var(--theme-focus-ring-color-pink);--color-focus-ring:var(--theme-focus-ring);--theme-shadow-mode-light:rgba(0, 0, 0, 0.1);--theme-shadow-mode-dark:rgba(0, 0, 0, 0.4);--theme-shadow:var(--theme-shadow-color-pink);--color-shadow:var(--theme-shadow);--theme-error-mode-light:hsl(0, 70%, 40%);--theme-error-mode-dark:hsl(0, 70%, 40%);--theme-error:var(--theme-error-color-pink);--color-error:var(--theme-error);--theme-error-hover-mode-light:hsl(0, 70%, 38%);--theme-error-hover-mode-dark:hsl(0, 70%, 38%);--theme-error-hover:var(--theme-error-hover-color-pink);--color-error-hover:var(--theme-error-hover);--theme-error-active-mode-light:hsl(0, 70%, 36%);--theme-error-active-mode-dark:hsl(0, 70%, 36%);--theme-error-active:var(--theme-error-active-color-pink);--color-error-active:var(--theme-error-active);--theme-error-inverted-mode-light:hsl(0, 70%, 40%);--theme-error-inverted-mode-dark:hsl(0, 70%, 40%);--theme-error-inverted:var(--theme-error-inverted-color-pink);--color-error-inverted:var(--theme-error-inverted);--theme-error-inverted-hover-mode-light:hsl(0, 70%, 38%);--theme-error-inverted-hover-mode-dark:hsl(0, 70%, 38%);--theme-error-inverted-hover:var(--theme-error-inverted-hover-color-pink);--color-error-inverted-hover:var(--theme-error-inverted-hover);--theme-error-inverted-active-mode-light:hsl(0, 70%, 36%);--theme-error-inverted-active-mode-dark:hsl(0, 70%, 36%);--theme-error-inverted-active:var(--theme-error-inverted-active-color-pink);--color-error-inverted-active:var(--theme-error-inverted-active);--theme-on-error-mode-light:#fefefd;--theme-on-error-mode-dark:hsl(0, 100%, 95%);--theme-on-error:var(--theme-on-error-color-pink);--color-on-error:var(--theme-on-error);--theme-on-error-inverted-mode-light:#fefefd;--theme-on-error-inverted-mode-dark:hsl(0, 100%, 95%);--theme-on-error-inverted:var(--theme-on-error-inverted-color-pink);--color-on-error-inverted:var(--theme-on-error-inverted);--theme-error-secondary-mode-light:hsl(0, 100%, 95%);--theme-error-secondary-mode-dark:hsl(0, 100%, 95%);--theme-error-secondary:var(--theme-error-secondary-color-pink);--color-error-secondary:var(--theme-error-secondary);--theme-error-secondary-hover-mode-light:hsl(0, 100%, 90.25%);--theme-error-secondary-hover-mode-dark:hsl(0, 100%, 90.25%);--theme-error-secondary-hover:var(--theme-error-secondary-hover-color-pink);--color-error-secondary-hover:var(--theme-error-secondary-hover);--theme-error-secondary-active-mode-light:hsl(0, 100%, 85.5%);--theme-error-secondary-active-mode-dark:hsl(0, 100%, 85.5%);--theme-error-secondary-active:var(--theme-error-secondary-active-color-pink);--color-error-secondary-active:var(--theme-error-secondary-active);--theme-on-error-secondary-mode-light:hsl(0, 70%, 30%);--theme-on-error-secondary-mode-dark:hsl(0, 70%, 30%);--theme-on-error-secondary:var(--theme-on-error-secondary-color-pink);--color-on-error-secondary:var(--theme-on-error-secondary);--theme-error-text-mode-light:hsl(0, 70%, 30%);--theme-error-text-mode-dark:hsl(0, 70%, 90%);--theme-error-text:var(--theme-error-text-color-pink);--color-error-text:var(--theme-error-text);--theme-success-mode-light:hsl(142, 50%, 35%);--theme-success-mode-dark:hsl(142, 50%, 35%);--theme-success:var(--theme-success-color-pink);--color-success:var(--theme-success);--theme-success-hover-mode-light:hsl(142, 50%, 33.25%);--theme-success-hover-mode-dark:hsl(142, 50%, 33.25%);--theme-success-hover:var(--theme-success-hover-color-pink);--color-success-hover:var(--theme-success-hover);--theme-success-active-mode-light:hsl(142, 50%, 31.5%);--theme-success-active-mode-dark:hsl(142, 50%, 31.5%);--theme-success-active:var(--theme-success-active-color-pink);--color-success-active:var(--theme-success-active);--theme-success-inverted-mode-light:hsl(142, 50%, 35%);--theme-success-inverted-mode-dark:hsl(142, 50%, 35%);--theme-success-inverted:var(--theme-success-inverted-color-pink);--color-success-inverted:var(--theme-success-inverted);--theme-success-inverted-hover-mode-light:hsl(142, 50%, 33.25%);--theme-success-inverted-hover-mode-dark:hsl(142, 50%, 33.25%);--theme-success-inverted-hover:var(--theme-success-inverted-hover-color-pink);--color-success-inverted-hover:var(--theme-success-inverted-hover);--theme-success-inverted-active-mode-light:hsl(142, 50%, 31.5%);--theme-success-inverted-active-mode-dark:hsl(142, 50%, 31.5%);--theme-success-inverted-active:var(--theme-success-inverted-active-color-pink);--color-success-inverted-active:var(--theme-success-inverted-active);--theme-on-success-mode-light:#fefefd;--theme-on-success-mode-dark:hsl(142, 70%, 95%);--theme-on-success:var(--theme-on-success-color-pink);--color-on-success:var(--theme-on-success);--theme-on-success-inverted-mode-light:#fefefd;--theme-on-success-inverted-mode-dark:hsl(142, 70%, 95%);--theme-on-success-inverted:var(--theme-on-success-inverted-color-pink);--color-on-success-inverted:var(--theme-on-success-inverted);--theme-success-secondary-mode-light:hsl(142, 70%, 90%);--theme-success-secondary-mode-dark:hsl(142, 70%, 90%);--theme-success-secondary:var(--theme-success-secondary-color-pink);--color-success-secondary:var(--theme-success-secondary);--theme-success-secondary-hover-mode-light:hsl(142, 70%, 85.5%);--theme-success-secondary-hover-mode-dark:hsl(142, 70%, 85.5%);--theme-success-secondary-hover:var(--theme-success-secondary-hover-color-pink);--color-success-secondary-hover:var(--theme-success-secondary-hover);--theme-success-secondary-active-mode-light:hsl(142, 70%, 81%);--theme-success-secondary-active-mode-dark:hsl(142, 70%, 81%);--theme-success-secondary-active:var(--theme-success-secondary-active-color-pink);--color-success-secondary-active:var(--theme-success-secondary-active);--theme-on-success-secondary-mode-light:hsl(142, 50%, 25%);--theme-on-success-secondary-mode-dark:hsl(142, 50%, 25%);--theme-on-success-secondary:var(--theme-on-success-secondary-color-pink);--color-on-success-secondary:var(--theme-on-success-secondary);--theme-success-text-mode-light:hsl(142, 50%, 25%);--theme-success-text-mode-dark:hsl(142, 50%, 85%);--theme-success-text:var(--theme-success-text-color-pink);--color-success-text:var(--theme-success-text);--theme-warning-mode-light:hsl(45, 100%, 85%);--theme-warning-mode-dark:hsl(45, 100%, 68%);--theme-warning:var(--theme-warning-color-pink);--color-warning:var(--theme-warning);--theme-on-warning-mode-light:hsl(30, 100%, 25%);--theme-on-warning-mode-dark:hsl(45, 100%, 95%);--theme-on-warning:var(--theme-on-warning-color-pink);--color-on-warning:var(--theme-on-warning);--theme-link-mode-light:#2563eb;--theme-link-mode-dark:#60a5fa;--theme-link:var(--theme-link-color-pink);--color-link:var(--theme-link);--theme-link-hover-mode-light:#1d4ed8;--theme-link-hover-mode-dark:#93c5fd;--theme-link-hover:var(--theme-link-hover-color-pink);--color-link-hover:var(--theme-link-hover);--theme-link-active-mode-light:#1e40af;--theme-link-active-mode-dark:#bfdbfe;--theme-link-active:var(--theme-link-active-color-pink);--color-link-active:var(--theme-link-active)}[data-theme=rose]{--theme-primary-mode-light:hsl(347, 77%, 61%);--theme-primary-mode-dark:hsl(347, 77%, 61%);--theme-primary:var(--theme-primary-color-rose);--color-primary:var(--theme-primary);--theme-primary-hover-mode-light:hsl(347, 77%, 54.9%);--theme-primary-hover-mode-dark:hsl(347, 77%, 64.9%);--theme-primary-hover:var(--theme-primary-hover-color-rose);--color-primary-hover:var(--theme-primary-hover);--theme-primary-active-mode-light:hsl(347, 77%, 48.8%);--theme-primary-active-mode-dark:hsl(347, 77%, 68.8%);--theme-primary-active:var(--theme-primary-active-color-rose);--color-primary-active:var(--theme-primary-active);--theme-primary-inverted-mode-light:hsl(347, 77%, 61%);--theme-primary-inverted-mode-dark:hsl(347, 77%, 61%);--theme-primary-inverted:var(--theme-primary-inverted-color-rose);--color-primary-inverted:var(--theme-primary-inverted);--theme-primary-inverted-hover-mode-light:hsl(347, 77%, 64.9%);--theme-primary-inverted-hover-mode-dark:hsl(347, 77%, 54.9%);--theme-primary-inverted-hover:var(--theme-primary-inverted-hover-color-rose);--color-primary-inverted-hover:var(--theme-primary-inverted-hover);--theme-primary-inverted-active-mode-light:hsl(347, 77%, 68.8%);--theme-primary-inverted-active-mode-dark:hsl(347, 77%, 48.8%);--theme-primary-inverted-active:var(--theme-primary-inverted-active-color-rose);--color-primary-inverted-active:var(--theme-primary-inverted-active);--theme-on-primary-mode-light:#fefefd;--theme-on-primary-mode-dark:#fefefd;--theme-on-primary:var(--theme-on-primary-color-rose);--color-on-primary:var(--theme-on-primary);--theme-on-primary-inverted-mode-light:#fefefd;--theme-on-primary-inverted-mode-dark:#fefefd;--theme-on-primary-inverted:var(--theme-on-primary-inverted-color-rose);--color-on-primary-inverted:var(--theme-on-primary-inverted);--theme-primary-text-mode-light:hsl(347, 77%, 42.7%);--theme-primary-text-mode-dark:hsl(347, 77%, 92.2%);--theme-primary-text:var(--theme-primary-text-color-rose);--color-primary-text:var(--theme-primary-text);--theme-secondary-mode-light:hsl(347, 46.2%, 94.15%);--theme-secondary-mode-dark:hsl(347, 61.6%, 72.7%);--theme-secondary:var(--theme-secondary-color-rose);--color-secondary:var(--theme-secondary);--theme-secondary-hover-mode-light:hsl(347, 46.2%, 89.4425%);--theme-secondary-hover-mode-dark:hsl(347, 61.6%, 75.43%);--theme-secondary-hover:var(--theme-secondary-hover-color-rose);--color-secondary-hover:var(--theme-secondary-hover);--theme-secondary-active-mode-light:hsl(347, 46.2%, 84.735%);--theme-secondary-active-mode-dark:hsl(347, 61.6%, 78.16%);--theme-secondary-active:var(--theme-secondary-active-color-rose);--color-secondary-active:var(--theme-secondary-active);--theme-secondary-inverted-mode-light:hsl(347, 61.6%, 72.7%);--theme-secondary-inverted-mode-dark:hsl(347, 46.2%, 94.15%);--theme-secondary-inverted:var(--theme-secondary-inverted-color-rose);--color-secondary-inverted:var(--theme-secondary-inverted);--theme-secondary-inverted-hover-mode-light:hsl(347, 61.6%, 75.43%);--theme-secondary-inverted-hover-mode-dark:hsl(347, 46.2%, 89.4425%);--theme-secondary-inverted-hover:var(--theme-secondary-inverted-hover-color-rose);--color-secondary-inverted-hover:var(--theme-secondary-inverted-hover);--theme-secondary-inverted-active-mode-light:hsl(347, 61.6%, 78.16%);--theme-secondary-inverted-active-mode-dark:hsl(347, 46.2%, 84.735%);--theme-secondary-inverted-active:var(--theme-secondary-inverted-active-color-rose);--color-secondary-inverted-active:var(--theme-secondary-inverted-active);--theme-on-secondary-mode-light:hsl(347, 77%, 42.7%);--theme-on-secondary-mode-dark:hsl(347, 77%, 30.5%);--theme-on-secondary:var(--theme-on-secondary-color-rose);--color-on-secondary:var(--theme-on-secondary);--theme-on-secondary-inverted-mode-light:hsl(347, 46.2%, 94.15%);--theme-on-secondary-inverted-mode-dark:hsl(347, 77%, 42.7%);--theme-on-secondary-inverted:var(--theme-on-secondary-inverted-color-rose);--color-on-secondary-inverted:var(--theme-on-secondary-inverted);--theme-default-mode-light:#fefefd;--theme-default-mode-dark:#2c2c2e;--theme-default:var(--theme-default-color-rose);--color-default:var(--theme-default);--theme-on-default-mode-light:#2c2c2e;--theme-on-default-mode-dark:#fefefd;--theme-on-default:var(--theme-on-default-color-rose);--color-on-default:var(--theme-on-default);--theme-inverted-mode-light:#2c2c2e;--theme-inverted-mode-dark:#fefefd;--theme-inverted:var(--theme-inverted-color-rose);--color-inverted:var(--theme-inverted);--theme-on-inverted-mode-light:#fefefd;--theme-on-inverted-mode-dark:#2c2c2e;--theme-on-inverted:var(--theme-on-inverted-color-rose);--color-on-inverted:var(--theme-on-inverted);--theme-surface-mode-light:hsl(347, 30.8%, 96.1%);--theme-surface-mode-dark:hsl(347, 38.5%, 66.85%);--theme-surface:var(--theme-surface-color-rose);--color-surface:var(--theme-surface);--theme-surface-hover-mode-light:hsl(347, 30.8%, 91.295%);--theme-surface-hover-mode-dark:hsl(347, 38.5%, 68.5075%);--theme-surface-hover:var(--theme-surface-hover-color-rose);--color-surface-hover:var(--theme-surface-hover);--theme-surface-active-mode-light:hsl(347, 30.8%, 86.49%);--theme-surface-active-mode-dark:hsl(347, 38.5%, 70.165%);--theme-surface-active:var(--theme-surface-active-color-rose);--color-surface-active:var(--theme-surface-active);--theme-surface-inverted-mode-light:hsl(347, 38.5%, 66.85%);--theme-surface-inverted-mode-dark:hsl(347, 30.8%, 96.1%);--theme-surface-inverted:var(--theme-surface-inverted-color-rose);--color-surface-inverted:var(--theme-surface-inverted);--theme-surface-inverted-hover-mode-light:hsl(347, 38.5%, 68.5075%);--theme-surface-inverted-hover-mode-dark:hsl(347, 30.8%, 91.295%);--theme-surface-inverted-hover:var(--theme-surface-inverted-hover-color-rose);--color-surface-inverted-hover:var(--theme-surface-inverted-hover);--theme-surface-inverted-active-mode-light:hsl(347, 38.5%, 70.165%);--theme-surface-inverted-active-mode-dark:hsl(347, 30.8%, 86.49%);--theme-surface-inverted-active:var(--theme-surface-inverted-active-color-rose);--color-surface-inverted-active:var(--theme-surface-inverted-active);--theme-backdrop-mode-light:rgba(0, 0, 0, 0.5);--theme-backdrop-mode-dark:rgba(0, 0, 0, 0.7);--theme-backdrop:var(--theme-backdrop-color-rose);--color-backdrop:var(--theme-backdrop);--theme-overlay-mode-light:rgba(0, 0, 0, 0.04);--theme-overlay-mode-dark:rgba(255, 255, 255, 0.06);--theme-overlay:var(--theme-overlay-color-rose);--color-overlay:var(--theme-overlay);--theme-modal-mode-light:#fefefd;--theme-modal-mode-dark:#262626;--theme-modal:var(--theme-modal-color-rose);--color-modal:var(--theme-modal);--theme-skeleton-mode-light:#e0e0e0;--theme-skeleton-mode-dark:#3a3a3a;--theme-skeleton:var(--theme-skeleton-color-rose);--color-skeleton:var(--theme-skeleton);--theme-on-skeleton-mode-light:#f0f0f0;--theme-on-skeleton-mode-dark:#4a4a4a;--theme-on-skeleton:var(--theme-on-skeleton-color-rose);--color-on-skeleton:var(--theme-on-skeleton);--theme-muted-mode-light:hsl(0, 0%, 32%);--theme-muted-mode-dark:hsl(0, 0%, 92%);--theme-muted:var(--theme-muted-color-rose);--color-muted:var(--theme-muted);--theme-placeholder-mode-light:hsl(0, 0%, 52%);--theme-placeholder-mode-dark:hsl(0, 0%, 76%);--theme-placeholder:var(--theme-placeholder-color-rose);--color-placeholder:var(--theme-placeholder);--theme-disabled-mode-light:hsl(0, 0%, 55%);--theme-disabled-mode-dark:hsl(0, 0%, 35%);--theme-disabled:var(--theme-disabled-color-rose);--color-disabled:var(--theme-disabled);--theme-on-disabled-mode-light:hsl(0, 0%, 95%);--theme-on-disabled-mode-dark:hsl(0, 0%, 85%);--theme-on-disabled:var(--theme-on-disabled-color-rose);--color-on-disabled:var(--theme-on-disabled);--theme-divider-mode-light:hsl(347, 15.4%, 90.25%);--theme-divider-mode-dark:hsl(347, 15.4%, 90.25%);--theme-divider:var(--theme-divider-color-rose);--color-divider:var(--theme-divider);--theme-divider-hover-mode-light:hsl(347, 15.4%, 85.7375%);--theme-divider-hover-mode-dark:hsl(347, 15.4%, 90.7375%);--theme-divider-hover:var(--theme-divider-hover-color-rose);--color-divider-hover:var(--theme-divider-hover);--theme-divider-active-mode-light:hsl(347, 15.4%, 81.225%);--theme-divider-active-mode-dark:hsl(347, 15.4%, 91.225%);--theme-divider-active:var(--theme-divider-active-color-rose);--color-divider-active:var(--theme-divider-active);--theme-divider-disabled-mode-light:hsl(0, 0%, 60%);--theme-divider-disabled-mode-dark:hsl(0, 0%, 45%);--theme-divider-disabled:var(--theme-divider-disabled-color-rose);--color-divider-disabled:var(--theme-divider-disabled);--theme-focus-ring-mode-light:hsla(347, 77%, 61%, 0.7);--theme-focus-ring-mode-dark:hsla(347, 77%, 61%, 0.9);--theme-focus-ring:var(--theme-focus-ring-color-rose);--color-focus-ring:var(--theme-focus-ring);--theme-shadow-mode-light:rgba(0, 0, 0, 0.1);--theme-shadow-mode-dark:rgba(0, 0, 0, 0.4);--theme-shadow:var(--theme-shadow-color-rose);--color-shadow:var(--theme-shadow);--theme-error-mode-light:hsl(0, 70%, 40%);--theme-error-mode-dark:hsl(0, 70%, 40%);--theme-error:var(--theme-error-color-rose);--color-error:var(--theme-error);--theme-error-hover-mode-light:hsl(0, 70%, 38%);--theme-error-hover-mode-dark:hsl(0, 70%, 38%);--theme-error-hover:var(--theme-error-hover-color-rose);--color-error-hover:var(--theme-error-hover);--theme-error-active-mode-light:hsl(0, 70%, 36%);--theme-error-active-mode-dark:hsl(0, 70%, 36%);--theme-error-active:var(--theme-error-active-color-rose);--color-error-active:var(--theme-error-active);--theme-error-inverted-mode-light:hsl(0, 70%, 40%);--theme-error-inverted-mode-dark:hsl(0, 70%, 40%);--theme-error-inverted:var(--theme-error-inverted-color-rose);--color-error-inverted:var(--theme-error-inverted);--theme-error-inverted-hover-mode-light:hsl(0, 70%, 38%);--theme-error-inverted-hover-mode-dark:hsl(0, 70%, 38%);--theme-error-inverted-hover:var(--theme-error-inverted-hover-color-rose);--color-error-inverted-hover:var(--theme-error-inverted-hover);--theme-error-inverted-active-mode-light:hsl(0, 70%, 36%);--theme-error-inverted-active-mode-dark:hsl(0, 70%, 36%);--theme-error-inverted-active:var(--theme-error-inverted-active-color-rose);--color-error-inverted-active:var(--theme-error-inverted-active);--theme-on-error-mode-light:#fefefd;--theme-on-error-mode-dark:hsl(0, 100%, 95%);--theme-on-error:var(--theme-on-error-color-rose);--color-on-error:var(--theme-on-error);--theme-on-error-inverted-mode-light:#fefefd;--theme-on-error-inverted-mode-dark:hsl(0, 100%, 95%);--theme-on-error-inverted:var(--theme-on-error-inverted-color-rose);--color-on-error-inverted:var(--theme-on-error-inverted);--theme-error-secondary-mode-light:hsl(0, 100%, 95%);--theme-error-secondary-mode-dark:hsl(0, 100%, 95%);--theme-error-secondary:var(--theme-error-secondary-color-rose);--color-error-secondary:var(--theme-error-secondary);--theme-error-secondary-hover-mode-light:hsl(0, 100%, 90.25%);--theme-error-secondary-hover-mode-dark:hsl(0, 100%, 90.25%);--theme-error-secondary-hover:var(--theme-error-secondary-hover-color-rose);--color-error-secondary-hover:var(--theme-error-secondary-hover);--theme-error-secondary-active-mode-light:hsl(0, 100%, 85.5%);--theme-error-secondary-active-mode-dark:hsl(0, 100%, 85.5%);--theme-error-secondary-active:var(--theme-error-secondary-active-color-rose);--color-error-secondary-active:var(--theme-error-secondary-active);--theme-on-error-secondary-mode-light:hsl(0, 70%, 30%);--theme-on-error-secondary-mode-dark:hsl(0, 70%, 30%);--theme-on-error-secondary:var(--theme-on-error-secondary-color-rose);--color-on-error-secondary:var(--theme-on-error-secondary);--theme-error-text-mode-light:hsl(0, 70%, 30%);--theme-error-text-mode-dark:hsl(0, 70%, 90%);--theme-error-text:var(--theme-error-text-color-rose);--color-error-text:var(--theme-error-text);--theme-success-mode-light:hsl(142, 50%, 35%);--theme-success-mode-dark:hsl(142, 50%, 35%);--theme-success:var(--theme-success-color-rose);--color-success:var(--theme-success);--theme-success-hover-mode-light:hsl(142, 50%, 33.25%);--theme-success-hover-mode-dark:hsl(142, 50%, 33.25%);--theme-success-hover:var(--theme-success-hover-color-rose);--color-success-hover:var(--theme-success-hover);--theme-success-active-mode-light:hsl(142, 50%, 31.5%);--theme-success-active-mode-dark:hsl(142, 50%, 31.5%);--theme-success-active:var(--theme-success-active-color-rose);--color-success-active:var(--theme-success-active);--theme-success-inverted-mode-light:hsl(142, 50%, 35%);--theme-success-inverted-mode-dark:hsl(142, 50%, 35%);--theme-success-inverted:var(--theme-success-inverted-color-rose);--color-success-inverted:var(--theme-success-inverted);--theme-success-inverted-hover-mode-light:hsl(142, 50%, 33.25%);--theme-success-inverted-hover-mode-dark:hsl(142, 50%, 33.25%);--theme-success-inverted-hover:var(--theme-success-inverted-hover-color-rose);--color-success-inverted-hover:var(--theme-success-inverted-hover);--theme-success-inverted-active-mode-light:hsl(142, 50%, 31.5%);--theme-success-inverted-active-mode-dark:hsl(142, 50%, 31.5%);--theme-success-inverted-active:var(--theme-success-inverted-active-color-rose);--color-success-inverted-active:var(--theme-success-inverted-active);--theme-on-success-mode-light:#fefefd;--theme-on-success-mode-dark:hsl(142, 70%, 95%);--theme-on-success:var(--theme-on-success-color-rose);--color-on-success:var(--theme-on-success);--theme-on-success-inverted-mode-light:#fefefd;--theme-on-success-inverted-mode-dark:hsl(142, 70%, 95%);--theme-on-success-inverted:var(--theme-on-success-inverted-color-rose);--color-on-success-inverted:var(--theme-on-success-inverted);--theme-success-secondary-mode-light:hsl(142, 70%, 90%);--theme-success-secondary-mode-dark:hsl(142, 70%, 90%);--theme-success-secondary:var(--theme-success-secondary-color-rose);--color-success-secondary:var(--theme-success-secondary);--theme-success-secondary-hover-mode-light:hsl(142, 70%, 85.5%);--theme-success-secondary-hover-mode-dark:hsl(142, 70%, 85.5%);--theme-success-secondary-hover:var(--theme-success-secondary-hover-color-rose);--color-success-secondary-hover:var(--theme-success-secondary-hover);--theme-success-secondary-active-mode-light:hsl(142, 70%, 81%);--theme-success-secondary-active-mode-dark:hsl(142, 70%, 81%);--theme-success-secondary-active:var(--theme-success-secondary-active-color-rose);--color-success-secondary-active:var(--theme-success-secondary-active);--theme-on-success-secondary-mode-light:hsl(142, 50%, 25%);--theme-on-success-secondary-mode-dark:hsl(142, 50%, 25%);--theme-on-success-secondary:var(--theme-on-success-secondary-color-rose);--color-on-success-secondary:var(--theme-on-success-secondary);--theme-success-text-mode-light:hsl(142, 50%, 25%);--theme-success-text-mode-dark:hsl(142, 50%, 85%);--theme-success-text:var(--theme-success-text-color-rose);--color-success-text:var(--theme-success-text);--theme-warning-mode-light:hsl(45, 100%, 85%);--theme-warning-mode-dark:hsl(45, 100%, 68%);--theme-warning:var(--theme-warning-color-rose);--color-warning:var(--theme-warning);--theme-on-warning-mode-light:hsl(30, 100%, 25%);--theme-on-warning-mode-dark:hsl(45, 100%, 95%);--theme-on-warning:var(--theme-on-warning-color-rose);--color-on-warning:var(--theme-on-warning);--theme-link-mode-light:#2563eb;--theme-link-mode-dark:#60a5fa;--theme-link:var(--theme-link-color-rose);--color-link:var(--theme-link);--theme-link-hover-mode-light:#1d4ed8;--theme-link-hover-mode-dark:#93c5fd;--theme-link-hover:var(--theme-link-hover-color-rose);--color-link-hover:var(--theme-link-hover);--theme-link-active-mode-light:#1e40af;--theme-link-active-mode-dark:#bfdbfe;--theme-link-active:var(--theme-link-active-color-rose);--color-link-active:var(--theme-link-active)}[data-theme=orange]{--theme-primary-mode-light:hsl(28, 85%, 55%);--theme-primary-mode-dark:hsl(28, 85%, 55%);--theme-primary:var(--theme-primary-color-orange);--color-primary:var(--theme-primary);--theme-primary-hover-mode-light:hsl(28, 85%, 49.5%);--theme-primary-hover-mode-dark:hsl(28, 85%, 59.5%);--theme-primary-hover:var(--theme-primary-hover-color-orange);--color-primary-hover:var(--theme-primary-hover);--theme-primary-active-mode-light:hsl(28, 85%, 44%);--theme-primary-active-mode-dark:hsl(28, 85%, 64%);--theme-primary-active:var(--theme-primary-active-color-orange);--color-primary-active:var(--theme-primary-active);--theme-primary-inverted-mode-light:hsl(28, 85%, 55%);--theme-primary-inverted-mode-dark:hsl(28, 85%, 55%);--theme-primary-inverted:var(--theme-primary-inverted-color-orange);--color-primary-inverted:var(--theme-primary-inverted);--theme-primary-inverted-hover-mode-light:hsl(28, 85%, 59.5%);--theme-primary-inverted-hover-mode-dark:hsl(28, 85%, 49.5%);--theme-primary-inverted-hover:var(--theme-primary-inverted-hover-color-orange);--color-primary-inverted-hover:var(--theme-primary-inverted-hover);--theme-primary-inverted-active-mode-light:hsl(28, 85%, 64%);--theme-primary-inverted-active-mode-dark:hsl(28, 85%, 44%);--theme-primary-inverted-active:var(--theme-primary-inverted-active-color-orange);--color-primary-inverted-active:var(--theme-primary-inverted-active);--theme-on-primary-mode-light:#fefefd;--theme-on-primary-mode-dark:#fefefd;--theme-on-primary:var(--theme-on-primary-color-orange);--color-on-primary:var(--theme-on-primary);--theme-on-primary-inverted-mode-light:#fefefd;--theme-on-primary-inverted-mode-dark:#fefefd;--theme-on-primary-inverted:var(--theme-on-primary-inverted-color-orange);--color-on-primary-inverted:var(--theme-on-primary-inverted);--theme-primary-text-mode-light:hsl(28, 85%, 38.5%);--theme-primary-text-mode-dark:hsl(28, 85%, 91%);--theme-primary-text:var(--theme-primary-text-color-orange);--color-primary-text:var(--theme-primary-text);--theme-secondary-mode-light:hsl(28, 51%, 93.25%);--theme-secondary-mode-dark:hsl(28, 68%, 68.5%);--theme-secondary:var(--theme-secondary-color-orange);--color-secondary:var(--theme-secondary);--theme-secondary-hover-mode-light:hsl(28, 51%, 88.5875%);--theme-secondary-hover-mode-dark:hsl(28, 68%, 71.65%);--theme-secondary-hover:var(--theme-secondary-hover-color-orange);--color-secondary-hover:var(--theme-secondary-hover);--theme-secondary-active-mode-light:hsl(28, 51%, 83.925%);--theme-secondary-active-mode-dark:hsl(28, 68%, 74.8%);--theme-secondary-active:var(--theme-secondary-active-color-orange);--color-secondary-active:var(--theme-secondary-active);--theme-secondary-inverted-mode-light:hsl(28, 68%, 68.5%);--theme-secondary-inverted-mode-dark:hsl(28, 51%, 93.25%);--theme-secondary-inverted:var(--theme-secondary-inverted-color-orange);--color-secondary-inverted:var(--theme-secondary-inverted);--theme-secondary-inverted-hover-mode-light:hsl(28, 68%, 71.65%);--theme-secondary-inverted-hover-mode-dark:hsl(28, 51%, 88.5875%);--theme-secondary-inverted-hover:var(--theme-secondary-inverted-hover-color-orange);--color-secondary-inverted-hover:var(--theme-secondary-inverted-hover);--theme-secondary-inverted-active-mode-light:hsl(28, 68%, 74.8%);--theme-secondary-inverted-active-mode-dark:hsl(28, 51%, 83.925%);--theme-secondary-inverted-active:var(--theme-secondary-inverted-active-color-orange);--color-secondary-inverted-active:var(--theme-secondary-inverted-active);--theme-on-secondary-mode-light:hsl(28, 85%, 38.5%);--theme-on-secondary-mode-dark:hsl(28, 85%, 27.5%);--theme-on-secondary:var(--theme-on-secondary-color-orange);--color-on-secondary:var(--theme-on-secondary);--theme-on-secondary-inverted-mode-light:hsl(28, 51%, 93.25%);--theme-on-secondary-inverted-mode-dark:hsl(28, 85%, 38.5%);--theme-on-secondary-inverted:var(--theme-on-secondary-inverted-color-orange);--color-on-secondary-inverted:var(--theme-on-secondary-inverted);--theme-default-mode-light:#fefefd;--theme-default-mode-dark:#2c2c2e;--theme-default:var(--theme-default-color-orange);--color-default:var(--theme-default);--theme-on-default-mode-light:#2c2c2e;--theme-on-default-mode-dark:#fefefd;--theme-on-default:var(--theme-on-default-color-orange);--color-on-default:var(--theme-on-default);--theme-inverted-mode-light:#2c2c2e;--theme-inverted-mode-dark:#fefefd;--theme-inverted:var(--theme-inverted-color-orange);--color-inverted:var(--theme-inverted);--theme-on-inverted-mode-light:#fefefd;--theme-on-inverted-mode-dark:#2c2c2e;--theme-on-inverted:var(--theme-on-inverted-color-orange);--color-on-inverted:var(--theme-on-inverted);--theme-surface-mode-light:hsl(28, 34%, 95.5%);--theme-surface-mode-dark:hsl(28, 42.5%, 61.75%);--theme-surface:var(--theme-surface-color-orange);--color-surface:var(--theme-surface);--theme-surface-hover-mode-light:hsl(28, 34%, 90.725%);--theme-surface-hover-mode-dark:hsl(28, 42.5%, 63.6625%);--theme-surface-hover:var(--theme-surface-hover-color-orange);--color-surface-hover:var(--theme-surface-hover);--theme-surface-active-mode-light:hsl(28, 34%, 85.95%);--theme-surface-active-mode-dark:hsl(28, 42.5%, 65.575%);--theme-surface-active:var(--theme-surface-active-color-orange);--color-surface-active:var(--theme-surface-active);--theme-surface-inverted-mode-light:hsl(28, 42.5%, 61.75%);--theme-surface-inverted-mode-dark:hsl(28, 34%, 95.5%);--theme-surface-inverted:var(--theme-surface-inverted-color-orange);--color-surface-inverted:var(--theme-surface-inverted);--theme-surface-inverted-hover-mode-light:hsl(28, 42.5%, 63.6625%);--theme-surface-inverted-hover-mode-dark:hsl(28, 34%, 90.725%);--theme-surface-inverted-hover:var(--theme-surface-inverted-hover-color-orange);--color-surface-inverted-hover:var(--theme-surface-inverted-hover);--theme-surface-inverted-active-mode-light:hsl(28, 42.5%, 65.575%);--theme-surface-inverted-active-mode-dark:hsl(28, 34%, 85.95%);--theme-surface-inverted-active:var(--theme-surface-inverted-active-color-orange);--color-surface-inverted-active:var(--theme-surface-inverted-active);--theme-backdrop-mode-light:rgba(0, 0, 0, 0.5);--theme-backdrop-mode-dark:rgba(0, 0, 0, 0.7);--theme-backdrop:var(--theme-backdrop-color-orange);--color-backdrop:var(--theme-backdrop);--theme-overlay-mode-light:rgba(0, 0, 0, 0.04);--theme-overlay-mode-dark:rgba(255, 255, 255, 0.06);--theme-overlay:var(--theme-overlay-color-orange);--color-overlay:var(--theme-overlay);--theme-modal-mode-light:#fefefd;--theme-modal-mode-dark:#262626;--theme-modal:var(--theme-modal-color-orange);--color-modal:var(--theme-modal);--theme-skeleton-mode-light:#e0e0e0;--theme-skeleton-mode-dark:#3a3a3a;--theme-skeleton:var(--theme-skeleton-color-orange);--color-skeleton:var(--theme-skeleton);--theme-on-skeleton-mode-light:#f0f0f0;--theme-on-skeleton-mode-dark:#4a4a4a;--theme-on-skeleton:var(--theme-on-skeleton-color-orange);--color-on-skeleton:var(--theme-on-skeleton);--theme-muted-mode-light:hsl(0, 0%, 32%);--theme-muted-mode-dark:hsl(0, 0%, 92%);--theme-muted:var(--theme-muted-color-orange);--color-muted:var(--theme-muted);--theme-placeholder-mode-light:hsl(0, 0%, 52%);--theme-placeholder-mode-dark:hsl(0, 0%, 76%);--theme-placeholder:var(--theme-placeholder-color-orange);--color-placeholder:var(--theme-placeholder);--theme-disabled-mode-light:hsl(0, 0%, 55%);--theme-disabled-mode-dark:hsl(0, 0%, 35%);--theme-disabled:var(--theme-disabled-color-orange);--color-disabled:var(--theme-disabled);--theme-on-disabled-mode-light:hsl(0, 0%, 95%);--theme-on-disabled-mode-dark:hsl(0, 0%, 85%);--theme-on-disabled:var(--theme-on-disabled-color-orange);--color-on-disabled:var(--theme-on-disabled);--theme-divider-mode-light:hsl(28, 17%, 88.75%);--theme-divider-mode-dark:hsl(28, 17%, 88.75%);--theme-divider:var(--theme-divider-color-orange);--color-divider:var(--theme-divider);--theme-divider-hover-mode-light:hsl(28, 17%, 84.3125%);--theme-divider-hover-mode-dark:hsl(28, 17%, 89.3125%);--theme-divider-hover:var(--theme-divider-hover-color-orange);--color-divider-hover:var(--theme-divider-hover);--theme-divider-active-mode-light:hsl(28, 17%, 79.875%);--theme-divider-active-mode-dark:hsl(28, 17%, 89.875%);--theme-divider-active:var(--theme-divider-active-color-orange);--color-divider-active:var(--theme-divider-active);--theme-divider-disabled-mode-light:hsl(0, 0%, 60%);--theme-divider-disabled-mode-dark:hsl(0, 0%, 45%);--theme-divider-disabled:var(--theme-divider-disabled-color-orange);--color-divider-disabled:var(--theme-divider-disabled);--theme-focus-ring-mode-light:hsla(28, 85%, 55%, 0.7);--theme-focus-ring-mode-dark:hsla(28, 85%, 55%, 0.9);--theme-focus-ring:var(--theme-focus-ring-color-orange);--color-focus-ring:var(--theme-focus-ring);--theme-shadow-mode-light:rgba(0, 0, 0, 0.1);--theme-shadow-mode-dark:rgba(0, 0, 0, 0.4);--theme-shadow:var(--theme-shadow-color-orange);--color-shadow:var(--theme-shadow);--theme-error-mode-light:hsl(0, 70%, 40%);--theme-error-mode-dark:hsl(0, 70%, 40%);--theme-error:var(--theme-error-color-orange);--color-error:var(--theme-error);--theme-error-hover-mode-light:hsl(0, 70%, 38%);--theme-error-hover-mode-dark:hsl(0, 70%, 38%);--theme-error-hover:var(--theme-error-hover-color-orange);--color-error-hover:var(--theme-error-hover);--theme-error-active-mode-light:hsl(0, 70%, 36%);--theme-error-active-mode-dark:hsl(0, 70%, 36%);--theme-error-active:var(--theme-error-active-color-orange);--color-error-active:var(--theme-error-active);--theme-error-inverted-mode-light:hsl(0, 70%, 40%);--theme-error-inverted-mode-dark:hsl(0, 70%, 40%);--theme-error-inverted:var(--theme-error-inverted-color-orange);--color-error-inverted:var(--theme-error-inverted);--theme-error-inverted-hover-mode-light:hsl(0, 70%, 38%);--theme-error-inverted-hover-mode-dark:hsl(0, 70%, 38%);--theme-error-inverted-hover:var(--theme-error-inverted-hover-color-orange);--color-error-inverted-hover:var(--theme-error-inverted-hover);--theme-error-inverted-active-mode-light:hsl(0, 70%, 36%);--theme-error-inverted-active-mode-dark:hsl(0, 70%, 36%);--theme-error-inverted-active:var(--theme-error-inverted-active-color-orange);--color-error-inverted-active:var(--theme-error-inverted-active);--theme-on-error-mode-light:#fefefd;--theme-on-error-mode-dark:hsl(0, 100%, 95%);--theme-on-error:var(--theme-on-error-color-orange);--color-on-error:var(--theme-on-error);--theme-on-error-inverted-mode-light:#fefefd;--theme-on-error-inverted-mode-dark:hsl(0, 100%, 95%);--theme-on-error-inverted:var(--theme-on-error-inverted-color-orange);--color-on-error-inverted:var(--theme-on-error-inverted);--theme-error-secondary-mode-light:hsl(0, 100%, 95%);--theme-error-secondary-mode-dark:hsl(0, 100%, 95%);--theme-error-secondary:var(--theme-error-secondary-color-orange);--color-error-secondary:var(--theme-error-secondary);--theme-error-secondary-hover-mode-light:hsl(0, 100%, 90.25%);--theme-error-secondary-hover-mode-dark:hsl(0, 100%, 90.25%);--theme-error-secondary-hover:var(--theme-error-secondary-hover-color-orange);--color-error-secondary-hover:var(--theme-error-secondary-hover);--theme-error-secondary-active-mode-light:hsl(0, 100%, 85.5%);--theme-error-secondary-active-mode-dark:hsl(0, 100%, 85.5%);--theme-error-secondary-active:var(--theme-error-secondary-active-color-orange);--color-error-secondary-active:var(--theme-error-secondary-active);--theme-on-error-secondary-mode-light:hsl(0, 70%, 30%);--theme-on-error-secondary-mode-dark:hsl(0, 70%, 30%);--theme-on-error-secondary:var(--theme-on-error-secondary-color-orange);--color-on-error-secondary:var(--theme-on-error-secondary);--theme-error-text-mode-light:hsl(0, 70%, 30%);--theme-error-text-mode-dark:hsl(0, 70%, 90%);--theme-error-text:var(--theme-error-text-color-orange);--color-error-text:var(--theme-error-text);--theme-success-mode-light:hsl(142, 50%, 35%);--theme-success-mode-dark:hsl(142, 50%, 35%);--theme-success:var(--theme-success-color-orange);--color-success:var(--theme-success);--theme-success-hover-mode-light:hsl(142, 50%, 33.25%);--theme-success-hover-mode-dark:hsl(142, 50%, 33.25%);--theme-success-hover:var(--theme-success-hover-color-orange);--color-success-hover:var(--theme-success-hover);--theme-success-active-mode-light:hsl(142, 50%, 31.5%);--theme-success-active-mode-dark:hsl(142, 50%, 31.5%);--theme-success-active:var(--theme-success-active-color-orange);--color-success-active:var(--theme-success-active);--theme-success-inverted-mode-light:hsl(142, 50%, 35%);--theme-success-inverted-mode-dark:hsl(142, 50%, 35%);--theme-success-inverted:var(--theme-success-inverted-color-orange);--color-success-inverted:var(--theme-success-inverted);--theme-success-inverted-hover-mode-light:hsl(142, 50%, 33.25%);--theme-success-inverted-hover-mode-dark:hsl(142, 50%, 33.25%);--theme-success-inverted-hover:var(--theme-success-inverted-hover-color-orange);--color-success-inverted-hover:var(--theme-success-inverted-hover);--theme-success-inverted-active-mode-light:hsl(142, 50%, 31.5%);--theme-success-inverted-active-mode-dark:hsl(142, 50%, 31.5%);--theme-success-inverted-active:var(--theme-success-inverted-active-color-orange);--color-success-inverted-active:var(--theme-success-inverted-active);--theme-on-success-mode-light:#fefefd;--theme-on-success-mode-dark:hsl(142, 70%, 95%);--theme-on-success:var(--theme-on-success-color-orange);--color-on-success:var(--theme-on-success);--theme-on-success-inverted-mode-light:#fefefd;--theme-on-success-inverted-mode-dark:hsl(142, 70%, 95%);--theme-on-success-inverted:var(--theme-on-success-inverted-color-orange);--color-on-success-inverted:var(--theme-on-success-inverted);--theme-success-secondary-mode-light:hsl(142, 70%, 90%);--theme-success-secondary-mode-dark:hsl(142, 70%, 90%);--theme-success-secondary:var(--theme-success-secondary-color-orange);--color-success-secondary:var(--theme-success-secondary);--theme-success-secondary-hover-mode-light:hsl(142, 70%, 85.5%);--theme-success-secondary-hover-mode-dark:hsl(142, 70%, 85.5%);--theme-success-secondary-hover:var(--theme-success-secondary-hover-color-orange);--color-success-secondary-hover:var(--theme-success-secondary-hover);--theme-success-secondary-active-mode-light:hsl(142, 70%, 81%);--theme-success-secondary-active-mode-dark:hsl(142, 70%, 81%);--theme-success-secondary-active:var(--theme-success-secondary-active-color-orange);--color-success-secondary-active:var(--theme-success-secondary-active);--theme-on-success-secondary-mode-light:hsl(142, 50%, 25%);--theme-on-success-secondary-mode-dark:hsl(142, 50%, 25%);--theme-on-success-secondary:var(--theme-on-success-secondary-color-orange);--color-on-success-secondary:var(--theme-on-success-secondary);--theme-success-text-mode-light:hsl(142, 50%, 25%);--theme-success-text-mode-dark:hsl(142, 50%, 85%);--theme-success-text:var(--theme-success-text-color-orange);--color-success-text:var(--theme-success-text);--theme-warning-mode-light:hsl(45, 100%, 85%);--theme-warning-mode-dark:hsl(45, 100%, 68%);--theme-warning:var(--theme-warning-color-orange);--color-warning:var(--theme-warning);--theme-on-warning-mode-light:hsl(30, 100%, 25%);--theme-on-warning-mode-dark:hsl(45, 100%, 95%);--theme-on-warning:var(--theme-on-warning-color-orange);--color-on-warning:var(--theme-on-warning);--theme-link-mode-light:#2563eb;--theme-link-mode-dark:#60a5fa;--theme-link:var(--theme-link-color-orange);--color-link:var(--theme-link);--theme-link-hover-mode-light:#1d4ed8;--theme-link-hover-mode-dark:#93c5fd;--theme-link-hover:var(--theme-link-hover-color-orange);--color-link-hover:var(--theme-link-hover);--theme-link-active-mode-light:#1e40af;--theme-link-active-mode-dark:#bfdbfe;--theme-link-active:var(--theme-link-active-color-orange);--color-link-active:var(--theme-link-active)}[data-theme=amber]{--theme-primary-mode-light:hsl(42, 90%, 55%);--theme-primary-mode-dark:hsl(42, 90%, 55%);--theme-primary:var(--theme-primary-color-amber);--color-primary:var(--theme-primary);--theme-primary-hover-mode-light:hsl(42, 90%, 49.5%);--theme-primary-hover-mode-dark:hsl(42, 90%, 59.5%);--theme-primary-hover:var(--theme-primary-hover-color-amber);--color-primary-hover:var(--theme-primary-hover);--theme-primary-active-mode-light:hsl(42, 90%, 44%);--theme-primary-active-mode-dark:hsl(42, 90%, 64%);--theme-primary-active:var(--theme-primary-active-color-amber);--color-primary-active:var(--theme-primary-active);--theme-primary-inverted-mode-light:hsl(42, 90%, 55%);--theme-primary-inverted-mode-dark:hsl(42, 90%, 55%);--theme-primary-inverted:var(--theme-primary-inverted-color-amber);--color-primary-inverted:var(--theme-primary-inverted);--theme-primary-inverted-hover-mode-light:hsl(42, 90%, 59.5%);--theme-primary-inverted-hover-mode-dark:hsl(42, 90%, 49.5%);--theme-primary-inverted-hover:var(--theme-primary-inverted-hover-color-amber);--color-primary-inverted-hover:var(--theme-primary-inverted-hover);--theme-primary-inverted-active-mode-light:hsl(42, 90%, 64%);--theme-primary-inverted-active-mode-dark:hsl(42, 90%, 44%);--theme-primary-inverted-active:var(--theme-primary-inverted-active-color-amber);--color-primary-inverted-active:var(--theme-primary-inverted-active);--theme-on-primary-mode-light:#fefefd;--theme-on-primary-mode-dark:#fefefd;--theme-on-primary:var(--theme-on-primary-color-amber);--color-on-primary:var(--theme-on-primary);--theme-on-primary-inverted-mode-light:#fefefd;--theme-on-primary-inverted-mode-dark:#fefefd;--theme-on-primary-inverted:var(--theme-on-primary-inverted-color-amber);--color-on-primary-inverted:var(--theme-on-primary-inverted);--theme-primary-text-mode-light:hsl(42, 90%, 38.5%);--theme-primary-text-mode-dark:hsl(42, 90%, 91%);--theme-primary-text:var(--theme-primary-text-color-amber);--color-primary-text:var(--theme-primary-text);--theme-secondary-mode-light:hsl(42, 54%, 93.25%);--theme-secondary-mode-dark:hsl(42, 72%, 68.5%);--theme-secondary:var(--theme-secondary-color-amber);--color-secondary:var(--theme-secondary);--theme-secondary-hover-mode-light:hsl(42, 54%, 88.5875%);--theme-secondary-hover-mode-dark:hsl(42, 72%, 71.65%);--theme-secondary-hover:var(--theme-secondary-hover-color-amber);--color-secondary-hover:var(--theme-secondary-hover);--theme-secondary-active-mode-light:hsl(42, 54%, 83.925%);--theme-secondary-active-mode-dark:hsl(42, 72%, 74.8%);--theme-secondary-active:var(--theme-secondary-active-color-amber);--color-secondary-active:var(--theme-secondary-active);--theme-secondary-inverted-mode-light:hsl(42, 72%, 68.5%);--theme-secondary-inverted-mode-dark:hsl(42, 54%, 93.25%);--theme-secondary-inverted:var(--theme-secondary-inverted-color-amber);--color-secondary-inverted:var(--theme-secondary-inverted);--theme-secondary-inverted-hover-mode-light:hsl(42, 72%, 71.65%);--theme-secondary-inverted-hover-mode-dark:hsl(42, 54%, 88.5875%);--theme-secondary-inverted-hover:var(--theme-secondary-inverted-hover-color-amber);--color-secondary-inverted-hover:var(--theme-secondary-inverted-hover);--theme-secondary-inverted-active-mode-light:hsl(42, 72%, 74.8%);--theme-secondary-inverted-active-mode-dark:hsl(42, 54%, 83.925%);--theme-secondary-inverted-active:var(--theme-secondary-inverted-active-color-amber);--color-secondary-inverted-active:var(--theme-secondary-inverted-active);--theme-on-secondary-mode-light:hsl(42, 90%, 38.5%);--theme-on-secondary-mode-dark:hsl(42, 90%, 27.5%);--theme-on-secondary:var(--theme-on-secondary-color-amber);--color-on-secondary:var(--theme-on-secondary);--theme-on-secondary-inverted-mode-light:hsl(42, 54%, 93.25%);--theme-on-secondary-inverted-mode-dark:hsl(42, 90%, 38.5%);--theme-on-secondary-inverted:var(--theme-on-secondary-inverted-color-amber);--color-on-secondary-inverted:var(--theme-on-secondary-inverted);--theme-default-mode-light:#fefefd;--theme-default-mode-dark:#2c2c2e;--theme-default:var(--theme-default-color-amber);--color-default:var(--theme-default);--theme-on-default-mode-light:#2c2c2e;--theme-on-default-mode-dark:#fefefd;--theme-on-default:var(--theme-on-default-color-amber);--color-on-default:var(--theme-on-default);--theme-inverted-mode-light:#2c2c2e;--theme-inverted-mode-dark:#fefefd;--theme-inverted:var(--theme-inverted-color-amber);--color-inverted:var(--theme-inverted);--theme-on-inverted-mode-light:#fefefd;--theme-on-inverted-mode-dark:#2c2c2e;--theme-on-inverted:var(--theme-on-inverted-color-amber);--color-on-inverted:var(--theme-on-inverted);--theme-surface-mode-light:hsl(42, 36%, 95.5%);--theme-surface-mode-dark:hsl(42, 45%, 61.75%);--theme-surface:var(--theme-surface-color-amber);--color-surface:var(--theme-surface);--theme-surface-hover-mode-light:hsl(42, 36%, 90.725%);--theme-surface-hover-mode-dark:hsl(42, 45%, 63.6625%);--theme-surface-hover:var(--theme-surface-hover-color-amber);--color-surface-hover:var(--theme-surface-hover);--theme-surface-active-mode-light:hsl(42, 36%, 85.95%);--theme-surface-active-mode-dark:hsl(42, 45%, 65.575%);--theme-surface-active:var(--theme-surface-active-color-amber);--color-surface-active:var(--theme-surface-active);--theme-surface-inverted-mode-light:hsl(42, 45%, 61.75%);--theme-surface-inverted-mode-dark:hsl(42, 36%, 95.5%);--theme-surface-inverted:var(--theme-surface-inverted-color-amber);--color-surface-inverted:var(--theme-surface-inverted);--theme-surface-inverted-hover-mode-light:hsl(42, 45%, 63.6625%);--theme-surface-inverted-hover-mode-dark:hsl(42, 36%, 90.725%);--theme-surface-inverted-hover:var(--theme-surface-inverted-hover-color-amber);--color-surface-inverted-hover:var(--theme-surface-inverted-hover);--theme-surface-inverted-active-mode-light:hsl(42, 45%, 65.575%);--theme-surface-inverted-active-mode-dark:hsl(42, 36%, 85.95%);--theme-surface-inverted-active:var(--theme-surface-inverted-active-color-amber);--color-surface-inverted-active:var(--theme-surface-inverted-active);--theme-backdrop-mode-light:rgba(0, 0, 0, 0.5);--theme-backdrop-mode-dark:rgba(0, 0, 0, 0.7);--theme-backdrop:var(--theme-backdrop-color-amber);--color-backdrop:var(--theme-backdrop);--theme-overlay-mode-light:rgba(0, 0, 0, 0.04);--theme-overlay-mode-dark:rgba(255, 255, 255, 0.06);--theme-overlay:var(--theme-overlay-color-amber);--color-overlay:var(--theme-overlay);--theme-modal-mode-light:#fefefd;--theme-modal-mode-dark:#262626;--theme-modal:var(--theme-modal-color-amber);--color-modal:var(--theme-modal);--theme-skeleton-mode-light:#e0e0e0;--theme-skeleton-mode-dark:#3a3a3a;--theme-skeleton:var(--theme-skeleton-color-amber);--color-skeleton:var(--theme-skeleton);--theme-on-skeleton-mode-light:#f0f0f0;--theme-on-skeleton-mode-dark:#4a4a4a;--theme-on-skeleton:var(--theme-on-skeleton-color-amber);--color-on-skeleton:var(--theme-on-skeleton);--theme-muted-mode-light:hsl(0, 0%, 32%);--theme-muted-mode-dark:hsl(0, 0%, 92%);--theme-muted:var(--theme-muted-color-amber);--color-muted:var(--theme-muted);--theme-placeholder-mode-light:hsl(0, 0%, 52%);--theme-placeholder-mode-dark:hsl(0, 0%, 76%);--theme-placeholder:var(--theme-placeholder-color-amber);--color-placeholder:var(--theme-placeholder);--theme-disabled-mode-light:hsl(0, 0%, 55%);--theme-disabled-mode-dark:hsl(0, 0%, 35%);--theme-disabled:var(--theme-disabled-color-amber);--color-disabled:var(--theme-disabled);--theme-on-disabled-mode-light:hsl(0, 0%, 95%);--theme-on-disabled-mode-dark:hsl(0, 0%, 85%);--theme-on-disabled:var(--theme-on-disabled-color-amber);--color-on-disabled:var(--theme-on-disabled);--theme-divider-mode-light:hsl(42, 18%, 88.75%);--theme-divider-mode-dark:hsl(42, 18%, 88.75%);--theme-divider:var(--theme-divider-color-amber);--color-divider:var(--theme-divider);--theme-divider-hover-mode-light:hsl(42, 18%, 84.3125%);--theme-divider-hover-mode-dark:hsl(42, 18%, 89.3125%);--theme-divider-hover:var(--theme-divider-hover-color-amber);--color-divider-hover:var(--theme-divider-hover);--theme-divider-active-mode-light:hsl(42, 18%, 79.875%);--theme-divider-active-mode-dark:hsl(42, 18%, 89.875%);--theme-divider-active:var(--theme-divider-active-color-amber);--color-divider-active:var(--theme-divider-active);--theme-divider-disabled-mode-light:hsl(0, 0%, 60%);--theme-divider-disabled-mode-dark:hsl(0, 0%, 45%);--theme-divider-disabled:var(--theme-divider-disabled-color-amber);--color-divider-disabled:var(--theme-divider-disabled);--theme-focus-ring-mode-light:hsla(42, 90%, 55%, 0.7);--theme-focus-ring-mode-dark:hsla(42, 90%, 55%, 0.9);--theme-focus-ring:var(--theme-focus-ring-color-amber);--color-focus-ring:var(--theme-focus-ring);--theme-shadow-mode-light:rgba(0, 0, 0, 0.1);--theme-shadow-mode-dark:rgba(0, 0, 0, 0.4);--theme-shadow:var(--theme-shadow-color-amber);--color-shadow:var(--theme-shadow);--theme-error-mode-light:hsl(0, 70%, 40%);--theme-error-mode-dark:hsl(0, 70%, 40%);--theme-error:var(--theme-error-color-amber);--color-error:var(--theme-error);--theme-error-hover-mode-light:hsl(0, 70%, 38%);--theme-error-hover-mode-dark:hsl(0, 70%, 38%);--theme-error-hover:var(--theme-error-hover-color-amber);--color-error-hover:var(--theme-error-hover);--theme-error-active-mode-light:hsl(0, 70%, 36%);--theme-error-active-mode-dark:hsl(0, 70%, 36%);--theme-error-active:var(--theme-error-active-color-amber);--color-error-active:var(--theme-error-active);--theme-error-inverted-mode-light:hsl(0, 70%, 40%);--theme-error-inverted-mode-dark:hsl(0, 70%, 40%);--theme-error-inverted:var(--theme-error-inverted-color-amber);--color-error-inverted:var(--theme-error-inverted);--theme-error-inverted-hover-mode-light:hsl(0, 70%, 38%);--theme-error-inverted-hover-mode-dark:hsl(0, 70%, 38%);--theme-error-inverted-hover:var(--theme-error-inverted-hover-color-amber);--color-error-inverted-hover:var(--theme-error-inverted-hover);--theme-error-inverted-active-mode-light:hsl(0, 70%, 36%);--theme-error-inverted-active-mode-dark:hsl(0, 70%, 36%);--theme-error-inverted-active:var(--theme-error-inverted-active-color-amber);--color-error-inverted-active:var(--theme-error-inverted-active);--theme-on-error-mode-light:#fefefd;--theme-on-error-mode-dark:hsl(0, 100%, 95%);--theme-on-error:var(--theme-on-error-color-amber);--color-on-error:var(--theme-on-error);--theme-on-error-inverted-mode-light:#fefefd;--theme-on-error-inverted-mode-dark:hsl(0, 100%, 95%);--theme-on-error-inverted:var(--theme-on-error-inverted-color-amber);--color-on-error-inverted:var(--theme-on-error-inverted);--theme-error-secondary-mode-light:hsl(0, 100%, 95%);--theme-error-secondary-mode-dark:hsl(0, 100%, 95%);--theme-error-secondary:var(--theme-error-secondary-color-amber);--color-error-secondary:var(--theme-error-secondary);--theme-error-secondary-hover-mode-light:hsl(0, 100%, 90.25%);--theme-error-secondary-hover-mode-dark:hsl(0, 100%, 90.25%);--theme-error-secondary-hover:var(--theme-error-secondary-hover-color-amber);--color-error-secondary-hover:var(--theme-error-secondary-hover);--theme-error-secondary-active-mode-light:hsl(0, 100%, 85.5%);--theme-error-secondary-active-mode-dark:hsl(0, 100%, 85.5%);--theme-error-secondary-active:var(--theme-error-secondary-active-color-amber);--color-error-secondary-active:var(--theme-error-secondary-active);--theme-on-error-secondary-mode-light:hsl(0, 70%, 30%);--theme-on-error-secondary-mode-dark:hsl(0, 70%, 30%);--theme-on-error-secondary:var(--theme-on-error-secondary-color-amber);--color-on-error-secondary:var(--theme-on-error-secondary);--theme-error-text-mode-light:hsl(0, 70%, 30%);--theme-error-text-mode-dark:hsl(0, 70%, 90%);--theme-error-text:var(--theme-error-text-color-amber);--color-error-text:var(--theme-error-text);--theme-success-mode-light:hsl(142, 50%, 35%);--theme-success-mode-dark:hsl(142, 50%, 35%);--theme-success:var(--theme-success-color-amber);--color-success:var(--theme-success);--theme-success-hover-mode-light:hsl(142, 50%, 33.25%);--theme-success-hover-mode-dark:hsl(142, 50%, 33.25%);--theme-success-hover:var(--theme-success-hover-color-amber);--color-success-hover:var(--theme-success-hover);--theme-success-active-mode-light:hsl(142, 50%, 31.5%);--theme-success-active-mode-dark:hsl(142, 50%, 31.5%);--theme-success-active:var(--theme-success-active-color-amber);--color-success-active:var(--theme-success-active);--theme-success-inverted-mode-light:hsl(142, 50%, 35%);--theme-success-inverted-mode-dark:hsl(142, 50%, 35%);--theme-success-inverted:var(--theme-success-inverted-color-amber);--color-success-inverted:var(--theme-success-inverted);--theme-success-inverted-hover-mode-light:hsl(142, 50%, 33.25%);--theme-success-inverted-hover-mode-dark:hsl(142, 50%, 33.25%);--theme-success-inverted-hover:var(--theme-success-inverted-hover-color-amber);--color-success-inverted-hover:var(--theme-success-inverted-hover);--theme-success-inverted-active-mode-light:hsl(142, 50%, 31.5%);--theme-success-inverted-active-mode-dark:hsl(142, 50%, 31.5%);--theme-success-inverted-active:var(--theme-success-inverted-active-color-amber);--color-success-inverted-active:var(--theme-success-inverted-active);--theme-on-success-mode-light:#fefefd;--theme-on-success-mode-dark:hsl(142, 70%, 95%);--theme-on-success:var(--theme-on-success-color-amber);--color-on-success:var(--theme-on-success);--theme-on-success-inverted-mode-light:#fefefd;--theme-on-success-inverted-mode-dark:hsl(142, 70%, 95%);--theme-on-success-inverted:var(--theme-on-success-inverted-color-amber);--color-on-success-inverted:var(--theme-on-success-inverted);--theme-success-secondary-mode-light:hsl(142, 70%, 90%);--theme-success-secondary-mode-dark:hsl(142, 70%, 90%);--theme-success-secondary:var(--theme-success-secondary-color-amber);--color-success-secondary:var(--theme-success-secondary);--theme-success-secondary-hover-mode-light:hsl(142, 70%, 85.5%);--theme-success-secondary-hover-mode-dark:hsl(142, 70%, 85.5%);--theme-success-secondary-hover:var(--theme-success-secondary-hover-color-amber);--color-success-secondary-hover:var(--theme-success-secondary-hover);--theme-success-secondary-active-mode-light:hsl(142, 70%, 81%);--theme-success-secondary-active-mode-dark:hsl(142, 70%, 81%);--theme-success-secondary-active:var(--theme-success-secondary-active-color-amber);--color-success-secondary-active:var(--theme-success-secondary-active);--theme-on-success-secondary-mode-light:hsl(142, 50%, 25%);--theme-on-success-secondary-mode-dark:hsl(142, 50%, 25%);--theme-on-success-secondary:var(--theme-on-success-secondary-color-amber);--color-on-success-secondary:var(--theme-on-success-secondary);--theme-success-text-mode-light:hsl(142, 50%, 25%);--theme-success-text-mode-dark:hsl(142, 50%, 85%);--theme-success-text:var(--theme-success-text-color-amber);--color-success-text:var(--theme-success-text);--theme-warning-mode-light:hsl(45, 100%, 85%);--theme-warning-mode-dark:hsl(45, 100%, 68%);--theme-warning:var(--theme-warning-color-amber);--color-warning:var(--theme-warning);--theme-on-warning-mode-light:hsl(30, 100%, 25%);--theme-on-warning-mode-dark:hsl(45, 100%, 95%);--theme-on-warning:var(--theme-on-warning-color-amber);--color-on-warning:var(--theme-on-warning);--theme-link-mode-light:#2563eb;--theme-link-mode-dark:#60a5fa;--theme-link:var(--theme-link-color-amber);--color-link:var(--theme-link);--theme-link-hover-mode-light:#1d4ed8;--theme-link-hover-mode-dark:#93c5fd;--theme-link-hover:var(--theme-link-hover-color-amber);--color-link-hover:var(--theme-link-hover);--theme-link-active-mode-light:#1e40af;--theme-link-active-mode-dark:#bfdbfe;--theme-link-active:var(--theme-link-active-color-amber);--color-link-active:var(--theme-link-active)}[data-theme=green]{--theme-primary-mode-light:hsl(152, 47%, 45%);--theme-primary-mode-dark:hsl(152, 47%, 45%);--theme-primary:var(--theme-primary-color-green);--color-primary:var(--theme-primary);--theme-primary-hover-mode-light:hsl(152, 47%, 40.5%);--theme-primary-hover-mode-dark:hsl(152, 47%, 50.5%);--theme-primary-hover:var(--theme-primary-hover-color-green);--color-primary-hover:var(--theme-primary-hover);--theme-primary-active-mode-light:hsl(152, 47%, 36%);--theme-primary-active-mode-dark:hsl(152, 47%, 56%);--theme-primary-active:var(--theme-primary-active-color-green);--color-primary-active:var(--theme-primary-active);--theme-primary-inverted-mode-light:hsl(152, 47%, 45%);--theme-primary-inverted-mode-dark:hsl(152, 47%, 45%);--theme-primary-inverted:var(--theme-primary-inverted-color-green);--color-primary-inverted:var(--theme-primary-inverted);--theme-primary-inverted-hover-mode-light:hsl(152, 47%, 50.5%);--theme-primary-inverted-hover-mode-dark:hsl(152, 47%, 40.5%);--theme-primary-inverted-hover:var(--theme-primary-inverted-hover-color-green);--color-primary-inverted-hover:var(--theme-primary-inverted-hover);--theme-primary-inverted-active-mode-light:hsl(152, 47%, 56%);--theme-primary-inverted-active-mode-dark:hsl(152, 47%, 36%);--theme-primary-inverted-active:var(--theme-primary-inverted-active-color-green);--color-primary-inverted-active:var(--theme-primary-inverted-active);--theme-on-primary-mode-light:#fefefd;--theme-on-primary-mode-dark:#fefefd;--theme-on-primary:var(--theme-on-primary-color-green);--color-on-primary:var(--theme-on-primary);--theme-on-primary-inverted-mode-light:#fefefd;--theme-on-primary-inverted-mode-dark:#fefefd;--theme-on-primary-inverted:var(--theme-on-primary-inverted-color-green);--color-on-primary-inverted:var(--theme-on-primary-inverted);--theme-primary-text-mode-light:hsl(152, 47%, 31.5%);--theme-primary-text-mode-dark:hsl(152, 47%, 89%);--theme-primary-text:var(--theme-primary-text-color-green);--color-primary-text:var(--theme-primary-text);--theme-secondary-mode-light:hsl(152, 28.2%, 91.75%);--theme-secondary-mode-dark:hsl(152, 37.6%, 61.5%);--theme-secondary:var(--theme-secondary-color-green);--color-secondary:var(--theme-secondary);--theme-secondary-hover-mode-light:hsl(152, 28.2%, 87.1625%);--theme-secondary-hover-mode-dark:hsl(152, 37.6%, 65.35%);--theme-secondary-hover:var(--theme-secondary-hover-color-green);--color-secondary-hover:var(--theme-secondary-hover);--theme-secondary-active-mode-light:hsl(152, 28.2%, 82.575%);--theme-secondary-active-mode-dark:hsl(152, 37.6%, 69.2%);--theme-secondary-active:var(--theme-secondary-active-color-green);--color-secondary-active:var(--theme-secondary-active);--theme-secondary-inverted-mode-light:hsl(152, 37.6%, 61.5%);--theme-secondary-inverted-mode-dark:hsl(152, 28.2%, 91.75%);--theme-secondary-inverted:var(--theme-secondary-inverted-color-green);--color-secondary-inverted:var(--theme-secondary-inverted);--theme-secondary-inverted-hover-mode-light:hsl(152, 37.6%, 65.35%);--theme-secondary-inverted-hover-mode-dark:hsl(152, 28.2%, 87.1625%);--theme-secondary-inverted-hover:var(--theme-secondary-inverted-hover-color-green);--color-secondary-inverted-hover:var(--theme-secondary-inverted-hover);--theme-secondary-inverted-active-mode-light:hsl(152, 37.6%, 69.2%);--theme-secondary-inverted-active-mode-dark:hsl(152, 28.2%, 82.575%);--theme-secondary-inverted-active:var(--theme-secondary-inverted-active-color-green);--color-secondary-inverted-active:var(--theme-secondary-inverted-active);--theme-on-secondary-mode-light:hsl(152, 47%, 31.5%);--theme-on-secondary-mode-dark:hsl(152, 47%, 22.5%);--theme-on-secondary:var(--theme-on-secondary-color-green);--color-on-secondary:var(--theme-on-secondary);--theme-on-secondary-inverted-mode-light:hsl(152, 28.2%, 91.75%);--theme-on-secondary-inverted-mode-dark:hsl(152, 47%, 31.5%);--theme-on-secondary-inverted:var(--theme-on-secondary-inverted-color-green);--color-on-secondary-inverted:var(--theme-on-secondary-inverted);--theme-default-mode-light:#fefefd;--theme-default-mode-dark:#2c2c2e;--theme-default:var(--theme-default-color-green);--color-default:var(--theme-default);--theme-on-default-mode-light:#2c2c2e;--theme-on-default-mode-dark:#fefefd;--theme-on-default:var(--theme-on-default-color-green);--color-on-default:var(--theme-on-default);--theme-inverted-mode-light:#2c2c2e;--theme-inverted-mode-dark:#fefefd;--theme-inverted:var(--theme-inverted-color-green);--color-inverted:var(--theme-inverted);--theme-on-inverted-mode-light:#fefefd;--theme-on-inverted-mode-dark:#2c2c2e;--theme-on-inverted:var(--theme-on-inverted-color-green);--color-on-inverted:var(--theme-on-inverted);--theme-surface-mode-light:hsl(152, 18.8%, 94.5%);--theme-surface-mode-dark:hsl(152, 23.5%, 53.25%);--theme-surface:var(--theme-surface-color-green);--color-surface:var(--theme-surface);--theme-surface-hover-mode-light:hsl(152, 18.8%, 89.775%);--theme-surface-hover-mode-dark:hsl(152, 23.5%, 55.5875%);--theme-surface-hover:var(--theme-surface-hover-color-green);--color-surface-hover:var(--theme-surface-hover);--theme-surface-active-mode-light:hsl(152, 18.8%, 85.05%);--theme-surface-active-mode-dark:hsl(152, 23.5%, 57.925%);--theme-surface-active:var(--theme-surface-active-color-green);--color-surface-active:var(--theme-surface-active);--theme-surface-inverted-mode-light:hsl(152, 23.5%, 53.25%);--theme-surface-inverted-mode-dark:hsl(152, 18.8%, 94.5%);--theme-surface-inverted:var(--theme-surface-inverted-color-green);--color-surface-inverted:var(--theme-surface-inverted);--theme-surface-inverted-hover-mode-light:hsl(152, 23.5%, 55.5875%);--theme-surface-inverted-hover-mode-dark:hsl(152, 18.8%, 89.775%);--theme-surface-inverted-hover:var(--theme-surface-inverted-hover-color-green);--color-surface-inverted-hover:var(--theme-surface-inverted-hover);--theme-surface-inverted-active-mode-light:hsl(152, 23.5%, 57.925%);--theme-surface-inverted-active-mode-dark:hsl(152, 18.8%, 85.05%);--theme-surface-inverted-active:var(--theme-surface-inverted-active-color-green);--color-surface-inverted-active:var(--theme-surface-inverted-active);--theme-backdrop-mode-light:rgba(0, 0, 0, 0.5);--theme-backdrop-mode-dark:rgba(0, 0, 0, 0.7);--theme-backdrop:var(--theme-backdrop-color-green);--color-backdrop:var(--theme-backdrop);--theme-overlay-mode-light:rgba(0, 0, 0, 0.04);--theme-overlay-mode-dark:rgba(255, 255, 255, 0.06);--theme-overlay:var(--theme-overlay-color-green);--color-overlay:var(--theme-overlay);--theme-modal-mode-light:#fefefd;--theme-modal-mode-dark:#262626;--theme-modal:var(--theme-modal-color-green);--color-modal:var(--theme-modal);--theme-skeleton-mode-light:#e0e0e0;--theme-skeleton-mode-dark:#3a3a3a;--theme-skeleton:var(--theme-skeleton-color-green);--color-skeleton:var(--theme-skeleton);--theme-on-skeleton-mode-light:#f0f0f0;--theme-on-skeleton-mode-dark:#4a4a4a;--theme-on-skeleton:var(--theme-on-skeleton-color-green);--color-on-skeleton:var(--theme-on-skeleton);--theme-muted-mode-light:hsl(0, 0%, 32%);--theme-muted-mode-dark:hsl(0, 0%, 92%);--theme-muted:var(--theme-muted-color-green);--color-muted:var(--theme-muted);--theme-placeholder-mode-light:hsl(0, 0%, 52%);--theme-placeholder-mode-dark:hsl(0, 0%, 76%);--theme-placeholder:var(--theme-placeholder-color-green);--color-placeholder:var(--theme-placeholder);--theme-disabled-mode-light:hsl(0, 0%, 55%);--theme-disabled-mode-dark:hsl(0, 0%, 35%);--theme-disabled:var(--theme-disabled-color-green);--color-disabled:var(--theme-disabled);--theme-on-disabled-mode-light:hsl(0, 0%, 95%);--theme-on-disabled-mode-dark:hsl(0, 0%, 85%);--theme-on-disabled:var(--theme-on-disabled-color-green);--color-on-disabled:var(--theme-on-disabled);--theme-divider-mode-light:hsl(152, 9.4%, 86.25%);--theme-divider-mode-dark:hsl(152, 9.4%, 86.25%);--theme-divider:var(--theme-divider-color-green);--color-divider:var(--theme-divider);--theme-divider-hover-mode-light:hsl(152, 9.4%, 81.9375%);--theme-divider-hover-mode-dark:hsl(152, 9.4%, 86.9375%);--theme-divider-hover:var(--theme-divider-hover-color-green);--color-divider-hover:var(--theme-divider-hover);--theme-divider-active-mode-light:hsl(152, 9.4%, 77.625%);--theme-divider-active-mode-dark:hsl(152, 9.4%, 87.625%);--theme-divider-active:var(--theme-divider-active-color-green);--color-divider-active:var(--theme-divider-active);--theme-divider-disabled-mode-light:hsl(0, 0%, 60%);--theme-divider-disabled-mode-dark:hsl(0, 0%, 45%);--theme-divider-disabled:var(--theme-divider-disabled-color-green);--color-divider-disabled:var(--theme-divider-disabled);--theme-focus-ring-mode-light:hsla(152, 47%, 45%, 0.7);--theme-focus-ring-mode-dark:hsla(152, 47%, 45%, 0.9);--theme-focus-ring:var(--theme-focus-ring-color-green);--color-focus-ring:var(--theme-focus-ring);--theme-shadow-mode-light:rgba(0, 0, 0, 0.1);--theme-shadow-mode-dark:rgba(0, 0, 0, 0.4);--theme-shadow:var(--theme-shadow-color-green);--color-shadow:var(--theme-shadow);--theme-error-mode-light:hsl(0, 70%, 40%);--theme-error-mode-dark:hsl(0, 70%, 40%);--theme-error:var(--theme-error-color-green);--color-error:var(--theme-error);--theme-error-hover-mode-light:hsl(0, 70%, 38%);--theme-error-hover-mode-dark:hsl(0, 70%, 38%);--theme-error-hover:var(--theme-error-hover-color-green);--color-error-hover:var(--theme-error-hover);--theme-error-active-mode-light:hsl(0, 70%, 36%);--theme-error-active-mode-dark:hsl(0, 70%, 36%);--theme-error-active:var(--theme-error-active-color-green);--color-error-active:var(--theme-error-active);--theme-error-inverted-mode-light:hsl(0, 70%, 40%);--theme-error-inverted-mode-dark:hsl(0, 70%, 40%);--theme-error-inverted:var(--theme-error-inverted-color-green);--color-error-inverted:var(--theme-error-inverted);--theme-error-inverted-hover-mode-light:hsl(0, 70%, 38%);--theme-error-inverted-hover-mode-dark:hsl(0, 70%, 38%);--theme-error-inverted-hover:var(--theme-error-inverted-hover-color-green);--color-error-inverted-hover:var(--theme-error-inverted-hover);--theme-error-inverted-active-mode-light:hsl(0, 70%, 36%);--theme-error-inverted-active-mode-dark:hsl(0, 70%, 36%);--theme-error-inverted-active:var(--theme-error-inverted-active-color-green);--color-error-inverted-active:var(--theme-error-inverted-active);--theme-on-error-mode-light:#fefefd;--theme-on-error-mode-dark:hsl(0, 100%, 95%);--theme-on-error:var(--theme-on-error-color-green);--color-on-error:var(--theme-on-error);--theme-on-error-inverted-mode-light:#fefefd;--theme-on-error-inverted-mode-dark:hsl(0, 100%, 95%);--theme-on-error-inverted:var(--theme-on-error-inverted-color-green);--color-on-error-inverted:var(--theme-on-error-inverted);--theme-error-secondary-mode-light:hsl(0, 100%, 95%);--theme-error-secondary-mode-dark:hsl(0, 100%, 95%);--theme-error-secondary:var(--theme-error-secondary-color-green);--color-error-secondary:var(--theme-error-secondary);--theme-error-secondary-hover-mode-light:hsl(0, 100%, 90.25%);--theme-error-secondary-hover-mode-dark:hsl(0, 100%, 90.25%);--theme-error-secondary-hover:var(--theme-error-secondary-hover-color-green);--color-error-secondary-hover:var(--theme-error-secondary-hover);--theme-error-secondary-active-mode-light:hsl(0, 100%, 85.5%);--theme-error-secondary-active-mode-dark:hsl(0, 100%, 85.5%);--theme-error-secondary-active:var(--theme-error-secondary-active-color-green);--color-error-secondary-active:var(--theme-error-secondary-active);--theme-on-error-secondary-mode-light:hsl(0, 70%, 30%);--theme-on-error-secondary-mode-dark:hsl(0, 70%, 30%);--theme-on-error-secondary:var(--theme-on-error-secondary-color-green);--color-on-error-secondary:var(--theme-on-error-secondary);--theme-error-text-mode-light:hsl(0, 70%, 30%);--theme-error-text-mode-dark:hsl(0, 70%, 90%);--theme-error-text:var(--theme-error-text-color-green);--color-error-text:var(--theme-error-text);--theme-success-mode-light:hsl(142, 50%, 35%);--theme-success-mode-dark:hsl(142, 50%, 35%);--theme-success:var(--theme-success-color-green);--color-success:var(--theme-success);--theme-success-hover-mode-light:hsl(142, 50%, 33.25%);--theme-success-hover-mode-dark:hsl(142, 50%, 33.25%);--theme-success-hover:var(--theme-success-hover-color-green);--color-success-hover:var(--theme-success-hover);--theme-success-active-mode-light:hsl(142, 50%, 31.5%);--theme-success-active-mode-dark:hsl(142, 50%, 31.5%);--theme-success-active:var(--theme-success-active-color-green);--color-success-active:var(--theme-success-active);--theme-success-inverted-mode-light:hsl(142, 50%, 35%);--theme-success-inverted-mode-dark:hsl(142, 50%, 35%);--theme-success-inverted:var(--theme-success-inverted-color-green);--color-success-inverted:var(--theme-success-inverted);--theme-success-inverted-hover-mode-light:hsl(142, 50%, 33.25%);--theme-success-inverted-hover-mode-dark:hsl(142, 50%, 33.25%);--theme-success-inverted-hover:var(--theme-success-inverted-hover-color-green);--color-success-inverted-hover:var(--theme-success-inverted-hover);--theme-success-inverted-active-mode-light:hsl(142, 50%, 31.5%);--theme-success-inverted-active-mode-dark:hsl(142, 50%, 31.5%);--theme-success-inverted-active:var(--theme-success-inverted-active-color-green);--color-success-inverted-active:var(--theme-success-inverted-active);--theme-on-success-mode-light:#fefefd;--theme-on-success-mode-dark:hsl(142, 70%, 95%);--theme-on-success:var(--theme-on-success-color-green);--color-on-success:var(--theme-on-success);--theme-on-success-inverted-mode-light:#fefefd;--theme-on-success-inverted-mode-dark:hsl(142, 70%, 95%);--theme-on-success-inverted:var(--theme-on-success-inverted-color-green);--color-on-success-inverted:var(--theme-on-success-inverted);--theme-success-secondary-mode-light:hsl(142, 70%, 90%);--theme-success-secondary-mode-dark:hsl(142, 70%, 90%);--theme-success-secondary:var(--theme-success-secondary-color-green);--color-success-secondary:var(--theme-success-secondary);--theme-success-secondary-hover-mode-light:hsl(142, 70%, 85.5%);--theme-success-secondary-hover-mode-dark:hsl(142, 70%, 85.5%);--theme-success-secondary-hover:var(--theme-success-secondary-hover-color-green);--color-success-secondary-hover:var(--theme-success-secondary-hover);--theme-success-secondary-active-mode-light:hsl(142, 70%, 81%);--theme-success-secondary-active-mode-dark:hsl(142, 70%, 81%);--theme-success-secondary-active:var(--theme-success-secondary-active-color-green);--color-success-secondary-active:var(--theme-success-secondary-active);--theme-on-success-secondary-mode-light:hsl(142, 50%, 25%);--theme-on-success-secondary-mode-dark:hsl(142, 50%, 25%);--theme-on-success-secondary:var(--theme-on-success-secondary-color-green);--color-on-success-secondary:var(--theme-on-success-secondary);--theme-success-text-mode-light:hsl(142, 50%, 25%);--theme-success-text-mode-dark:hsl(142, 50%, 85%);--theme-success-text:var(--theme-success-text-color-green);--color-success-text:var(--theme-success-text);--theme-warning-mode-light:hsl(45, 100%, 85%);--theme-warning-mode-dark:hsl(45, 100%, 68%);--theme-warning:var(--theme-warning-color-green);--color-warning:var(--theme-warning);--theme-on-warning-mode-light:hsl(30, 100%, 25%);--theme-on-warning-mode-dark:hsl(45, 100%, 95%);--theme-on-warning:var(--theme-on-warning-color-green);--color-on-warning:var(--theme-on-warning);--theme-link-mode-light:#2563eb;--theme-link-mode-dark:#60a5fa;--theme-link:var(--theme-link-color-green);--color-link:var(--theme-link);--theme-link-hover-mode-light:#1d4ed8;--theme-link-hover-mode-dark:#93c5fd;--theme-link-hover:var(--theme-link-hover-color-green);--color-link-hover:var(--theme-link-hover);--theme-link-active-mode-light:#1e40af;--theme-link-active-mode-dark:#bfdbfe;--theme-link-active:var(--theme-link-active-color-green);--color-link-active:var(--theme-link-active)}[data-theme=olive]{--theme-primary-mode-light:hsl(88, 30%, 40%);--theme-primary-mode-dark:hsl(88, 30%, 40%);--theme-primary:var(--theme-primary-color-olive);--color-primary:var(--theme-primary);--theme-primary-hover-mode-light:hsl(88, 30%, 36%);--theme-primary-hover-mode-dark:hsl(88, 30%, 46%);--theme-primary-hover:var(--theme-primary-hover-color-olive);--color-primary-hover:var(--theme-primary-hover);--theme-primary-active-mode-light:hsl(88, 30%, 32%);--theme-primary-active-mode-dark:hsl(88, 30%, 52%);--theme-primary-active:var(--theme-primary-active-color-olive);--color-primary-active:var(--theme-primary-active);--theme-primary-inverted-mode-light:hsl(88, 30%, 40%);--theme-primary-inverted-mode-dark:hsl(88, 30%, 40%);--theme-primary-inverted:var(--theme-primary-inverted-color-olive);--color-primary-inverted:var(--theme-primary-inverted);--theme-primary-inverted-hover-mode-light:hsl(88, 30%, 46%);--theme-primary-inverted-hover-mode-dark:hsl(88, 30%, 36%);--theme-primary-inverted-hover:var(--theme-primary-inverted-hover-color-olive);--color-primary-inverted-hover:var(--theme-primary-inverted-hover);--theme-primary-inverted-active-mode-light:hsl(88, 30%, 52%);--theme-primary-inverted-active-mode-dark:hsl(88, 30%, 32%);--theme-primary-inverted-active:var(--theme-primary-inverted-active-color-olive);--color-primary-inverted-active:var(--theme-primary-inverted-active);--theme-on-primary-mode-light:#fefefd;--theme-on-primary-mode-dark:#fefefd;--theme-on-primary:var(--theme-on-primary-color-olive);--color-on-primary:var(--theme-on-primary);--theme-on-primary-inverted-mode-light:#fefefd;--theme-on-primary-inverted-mode-dark:#fefefd;--theme-on-primary-inverted:var(--theme-on-primary-inverted-color-olive);--color-on-primary-inverted:var(--theme-on-primary-inverted);--theme-primary-text-mode-light:hsl(88, 30%, 28%);--theme-primary-text-mode-dark:hsl(88, 30%, 88%);--theme-primary-text:var(--theme-primary-text-color-olive);--color-primary-text:var(--theme-primary-text);--theme-secondary-mode-light:hsl(88, 18%, 91%);--theme-secondary-mode-dark:hsl(88, 24%, 58%);--theme-secondary:var(--theme-secondary-color-olive);--color-secondary:var(--theme-secondary);--theme-secondary-hover-mode-light:hsl(88, 18%, 86.45%);--theme-secondary-hover-mode-dark:hsl(88, 24%, 62.2%);--theme-secondary-hover:var(--theme-secondary-hover-color-olive);--color-secondary-hover:var(--theme-secondary-hover);--theme-secondary-active-mode-light:hsl(88, 18%, 81.9%);--theme-secondary-active-mode-dark:hsl(88, 24%, 66.4%);--theme-secondary-active:var(--theme-secondary-active-color-olive);--color-secondary-active:var(--theme-secondary-active);--theme-secondary-inverted-mode-light:hsl(88, 24%, 58%);--theme-secondary-inverted-mode-dark:hsl(88, 18%, 91%);--theme-secondary-inverted:var(--theme-secondary-inverted-color-olive);--color-secondary-inverted:var(--theme-secondary-inverted);--theme-secondary-inverted-hover-mode-light:hsl(88, 24%, 62.2%);--theme-secondary-inverted-hover-mode-dark:hsl(88, 18%, 86.45%);--theme-secondary-inverted-hover:var(--theme-secondary-inverted-hover-color-olive);--color-secondary-inverted-hover:var(--theme-secondary-inverted-hover);--theme-secondary-inverted-active-mode-light:hsl(88, 24%, 66.4%);--theme-secondary-inverted-active-mode-dark:hsl(88, 18%, 81.9%);--theme-secondary-inverted-active:var(--theme-secondary-inverted-active-color-olive);--color-secondary-inverted-active:var(--theme-secondary-inverted-active);--theme-on-secondary-mode-light:hsl(88, 30%, 28%);--theme-on-secondary-mode-dark:hsl(88, 30%, 20%);--theme-on-secondary:var(--theme-on-secondary-color-olive);--color-on-secondary:var(--theme-on-secondary);--theme-on-secondary-inverted-mode-light:hsl(88, 18%, 91%);--theme-on-secondary-inverted-mode-dark:hsl(88, 30%, 28%);--theme-on-secondary-inverted:var(--theme-on-secondary-inverted-color-olive);--color-on-secondary-inverted:var(--theme-on-secondary-inverted);--theme-default-mode-light:#fefefd;--theme-default-mode-dark:#2c2c2e;--theme-default:var(--theme-default-color-olive);--color-default:var(--theme-default);--theme-on-default-mode-light:#2c2c2e;--theme-on-default-mode-dark:#fefefd;--theme-on-default:var(--theme-on-default-color-olive);--color-on-default:var(--theme-on-default);--theme-inverted-mode-light:#2c2c2e;--theme-inverted-mode-dark:#fefefd;--theme-inverted:var(--theme-inverted-color-olive);--color-inverted:var(--theme-inverted);--theme-on-inverted-mode-light:#fefefd;--theme-on-inverted-mode-dark:#2c2c2e;--theme-on-inverted:var(--theme-on-inverted-color-olive);--color-on-inverted:var(--theme-on-inverted);--theme-surface-mode-light:hsl(88, 12%, 94%);--theme-surface-mode-dark:hsl(88, 15%, 49%);--theme-surface:var(--theme-surface-color-olive);--color-surface:var(--theme-surface);--theme-surface-hover-mode-light:hsl(88, 12%, 89.3%);--theme-surface-hover-mode-dark:hsl(88, 15%, 51.55%);--theme-surface-hover:var(--theme-surface-hover-color-olive);--color-surface-hover:var(--theme-surface-hover);--theme-surface-active-mode-light:hsl(88, 12%, 84.6%);--theme-surface-active-mode-dark:hsl(88, 15%, 54.1%);--theme-surface-active:var(--theme-surface-active-color-olive);--color-surface-active:var(--theme-surface-active);--theme-surface-inverted-mode-light:hsl(88, 15%, 49%);--theme-surface-inverted-mode-dark:hsl(88, 12%, 94%);--theme-surface-inverted:var(--theme-surface-inverted-color-olive);--color-surface-inverted:var(--theme-surface-inverted);--theme-surface-inverted-hover-mode-light:hsl(88, 15%, 51.55%);--theme-surface-inverted-hover-mode-dark:hsl(88, 12%, 89.3%);--theme-surface-inverted-hover:var(--theme-surface-inverted-hover-color-olive);--color-surface-inverted-hover:var(--theme-surface-inverted-hover);--theme-surface-inverted-active-mode-light:hsl(88, 15%, 54.1%);--theme-surface-inverted-active-mode-dark:hsl(88, 12%, 84.6%);--theme-surface-inverted-active:var(--theme-surface-inverted-active-color-olive);--color-surface-inverted-active:var(--theme-surface-inverted-active);--theme-backdrop-mode-light:rgba(0, 0, 0, 0.5);--theme-backdrop-mode-dark:rgba(0, 0, 0, 0.7);--theme-backdrop:var(--theme-backdrop-color-olive);--color-backdrop:var(--theme-backdrop);--theme-overlay-mode-light:rgba(0, 0, 0, 0.04);--theme-overlay-mode-dark:rgba(255, 255, 255, 0.06);--theme-overlay:var(--theme-overlay-color-olive);--color-overlay:var(--theme-overlay);--theme-modal-mode-light:#fefefd;--theme-modal-mode-dark:#262626;--theme-modal:var(--theme-modal-color-olive);--color-modal:var(--theme-modal);--theme-skeleton-mode-light:#e0e0e0;--theme-skeleton-mode-dark:#3a3a3a;--theme-skeleton:var(--theme-skeleton-color-olive);--color-skeleton:var(--theme-skeleton);--theme-on-skeleton-mode-light:#f0f0f0;--theme-on-skeleton-mode-dark:#4a4a4a;--theme-on-skeleton:var(--theme-on-skeleton-color-olive);--color-on-skeleton:var(--theme-on-skeleton);--theme-muted-mode-light:hsl(0, 0%, 32%);--theme-muted-mode-dark:hsl(0, 0%, 92%);--theme-muted:var(--theme-muted-color-olive);--color-muted:var(--theme-muted);--theme-placeholder-mode-light:hsl(0, 0%, 52%);--theme-placeholder-mode-dark:hsl(0, 0%, 76%);--theme-placeholder:var(--theme-placeholder-color-olive);--color-placeholder:var(--theme-placeholder);--theme-disabled-mode-light:hsl(0, 0%, 55%);--theme-disabled-mode-dark:hsl(0, 0%, 35%);--theme-disabled:var(--theme-disabled-color-olive);--color-disabled:var(--theme-disabled);--theme-on-disabled-mode-light:hsl(0, 0%, 95%);--theme-on-disabled-mode-dark:hsl(0, 0%, 85%);--theme-on-disabled:var(--theme-on-disabled-color-olive);--color-on-disabled:var(--theme-on-disabled);--theme-divider-mode-light:hsl(88, 6%, 85%);--theme-divider-mode-dark:hsl(88, 6%, 85%);--theme-divider:var(--theme-divider-color-olive);--color-divider:var(--theme-divider);--theme-divider-hover-mode-light:hsl(88, 6%, 80.75%);--theme-divider-hover-mode-dark:hsl(88, 6%, 85.75%);--theme-divider-hover:var(--theme-divider-hover-color-olive);--color-divider-hover:var(--theme-divider-hover);--theme-divider-active-mode-light:hsl(88, 6%, 76.5%);--theme-divider-active-mode-dark:hsl(88, 6%, 86.5%);--theme-divider-active:var(--theme-divider-active-color-olive);--color-divider-active:var(--theme-divider-active);--theme-divider-disabled-mode-light:hsl(0, 0%, 60%);--theme-divider-disabled-mode-dark:hsl(0, 0%, 45%);--theme-divider-disabled:var(--theme-divider-disabled-color-olive);--color-divider-disabled:var(--theme-divider-disabled);--theme-focus-ring-mode-light:hsla(88, 30%, 40%, 0.7);--theme-focus-ring-mode-dark:hsla(88, 30%, 40%, 0.9);--theme-focus-ring:var(--theme-focus-ring-color-olive);--color-focus-ring:var(--theme-focus-ring);--theme-shadow-mode-light:rgba(0, 0, 0, 0.1);--theme-shadow-mode-dark:rgba(0, 0, 0, 0.4);--theme-shadow:var(--theme-shadow-color-olive);--color-shadow:var(--theme-shadow);--theme-error-mode-light:hsl(0, 70%, 40%);--theme-error-mode-dark:hsl(0, 70%, 40%);--theme-error:var(--theme-error-color-olive);--color-error:var(--theme-error);--theme-error-hover-mode-light:hsl(0, 70%, 38%);--theme-error-hover-mode-dark:hsl(0, 70%, 38%);--theme-error-hover:var(--theme-error-hover-color-olive);--color-error-hover:var(--theme-error-hover);--theme-error-active-mode-light:hsl(0, 70%, 36%);--theme-error-active-mode-dark:hsl(0, 70%, 36%);--theme-error-active:var(--theme-error-active-color-olive);--color-error-active:var(--theme-error-active);--theme-error-inverted-mode-light:hsl(0, 70%, 40%);--theme-error-inverted-mode-dark:hsl(0, 70%, 40%);--theme-error-inverted:var(--theme-error-inverted-color-olive);--color-error-inverted:var(--theme-error-inverted);--theme-error-inverted-hover-mode-light:hsl(0, 70%, 38%);--theme-error-inverted-hover-mode-dark:hsl(0, 70%, 38%);--theme-error-inverted-hover:var(--theme-error-inverted-hover-color-olive);--color-error-inverted-hover:var(--theme-error-inverted-hover);--theme-error-inverted-active-mode-light:hsl(0, 70%, 36%);--theme-error-inverted-active-mode-dark:hsl(0, 70%, 36%);--theme-error-inverted-active:var(--theme-error-inverted-active-color-olive);--color-error-inverted-active:var(--theme-error-inverted-active);--theme-on-error-mode-light:#fefefd;--theme-on-error-mode-dark:hsl(0, 100%, 95%);--theme-on-error:var(--theme-on-error-color-olive);--color-on-error:var(--theme-on-error);--theme-on-error-inverted-mode-light:#fefefd;--theme-on-error-inverted-mode-dark:hsl(0, 100%, 95%);--theme-on-error-inverted:var(--theme-on-error-inverted-color-olive);--color-on-error-inverted:var(--theme-on-error-inverted);--theme-error-secondary-mode-light:hsl(0, 100%, 95%);--theme-error-secondary-mode-dark:hsl(0, 100%, 95%);--theme-error-secondary:var(--theme-error-secondary-color-olive);--color-error-secondary:var(--theme-error-secondary);--theme-error-secondary-hover-mode-light:hsl(0, 100%, 90.25%);--theme-error-secondary-hover-mode-dark:hsl(0, 100%, 90.25%);--theme-error-secondary-hover:var(--theme-error-secondary-hover-color-olive);--color-error-secondary-hover:var(--theme-error-secondary-hover);--theme-error-secondary-active-mode-light:hsl(0, 100%, 85.5%);--theme-error-secondary-active-mode-dark:hsl(0, 100%, 85.5%);--theme-error-secondary-active:var(--theme-error-secondary-active-color-olive);--color-error-secondary-active:var(--theme-error-secondary-active);--theme-on-error-secondary-mode-light:hsl(0, 70%, 30%);--theme-on-error-secondary-mode-dark:hsl(0, 70%, 30%);--theme-on-error-secondary:var(--theme-on-error-secondary-color-olive);--color-on-error-secondary:var(--theme-on-error-secondary);--theme-error-text-mode-light:hsl(0, 70%, 30%);--theme-error-text-mode-dark:hsl(0, 70%, 90%);--theme-error-text:var(--theme-error-text-color-olive);--color-error-text:var(--theme-error-text);--theme-success-mode-light:hsl(142, 50%, 35%);--theme-success-mode-dark:hsl(142, 50%, 35%);--theme-success:var(--theme-success-color-olive);--color-success:var(--theme-success);--theme-success-hover-mode-light:hsl(142, 50%, 33.25%);--theme-success-hover-mode-dark:hsl(142, 50%, 33.25%);--theme-success-hover:var(--theme-success-hover-color-olive);--color-success-hover:var(--theme-success-hover);--theme-success-active-mode-light:hsl(142, 50%, 31.5%);--theme-success-active-mode-dark:hsl(142, 50%, 31.5%);--theme-success-active:var(--theme-success-active-color-olive);--color-success-active:var(--theme-success-active);--theme-success-inverted-mode-light:hsl(142, 50%, 35%);--theme-success-inverted-mode-dark:hsl(142, 50%, 35%);--theme-success-inverted:var(--theme-success-inverted-color-olive);--color-success-inverted:var(--theme-success-inverted);--theme-success-inverted-hover-mode-light:hsl(142, 50%, 33.25%);--theme-success-inverted-hover-mode-dark:hsl(142, 50%, 33.25%);--theme-success-inverted-hover:var(--theme-success-inverted-hover-color-olive);--color-success-inverted-hover:var(--theme-success-inverted-hover);--theme-success-inverted-active-mode-light:hsl(142, 50%, 31.5%);--theme-success-inverted-active-mode-dark:hsl(142, 50%, 31.5%);--theme-success-inverted-active:var(--theme-success-inverted-active-color-olive);--color-success-inverted-active:var(--theme-success-inverted-active);--theme-on-success-mode-light:#fefefd;--theme-on-success-mode-dark:hsl(142, 70%, 95%);--theme-on-success:var(--theme-on-success-color-olive);--color-on-success:var(--theme-on-success);--theme-on-success-inverted-mode-light:#fefefd;--theme-on-success-inverted-mode-dark:hsl(142, 70%, 95%);--theme-on-success-inverted:var(--theme-on-success-inverted-color-olive);--color-on-success-inverted:var(--theme-on-success-inverted);--theme-success-secondary-mode-light:hsl(142, 70%, 90%);--theme-success-secondary-mode-dark:hsl(142, 70%, 90%);--theme-success-secondary:var(--theme-success-secondary-color-olive);--color-success-secondary:var(--theme-success-secondary);--theme-success-secondary-hover-mode-light:hsl(142, 70%, 85.5%);--theme-success-secondary-hover-mode-dark:hsl(142, 70%, 85.5%);--theme-success-secondary-hover:var(--theme-success-secondary-hover-color-olive);--color-success-secondary-hover:var(--theme-success-secondary-hover);--theme-success-secondary-active-mode-light:hsl(142, 70%, 81%);--theme-success-secondary-active-mode-dark:hsl(142, 70%, 81%);--theme-success-secondary-active:var(--theme-success-secondary-active-color-olive);--color-success-secondary-active:var(--theme-success-secondary-active);--theme-on-success-secondary-mode-light:hsl(142, 50%, 25%);--theme-on-success-secondary-mode-dark:hsl(142, 50%, 25%);--theme-on-success-secondary:var(--theme-on-success-secondary-color-olive);--color-on-success-secondary:var(--theme-on-success-secondary);--theme-success-text-mode-light:hsl(142, 50%, 25%);--theme-success-text-mode-dark:hsl(142, 50%, 85%);--theme-success-text:var(--theme-success-text-color-olive);--color-success-text:var(--theme-success-text);--theme-warning-mode-light:hsl(45, 100%, 85%);--theme-warning-mode-dark:hsl(45, 100%, 68%);--theme-warning:var(--theme-warning-color-olive);--color-warning:var(--theme-warning);--theme-on-warning-mode-light:hsl(30, 100%, 25%);--theme-on-warning-mode-dark:hsl(45, 100%, 95%);--theme-on-warning:var(--theme-on-warning-color-olive);--color-on-warning:var(--theme-on-warning);--theme-link-mode-light:#2563eb;--theme-link-mode-dark:#60a5fa;--theme-link:var(--theme-link-color-olive);--color-link:var(--theme-link);--theme-link-hover-mode-light:#1d4ed8;--theme-link-hover-mode-dark:#93c5fd;--theme-link-hover:var(--theme-link-hover-color-olive);--color-link-hover:var(--theme-link-hover);--theme-link-active-mode-light:#1e40af;--theme-link-active-mode-dark:#bfdbfe;--theme-link-active:var(--theme-link-active-color-olive);--color-link-active:var(--theme-link-active)}[data-theme=basil]{--theme-primary-mode-light:hsl(158, 34.8%, 30.8%);--theme-primary-mode-dark:hsl(158, 34.8%, 30.8%);--theme-primary:var(--theme-primary-color-basil);--color-primary:var(--theme-primary);--theme-primary-hover-mode-light:hsl(158, 34.8%, 27.72%);--theme-primary-hover-mode-dark:hsl(158, 34.8%, 37.72%);--theme-primary-hover:var(--theme-primary-hover-color-basil);--color-primary-hover:var(--theme-primary-hover);--theme-primary-active-mode-light:hsl(158, 34.8%, 24.64%);--theme-primary-active-mode-dark:hsl(158, 34.8%, 44.64%);--theme-primary-active:var(--theme-primary-active-color-basil);--color-primary-active:var(--theme-primary-active);--theme-primary-inverted-mode-light:hsl(158, 34.8%, 30.8%);--theme-primary-inverted-mode-dark:hsl(158, 34.8%, 30.8%);--theme-primary-inverted:var(--theme-primary-inverted-color-basil);--color-primary-inverted:var(--theme-primary-inverted);--theme-primary-inverted-hover-mode-light:hsl(158, 34.8%, 37.72%);--theme-primary-inverted-hover-mode-dark:hsl(158, 34.8%, 27.72%);--theme-primary-inverted-hover:var(--theme-primary-inverted-hover-color-basil);--color-primary-inverted-hover:var(--theme-primary-inverted-hover);--theme-primary-inverted-active-mode-light:hsl(158, 34.8%, 44.64%);--theme-primary-inverted-active-mode-dark:hsl(158, 34.8%, 24.64%);--theme-primary-inverted-active:var(--theme-primary-inverted-active-color-basil);--color-primary-inverted-active:var(--theme-primary-inverted-active);--theme-on-primary-mode-light:#fefefd;--theme-on-primary-mode-dark:#fefefd;--theme-on-primary:var(--theme-on-primary-color-basil);--color-on-primary:var(--theme-on-primary);--theme-on-primary-inverted-mode-light:#fefefd;--theme-on-primary-inverted-mode-dark:#fefefd;--theme-on-primary-inverted:var(--theme-on-primary-inverted-color-basil);--color-on-primary-inverted:var(--theme-on-primary-inverted);--theme-primary-text-mode-light:hsl(158, 34.8%, 21.56%);--theme-primary-text-mode-dark:hsl(158, 34.8%, 86.16%);--theme-primary-text:var(--theme-primary-text-color-basil);--color-primary-text:var(--theme-primary-text);--theme-secondary-mode-light:hsl(158, 20.88%, 89.62%);--theme-secondary-mode-dark:hsl(158, 27.84%, 51.56%);--theme-secondary:var(--theme-secondary-color-basil);--color-secondary:var(--theme-secondary);--theme-secondary-hover-mode-light:hsl(158, 20.88%, 85.139%);--theme-secondary-hover-mode-dark:hsl(158, 27.84%, 56.404%);--theme-secondary-hover:var(--theme-secondary-hover-color-basil);--color-secondary-hover:var(--theme-secondary-hover);--theme-secondary-active-mode-light:hsl(158, 20.88%, 80.658%);--theme-secondary-active-mode-dark:hsl(158, 27.84%, 61.248%);--theme-secondary-active:var(--theme-secondary-active-color-basil);--color-secondary-active:var(--theme-secondary-active);--theme-secondary-inverted-mode-light:hsl(158, 27.84%, 51.56%);--theme-secondary-inverted-mode-dark:hsl(158, 20.88%, 89.62%);--theme-secondary-inverted:var(--theme-secondary-inverted-color-basil);--color-secondary-inverted:var(--theme-secondary-inverted);--theme-secondary-inverted-hover-mode-light:hsl(158, 27.84%, 56.404%);--theme-secondary-inverted-hover-mode-dark:hsl(158, 20.88%, 85.139%);--theme-secondary-inverted-hover:var(--theme-secondary-inverted-hover-color-basil);--color-secondary-inverted-hover:var(--theme-secondary-inverted-hover);--theme-secondary-inverted-active-mode-light:hsl(158, 27.84%, 61.248%);--theme-secondary-inverted-active-mode-dark:hsl(158, 20.88%, 80.658%);--theme-secondary-inverted-active:var(--theme-secondary-inverted-active-color-basil);--color-secondary-inverted-active:var(--theme-secondary-inverted-active);--theme-on-secondary-mode-light:hsl(158, 34.8%, 21.56%);--theme-on-secondary-mode-dark:hsl(158, 34.8%, 15.4%);--theme-on-secondary:var(--theme-on-secondary-color-basil);--color-on-secondary:var(--theme-on-secondary);--theme-on-secondary-inverted-mode-light:hsl(158, 20.88%, 89.62%);--theme-on-secondary-inverted-mode-dark:hsl(158, 34.8%, 21.56%);--theme-on-secondary-inverted:var(--theme-on-secondary-inverted-color-basil);--color-on-secondary-inverted:var(--theme-on-secondary-inverted);--theme-default-mode-light:#fefefd;--theme-default-mode-dark:#2c2c2e;--theme-default:var(--theme-default-color-basil);--color-default:var(--theme-default);--theme-on-default-mode-light:#2c2c2e;--theme-on-default-mode-dark:#fefefd;--theme-on-default:var(--theme-on-default-color-basil);--color-on-default:var(--theme-on-default);--theme-inverted-mode-light:#2c2c2e;--theme-inverted-mode-dark:#fefefd;--theme-inverted:var(--theme-inverted-color-basil);--color-inverted:var(--theme-inverted);--theme-on-inverted-mode-light:#fefefd;--theme-on-inverted-mode-dark:#2c2c2e;--theme-on-inverted:var(--theme-on-inverted-color-basil);--color-on-inverted:var(--theme-on-inverted);--theme-surface-mode-light:hsl(158, 13.92%, 93.08%);--theme-surface-mode-dark:hsl(158, 17.4%, 41.18%);--theme-surface:var(--theme-surface-color-basil);--color-surface:var(--theme-surface);--theme-surface-hover-mode-light:hsl(158, 13.92%, 88.426%);--theme-surface-hover-mode-dark:hsl(158, 17.4%, 44.121%);--theme-surface-hover:var(--theme-surface-hover-color-basil);--color-surface-hover:var(--theme-surface-hover);--theme-surface-active-mode-light:hsl(158, 13.92%, 83.772%);--theme-surface-active-mode-dark:hsl(158, 17.4%, 47.062%);--theme-surface-active:var(--theme-surface-active-color-basil);--color-surface-active:var(--theme-surface-active);--theme-surface-inverted-mode-light:hsl(158, 17.4%, 41.18%);--theme-surface-inverted-mode-dark:hsl(158, 13.92%, 93.08%);--theme-surface-inverted:var(--theme-surface-inverted-color-basil);--color-surface-inverted:var(--theme-surface-inverted);--theme-surface-inverted-hover-mode-light:hsl(158, 17.4%, 44.121%);--theme-surface-inverted-hover-mode-dark:hsl(158, 13.92%, 88.426%);--theme-surface-inverted-hover:var(--theme-surface-inverted-hover-color-basil);--color-surface-inverted-hover:var(--theme-surface-inverted-hover);--theme-surface-inverted-active-mode-light:hsl(158, 17.4%, 47.062%);--theme-surface-inverted-active-mode-dark:hsl(158, 13.92%, 83.772%);--theme-surface-inverted-active:var(--theme-surface-inverted-active-color-basil);--color-surface-inverted-active:var(--theme-surface-inverted-active);--theme-backdrop-mode-light:rgba(0, 0, 0, 0.5);--theme-backdrop-mode-dark:rgba(0, 0, 0, 0.7);--theme-backdrop:var(--theme-backdrop-color-basil);--color-backdrop:var(--theme-backdrop);--theme-overlay-mode-light:rgba(0, 0, 0, 0.04);--theme-overlay-mode-dark:rgba(255, 255, 255, 0.06);--theme-overlay:var(--theme-overlay-color-basil);--color-overlay:var(--theme-overlay);--theme-modal-mode-light:#fefefd;--theme-modal-mode-dark:#262626;--theme-modal:var(--theme-modal-color-basil);--color-modal:var(--theme-modal);--theme-skeleton-mode-light:#e0e0e0;--theme-skeleton-mode-dark:#3a3a3a;--theme-skeleton:var(--theme-skeleton-color-basil);--color-skeleton:var(--theme-skeleton);--theme-on-skeleton-mode-light:#f0f0f0;--theme-on-skeleton-mode-dark:#4a4a4a;--theme-on-skeleton:var(--theme-on-skeleton-color-basil);--color-on-skeleton:var(--theme-on-skeleton);--theme-muted-mode-light:hsl(0, 0%, 32%);--theme-muted-mode-dark:hsl(0, 0%, 92%);--theme-muted:var(--theme-muted-color-basil);--color-muted:var(--theme-muted);--theme-placeholder-mode-light:hsl(0, 0%, 52%);--theme-placeholder-mode-dark:hsl(0, 0%, 76%);--theme-placeholder:var(--theme-placeholder-color-basil);--color-placeholder:var(--theme-placeholder);--theme-disabled-mode-light:hsl(0, 0%, 55%);--theme-disabled-mode-dark:hsl(0, 0%, 35%);--theme-disabled:var(--theme-disabled-color-basil);--color-disabled:var(--theme-disabled);--theme-on-disabled-mode-light:hsl(0, 0%, 95%);--theme-on-disabled-mode-dark:hsl(0, 0%, 85%);--theme-on-disabled:var(--theme-on-disabled-color-basil);--color-on-disabled:var(--theme-on-disabled);--theme-divider-mode-light:hsl(158, 6.96%, 82.7%);--theme-divider-mode-dark:hsl(158, 6.96%, 82.7%);--theme-divider:var(--theme-divider-color-basil);--color-divider:var(--theme-divider);--theme-divider-hover-mode-light:hsl(158, 6.96%, 78.565%);--theme-divider-hover-mode-dark:hsl(158, 6.96%, 83.565%);--theme-divider-hover:var(--theme-divider-hover-color-basil);--color-divider-hover:var(--theme-divider-hover);--theme-divider-active-mode-light:hsl(158, 6.96%, 74.43%);--theme-divider-active-mode-dark:hsl(158, 6.96%, 84.43%);--theme-divider-active:var(--theme-divider-active-color-basil);--color-divider-active:var(--theme-divider-active);--theme-divider-disabled-mode-light:hsl(0, 0%, 60%);--theme-divider-disabled-mode-dark:hsl(0, 0%, 45%);--theme-divider-disabled:var(--theme-divider-disabled-color-basil);--color-divider-disabled:var(--theme-divider-disabled);--theme-focus-ring-mode-light:hsla(158, 34.8%, 30.8%, 0.7);--theme-focus-ring-mode-dark:hsla(158, 34.8%, 30.8%, 0.9);--theme-focus-ring:var(--theme-focus-ring-color-basil);--color-focus-ring:var(--theme-focus-ring);--theme-shadow-mode-light:rgba(0, 0, 0, 0.1);--theme-shadow-mode-dark:rgba(0, 0, 0, 0.4);--theme-shadow:var(--theme-shadow-color-basil);--color-shadow:var(--theme-shadow);--theme-error-mode-light:hsl(0, 70%, 40%);--theme-error-mode-dark:hsl(0, 70%, 40%);--theme-error:var(--theme-error-color-basil);--color-error:var(--theme-error);--theme-error-hover-mode-light:hsl(0, 70%, 38%);--theme-error-hover-mode-dark:hsl(0, 70%, 38%);--theme-error-hover:var(--theme-error-hover-color-basil);--color-error-hover:var(--theme-error-hover);--theme-error-active-mode-light:hsl(0, 70%, 36%);--theme-error-active-mode-dark:hsl(0, 70%, 36%);--theme-error-active:var(--theme-error-active-color-basil);--color-error-active:var(--theme-error-active);--theme-error-inverted-mode-light:hsl(0, 70%, 40%);--theme-error-inverted-mode-dark:hsl(0, 70%, 40%);--theme-error-inverted:var(--theme-error-inverted-color-basil);--color-error-inverted:var(--theme-error-inverted);--theme-error-inverted-hover-mode-light:hsl(0, 70%, 38%);--theme-error-inverted-hover-mode-dark:hsl(0, 70%, 38%);--theme-error-inverted-hover:var(--theme-error-inverted-hover-color-basil);--color-error-inverted-hover:var(--theme-error-inverted-hover);--theme-error-inverted-active-mode-light:hsl(0, 70%, 36%);--theme-error-inverted-active-mode-dark:hsl(0, 70%, 36%);--theme-error-inverted-active:var(--theme-error-inverted-active-color-basil);--color-error-inverted-active:var(--theme-error-inverted-active);--theme-on-error-mode-light:#fefefd;--theme-on-error-mode-dark:hsl(0, 100%, 95%);--theme-on-error:var(--theme-on-error-color-basil);--color-on-error:var(--theme-on-error);--theme-on-error-inverted-mode-light:#fefefd;--theme-on-error-inverted-mode-dark:hsl(0, 100%, 95%);--theme-on-error-inverted:var(--theme-on-error-inverted-color-basil);--color-on-error-inverted:var(--theme-on-error-inverted);--theme-error-secondary-mode-light:hsl(0, 100%, 95%);--theme-error-secondary-mode-dark:hsl(0, 100%, 95%);--theme-error-secondary:var(--theme-error-secondary-color-basil);--color-error-secondary:var(--theme-error-secondary);--theme-error-secondary-hover-mode-light:hsl(0, 100%, 90.25%);--theme-error-secondary-hover-mode-dark:hsl(0, 100%, 90.25%);--theme-error-secondary-hover:var(--theme-error-secondary-hover-color-basil);--color-error-secondary-hover:var(--theme-error-secondary-hover);--theme-error-secondary-active-mode-light:hsl(0, 100%, 85.5%);--theme-error-secondary-active-mode-dark:hsl(0, 100%, 85.5%);--theme-error-secondary-active:var(--theme-error-secondary-active-color-basil);--color-error-secondary-active:var(--theme-error-secondary-active);--theme-on-error-secondary-mode-light:hsl(0, 70%, 30%);--theme-on-error-secondary-mode-dark:hsl(0, 70%, 30%);--theme-on-error-secondary:var(--theme-on-error-secondary-color-basil);--color-on-error-secondary:var(--theme-on-error-secondary);--theme-error-text-mode-light:hsl(0, 70%, 30%);--theme-error-text-mode-dark:hsl(0, 70%, 90%);--theme-error-text:var(--theme-error-text-color-basil);--color-error-text:var(--theme-error-text);--theme-success-mode-light:hsl(142, 50%, 35%);--theme-success-mode-dark:hsl(142, 50%, 35%);--theme-success:var(--theme-success-color-basil);--color-success:var(--theme-success);--theme-success-hover-mode-light:hsl(142, 50%, 33.25%);--theme-success-hover-mode-dark:hsl(142, 50%, 33.25%);--theme-success-hover:var(--theme-success-hover-color-basil);--color-success-hover:var(--theme-success-hover);--theme-success-active-mode-light:hsl(142, 50%, 31.5%);--theme-success-active-mode-dark:hsl(142, 50%, 31.5%);--theme-success-active:var(--theme-success-active-color-basil);--color-success-active:var(--theme-success-active);--theme-success-inverted-mode-light:hsl(142, 50%, 35%);--theme-success-inverted-mode-dark:hsl(142, 50%, 35%);--theme-success-inverted:var(--theme-success-inverted-color-basil);--color-success-inverted:var(--theme-success-inverted);--theme-success-inverted-hover-mode-light:hsl(142, 50%, 33.25%);--theme-success-inverted-hover-mode-dark:hsl(142, 50%, 33.25%);--theme-success-inverted-hover:var(--theme-success-inverted-hover-color-basil);--color-success-inverted-hover:var(--theme-success-inverted-hover);--theme-success-inverted-active-mode-light:hsl(142, 50%, 31.5%);--theme-success-inverted-active-mode-dark:hsl(142, 50%, 31.5%);--theme-success-inverted-active:var(--theme-success-inverted-active-color-basil);--color-success-inverted-active:var(--theme-success-inverted-active);--theme-on-success-mode-light:#fefefd;--theme-on-success-mode-dark:hsl(142, 70%, 95%);--theme-on-success:var(--theme-on-success-color-basil);--color-on-success:var(--theme-on-success);--theme-on-success-inverted-mode-light:#fefefd;--theme-on-success-inverted-mode-dark:hsl(142, 70%, 95%);--theme-on-success-inverted:var(--theme-on-success-inverted-color-basil);--color-on-success-inverted:var(--theme-on-success-inverted);--theme-success-secondary-mode-light:hsl(142, 70%, 90%);--theme-success-secondary-mode-dark:hsl(142, 70%, 90%);--theme-success-secondary:var(--theme-success-secondary-color-basil);--color-success-secondary:var(--theme-success-secondary);--theme-success-secondary-hover-mode-light:hsl(142, 70%, 85.5%);--theme-success-secondary-hover-mode-dark:hsl(142, 70%, 85.5%);--theme-success-secondary-hover:var(--theme-success-secondary-hover-color-basil);--color-success-secondary-hover:var(--theme-success-secondary-hover);--theme-success-secondary-active-mode-light:hsl(142, 70%, 81%);--theme-success-secondary-active-mode-dark:hsl(142, 70%, 81%);--theme-success-secondary-active:var(--theme-success-secondary-active-color-basil);--color-success-secondary-active:var(--theme-success-secondary-active);--theme-on-success-secondary-mode-light:hsl(142, 50%, 25%);--theme-on-success-secondary-mode-dark:hsl(142, 50%, 25%);--theme-on-success-secondary:var(--theme-on-success-secondary-color-basil);--color-on-success-secondary:var(--theme-on-success-secondary);--theme-success-text-mode-light:hsl(142, 50%, 25%);--theme-success-text-mode-dark:hsl(142, 50%, 85%);--theme-success-text:var(--theme-success-text-color-basil);--color-success-text:var(--theme-success-text);--theme-warning-mode-light:hsl(45, 100%, 85%);--theme-warning-mode-dark:hsl(45, 100%, 68%);--theme-warning:var(--theme-warning-color-basil);--color-warning:var(--theme-warning);--theme-on-warning-mode-light:hsl(30, 100%, 25%);--theme-on-warning-mode-dark:hsl(45, 100%, 95%);--theme-on-warning:var(--theme-on-warning-color-basil);--color-on-warning:var(--theme-on-warning);--theme-link-mode-light:#2563eb;--theme-link-mode-dark:#60a5fa;--theme-link:var(--theme-link-color-basil);--color-link:var(--theme-link);--theme-link-hover-mode-light:#1d4ed8;--theme-link-hover-mode-dark:#93c5fd;--theme-link-hover:var(--theme-link-hover-color-basil);--color-link-hover:var(--theme-link-hover);--theme-link-active-mode-light:#1e40af;--theme-link-active-mode-dark:#bfdbfe;--theme-link-active:var(--theme-link-active-color-basil);--color-link-active:var(--theme-link-active)}[data-theme=brown]{--theme-primary-mode-light:hsl(25, 25%, 45%);--theme-primary-mode-dark:hsl(25, 25%, 45%);--theme-primary:var(--theme-primary-color-brown);--color-primary:var(--theme-primary);--theme-primary-hover-mode-light:hsl(25, 25%, 40.5%);--theme-primary-hover-mode-dark:hsl(25, 25%, 50.5%);--theme-primary-hover:var(--theme-primary-hover-color-brown);--color-primary-hover:var(--theme-primary-hover);--theme-primary-active-mode-light:hsl(25, 25%, 36%);--theme-primary-active-mode-dark:hsl(25, 25%, 56%);--theme-primary-active:var(--theme-primary-active-color-brown);--color-primary-active:var(--theme-primary-active);--theme-primary-inverted-mode-light:hsl(25, 25%, 45%);--theme-primary-inverted-mode-dark:hsl(25, 25%, 45%);--theme-primary-inverted:var(--theme-primary-inverted-color-brown);--color-primary-inverted:var(--theme-primary-inverted);--theme-primary-inverted-hover-mode-light:hsl(25, 25%, 50.5%);--theme-primary-inverted-hover-mode-dark:hsl(25, 25%, 40.5%);--theme-primary-inverted-hover:var(--theme-primary-inverted-hover-color-brown);--color-primary-inverted-hover:var(--theme-primary-inverted-hover);--theme-primary-inverted-active-mode-light:hsl(25, 25%, 56%);--theme-primary-inverted-active-mode-dark:hsl(25, 25%, 36%);--theme-primary-inverted-active:var(--theme-primary-inverted-active-color-brown);--color-primary-inverted-active:var(--theme-primary-inverted-active);--theme-on-primary-mode-light:#fefefd;--theme-on-primary-mode-dark:#fefefd;--theme-on-primary:var(--theme-on-primary-color-brown);--color-on-primary:var(--theme-on-primary);--theme-on-primary-inverted-mode-light:#fefefd;--theme-on-primary-inverted-mode-dark:#fefefd;--theme-on-primary-inverted:var(--theme-on-primary-inverted-color-brown);--color-on-primary-inverted:var(--theme-on-primary-inverted);--theme-primary-text-mode-light:hsl(25, 25%, 31.5%);--theme-primary-text-mode-dark:hsl(25, 25%, 89%);--theme-primary-text:var(--theme-primary-text-color-brown);--color-primary-text:var(--theme-primary-text);--theme-secondary-mode-light:hsl(25, 15%, 91.75%);--theme-secondary-mode-dark:hsl(25, 20%, 61.5%);--theme-secondary:var(--theme-secondary-color-brown);--color-secondary:var(--theme-secondary);--theme-secondary-hover-mode-light:hsl(25, 15%, 87.1625%);--theme-secondary-hover-mode-dark:hsl(25, 20%, 65.35%);--theme-secondary-hover:var(--theme-secondary-hover-color-brown);--color-secondary-hover:var(--theme-secondary-hover);--theme-secondary-active-mode-light:hsl(25, 15%, 82.575%);--theme-secondary-active-mode-dark:hsl(25, 20%, 69.2%);--theme-secondary-active:var(--theme-secondary-active-color-brown);--color-secondary-active:var(--theme-secondary-active);--theme-secondary-inverted-mode-light:hsl(25, 20%, 61.5%);--theme-secondary-inverted-mode-dark:hsl(25, 15%, 91.75%);--theme-secondary-inverted:var(--theme-secondary-inverted-color-brown);--color-secondary-inverted:var(--theme-secondary-inverted);--theme-secondary-inverted-hover-mode-light:hsl(25, 20%, 65.35%);--theme-secondary-inverted-hover-mode-dark:hsl(25, 15%, 87.1625%);--theme-secondary-inverted-hover:var(--theme-secondary-inverted-hover-color-brown);--color-secondary-inverted-hover:var(--theme-secondary-inverted-hover);--theme-secondary-inverted-active-mode-light:hsl(25, 20%, 69.2%);--theme-secondary-inverted-active-mode-dark:hsl(25, 15%, 82.575%);--theme-secondary-inverted-active:var(--theme-secondary-inverted-active-color-brown);--color-secondary-inverted-active:var(--theme-secondary-inverted-active);--theme-on-secondary-mode-light:hsl(25, 25%, 31.5%);--theme-on-secondary-mode-dark:hsl(25, 25%, 22.5%);--theme-on-secondary:var(--theme-on-secondary-color-brown);--color-on-secondary:var(--theme-on-secondary);--theme-on-secondary-inverted-mode-light:hsl(25, 15%, 91.75%);--theme-on-secondary-inverted-mode-dark:hsl(25, 25%, 31.5%);--theme-on-secondary-inverted:var(--theme-on-secondary-inverted-color-brown);--color-on-secondary-inverted:var(--theme-on-secondary-inverted);--theme-default-mode-light:#fefefd;--theme-default-mode-dark:#2c2c2e;--theme-default:var(--theme-default-color-brown);--color-default:var(--theme-default);--theme-on-default-mode-light:#2c2c2e;--theme-on-default-mode-dark:#fefefd;--theme-on-default:var(--theme-on-default-color-brown);--color-on-default:var(--theme-on-default);--theme-inverted-mode-light:#2c2c2e;--theme-inverted-mode-dark:#fefefd;--theme-inverted:var(--theme-inverted-color-brown);--color-inverted:var(--theme-inverted);--theme-on-inverted-mode-light:#fefefd;--theme-on-inverted-mode-dark:#2c2c2e;--theme-on-inverted:var(--theme-on-inverted-color-brown);--color-on-inverted:var(--theme-on-inverted);--theme-surface-mode-light:hsl(25, 10%, 94.5%);--theme-surface-mode-dark:hsl(25, 12.5%, 53.25%);--theme-surface:var(--theme-surface-color-brown);--color-surface:var(--theme-surface);--theme-surface-hover-mode-light:hsl(25, 10%, 89.775%);--theme-surface-hover-mode-dark:hsl(25, 12.5%, 55.5875%);--theme-surface-hover:var(--theme-surface-hover-color-brown);--color-surface-hover:var(--theme-surface-hover);--theme-surface-active-mode-light:hsl(25, 10%, 85.05%);--theme-surface-active-mode-dark:hsl(25, 12.5%, 57.925%);--theme-surface-active:var(--theme-surface-active-color-brown);--color-surface-active:var(--theme-surface-active);--theme-surface-inverted-mode-light:hsl(25, 12.5%, 53.25%);--theme-surface-inverted-mode-dark:hsl(25, 10%, 94.5%);--theme-surface-inverted:var(--theme-surface-inverted-color-brown);--color-surface-inverted:var(--theme-surface-inverted);--theme-surface-inverted-hover-mode-light:hsl(25, 12.5%, 55.5875%);--theme-surface-inverted-hover-mode-dark:hsl(25, 10%, 89.775%);--theme-surface-inverted-hover:var(--theme-surface-inverted-hover-color-brown);--color-surface-inverted-hover:var(--theme-surface-inverted-hover);--theme-surface-inverted-active-mode-light:hsl(25, 12.5%, 57.925%);--theme-surface-inverted-active-mode-dark:hsl(25, 10%, 85.05%);--theme-surface-inverted-active:var(--theme-surface-inverted-active-color-brown);--color-surface-inverted-active:var(--theme-surface-inverted-active);--theme-backdrop-mode-light:rgba(0, 0, 0, 0.5);--theme-backdrop-mode-dark:rgba(0, 0, 0, 0.7);--theme-backdrop:var(--theme-backdrop-color-brown);--color-backdrop:var(--theme-backdrop);--theme-overlay-mode-light:rgba(0, 0, 0, 0.04);--theme-overlay-mode-dark:rgba(255, 255, 255, 0.06);--theme-overlay:var(--theme-overlay-color-brown);--color-overlay:var(--theme-overlay);--theme-modal-mode-light:#fefefd;--theme-modal-mode-dark:#262626;--theme-modal:var(--theme-modal-color-brown);--color-modal:var(--theme-modal);--theme-skeleton-mode-light:#e0e0e0;--theme-skeleton-mode-dark:#3a3a3a;--theme-skeleton:var(--theme-skeleton-color-brown);--color-skeleton:var(--theme-skeleton);--theme-on-skeleton-mode-light:#f0f0f0;--theme-on-skeleton-mode-dark:#4a4a4a;--theme-on-skeleton:var(--theme-on-skeleton-color-brown);--color-on-skeleton:var(--theme-on-skeleton);--theme-muted-mode-light:hsl(0, 0%, 32%);--theme-muted-mode-dark:hsl(0, 0%, 92%);--theme-muted:var(--theme-muted-color-brown);--color-muted:var(--theme-muted);--theme-placeholder-mode-light:hsl(0, 0%, 52%);--theme-placeholder-mode-dark:hsl(0, 0%, 76%);--theme-placeholder:var(--theme-placeholder-color-brown);--color-placeholder:var(--theme-placeholder);--theme-disabled-mode-light:hsl(0, 0%, 55%);--theme-disabled-mode-dark:hsl(0, 0%, 35%);--theme-disabled:var(--theme-disabled-color-brown);--color-disabled:var(--theme-disabled);--theme-on-disabled-mode-light:hsl(0, 0%, 95%);--theme-on-disabled-mode-dark:hsl(0, 0%, 85%);--theme-on-disabled:var(--theme-on-disabled-color-brown);--color-on-disabled:var(--theme-on-disabled);--theme-divider-mode-light:hsl(25, 5%, 86.25%);--theme-divider-mode-dark:hsl(25, 5%, 86.25%);--theme-divider:var(--theme-divider-color-brown);--color-divider:var(--theme-divider);--theme-divider-hover-mode-light:hsl(25, 5%, 81.9375%);--theme-divider-hover-mode-dark:hsl(25, 5%, 86.9375%);--theme-divider-hover:var(--theme-divider-hover-color-brown);--color-divider-hover:var(--theme-divider-hover);--theme-divider-active-mode-light:hsl(25, 5%, 77.625%);--theme-divider-active-mode-dark:hsl(25, 5%, 87.625%);--theme-divider-active:var(--theme-divider-active-color-brown);--color-divider-active:var(--theme-divider-active);--theme-divider-disabled-mode-light:hsl(0, 0%, 60%);--theme-divider-disabled-mode-dark:hsl(0, 0%, 45%);--theme-divider-disabled:var(--theme-divider-disabled-color-brown);--color-divider-disabled:var(--theme-divider-disabled);--theme-focus-ring-mode-light:hsla(25, 25%, 45%, 0.7);--theme-focus-ring-mode-dark:hsla(25, 25%, 45%, 0.9);--theme-focus-ring:var(--theme-focus-ring-color-brown);--color-focus-ring:var(--theme-focus-ring);--theme-shadow-mode-light:rgba(0, 0, 0, 0.1);--theme-shadow-mode-dark:rgba(0, 0, 0, 0.4);--theme-shadow:var(--theme-shadow-color-brown);--color-shadow:var(--theme-shadow);--theme-error-mode-light:hsl(0, 70%, 40%);--theme-error-mode-dark:hsl(0, 70%, 40%);--theme-error:var(--theme-error-color-brown);--color-error:var(--theme-error);--theme-error-hover-mode-light:hsl(0, 70%, 38%);--theme-error-hover-mode-dark:hsl(0, 70%, 38%);--theme-error-hover:var(--theme-error-hover-color-brown);--color-error-hover:var(--theme-error-hover);--theme-error-active-mode-light:hsl(0, 70%, 36%);--theme-error-active-mode-dark:hsl(0, 70%, 36%);--theme-error-active:var(--theme-error-active-color-brown);--color-error-active:var(--theme-error-active);--theme-error-inverted-mode-light:hsl(0, 70%, 40%);--theme-error-inverted-mode-dark:hsl(0, 70%, 40%);--theme-error-inverted:var(--theme-error-inverted-color-brown);--color-error-inverted:var(--theme-error-inverted);--theme-error-inverted-hover-mode-light:hsl(0, 70%, 38%);--theme-error-inverted-hover-mode-dark:hsl(0, 70%, 38%);--theme-error-inverted-hover:var(--theme-error-inverted-hover-color-brown);--color-error-inverted-hover:var(--theme-error-inverted-hover);--theme-error-inverted-active-mode-light:hsl(0, 70%, 36%);--theme-error-inverted-active-mode-dark:hsl(0, 70%, 36%);--theme-error-inverted-active:var(--theme-error-inverted-active-color-brown);--color-error-inverted-active:var(--theme-error-inverted-active);--theme-on-error-mode-light:#fefefd;--theme-on-error-mode-dark:hsl(0, 100%, 95%);--theme-on-error:var(--theme-on-error-color-brown);--color-on-error:var(--theme-on-error);--theme-on-error-inverted-mode-light:#fefefd;--theme-on-error-inverted-mode-dark:hsl(0, 100%, 95%);--theme-on-error-inverted:var(--theme-on-error-inverted-color-brown);--color-on-error-inverted:var(--theme-on-error-inverted);--theme-error-secondary-mode-light:hsl(0, 100%, 95%);--theme-error-secondary-mode-dark:hsl(0, 100%, 95%);--theme-error-secondary:var(--theme-error-secondary-color-brown);--color-error-secondary:var(--theme-error-secondary);--theme-error-secondary-hover-mode-light:hsl(0, 100%, 90.25%);--theme-error-secondary-hover-mode-dark:hsl(0, 100%, 90.25%);--theme-error-secondary-hover:var(--theme-error-secondary-hover-color-brown);--color-error-secondary-hover:var(--theme-error-secondary-hover);--theme-error-secondary-active-mode-light:hsl(0, 100%, 85.5%);--theme-error-secondary-active-mode-dark:hsl(0, 100%, 85.5%);--theme-error-secondary-active:var(--theme-error-secondary-active-color-brown);--color-error-secondary-active:var(--theme-error-secondary-active);--theme-on-error-secondary-mode-light:hsl(0, 70%, 30%);--theme-on-error-secondary-mode-dark:hsl(0, 70%, 30%);--theme-on-error-secondary:var(--theme-on-error-secondary-color-brown);--color-on-error-secondary:var(--theme-on-error-secondary);--theme-error-text-mode-light:hsl(0, 70%, 30%);--theme-error-text-mode-dark:hsl(0, 70%, 90%);--theme-error-text:var(--theme-error-text-color-brown);--color-error-text:var(--theme-error-text);--theme-success-mode-light:hsl(142, 50%, 35%);--theme-success-mode-dark:hsl(142, 50%, 35%);--theme-success:var(--theme-success-color-brown);--color-success:var(--theme-success);--theme-success-hover-mode-light:hsl(142, 50%, 33.25%);--theme-success-hover-mode-dark:hsl(142, 50%, 33.25%);--theme-success-hover:var(--theme-success-hover-color-brown);--color-success-hover:var(--theme-success-hover);--theme-success-active-mode-light:hsl(142, 50%, 31.5%);--theme-success-active-mode-dark:hsl(142, 50%, 31.5%);--theme-success-active:var(--theme-success-active-color-brown);--color-success-active:var(--theme-success-active);--theme-success-inverted-mode-light:hsl(142, 50%, 35%);--theme-success-inverted-mode-dark:hsl(142, 50%, 35%);--theme-success-inverted:var(--theme-success-inverted-color-brown);--color-success-inverted:var(--theme-success-inverted);--theme-success-inverted-hover-mode-light:hsl(142, 50%, 33.25%);--theme-success-inverted-hover-mode-dark:hsl(142, 50%, 33.25%);--theme-success-inverted-hover:var(--theme-success-inverted-hover-color-brown);--color-success-inverted-hover:var(--theme-success-inverted-hover);--theme-success-inverted-active-mode-light:hsl(142, 50%, 31.5%);--theme-success-inverted-active-mode-dark:hsl(142, 50%, 31.5%);--theme-success-inverted-active:var(--theme-success-inverted-active-color-brown);--color-success-inverted-active:var(--theme-success-inverted-active);--theme-on-success-mode-light:#fefefd;--theme-on-success-mode-dark:hsl(142, 70%, 95%);--theme-on-success:var(--theme-on-success-color-brown);--color-on-success:var(--theme-on-success);--theme-on-success-inverted-mode-light:#fefefd;--theme-on-success-inverted-mode-dark:hsl(142, 70%, 95%);--theme-on-success-inverted:var(--theme-on-success-inverted-color-brown);--color-on-success-inverted:var(--theme-on-success-inverted);--theme-success-secondary-mode-light:hsl(142, 70%, 90%);--theme-success-secondary-mode-dark:hsl(142, 70%, 90%);--theme-success-secondary:var(--theme-success-secondary-color-brown);--color-success-secondary:var(--theme-success-secondary);--theme-success-secondary-hover-mode-light:hsl(142, 70%, 85.5%);--theme-success-secondary-hover-mode-dark:hsl(142, 70%, 85.5%);--theme-success-secondary-hover:var(--theme-success-secondary-hover-color-brown);--color-success-secondary-hover:var(--theme-success-secondary-hover);--theme-success-secondary-active-mode-light:hsl(142, 70%, 81%);--theme-success-secondary-active-mode-dark:hsl(142, 70%, 81%);--theme-success-secondary-active:var(--theme-success-secondary-active-color-brown);--color-success-secondary-active:var(--theme-success-secondary-active);--theme-on-success-secondary-mode-light:hsl(142, 50%, 25%);--theme-on-success-secondary-mode-dark:hsl(142, 50%, 25%);--theme-on-success-secondary:var(--theme-on-success-secondary-color-brown);--color-on-success-secondary:var(--theme-on-success-secondary);--theme-success-text-mode-light:hsl(142, 50%, 25%);--theme-success-text-mode-dark:hsl(142, 50%, 85%);--theme-success-text:var(--theme-success-text-color-brown);--color-success-text:var(--theme-success-text);--theme-warning-mode-light:hsl(45, 100%, 85%);--theme-warning-mode-dark:hsl(45, 100%, 68%);--theme-warning:var(--theme-warning-color-brown);--color-warning:var(--theme-warning);--theme-on-warning-mode-light:hsl(30, 100%, 25%);--theme-on-warning-mode-dark:hsl(45, 100%, 95%);--theme-on-warning:var(--theme-on-warning-color-brown);--color-on-warning:var(--theme-on-warning);--theme-link-mode-light:#2563eb;--theme-link-mode-dark:#60a5fa;--theme-link:var(--theme-link-color-brown);--color-link:var(--theme-link);--theme-link-hover-mode-light:#1d4ed8;--theme-link-hover-mode-dark:#93c5fd;--theme-link-hover:var(--theme-link-hover-color-brown);--color-link-hover:var(--theme-link-hover);--theme-link-active-mode-light:#1e40af;--theme-link-active-mode-dark:#bfdbfe;--theme-link-active:var(--theme-link-active-color-brown);--color-link-active:var(--theme-link-active)}[data-theme=indigo]{--theme-primary-mode-light:hsl(245, 60%, 60%);--theme-primary-mode-dark:hsl(245, 60%, 60%);--theme-primary:var(--theme-primary-color-indigo);--color-primary:var(--theme-primary);--theme-primary-hover-mode-light:hsl(245, 60%, 54%);--theme-primary-hover-mode-dark:hsl(245, 60%, 64%);--theme-primary-hover:var(--theme-primary-hover-color-indigo);--color-primary-hover:var(--theme-primary-hover);--theme-primary-active-mode-light:hsl(245, 60%, 48%);--theme-primary-active-mode-dark:hsl(245, 60%, 68%);--theme-primary-active:var(--theme-primary-active-color-indigo);--color-primary-active:var(--theme-primary-active);--theme-primary-inverted-mode-light:hsl(245, 60%, 60%);--theme-primary-inverted-mode-dark:hsl(245, 60%, 60%);--theme-primary-inverted:var(--theme-primary-inverted-color-indigo);--color-primary-inverted:var(--theme-primary-inverted);--theme-primary-inverted-hover-mode-light:hsl(245, 60%, 64%);--theme-primary-inverted-hover-mode-dark:hsl(245, 60%, 54%);--theme-primary-inverted-hover:var(--theme-primary-inverted-hover-color-indigo);--color-primary-inverted-hover:var(--theme-primary-inverted-hover);--theme-primary-inverted-active-mode-light:hsl(245, 60%, 68%);--theme-primary-inverted-active-mode-dark:hsl(245, 60%, 48%);--theme-primary-inverted-active:var(--theme-primary-inverted-active-color-indigo);--color-primary-inverted-active:var(--theme-primary-inverted-active);--theme-on-primary-mode-light:#fefefd;--theme-on-primary-mode-dark:#fefefd;--theme-on-primary:var(--theme-on-primary-color-indigo);--color-on-primary:var(--theme-on-primary);--theme-on-primary-inverted-mode-light:#fefefd;--theme-on-primary-inverted-mode-dark:#fefefd;--theme-on-primary-inverted:var(--theme-on-primary-inverted-color-indigo);--color-on-primary-inverted:var(--theme-on-primary-inverted);--theme-primary-text-mode-light:hsl(245, 60%, 42%);--theme-primary-text-mode-dark:hsl(245, 60%, 92%);--theme-primary-text:var(--theme-primary-text-color-indigo);--color-primary-text:var(--theme-primary-text);--theme-secondary-mode-light:hsl(245, 36%, 94%);--theme-secondary-mode-dark:hsl(245, 48%, 72%);--theme-secondary:var(--theme-secondary-color-indigo);--color-secondary:var(--theme-secondary);--theme-secondary-hover-mode-light:hsl(245, 36%, 89.3%);--theme-secondary-hover-mode-dark:hsl(245, 48%, 74.8%);--theme-secondary-hover:var(--theme-secondary-hover-color-indigo);--color-secondary-hover:var(--theme-secondary-hover);--theme-secondary-active-mode-light:hsl(245, 36%, 84.6%);--theme-secondary-active-mode-dark:hsl(245, 48%, 77.6%);--theme-secondary-active:var(--theme-secondary-active-color-indigo);--color-secondary-active:var(--theme-secondary-active);--theme-secondary-inverted-mode-light:hsl(245, 48%, 72%);--theme-secondary-inverted-mode-dark:hsl(245, 36%, 94%);--theme-secondary-inverted:var(--theme-secondary-inverted-color-indigo);--color-secondary-inverted:var(--theme-secondary-inverted);--theme-secondary-inverted-hover-mode-light:hsl(245, 48%, 74.8%);--theme-secondary-inverted-hover-mode-dark:hsl(245, 36%, 89.3%);--theme-secondary-inverted-hover:var(--theme-secondary-inverted-hover-color-indigo);--color-secondary-inverted-hover:var(--theme-secondary-inverted-hover);--theme-secondary-inverted-active-mode-light:hsl(245, 48%, 77.6%);--theme-secondary-inverted-active-mode-dark:hsl(245, 36%, 84.6%);--theme-secondary-inverted-active:var(--theme-secondary-inverted-active-color-indigo);--color-secondary-inverted-active:var(--theme-secondary-inverted-active);--theme-on-secondary-mode-light:hsl(245, 60%, 42%);--theme-on-secondary-mode-dark:hsl(245, 60%, 30%);--theme-on-secondary:var(--theme-on-secondary-color-indigo);--color-on-secondary:var(--theme-on-secondary);--theme-on-secondary-inverted-mode-light:hsl(245, 36%, 94%);--theme-on-secondary-inverted-mode-dark:hsl(245, 60%, 42%);--theme-on-secondary-inverted:var(--theme-on-secondary-inverted-color-indigo);--color-on-secondary-inverted:var(--theme-on-secondary-inverted);--theme-default-mode-light:#fefefd;--theme-default-mode-dark:#2c2c2e;--theme-default:var(--theme-default-color-indigo);--color-default:var(--theme-default);--theme-on-default-mode-light:#2c2c2e;--theme-on-default-mode-dark:#fefefd;--theme-on-default:var(--theme-on-default-color-indigo);--color-on-default:var(--theme-on-default);--theme-inverted-mode-light:#2c2c2e;--theme-inverted-mode-dark:#fefefd;--theme-inverted:var(--theme-inverted-color-indigo);--color-inverted:var(--theme-inverted);--theme-on-inverted-mode-light:#fefefd;--theme-on-inverted-mode-dark:#2c2c2e;--theme-on-inverted:var(--theme-on-inverted-color-indigo);--color-on-inverted:var(--theme-on-inverted);--theme-surface-mode-light:hsl(245, 24%, 96%);--theme-surface-mode-dark:hsl(245, 30%, 66%);--theme-surface:var(--theme-surface-color-indigo);--color-surface:var(--theme-surface);--theme-surface-hover-mode-light:hsl(245, 24%, 91.2%);--theme-surface-hover-mode-dark:hsl(245, 30%, 67.7%);--theme-surface-hover:var(--theme-surface-hover-color-indigo);--color-surface-hover:var(--theme-surface-hover);--theme-surface-active-mode-light:hsl(245, 24%, 86.4%);--theme-surface-active-mode-dark:hsl(245, 30%, 69.4%);--theme-surface-active:var(--theme-surface-active-color-indigo);--color-surface-active:var(--theme-surface-active);--theme-surface-inverted-mode-light:hsl(245, 30%, 66%);--theme-surface-inverted-mode-dark:hsl(245, 24%, 96%);--theme-surface-inverted:var(--theme-surface-inverted-color-indigo);--color-surface-inverted:var(--theme-surface-inverted);--theme-surface-inverted-hover-mode-light:hsl(245, 30%, 67.7%);--theme-surface-inverted-hover-mode-dark:hsl(245, 24%, 91.2%);--theme-surface-inverted-hover:var(--theme-surface-inverted-hover-color-indigo);--color-surface-inverted-hover:var(--theme-surface-inverted-hover);--theme-surface-inverted-active-mode-light:hsl(245, 30%, 69.4%);--theme-surface-inverted-active-mode-dark:hsl(245, 24%, 86.4%);--theme-surface-inverted-active:var(--theme-surface-inverted-active-color-indigo);--color-surface-inverted-active:var(--theme-surface-inverted-active);--theme-backdrop-mode-light:rgba(0, 0, 0, 0.5);--theme-backdrop-mode-dark:rgba(0, 0, 0, 0.7);--theme-backdrop:var(--theme-backdrop-color-indigo);--color-backdrop:var(--theme-backdrop);--theme-overlay-mode-light:rgba(0, 0, 0, 0.04);--theme-overlay-mode-dark:rgba(255, 255, 255, 0.06);--theme-overlay:var(--theme-overlay-color-indigo);--color-overlay:var(--theme-overlay);--theme-modal-mode-light:#fefefd;--theme-modal-mode-dark:#262626;--theme-modal:var(--theme-modal-color-indigo);--color-modal:var(--theme-modal);--theme-skeleton-mode-light:#e0e0e0;--theme-skeleton-mode-dark:#3a3a3a;--theme-skeleton:var(--theme-skeleton-color-indigo);--color-skeleton:var(--theme-skeleton);--theme-on-skeleton-mode-light:#f0f0f0;--theme-on-skeleton-mode-dark:#4a4a4a;--theme-on-skeleton:var(--theme-on-skeleton-color-indigo);--color-on-skeleton:var(--theme-on-skeleton);--theme-muted-mode-light:hsl(0, 0%, 32%);--theme-muted-mode-dark:hsl(0, 0%, 92%);--theme-muted:var(--theme-muted-color-indigo);--color-muted:var(--theme-muted);--theme-placeholder-mode-light:hsl(0, 0%, 52%);--theme-placeholder-mode-dark:hsl(0, 0%, 76%);--theme-placeholder:var(--theme-placeholder-color-indigo);--color-placeholder:var(--theme-placeholder);--theme-disabled-mode-light:hsl(0, 0%, 55%);--theme-disabled-mode-dark:hsl(0, 0%, 35%);--theme-disabled:var(--theme-disabled-color-indigo);--color-disabled:var(--theme-disabled);--theme-on-disabled-mode-light:hsl(0, 0%, 95%);--theme-on-disabled-mode-dark:hsl(0, 0%, 85%);--theme-on-disabled:var(--theme-on-disabled-color-indigo);--color-on-disabled:var(--theme-on-disabled);--theme-divider-mode-light:hsl(245, 12%, 90%);--theme-divider-mode-dark:hsl(245, 12%, 90%);--theme-divider:var(--theme-divider-color-indigo);--color-divider:var(--theme-divider);--theme-divider-hover-mode-light:hsl(245, 12%, 85.5%);--theme-divider-hover-mode-dark:hsl(245, 12%, 90.5%);--theme-divider-hover:var(--theme-divider-hover-color-indigo);--color-divider-hover:var(--theme-divider-hover);--theme-divider-active-mode-light:hsl(245, 12%, 81%);--theme-divider-active-mode-dark:hsl(245, 12%, 91%);--theme-divider-active:var(--theme-divider-active-color-indigo);--color-divider-active:var(--theme-divider-active);--theme-divider-disabled-mode-light:hsl(0, 0%, 60%);--theme-divider-disabled-mode-dark:hsl(0, 0%, 45%);--theme-divider-disabled:var(--theme-divider-disabled-color-indigo);--color-divider-disabled:var(--theme-divider-disabled);--theme-focus-ring-mode-light:hsla(245, 60%, 60%, 0.7);--theme-focus-ring-mode-dark:hsla(245, 60%, 60%, 0.9);--theme-focus-ring:var(--theme-focus-ring-color-indigo);--color-focus-ring:var(--theme-focus-ring);--theme-shadow-mode-light:rgba(0, 0, 0, 0.1);--theme-shadow-mode-dark:rgba(0, 0, 0, 0.4);--theme-shadow:var(--theme-shadow-color-indigo);--color-shadow:var(--theme-shadow);--theme-error-mode-light:hsl(0, 70%, 40%);--theme-error-mode-dark:hsl(0, 70%, 40%);--theme-error:var(--theme-error-color-indigo);--color-error:var(--theme-error);--theme-error-hover-mode-light:hsl(0, 70%, 38%);--theme-error-hover-mode-dark:hsl(0, 70%, 38%);--theme-error-hover:var(--theme-error-hover-color-indigo);--color-error-hover:var(--theme-error-hover);--theme-error-active-mode-light:hsl(0, 70%, 36%);--theme-error-active-mode-dark:hsl(0, 70%, 36%);--theme-error-active:var(--theme-error-active-color-indigo);--color-error-active:var(--theme-error-active);--theme-error-inverted-mode-light:hsl(0, 70%, 40%);--theme-error-inverted-mode-dark:hsl(0, 70%, 40%);--theme-error-inverted:var(--theme-error-inverted-color-indigo);--color-error-inverted:var(--theme-error-inverted);--theme-error-inverted-hover-mode-light:hsl(0, 70%, 38%);--theme-error-inverted-hover-mode-dark:hsl(0, 70%, 38%);--theme-error-inverted-hover:var(--theme-error-inverted-hover-color-indigo);--color-error-inverted-hover:var(--theme-error-inverted-hover);--theme-error-inverted-active-mode-light:hsl(0, 70%, 36%);--theme-error-inverted-active-mode-dark:hsl(0, 70%, 36%);--theme-error-inverted-active:var(--theme-error-inverted-active-color-indigo);--color-error-inverted-active:var(--theme-error-inverted-active);--theme-on-error-mode-light:#fefefd;--theme-on-error-mode-dark:hsl(0, 100%, 95%);--theme-on-error:var(--theme-on-error-color-indigo);--color-on-error:var(--theme-on-error);--theme-on-error-inverted-mode-light:#fefefd;--theme-on-error-inverted-mode-dark:hsl(0, 100%, 95%);--theme-on-error-inverted:var(--theme-on-error-inverted-color-indigo);--color-on-error-inverted:var(--theme-on-error-inverted);--theme-error-secondary-mode-light:hsl(0, 100%, 95%);--theme-error-secondary-mode-dark:hsl(0, 100%, 95%);--theme-error-secondary:var(--theme-error-secondary-color-indigo);--color-error-secondary:var(--theme-error-secondary);--theme-error-secondary-hover-mode-light:hsl(0, 100%, 90.25%);--theme-error-secondary-hover-mode-dark:hsl(0, 100%, 90.25%);--theme-error-secondary-hover:var(--theme-error-secondary-hover-color-indigo);--color-error-secondary-hover:var(--theme-error-secondary-hover);--theme-error-secondary-active-mode-light:hsl(0, 100%, 85.5%);--theme-error-secondary-active-mode-dark:hsl(0, 100%, 85.5%);--theme-error-secondary-active:var(--theme-error-secondary-active-color-indigo);--color-error-secondary-active:var(--theme-error-secondary-active);--theme-on-error-secondary-mode-light:hsl(0, 70%, 30%);--theme-on-error-secondary-mode-dark:hsl(0, 70%, 30%);--theme-on-error-secondary:var(--theme-on-error-secondary-color-indigo);--color-on-error-secondary:var(--theme-on-error-secondary);--theme-error-text-mode-light:hsl(0, 70%, 30%);--theme-error-text-mode-dark:hsl(0, 70%, 90%);--theme-error-text:var(--theme-error-text-color-indigo);--color-error-text:var(--theme-error-text);--theme-success-mode-light:hsl(142, 50%, 35%);--theme-success-mode-dark:hsl(142, 50%, 35%);--theme-success:var(--theme-success-color-indigo);--color-success:var(--theme-success);--theme-success-hover-mode-light:hsl(142, 50%, 33.25%);--theme-success-hover-mode-dark:hsl(142, 50%, 33.25%);--theme-success-hover:var(--theme-success-hover-color-indigo);--color-success-hover:var(--theme-success-hover);--theme-success-active-mode-light:hsl(142, 50%, 31.5%);--theme-success-active-mode-dark:hsl(142, 50%, 31.5%);--theme-success-active:var(--theme-success-active-color-indigo);--color-success-active:var(--theme-success-active);--theme-success-inverted-mode-light:hsl(142, 50%, 35%);--theme-success-inverted-mode-dark:hsl(142, 50%, 35%);--theme-success-inverted:var(--theme-success-inverted-color-indigo);--color-success-inverted:var(--theme-success-inverted);--theme-success-inverted-hover-mode-light:hsl(142, 50%, 33.25%);--theme-success-inverted-hover-mode-dark:hsl(142, 50%, 33.25%);--theme-success-inverted-hover:var(--theme-success-inverted-hover-color-indigo);--color-success-inverted-hover:var(--theme-success-inverted-hover);--theme-success-inverted-active-mode-light:hsl(142, 50%, 31.5%);--theme-success-inverted-active-mode-dark:hsl(142, 50%, 31.5%);--theme-success-inverted-active:var(--theme-success-inverted-active-color-indigo);--color-success-inverted-active:var(--theme-success-inverted-active);--theme-on-success-mode-light:#fefefd;--theme-on-success-mode-dark:hsl(142, 70%, 95%);--theme-on-success:var(--theme-on-success-color-indigo);--color-on-success:var(--theme-on-success);--theme-on-success-inverted-mode-light:#fefefd;--theme-on-success-inverted-mode-dark:hsl(142, 70%, 95%);--theme-on-success-inverted:var(--theme-on-success-inverted-color-indigo);--color-on-success-inverted:var(--theme-on-success-inverted);--theme-success-secondary-mode-light:hsl(142, 70%, 90%);--theme-success-secondary-mode-dark:hsl(142, 70%, 90%);--theme-success-secondary:var(--theme-success-secondary-color-indigo);--color-success-secondary:var(--theme-success-secondary);--theme-success-secondary-hover-mode-light:hsl(142, 70%, 85.5%);--theme-success-secondary-hover-mode-dark:hsl(142, 70%, 85.5%);--theme-success-secondary-hover:var(--theme-success-secondary-hover-color-indigo);--color-success-secondary-hover:var(--theme-success-secondary-hover);--theme-success-secondary-active-mode-light:hsl(142, 70%, 81%);--theme-success-secondary-active-mode-dark:hsl(142, 70%, 81%);--theme-success-secondary-active:var(--theme-success-secondary-active-color-indigo);--color-success-secondary-active:var(--theme-success-secondary-active);--theme-on-success-secondary-mode-light:hsl(142, 50%, 25%);--theme-on-success-secondary-mode-dark:hsl(142, 50%, 25%);--theme-on-success-secondary:var(--theme-on-success-secondary-color-indigo);--color-on-success-secondary:var(--theme-on-success-secondary);--theme-success-text-mode-light:hsl(142, 50%, 25%);--theme-success-text-mode-dark:hsl(142, 50%, 85%);--theme-success-text:var(--theme-success-text-color-indigo);--color-success-text:var(--theme-success-text);--theme-warning-mode-light:hsl(45, 100%, 85%);--theme-warning-mode-dark:hsl(45, 100%, 68%);--theme-warning:var(--theme-warning-color-indigo);--color-warning:var(--theme-warning);--theme-on-warning-mode-light:hsl(30, 100%, 25%);--theme-on-warning-mode-dark:hsl(45, 100%, 95%);--theme-on-warning:var(--theme-on-warning-color-indigo);--color-on-warning:var(--theme-on-warning);--theme-link-mode-light:#2563eb;--theme-link-mode-dark:#60a5fa;--theme-link:var(--theme-link-color-indigo);--color-link:var(--theme-link);--theme-link-hover-mode-light:#1d4ed8;--theme-link-hover-mode-dark:#93c5fd;--theme-link-hover:var(--theme-link-hover-color-indigo);--color-link-hover:var(--theme-link-hover);--theme-link-active-mode-light:#1e40af;--theme-link-active-mode-dark:#bfdbfe;--theme-link-active:var(--theme-link-active-color-indigo);--color-link-active:var(--theme-link-active)}[data-theme=purple]{--theme-primary-mode-light:hsl(270, 70%, 60%);--theme-primary-mode-dark:hsl(270, 70%, 60%);--theme-primary:var(--theme-primary-color-purple);--color-primary:var(--theme-primary);--theme-primary-hover-mode-light:hsl(270, 70%, 54%);--theme-primary-hover-mode-dark:hsl(270, 70%, 64%);--theme-primary-hover:var(--theme-primary-hover-color-purple);--color-primary-hover:var(--theme-primary-hover);--theme-primary-active-mode-light:hsl(270, 70%, 48%);--theme-primary-active-mode-dark:hsl(270, 70%, 68%);--theme-primary-active:var(--theme-primary-active-color-purple);--color-primary-active:var(--theme-primary-active);--theme-primary-inverted-mode-light:hsl(270, 70%, 60%);--theme-primary-inverted-mode-dark:hsl(270, 70%, 60%);--theme-primary-inverted:var(--theme-primary-inverted-color-purple);--color-primary-inverted:var(--theme-primary-inverted);--theme-primary-inverted-hover-mode-light:hsl(270, 70%, 64%);--theme-primary-inverted-hover-mode-dark:hsl(270, 70%, 54%);--theme-primary-inverted-hover:var(--theme-primary-inverted-hover-color-purple);--color-primary-inverted-hover:var(--theme-primary-inverted-hover);--theme-primary-inverted-active-mode-light:hsl(270, 70%, 68%);--theme-primary-inverted-active-mode-dark:hsl(270, 70%, 48%);--theme-primary-inverted-active:var(--theme-primary-inverted-active-color-purple);--color-primary-inverted-active:var(--theme-primary-inverted-active);--theme-on-primary-mode-light:#fefefd;--theme-on-primary-mode-dark:#fefefd;--theme-on-primary:var(--theme-on-primary-color-purple);--color-on-primary:var(--theme-on-primary);--theme-on-primary-inverted-mode-light:#fefefd;--theme-on-primary-inverted-mode-dark:#fefefd;--theme-on-primary-inverted:var(--theme-on-primary-inverted-color-purple);--color-on-primary-inverted:var(--theme-on-primary-inverted);--theme-primary-text-mode-light:hsl(270, 70%, 42%);--theme-primary-text-mode-dark:hsl(270, 70%, 92%);--theme-primary-text:var(--theme-primary-text-color-purple);--color-primary-text:var(--theme-primary-text);--theme-secondary-mode-light:hsl(270, 42%, 94%);--theme-secondary-mode-dark:hsl(270, 56%, 72%);--theme-secondary:var(--theme-secondary-color-purple);--color-secondary:var(--theme-secondary);--theme-secondary-hover-mode-light:hsl(270, 42%, 89.3%);--theme-secondary-hover-mode-dark:hsl(270, 56%, 74.8%);--theme-secondary-hover:var(--theme-secondary-hover-color-purple);--color-secondary-hover:var(--theme-secondary-hover);--theme-secondary-active-mode-light:hsl(270, 42%, 84.6%);--theme-secondary-active-mode-dark:hsl(270, 56%, 77.6%);--theme-secondary-active:var(--theme-secondary-active-color-purple);--color-secondary-active:var(--theme-secondary-active);--theme-secondary-inverted-mode-light:hsl(270, 56%, 72%);--theme-secondary-inverted-mode-dark:hsl(270, 42%, 94%);--theme-secondary-inverted:var(--theme-secondary-inverted-color-purple);--color-secondary-inverted:var(--theme-secondary-inverted);--theme-secondary-inverted-hover-mode-light:hsl(270, 56%, 74.8%);--theme-secondary-inverted-hover-mode-dark:hsl(270, 42%, 89.3%);--theme-secondary-inverted-hover:var(--theme-secondary-inverted-hover-color-purple);--color-secondary-inverted-hover:var(--theme-secondary-inverted-hover);--theme-secondary-inverted-active-mode-light:hsl(270, 56%, 77.6%);--theme-secondary-inverted-active-mode-dark:hsl(270, 42%, 84.6%);--theme-secondary-inverted-active:var(--theme-secondary-inverted-active-color-purple);--color-secondary-inverted-active:var(--theme-secondary-inverted-active);--theme-on-secondary-mode-light:hsl(270, 70%, 42%);--theme-on-secondary-mode-dark:hsl(270, 70%, 30%);--theme-on-secondary:var(--theme-on-secondary-color-purple);--color-on-secondary:var(--theme-on-secondary);--theme-on-secondary-inverted-mode-light:hsl(270, 42%, 94%);--theme-on-secondary-inverted-mode-dark:hsl(270, 70%, 42%);--theme-on-secondary-inverted:var(--theme-on-secondary-inverted-color-purple);--color-on-secondary-inverted:var(--theme-on-secondary-inverted);--theme-default-mode-light:#fefefd;--theme-default-mode-dark:#2c2c2e;--theme-default:var(--theme-default-color-purple);--color-default:var(--theme-default);--theme-on-default-mode-light:#2c2c2e;--theme-on-default-mode-dark:#fefefd;--theme-on-default:var(--theme-on-default-color-purple);--color-on-default:var(--theme-on-default);--theme-inverted-mode-light:#2c2c2e;--theme-inverted-mode-dark:#fefefd;--theme-inverted:var(--theme-inverted-color-purple);--color-inverted:var(--theme-inverted);--theme-on-inverted-mode-light:#fefefd;--theme-on-inverted-mode-dark:#2c2c2e;--theme-on-inverted:var(--theme-on-inverted-color-purple);--color-on-inverted:var(--theme-on-inverted);--theme-surface-mode-light:hsl(270, 28%, 96%);--theme-surface-mode-dark:hsl(270, 35%, 66%);--theme-surface:var(--theme-surface-color-purple);--color-surface:var(--theme-surface);--theme-surface-hover-mode-light:hsl(270, 28%, 91.2%);--theme-surface-hover-mode-dark:hsl(270, 35%, 67.7%);--theme-surface-hover:var(--theme-surface-hover-color-purple);--color-surface-hover:var(--theme-surface-hover);--theme-surface-active-mode-light:hsl(270, 28%, 86.4%);--theme-surface-active-mode-dark:hsl(270, 35%, 69.4%);--theme-surface-active:var(--theme-surface-active-color-purple);--color-surface-active:var(--theme-surface-active);--theme-surface-inverted-mode-light:hsl(270, 35%, 66%);--theme-surface-inverted-mode-dark:hsl(270, 28%, 96%);--theme-surface-inverted:var(--theme-surface-inverted-color-purple);--color-surface-inverted:var(--theme-surface-inverted);--theme-surface-inverted-hover-mode-light:hsl(270, 35%, 67.7%);--theme-surface-inverted-hover-mode-dark:hsl(270, 28%, 91.2%);--theme-surface-inverted-hover:var(--theme-surface-inverted-hover-color-purple);--color-surface-inverted-hover:var(--theme-surface-inverted-hover);--theme-surface-inverted-active-mode-light:hsl(270, 35%, 69.4%);--theme-surface-inverted-active-mode-dark:hsl(270, 28%, 86.4%);--theme-surface-inverted-active:var(--theme-surface-inverted-active-color-purple);--color-surface-inverted-active:var(--theme-surface-inverted-active);--theme-backdrop-mode-light:rgba(0, 0, 0, 0.5);--theme-backdrop-mode-dark:rgba(0, 0, 0, 0.7);--theme-backdrop:var(--theme-backdrop-color-purple);--color-backdrop:var(--theme-backdrop);--theme-overlay-mode-light:rgba(0, 0, 0, 0.04);--theme-overlay-mode-dark:rgba(255, 255, 255, 0.06);--theme-overlay:var(--theme-overlay-color-purple);--color-overlay:var(--theme-overlay);--theme-modal-mode-light:#fefefd;--theme-modal-mode-dark:#262626;--theme-modal:var(--theme-modal-color-purple);--color-modal:var(--theme-modal);--theme-skeleton-mode-light:#e0e0e0;--theme-skeleton-mode-dark:#3a3a3a;--theme-skeleton:var(--theme-skeleton-color-purple);--color-skeleton:var(--theme-skeleton);--theme-on-skeleton-mode-light:#f0f0f0;--theme-on-skeleton-mode-dark:#4a4a4a;--theme-on-skeleton:var(--theme-on-skeleton-color-purple);--color-on-skeleton:var(--theme-on-skeleton);--theme-muted-mode-light:hsl(0, 0%, 32%);--theme-muted-mode-dark:hsl(0, 0%, 92%);--theme-muted:var(--theme-muted-color-purple);--color-muted:var(--theme-muted);--theme-placeholder-mode-light:hsl(0, 0%, 52%);--theme-placeholder-mode-dark:hsl(0, 0%, 76%);--theme-placeholder:var(--theme-placeholder-color-purple);--color-placeholder:var(--theme-placeholder);--theme-disabled-mode-light:hsl(0, 0%, 55%);--theme-disabled-mode-dark:hsl(0, 0%, 35%);--theme-disabled:var(--theme-disabled-color-purple);--color-disabled:var(--theme-disabled);--theme-on-disabled-mode-light:hsl(0, 0%, 95%);--theme-on-disabled-mode-dark:hsl(0, 0%, 85%);--theme-on-disabled:var(--theme-on-disabled-color-purple);--color-on-disabled:var(--theme-on-disabled);--theme-divider-mode-light:hsl(270, 14%, 90%);--theme-divider-mode-dark:hsl(270, 14%, 90%);--theme-divider:var(--theme-divider-color-purple);--color-divider:var(--theme-divider);--theme-divider-hover-mode-light:hsl(270, 14%, 85.5%);--theme-divider-hover-mode-dark:hsl(270, 14%, 90.5%);--theme-divider-hover:var(--theme-divider-hover-color-purple);--color-divider-hover:var(--theme-divider-hover);--theme-divider-active-mode-light:hsl(270, 14%, 81%);--theme-divider-active-mode-dark:hsl(270, 14%, 91%);--theme-divider-active:var(--theme-divider-active-color-purple);--color-divider-active:var(--theme-divider-active);--theme-divider-disabled-mode-light:hsl(0, 0%, 60%);--theme-divider-disabled-mode-dark:hsl(0, 0%, 45%);--theme-divider-disabled:var(--theme-divider-disabled-color-purple);--color-divider-disabled:var(--theme-divider-disabled);--theme-focus-ring-mode-light:hsla(270, 70%, 60%, 0.7);--theme-focus-ring-mode-dark:hsla(270, 70%, 60%, 0.9);--theme-focus-ring:var(--theme-focus-ring-color-purple);--color-focus-ring:var(--theme-focus-ring);--theme-shadow-mode-light:rgba(0, 0, 0, 0.1);--theme-shadow-mode-dark:rgba(0, 0, 0, 0.4);--theme-shadow:var(--theme-shadow-color-purple);--color-shadow:var(--theme-shadow);--theme-error-mode-light:hsl(0, 70%, 40%);--theme-error-mode-dark:hsl(0, 70%, 40%);--theme-error:var(--theme-error-color-purple);--color-error:var(--theme-error);--theme-error-hover-mode-light:hsl(0, 70%, 38%);--theme-error-hover-mode-dark:hsl(0, 70%, 38%);--theme-error-hover:var(--theme-error-hover-color-purple);--color-error-hover:var(--theme-error-hover);--theme-error-active-mode-light:hsl(0, 70%, 36%);--theme-error-active-mode-dark:hsl(0, 70%, 36%);--theme-error-active:var(--theme-error-active-color-purple);--color-error-active:var(--theme-error-active);--theme-error-inverted-mode-light:hsl(0, 70%, 40%);--theme-error-inverted-mode-dark:hsl(0, 70%, 40%);--theme-error-inverted:var(--theme-error-inverted-color-purple);--color-error-inverted:var(--theme-error-inverted);--theme-error-inverted-hover-mode-light:hsl(0, 70%, 38%);--theme-error-inverted-hover-mode-dark:hsl(0, 70%, 38%);--theme-error-inverted-hover:var(--theme-error-inverted-hover-color-purple);--color-error-inverted-hover:var(--theme-error-inverted-hover);--theme-error-inverted-active-mode-light:hsl(0, 70%, 36%);--theme-error-inverted-active-mode-dark:hsl(0, 70%, 36%);--theme-error-inverted-active:var(--theme-error-inverted-active-color-purple);--color-error-inverted-active:var(--theme-error-inverted-active);--theme-on-error-mode-light:#fefefd;--theme-on-error-mode-dark:hsl(0, 100%, 95%);--theme-on-error:var(--theme-on-error-color-purple);--color-on-error:var(--theme-on-error);--theme-on-error-inverted-mode-light:#fefefd;--theme-on-error-inverted-mode-dark:hsl(0, 100%, 95%);--theme-on-error-inverted:var(--theme-on-error-inverted-color-purple);--color-on-error-inverted:var(--theme-on-error-inverted);--theme-error-secondary-mode-light:hsl(0, 100%, 95%);--theme-error-secondary-mode-dark:hsl(0, 100%, 95%);--theme-error-secondary:var(--theme-error-secondary-color-purple);--color-error-secondary:var(--theme-error-secondary);--theme-error-secondary-hover-mode-light:hsl(0, 100%, 90.25%);--theme-error-secondary-hover-mode-dark:hsl(0, 100%, 90.25%);--theme-error-secondary-hover:var(--theme-error-secondary-hover-color-purple);--color-error-secondary-hover:var(--theme-error-secondary-hover);--theme-error-secondary-active-mode-light:hsl(0, 100%, 85.5%);--theme-error-secondary-active-mode-dark:hsl(0, 100%, 85.5%);--theme-error-secondary-active:var(--theme-error-secondary-active-color-purple);--color-error-secondary-active:var(--theme-error-secondary-active);--theme-on-error-secondary-mode-light:hsl(0, 70%, 30%);--theme-on-error-secondary-mode-dark:hsl(0, 70%, 30%);--theme-on-error-secondary:var(--theme-on-error-secondary-color-purple);--color-on-error-secondary:var(--theme-on-error-secondary);--theme-error-text-mode-light:hsl(0, 70%, 30%);--theme-error-text-mode-dark:hsl(0, 70%, 90%);--theme-error-text:var(--theme-error-text-color-purple);--color-error-text:var(--theme-error-text);--theme-success-mode-light:hsl(142, 50%, 35%);--theme-success-mode-dark:hsl(142, 50%, 35%);--theme-success:var(--theme-success-color-purple);--color-success:var(--theme-success);--theme-success-hover-mode-light:hsl(142, 50%, 33.25%);--theme-success-hover-mode-dark:hsl(142, 50%, 33.25%);--theme-success-hover:var(--theme-success-hover-color-purple);--color-success-hover:var(--theme-success-hover);--theme-success-active-mode-light:hsl(142, 50%, 31.5%);--theme-success-active-mode-dark:hsl(142, 50%, 31.5%);--theme-success-active:var(--theme-success-active-color-purple);--color-success-active:var(--theme-success-active);--theme-success-inverted-mode-light:hsl(142, 50%, 35%);--theme-success-inverted-mode-dark:hsl(142, 50%, 35%);--theme-success-inverted:var(--theme-success-inverted-color-purple);--color-success-inverted:var(--theme-success-inverted);--theme-success-inverted-hover-mode-light:hsl(142, 50%, 33.25%);--theme-success-inverted-hover-mode-dark:hsl(142, 50%, 33.25%);--theme-success-inverted-hover:var(--theme-success-inverted-hover-color-purple);--color-success-inverted-hover:var(--theme-success-inverted-hover);--theme-success-inverted-active-mode-light:hsl(142, 50%, 31.5%);--theme-success-inverted-active-mode-dark:hsl(142, 50%, 31.5%);--theme-success-inverted-active:var(--theme-success-inverted-active-color-purple);--color-success-inverted-active:var(--theme-success-inverted-active);--theme-on-success-mode-light:#fefefd;--theme-on-success-mode-dark:hsl(142, 70%, 95%);--theme-on-success:var(--theme-on-success-color-purple);--color-on-success:var(--theme-on-success);--theme-on-success-inverted-mode-light:#fefefd;--theme-on-success-inverted-mode-dark:hsl(142, 70%, 95%);--theme-on-success-inverted:var(--theme-on-success-inverted-color-purple);--color-on-success-inverted:var(--theme-on-success-inverted);--theme-success-secondary-mode-light:hsl(142, 70%, 90%);--theme-success-secondary-mode-dark:hsl(142, 70%, 90%);--theme-success-secondary:var(--theme-success-secondary-color-purple);--color-success-secondary:var(--theme-success-secondary);--theme-success-secondary-hover-mode-light:hsl(142, 70%, 85.5%);--theme-success-secondary-hover-mode-dark:hsl(142, 70%, 85.5%);--theme-success-secondary-hover:var(--theme-success-secondary-hover-color-purple);--color-success-secondary-hover:var(--theme-success-secondary-hover);--theme-success-secondary-active-mode-light:hsl(142, 70%, 81%);--theme-success-secondary-active-mode-dark:hsl(142, 70%, 81%);--theme-success-secondary-active:var(--theme-success-secondary-active-color-purple);--color-success-secondary-active:var(--theme-success-secondary-active);--theme-on-success-secondary-mode-light:hsl(142, 50%, 25%);--theme-on-success-secondary-mode-dark:hsl(142, 50%, 25%);--theme-on-success-secondary:var(--theme-on-success-secondary-color-purple);--color-on-success-secondary:var(--theme-on-success-secondary);--theme-success-text-mode-light:hsl(142, 50%, 25%);--theme-success-text-mode-dark:hsl(142, 50%, 85%);--theme-success-text:var(--theme-success-text-color-purple);--color-success-text:var(--theme-success-text);--theme-warning-mode-light:hsl(45, 100%, 85%);--theme-warning-mode-dark:hsl(45, 100%, 68%);--theme-warning:var(--theme-warning-color-purple);--color-warning:var(--theme-warning);--theme-on-warning-mode-light:hsl(30, 100%, 25%);--theme-on-warning-mode-dark:hsl(45, 100%, 95%);--theme-on-warning:var(--theme-on-warning-color-purple);--color-on-warning:var(--theme-on-warning);--theme-link-mode-light:#2563eb;--theme-link-mode-dark:#60a5fa;--theme-link:var(--theme-link-color-purple);--color-link:var(--theme-link);--theme-link-hover-mode-light:#1d4ed8;--theme-link-hover-mode-dark:#93c5fd;--theme-link-hover:var(--theme-link-hover-color-purple);--color-link-hover:var(--theme-link-hover);--theme-link-active-mode-light:#1e40af;--theme-link-active-mode-dark:#bfdbfe;--theme-link-active:var(--theme-link-active-color-purple);--color-link-active:var(--theme-link-active)}[data-theme=magenta]{--theme-primary-mode-light:hsl(320, 60%, 60%);--theme-primary-mode-dark:hsl(320, 60%, 60%);--theme-primary:var(--theme-primary-color-magenta);--color-primary:var(--theme-primary);--theme-primary-hover-mode-light:hsl(320, 60%, 54%);--theme-primary-hover-mode-dark:hsl(320, 60%, 64%);--theme-primary-hover:var(--theme-primary-hover-color-magenta);--color-primary-hover:var(--theme-primary-hover);--theme-primary-active-mode-light:hsl(320, 60%, 48%);--theme-primary-active-mode-dark:hsl(320, 60%, 68%);--theme-primary-active:var(--theme-primary-active-color-magenta);--color-primary-active:var(--theme-primary-active);--theme-primary-inverted-mode-light:hsl(320, 60%, 60%);--theme-primary-inverted-mode-dark:hsl(320, 60%, 60%);--theme-primary-inverted:var(--theme-primary-inverted-color-magenta);--color-primary-inverted:var(--theme-primary-inverted);--theme-primary-inverted-hover-mode-light:hsl(320, 60%, 64%);--theme-primary-inverted-hover-mode-dark:hsl(320, 60%, 54%);--theme-primary-inverted-hover:var(--theme-primary-inverted-hover-color-magenta);--color-primary-inverted-hover:var(--theme-primary-inverted-hover);--theme-primary-inverted-active-mode-light:hsl(320, 60%, 68%);--theme-primary-inverted-active-mode-dark:hsl(320, 60%, 48%);--theme-primary-inverted-active:var(--theme-primary-inverted-active-color-magenta);--color-primary-inverted-active:var(--theme-primary-inverted-active);--theme-on-primary-mode-light:#fefefd;--theme-on-primary-mode-dark:#fefefd;--theme-on-primary:var(--theme-on-primary-color-magenta);--color-on-primary:var(--theme-on-primary);--theme-on-primary-inverted-mode-light:#fefefd;--theme-on-primary-inverted-mode-dark:#fefefd;--theme-on-primary-inverted:var(--theme-on-primary-inverted-color-magenta);--color-on-primary-inverted:var(--theme-on-primary-inverted);--theme-primary-text-mode-light:hsl(320, 60%, 42%);--theme-primary-text-mode-dark:hsl(320, 60%, 92%);--theme-primary-text:var(--theme-primary-text-color-magenta);--color-primary-text:var(--theme-primary-text);--theme-secondary-mode-light:hsl(320, 36%, 94%);--theme-secondary-mode-dark:hsl(320, 48%, 72%);--theme-secondary:var(--theme-secondary-color-magenta);--color-secondary:var(--theme-secondary);--theme-secondary-hover-mode-light:hsl(320, 36%, 89.3%);--theme-secondary-hover-mode-dark:hsl(320, 48%, 74.8%);--theme-secondary-hover:var(--theme-secondary-hover-color-magenta);--color-secondary-hover:var(--theme-secondary-hover);--theme-secondary-active-mode-light:hsl(320, 36%, 84.6%);--theme-secondary-active-mode-dark:hsl(320, 48%, 77.6%);--theme-secondary-active:var(--theme-secondary-active-color-magenta);--color-secondary-active:var(--theme-secondary-active);--theme-secondary-inverted-mode-light:hsl(320, 48%, 72%);--theme-secondary-inverted-mode-dark:hsl(320, 36%, 94%);--theme-secondary-inverted:var(--theme-secondary-inverted-color-magenta);--color-secondary-inverted:var(--theme-secondary-inverted);--theme-secondary-inverted-hover-mode-light:hsl(320, 48%, 74.8%);--theme-secondary-inverted-hover-mode-dark:hsl(320, 36%, 89.3%);--theme-secondary-inverted-hover:var(--theme-secondary-inverted-hover-color-magenta);--color-secondary-inverted-hover:var(--theme-secondary-inverted-hover);--theme-secondary-inverted-active-mode-light:hsl(320, 48%, 77.6%);--theme-secondary-inverted-active-mode-dark:hsl(320, 36%, 84.6%);--theme-secondary-inverted-active:var(--theme-secondary-inverted-active-color-magenta);--color-secondary-inverted-active:var(--theme-secondary-inverted-active);--theme-on-secondary-mode-light:hsl(320, 60%, 42%);--theme-on-secondary-mode-dark:hsl(320, 60%, 30%);--theme-on-secondary:var(--theme-on-secondary-color-magenta);--color-on-secondary:var(--theme-on-secondary);--theme-on-secondary-inverted-mode-light:hsl(320, 36%, 94%);--theme-on-secondary-inverted-mode-dark:hsl(320, 60%, 42%);--theme-on-secondary-inverted:var(--theme-on-secondary-inverted-color-magenta);--color-on-secondary-inverted:var(--theme-on-secondary-inverted);--theme-default-mode-light:#fefefd;--theme-default-mode-dark:#2c2c2e;--theme-default:var(--theme-default-color-magenta);--color-default:var(--theme-default);--theme-on-default-mode-light:#2c2c2e;--theme-on-default-mode-dark:#fefefd;--theme-on-default:var(--theme-on-default-color-magenta);--color-on-default:var(--theme-on-default);--theme-inverted-mode-light:#2c2c2e;--theme-inverted-mode-dark:#fefefd;--theme-inverted:var(--theme-inverted-color-magenta);--color-inverted:var(--theme-inverted);--theme-on-inverted-mode-light:#fefefd;--theme-on-inverted-mode-dark:#2c2c2e;--theme-on-inverted:var(--theme-on-inverted-color-magenta);--color-on-inverted:var(--theme-on-inverted);--theme-surface-mode-light:hsl(320, 24%, 96%);--theme-surface-mode-dark:hsl(320, 30%, 66%);--theme-surface:var(--theme-surface-color-magenta);--color-surface:var(--theme-surface);--theme-surface-hover-mode-light:hsl(320, 24%, 91.2%);--theme-surface-hover-mode-dark:hsl(320, 30%, 67.7%);--theme-surface-hover:var(--theme-surface-hover-color-magenta);--color-surface-hover:var(--theme-surface-hover);--theme-surface-active-mode-light:hsl(320, 24%, 86.4%);--theme-surface-active-mode-dark:hsl(320, 30%, 69.4%);--theme-surface-active:var(--theme-surface-active-color-magenta);--color-surface-active:var(--theme-surface-active);--theme-surface-inverted-mode-light:hsl(320, 30%, 66%);--theme-surface-inverted-mode-dark:hsl(320, 24%, 96%);--theme-surface-inverted:var(--theme-surface-inverted-color-magenta);--color-surface-inverted:var(--theme-surface-inverted);--theme-surface-inverted-hover-mode-light:hsl(320, 30%, 67.7%);--theme-surface-inverted-hover-mode-dark:hsl(320, 24%, 91.2%);--theme-surface-inverted-hover:var(--theme-surface-inverted-hover-color-magenta);--color-surface-inverted-hover:var(--theme-surface-inverted-hover);--theme-surface-inverted-active-mode-light:hsl(320, 30%, 69.4%);--theme-surface-inverted-active-mode-dark:hsl(320, 24%, 86.4%);--theme-surface-inverted-active:var(--theme-surface-inverted-active-color-magenta);--color-surface-inverted-active:var(--theme-surface-inverted-active);--theme-backdrop-mode-light:rgba(0, 0, 0, 0.5);--theme-backdrop-mode-dark:rgba(0, 0, 0, 0.7);--theme-backdrop:var(--theme-backdrop-color-magenta);--color-backdrop:var(--theme-backdrop);--theme-overlay-mode-light:rgba(0, 0, 0, 0.04);--theme-overlay-mode-dark:rgba(255, 255, 255, 0.06);--theme-overlay:var(--theme-overlay-color-magenta);--color-overlay:var(--theme-overlay);--theme-modal-mode-light:#fefefd;--theme-modal-mode-dark:#262626;--theme-modal:var(--theme-modal-color-magenta);--color-modal:var(--theme-modal);--theme-skeleton-mode-light:#e0e0e0;--theme-skeleton-mode-dark:#3a3a3a;--theme-skeleton:var(--theme-skeleton-color-magenta);--color-skeleton:var(--theme-skeleton);--theme-on-skeleton-mode-light:#f0f0f0;--theme-on-skeleton-mode-dark:#4a4a4a;--theme-on-skeleton:var(--theme-on-skeleton-color-magenta);--color-on-skeleton:var(--theme-on-skeleton);--theme-muted-mode-light:hsl(0, 0%, 32%);--theme-muted-mode-dark:hsl(0, 0%, 92%);--theme-muted:var(--theme-muted-color-magenta);--color-muted:var(--theme-muted);--theme-placeholder-mode-light:hsl(0, 0%, 52%);--theme-placeholder-mode-dark:hsl(0, 0%, 76%);--theme-placeholder:var(--theme-placeholder-color-magenta);--color-placeholder:var(--theme-placeholder);--theme-disabled-mode-light:hsl(0, 0%, 55%);--theme-disabled-mode-dark:hsl(0, 0%, 35%);--theme-disabled:var(--theme-disabled-color-magenta);--color-disabled:var(--theme-disabled);--theme-on-disabled-mode-light:hsl(0, 0%, 95%);--theme-on-disabled-mode-dark:hsl(0, 0%, 85%);--theme-on-disabled:var(--theme-on-disabled-color-magenta);--color-on-disabled:var(--theme-on-disabled);--theme-divider-mode-light:hsl(320, 12%, 90%);--theme-divider-mode-dark:hsl(320, 12%, 90%);--theme-divider:var(--theme-divider-color-magenta);--color-divider:var(--theme-divider);--theme-divider-hover-mode-light:hsl(320, 12%, 85.5%);--theme-divider-hover-mode-dark:hsl(320, 12%, 90.5%);--theme-divider-hover:var(--theme-divider-hover-color-magenta);--color-divider-hover:var(--theme-divider-hover);--theme-divider-active-mode-light:hsl(320, 12%, 81%);--theme-divider-active-mode-dark:hsl(320, 12%, 91%);--theme-divider-active:var(--theme-divider-active-color-magenta);--color-divider-active:var(--theme-divider-active);--theme-divider-disabled-mode-light:hsl(0, 0%, 60%);--theme-divider-disabled-mode-dark:hsl(0, 0%, 45%);--theme-divider-disabled:var(--theme-divider-disabled-color-magenta);--color-divider-disabled:var(--theme-divider-disabled);--theme-focus-ring-mode-light:hsla(320, 60%, 60%, 0.7);--theme-focus-ring-mode-dark:hsla(320, 60%, 60%, 0.9);--theme-focus-ring:var(--theme-focus-ring-color-magenta);--color-focus-ring:var(--theme-focus-ring);--theme-shadow-mode-light:rgba(0, 0, 0, 0.1);--theme-shadow-mode-dark:rgba(0, 0, 0, 0.4);--theme-shadow:var(--theme-shadow-color-magenta);--color-shadow:var(--theme-shadow);--theme-error-mode-light:hsl(0, 70%, 40%);--theme-error-mode-dark:hsl(0, 70%, 40%);--theme-error:var(--theme-error-color-magenta);--color-error:var(--theme-error);--theme-error-hover-mode-light:hsl(0, 70%, 38%);--theme-error-hover-mode-dark:hsl(0, 70%, 38%);--theme-error-hover:var(--theme-error-hover-color-magenta);--color-error-hover:var(--theme-error-hover);--theme-error-active-mode-light:hsl(0, 70%, 36%);--theme-error-active-mode-dark:hsl(0, 70%, 36%);--theme-error-active:var(--theme-error-active-color-magenta);--color-error-active:var(--theme-error-active);--theme-error-inverted-mode-light:hsl(0, 70%, 40%);--theme-error-inverted-mode-dark:hsl(0, 70%, 40%);--theme-error-inverted:var(--theme-error-inverted-color-magenta);--color-error-inverted:var(--theme-error-inverted);--theme-error-inverted-hover-mode-light:hsl(0, 70%, 38%);--theme-error-inverted-hover-mode-dark:hsl(0, 70%, 38%);--theme-error-inverted-hover:var(--theme-error-inverted-hover-color-magenta);--color-error-inverted-hover:var(--theme-error-inverted-hover);--theme-error-inverted-active-mode-light:hsl(0, 70%, 36%);--theme-error-inverted-active-mode-dark:hsl(0, 70%, 36%);--theme-error-inverted-active:var(--theme-error-inverted-active-color-magenta);--color-error-inverted-active:var(--theme-error-inverted-active);--theme-on-error-mode-light:#fefefd;--theme-on-error-mode-dark:hsl(0, 100%, 95%);--theme-on-error:var(--theme-on-error-color-magenta);--color-on-error:var(--theme-on-error);--theme-on-error-inverted-mode-light:#fefefd;--theme-on-error-inverted-mode-dark:hsl(0, 100%, 95%);--theme-on-error-inverted:var(--theme-on-error-inverted-color-magenta);--color-on-error-inverted:var(--theme-on-error-inverted);--theme-error-secondary-mode-light:hsl(0, 100%, 95%);--theme-error-secondary-mode-dark:hsl(0, 100%, 95%);--theme-error-secondary:var(--theme-error-secondary-color-magenta);--color-error-secondary:var(--theme-error-secondary);--theme-error-secondary-hover-mode-light:hsl(0, 100%, 90.25%);--theme-error-secondary-hover-mode-dark:hsl(0, 100%, 90.25%);--theme-error-secondary-hover:var(--theme-error-secondary-hover-color-magenta);--color-error-secondary-hover:var(--theme-error-secondary-hover);--theme-error-secondary-active-mode-light:hsl(0, 100%, 85.5%);--theme-error-secondary-active-mode-dark:hsl(0, 100%, 85.5%);--theme-error-secondary-active:var(--theme-error-secondary-active-color-magenta);--color-error-secondary-active:var(--theme-error-secondary-active);--theme-on-error-secondary-mode-light:hsl(0, 70%, 30%);--theme-on-error-secondary-mode-dark:hsl(0, 70%, 30%);--theme-on-error-secondary:var(--theme-on-error-secondary-color-magenta);--color-on-error-secondary:var(--theme-on-error-secondary);--theme-error-text-mode-light:hsl(0, 70%, 30%);--theme-error-text-mode-dark:hsl(0, 70%, 90%);--theme-error-text:var(--theme-error-text-color-magenta);--color-error-text:var(--theme-error-text);--theme-success-mode-light:hsl(142, 50%, 35%);--theme-success-mode-dark:hsl(142, 50%, 35%);--theme-success:var(--theme-success-color-magenta);--color-success:var(--theme-success);--theme-success-hover-mode-light:hsl(142, 50%, 33.25%);--theme-success-hover-mode-dark:hsl(142, 50%, 33.25%);--theme-success-hover:var(--theme-success-hover-color-magenta);--color-success-hover:var(--theme-success-hover);--theme-success-active-mode-light:hsl(142, 50%, 31.5%);--theme-success-active-mode-dark:hsl(142, 50%, 31.5%);--theme-success-active:var(--theme-success-active-color-magenta);--color-success-active:var(--theme-success-active);--theme-success-inverted-mode-light:hsl(142, 50%, 35%);--theme-success-inverted-mode-dark:hsl(142, 50%, 35%);--theme-success-inverted:var(--theme-success-inverted-color-magenta);--color-success-inverted:var(--theme-success-inverted);--theme-success-inverted-hover-mode-light:hsl(142, 50%, 33.25%);--theme-success-inverted-hover-mode-dark:hsl(142, 50%, 33.25%);--theme-success-inverted-hover:var(--theme-success-inverted-hover-color-magenta);--color-success-inverted-hover:var(--theme-success-inverted-hover);--theme-success-inverted-active-mode-light:hsl(142, 50%, 31.5%);--theme-success-inverted-active-mode-dark:hsl(142, 50%, 31.5%);--theme-success-inverted-active:var(--theme-success-inverted-active-color-magenta);--color-success-inverted-active:var(--theme-success-inverted-active);--theme-on-success-mode-light:#fefefd;--theme-on-success-mode-dark:hsl(142, 70%, 95%);--theme-on-success:var(--theme-on-success-color-magenta);--color-on-success:var(--theme-on-success);--theme-on-success-inverted-mode-light:#fefefd;--theme-on-success-inverted-mode-dark:hsl(142, 70%, 95%);--theme-on-success-inverted:var(--theme-on-success-inverted-color-magenta);--color-on-success-inverted:var(--theme-on-success-inverted);--theme-success-secondary-mode-light:hsl(142, 70%, 90%);--theme-success-secondary-mode-dark:hsl(142, 70%, 90%);--theme-success-secondary:var(--theme-success-secondary-color-magenta);--color-success-secondary:var(--theme-success-secondary);--theme-success-secondary-hover-mode-light:hsl(142, 70%, 85.5%);--theme-success-secondary-hover-mode-dark:hsl(142, 70%, 85.5%);--theme-success-secondary-hover:var(--theme-success-secondary-hover-color-magenta);--color-success-secondary-hover:var(--theme-success-secondary-hover);--theme-success-secondary-active-mode-light:hsl(142, 70%, 81%);--theme-success-secondary-active-mode-dark:hsl(142, 70%, 81%);--theme-success-secondary-active:var(--theme-success-secondary-active-color-magenta);--color-success-secondary-active:var(--theme-success-secondary-active);--theme-on-success-secondary-mode-light:hsl(142, 50%, 25%);--theme-on-success-secondary-mode-dark:hsl(142, 50%, 25%);--theme-on-success-secondary:var(--theme-on-success-secondary-color-magenta);--color-on-success-secondary:var(--theme-on-success-secondary);--theme-success-text-mode-light:hsl(142, 50%, 25%);--theme-success-text-mode-dark:hsl(142, 50%, 85%);--theme-success-text:var(--theme-success-text-color-magenta);--color-success-text:var(--theme-success-text);--theme-warning-mode-light:hsl(45, 100%, 85%);--theme-warning-mode-dark:hsl(45, 100%, 68%);--theme-warning:var(--theme-warning-color-magenta);--color-warning:var(--theme-warning);--theme-on-warning-mode-light:hsl(30, 100%, 25%);--theme-on-warning-mode-dark:hsl(45, 100%, 95%);--theme-on-warning:var(--theme-on-warning-color-magenta);--color-on-warning:var(--theme-on-warning);--theme-link-mode-light:#2563eb;--theme-link-mode-dark:#60a5fa;--theme-link:var(--theme-link-color-magenta);--color-link:var(--theme-link);--theme-link-hover-mode-light:#1d4ed8;--theme-link-hover-mode-dark:#93c5fd;--theme-link-hover:var(--theme-link-hover-color-magenta);--color-link-hover:var(--theme-link-hover);--theme-link-active-mode-light:#1e40af;--theme-link-active-mode-dark:#bfdbfe;--theme-link-active:var(--theme-link-active-color-magenta);--color-link-active:var(--theme-link-active)}[data-theme=electric-blue]{--theme-primary-mode-light:hsl(210, 100%, 60%);--theme-primary-mode-dark:hsl(210, 100%, 60%);--theme-primary:var(--theme-primary-color-electric-blue);--color-primary:var(--theme-primary);--theme-primary-hover-mode-light:hsl(210, 100%, 54%);--theme-primary-hover-mode-dark:hsl(210, 100%, 64%);--theme-primary-hover:var(--theme-primary-hover-color-electric-blue);--color-primary-hover:var(--theme-primary-hover);--theme-primary-active-mode-light:hsl(210, 100%, 48%);--theme-primary-active-mode-dark:hsl(210, 100%, 68%);--theme-primary-active:var(--theme-primary-active-color-electric-blue);--color-primary-active:var(--theme-primary-active);--theme-primary-inverted-mode-light:hsl(210, 100%, 60%);--theme-primary-inverted-mode-dark:hsl(210, 100%, 60%);--theme-primary-inverted:var(--theme-primary-inverted-color-electric-blue);--color-primary-inverted:var(--theme-primary-inverted);--theme-primary-inverted-hover-mode-light:hsl(210, 100%, 64%);--theme-primary-inverted-hover-mode-dark:hsl(210, 100%, 54%);--theme-primary-inverted-hover:var(--theme-primary-inverted-hover-color-electric-blue);--color-primary-inverted-hover:var(--theme-primary-inverted-hover);--theme-primary-inverted-active-mode-light:hsl(210, 100%, 68%);--theme-primary-inverted-active-mode-dark:hsl(210, 100%, 48%);--theme-primary-inverted-active:var(--theme-primary-inverted-active-color-electric-blue);--color-primary-inverted-active:var(--theme-primary-inverted-active);--theme-on-primary-mode-light:#fefefd;--theme-on-primary-mode-dark:#fefefd;--theme-on-primary:var(--theme-on-primary-color-electric-blue);--color-on-primary:var(--theme-on-primary);--theme-on-primary-inverted-mode-light:#fefefd;--theme-on-primary-inverted-mode-dark:#fefefd;--theme-on-primary-inverted:var(--theme-on-primary-inverted-color-electric-blue);--color-on-primary-inverted:var(--theme-on-primary-inverted);--theme-primary-text-mode-light:hsl(210, 100%, 42%);--theme-primary-text-mode-dark:hsl(210, 100%, 92%);--theme-primary-text:var(--theme-primary-text-color-electric-blue);--color-primary-text:var(--theme-primary-text);--theme-secondary-mode-light:hsl(210, 60%, 94%);--theme-secondary-mode-dark:hsl(210, 80%, 72%);--theme-secondary:var(--theme-secondary-color-electric-blue);--color-secondary:var(--theme-secondary);--theme-secondary-hover-mode-light:hsl(210, 60%, 89.3%);--theme-secondary-hover-mode-dark:hsl(210, 80%, 74.8%);--theme-secondary-hover:var(--theme-secondary-hover-color-electric-blue);--color-secondary-hover:var(--theme-secondary-hover);--theme-secondary-active-mode-light:hsl(210, 60%, 84.6%);--theme-secondary-active-mode-dark:hsl(210, 80%, 77.6%);--theme-secondary-active:var(--theme-secondary-active-color-electric-blue);--color-secondary-active:var(--theme-secondary-active);--theme-secondary-inverted-mode-light:hsl(210, 80%, 72%);--theme-secondary-inverted-mode-dark:hsl(210, 60%, 94%);--theme-secondary-inverted:var(--theme-secondary-inverted-color-electric-blue);--color-secondary-inverted:var(--theme-secondary-inverted);--theme-secondary-inverted-hover-mode-light:hsl(210, 80%, 74.8%);--theme-secondary-inverted-hover-mode-dark:hsl(210, 60%, 89.3%);--theme-secondary-inverted-hover:var(--theme-secondary-inverted-hover-color-electric-blue);--color-secondary-inverted-hover:var(--theme-secondary-inverted-hover);--theme-secondary-inverted-active-mode-light:hsl(210, 80%, 77.6%);--theme-secondary-inverted-active-mode-dark:hsl(210, 60%, 84.6%);--theme-secondary-inverted-active:var(--theme-secondary-inverted-active-color-electric-blue);--color-secondary-inverted-active:var(--theme-secondary-inverted-active);--theme-on-secondary-mode-light:hsl(210, 100%, 42%);--theme-on-secondary-mode-dark:hsl(210, 100%, 30%);--theme-on-secondary:var(--theme-on-secondary-color-electric-blue);--color-on-secondary:var(--theme-on-secondary);--theme-on-secondary-inverted-mode-light:hsl(210, 60%, 94%);--theme-on-secondary-inverted-mode-dark:hsl(210, 100%, 42%);--theme-on-secondary-inverted:var(--theme-on-secondary-inverted-color-electric-blue);--color-on-secondary-inverted:var(--theme-on-secondary-inverted);--theme-default-mode-light:#fefefd;--theme-default-mode-dark:#2c2c2e;--theme-default:var(--theme-default-color-electric-blue);--color-default:var(--theme-default);--theme-on-default-mode-light:#2c2c2e;--theme-on-default-mode-dark:#fefefd;--theme-on-default:var(--theme-on-default-color-electric-blue);--color-on-default:var(--theme-on-default);--theme-inverted-mode-light:#2c2c2e;--theme-inverted-mode-dark:#fefefd;--theme-inverted:var(--theme-inverted-color-electric-blue);--color-inverted:var(--theme-inverted);--theme-on-inverted-mode-light:#fefefd;--theme-on-inverted-mode-dark:#2c2c2e;--theme-on-inverted:var(--theme-on-inverted-color-electric-blue);--color-on-inverted:var(--theme-on-inverted);--theme-surface-mode-light:hsl(210, 40%, 96%);--theme-surface-mode-dark:hsl(210, 50%, 66%);--theme-surface:var(--theme-surface-color-electric-blue);--color-surface:var(--theme-surface);--theme-surface-hover-mode-light:hsl(210, 40%, 91.2%);--theme-surface-hover-mode-dark:hsl(210, 50%, 67.7%);--theme-surface-hover:var(--theme-surface-hover-color-electric-blue);--color-surface-hover:var(--theme-surface-hover);--theme-surface-active-mode-light:hsl(210, 40%, 86.4%);--theme-surface-active-mode-dark:hsl(210, 50%, 69.4%);--theme-surface-active:var(--theme-surface-active-color-electric-blue);--color-surface-active:var(--theme-surface-active);--theme-surface-inverted-mode-light:hsl(210, 50%, 66%);--theme-surface-inverted-mode-dark:hsl(210, 40%, 96%);--theme-surface-inverted:var(--theme-surface-inverted-color-electric-blue);--color-surface-inverted:var(--theme-surface-inverted);--theme-surface-inverted-hover-mode-light:hsl(210, 50%, 67.7%);--theme-surface-inverted-hover-mode-dark:hsl(210, 40%, 91.2%);--theme-surface-inverted-hover:var(--theme-surface-inverted-hover-color-electric-blue);--color-surface-inverted-hover:var(--theme-surface-inverted-hover);--theme-surface-inverted-active-mode-light:hsl(210, 50%, 69.4%);--theme-surface-inverted-active-mode-dark:hsl(210, 40%, 86.4%);--theme-surface-inverted-active:var(--theme-surface-inverted-active-color-electric-blue);--color-surface-inverted-active:var(--theme-surface-inverted-active);--theme-backdrop-mode-light:rgba(0, 0, 0, 0.5);--theme-backdrop-mode-dark:rgba(0, 0, 0, 0.7);--theme-backdrop:var(--theme-backdrop-color-electric-blue);--color-backdrop:var(--theme-backdrop);--theme-overlay-mode-light:rgba(0, 0, 0, 0.04);--theme-overlay-mode-dark:rgba(255, 255, 255, 0.06);--theme-overlay:var(--theme-overlay-color-electric-blue);--color-overlay:var(--theme-overlay);--theme-modal-mode-light:#fefefd;--theme-modal-mode-dark:#262626;--theme-modal:var(--theme-modal-color-electric-blue);--color-modal:var(--theme-modal);--theme-skeleton-mode-light:#e0e0e0;--theme-skeleton-mode-dark:#3a3a3a;--theme-skeleton:var(--theme-skeleton-color-electric-blue);--color-skeleton:var(--theme-skeleton);--theme-on-skeleton-mode-light:#f0f0f0;--theme-on-skeleton-mode-dark:#4a4a4a;--theme-on-skeleton:var(--theme-on-skeleton-color-electric-blue);--color-on-skeleton:var(--theme-on-skeleton);--theme-muted-mode-light:hsl(0, 0%, 32%);--theme-muted-mode-dark:hsl(0, 0%, 92%);--theme-muted:var(--theme-muted-color-electric-blue);--color-muted:var(--theme-muted);--theme-placeholder-mode-light:hsl(0, 0%, 52%);--theme-placeholder-mode-dark:hsl(0, 0%, 76%);--theme-placeholder:var(--theme-placeholder-color-electric-blue);--color-placeholder:var(--theme-placeholder);--theme-disabled-mode-light:hsl(0, 0%, 55%);--theme-disabled-mode-dark:hsl(0, 0%, 35%);--theme-disabled:var(--theme-disabled-color-electric-blue);--color-disabled:var(--theme-disabled);--theme-on-disabled-mode-light:hsl(0, 0%, 95%);--theme-on-disabled-mode-dark:hsl(0, 0%, 85%);--theme-on-disabled:var(--theme-on-disabled-color-electric-blue);--color-on-disabled:var(--theme-on-disabled);--theme-divider-mode-light:hsl(210, 20%, 90%);--theme-divider-mode-dark:hsl(210, 20%, 90%);--theme-divider:var(--theme-divider-color-electric-blue);--color-divider:var(--theme-divider);--theme-divider-hover-mode-light:hsl(210, 20%, 85.5%);--theme-divider-hover-mode-dark:hsl(210, 20%, 90.5%);--theme-divider-hover:var(--theme-divider-hover-color-electric-blue);--color-divider-hover:var(--theme-divider-hover);--theme-divider-active-mode-light:hsl(210, 20%, 81%);--theme-divider-active-mode-dark:hsl(210, 20%, 91%);--theme-divider-active:var(--theme-divider-active-color-electric-blue);--color-divider-active:var(--theme-divider-active);--theme-divider-disabled-mode-light:hsl(0, 0%, 60%);--theme-divider-disabled-mode-dark:hsl(0, 0%, 45%);--theme-divider-disabled:var(--theme-divider-disabled-color-electric-blue);--color-divider-disabled:var(--theme-divider-disabled);--theme-focus-ring-mode-light:hsla(210, 100%, 60%, 0.7);--theme-focus-ring-mode-dark:hsla(210, 100%, 60%, 0.9);--theme-focus-ring:var(--theme-focus-ring-color-electric-blue);--color-focus-ring:var(--theme-focus-ring);--theme-shadow-mode-light:rgba(0, 0, 0, 0.1);--theme-shadow-mode-dark:rgba(0, 0, 0, 0.4);--theme-shadow:var(--theme-shadow-color-electric-blue);--color-shadow:var(--theme-shadow);--theme-error-mode-light:hsl(0, 70%, 40%);--theme-error-mode-dark:hsl(0, 70%, 40%);--theme-error:var(--theme-error-color-electric-blue);--color-error:var(--theme-error);--theme-error-hover-mode-light:hsl(0, 70%, 38%);--theme-error-hover-mode-dark:hsl(0, 70%, 38%);--theme-error-hover:var(--theme-error-hover-color-electric-blue);--color-error-hover:var(--theme-error-hover);--theme-error-active-mode-light:hsl(0, 70%, 36%);--theme-error-active-mode-dark:hsl(0, 70%, 36%);--theme-error-active:var(--theme-error-active-color-electric-blue);--color-error-active:var(--theme-error-active);--theme-error-inverted-mode-light:hsl(0, 70%, 40%);--theme-error-inverted-mode-dark:hsl(0, 70%, 40%);--theme-error-inverted:var(--theme-error-inverted-color-electric-blue);--color-error-inverted:var(--theme-error-inverted);--theme-error-inverted-hover-mode-light:hsl(0, 70%, 38%);--theme-error-inverted-hover-mode-dark:hsl(0, 70%, 38%);--theme-error-inverted-hover:var(--theme-error-inverted-hover-color-electric-blue);--color-error-inverted-hover:var(--theme-error-inverted-hover);--theme-error-inverted-active-mode-light:hsl(0, 70%, 36%);--theme-error-inverted-active-mode-dark:hsl(0, 70%, 36%);--theme-error-inverted-active:var(--theme-error-inverted-active-color-electric-blue);--color-error-inverted-active:var(--theme-error-inverted-active);--theme-on-error-mode-light:#fefefd;--theme-on-error-mode-dark:hsl(0, 100%, 95%);--theme-on-error:var(--theme-on-error-color-electric-blue);--color-on-error:var(--theme-on-error);--theme-on-error-inverted-mode-light:#fefefd;--theme-on-error-inverted-mode-dark:hsl(0, 100%, 95%);--theme-on-error-inverted:var(--theme-on-error-inverted-color-electric-blue);--color-on-error-inverted:var(--theme-on-error-inverted);--theme-error-secondary-mode-light:hsl(0, 100%, 95%);--theme-error-secondary-mode-dark:hsl(0, 100%, 95%);--theme-error-secondary:var(--theme-error-secondary-color-electric-blue);--color-error-secondary:var(--theme-error-secondary);--theme-error-secondary-hover-mode-light:hsl(0, 100%, 90.25%);--theme-error-secondary-hover-mode-dark:hsl(0, 100%, 90.25%);--theme-error-secondary-hover:var(--theme-error-secondary-hover-color-electric-blue);--color-error-secondary-hover:var(--theme-error-secondary-hover);--theme-error-secondary-active-mode-light:hsl(0, 100%, 85.5%);--theme-error-secondary-active-mode-dark:hsl(0, 100%, 85.5%);--theme-error-secondary-active:var(--theme-error-secondary-active-color-electric-blue);--color-error-secondary-active:var(--theme-error-secondary-active);--theme-on-error-secondary-mode-light:hsl(0, 70%, 30%);--theme-on-error-secondary-mode-dark:hsl(0, 70%, 30%);--theme-on-error-secondary:var(--theme-on-error-secondary-color-electric-blue);--color-on-error-secondary:var(--theme-on-error-secondary);--theme-error-text-mode-light:hsl(0, 70%, 30%);--theme-error-text-mode-dark:hsl(0, 70%, 90%);--theme-error-text:var(--theme-error-text-color-electric-blue);--color-error-text:var(--theme-error-text);--theme-success-mode-light:hsl(142, 50%, 35%);--theme-success-mode-dark:hsl(142, 50%, 35%);--theme-success:var(--theme-success-color-electric-blue);--color-success:var(--theme-success);--theme-success-hover-mode-light:hsl(142, 50%, 33.25%);--theme-success-hover-mode-dark:hsl(142, 50%, 33.25%);--theme-success-hover:var(--theme-success-hover-color-electric-blue);--color-success-hover:var(--theme-success-hover);--theme-success-active-mode-light:hsl(142, 50%, 31.5%);--theme-success-active-mode-dark:hsl(142, 50%, 31.5%);--theme-success-active:var(--theme-success-active-color-electric-blue);--color-success-active:var(--theme-success-active);--theme-success-inverted-mode-light:hsl(142, 50%, 35%);--theme-success-inverted-mode-dark:hsl(142, 50%, 35%);--theme-success-inverted:var(--theme-success-inverted-color-electric-blue);--color-success-inverted:var(--theme-success-inverted);--theme-success-inverted-hover-mode-light:hsl(142, 50%, 33.25%);--theme-success-inverted-hover-mode-dark:hsl(142, 50%, 33.25%);--theme-success-inverted-hover:var(--theme-success-inverted-hover-color-electric-blue);--color-success-inverted-hover:var(--theme-success-inverted-hover);--theme-success-inverted-active-mode-light:hsl(142, 50%, 31.5%);--theme-success-inverted-active-mode-dark:hsl(142, 50%, 31.5%);--theme-success-inverted-active:var(--theme-success-inverted-active-color-electric-blue);--color-success-inverted-active:var(--theme-success-inverted-active);--theme-on-success-mode-light:#fefefd;--theme-on-success-mode-dark:hsl(142, 70%, 95%);--theme-on-success:var(--theme-on-success-color-electric-blue);--color-on-success:var(--theme-on-success);--theme-on-success-inverted-mode-light:#fefefd;--theme-on-success-inverted-mode-dark:hsl(142, 70%, 95%);--theme-on-success-inverted:var(--theme-on-success-inverted-color-electric-blue);--color-on-success-inverted:var(--theme-on-success-inverted);--theme-success-secondary-mode-light:hsl(142, 70%, 90%);--theme-success-secondary-mode-dark:hsl(142, 70%, 90%);--theme-success-secondary:var(--theme-success-secondary-color-electric-blue);--color-success-secondary:var(--theme-success-secondary);--theme-success-secondary-hover-mode-light:hsl(142, 70%, 85.5%);--theme-success-secondary-hover-mode-dark:hsl(142, 70%, 85.5%);--theme-success-secondary-hover:var(--theme-success-secondary-hover-color-electric-blue);--color-success-secondary-hover:var(--theme-success-secondary-hover);--theme-success-secondary-active-mode-light:hsl(142, 70%, 81%);--theme-success-secondary-active-mode-dark:hsl(142, 70%, 81%);--theme-success-secondary-active:var(--theme-success-secondary-active-color-electric-blue);--color-success-secondary-active:var(--theme-success-secondary-active);--theme-on-success-secondary-mode-light:hsl(142, 50%, 25%);--theme-on-success-secondary-mode-dark:hsl(142, 50%, 25%);--theme-on-success-secondary:var(--theme-on-success-secondary-color-electric-blue);--color-on-success-secondary:var(--theme-on-success-secondary);--theme-success-text-mode-light:hsl(142, 50%, 25%);--theme-success-text-mode-dark:hsl(142, 50%, 85%);--theme-success-text:var(--theme-success-text-color-electric-blue);--color-success-text:var(--theme-success-text);--theme-warning-mode-light:hsl(45, 100%, 85%);--theme-warning-mode-dark:hsl(45, 100%, 68%);--theme-warning:var(--theme-warning-color-electric-blue);--color-warning:var(--theme-warning);--theme-on-warning-mode-light:hsl(30, 100%, 25%);--theme-on-warning-mode-dark:hsl(45, 100%, 95%);--theme-on-warning:var(--theme-on-warning-color-electric-blue);--color-on-warning:var(--theme-on-warning);--theme-link-mode-light:#2563eb;--theme-link-mode-dark:#60a5fa;--theme-link:var(--theme-link-color-electric-blue);--color-link:var(--theme-link);--theme-link-hover-mode-light:#1d4ed8;--theme-link-hover-mode-dark:#93c5fd;--theme-link-hover:var(--theme-link-hover-color-electric-blue);--color-link-hover:var(--theme-link-hover);--theme-link-active-mode-light:#1e40af;--theme-link-active-mode-dark:#bfdbfe;--theme-link-active:var(--theme-link-active-color-electric-blue);--color-link-active:var(--theme-link-active)}[data-theme=hot-pink]{--theme-primary-mode-light:hsl(330, 100%, 65%);--theme-primary-mode-dark:hsl(330, 100%, 65%);--theme-primary:var(--theme-primary-color-hot-pink);--color-primary:var(--theme-primary);--theme-primary-hover-mode-light:hsl(330, 100%, 58.5%);--theme-primary-hover-mode-dark:hsl(330, 100%, 68.5%);--theme-primary-hover:var(--theme-primary-hover-color-hot-pink);--color-primary-hover:var(--theme-primary-hover);--theme-primary-active-mode-light:hsl(330, 100%, 52%);--theme-primary-active-mode-dark:hsl(330, 100%, 72%);--theme-primary-active:var(--theme-primary-active-color-hot-pink);--color-primary-active:var(--theme-primary-active);--theme-primary-inverted-mode-light:hsl(330, 100%, 65%);--theme-primary-inverted-mode-dark:hsl(330, 100%, 65%);--theme-primary-inverted:var(--theme-primary-inverted-color-hot-pink);--color-primary-inverted:var(--theme-primary-inverted);--theme-primary-inverted-hover-mode-light:hsl(330, 100%, 68.5%);--theme-primary-inverted-hover-mode-dark:hsl(330, 100%, 58.5%);--theme-primary-inverted-hover:var(--theme-primary-inverted-hover-color-hot-pink);--color-primary-inverted-hover:var(--theme-primary-inverted-hover);--theme-primary-inverted-active-mode-light:hsl(330, 100%, 72%);--theme-primary-inverted-active-mode-dark:hsl(330, 100%, 52%);--theme-primary-inverted-active:var(--theme-primary-inverted-active-color-hot-pink);--color-primary-inverted-active:var(--theme-primary-inverted-active);--theme-on-primary-mode-light:#fefefd;--theme-on-primary-mode-dark:#fefefd;--theme-on-primary:var(--theme-on-primary-color-hot-pink);--color-on-primary:var(--theme-on-primary);--theme-on-primary-inverted-mode-light:#fefefd;--theme-on-primary-inverted-mode-dark:#fefefd;--theme-on-primary-inverted:var(--theme-on-primary-inverted-color-hot-pink);--color-on-primary-inverted:var(--theme-on-primary-inverted);--theme-primary-text-mode-light:hsl(330, 100%, 45.5%);--theme-primary-text-mode-dark:hsl(330, 100%, 93%);--theme-primary-text:var(--theme-primary-text-color-hot-pink);--color-primary-text:var(--theme-primary-text);--theme-secondary-mode-light:hsl(330, 60%, 94.75%);--theme-secondary-mode-dark:hsl(330, 80%, 75.5%);--theme-secondary:var(--theme-secondary-color-hot-pink);--color-secondary:var(--theme-secondary);--theme-secondary-hover-mode-light:hsl(330, 60%, 90.0125%);--theme-secondary-hover-mode-dark:hsl(330, 80%, 77.95%);--theme-secondary-hover:var(--theme-secondary-hover-color-hot-pink);--color-secondary-hover:var(--theme-secondary-hover);--theme-secondary-active-mode-light:hsl(330, 60%, 85.275%);--theme-secondary-active-mode-dark:hsl(330, 80%, 80.4%);--theme-secondary-active:var(--theme-secondary-active-color-hot-pink);--color-secondary-active:var(--theme-secondary-active);--theme-secondary-inverted-mode-light:hsl(330, 80%, 75.5%);--theme-secondary-inverted-mode-dark:hsl(330, 60%, 94.75%);--theme-secondary-inverted:var(--theme-secondary-inverted-color-hot-pink);--color-secondary-inverted:var(--theme-secondary-inverted);--theme-secondary-inverted-hover-mode-light:hsl(330, 80%, 77.95%);--theme-secondary-inverted-hover-mode-dark:hsl(330, 60%, 90.0125%);--theme-secondary-inverted-hover:var(--theme-secondary-inverted-hover-color-hot-pink);--color-secondary-inverted-hover:var(--theme-secondary-inverted-hover);--theme-secondary-inverted-active-mode-light:hsl(330, 80%, 80.4%);--theme-secondary-inverted-active-mode-dark:hsl(330, 60%, 85.275%);--theme-secondary-inverted-active:var(--theme-secondary-inverted-active-color-hot-pink);--color-secondary-inverted-active:var(--theme-secondary-inverted-active);--theme-on-secondary-mode-light:hsl(330, 100%, 45.5%);--theme-on-secondary-mode-dark:hsl(330, 100%, 32.5%);--theme-on-secondary:var(--theme-on-secondary-color-hot-pink);--color-on-secondary:var(--theme-on-secondary);--theme-on-secondary-inverted-mode-light:hsl(330, 60%, 94.75%);--theme-on-secondary-inverted-mode-dark:hsl(330, 100%, 45.5%);--theme-on-secondary-inverted:var(--theme-on-secondary-inverted-color-hot-pink);--color-on-secondary-inverted:var(--theme-on-secondary-inverted);--theme-default-mode-light:#fefefd;--theme-default-mode-dark:#2c2c2e;--theme-default:var(--theme-default-color-hot-pink);--color-default:var(--theme-default);--theme-on-default-mode-light:#2c2c2e;--theme-on-default-mode-dark:#fefefd;--theme-on-default:var(--theme-on-default-color-hot-pink);--color-on-default:var(--theme-on-default);--theme-inverted-mode-light:#2c2c2e;--theme-inverted-mode-dark:#fefefd;--theme-inverted:var(--theme-inverted-color-hot-pink);--color-inverted:var(--theme-inverted);--theme-on-inverted-mode-light:#fefefd;--theme-on-inverted-mode-dark:#2c2c2e;--theme-on-inverted:var(--theme-on-inverted-color-hot-pink);--color-on-inverted:var(--theme-on-inverted);--theme-surface-mode-light:hsl(330, 40%, 96.5%);--theme-surface-mode-dark:hsl(330, 50%, 70.25%);--theme-surface:var(--theme-surface-color-hot-pink);--color-surface:var(--theme-surface);--theme-surface-hover-mode-light:hsl(330, 40%, 91.675%);--theme-surface-hover-mode-dark:hsl(330, 50%, 71.7375%);--theme-surface-hover:var(--theme-surface-hover-color-hot-pink);--color-surface-hover:var(--theme-surface-hover);--theme-surface-active-mode-light:hsl(330, 40%, 86.85%);--theme-surface-active-mode-dark:hsl(330, 50%, 73.225%);--theme-surface-active:var(--theme-surface-active-color-hot-pink);--color-surface-active:var(--theme-surface-active);--theme-surface-inverted-mode-light:hsl(330, 50%, 70.25%);--theme-surface-inverted-mode-dark:hsl(330, 40%, 96.5%);--theme-surface-inverted:var(--theme-surface-inverted-color-hot-pink);--color-surface-inverted:var(--theme-surface-inverted);--theme-surface-inverted-hover-mode-light:hsl(330, 50%, 71.7375%);--theme-surface-inverted-hover-mode-dark:hsl(330, 40%, 91.675%);--theme-surface-inverted-hover:var(--theme-surface-inverted-hover-color-hot-pink);--color-surface-inverted-hover:var(--theme-surface-inverted-hover);--theme-surface-inverted-active-mode-light:hsl(330, 50%, 73.225%);--theme-surface-inverted-active-mode-dark:hsl(330, 40%, 86.85%);--theme-surface-inverted-active:var(--theme-surface-inverted-active-color-hot-pink);--color-surface-inverted-active:var(--theme-surface-inverted-active);--theme-backdrop-mode-light:rgba(0, 0, 0, 0.5);--theme-backdrop-mode-dark:rgba(0, 0, 0, 0.7);--theme-backdrop:var(--theme-backdrop-color-hot-pink);--color-backdrop:var(--theme-backdrop);--theme-overlay-mode-light:rgba(0, 0, 0, 0.04);--theme-overlay-mode-dark:rgba(255, 255, 255, 0.06);--theme-overlay:var(--theme-overlay-color-hot-pink);--color-overlay:var(--theme-overlay);--theme-modal-mode-light:#fefefd;--theme-modal-mode-dark:#262626;--theme-modal:var(--theme-modal-color-hot-pink);--color-modal:var(--theme-modal);--theme-skeleton-mode-light:#e0e0e0;--theme-skeleton-mode-dark:#3a3a3a;--theme-skeleton:var(--theme-skeleton-color-hot-pink);--color-skeleton:var(--theme-skeleton);--theme-on-skeleton-mode-light:#f0f0f0;--theme-on-skeleton-mode-dark:#4a4a4a;--theme-on-skeleton:var(--theme-on-skeleton-color-hot-pink);--color-on-skeleton:var(--theme-on-skeleton);--theme-muted-mode-light:hsl(0, 0%, 32%);--theme-muted-mode-dark:hsl(0, 0%, 92%);--theme-muted:var(--theme-muted-color-hot-pink);--color-muted:var(--theme-muted);--theme-placeholder-mode-light:hsl(0, 0%, 52%);--theme-placeholder-mode-dark:hsl(0, 0%, 76%);--theme-placeholder:var(--theme-placeholder-color-hot-pink);--color-placeholder:var(--theme-placeholder);--theme-disabled-mode-light:hsl(0, 0%, 55%);--theme-disabled-mode-dark:hsl(0, 0%, 35%);--theme-disabled:var(--theme-disabled-color-hot-pink);--color-disabled:var(--theme-disabled);--theme-on-disabled-mode-light:hsl(0, 0%, 95%);--theme-on-disabled-mode-dark:hsl(0, 0%, 85%);--theme-on-disabled:var(--theme-on-disabled-color-hot-pink);--color-on-disabled:var(--theme-on-disabled);--theme-divider-mode-light:hsl(330, 20%, 91.25%);--theme-divider-mode-dark:hsl(330, 20%, 91.25%);--theme-divider:var(--theme-divider-color-hot-pink);--color-divider:var(--theme-divider);--theme-divider-hover-mode-light:hsl(330, 20%, 86.6875%);--theme-divider-hover-mode-dark:hsl(330, 20%, 91.6875%);--theme-divider-hover:var(--theme-divider-hover-color-hot-pink);--color-divider-hover:var(--theme-divider-hover);--theme-divider-active-mode-light:hsl(330, 20%, 82.125%);--theme-divider-active-mode-dark:hsl(330, 20%, 92.125%);--theme-divider-active:var(--theme-divider-active-color-hot-pink);--color-divider-active:var(--theme-divider-active);--theme-divider-disabled-mode-light:hsl(0, 0%, 60%);--theme-divider-disabled-mode-dark:hsl(0, 0%, 45%);--theme-divider-disabled:var(--theme-divider-disabled-color-hot-pink);--color-divider-disabled:var(--theme-divider-disabled);--theme-focus-ring-mode-light:hsla(330, 100%, 65%, 0.7);--theme-focus-ring-mode-dark:hsla(330, 100%, 65%, 0.9);--theme-focus-ring:var(--theme-focus-ring-color-hot-pink);--color-focus-ring:var(--theme-focus-ring);--theme-shadow-mode-light:rgba(0, 0, 0, 0.1);--theme-shadow-mode-dark:rgba(0, 0, 0, 0.4);--theme-shadow:var(--theme-shadow-color-hot-pink);--color-shadow:var(--theme-shadow);--theme-error-mode-light:hsl(0, 70%, 40%);--theme-error-mode-dark:hsl(0, 70%, 40%);--theme-error:var(--theme-error-color-hot-pink);--color-error:var(--theme-error);--theme-error-hover-mode-light:hsl(0, 70%, 38%);--theme-error-hover-mode-dark:hsl(0, 70%, 38%);--theme-error-hover:var(--theme-error-hover-color-hot-pink);--color-error-hover:var(--theme-error-hover);--theme-error-active-mode-light:hsl(0, 70%, 36%);--theme-error-active-mode-dark:hsl(0, 70%, 36%);--theme-error-active:var(--theme-error-active-color-hot-pink);--color-error-active:var(--theme-error-active);--theme-error-inverted-mode-light:hsl(0, 70%, 40%);--theme-error-inverted-mode-dark:hsl(0, 70%, 40%);--theme-error-inverted:var(--theme-error-inverted-color-hot-pink);--color-error-inverted:var(--theme-error-inverted);--theme-error-inverted-hover-mode-light:hsl(0, 70%, 38%);--theme-error-inverted-hover-mode-dark:hsl(0, 70%, 38%);--theme-error-inverted-hover:var(--theme-error-inverted-hover-color-hot-pink);--color-error-inverted-hover:var(--theme-error-inverted-hover);--theme-error-inverted-active-mode-light:hsl(0, 70%, 36%);--theme-error-inverted-active-mode-dark:hsl(0, 70%, 36%);--theme-error-inverted-active:var(--theme-error-inverted-active-color-hot-pink);--color-error-inverted-active:var(--theme-error-inverted-active);--theme-on-error-mode-light:#fefefd;--theme-on-error-mode-dark:hsl(0, 100%, 95%);--theme-on-error:var(--theme-on-error-color-hot-pink);--color-on-error:var(--theme-on-error);--theme-on-error-inverted-mode-light:#fefefd;--theme-on-error-inverted-mode-dark:hsl(0, 100%, 95%);--theme-on-error-inverted:var(--theme-on-error-inverted-color-hot-pink);--color-on-error-inverted:var(--theme-on-error-inverted);--theme-error-secondary-mode-light:hsl(0, 100%, 95%);--theme-error-secondary-mode-dark:hsl(0, 100%, 95%);--theme-error-secondary:var(--theme-error-secondary-color-hot-pink);--color-error-secondary:var(--theme-error-secondary);--theme-error-secondary-hover-mode-light:hsl(0, 100%, 90.25%);--theme-error-secondary-hover-mode-dark:hsl(0, 100%, 90.25%);--theme-error-secondary-hover:var(--theme-error-secondary-hover-color-hot-pink);--color-error-secondary-hover:var(--theme-error-secondary-hover);--theme-error-secondary-active-mode-light:hsl(0, 100%, 85.5%);--theme-error-secondary-active-mode-dark:hsl(0, 100%, 85.5%);--theme-error-secondary-active:var(--theme-error-secondary-active-color-hot-pink);--color-error-secondary-active:var(--theme-error-secondary-active);--theme-on-error-secondary-mode-light:hsl(0, 70%, 30%);--theme-on-error-secondary-mode-dark:hsl(0, 70%, 30%);--theme-on-error-secondary:var(--theme-on-error-secondary-color-hot-pink);--color-on-error-secondary:var(--theme-on-error-secondary);--theme-error-text-mode-light:hsl(0, 70%, 30%);--theme-error-text-mode-dark:hsl(0, 70%, 90%);--theme-error-text:var(--theme-error-text-color-hot-pink);--color-error-text:var(--theme-error-text);--theme-success-mode-light:hsl(142, 50%, 35%);--theme-success-mode-dark:hsl(142, 50%, 35%);--theme-success:var(--theme-success-color-hot-pink);--color-success:var(--theme-success);--theme-success-hover-mode-light:hsl(142, 50%, 33.25%);--theme-success-hover-mode-dark:hsl(142, 50%, 33.25%);--theme-success-hover:var(--theme-success-hover-color-hot-pink);--color-success-hover:var(--theme-success-hover);--theme-success-active-mode-light:hsl(142, 50%, 31.5%);--theme-success-active-mode-dark:hsl(142, 50%, 31.5%);--theme-success-active:var(--theme-success-active-color-hot-pink);--color-success-active:var(--theme-success-active);--theme-success-inverted-mode-light:hsl(142, 50%, 35%);--theme-success-inverted-mode-dark:hsl(142, 50%, 35%);--theme-success-inverted:var(--theme-success-inverted-color-hot-pink);--color-success-inverted:var(--theme-success-inverted);--theme-success-inverted-hover-mode-light:hsl(142, 50%, 33.25%);--theme-success-inverted-hover-mode-dark:hsl(142, 50%, 33.25%);--theme-success-inverted-hover:var(--theme-success-inverted-hover-color-hot-pink);--color-success-inverted-hover:var(--theme-success-inverted-hover);--theme-success-inverted-active-mode-light:hsl(142, 50%, 31.5%);--theme-success-inverted-active-mode-dark:hsl(142, 50%, 31.5%);--theme-success-inverted-active:var(--theme-success-inverted-active-color-hot-pink);--color-success-inverted-active:var(--theme-success-inverted-active);--theme-on-success-mode-light:#fefefd;--theme-on-success-mode-dark:hsl(142, 70%, 95%);--theme-on-success:var(--theme-on-success-color-hot-pink);--color-on-success:var(--theme-on-success);--theme-on-success-inverted-mode-light:#fefefd;--theme-on-success-inverted-mode-dark:hsl(142, 70%, 95%);--theme-on-success-inverted:var(--theme-on-success-inverted-color-hot-pink);--color-on-success-inverted:var(--theme-on-success-inverted);--theme-success-secondary-mode-light:hsl(142, 70%, 90%);--theme-success-secondary-mode-dark:hsl(142, 70%, 90%);--theme-success-secondary:var(--theme-success-secondary-color-hot-pink);--color-success-secondary:var(--theme-success-secondary);--theme-success-secondary-hover-mode-light:hsl(142, 70%, 85.5%);--theme-success-secondary-hover-mode-dark:hsl(142, 70%, 85.5%);--theme-success-secondary-hover:var(--theme-success-secondary-hover-color-hot-pink);--color-success-secondary-hover:var(--theme-success-secondary-hover);--theme-success-secondary-active-mode-light:hsl(142, 70%, 81%);--theme-success-secondary-active-mode-dark:hsl(142, 70%, 81%);--theme-success-secondary-active:var(--theme-success-secondary-active-color-hot-pink);--color-success-secondary-active:var(--theme-success-secondary-active);--theme-on-success-secondary-mode-light:hsl(142, 50%, 25%);--theme-on-success-secondary-mode-dark:hsl(142, 50%, 25%);--theme-on-success-secondary:var(--theme-on-success-secondary-color-hot-pink);--color-on-success-secondary:var(--theme-on-success-secondary);--theme-success-text-mode-light:hsl(142, 50%, 25%);--theme-success-text-mode-dark:hsl(142, 50%, 85%);--theme-success-text:var(--theme-success-text-color-hot-pink);--color-success-text:var(--theme-success-text);--theme-warning-mode-light:hsl(45, 100%, 85%);--theme-warning-mode-dark:hsl(45, 100%, 68%);--theme-warning:var(--theme-warning-color-hot-pink);--color-warning:var(--theme-warning);--theme-on-warning-mode-light:hsl(30, 100%, 25%);--theme-on-warning-mode-dark:hsl(45, 100%, 95%);--theme-on-warning:var(--theme-on-warning-color-hot-pink);--color-on-warning:var(--theme-on-warning);--theme-link-mode-light:#2563eb;--theme-link-mode-dark:#60a5fa;--theme-link:var(--theme-link-color-hot-pink);--color-link:var(--theme-link);--theme-link-hover-mode-light:#1d4ed8;--theme-link-hover-mode-dark:#93c5fd;--theme-link-hover:var(--theme-link-hover-color-hot-pink);--color-link-hover:var(--theme-link-hover);--theme-link-active-mode-light:#1e40af;--theme-link-active-mode-dark:#bfdbfe;--theme-link-active:var(--theme-link-active-color-hot-pink);--color-link-active:var(--theme-link-active)}[data-theme=shrine-pink]{--theme-primary-mode-light:hsl(18, 96%, 60%);--theme-primary-mode-dark:hsl(18, 96%, 60%);--theme-primary:var(--theme-primary-color-shrine-pink);--color-primary:var(--theme-primary);--theme-primary-hover-mode-light:hsl(18, 96%, 54%);--theme-primary-hover-mode-dark:hsl(18, 96%, 64%);--theme-primary-hover:var(--theme-primary-hover-color-shrine-pink);--color-primary-hover:var(--theme-primary-hover);--theme-primary-active-mode-light:hsl(18, 96%, 48%);--theme-primary-active-mode-dark:hsl(18, 96%, 68%);--theme-primary-active:var(--theme-primary-active-color-shrine-pink);--color-primary-active:var(--theme-primary-active);--theme-primary-inverted-mode-light:hsl(18, 96%, 60%);--theme-primary-inverted-mode-dark:hsl(18, 96%, 60%);--theme-primary-inverted:var(--theme-primary-inverted-color-shrine-pink);--color-primary-inverted:var(--theme-primary-inverted);--theme-primary-inverted-hover-mode-light:hsl(18, 96%, 64%);--theme-primary-inverted-hover-mode-dark:hsl(18, 96%, 54%);--theme-primary-inverted-hover:var(--theme-primary-inverted-hover-color-shrine-pink);--color-primary-inverted-hover:var(--theme-primary-inverted-hover);--theme-primary-inverted-active-mode-light:hsl(18, 96%, 68%);--theme-primary-inverted-active-mode-dark:hsl(18, 96%, 48%);--theme-primary-inverted-active:var(--theme-primary-inverted-active-color-shrine-pink);--color-primary-inverted-active:var(--theme-primary-inverted-active);--theme-on-primary-mode-light:#fefefd;--theme-on-primary-mode-dark:#fefefd;--theme-on-primary:var(--theme-on-primary-color-shrine-pink);--color-on-primary:var(--theme-on-primary);--theme-on-primary-inverted-mode-light:#fefefd;--theme-on-primary-inverted-mode-dark:#fefefd;--theme-on-primary-inverted:var(--theme-on-primary-inverted-color-shrine-pink);--color-on-primary-inverted:var(--theme-on-primary-inverted);--theme-primary-text-mode-light:hsl(18, 96%, 42%);--theme-primary-text-mode-dark:hsl(18, 96%, 92%);--theme-primary-text:var(--theme-primary-text-color-shrine-pink);--color-primary-text:var(--theme-primary-text);--theme-secondary-mode-light:hsl(18, 57.6%, 94%);--theme-secondary-mode-dark:hsl(18, 76.8%, 72%);--theme-secondary:var(--theme-secondary-color-shrine-pink);--color-secondary:var(--theme-secondary);--theme-secondary-hover-mode-light:hsl(18, 57.6%, 89.3%);--theme-secondary-hover-mode-dark:hsl(18, 76.8%, 74.8%);--theme-secondary-hover:var(--theme-secondary-hover-color-shrine-pink);--color-secondary-hover:var(--theme-secondary-hover);--theme-secondary-active-mode-light:hsl(18, 57.6%, 84.6%);--theme-secondary-active-mode-dark:hsl(18, 76.8%, 77.6%);--theme-secondary-active:var(--theme-secondary-active-color-shrine-pink);--color-secondary-active:var(--theme-secondary-active);--theme-secondary-inverted-mode-light:hsl(18, 76.8%, 72%);--theme-secondary-inverted-mode-dark:hsl(18, 57.6%, 94%);--theme-secondary-inverted:var(--theme-secondary-inverted-color-shrine-pink);--color-secondary-inverted:var(--theme-secondary-inverted);--theme-secondary-inverted-hover-mode-light:hsl(18, 76.8%, 74.8%);--theme-secondary-inverted-hover-mode-dark:hsl(18, 57.6%, 89.3%);--theme-secondary-inverted-hover:var(--theme-secondary-inverted-hover-color-shrine-pink);--color-secondary-inverted-hover:var(--theme-secondary-inverted-hover);--theme-secondary-inverted-active-mode-light:hsl(18, 76.8%, 77.6%);--theme-secondary-inverted-active-mode-dark:hsl(18, 57.6%, 84.6%);--theme-secondary-inverted-active:var(--theme-secondary-inverted-active-color-shrine-pink);--color-secondary-inverted-active:var(--theme-secondary-inverted-active);--theme-on-secondary-mode-light:hsl(18, 96%, 42%);--theme-on-secondary-mode-dark:hsl(18, 96%, 30%);--theme-on-secondary:var(--theme-on-secondary-color-shrine-pink);--color-on-secondary:var(--theme-on-secondary);--theme-on-secondary-inverted-mode-light:hsl(18, 57.6%, 94%);--theme-on-secondary-inverted-mode-dark:hsl(18, 96%, 42%);--theme-on-secondary-inverted:var(--theme-on-secondary-inverted-color-shrine-pink);--color-on-secondary-inverted:var(--theme-on-secondary-inverted);--theme-default-mode-light:#fefefd;--theme-default-mode-dark:#2c2c2e;--theme-default:var(--theme-default-color-shrine-pink);--color-default:var(--theme-default);--theme-on-default-mode-light:#2c2c2e;--theme-on-default-mode-dark:#fefefd;--theme-on-default:var(--theme-on-default-color-shrine-pink);--color-on-default:var(--theme-on-default);--theme-inverted-mode-light:#2c2c2e;--theme-inverted-mode-dark:#fefefd;--theme-inverted:var(--theme-inverted-color-shrine-pink);--color-inverted:var(--theme-inverted);--theme-on-inverted-mode-light:#fefefd;--theme-on-inverted-mode-dark:#2c2c2e;--theme-on-inverted:var(--theme-on-inverted-color-shrine-pink);--color-on-inverted:var(--theme-on-inverted);--theme-surface-mode-light:hsl(18, 38.4%, 96%);--theme-surface-mode-dark:hsl(18, 48%, 66%);--theme-surface:var(--theme-surface-color-shrine-pink);--color-surface:var(--theme-surface);--theme-surface-hover-mode-light:hsl(18, 38.4%, 91.2%);--theme-surface-hover-mode-dark:hsl(18, 48%, 67.7%);--theme-surface-hover:var(--theme-surface-hover-color-shrine-pink);--color-surface-hover:var(--theme-surface-hover);--theme-surface-active-mode-light:hsl(18, 38.4%, 86.4%);--theme-surface-active-mode-dark:hsl(18, 48%, 69.4%);--theme-surface-active:var(--theme-surface-active-color-shrine-pink);--color-surface-active:var(--theme-surface-active);--theme-surface-inverted-mode-light:hsl(18, 48%, 66%);--theme-surface-inverted-mode-dark:hsl(18, 38.4%, 96%);--theme-surface-inverted:var(--theme-surface-inverted-color-shrine-pink);--color-surface-inverted:var(--theme-surface-inverted);--theme-surface-inverted-hover-mode-light:hsl(18, 48%, 67.7%);--theme-surface-inverted-hover-mode-dark:hsl(18, 38.4%, 91.2%);--theme-surface-inverted-hover:var(--theme-surface-inverted-hover-color-shrine-pink);--color-surface-inverted-hover:var(--theme-surface-inverted-hover);--theme-surface-inverted-active-mode-light:hsl(18, 48%, 69.4%);--theme-surface-inverted-active-mode-dark:hsl(18, 38.4%, 86.4%);--theme-surface-inverted-active:var(--theme-surface-inverted-active-color-shrine-pink);--color-surface-inverted-active:var(--theme-surface-inverted-active);--theme-backdrop-mode-light:rgba(0, 0, 0, 0.5);--theme-backdrop-mode-dark:rgba(0, 0, 0, 0.7);--theme-backdrop:var(--theme-backdrop-color-shrine-pink);--color-backdrop:var(--theme-backdrop);--theme-overlay-mode-light:rgba(0, 0, 0, 0.04);--theme-overlay-mode-dark:rgba(255, 255, 255, 0.06);--theme-overlay:var(--theme-overlay-color-shrine-pink);--color-overlay:var(--theme-overlay);--theme-modal-mode-light:#fefefd;--theme-modal-mode-dark:#262626;--theme-modal:var(--theme-modal-color-shrine-pink);--color-modal:var(--theme-modal);--theme-skeleton-mode-light:#e0e0e0;--theme-skeleton-mode-dark:#3a3a3a;--theme-skeleton:var(--theme-skeleton-color-shrine-pink);--color-skeleton:var(--theme-skeleton);--theme-on-skeleton-mode-light:#f0f0f0;--theme-on-skeleton-mode-dark:#4a4a4a;--theme-on-skeleton:var(--theme-on-skeleton-color-shrine-pink);--color-on-skeleton:var(--theme-on-skeleton);--theme-muted-mode-light:hsl(0, 0%, 32%);--theme-muted-mode-dark:hsl(0, 0%, 92%);--theme-muted:var(--theme-muted-color-shrine-pink);--color-muted:var(--theme-muted);--theme-placeholder-mode-light:hsl(0, 0%, 52%);--theme-placeholder-mode-dark:hsl(0, 0%, 76%);--theme-placeholder:var(--theme-placeholder-color-shrine-pink);--color-placeholder:var(--theme-placeholder);--theme-disabled-mode-light:hsl(0, 0%, 55%);--theme-disabled-mode-dark:hsl(0, 0%, 35%);--theme-disabled:var(--theme-disabled-color-shrine-pink);--color-disabled:var(--theme-disabled);--theme-on-disabled-mode-light:hsl(0, 0%, 95%);--theme-on-disabled-mode-dark:hsl(0, 0%, 85%);--theme-on-disabled:var(--theme-on-disabled-color-shrine-pink);--color-on-disabled:var(--theme-on-disabled);--theme-divider-mode-light:hsl(18, 19.2%, 90%);--theme-divider-mode-dark:hsl(18, 19.2%, 90%);--theme-divider:var(--theme-divider-color-shrine-pink);--color-divider:var(--theme-divider);--theme-divider-hover-mode-light:hsl(18, 19.2%, 85.5%);--theme-divider-hover-mode-dark:hsl(18, 19.2%, 90.5%);--theme-divider-hover:var(--theme-divider-hover-color-shrine-pink);--color-divider-hover:var(--theme-divider-hover);--theme-divider-active-mode-light:hsl(18, 19.2%, 81%);--theme-divider-active-mode-dark:hsl(18, 19.2%, 91%);--theme-divider-active:var(--theme-divider-active-color-shrine-pink);--color-divider-active:var(--theme-divider-active);--theme-divider-disabled-mode-light:hsl(0, 0%, 60%);--theme-divider-disabled-mode-dark:hsl(0, 0%, 45%);--theme-divider-disabled:var(--theme-divider-disabled-color-shrine-pink);--color-divider-disabled:var(--theme-divider-disabled);--theme-focus-ring-mode-light:hsla(18, 96%, 60%, 0.7);--theme-focus-ring-mode-dark:hsla(18, 96%, 60%, 0.9);--theme-focus-ring:var(--theme-focus-ring-color-shrine-pink);--color-focus-ring:var(--theme-focus-ring);--theme-shadow-mode-light:rgba(0, 0, 0, 0.1);--theme-shadow-mode-dark:rgba(0, 0, 0, 0.4);--theme-shadow:var(--theme-shadow-color-shrine-pink);--color-shadow:var(--theme-shadow);--theme-error-mode-light:hsl(0, 70%, 40%);--theme-error-mode-dark:hsl(0, 70%, 40%);--theme-error:var(--theme-error-color-shrine-pink);--color-error:var(--theme-error);--theme-error-hover-mode-light:hsl(0, 70%, 38%);--theme-error-hover-mode-dark:hsl(0, 70%, 38%);--theme-error-hover:var(--theme-error-hover-color-shrine-pink);--color-error-hover:var(--theme-error-hover);--theme-error-active-mode-light:hsl(0, 70%, 36%);--theme-error-active-mode-dark:hsl(0, 70%, 36%);--theme-error-active:var(--theme-error-active-color-shrine-pink);--color-error-active:var(--theme-error-active);--theme-error-inverted-mode-light:hsl(0, 70%, 40%);--theme-error-inverted-mode-dark:hsl(0, 70%, 40%);--theme-error-inverted:var(--theme-error-inverted-color-shrine-pink);--color-error-inverted:var(--theme-error-inverted);--theme-error-inverted-hover-mode-light:hsl(0, 70%, 38%);--theme-error-inverted-hover-mode-dark:hsl(0, 70%, 38%);--theme-error-inverted-hover:var(--theme-error-inverted-hover-color-shrine-pink);--color-error-inverted-hover:var(--theme-error-inverted-hover);--theme-error-inverted-active-mode-light:hsl(0, 70%, 36%);--theme-error-inverted-active-mode-dark:hsl(0, 70%, 36%);--theme-error-inverted-active:var(--theme-error-inverted-active-color-shrine-pink);--color-error-inverted-active:var(--theme-error-inverted-active);--theme-on-error-mode-light:#fefefd;--theme-on-error-mode-dark:hsl(0, 100%, 95%);--theme-on-error:var(--theme-on-error-color-shrine-pink);--color-on-error:var(--theme-on-error);--theme-on-error-inverted-mode-light:#fefefd;--theme-on-error-inverted-mode-dark:hsl(0, 100%, 95%);--theme-on-error-inverted:var(--theme-on-error-inverted-color-shrine-pink);--color-on-error-inverted:var(--theme-on-error-inverted);--theme-error-secondary-mode-light:hsl(0, 100%, 95%);--theme-error-secondary-mode-dark:hsl(0, 100%, 95%);--theme-error-secondary:var(--theme-error-secondary-color-shrine-pink);--color-error-secondary:var(--theme-error-secondary);--theme-error-secondary-hover-mode-light:hsl(0, 100%, 90.25%);--theme-error-secondary-hover-mode-dark:hsl(0, 100%, 90.25%);--theme-error-secondary-hover:var(--theme-error-secondary-hover-color-shrine-pink);--color-error-secondary-hover:var(--theme-error-secondary-hover);--theme-error-secondary-active-mode-light:hsl(0, 100%, 85.5%);--theme-error-secondary-active-mode-dark:hsl(0, 100%, 85.5%);--theme-error-secondary-active:var(--theme-error-secondary-active-color-shrine-pink);--color-error-secondary-active:var(--theme-error-secondary-active);--theme-on-error-secondary-mode-light:hsl(0, 70%, 30%);--theme-on-error-secondary-mode-dark:hsl(0, 70%, 30%);--theme-on-error-secondary:var(--theme-on-error-secondary-color-shrine-pink);--color-on-error-secondary:var(--theme-on-error-secondary);--theme-error-text-mode-light:hsl(0, 70%, 30%);--theme-error-text-mode-dark:hsl(0, 70%, 90%);--theme-error-text:var(--theme-error-text-color-shrine-pink);--color-error-text:var(--theme-error-text);--theme-success-mode-light:hsl(142, 50%, 35%);--theme-success-mode-dark:hsl(142, 50%, 35%);--theme-success:var(--theme-success-color-shrine-pink);--color-success:var(--theme-success);--theme-success-hover-mode-light:hsl(142, 50%, 33.25%);--theme-success-hover-mode-dark:hsl(142, 50%, 33.25%);--theme-success-hover:var(--theme-success-hover-color-shrine-pink);--color-success-hover:var(--theme-success-hover);--theme-success-active-mode-light:hsl(142, 50%, 31.5%);--theme-success-active-mode-dark:hsl(142, 50%, 31.5%);--theme-success-active:var(--theme-success-active-color-shrine-pink);--color-success-active:var(--theme-success-active);--theme-success-inverted-mode-light:hsl(142, 50%, 35%);--theme-success-inverted-mode-dark:hsl(142, 50%, 35%);--theme-success-inverted:var(--theme-success-inverted-color-shrine-pink);--color-success-inverted:var(--theme-success-inverted);--theme-success-inverted-hover-mode-light:hsl(142, 50%, 33.25%);--theme-success-inverted-hover-mode-dark:hsl(142, 50%, 33.25%);--theme-success-inverted-hover:var(--theme-success-inverted-hover-color-shrine-pink);--color-success-inverted-hover:var(--theme-success-inverted-hover);--theme-success-inverted-active-mode-light:hsl(142, 50%, 31.5%);--theme-success-inverted-active-mode-dark:hsl(142, 50%, 31.5%);--theme-success-inverted-active:var(--theme-success-inverted-active-color-shrine-pink);--color-success-inverted-active:var(--theme-success-inverted-active);--theme-on-success-mode-light:#fefefd;--theme-on-success-mode-dark:hsl(142, 70%, 95%);--theme-on-success:var(--theme-on-success-color-shrine-pink);--color-on-success:var(--theme-on-success);--theme-on-success-inverted-mode-light:#fefefd;--theme-on-success-inverted-mode-dark:hsl(142, 70%, 95%);--theme-on-success-inverted:var(--theme-on-success-inverted-color-shrine-pink);--color-on-success-inverted:var(--theme-on-success-inverted);--theme-success-secondary-mode-light:hsl(142, 70%, 90%);--theme-success-secondary-mode-dark:hsl(142, 70%, 90%);--theme-success-secondary:var(--theme-success-secondary-color-shrine-pink);--color-success-secondary:var(--theme-success-secondary);--theme-success-secondary-hover-mode-light:hsl(142, 70%, 85.5%);--theme-success-secondary-hover-mode-dark:hsl(142, 70%, 85.5%);--theme-success-secondary-hover:var(--theme-success-secondary-hover-color-shrine-pink);--color-success-secondary-hover:var(--theme-success-secondary-hover);--theme-success-secondary-active-mode-light:hsl(142, 70%, 81%);--theme-success-secondary-active-mode-dark:hsl(142, 70%, 81%);--theme-success-secondary-active:var(--theme-success-secondary-active-color-shrine-pink);--color-success-secondary-active:var(--theme-success-secondary-active);--theme-on-success-secondary-mode-light:hsl(142, 50%, 25%);--theme-on-success-secondary-mode-dark:hsl(142, 50%, 25%);--theme-on-success-secondary:var(--theme-on-success-secondary-color-shrine-pink);--color-on-success-secondary:var(--theme-on-success-secondary);--theme-success-text-mode-light:hsl(142, 50%, 25%);--theme-success-text-mode-dark:hsl(142, 50%, 85%);--theme-success-text:var(--theme-success-text-color-shrine-pink);--color-success-text:var(--theme-success-text);--theme-warning-mode-light:hsl(45, 100%, 85%);--theme-warning-mode-dark:hsl(45, 100%, 68%);--theme-warning:var(--theme-warning-color-shrine-pink);--color-warning:var(--theme-warning);--theme-on-warning-mode-light:hsl(30, 100%, 25%);--theme-on-warning-mode-dark:hsl(45, 100%, 95%);--theme-on-warning:var(--theme-on-warning-color-shrine-pink);--color-on-warning:var(--theme-on-warning);--theme-link-mode-light:#2563eb;--theme-link-mode-dark:#60a5fa;--theme-link:var(--theme-link-color-shrine-pink);--color-link:var(--theme-link);--theme-link-hover-mode-light:#1d4ed8;--theme-link-hover-mode-dark:#93c5fd;--theme-link-hover:var(--theme-link-hover-color-shrine-pink);--color-link-hover:var(--theme-link-hover);--theme-link-active-mode-light:#1e40af;--theme-link-active-mode-dark:#bfdbfe;--theme-link-active:var(--theme-link-active-color-shrine-pink);--color-link-active:var(--theme-link-active)}[data-theme=crane-purple]{--theme-primary-mode-light:hsl(320, 71%, 40%);--theme-primary-mode-dark:hsl(320, 71%, 40%);--theme-primary:var(--theme-primary-color-crane-purple);--color-primary:var(--theme-primary);--theme-primary-hover-mode-light:hsl(320, 71%, 36%);--theme-primary-hover-mode-dark:hsl(320, 71%, 46%);--theme-primary-hover:var(--theme-primary-hover-color-crane-purple);--color-primary-hover:var(--theme-primary-hover);--theme-primary-active-mode-light:hsl(320, 71%, 32%);--theme-primary-active-mode-dark:hsl(320, 71%, 52%);--theme-primary-active:var(--theme-primary-active-color-crane-purple);--color-primary-active:var(--theme-primary-active);--theme-primary-inverted-mode-light:hsl(320, 71%, 40%);--theme-primary-inverted-mode-dark:hsl(320, 71%, 40%);--theme-primary-inverted:var(--theme-primary-inverted-color-crane-purple);--color-primary-inverted:var(--theme-primary-inverted);--theme-primary-inverted-hover-mode-light:hsl(320, 71%, 46%);--theme-primary-inverted-hover-mode-dark:hsl(320, 71%, 36%);--theme-primary-inverted-hover:var(--theme-primary-inverted-hover-color-crane-purple);--color-primary-inverted-hover:var(--theme-primary-inverted-hover);--theme-primary-inverted-active-mode-light:hsl(320, 71%, 52%);--theme-primary-inverted-active-mode-dark:hsl(320, 71%, 32%);--theme-primary-inverted-active:var(--theme-primary-inverted-active-color-crane-purple);--color-primary-inverted-active:var(--theme-primary-inverted-active);--theme-on-primary-mode-light:#fefefd;--theme-on-primary-mode-dark:#fefefd;--theme-on-primary:var(--theme-on-primary-color-crane-purple);--color-on-primary:var(--theme-on-primary);--theme-on-primary-inverted-mode-light:#fefefd;--theme-on-primary-inverted-mode-dark:#fefefd;--theme-on-primary-inverted:var(--theme-on-primary-inverted-color-crane-purple);--color-on-primary-inverted:var(--theme-on-primary-inverted);--theme-primary-text-mode-light:hsl(320, 71%, 28%);--theme-primary-text-mode-dark:hsl(320, 71%, 88%);--theme-primary-text:var(--theme-primary-text-color-crane-purple);--color-primary-text:var(--theme-primary-text);--theme-secondary-mode-light:hsl(320, 42.6%, 91%);--theme-secondary-mode-dark:hsl(320, 56.8%, 58%);--theme-secondary:var(--theme-secondary-color-crane-purple);--color-secondary:var(--theme-secondary);--theme-secondary-hover-mode-light:hsl(320, 42.6%, 86.45%);--theme-secondary-hover-mode-dark:hsl(320, 56.8%, 62.2%);--theme-secondary-hover:var(--theme-secondary-hover-color-crane-purple);--color-secondary-hover:var(--theme-secondary-hover);--theme-secondary-active-mode-light:hsl(320, 42.6%, 81.9%);--theme-secondary-active-mode-dark:hsl(320, 56.8%, 66.4%);--theme-secondary-active:var(--theme-secondary-active-color-crane-purple);--color-secondary-active:var(--theme-secondary-active);--theme-secondary-inverted-mode-light:hsl(320, 56.8%, 58%);--theme-secondary-inverted-mode-dark:hsl(320, 42.6%, 91%);--theme-secondary-inverted:var(--theme-secondary-inverted-color-crane-purple);--color-secondary-inverted:var(--theme-secondary-inverted);--theme-secondary-inverted-hover-mode-light:hsl(320, 56.8%, 62.2%);--theme-secondary-inverted-hover-mode-dark:hsl(320, 42.6%, 86.45%);--theme-secondary-inverted-hover:var(--theme-secondary-inverted-hover-color-crane-purple);--color-secondary-inverted-hover:var(--theme-secondary-inverted-hover);--theme-secondary-inverted-active-mode-light:hsl(320, 56.8%, 66.4%);--theme-secondary-inverted-active-mode-dark:hsl(320, 42.6%, 81.9%);--theme-secondary-inverted-active:var(--theme-secondary-inverted-active-color-crane-purple);--color-secondary-inverted-active:var(--theme-secondary-inverted-active);--theme-on-secondary-mode-light:hsl(320, 71%, 28%);--theme-on-secondary-mode-dark:hsl(320, 71%, 20%);--theme-on-secondary:var(--theme-on-secondary-color-crane-purple);--color-on-secondary:var(--theme-on-secondary);--theme-on-secondary-inverted-mode-light:hsl(320, 42.6%, 91%);--theme-on-secondary-inverted-mode-dark:hsl(320, 71%, 28%);--theme-on-secondary-inverted:var(--theme-on-secondary-inverted-color-crane-purple);--color-on-secondary-inverted:var(--theme-on-secondary-inverted);--theme-default-mode-light:#fefefd;--theme-default-mode-dark:#2c2c2e;--theme-default:var(--theme-default-color-crane-purple);--color-default:var(--theme-default);--theme-on-default-mode-light:#2c2c2e;--theme-on-default-mode-dark:#fefefd;--theme-on-default:var(--theme-on-default-color-crane-purple);--color-on-default:var(--theme-on-default);--theme-inverted-mode-light:#2c2c2e;--theme-inverted-mode-dark:#fefefd;--theme-inverted:var(--theme-inverted-color-crane-purple);--color-inverted:var(--theme-inverted);--theme-on-inverted-mode-light:#fefefd;--theme-on-inverted-mode-dark:#2c2c2e;--theme-on-inverted:var(--theme-on-inverted-color-crane-purple);--color-on-inverted:var(--theme-on-inverted);--theme-surface-mode-light:hsl(320, 28.4%, 94%);--theme-surface-mode-dark:hsl(320, 35.5%, 49%);--theme-surface:var(--theme-surface-color-crane-purple);--color-surface:var(--theme-surface);--theme-surface-hover-mode-light:hsl(320, 28.4%, 89.3%);--theme-surface-hover-mode-dark:hsl(320, 35.5%, 51.55%);--theme-surface-hover:var(--theme-surface-hover-color-crane-purple);--color-surface-hover:var(--theme-surface-hover);--theme-surface-active-mode-light:hsl(320, 28.4%, 84.6%);--theme-surface-active-mode-dark:hsl(320, 35.5%, 54.1%);--theme-surface-active:var(--theme-surface-active-color-crane-purple);--color-surface-active:var(--theme-surface-active);--theme-surface-inverted-mode-light:hsl(320, 35.5%, 49%);--theme-surface-inverted-mode-dark:hsl(320, 28.4%, 94%);--theme-surface-inverted:var(--theme-surface-inverted-color-crane-purple);--color-surface-inverted:var(--theme-surface-inverted);--theme-surface-inverted-hover-mode-light:hsl(320, 35.5%, 51.55%);--theme-surface-inverted-hover-mode-dark:hsl(320, 28.4%, 89.3%);--theme-surface-inverted-hover:var(--theme-surface-inverted-hover-color-crane-purple);--color-surface-inverted-hover:var(--theme-surface-inverted-hover);--theme-surface-inverted-active-mode-light:hsl(320, 35.5%, 54.1%);--theme-surface-inverted-active-mode-dark:hsl(320, 28.4%, 84.6%);--theme-surface-inverted-active:var(--theme-surface-inverted-active-color-crane-purple);--color-surface-inverted-active:var(--theme-surface-inverted-active);--theme-backdrop-mode-light:rgba(0, 0, 0, 0.5);--theme-backdrop-mode-dark:rgba(0, 0, 0, 0.7);--theme-backdrop:var(--theme-backdrop-color-crane-purple);--color-backdrop:var(--theme-backdrop);--theme-overlay-mode-light:rgba(0, 0, 0, 0.04);--theme-overlay-mode-dark:rgba(255, 255, 255, 0.06);--theme-overlay:var(--theme-overlay-color-crane-purple);--color-overlay:var(--theme-overlay);--theme-modal-mode-light:#fefefd;--theme-modal-mode-dark:#262626;--theme-modal:var(--theme-modal-color-crane-purple);--color-modal:var(--theme-modal);--theme-skeleton-mode-light:#e0e0e0;--theme-skeleton-mode-dark:#3a3a3a;--theme-skeleton:var(--theme-skeleton-color-crane-purple);--color-skeleton:var(--theme-skeleton);--theme-on-skeleton-mode-light:#f0f0f0;--theme-on-skeleton-mode-dark:#4a4a4a;--theme-on-skeleton:var(--theme-on-skeleton-color-crane-purple);--color-on-skeleton:var(--theme-on-skeleton);--theme-muted-mode-light:hsl(0, 0%, 32%);--theme-muted-mode-dark:hsl(0, 0%, 92%);--theme-muted:var(--theme-muted-color-crane-purple);--color-muted:var(--theme-muted);--theme-placeholder-mode-light:hsl(0, 0%, 52%);--theme-placeholder-mode-dark:hsl(0, 0%, 76%);--theme-placeholder:var(--theme-placeholder-color-crane-purple);--color-placeholder:var(--theme-placeholder);--theme-disabled-mode-light:hsl(0, 0%, 55%);--theme-disabled-mode-dark:hsl(0, 0%, 35%);--theme-disabled:var(--theme-disabled-color-crane-purple);--color-disabled:var(--theme-disabled);--theme-on-disabled-mode-light:hsl(0, 0%, 95%);--theme-on-disabled-mode-dark:hsl(0, 0%, 85%);--theme-on-disabled:var(--theme-on-disabled-color-crane-purple);--color-on-disabled:var(--theme-on-disabled);--theme-divider-mode-light:hsl(320, 14.2%, 85%);--theme-divider-mode-dark:hsl(320, 14.2%, 85%);--theme-divider:var(--theme-divider-color-crane-purple);--color-divider:var(--theme-divider);--theme-divider-hover-mode-light:hsl(320, 14.2%, 80.75%);--theme-divider-hover-mode-dark:hsl(320, 14.2%, 85.75%);--theme-divider-hover:var(--theme-divider-hover-color-crane-purple);--color-divider-hover:var(--theme-divider-hover);--theme-divider-active-mode-light:hsl(320, 14.2%, 76.5%);--theme-divider-active-mode-dark:hsl(320, 14.2%, 86.5%);--theme-divider-active:var(--theme-divider-active-color-crane-purple);--color-divider-active:var(--theme-divider-active);--theme-divider-disabled-mode-light:hsl(0, 0%, 60%);--theme-divider-disabled-mode-dark:hsl(0, 0%, 45%);--theme-divider-disabled:var(--theme-divider-disabled-color-crane-purple);--color-divider-disabled:var(--theme-divider-disabled);--theme-focus-ring-mode-light:hsla(320, 71%, 40%, 0.7);--theme-focus-ring-mode-dark:hsla(320, 71%, 40%, 0.9);--theme-focus-ring:var(--theme-focus-ring-color-crane-purple);--color-focus-ring:var(--theme-focus-ring);--theme-shadow-mode-light:rgba(0, 0, 0, 0.1);--theme-shadow-mode-dark:rgba(0, 0, 0, 0.4);--theme-shadow:var(--theme-shadow-color-crane-purple);--color-shadow:var(--theme-shadow);--theme-error-mode-light:hsl(0, 70%, 40%);--theme-error-mode-dark:hsl(0, 70%, 40%);--theme-error:var(--theme-error-color-crane-purple);--color-error:var(--theme-error);--theme-error-hover-mode-light:hsl(0, 70%, 38%);--theme-error-hover-mode-dark:hsl(0, 70%, 38%);--theme-error-hover:var(--theme-error-hover-color-crane-purple);--color-error-hover:var(--theme-error-hover);--theme-error-active-mode-light:hsl(0, 70%, 36%);--theme-error-active-mode-dark:hsl(0, 70%, 36%);--theme-error-active:var(--theme-error-active-color-crane-purple);--color-error-active:var(--theme-error-active);--theme-error-inverted-mode-light:hsl(0, 70%, 40%);--theme-error-inverted-mode-dark:hsl(0, 70%, 40%);--theme-error-inverted:var(--theme-error-inverted-color-crane-purple);--color-error-inverted:var(--theme-error-inverted);--theme-error-inverted-hover-mode-light:hsl(0, 70%, 38%);--theme-error-inverted-hover-mode-dark:hsl(0, 70%, 38%);--theme-error-inverted-hover:var(--theme-error-inverted-hover-color-crane-purple);--color-error-inverted-hover:var(--theme-error-inverted-hover);--theme-error-inverted-active-mode-light:hsl(0, 70%, 36%);--theme-error-inverted-active-mode-dark:hsl(0, 70%, 36%);--theme-error-inverted-active:var(--theme-error-inverted-active-color-crane-purple);--color-error-inverted-active:var(--theme-error-inverted-active);--theme-on-error-mode-light:#fefefd;--theme-on-error-mode-dark:hsl(0, 100%, 95%);--theme-on-error:var(--theme-on-error-color-crane-purple);--color-on-error:var(--theme-on-error);--theme-on-error-inverted-mode-light:#fefefd;--theme-on-error-inverted-mode-dark:hsl(0, 100%, 95%);--theme-on-error-inverted:var(--theme-on-error-inverted-color-crane-purple);--color-on-error-inverted:var(--theme-on-error-inverted);--theme-error-secondary-mode-light:hsl(0, 100%, 95%);--theme-error-secondary-mode-dark:hsl(0, 100%, 95%);--theme-error-secondary:var(--theme-error-secondary-color-crane-purple);--color-error-secondary:var(--theme-error-secondary);--theme-error-secondary-hover-mode-light:hsl(0, 100%, 90.25%);--theme-error-secondary-hover-mode-dark:hsl(0, 100%, 90.25%);--theme-error-secondary-hover:var(--theme-error-secondary-hover-color-crane-purple);--color-error-secondary-hover:var(--theme-error-secondary-hover);--theme-error-secondary-active-mode-light:hsl(0, 100%, 85.5%);--theme-error-secondary-active-mode-dark:hsl(0, 100%, 85.5%);--theme-error-secondary-active:var(--theme-error-secondary-active-color-crane-purple);--color-error-secondary-active:var(--theme-error-secondary-active);--theme-on-error-secondary-mode-light:hsl(0, 70%, 30%);--theme-on-error-secondary-mode-dark:hsl(0, 70%, 30%);--theme-on-error-secondary:var(--theme-on-error-secondary-color-crane-purple);--color-on-error-secondary:var(--theme-on-error-secondary);--theme-error-text-mode-light:hsl(0, 70%, 30%);--theme-error-text-mode-dark:hsl(0, 70%, 90%);--theme-error-text:var(--theme-error-text-color-crane-purple);--color-error-text:var(--theme-error-text);--theme-success-mode-light:hsl(142, 50%, 35%);--theme-success-mode-dark:hsl(142, 50%, 35%);--theme-success:var(--theme-success-color-crane-purple);--color-success:var(--theme-success);--theme-success-hover-mode-light:hsl(142, 50%, 33.25%);--theme-success-hover-mode-dark:hsl(142, 50%, 33.25%);--theme-success-hover:var(--theme-success-hover-color-crane-purple);--color-success-hover:var(--theme-success-hover);--theme-success-active-mode-light:hsl(142, 50%, 31.5%);--theme-success-active-mode-dark:hsl(142, 50%, 31.5%);--theme-success-active:var(--theme-success-active-color-crane-purple);--color-success-active:var(--theme-success-active);--theme-success-inverted-mode-light:hsl(142, 50%, 35%);--theme-success-inverted-mode-dark:hsl(142, 50%, 35%);--theme-success-inverted:var(--theme-success-inverted-color-crane-purple);--color-success-inverted:var(--theme-success-inverted);--theme-success-inverted-hover-mode-light:hsl(142, 50%, 33.25%);--theme-success-inverted-hover-mode-dark:hsl(142, 50%, 33.25%);--theme-success-inverted-hover:var(--theme-success-inverted-hover-color-crane-purple);--color-success-inverted-hover:var(--theme-success-inverted-hover);--theme-success-inverted-active-mode-light:hsl(142, 50%, 31.5%);--theme-success-inverted-active-mode-dark:hsl(142, 50%, 31.5%);--theme-success-inverted-active:var(--theme-success-inverted-active-color-crane-purple);--color-success-inverted-active:var(--theme-success-inverted-active);--theme-on-success-mode-light:#fefefd;--theme-on-success-mode-dark:hsl(142, 70%, 95%);--theme-on-success:var(--theme-on-success-color-crane-purple);--color-on-success:var(--theme-on-success);--theme-on-success-inverted-mode-light:#fefefd;--theme-on-success-inverted-mode-dark:hsl(142, 70%, 95%);--theme-on-success-inverted:var(--theme-on-success-inverted-color-crane-purple);--color-on-success-inverted:var(--theme-on-success-inverted);--theme-success-secondary-mode-light:hsl(142, 70%, 90%);--theme-success-secondary-mode-dark:hsl(142, 70%, 90%);--theme-success-secondary:var(--theme-success-secondary-color-crane-purple);--color-success-secondary:var(--theme-success-secondary);--theme-success-secondary-hover-mode-light:hsl(142, 70%, 85.5%);--theme-success-secondary-hover-mode-dark:hsl(142, 70%, 85.5%);--theme-success-secondary-hover:var(--theme-success-secondary-hover-color-crane-purple);--color-success-secondary-hover:var(--theme-success-secondary-hover);--theme-success-secondary-active-mode-light:hsl(142, 70%, 81%);--theme-success-secondary-active-mode-dark:hsl(142, 70%, 81%);--theme-success-secondary-active:var(--theme-success-secondary-active-color-crane-purple);--color-success-secondary-active:var(--theme-success-secondary-active);--theme-on-success-secondary-mode-light:hsl(142, 50%, 25%);--theme-on-success-secondary-mode-dark:hsl(142, 50%, 25%);--theme-on-success-secondary:var(--theme-on-success-secondary-color-crane-purple);--color-on-success-secondary:var(--theme-on-success-secondary);--theme-success-text-mode-light:hsl(142, 50%, 25%);--theme-success-text-mode-dark:hsl(142, 50%, 85%);--theme-success-text:var(--theme-success-text-color-crane-purple);--color-success-text:var(--theme-success-text);--theme-warning-mode-light:hsl(45, 100%, 85%);--theme-warning-mode-dark:hsl(45, 100%, 68%);--theme-warning:var(--theme-warning-color-crane-purple);--color-warning:var(--theme-warning);--theme-on-warning-mode-light:hsl(30, 100%, 25%);--theme-on-warning-mode-dark:hsl(45, 100%, 95%);--theme-on-warning:var(--theme-on-warning-color-crane-purple);--color-on-warning:var(--theme-on-warning);--theme-link-mode-light:#2563eb;--theme-link-mode-dark:#60a5fa;--theme-link:var(--theme-link-color-crane-purple);--color-link:var(--theme-link);--theme-link-hover-mode-light:#1d4ed8;--theme-link-hover-mode-dark:#93c5fd;--theme-link-hover:var(--theme-link-hover-color-crane-purple);--color-link-hover:var(--theme-link-hover);--theme-link-active-mode-light:#1e40af;--theme-link-active-mode-dark:#bfdbfe;--theme-link-active:var(--theme-link-active-color-crane-purple);--color-link-active:var(--theme-link-active)}:root{--theme-primary-color-cg-blue:hsl(195, 100%, 32%);--theme-primary-hover-color-cg-blue:hsl(195, 100%, 28.8%);--theme-primary-active-color-cg-blue:hsl(195, 100%, 25.6%);--theme-primary-inverted-color-cg-blue:hsl(195, 100%, 32%);--theme-primary-inverted-hover-color-cg-blue:hsl(195, 100%, 38.8%);--theme-primary-inverted-active-color-cg-blue:hsl(195, 100%, 45.6%);--theme-on-primary-color-cg-blue:#fefefd;--theme-on-primary-inverted-color-cg-blue:#fefefd;--theme-primary-text-color-cg-blue:hsl(195, 100%, 22.4%);--theme-secondary-color-cg-blue:hsl(195, 60%, 89.8%);--theme-secondary-hover-color-cg-blue:hsl(195, 60%, 85.31%);--theme-secondary-active-color-cg-blue:hsl(195, 60%, 80.82%);--theme-secondary-inverted-color-cg-blue:hsl(195, 80%, 52.4%);--theme-secondary-inverted-hover-color-cg-blue:hsl(195, 80%, 57.16%);--theme-secondary-inverted-active-color-cg-blue:hsl(195, 80%, 61.92%);--theme-on-secondary-color-cg-blue:hsl(195, 100%, 22.4%);--theme-on-secondary-inverted-color-cg-blue:hsl(195, 60%, 89.8%);--theme-default-color-cg-blue:#fefefd;--theme-on-default-color-cg-blue:#2c2c2e;--theme-inverted-color-cg-blue:#2c2c2e;--theme-on-inverted-color-cg-blue:#fefefd;--theme-surface-color-cg-blue:hsl(195, 40%, 93.2%);--theme-surface-hover-color-cg-blue:hsl(195, 40%, 88.54%);--theme-surface-active-color-cg-blue:hsl(195, 40%, 83.88%);--theme-surface-inverted-color-cg-blue:hsl(195, 50%, 42.2%);--theme-surface-inverted-hover-color-cg-blue:hsl(195, 50%, 45.09%);--theme-surface-inverted-active-color-cg-blue:hsl(195, 50%, 47.98%);--theme-backdrop-color-cg-blue:rgba(0, 0, 0, 0.5);--theme-overlay-color-cg-blue:rgba(0, 0, 0, 0.04);--theme-modal-color-cg-blue:#fefefd;--theme-skeleton-color-cg-blue:#e0e0e0;--theme-on-skeleton-color-cg-blue:#f0f0f0;--theme-muted-color-cg-blue:hsl(0, 0%, 32%);--theme-placeholder-color-cg-blue:hsl(0, 0%, 52%);--theme-disabled-color-cg-blue:hsl(0, 0%, 55%);--theme-on-disabled-color-cg-blue:hsl(0, 0%, 95%);--theme-divider-color-cg-blue:hsl(195, 20%, 83%);--theme-divider-hover-color-cg-blue:hsl(195, 20%, 78.85%);--theme-divider-active-color-cg-blue:hsl(195, 20%, 74.7%);--theme-divider-disabled-color-cg-blue:hsl(0, 0%, 60%);--theme-focus-ring-color-cg-blue:hsla(195, 100%, 32%, 0.7);--theme-shadow-color-cg-blue:rgba(0, 0, 0, 0.1);--theme-error-color-cg-blue:hsl(0, 70%, 40%);--theme-error-hover-color-cg-blue:hsl(0, 70%, 38%);--theme-error-active-color-cg-blue:hsl(0, 70%, 36%);--theme-error-inverted-color-cg-blue:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-cg-blue:hsl(0, 70%, 38%);--theme-error-inverted-active-color-cg-blue:hsl(0, 70%, 36%);--theme-on-error-color-cg-blue:#fefefd;--theme-on-error-inverted-color-cg-blue:#fefefd;--theme-error-secondary-color-cg-blue:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-cg-blue:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-cg-blue:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-cg-blue:hsl(0, 70%, 30%);--theme-error-text-color-cg-blue:hsl(0, 70%, 30%);--theme-success-color-cg-blue:hsl(142, 50%, 35%);--theme-success-hover-color-cg-blue:hsl(142, 50%, 33.25%);--theme-success-active-color-cg-blue:hsl(142, 50%, 31.5%);--theme-success-inverted-color-cg-blue:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-cg-blue:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-cg-blue:hsl(142, 50%, 31.5%);--theme-on-success-color-cg-blue:#fefefd;--theme-on-success-inverted-color-cg-blue:#fefefd;--theme-success-secondary-color-cg-blue:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-cg-blue:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-cg-blue:hsl(142, 70%, 81%);--theme-on-success-secondary-color-cg-blue:hsl(142, 50%, 25%);--theme-success-text-color-cg-blue:hsl(142, 50%, 25%);--theme-warning-color-cg-blue:hsl(45, 100%, 85%);--theme-on-warning-color-cg-blue:hsl(30, 100%, 25%);--theme-link-color-cg-blue:#2563eb;--theme-link-hover-color-cg-blue:#1d4ed8;--theme-link-active-color-cg-blue:#1e40af;--theme-primary-color-cyan:hsl(187, 47%, 55%);--theme-primary-hover-color-cyan:hsl(187, 47%, 49.5%);--theme-primary-active-color-cyan:hsl(187, 47%, 44%);--theme-primary-inverted-color-cyan:hsl(187, 47%, 55%);--theme-primary-inverted-hover-color-cyan:hsl(187, 47%, 59.5%);--theme-primary-inverted-active-color-cyan:hsl(187, 47%, 64%);--theme-on-primary-color-cyan:#fefefd;--theme-on-primary-inverted-color-cyan:#fefefd;--theme-primary-text-color-cyan:hsl(187, 47%, 38.5%);--theme-secondary-color-cyan:hsl(187, 28.2%, 93.25%);--theme-secondary-hover-color-cyan:hsl(187, 28.2%, 88.5875%);--theme-secondary-active-color-cyan:hsl(187, 28.2%, 83.925%);--theme-secondary-inverted-color-cyan:hsl(187, 37.6%, 68.5%);--theme-secondary-inverted-hover-color-cyan:hsl(187, 37.6%, 71.65%);--theme-secondary-inverted-active-color-cyan:hsl(187, 37.6%, 74.8%);--theme-on-secondary-color-cyan:hsl(187, 47%, 38.5%);--theme-on-secondary-inverted-color-cyan:hsl(187, 28.2%, 93.25%);--theme-default-color-cyan:#fefefd;--theme-on-default-color-cyan:#2c2c2e;--theme-inverted-color-cyan:#2c2c2e;--theme-on-inverted-color-cyan:#fefefd;--theme-surface-color-cyan:hsl(187, 18.8%, 95.5%);--theme-surface-hover-color-cyan:hsl(187, 18.8%, 90.725%);--theme-surface-active-color-cyan:hsl(187, 18.8%, 85.95%);--theme-surface-inverted-color-cyan:hsl(187, 23.5%, 61.75%);--theme-surface-inverted-hover-color-cyan:hsl(187, 23.5%, 63.6625%);--theme-surface-inverted-active-color-cyan:hsl(187, 23.5%, 65.575%);--theme-backdrop-color-cyan:rgba(0, 0, 0, 0.5);--theme-overlay-color-cyan:rgba(0, 0, 0, 0.04);--theme-modal-color-cyan:#fefefd;--theme-skeleton-color-cyan:#e0e0e0;--theme-on-skeleton-color-cyan:#f0f0f0;--theme-muted-color-cyan:hsl(0, 0%, 32%);--theme-placeholder-color-cyan:hsl(0, 0%, 52%);--theme-disabled-color-cyan:hsl(0, 0%, 55%);--theme-on-disabled-color-cyan:hsl(0, 0%, 95%);--theme-divider-color-cyan:hsl(187, 9.4%, 88.75%);--theme-divider-hover-color-cyan:hsl(187, 9.4%, 84.3125%);--theme-divider-active-color-cyan:hsl(187, 9.4%, 79.875%);--theme-divider-disabled-color-cyan:hsl(0, 0%, 60%);--theme-focus-ring-color-cyan:hsla(187, 47%, 55%, 0.7);--theme-shadow-color-cyan:rgba(0, 0, 0, 0.1);--theme-error-color-cyan:hsl(0, 70%, 40%);--theme-error-hover-color-cyan:hsl(0, 70%, 38%);--theme-error-active-color-cyan:hsl(0, 70%, 36%);--theme-error-inverted-color-cyan:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-cyan:hsl(0, 70%, 38%);--theme-error-inverted-active-color-cyan:hsl(0, 70%, 36%);--theme-on-error-color-cyan:#fefefd;--theme-on-error-inverted-color-cyan:#fefefd;--theme-error-secondary-color-cyan:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-cyan:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-cyan:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-cyan:hsl(0, 70%, 30%);--theme-error-text-color-cyan:hsl(0, 70%, 30%);--theme-success-color-cyan:hsl(142, 50%, 35%);--theme-success-hover-color-cyan:hsl(142, 50%, 33.25%);--theme-success-active-color-cyan:hsl(142, 50%, 31.5%);--theme-success-inverted-color-cyan:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-cyan:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-cyan:hsl(142, 50%, 31.5%);--theme-on-success-color-cyan:#fefefd;--theme-on-success-inverted-color-cyan:#fefefd;--theme-success-secondary-color-cyan:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-cyan:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-cyan:hsl(142, 70%, 81%);--theme-on-success-secondary-color-cyan:hsl(142, 50%, 25%);--theme-success-text-color-cyan:hsl(142, 50%, 25%);--theme-warning-color-cyan:hsl(45, 100%, 85%);--theme-on-warning-color-cyan:hsl(30, 100%, 25%);--theme-link-color-cyan:#2563eb;--theme-link-hover-color-cyan:#1d4ed8;--theme-link-active-color-cyan:#1e40af;--theme-primary-color-teal:hsl(174, 63%, 40%);--theme-primary-hover-color-teal:hsl(174, 63%, 36%);--theme-primary-active-color-teal:hsl(174, 63%, 32%);--theme-primary-inverted-color-teal:hsl(174, 63%, 40%);--theme-primary-inverted-hover-color-teal:hsl(174, 63%, 46%);--theme-primary-inverted-active-color-teal:hsl(174, 63%, 52%);--theme-on-primary-color-teal:#fefefd;--theme-on-primary-inverted-color-teal:#fefefd;--theme-primary-text-color-teal:hsl(174, 63%, 28%);--theme-secondary-color-teal:hsl(174, 37.8%, 91%);--theme-secondary-hover-color-teal:hsl(174, 37.8%, 86.45%);--theme-secondary-active-color-teal:hsl(174, 37.8%, 81.9%);--theme-secondary-inverted-color-teal:hsl(174, 50.4%, 58%);--theme-secondary-inverted-hover-color-teal:hsl(174, 50.4%, 62.2%);--theme-secondary-inverted-active-color-teal:hsl(174, 50.4%, 66.4%);--theme-on-secondary-color-teal:hsl(174, 63%, 28%);--theme-on-secondary-inverted-color-teal:hsl(174, 37.8%, 91%);--theme-default-color-teal:#fefefd;--theme-on-default-color-teal:#2c2c2e;--theme-inverted-color-teal:#2c2c2e;--theme-on-inverted-color-teal:#fefefd;--theme-surface-color-teal:hsl(174, 25.2%, 94%);--theme-surface-hover-color-teal:hsl(174, 25.2%, 89.3%);--theme-surface-active-color-teal:hsl(174, 25.2%, 84.6%);--theme-surface-inverted-color-teal:hsl(174, 31.5%, 49%);--theme-surface-inverted-hover-color-teal:hsl(174, 31.5%, 51.55%);--theme-surface-inverted-active-color-teal:hsl(174, 31.5%, 54.1%);--theme-backdrop-color-teal:rgba(0, 0, 0, 0.5);--theme-overlay-color-teal:rgba(0, 0, 0, 0.04);--theme-modal-color-teal:#fefefd;--theme-skeleton-color-teal:#e0e0e0;--theme-on-skeleton-color-teal:#f0f0f0;--theme-muted-color-teal:hsl(0, 0%, 32%);--theme-placeholder-color-teal:hsl(0, 0%, 52%);--theme-disabled-color-teal:hsl(0, 0%, 55%);--theme-on-disabled-color-teal:hsl(0, 0%, 95%);--theme-divider-color-teal:hsl(174, 12.6%, 85%);--theme-divider-hover-color-teal:hsl(174, 12.6%, 80.75%);--theme-divider-active-color-teal:hsl(174, 12.6%, 76.5%);--theme-divider-disabled-color-teal:hsl(0, 0%, 60%);--theme-focus-ring-color-teal:hsla(174, 63%, 40%, 0.7);--theme-shadow-color-teal:rgba(0, 0, 0, 0.1);--theme-error-color-teal:hsl(0, 70%, 40%);--theme-error-hover-color-teal:hsl(0, 70%, 38%);--theme-error-active-color-teal:hsl(0, 70%, 36%);--theme-error-inverted-color-teal:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-teal:hsl(0, 70%, 38%);--theme-error-inverted-active-color-teal:hsl(0, 70%, 36%);--theme-on-error-color-teal:#fefefd;--theme-on-error-inverted-color-teal:#fefefd;--theme-error-secondary-color-teal:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-teal:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-teal:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-teal:hsl(0, 70%, 30%);--theme-error-text-color-teal:hsl(0, 70%, 30%);--theme-success-color-teal:hsl(142, 50%, 35%);--theme-success-hover-color-teal:hsl(142, 50%, 33.25%);--theme-success-active-color-teal:hsl(142, 50%, 31.5%);--theme-success-inverted-color-teal:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-teal:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-teal:hsl(142, 50%, 31.5%);--theme-on-success-color-teal:#fefefd;--theme-on-success-inverted-color-teal:#fefefd;--theme-success-secondary-color-teal:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-teal:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-teal:hsl(142, 70%, 81%);--theme-on-success-secondary-color-teal:hsl(142, 50%, 25%);--theme-success-text-color-teal:hsl(142, 50%, 25%);--theme-warning-color-teal:hsl(45, 100%, 85%);--theme-on-warning-color-teal:hsl(30, 100%, 25%);--theme-link-color-teal:#2563eb;--theme-link-hover-color-teal:#1d4ed8;--theme-link-active-color-teal:#1e40af;--theme-primary-color-pink:hsl(340, 82%, 67%);--theme-primary-hover-color-pink:hsl(340, 82%, 60.3%);--theme-primary-active-color-pink:hsl(340, 82%, 53.6%);--theme-primary-inverted-color-pink:hsl(340, 82%, 67%);--theme-primary-inverted-hover-color-pink:hsl(340, 82%, 70.3%);--theme-primary-inverted-active-color-pink:hsl(340, 82%, 73.6%);--theme-on-primary-color-pink:#fefefd;--theme-on-primary-inverted-color-pink:#fefefd;--theme-primary-text-color-pink:hsl(340, 82%, 46.9%);--theme-secondary-color-pink:hsl(340, 49.2%, 95.05%);--theme-secondary-hover-color-pink:hsl(340, 49.2%, 90.2975%);--theme-secondary-active-color-pink:hsl(340, 49.2%, 85.545%);--theme-secondary-inverted-color-pink:hsl(340, 65.6%, 76.9%);--theme-secondary-inverted-hover-color-pink:hsl(340, 65.6%, 79.21%);--theme-secondary-inverted-active-color-pink:hsl(340, 65.6%, 81.52%);--theme-on-secondary-color-pink:hsl(340, 82%, 46.9%);--theme-on-secondary-inverted-color-pink:hsl(340, 49.2%, 95.05%);--theme-default-color-pink:#fefefd;--theme-on-default-color-pink:#2c2c2e;--theme-inverted-color-pink:#2c2c2e;--theme-on-inverted-color-pink:#fefefd;--theme-surface-color-pink:hsl(340, 32.8%, 96.7%);--theme-surface-hover-color-pink:hsl(340, 32.8%, 91.865%);--theme-surface-active-color-pink:hsl(340, 32.8%, 87.03%);--theme-surface-inverted-color-pink:hsl(340, 41%, 71.95%);--theme-surface-inverted-hover-color-pink:hsl(340, 41%, 73.3525%);--theme-surface-inverted-active-color-pink:hsl(340, 41%, 74.755%);--theme-backdrop-color-pink:rgba(0, 0, 0, 0.5);--theme-overlay-color-pink:rgba(0, 0, 0, 0.04);--theme-modal-color-pink:#fefefd;--theme-skeleton-color-pink:#e0e0e0;--theme-on-skeleton-color-pink:#f0f0f0;--theme-muted-color-pink:hsl(0, 0%, 32%);--theme-placeholder-color-pink:hsl(0, 0%, 52%);--theme-disabled-color-pink:hsl(0, 0%, 55%);--theme-on-disabled-color-pink:hsl(0, 0%, 95%);--theme-divider-color-pink:hsl(340, 16.4%, 91.75%);--theme-divider-hover-color-pink:hsl(340, 16.4%, 87.1625%);--theme-divider-active-color-pink:hsl(340, 16.4%, 82.575%);--theme-divider-disabled-color-pink:hsl(0, 0%, 60%);--theme-focus-ring-color-pink:hsla(340, 82%, 67%, 0.7);--theme-shadow-color-pink:rgba(0, 0, 0, 0.1);--theme-error-color-pink:hsl(0, 70%, 40%);--theme-error-hover-color-pink:hsl(0, 70%, 38%);--theme-error-active-color-pink:hsl(0, 70%, 36%);--theme-error-inverted-color-pink:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-pink:hsl(0, 70%, 38%);--theme-error-inverted-active-color-pink:hsl(0, 70%, 36%);--theme-on-error-color-pink:#fefefd;--theme-on-error-inverted-color-pink:#fefefd;--theme-error-secondary-color-pink:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-pink:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-pink:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-pink:hsl(0, 70%, 30%);--theme-error-text-color-pink:hsl(0, 70%, 30%);--theme-success-color-pink:hsl(142, 50%, 35%);--theme-success-hover-color-pink:hsl(142, 50%, 33.25%);--theme-success-active-color-pink:hsl(142, 50%, 31.5%);--theme-success-inverted-color-pink:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-pink:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-pink:hsl(142, 50%, 31.5%);--theme-on-success-color-pink:#fefefd;--theme-on-success-inverted-color-pink:#fefefd;--theme-success-secondary-color-pink:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-pink:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-pink:hsl(142, 70%, 81%);--theme-on-success-secondary-color-pink:hsl(142, 50%, 25%);--theme-success-text-color-pink:hsl(142, 50%, 25%);--theme-warning-color-pink:hsl(45, 100%, 85%);--theme-on-warning-color-pink:hsl(30, 100%, 25%);--theme-link-color-pink:#2563eb;--theme-link-hover-color-pink:#1d4ed8;--theme-link-active-color-pink:#1e40af;--theme-primary-color-rose:hsl(347, 77%, 61%);--theme-primary-hover-color-rose:hsl(347, 77%, 54.9%);--theme-primary-active-color-rose:hsl(347, 77%, 48.8%);--theme-primary-inverted-color-rose:hsl(347, 77%, 61%);--theme-primary-inverted-hover-color-rose:hsl(347, 77%, 64.9%);--theme-primary-inverted-active-color-rose:hsl(347, 77%, 68.8%);--theme-on-primary-color-rose:#fefefd;--theme-on-primary-inverted-color-rose:#fefefd;--theme-primary-text-color-rose:hsl(347, 77%, 42.7%);--theme-secondary-color-rose:hsl(347, 46.2%, 94.15%);--theme-secondary-hover-color-rose:hsl(347, 46.2%, 89.4425%);--theme-secondary-active-color-rose:hsl(347, 46.2%, 84.735%);--theme-secondary-inverted-color-rose:hsl(347, 61.6%, 72.7%);--theme-secondary-inverted-hover-color-rose:hsl(347, 61.6%, 75.43%);--theme-secondary-inverted-active-color-rose:hsl(347, 61.6%, 78.16%);--theme-on-secondary-color-rose:hsl(347, 77%, 42.7%);--theme-on-secondary-inverted-color-rose:hsl(347, 46.2%, 94.15%);--theme-default-color-rose:#fefefd;--theme-on-default-color-rose:#2c2c2e;--theme-inverted-color-rose:#2c2c2e;--theme-on-inverted-color-rose:#fefefd;--theme-surface-color-rose:hsl(347, 30.8%, 96.1%);--theme-surface-hover-color-rose:hsl(347, 30.8%, 91.295%);--theme-surface-active-color-rose:hsl(347, 30.8%, 86.49%);--theme-surface-inverted-color-rose:hsl(347, 38.5%, 66.85%);--theme-surface-inverted-hover-color-rose:hsl(347, 38.5%, 68.5075%);--theme-surface-inverted-active-color-rose:hsl(347, 38.5%, 70.165%);--theme-backdrop-color-rose:rgba(0, 0, 0, 0.5);--theme-overlay-color-rose:rgba(0, 0, 0, 0.04);--theme-modal-color-rose:#fefefd;--theme-skeleton-color-rose:#e0e0e0;--theme-on-skeleton-color-rose:#f0f0f0;--theme-muted-color-rose:hsl(0, 0%, 32%);--theme-placeholder-color-rose:hsl(0, 0%, 52%);--theme-disabled-color-rose:hsl(0, 0%, 55%);--theme-on-disabled-color-rose:hsl(0, 0%, 95%);--theme-divider-color-rose:hsl(347, 15.4%, 90.25%);--theme-divider-hover-color-rose:hsl(347, 15.4%, 85.7375%);--theme-divider-active-color-rose:hsl(347, 15.4%, 81.225%);--theme-divider-disabled-color-rose:hsl(0, 0%, 60%);--theme-focus-ring-color-rose:hsla(347, 77%, 61%, 0.7);--theme-shadow-color-rose:rgba(0, 0, 0, 0.1);--theme-error-color-rose:hsl(0, 70%, 40%);--theme-error-hover-color-rose:hsl(0, 70%, 38%);--theme-error-active-color-rose:hsl(0, 70%, 36%);--theme-error-inverted-color-rose:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-rose:hsl(0, 70%, 38%);--theme-error-inverted-active-color-rose:hsl(0, 70%, 36%);--theme-on-error-color-rose:#fefefd;--theme-on-error-inverted-color-rose:#fefefd;--theme-error-secondary-color-rose:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-rose:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-rose:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-rose:hsl(0, 70%, 30%);--theme-error-text-color-rose:hsl(0, 70%, 30%);--theme-success-color-rose:hsl(142, 50%, 35%);--theme-success-hover-color-rose:hsl(142, 50%, 33.25%);--theme-success-active-color-rose:hsl(142, 50%, 31.5%);--theme-success-inverted-color-rose:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-rose:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-rose:hsl(142, 50%, 31.5%);--theme-on-success-color-rose:#fefefd;--theme-on-success-inverted-color-rose:#fefefd;--theme-success-secondary-color-rose:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-rose:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-rose:hsl(142, 70%, 81%);--theme-on-success-secondary-color-rose:hsl(142, 50%, 25%);--theme-success-text-color-rose:hsl(142, 50%, 25%);--theme-warning-color-rose:hsl(45, 100%, 85%);--theme-on-warning-color-rose:hsl(30, 100%, 25%);--theme-link-color-rose:#2563eb;--theme-link-hover-color-rose:#1d4ed8;--theme-link-active-color-rose:#1e40af;--theme-primary-color-orange:hsl(28, 85%, 55%);--theme-primary-hover-color-orange:hsl(28, 85%, 49.5%);--theme-primary-active-color-orange:hsl(28, 85%, 44%);--theme-primary-inverted-color-orange:hsl(28, 85%, 55%);--theme-primary-inverted-hover-color-orange:hsl(28, 85%, 59.5%);--theme-primary-inverted-active-color-orange:hsl(28, 85%, 64%);--theme-on-primary-color-orange:#fefefd;--theme-on-primary-inverted-color-orange:#fefefd;--theme-primary-text-color-orange:hsl(28, 85%, 38.5%);--theme-secondary-color-orange:hsl(28, 51%, 93.25%);--theme-secondary-hover-color-orange:hsl(28, 51%, 88.5875%);--theme-secondary-active-color-orange:hsl(28, 51%, 83.925%);--theme-secondary-inverted-color-orange:hsl(28, 68%, 68.5%);--theme-secondary-inverted-hover-color-orange:hsl(28, 68%, 71.65%);--theme-secondary-inverted-active-color-orange:hsl(28, 68%, 74.8%);--theme-on-secondary-color-orange:hsl(28, 85%, 38.5%);--theme-on-secondary-inverted-color-orange:hsl(28, 51%, 93.25%);--theme-default-color-orange:#fefefd;--theme-on-default-color-orange:#2c2c2e;--theme-inverted-color-orange:#2c2c2e;--theme-on-inverted-color-orange:#fefefd;--theme-surface-color-orange:hsl(28, 34%, 95.5%);--theme-surface-hover-color-orange:hsl(28, 34%, 90.725%);--theme-surface-active-color-orange:hsl(28, 34%, 85.95%);--theme-surface-inverted-color-orange:hsl(28, 42.5%, 61.75%);--theme-surface-inverted-hover-color-orange:hsl(28, 42.5%, 63.6625%);--theme-surface-inverted-active-color-orange:hsl(28, 42.5%, 65.575%);--theme-backdrop-color-orange:rgba(0, 0, 0, 0.5);--theme-overlay-color-orange:rgba(0, 0, 0, 0.04);--theme-modal-color-orange:#fefefd;--theme-skeleton-color-orange:#e0e0e0;--theme-on-skeleton-color-orange:#f0f0f0;--theme-muted-color-orange:hsl(0, 0%, 32%);--theme-placeholder-color-orange:hsl(0, 0%, 52%);--theme-disabled-color-orange:hsl(0, 0%, 55%);--theme-on-disabled-color-orange:hsl(0, 0%, 95%);--theme-divider-color-orange:hsl(28, 17%, 88.75%);--theme-divider-hover-color-orange:hsl(28, 17%, 84.3125%);--theme-divider-active-color-orange:hsl(28, 17%, 79.875%);--theme-divider-disabled-color-orange:hsl(0, 0%, 60%);--theme-focus-ring-color-orange:hsla(28, 85%, 55%, 0.7);--theme-shadow-color-orange:rgba(0, 0, 0, 0.1);--theme-error-color-orange:hsl(0, 70%, 40%);--theme-error-hover-color-orange:hsl(0, 70%, 38%);--theme-error-active-color-orange:hsl(0, 70%, 36%);--theme-error-inverted-color-orange:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-orange:hsl(0, 70%, 38%);--theme-error-inverted-active-color-orange:hsl(0, 70%, 36%);--theme-on-error-color-orange:#fefefd;--theme-on-error-inverted-color-orange:#fefefd;--theme-error-secondary-color-orange:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-orange:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-orange:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-orange:hsl(0, 70%, 30%);--theme-error-text-color-orange:hsl(0, 70%, 30%);--theme-success-color-orange:hsl(142, 50%, 35%);--theme-success-hover-color-orange:hsl(142, 50%, 33.25%);--theme-success-active-color-orange:hsl(142, 50%, 31.5%);--theme-success-inverted-color-orange:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-orange:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-orange:hsl(142, 50%, 31.5%);--theme-on-success-color-orange:#fefefd;--theme-on-success-inverted-color-orange:#fefefd;--theme-success-secondary-color-orange:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-orange:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-orange:hsl(142, 70%, 81%);--theme-on-success-secondary-color-orange:hsl(142, 50%, 25%);--theme-success-text-color-orange:hsl(142, 50%, 25%);--theme-warning-color-orange:hsl(45, 100%, 85%);--theme-on-warning-color-orange:hsl(30, 100%, 25%);--theme-link-color-orange:#2563eb;--theme-link-hover-color-orange:#1d4ed8;--theme-link-active-color-orange:#1e40af;--theme-primary-color-amber:hsl(42, 90%, 55%);--theme-primary-hover-color-amber:hsl(42, 90%, 49.5%);--theme-primary-active-color-amber:hsl(42, 90%, 44%);--theme-primary-inverted-color-amber:hsl(42, 90%, 55%);--theme-primary-inverted-hover-color-amber:hsl(42, 90%, 59.5%);--theme-primary-inverted-active-color-amber:hsl(42, 90%, 64%);--theme-on-primary-color-amber:#fefefd;--theme-on-primary-inverted-color-amber:#fefefd;--theme-primary-text-color-amber:hsl(42, 90%, 38.5%);--theme-secondary-color-amber:hsl(42, 54%, 93.25%);--theme-secondary-hover-color-amber:hsl(42, 54%, 88.5875%);--theme-secondary-active-color-amber:hsl(42, 54%, 83.925%);--theme-secondary-inverted-color-amber:hsl(42, 72%, 68.5%);--theme-secondary-inverted-hover-color-amber:hsl(42, 72%, 71.65%);--theme-secondary-inverted-active-color-amber:hsl(42, 72%, 74.8%);--theme-on-secondary-color-amber:hsl(42, 90%, 38.5%);--theme-on-secondary-inverted-color-amber:hsl(42, 54%, 93.25%);--theme-default-color-amber:#fefefd;--theme-on-default-color-amber:#2c2c2e;--theme-inverted-color-amber:#2c2c2e;--theme-on-inverted-color-amber:#fefefd;--theme-surface-color-amber:hsl(42, 36%, 95.5%);--theme-surface-hover-color-amber:hsl(42, 36%, 90.725%);--theme-surface-active-color-amber:hsl(42, 36%, 85.95%);--theme-surface-inverted-color-amber:hsl(42, 45%, 61.75%);--theme-surface-inverted-hover-color-amber:hsl(42, 45%, 63.6625%);--theme-surface-inverted-active-color-amber:hsl(42, 45%, 65.575%);--theme-backdrop-color-amber:rgba(0, 0, 0, 0.5);--theme-overlay-color-amber:rgba(0, 0, 0, 0.04);--theme-modal-color-amber:#fefefd;--theme-skeleton-color-amber:#e0e0e0;--theme-on-skeleton-color-amber:#f0f0f0;--theme-muted-color-amber:hsl(0, 0%, 32%);--theme-placeholder-color-amber:hsl(0, 0%, 52%);--theme-disabled-color-amber:hsl(0, 0%, 55%);--theme-on-disabled-color-amber:hsl(0, 0%, 95%);--theme-divider-color-amber:hsl(42, 18%, 88.75%);--theme-divider-hover-color-amber:hsl(42, 18%, 84.3125%);--theme-divider-active-color-amber:hsl(42, 18%, 79.875%);--theme-divider-disabled-color-amber:hsl(0, 0%, 60%);--theme-focus-ring-color-amber:hsla(42, 90%, 55%, 0.7);--theme-shadow-color-amber:rgba(0, 0, 0, 0.1);--theme-error-color-amber:hsl(0, 70%, 40%);--theme-error-hover-color-amber:hsl(0, 70%, 38%);--theme-error-active-color-amber:hsl(0, 70%, 36%);--theme-error-inverted-color-amber:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-amber:hsl(0, 70%, 38%);--theme-error-inverted-active-color-amber:hsl(0, 70%, 36%);--theme-on-error-color-amber:#fefefd;--theme-on-error-inverted-color-amber:#fefefd;--theme-error-secondary-color-amber:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-amber:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-amber:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-amber:hsl(0, 70%, 30%);--theme-error-text-color-amber:hsl(0, 70%, 30%);--theme-success-color-amber:hsl(142, 50%, 35%);--theme-success-hover-color-amber:hsl(142, 50%, 33.25%);--theme-success-active-color-amber:hsl(142, 50%, 31.5%);--theme-success-inverted-color-amber:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-amber:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-amber:hsl(142, 50%, 31.5%);--theme-on-success-color-amber:#fefefd;--theme-on-success-inverted-color-amber:#fefefd;--theme-success-secondary-color-amber:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-amber:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-amber:hsl(142, 70%, 81%);--theme-on-success-secondary-color-amber:hsl(142, 50%, 25%);--theme-success-text-color-amber:hsl(142, 50%, 25%);--theme-warning-color-amber:hsl(45, 100%, 85%);--theme-on-warning-color-amber:hsl(30, 100%, 25%);--theme-link-color-amber:#2563eb;--theme-link-hover-color-amber:#1d4ed8;--theme-link-active-color-amber:#1e40af;--theme-primary-color-green:hsl(152, 47%, 45%);--theme-primary-hover-color-green:hsl(152, 47%, 40.5%);--theme-primary-active-color-green:hsl(152, 47%, 36%);--theme-primary-inverted-color-green:hsl(152, 47%, 45%);--theme-primary-inverted-hover-color-green:hsl(152, 47%, 50.5%);--theme-primary-inverted-active-color-green:hsl(152, 47%, 56%);--theme-on-primary-color-green:#fefefd;--theme-on-primary-inverted-color-green:#fefefd;--theme-primary-text-color-green:hsl(152, 47%, 31.5%);--theme-secondary-color-green:hsl(152, 28.2%, 91.75%);--theme-secondary-hover-color-green:hsl(152, 28.2%, 87.1625%);--theme-secondary-active-color-green:hsl(152, 28.2%, 82.575%);--theme-secondary-inverted-color-green:hsl(152, 37.6%, 61.5%);--theme-secondary-inverted-hover-color-green:hsl(152, 37.6%, 65.35%);--theme-secondary-inverted-active-color-green:hsl(152, 37.6%, 69.2%);--theme-on-secondary-color-green:hsl(152, 47%, 31.5%);--theme-on-secondary-inverted-color-green:hsl(152, 28.2%, 91.75%);--theme-default-color-green:#fefefd;--theme-on-default-color-green:#2c2c2e;--theme-inverted-color-green:#2c2c2e;--theme-on-inverted-color-green:#fefefd;--theme-surface-color-green:hsl(152, 18.8%, 94.5%);--theme-surface-hover-color-green:hsl(152, 18.8%, 89.775%);--theme-surface-active-color-green:hsl(152, 18.8%, 85.05%);--theme-surface-inverted-color-green:hsl(152, 23.5%, 53.25%);--theme-surface-inverted-hover-color-green:hsl(152, 23.5%, 55.5875%);--theme-surface-inverted-active-color-green:hsl(152, 23.5%, 57.925%);--theme-backdrop-color-green:rgba(0, 0, 0, 0.5);--theme-overlay-color-green:rgba(0, 0, 0, 0.04);--theme-modal-color-green:#fefefd;--theme-skeleton-color-green:#e0e0e0;--theme-on-skeleton-color-green:#f0f0f0;--theme-muted-color-green:hsl(0, 0%, 32%);--theme-placeholder-color-green:hsl(0, 0%, 52%);--theme-disabled-color-green:hsl(0, 0%, 55%);--theme-on-disabled-color-green:hsl(0, 0%, 95%);--theme-divider-color-green:hsl(152, 9.4%, 86.25%);--theme-divider-hover-color-green:hsl(152, 9.4%, 81.9375%);--theme-divider-active-color-green:hsl(152, 9.4%, 77.625%);--theme-divider-disabled-color-green:hsl(0, 0%, 60%);--theme-focus-ring-color-green:hsla(152, 47%, 45%, 0.7);--theme-shadow-color-green:rgba(0, 0, 0, 0.1);--theme-error-color-green:hsl(0, 70%, 40%);--theme-error-hover-color-green:hsl(0, 70%, 38%);--theme-error-active-color-green:hsl(0, 70%, 36%);--theme-error-inverted-color-green:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-green:hsl(0, 70%, 38%);--theme-error-inverted-active-color-green:hsl(0, 70%, 36%);--theme-on-error-color-green:#fefefd;--theme-on-error-inverted-color-green:#fefefd;--theme-error-secondary-color-green:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-green:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-green:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-green:hsl(0, 70%, 30%);--theme-error-text-color-green:hsl(0, 70%, 30%);--theme-success-color-green:hsl(142, 50%, 35%);--theme-success-hover-color-green:hsl(142, 50%, 33.25%);--theme-success-active-color-green:hsl(142, 50%, 31.5%);--theme-success-inverted-color-green:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-green:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-green:hsl(142, 50%, 31.5%);--theme-on-success-color-green:#fefefd;--theme-on-success-inverted-color-green:#fefefd;--theme-success-secondary-color-green:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-green:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-green:hsl(142, 70%, 81%);--theme-on-success-secondary-color-green:hsl(142, 50%, 25%);--theme-success-text-color-green:hsl(142, 50%, 25%);--theme-warning-color-green:hsl(45, 100%, 85%);--theme-on-warning-color-green:hsl(30, 100%, 25%);--theme-link-color-green:#2563eb;--theme-link-hover-color-green:#1d4ed8;--theme-link-active-color-green:#1e40af;--theme-primary-color-olive:hsl(88, 30%, 40%);--theme-primary-hover-color-olive:hsl(88, 30%, 36%);--theme-primary-active-color-olive:hsl(88, 30%, 32%);--theme-primary-inverted-color-olive:hsl(88, 30%, 40%);--theme-primary-inverted-hover-color-olive:hsl(88, 30%, 46%);--theme-primary-inverted-active-color-olive:hsl(88, 30%, 52%);--theme-on-primary-color-olive:#fefefd;--theme-on-primary-inverted-color-olive:#fefefd;--theme-primary-text-color-olive:hsl(88, 30%, 28%);--theme-secondary-color-olive:hsl(88, 18%, 91%);--theme-secondary-hover-color-olive:hsl(88, 18%, 86.45%);--theme-secondary-active-color-olive:hsl(88, 18%, 81.9%);--theme-secondary-inverted-color-olive:hsl(88, 24%, 58%);--theme-secondary-inverted-hover-color-olive:hsl(88, 24%, 62.2%);--theme-secondary-inverted-active-color-olive:hsl(88, 24%, 66.4%);--theme-on-secondary-color-olive:hsl(88, 30%, 28%);--theme-on-secondary-inverted-color-olive:hsl(88, 18%, 91%);--theme-default-color-olive:#fefefd;--theme-on-default-color-olive:#2c2c2e;--theme-inverted-color-olive:#2c2c2e;--theme-on-inverted-color-olive:#fefefd;--theme-surface-color-olive:hsl(88, 12%, 94%);--theme-surface-hover-color-olive:hsl(88, 12%, 89.3%);--theme-surface-active-color-olive:hsl(88, 12%, 84.6%);--theme-surface-inverted-color-olive:hsl(88, 15%, 49%);--theme-surface-inverted-hover-color-olive:hsl(88, 15%, 51.55%);--theme-surface-inverted-active-color-olive:hsl(88, 15%, 54.1%);--theme-backdrop-color-olive:rgba(0, 0, 0, 0.5);--theme-overlay-color-olive:rgba(0, 0, 0, 0.04);--theme-modal-color-olive:#fefefd;--theme-skeleton-color-olive:#e0e0e0;--theme-on-skeleton-color-olive:#f0f0f0;--theme-muted-color-olive:hsl(0, 0%, 32%);--theme-placeholder-color-olive:hsl(0, 0%, 52%);--theme-disabled-color-olive:hsl(0, 0%, 55%);--theme-on-disabled-color-olive:hsl(0, 0%, 95%);--theme-divider-color-olive:hsl(88, 6%, 85%);--theme-divider-hover-color-olive:hsl(88, 6%, 80.75%);--theme-divider-active-color-olive:hsl(88, 6%, 76.5%);--theme-divider-disabled-color-olive:hsl(0, 0%, 60%);--theme-focus-ring-color-olive:hsla(88, 30%, 40%, 0.7);--theme-shadow-color-olive:rgba(0, 0, 0, 0.1);--theme-error-color-olive:hsl(0, 70%, 40%);--theme-error-hover-color-olive:hsl(0, 70%, 38%);--theme-error-active-color-olive:hsl(0, 70%, 36%);--theme-error-inverted-color-olive:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-olive:hsl(0, 70%, 38%);--theme-error-inverted-active-color-olive:hsl(0, 70%, 36%);--theme-on-error-color-olive:#fefefd;--theme-on-error-inverted-color-olive:#fefefd;--theme-error-secondary-color-olive:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-olive:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-olive:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-olive:hsl(0, 70%, 30%);--theme-error-text-color-olive:hsl(0, 70%, 30%);--theme-success-color-olive:hsl(142, 50%, 35%);--theme-success-hover-color-olive:hsl(142, 50%, 33.25%);--theme-success-active-color-olive:hsl(142, 50%, 31.5%);--theme-success-inverted-color-olive:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-olive:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-olive:hsl(142, 50%, 31.5%);--theme-on-success-color-olive:#fefefd;--theme-on-success-inverted-color-olive:#fefefd;--theme-success-secondary-color-olive:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-olive:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-olive:hsl(142, 70%, 81%);--theme-on-success-secondary-color-olive:hsl(142, 50%, 25%);--theme-success-text-color-olive:hsl(142, 50%, 25%);--theme-warning-color-olive:hsl(45, 100%, 85%);--theme-on-warning-color-olive:hsl(30, 100%, 25%);--theme-link-color-olive:#2563eb;--theme-link-hover-color-olive:#1d4ed8;--theme-link-active-color-olive:#1e40af;--theme-primary-color-basil:hsl(158, 34.8%, 30.8%);--theme-primary-hover-color-basil:hsl(158, 34.8%, 27.72%);--theme-primary-active-color-basil:hsl(158, 34.8%, 24.64%);--theme-primary-inverted-color-basil:hsl(158, 34.8%, 30.8%);--theme-primary-inverted-hover-color-basil:hsl(158, 34.8%, 37.72%);--theme-primary-inverted-active-color-basil:hsl(158, 34.8%, 44.64%);--theme-on-primary-color-basil:#fefefd;--theme-on-primary-inverted-color-basil:#fefefd;--theme-primary-text-color-basil:hsl(158, 34.8%, 21.56%);--theme-secondary-color-basil:hsl(158, 20.88%, 89.62%);--theme-secondary-hover-color-basil:hsl(158, 20.88%, 85.139%);--theme-secondary-active-color-basil:hsl(158, 20.88%, 80.658%);--theme-secondary-inverted-color-basil:hsl(158, 27.84%, 51.56%);--theme-secondary-inverted-hover-color-basil:hsl(158, 27.84%, 56.404%);--theme-secondary-inverted-active-color-basil:hsl(158, 27.84%, 61.248%);--theme-on-secondary-color-basil:hsl(158, 34.8%, 21.56%);--theme-on-secondary-inverted-color-basil:hsl(158, 20.88%, 89.62%);--theme-default-color-basil:#fefefd;--theme-on-default-color-basil:#2c2c2e;--theme-inverted-color-basil:#2c2c2e;--theme-on-inverted-color-basil:#fefefd;--theme-surface-color-basil:hsl(158, 13.92%, 93.08%);--theme-surface-hover-color-basil:hsl(158, 13.92%, 88.426%);--theme-surface-active-color-basil:hsl(158, 13.92%, 83.772%);--theme-surface-inverted-color-basil:hsl(158, 17.4%, 41.18%);--theme-surface-inverted-hover-color-basil:hsl(158, 17.4%, 44.121%);--theme-surface-inverted-active-color-basil:hsl(158, 17.4%, 47.062%);--theme-backdrop-color-basil:rgba(0, 0, 0, 0.5);--theme-overlay-color-basil:rgba(0, 0, 0, 0.04);--theme-modal-color-basil:#fefefd;--theme-skeleton-color-basil:#e0e0e0;--theme-on-skeleton-color-basil:#f0f0f0;--theme-muted-color-basil:hsl(0, 0%, 32%);--theme-placeholder-color-basil:hsl(0, 0%, 52%);--theme-disabled-color-basil:hsl(0, 0%, 55%);--theme-on-disabled-color-basil:hsl(0, 0%, 95%);--theme-divider-color-basil:hsl(158, 6.96%, 82.7%);--theme-divider-hover-color-basil:hsl(158, 6.96%, 78.565%);--theme-divider-active-color-basil:hsl(158, 6.96%, 74.43%);--theme-divider-disabled-color-basil:hsl(0, 0%, 60%);--theme-focus-ring-color-basil:hsla(158, 34.8%, 30.8%, 0.7);--theme-shadow-color-basil:rgba(0, 0, 0, 0.1);--theme-error-color-basil:hsl(0, 70%, 40%);--theme-error-hover-color-basil:hsl(0, 70%, 38%);--theme-error-active-color-basil:hsl(0, 70%, 36%);--theme-error-inverted-color-basil:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-basil:hsl(0, 70%, 38%);--theme-error-inverted-active-color-basil:hsl(0, 70%, 36%);--theme-on-error-color-basil:#fefefd;--theme-on-error-inverted-color-basil:#fefefd;--theme-error-secondary-color-basil:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-basil:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-basil:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-basil:hsl(0, 70%, 30%);--theme-error-text-color-basil:hsl(0, 70%, 30%);--theme-success-color-basil:hsl(142, 50%, 35%);--theme-success-hover-color-basil:hsl(142, 50%, 33.25%);--theme-success-active-color-basil:hsl(142, 50%, 31.5%);--theme-success-inverted-color-basil:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-basil:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-basil:hsl(142, 50%, 31.5%);--theme-on-success-color-basil:#fefefd;--theme-on-success-inverted-color-basil:#fefefd;--theme-success-secondary-color-basil:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-basil:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-basil:hsl(142, 70%, 81%);--theme-on-success-secondary-color-basil:hsl(142, 50%, 25%);--theme-success-text-color-basil:hsl(142, 50%, 25%);--theme-warning-color-basil:hsl(45, 100%, 85%);--theme-on-warning-color-basil:hsl(30, 100%, 25%);--theme-link-color-basil:#2563eb;--theme-link-hover-color-basil:#1d4ed8;--theme-link-active-color-basil:#1e40af;--theme-primary-color-brown:hsl(25, 25%, 45%);--theme-primary-hover-color-brown:hsl(25, 25%, 40.5%);--theme-primary-active-color-brown:hsl(25, 25%, 36%);--theme-primary-inverted-color-brown:hsl(25, 25%, 45%);--theme-primary-inverted-hover-color-brown:hsl(25, 25%, 50.5%);--theme-primary-inverted-active-color-brown:hsl(25, 25%, 56%);--theme-on-primary-color-brown:#fefefd;--theme-on-primary-inverted-color-brown:#fefefd;--theme-primary-text-color-brown:hsl(25, 25%, 31.5%);--theme-secondary-color-brown:hsl(25, 15%, 91.75%);--theme-secondary-hover-color-brown:hsl(25, 15%, 87.1625%);--theme-secondary-active-color-brown:hsl(25, 15%, 82.575%);--theme-secondary-inverted-color-brown:hsl(25, 20%, 61.5%);--theme-secondary-inverted-hover-color-brown:hsl(25, 20%, 65.35%);--theme-secondary-inverted-active-color-brown:hsl(25, 20%, 69.2%);--theme-on-secondary-color-brown:hsl(25, 25%, 31.5%);--theme-on-secondary-inverted-color-brown:hsl(25, 15%, 91.75%);--theme-default-color-brown:#fefefd;--theme-on-default-color-brown:#2c2c2e;--theme-inverted-color-brown:#2c2c2e;--theme-on-inverted-color-brown:#fefefd;--theme-surface-color-brown:hsl(25, 10%, 94.5%);--theme-surface-hover-color-brown:hsl(25, 10%, 89.775%);--theme-surface-active-color-brown:hsl(25, 10%, 85.05%);--theme-surface-inverted-color-brown:hsl(25, 12.5%, 53.25%);--theme-surface-inverted-hover-color-brown:hsl(25, 12.5%, 55.5875%);--theme-surface-inverted-active-color-brown:hsl(25, 12.5%, 57.925%);--theme-backdrop-color-brown:rgba(0, 0, 0, 0.5);--theme-overlay-color-brown:rgba(0, 0, 0, 0.04);--theme-modal-color-brown:#fefefd;--theme-skeleton-color-brown:#e0e0e0;--theme-on-skeleton-color-brown:#f0f0f0;--theme-muted-color-brown:hsl(0, 0%, 32%);--theme-placeholder-color-brown:hsl(0, 0%, 52%);--theme-disabled-color-brown:hsl(0, 0%, 55%);--theme-on-disabled-color-brown:hsl(0, 0%, 95%);--theme-divider-color-brown:hsl(25, 5%, 86.25%);--theme-divider-hover-color-brown:hsl(25, 5%, 81.9375%);--theme-divider-active-color-brown:hsl(25, 5%, 77.625%);--theme-divider-disabled-color-brown:hsl(0, 0%, 60%);--theme-focus-ring-color-brown:hsla(25, 25%, 45%, 0.7);--theme-shadow-color-brown:rgba(0, 0, 0, 0.1);--theme-error-color-brown:hsl(0, 70%, 40%);--theme-error-hover-color-brown:hsl(0, 70%, 38%);--theme-error-active-color-brown:hsl(0, 70%, 36%);--theme-error-inverted-color-brown:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-brown:hsl(0, 70%, 38%);--theme-error-inverted-active-color-brown:hsl(0, 70%, 36%);--theme-on-error-color-brown:#fefefd;--theme-on-error-inverted-color-brown:#fefefd;--theme-error-secondary-color-brown:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-brown:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-brown:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-brown:hsl(0, 70%, 30%);--theme-error-text-color-brown:hsl(0, 70%, 30%);--theme-success-color-brown:hsl(142, 50%, 35%);--theme-success-hover-color-brown:hsl(142, 50%, 33.25%);--theme-success-active-color-brown:hsl(142, 50%, 31.5%);--theme-success-inverted-color-brown:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-brown:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-brown:hsl(142, 50%, 31.5%);--theme-on-success-color-brown:#fefefd;--theme-on-success-inverted-color-brown:#fefefd;--theme-success-secondary-color-brown:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-brown:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-brown:hsl(142, 70%, 81%);--theme-on-success-secondary-color-brown:hsl(142, 50%, 25%);--theme-success-text-color-brown:hsl(142, 50%, 25%);--theme-warning-color-brown:hsl(45, 100%, 85%);--theme-on-warning-color-brown:hsl(30, 100%, 25%);--theme-link-color-brown:#2563eb;--theme-link-hover-color-brown:#1d4ed8;--theme-link-active-color-brown:#1e40af;--theme-primary-color-indigo:hsl(245, 60%, 60%);--theme-primary-hover-color-indigo:hsl(245, 60%, 54%);--theme-primary-active-color-indigo:hsl(245, 60%, 48%);--theme-primary-inverted-color-indigo:hsl(245, 60%, 60%);--theme-primary-inverted-hover-color-indigo:hsl(245, 60%, 64%);--theme-primary-inverted-active-color-indigo:hsl(245, 60%, 68%);--theme-on-primary-color-indigo:#fefefd;--theme-on-primary-inverted-color-indigo:#fefefd;--theme-primary-text-color-indigo:hsl(245, 60%, 42%);--theme-secondary-color-indigo:hsl(245, 36%, 94%);--theme-secondary-hover-color-indigo:hsl(245, 36%, 89.3%);--theme-secondary-active-color-indigo:hsl(245, 36%, 84.6%);--theme-secondary-inverted-color-indigo:hsl(245, 48%, 72%);--theme-secondary-inverted-hover-color-indigo:hsl(245, 48%, 74.8%);--theme-secondary-inverted-active-color-indigo:hsl(245, 48%, 77.6%);--theme-on-secondary-color-indigo:hsl(245, 60%, 42%);--theme-on-secondary-inverted-color-indigo:hsl(245, 36%, 94%);--theme-default-color-indigo:#fefefd;--theme-on-default-color-indigo:#2c2c2e;--theme-inverted-color-indigo:#2c2c2e;--theme-on-inverted-color-indigo:#fefefd;--theme-surface-color-indigo:hsl(245, 24%, 96%);--theme-surface-hover-color-indigo:hsl(245, 24%, 91.2%);--theme-surface-active-color-indigo:hsl(245, 24%, 86.4%);--theme-surface-inverted-color-indigo:hsl(245, 30%, 66%);--theme-surface-inverted-hover-color-indigo:hsl(245, 30%, 67.7%);--theme-surface-inverted-active-color-indigo:hsl(245, 30%, 69.4%);--theme-backdrop-color-indigo:rgba(0, 0, 0, 0.5);--theme-overlay-color-indigo:rgba(0, 0, 0, 0.04);--theme-modal-color-indigo:#fefefd;--theme-skeleton-color-indigo:#e0e0e0;--theme-on-skeleton-color-indigo:#f0f0f0;--theme-muted-color-indigo:hsl(0, 0%, 32%);--theme-placeholder-color-indigo:hsl(0, 0%, 52%);--theme-disabled-color-indigo:hsl(0, 0%, 55%);--theme-on-disabled-color-indigo:hsl(0, 0%, 95%);--theme-divider-color-indigo:hsl(245, 12%, 90%);--theme-divider-hover-color-indigo:hsl(245, 12%, 85.5%);--theme-divider-active-color-indigo:hsl(245, 12%, 81%);--theme-divider-disabled-color-indigo:hsl(0, 0%, 60%);--theme-focus-ring-color-indigo:hsla(245, 60%, 60%, 0.7);--theme-shadow-color-indigo:rgba(0, 0, 0, 0.1);--theme-error-color-indigo:hsl(0, 70%, 40%);--theme-error-hover-color-indigo:hsl(0, 70%, 38%);--theme-error-active-color-indigo:hsl(0, 70%, 36%);--theme-error-inverted-color-indigo:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-indigo:hsl(0, 70%, 38%);--theme-error-inverted-active-color-indigo:hsl(0, 70%, 36%);--theme-on-error-color-indigo:#fefefd;--theme-on-error-inverted-color-indigo:#fefefd;--theme-error-secondary-color-indigo:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-indigo:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-indigo:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-indigo:hsl(0, 70%, 30%);--theme-error-text-color-indigo:hsl(0, 70%, 30%);--theme-success-color-indigo:hsl(142, 50%, 35%);--theme-success-hover-color-indigo:hsl(142, 50%, 33.25%);--theme-success-active-color-indigo:hsl(142, 50%, 31.5%);--theme-success-inverted-color-indigo:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-indigo:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-indigo:hsl(142, 50%, 31.5%);--theme-on-success-color-indigo:#fefefd;--theme-on-success-inverted-color-indigo:#fefefd;--theme-success-secondary-color-indigo:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-indigo:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-indigo:hsl(142, 70%, 81%);--theme-on-success-secondary-color-indigo:hsl(142, 50%, 25%);--theme-success-text-color-indigo:hsl(142, 50%, 25%);--theme-warning-color-indigo:hsl(45, 100%, 85%);--theme-on-warning-color-indigo:hsl(30, 100%, 25%);--theme-link-color-indigo:#2563eb;--theme-link-hover-color-indigo:#1d4ed8;--theme-link-active-color-indigo:#1e40af;--theme-primary-color-purple:hsl(270, 70%, 60%);--theme-primary-hover-color-purple:hsl(270, 70%, 54%);--theme-primary-active-color-purple:hsl(270, 70%, 48%);--theme-primary-inverted-color-purple:hsl(270, 70%, 60%);--theme-primary-inverted-hover-color-purple:hsl(270, 70%, 64%);--theme-primary-inverted-active-color-purple:hsl(270, 70%, 68%);--theme-on-primary-color-purple:#fefefd;--theme-on-primary-inverted-color-purple:#fefefd;--theme-primary-text-color-purple:hsl(270, 70%, 42%);--theme-secondary-color-purple:hsl(270, 42%, 94%);--theme-secondary-hover-color-purple:hsl(270, 42%, 89.3%);--theme-secondary-active-color-purple:hsl(270, 42%, 84.6%);--theme-secondary-inverted-color-purple:hsl(270, 56%, 72%);--theme-secondary-inverted-hover-color-purple:hsl(270, 56%, 74.8%);--theme-secondary-inverted-active-color-purple:hsl(270, 56%, 77.6%);--theme-on-secondary-color-purple:hsl(270, 70%, 42%);--theme-on-secondary-inverted-color-purple:hsl(270, 42%, 94%);--theme-default-color-purple:#fefefd;--theme-on-default-color-purple:#2c2c2e;--theme-inverted-color-purple:#2c2c2e;--theme-on-inverted-color-purple:#fefefd;--theme-surface-color-purple:hsl(270, 28%, 96%);--theme-surface-hover-color-purple:hsl(270, 28%, 91.2%);--theme-surface-active-color-purple:hsl(270, 28%, 86.4%);--theme-surface-inverted-color-purple:hsl(270, 35%, 66%);--theme-surface-inverted-hover-color-purple:hsl(270, 35%, 67.7%);--theme-surface-inverted-active-color-purple:hsl(270, 35%, 69.4%);--theme-backdrop-color-purple:rgba(0, 0, 0, 0.5);--theme-overlay-color-purple:rgba(0, 0, 0, 0.04);--theme-modal-color-purple:#fefefd;--theme-skeleton-color-purple:#e0e0e0;--theme-on-skeleton-color-purple:#f0f0f0;--theme-muted-color-purple:hsl(0, 0%, 32%);--theme-placeholder-color-purple:hsl(0, 0%, 52%);--theme-disabled-color-purple:hsl(0, 0%, 55%);--theme-on-disabled-color-purple:hsl(0, 0%, 95%);--theme-divider-color-purple:hsl(270, 14%, 90%);--theme-divider-hover-color-purple:hsl(270, 14%, 85.5%);--theme-divider-active-color-purple:hsl(270, 14%, 81%);--theme-divider-disabled-color-purple:hsl(0, 0%, 60%);--theme-focus-ring-color-purple:hsla(270, 70%, 60%, 0.7);--theme-shadow-color-purple:rgba(0, 0, 0, 0.1);--theme-error-color-purple:hsl(0, 70%, 40%);--theme-error-hover-color-purple:hsl(0, 70%, 38%);--theme-error-active-color-purple:hsl(0, 70%, 36%);--theme-error-inverted-color-purple:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-purple:hsl(0, 70%, 38%);--theme-error-inverted-active-color-purple:hsl(0, 70%, 36%);--theme-on-error-color-purple:#fefefd;--theme-on-error-inverted-color-purple:#fefefd;--theme-error-secondary-color-purple:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-purple:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-purple:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-purple:hsl(0, 70%, 30%);--theme-error-text-color-purple:hsl(0, 70%, 30%);--theme-success-color-purple:hsl(142, 50%, 35%);--theme-success-hover-color-purple:hsl(142, 50%, 33.25%);--theme-success-active-color-purple:hsl(142, 50%, 31.5%);--theme-success-inverted-color-purple:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-purple:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-purple:hsl(142, 50%, 31.5%);--theme-on-success-color-purple:#fefefd;--theme-on-success-inverted-color-purple:#fefefd;--theme-success-secondary-color-purple:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-purple:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-purple:hsl(142, 70%, 81%);--theme-on-success-secondary-color-purple:hsl(142, 50%, 25%);--theme-success-text-color-purple:hsl(142, 50%, 25%);--theme-warning-color-purple:hsl(45, 100%, 85%);--theme-on-warning-color-purple:hsl(30, 100%, 25%);--theme-link-color-purple:#2563eb;--theme-link-hover-color-purple:#1d4ed8;--theme-link-active-color-purple:#1e40af;--theme-primary-color-magenta:hsl(320, 60%, 60%);--theme-primary-hover-color-magenta:hsl(320, 60%, 54%);--theme-primary-active-color-magenta:hsl(320, 60%, 48%);--theme-primary-inverted-color-magenta:hsl(320, 60%, 60%);--theme-primary-inverted-hover-color-magenta:hsl(320, 60%, 64%);--theme-primary-inverted-active-color-magenta:hsl(320, 60%, 68%);--theme-on-primary-color-magenta:#fefefd;--theme-on-primary-inverted-color-magenta:#fefefd;--theme-primary-text-color-magenta:hsl(320, 60%, 42%);--theme-secondary-color-magenta:hsl(320, 36%, 94%);--theme-secondary-hover-color-magenta:hsl(320, 36%, 89.3%);--theme-secondary-active-color-magenta:hsl(320, 36%, 84.6%);--theme-secondary-inverted-color-magenta:hsl(320, 48%, 72%);--theme-secondary-inverted-hover-color-magenta:hsl(320, 48%, 74.8%);--theme-secondary-inverted-active-color-magenta:hsl(320, 48%, 77.6%);--theme-on-secondary-color-magenta:hsl(320, 60%, 42%);--theme-on-secondary-inverted-color-magenta:hsl(320, 36%, 94%);--theme-default-color-magenta:#fefefd;--theme-on-default-color-magenta:#2c2c2e;--theme-inverted-color-magenta:#2c2c2e;--theme-on-inverted-color-magenta:#fefefd;--theme-surface-color-magenta:hsl(320, 24%, 96%);--theme-surface-hover-color-magenta:hsl(320, 24%, 91.2%);--theme-surface-active-color-magenta:hsl(320, 24%, 86.4%);--theme-surface-inverted-color-magenta:hsl(320, 30%, 66%);--theme-surface-inverted-hover-color-magenta:hsl(320, 30%, 67.7%);--theme-surface-inverted-active-color-magenta:hsl(320, 30%, 69.4%);--theme-backdrop-color-magenta:rgba(0, 0, 0, 0.5);--theme-overlay-color-magenta:rgba(0, 0, 0, 0.04);--theme-modal-color-magenta:#fefefd;--theme-skeleton-color-magenta:#e0e0e0;--theme-on-skeleton-color-magenta:#f0f0f0;--theme-muted-color-magenta:hsl(0, 0%, 32%);--theme-placeholder-color-magenta:hsl(0, 0%, 52%);--theme-disabled-color-magenta:hsl(0, 0%, 55%);--theme-on-disabled-color-magenta:hsl(0, 0%, 95%);--theme-divider-color-magenta:hsl(320, 12%, 90%);--theme-divider-hover-color-magenta:hsl(320, 12%, 85.5%);--theme-divider-active-color-magenta:hsl(320, 12%, 81%);--theme-divider-disabled-color-magenta:hsl(0, 0%, 60%);--theme-focus-ring-color-magenta:hsla(320, 60%, 60%, 0.7);--theme-shadow-color-magenta:rgba(0, 0, 0, 0.1);--theme-error-color-magenta:hsl(0, 70%, 40%);--theme-error-hover-color-magenta:hsl(0, 70%, 38%);--theme-error-active-color-magenta:hsl(0, 70%, 36%);--theme-error-inverted-color-magenta:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-magenta:hsl(0, 70%, 38%);--theme-error-inverted-active-color-magenta:hsl(0, 70%, 36%);--theme-on-error-color-magenta:#fefefd;--theme-on-error-inverted-color-magenta:#fefefd;--theme-error-secondary-color-magenta:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-magenta:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-magenta:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-magenta:hsl(0, 70%, 30%);--theme-error-text-color-magenta:hsl(0, 70%, 30%);--theme-success-color-magenta:hsl(142, 50%, 35%);--theme-success-hover-color-magenta:hsl(142, 50%, 33.25%);--theme-success-active-color-magenta:hsl(142, 50%, 31.5%);--theme-success-inverted-color-magenta:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-magenta:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-magenta:hsl(142, 50%, 31.5%);--theme-on-success-color-magenta:#fefefd;--theme-on-success-inverted-color-magenta:#fefefd;--theme-success-secondary-color-magenta:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-magenta:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-magenta:hsl(142, 70%, 81%);--theme-on-success-secondary-color-magenta:hsl(142, 50%, 25%);--theme-success-text-color-magenta:hsl(142, 50%, 25%);--theme-warning-color-magenta:hsl(45, 100%, 85%);--theme-on-warning-color-magenta:hsl(30, 100%, 25%);--theme-link-color-magenta:#2563eb;--theme-link-hover-color-magenta:#1d4ed8;--theme-link-active-color-magenta:#1e40af;--theme-primary-color-electric-blue:hsl(210, 100%, 60%);--theme-primary-hover-color-electric-blue:hsl(210, 100%, 54%);--theme-primary-active-color-electric-blue:hsl(210, 100%, 48%);--theme-primary-inverted-color-electric-blue:hsl(210, 100%, 60%);--theme-primary-inverted-hover-color-electric-blue:hsl(210, 100%, 64%);--theme-primary-inverted-active-color-electric-blue:hsl(210, 100%, 68%);--theme-on-primary-color-electric-blue:#fefefd;--theme-on-primary-inverted-color-electric-blue:#fefefd;--theme-primary-text-color-electric-blue:hsl(210, 100%, 42%);--theme-secondary-color-electric-blue:hsl(210, 60%, 94%);--theme-secondary-hover-color-electric-blue:hsl(210, 60%, 89.3%);--theme-secondary-active-color-electric-blue:hsl(210, 60%, 84.6%);--theme-secondary-inverted-color-electric-blue:hsl(210, 80%, 72%);--theme-secondary-inverted-hover-color-electric-blue:hsl(210, 80%, 74.8%);--theme-secondary-inverted-active-color-electric-blue:hsl(210, 80%, 77.6%);--theme-on-secondary-color-electric-blue:hsl(210, 100%, 42%);--theme-on-secondary-inverted-color-electric-blue:hsl(210, 60%, 94%);--theme-default-color-electric-blue:#fefefd;--theme-on-default-color-electric-blue:#2c2c2e;--theme-inverted-color-electric-blue:#2c2c2e;--theme-on-inverted-color-electric-blue:#fefefd;--theme-surface-color-electric-blue:hsl(210, 40%, 96%);--theme-surface-hover-color-electric-blue:hsl(210, 40%, 91.2%);--theme-surface-active-color-electric-blue:hsl(210, 40%, 86.4%);--theme-surface-inverted-color-electric-blue:hsl(210, 50%, 66%);--theme-surface-inverted-hover-color-electric-blue:hsl(210, 50%, 67.7%);--theme-surface-inverted-active-color-electric-blue:hsl(210, 50%, 69.4%);--theme-backdrop-color-electric-blue:rgba(0, 0, 0, 0.5);--theme-overlay-color-electric-blue:rgba(0, 0, 0, 0.04);--theme-modal-color-electric-blue:#fefefd;--theme-skeleton-color-electric-blue:#e0e0e0;--theme-on-skeleton-color-electric-blue:#f0f0f0;--theme-muted-color-electric-blue:hsl(0, 0%, 32%);--theme-placeholder-color-electric-blue:hsl(0, 0%, 52%);--theme-disabled-color-electric-blue:hsl(0, 0%, 55%);--theme-on-disabled-color-electric-blue:hsl(0, 0%, 95%);--theme-divider-color-electric-blue:hsl(210, 20%, 90%);--theme-divider-hover-color-electric-blue:hsl(210, 20%, 85.5%);--theme-divider-active-color-electric-blue:hsl(210, 20%, 81%);--theme-divider-disabled-color-electric-blue:hsl(0, 0%, 60%);--theme-focus-ring-color-electric-blue:hsla(210, 100%, 60%, 0.7);--theme-shadow-color-electric-blue:rgba(0, 0, 0, 0.1);--theme-error-color-electric-blue:hsl(0, 70%, 40%);--theme-error-hover-color-electric-blue:hsl(0, 70%, 38%);--theme-error-active-color-electric-blue:hsl(0, 70%, 36%);--theme-error-inverted-color-electric-blue:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-electric-blue:hsl(0, 70%, 38%);--theme-error-inverted-active-color-electric-blue:hsl(0, 70%, 36%);--theme-on-error-color-electric-blue:#fefefd;--theme-on-error-inverted-color-electric-blue:#fefefd;--theme-error-secondary-color-electric-blue:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-electric-blue:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-electric-blue:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-electric-blue:hsl(0, 70%, 30%);--theme-error-text-color-electric-blue:hsl(0, 70%, 30%);--theme-success-color-electric-blue:hsl(142, 50%, 35%);--theme-success-hover-color-electric-blue:hsl(142, 50%, 33.25%);--theme-success-active-color-electric-blue:hsl(142, 50%, 31.5%);--theme-success-inverted-color-electric-blue:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-electric-blue:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-electric-blue:hsl(142, 50%, 31.5%);--theme-on-success-color-electric-blue:#fefefd;--theme-on-success-inverted-color-electric-blue:#fefefd;--theme-success-secondary-color-electric-blue:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-electric-blue:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-electric-blue:hsl(142, 70%, 81%);--theme-on-success-secondary-color-electric-blue:hsl(142, 50%, 25%);--theme-success-text-color-electric-blue:hsl(142, 50%, 25%);--theme-warning-color-electric-blue:hsl(45, 100%, 85%);--theme-on-warning-color-electric-blue:hsl(30, 100%, 25%);--theme-link-color-electric-blue:#2563eb;--theme-link-hover-color-electric-blue:#1d4ed8;--theme-link-active-color-electric-blue:#1e40af;--theme-primary-color-hot-pink:hsl(330, 100%, 65%);--theme-primary-hover-color-hot-pink:hsl(330, 100%, 58.5%);--theme-primary-active-color-hot-pink:hsl(330, 100%, 52%);--theme-primary-inverted-color-hot-pink:hsl(330, 100%, 65%);--theme-primary-inverted-hover-color-hot-pink:hsl(330, 100%, 68.5%);--theme-primary-inverted-active-color-hot-pink:hsl(330, 100%, 72%);--theme-on-primary-color-hot-pink:#fefefd;--theme-on-primary-inverted-color-hot-pink:#fefefd;--theme-primary-text-color-hot-pink:hsl(330, 100%, 45.5%);--theme-secondary-color-hot-pink:hsl(330, 60%, 94.75%);--theme-secondary-hover-color-hot-pink:hsl(330, 60%, 90.0125%);--theme-secondary-active-color-hot-pink:hsl(330, 60%, 85.275%);--theme-secondary-inverted-color-hot-pink:hsl(330, 80%, 75.5%);--theme-secondary-inverted-hover-color-hot-pink:hsl(330, 80%, 77.95%);--theme-secondary-inverted-active-color-hot-pink:hsl(330, 80%, 80.4%);--theme-on-secondary-color-hot-pink:hsl(330, 100%, 45.5%);--theme-on-secondary-inverted-color-hot-pink:hsl(330, 60%, 94.75%);--theme-default-color-hot-pink:#fefefd;--theme-on-default-color-hot-pink:#2c2c2e;--theme-inverted-color-hot-pink:#2c2c2e;--theme-on-inverted-color-hot-pink:#fefefd;--theme-surface-color-hot-pink:hsl(330, 40%, 96.5%);--theme-surface-hover-color-hot-pink:hsl(330, 40%, 91.675%);--theme-surface-active-color-hot-pink:hsl(330, 40%, 86.85%);--theme-surface-inverted-color-hot-pink:hsl(330, 50%, 70.25%);--theme-surface-inverted-hover-color-hot-pink:hsl(330, 50%, 71.7375%);--theme-surface-inverted-active-color-hot-pink:hsl(330, 50%, 73.225%);--theme-backdrop-color-hot-pink:rgba(0, 0, 0, 0.5);--theme-overlay-color-hot-pink:rgba(0, 0, 0, 0.04);--theme-modal-color-hot-pink:#fefefd;--theme-skeleton-color-hot-pink:#e0e0e0;--theme-on-skeleton-color-hot-pink:#f0f0f0;--theme-muted-color-hot-pink:hsl(0, 0%, 32%);--theme-placeholder-color-hot-pink:hsl(0, 0%, 52%);--theme-disabled-color-hot-pink:hsl(0, 0%, 55%);--theme-on-disabled-color-hot-pink:hsl(0, 0%, 95%);--theme-divider-color-hot-pink:hsl(330, 20%, 91.25%);--theme-divider-hover-color-hot-pink:hsl(330, 20%, 86.6875%);--theme-divider-active-color-hot-pink:hsl(330, 20%, 82.125%);--theme-divider-disabled-color-hot-pink:hsl(0, 0%, 60%);--theme-focus-ring-color-hot-pink:hsla(330, 100%, 65%, 0.7);--theme-shadow-color-hot-pink:rgba(0, 0, 0, 0.1);--theme-error-color-hot-pink:hsl(0, 70%, 40%);--theme-error-hover-color-hot-pink:hsl(0, 70%, 38%);--theme-error-active-color-hot-pink:hsl(0, 70%, 36%);--theme-error-inverted-color-hot-pink:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-hot-pink:hsl(0, 70%, 38%);--theme-error-inverted-active-color-hot-pink:hsl(0, 70%, 36%);--theme-on-error-color-hot-pink:#fefefd;--theme-on-error-inverted-color-hot-pink:#fefefd;--theme-error-secondary-color-hot-pink:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-hot-pink:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-hot-pink:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-hot-pink:hsl(0, 70%, 30%);--theme-error-text-color-hot-pink:hsl(0, 70%, 30%);--theme-success-color-hot-pink:hsl(142, 50%, 35%);--theme-success-hover-color-hot-pink:hsl(142, 50%, 33.25%);--theme-success-active-color-hot-pink:hsl(142, 50%, 31.5%);--theme-success-inverted-color-hot-pink:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-hot-pink:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-hot-pink:hsl(142, 50%, 31.5%);--theme-on-success-color-hot-pink:#fefefd;--theme-on-success-inverted-color-hot-pink:#fefefd;--theme-success-secondary-color-hot-pink:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-hot-pink:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-hot-pink:hsl(142, 70%, 81%);--theme-on-success-secondary-color-hot-pink:hsl(142, 50%, 25%);--theme-success-text-color-hot-pink:hsl(142, 50%, 25%);--theme-warning-color-hot-pink:hsl(45, 100%, 85%);--theme-on-warning-color-hot-pink:hsl(30, 100%, 25%);--theme-link-color-hot-pink:#2563eb;--theme-link-hover-color-hot-pink:#1d4ed8;--theme-link-active-color-hot-pink:#1e40af;--theme-primary-color-shrine-pink:hsl(18, 96%, 60%);--theme-primary-hover-color-shrine-pink:hsl(18, 96%, 54%);--theme-primary-active-color-shrine-pink:hsl(18, 96%, 48%);--theme-primary-inverted-color-shrine-pink:hsl(18, 96%, 60%);--theme-primary-inverted-hover-color-shrine-pink:hsl(18, 96%, 64%);--theme-primary-inverted-active-color-shrine-pink:hsl(18, 96%, 68%);--theme-on-primary-color-shrine-pink:#fefefd;--theme-on-primary-inverted-color-shrine-pink:#fefefd;--theme-primary-text-color-shrine-pink:hsl(18, 96%, 42%);--theme-secondary-color-shrine-pink:hsl(18, 57.6%, 94%);--theme-secondary-hover-color-shrine-pink:hsl(18, 57.6%, 89.3%);--theme-secondary-active-color-shrine-pink:hsl(18, 57.6%, 84.6%);--theme-secondary-inverted-color-shrine-pink:hsl(18, 76.8%, 72%);--theme-secondary-inverted-hover-color-shrine-pink:hsl(18, 76.8%, 74.8%);--theme-secondary-inverted-active-color-shrine-pink:hsl(18, 76.8%, 77.6%);--theme-on-secondary-color-shrine-pink:hsl(18, 96%, 42%);--theme-on-secondary-inverted-color-shrine-pink:hsl(18, 57.6%, 94%);--theme-default-color-shrine-pink:#fefefd;--theme-on-default-color-shrine-pink:#2c2c2e;--theme-inverted-color-shrine-pink:#2c2c2e;--theme-on-inverted-color-shrine-pink:#fefefd;--theme-surface-color-shrine-pink:hsl(18, 38.4%, 96%);--theme-surface-hover-color-shrine-pink:hsl(18, 38.4%, 91.2%);--theme-surface-active-color-shrine-pink:hsl(18, 38.4%, 86.4%);--theme-surface-inverted-color-shrine-pink:hsl(18, 48%, 66%);--theme-surface-inverted-hover-color-shrine-pink:hsl(18, 48%, 67.7%);--theme-surface-inverted-active-color-shrine-pink:hsl(18, 48%, 69.4%);--theme-backdrop-color-shrine-pink:rgba(0, 0, 0, 0.5);--theme-overlay-color-shrine-pink:rgba(0, 0, 0, 0.04);--theme-modal-color-shrine-pink:#fefefd;--theme-skeleton-color-shrine-pink:#e0e0e0;--theme-on-skeleton-color-shrine-pink:#f0f0f0;--theme-muted-color-shrine-pink:hsl(0, 0%, 32%);--theme-placeholder-color-shrine-pink:hsl(0, 0%, 52%);--theme-disabled-color-shrine-pink:hsl(0, 0%, 55%);--theme-on-disabled-color-shrine-pink:hsl(0, 0%, 95%);--theme-divider-color-shrine-pink:hsl(18, 19.2%, 90%);--theme-divider-hover-color-shrine-pink:hsl(18, 19.2%, 85.5%);--theme-divider-active-color-shrine-pink:hsl(18, 19.2%, 81%);--theme-divider-disabled-color-shrine-pink:hsl(0, 0%, 60%);--theme-focus-ring-color-shrine-pink:hsla(18, 96%, 60%, 0.7);--theme-shadow-color-shrine-pink:rgba(0, 0, 0, 0.1);--theme-error-color-shrine-pink:hsl(0, 70%, 40%);--theme-error-hover-color-shrine-pink:hsl(0, 70%, 38%);--theme-error-active-color-shrine-pink:hsl(0, 70%, 36%);--theme-error-inverted-color-shrine-pink:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-shrine-pink:hsl(0, 70%, 38%);--theme-error-inverted-active-color-shrine-pink:hsl(0, 70%, 36%);--theme-on-error-color-shrine-pink:#fefefd;--theme-on-error-inverted-color-shrine-pink:#fefefd;--theme-error-secondary-color-shrine-pink:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-shrine-pink:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-shrine-pink:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-shrine-pink:hsl(0, 70%, 30%);--theme-error-text-color-shrine-pink:hsl(0, 70%, 30%);--theme-success-color-shrine-pink:hsl(142, 50%, 35%);--theme-success-hover-color-shrine-pink:hsl(142, 50%, 33.25%);--theme-success-active-color-shrine-pink:hsl(142, 50%, 31.5%);--theme-success-inverted-color-shrine-pink:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-shrine-pink:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-shrine-pink:hsl(142, 50%, 31.5%);--theme-on-success-color-shrine-pink:#fefefd;--theme-on-success-inverted-color-shrine-pink:#fefefd;--theme-success-secondary-color-shrine-pink:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-shrine-pink:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-shrine-pink:hsl(142, 70%, 81%);--theme-on-success-secondary-color-shrine-pink:hsl(142, 50%, 25%);--theme-success-text-color-shrine-pink:hsl(142, 50%, 25%);--theme-warning-color-shrine-pink:hsl(45, 100%, 85%);--theme-on-warning-color-shrine-pink:hsl(30, 100%, 25%);--theme-link-color-shrine-pink:#2563eb;--theme-link-hover-color-shrine-pink:#1d4ed8;--theme-link-active-color-shrine-pink:#1e40af;--theme-primary-color-crane-purple:hsl(320, 71%, 40%);--theme-primary-hover-color-crane-purple:hsl(320, 71%, 36%);--theme-primary-active-color-crane-purple:hsl(320, 71%, 32%);--theme-primary-inverted-color-crane-purple:hsl(320, 71%, 40%);--theme-primary-inverted-hover-color-crane-purple:hsl(320, 71%, 46%);--theme-primary-inverted-active-color-crane-purple:hsl(320, 71%, 52%);--theme-on-primary-color-crane-purple:#fefefd;--theme-on-primary-inverted-color-crane-purple:#fefefd;--theme-primary-text-color-crane-purple:hsl(320, 71%, 28%);--theme-secondary-color-crane-purple:hsl(320, 42.6%, 91%);--theme-secondary-hover-color-crane-purple:hsl(320, 42.6%, 86.45%);--theme-secondary-active-color-crane-purple:hsl(320, 42.6%, 81.9%);--theme-secondary-inverted-color-crane-purple:hsl(320, 56.8%, 58%);--theme-secondary-inverted-hover-color-crane-purple:hsl(320, 56.8%, 62.2%);--theme-secondary-inverted-active-color-crane-purple:hsl(320, 56.8%, 66.4%);--theme-on-secondary-color-crane-purple:hsl(320, 71%, 28%);--theme-on-secondary-inverted-color-crane-purple:hsl(320, 42.6%, 91%);--theme-default-color-crane-purple:#fefefd;--theme-on-default-color-crane-purple:#2c2c2e;--theme-inverted-color-crane-purple:#2c2c2e;--theme-on-inverted-color-crane-purple:#fefefd;--theme-surface-color-crane-purple:hsl(320, 28.4%, 94%);--theme-surface-hover-color-crane-purple:hsl(320, 28.4%, 89.3%);--theme-surface-active-color-crane-purple:hsl(320, 28.4%, 84.6%);--theme-surface-inverted-color-crane-purple:hsl(320, 35.5%, 49%);--theme-surface-inverted-hover-color-crane-purple:hsl(320, 35.5%, 51.55%);--theme-surface-inverted-active-color-crane-purple:hsl(320, 35.5%, 54.1%);--theme-backdrop-color-crane-purple:rgba(0, 0, 0, 0.5);--theme-overlay-color-crane-purple:rgba(0, 0, 0, 0.04);--theme-modal-color-crane-purple:#fefefd;--theme-skeleton-color-crane-purple:#e0e0e0;--theme-on-skeleton-color-crane-purple:#f0f0f0;--theme-muted-color-crane-purple:hsl(0, 0%, 32%);--theme-placeholder-color-crane-purple:hsl(0, 0%, 52%);--theme-disabled-color-crane-purple:hsl(0, 0%, 55%);--theme-on-disabled-color-crane-purple:hsl(0, 0%, 95%);--theme-divider-color-crane-purple:hsl(320, 14.2%, 85%);--theme-divider-hover-color-crane-purple:hsl(320, 14.2%, 80.75%);--theme-divider-active-color-crane-purple:hsl(320, 14.2%, 76.5%);--theme-divider-disabled-color-crane-purple:hsl(0, 0%, 60%);--theme-focus-ring-color-crane-purple:hsla(320, 71%, 40%, 0.7);--theme-shadow-color-crane-purple:rgba(0, 0, 0, 0.1);--theme-error-color-crane-purple:hsl(0, 70%, 40%);--theme-error-hover-color-crane-purple:hsl(0, 70%, 38%);--theme-error-active-color-crane-purple:hsl(0, 70%, 36%);--theme-error-inverted-color-crane-purple:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-crane-purple:hsl(0, 70%, 38%);--theme-error-inverted-active-color-crane-purple:hsl(0, 70%, 36%);--theme-on-error-color-crane-purple:#fefefd;--theme-on-error-inverted-color-crane-purple:#fefefd;--theme-error-secondary-color-crane-purple:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-crane-purple:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-crane-purple:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-crane-purple:hsl(0, 70%, 30%);--theme-error-text-color-crane-purple:hsl(0, 70%, 30%);--theme-success-color-crane-purple:hsl(142, 50%, 35%);--theme-success-hover-color-crane-purple:hsl(142, 50%, 33.25%);--theme-success-active-color-crane-purple:hsl(142, 50%, 31.5%);--theme-success-inverted-color-crane-purple:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-crane-purple:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-crane-purple:hsl(142, 50%, 31.5%);--theme-on-success-color-crane-purple:#fefefd;--theme-on-success-inverted-color-crane-purple:#fefefd;--theme-success-secondary-color-crane-purple:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-crane-purple:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-crane-purple:hsl(142, 70%, 81%);--theme-on-success-secondary-color-crane-purple:hsl(142, 50%, 25%);--theme-success-text-color-crane-purple:hsl(142, 50%, 25%);--theme-warning-color-crane-purple:hsl(45, 100%, 85%);--theme-on-warning-color-crane-purple:hsl(30, 100%, 25%);--theme-link-color-crane-purple:#2563eb;--theme-link-hover-color-crane-purple:#1d4ed8;--theme-link-active-color-crane-purple:#1e40af;--theme-primary:var(--theme-primary-mode-light);--color-primary:var(--theme-primary);--theme-primary-hover:var(--theme-primary-hover-mode-light);--color-primary-hover:var(--theme-primary-hover);--theme-primary-active:var(--theme-primary-active-mode-light);--color-primary-active:var(--theme-primary-active);--theme-primary-inverted:var(--theme-primary-inverted-mode-light);--color-primary-inverted:var(--theme-primary-inverted);--theme-primary-inverted-hover:var(--theme-primary-inverted-hover-mode-light);--color-primary-inverted-hover:var(--theme-primary-inverted-hover);--theme-primary-inverted-active:var(--theme-primary-inverted-active-mode-light);--color-primary-inverted-active:var(--theme-primary-inverted-active);--theme-on-primary:var(--theme-on-primary-mode-light);--color-on-primary:var(--theme-on-primary);--theme-on-primary-inverted:var(--theme-on-primary-inverted-mode-light);--color-on-primary-inverted:var(--theme-on-primary-inverted);--theme-primary-text:var(--theme-primary-text-mode-light);--color-primary-text:var(--theme-primary-text);--theme-secondary:var(--theme-secondary-mode-light);--color-secondary:var(--theme-secondary);--theme-secondary-hover:var(--theme-secondary-hover-mode-light);--color-secondary-hover:var(--theme-secondary-hover);--theme-secondary-active:var(--theme-secondary-active-mode-light);--color-secondary-active:var(--theme-secondary-active);--theme-secondary-inverted:var(--theme-secondary-inverted-mode-light);--color-secondary-inverted:var(--theme-secondary-inverted);--theme-secondary-inverted-hover:var(--theme-secondary-inverted-hover-mode-light);--color-secondary-inverted-hover:var(--theme-secondary-inverted-hover);--theme-secondary-inverted-active:var(--theme-secondary-inverted-active-mode-light);--color-secondary-inverted-active:var(--theme-secondary-inverted-active);--theme-on-secondary:var(--theme-on-secondary-mode-light);--color-on-secondary:var(--theme-on-secondary);--theme-on-secondary-inverted:var(--theme-on-secondary-inverted-mode-light);--color-on-secondary-inverted:var(--theme-on-secondary-inverted);--theme-default:var(--theme-default-mode-light);--color-default:var(--theme-default);--theme-on-default:var(--theme-on-default-mode-light);--color-on-default:var(--theme-on-default);--theme-inverted:var(--theme-inverted-mode-light);--color-inverted:var(--theme-inverted);--theme-on-inverted:var(--theme-on-inverted-mode-light);--color-on-inverted:var(--theme-on-inverted);--theme-surface:var(--theme-surface-mode-light);--color-surface:var(--theme-surface);--theme-surface-hover:var(--theme-surface-hover-mode-light);--color-surface-hover:var(--theme-surface-hover);--theme-surface-active:var(--theme-surface-active-mode-light);--color-surface-active:var(--theme-surface-active);--theme-surface-inverted:var(--theme-surface-inverted-mode-light);--color-surface-inverted:var(--theme-surface-inverted);--theme-surface-inverted-hover:var(--theme-surface-inverted-hover-mode-light);--color-surface-inverted-hover:var(--theme-surface-inverted-hover);--theme-surface-inverted-active:var(--theme-surface-inverted-active-mode-light);--color-surface-inverted-active:var(--theme-surface-inverted-active);--theme-backdrop:var(--theme-backdrop-mode-light);--color-backdrop:var(--theme-backdrop);--theme-overlay:var(--theme-overlay-mode-light);--color-overlay:var(--theme-overlay);--theme-modal:var(--theme-modal-mode-light);--color-modal:var(--theme-modal);--theme-skeleton:var(--theme-skeleton-mode-light);--color-skeleton:var(--theme-skeleton);--theme-on-skeleton:var(--theme-on-skeleton-mode-light);--color-on-skeleton:var(--theme-on-skeleton);--theme-muted:var(--theme-muted-mode-light);--color-muted:var(--theme-muted);--theme-placeholder:var(--theme-placeholder-mode-light);--color-placeholder:var(--theme-placeholder);--theme-disabled:var(--theme-disabled-mode-light);--color-disabled:var(--theme-disabled);--theme-on-disabled:var(--theme-on-disabled-mode-light);--color-on-disabled:var(--theme-on-disabled);--theme-divider:var(--theme-divider-mode-light);--color-divider:var(--theme-divider);--theme-divider-hover:var(--theme-divider-hover-mode-light);--color-divider-hover:var(--theme-divider-hover);--theme-divider-active:var(--theme-divider-active-mode-light);--color-divider-active:var(--theme-divider-active);--theme-divider-disabled:var(--theme-divider-disabled-mode-light);--color-divider-disabled:var(--theme-divider-disabled);--theme-focus-ring:var(--theme-focus-ring-mode-light);--color-focus-ring:var(--theme-focus-ring);--theme-shadow:var(--theme-shadow-mode-light);--color-shadow:var(--theme-shadow);--theme-error:var(--theme-error-mode-light);--color-error:var(--theme-error);--theme-error-hover:var(--theme-error-hover-mode-light);--color-error-hover:var(--theme-error-hover);--theme-error-active:var(--theme-error-active-mode-light);--color-error-active:var(--theme-error-active);--theme-error-inverted:var(--theme-error-inverted-mode-light);--color-error-inverted:var(--theme-error-inverted);--theme-error-inverted-hover:var(--theme-error-inverted-hover-mode-light);--color-error-inverted-hover:var(--theme-error-inverted-hover);--theme-error-inverted-active:var(--theme-error-inverted-active-mode-light);--color-error-inverted-active:var(--theme-error-inverted-active);--theme-on-error:var(--theme-on-error-mode-light);--color-on-error:var(--theme-on-error);--theme-on-error-inverted:var(--theme-on-error-inverted-mode-light);--color-on-error-inverted:var(--theme-on-error-inverted);--theme-error-secondary:var(--theme-error-secondary-mode-light);--color-error-secondary:var(--theme-error-secondary);--theme-error-secondary-hover:var(--theme-error-secondary-hover-mode-light);--color-error-secondary-hover:var(--theme-error-secondary-hover);--theme-error-secondary-active:var(--theme-error-secondary-active-mode-light);--color-error-secondary-active:var(--theme-error-secondary-active);--theme-on-error-secondary:var(--theme-on-error-secondary-mode-light);--color-on-error-secondary:var(--theme-on-error-secondary);--theme-error-text:var(--theme-error-text-mode-light);--color-error-text:var(--theme-error-text);--theme-success:var(--theme-success-mode-light);--color-success:var(--theme-success);--theme-success-hover:var(--theme-success-hover-mode-light);--color-success-hover:var(--theme-success-hover);--theme-success-active:var(--theme-success-active-mode-light);--color-success-active:var(--theme-success-active);--theme-success-inverted:var(--theme-success-inverted-mode-light);--color-success-inverted:var(--theme-success-inverted);--theme-success-inverted-hover:var(--theme-success-inverted-hover-mode-light);--color-success-inverted-hover:var(--theme-success-inverted-hover);--theme-success-inverted-active:var(--theme-success-inverted-active-mode-light);--color-success-inverted-active:var(--theme-success-inverted-active);--theme-on-success:var(--theme-on-success-mode-light);--color-on-success:var(--theme-on-success);--theme-on-success-inverted:var(--theme-on-success-inverted-mode-light);--color-on-success-inverted:var(--theme-on-success-inverted);--theme-success-secondary:var(--theme-success-secondary-mode-light);--color-success-secondary:var(--theme-success-secondary);--theme-success-secondary-hover:var(--theme-success-secondary-hover-mode-light);--color-success-secondary-hover:var(--theme-success-secondary-hover);--theme-success-secondary-active:var(--theme-success-secondary-active-mode-light);--color-success-secondary-active:var(--theme-success-secondary-active);--theme-on-success-secondary:var(--theme-on-success-secondary-mode-light);--color-on-success-secondary:var(--theme-on-success-secondary);--theme-success-text:var(--theme-success-text-mode-light);--color-success-text:var(--theme-success-text);--theme-warning:var(--theme-warning-mode-light);--color-warning:var(--theme-warning);--theme-on-warning:var(--theme-on-warning-mode-light);--color-on-warning:var(--theme-on-warning);--theme-link:var(--theme-link-mode-light);--color-link:var(--theme-link);--theme-link-hover:var(--theme-link-hover-mode-light);--color-link-hover:var(--theme-link-hover);--theme-link-active:var(--theme-link-active-mode-light);--color-link-active:var(--theme-link-active)}@media(prefers-color-scheme: dark){:root{--theme-primary-color-cg-blue:hsl(195, 100%, 32%);--theme-primary-hover-color-cg-blue:hsl(195, 100%, 38.8%);--theme-primary-active-color-cg-blue:hsl(195, 100%, 45.6%);--theme-primary-inverted-color-cg-blue:hsl(195, 100%, 32%);--theme-primary-inverted-hover-color-cg-blue:hsl(195, 100%, 28.8%);--theme-primary-inverted-active-color-cg-blue:hsl(195, 100%, 25.6%);--theme-on-primary-color-cg-blue:#fefefd;--theme-on-primary-inverted-color-cg-blue:#fefefd;--theme-primary-text-color-cg-blue:hsl(195, 100%, 86.4%);--theme-secondary-color-cg-blue:hsl(195, 80%, 52.4%);--theme-secondary-hover-color-cg-blue:hsl(195, 80%, 57.16%);--theme-secondary-active-color-cg-blue:hsl(195, 80%, 61.92%);--theme-secondary-inverted-color-cg-blue:hsl(195, 60%, 89.8%);--theme-secondary-inverted-hover-color-cg-blue:hsl(195, 60%, 85.31%);--theme-secondary-inverted-active-color-cg-blue:hsl(195, 60%, 80.82%);--theme-on-secondary-color-cg-blue:hsl(195, 100%, 16%);--theme-on-secondary-inverted-color-cg-blue:hsl(195, 100%, 22.4%);--theme-default-color-cg-blue:#2c2c2e;--theme-on-default-color-cg-blue:#fefefd;--theme-inverted-color-cg-blue:#fefefd;--theme-on-inverted-color-cg-blue:#2c2c2e;--theme-surface-color-cg-blue:hsl(195, 50%, 42.2%);--theme-surface-hover-color-cg-blue:hsl(195, 50%, 45.09%);--theme-surface-active-color-cg-blue:hsl(195, 50%, 47.98%);--theme-surface-inverted-color-cg-blue:hsl(195, 40%, 93.2%);--theme-surface-inverted-hover-color-cg-blue:hsl(195, 40%, 88.54%);--theme-surface-inverted-active-color-cg-blue:hsl(195, 40%, 83.88%);--theme-backdrop-color-cg-blue:rgba(0, 0, 0, 0.7);--theme-overlay-color-cg-blue:rgba(255, 255, 255, 0.06);--theme-modal-color-cg-blue:#262626;--theme-skeleton-color-cg-blue:#3a3a3a;--theme-on-skeleton-color-cg-blue:#4a4a4a;--theme-muted-color-cg-blue:hsl(0, 0%, 92%);--theme-placeholder-color-cg-blue:hsl(0, 0%, 76%);--theme-disabled-color-cg-blue:hsl(0, 0%, 35%);--theme-on-disabled-color-cg-blue:hsl(0, 0%, 85%);--theme-divider-color-cg-blue:hsl(195, 20%, 83%);--theme-divider-hover-color-cg-blue:hsl(195, 20%, 83.85%);--theme-divider-active-color-cg-blue:hsl(195, 20%, 84.7%);--theme-divider-disabled-color-cg-blue:hsl(0, 0%, 45%);--theme-focus-ring-color-cg-blue:hsla(195, 100%, 32%, 0.9);--theme-shadow-color-cg-blue:rgba(0, 0, 0, 0.4);--theme-error-color-cg-blue:hsl(0, 70%, 40%);--theme-error-hover-color-cg-blue:hsl(0, 70%, 38%);--theme-error-active-color-cg-blue:hsl(0, 70%, 36%);--theme-error-inverted-color-cg-blue:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-cg-blue:hsl(0, 70%, 38%);--theme-error-inverted-active-color-cg-blue:hsl(0, 70%, 36%);--theme-on-error-color-cg-blue:hsl(0, 100%, 95%);--theme-on-error-inverted-color-cg-blue:hsl(0, 100%, 95%);--theme-error-secondary-color-cg-blue:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-cg-blue:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-cg-blue:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-cg-blue:hsl(0, 70%, 30%);--theme-error-text-color-cg-blue:hsl(0, 70%, 90%);--theme-success-color-cg-blue:hsl(142, 50%, 35%);--theme-success-hover-color-cg-blue:hsl(142, 50%, 33.25%);--theme-success-active-color-cg-blue:hsl(142, 50%, 31.5%);--theme-success-inverted-color-cg-blue:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-cg-blue:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-cg-blue:hsl(142, 50%, 31.5%);--theme-on-success-color-cg-blue:hsl(142, 70%, 95%);--theme-on-success-inverted-color-cg-blue:hsl(142, 70%, 95%);--theme-success-secondary-color-cg-blue:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-cg-blue:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-cg-blue:hsl(142, 70%, 81%);--theme-on-success-secondary-color-cg-blue:hsl(142, 50%, 25%);--theme-success-text-color-cg-blue:hsl(142, 50%, 85%);--theme-warning-color-cg-blue:hsl(45, 100%, 68%);--theme-on-warning-color-cg-blue:hsl(45, 100%, 95%);--theme-link-color-cg-blue:#60a5fa;--theme-link-hover-color-cg-blue:#93c5fd;--theme-link-active-color-cg-blue:#bfdbfe;--theme-primary-color-cyan:hsl(187, 47%, 55%);--theme-primary-hover-color-cyan:hsl(187, 47%, 59.5%);--theme-primary-active-color-cyan:hsl(187, 47%, 64%);--theme-primary-inverted-color-cyan:hsl(187, 47%, 55%);--theme-primary-inverted-hover-color-cyan:hsl(187, 47%, 49.5%);--theme-primary-inverted-active-color-cyan:hsl(187, 47%, 44%);--theme-on-primary-color-cyan:#fefefd;--theme-on-primary-inverted-color-cyan:#fefefd;--theme-primary-text-color-cyan:hsl(187, 47%, 91%);--theme-secondary-color-cyan:hsl(187, 37.6%, 68.5%);--theme-secondary-hover-color-cyan:hsl(187, 37.6%, 71.65%);--theme-secondary-active-color-cyan:hsl(187, 37.6%, 74.8%);--theme-secondary-inverted-color-cyan:hsl(187, 28.2%, 93.25%);--theme-secondary-inverted-hover-color-cyan:hsl(187, 28.2%, 88.5875%);--theme-secondary-inverted-active-color-cyan:hsl(187, 28.2%, 83.925%);--theme-on-secondary-color-cyan:hsl(187, 47%, 27.5%);--theme-on-secondary-inverted-color-cyan:hsl(187, 47%, 38.5%);--theme-default-color-cyan:#2c2c2e;--theme-on-default-color-cyan:#fefefd;--theme-inverted-color-cyan:#fefefd;--theme-on-inverted-color-cyan:#2c2c2e;--theme-surface-color-cyan:hsl(187, 23.5%, 61.75%);--theme-surface-hover-color-cyan:hsl(187, 23.5%, 63.6625%);--theme-surface-active-color-cyan:hsl(187, 23.5%, 65.575%);--theme-surface-inverted-color-cyan:hsl(187, 18.8%, 95.5%);--theme-surface-inverted-hover-color-cyan:hsl(187, 18.8%, 90.725%);--theme-surface-inverted-active-color-cyan:hsl(187, 18.8%, 85.95%);--theme-backdrop-color-cyan:rgba(0, 0, 0, 0.7);--theme-overlay-color-cyan:rgba(255, 255, 255, 0.06);--theme-modal-color-cyan:#262626;--theme-skeleton-color-cyan:#3a3a3a;--theme-on-skeleton-color-cyan:#4a4a4a;--theme-muted-color-cyan:hsl(0, 0%, 92%);--theme-placeholder-color-cyan:hsl(0, 0%, 76%);--theme-disabled-color-cyan:hsl(0, 0%, 35%);--theme-on-disabled-color-cyan:hsl(0, 0%, 85%);--theme-divider-color-cyan:hsl(187, 9.4%, 88.75%);--theme-divider-hover-color-cyan:hsl(187, 9.4%, 89.3125%);--theme-divider-active-color-cyan:hsl(187, 9.4%, 89.875%);--theme-divider-disabled-color-cyan:hsl(0, 0%, 45%);--theme-focus-ring-color-cyan:hsla(187, 47%, 55%, 0.9);--theme-shadow-color-cyan:rgba(0, 0, 0, 0.4);--theme-error-color-cyan:hsl(0, 70%, 40%);--theme-error-hover-color-cyan:hsl(0, 70%, 38%);--theme-error-active-color-cyan:hsl(0, 70%, 36%);--theme-error-inverted-color-cyan:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-cyan:hsl(0, 70%, 38%);--theme-error-inverted-active-color-cyan:hsl(0, 70%, 36%);--theme-on-error-color-cyan:hsl(0, 100%, 95%);--theme-on-error-inverted-color-cyan:hsl(0, 100%, 95%);--theme-error-secondary-color-cyan:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-cyan:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-cyan:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-cyan:hsl(0, 70%, 30%);--theme-error-text-color-cyan:hsl(0, 70%, 90%);--theme-success-color-cyan:hsl(142, 50%, 35%);--theme-success-hover-color-cyan:hsl(142, 50%, 33.25%);--theme-success-active-color-cyan:hsl(142, 50%, 31.5%);--theme-success-inverted-color-cyan:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-cyan:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-cyan:hsl(142, 50%, 31.5%);--theme-on-success-color-cyan:hsl(142, 70%, 95%);--theme-on-success-inverted-color-cyan:hsl(142, 70%, 95%);--theme-success-secondary-color-cyan:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-cyan:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-cyan:hsl(142, 70%, 81%);--theme-on-success-secondary-color-cyan:hsl(142, 50%, 25%);--theme-success-text-color-cyan:hsl(142, 50%, 85%);--theme-warning-color-cyan:hsl(45, 100%, 68%);--theme-on-warning-color-cyan:hsl(45, 100%, 95%);--theme-link-color-cyan:#60a5fa;--theme-link-hover-color-cyan:#93c5fd;--theme-link-active-color-cyan:#bfdbfe;--theme-primary-color-teal:hsl(174, 63%, 40%);--theme-primary-hover-color-teal:hsl(174, 63%, 46%);--theme-primary-active-color-teal:hsl(174, 63%, 52%);--theme-primary-inverted-color-teal:hsl(174, 63%, 40%);--theme-primary-inverted-hover-color-teal:hsl(174, 63%, 36%);--theme-primary-inverted-active-color-teal:hsl(174, 63%, 32%);--theme-on-primary-color-teal:#fefefd;--theme-on-primary-inverted-color-teal:#fefefd;--theme-primary-text-color-teal:hsl(174, 63%, 88%);--theme-secondary-color-teal:hsl(174, 50.4%, 58%);--theme-secondary-hover-color-teal:hsl(174, 50.4%, 62.2%);--theme-secondary-active-color-teal:hsl(174, 50.4%, 66.4%);--theme-secondary-inverted-color-teal:hsl(174, 37.8%, 91%);--theme-secondary-inverted-hover-color-teal:hsl(174, 37.8%, 86.45%);--theme-secondary-inverted-active-color-teal:hsl(174, 37.8%, 81.9%);--theme-on-secondary-color-teal:hsl(174, 63%, 20%);--theme-on-secondary-inverted-color-teal:hsl(174, 63%, 28%);--theme-default-color-teal:#2c2c2e;--theme-on-default-color-teal:#fefefd;--theme-inverted-color-teal:#fefefd;--theme-on-inverted-color-teal:#2c2c2e;--theme-surface-color-teal:hsl(174, 31.5%, 49%);--theme-surface-hover-color-teal:hsl(174, 31.5%, 51.55%);--theme-surface-active-color-teal:hsl(174, 31.5%, 54.1%);--theme-surface-inverted-color-teal:hsl(174, 25.2%, 94%);--theme-surface-inverted-hover-color-teal:hsl(174, 25.2%, 89.3%);--theme-surface-inverted-active-color-teal:hsl(174, 25.2%, 84.6%);--theme-backdrop-color-teal:rgba(0, 0, 0, 0.7);--theme-overlay-color-teal:rgba(255, 255, 255, 0.06);--theme-modal-color-teal:#262626;--theme-skeleton-color-teal:#3a3a3a;--theme-on-skeleton-color-teal:#4a4a4a;--theme-muted-color-teal:hsl(0, 0%, 92%);--theme-placeholder-color-teal:hsl(0, 0%, 76%);--theme-disabled-color-teal:hsl(0, 0%, 35%);--theme-on-disabled-color-teal:hsl(0, 0%, 85%);--theme-divider-color-teal:hsl(174, 12.6%, 85%);--theme-divider-hover-color-teal:hsl(174, 12.6%, 85.75%);--theme-divider-active-color-teal:hsl(174, 12.6%, 86.5%);--theme-divider-disabled-color-teal:hsl(0, 0%, 45%);--theme-focus-ring-color-teal:hsla(174, 63%, 40%, 0.9);--theme-shadow-color-teal:rgba(0, 0, 0, 0.4);--theme-error-color-teal:hsl(0, 70%, 40%);--theme-error-hover-color-teal:hsl(0, 70%, 38%);--theme-error-active-color-teal:hsl(0, 70%, 36%);--theme-error-inverted-color-teal:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-teal:hsl(0, 70%, 38%);--theme-error-inverted-active-color-teal:hsl(0, 70%, 36%);--theme-on-error-color-teal:hsl(0, 100%, 95%);--theme-on-error-inverted-color-teal:hsl(0, 100%, 95%);--theme-error-secondary-color-teal:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-teal:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-teal:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-teal:hsl(0, 70%, 30%);--theme-error-text-color-teal:hsl(0, 70%, 90%);--theme-success-color-teal:hsl(142, 50%, 35%);--theme-success-hover-color-teal:hsl(142, 50%, 33.25%);--theme-success-active-color-teal:hsl(142, 50%, 31.5%);--theme-success-inverted-color-teal:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-teal:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-teal:hsl(142, 50%, 31.5%);--theme-on-success-color-teal:hsl(142, 70%, 95%);--theme-on-success-inverted-color-teal:hsl(142, 70%, 95%);--theme-success-secondary-color-teal:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-teal:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-teal:hsl(142, 70%, 81%);--theme-on-success-secondary-color-teal:hsl(142, 50%, 25%);--theme-success-text-color-teal:hsl(142, 50%, 85%);--theme-warning-color-teal:hsl(45, 100%, 68%);--theme-on-warning-color-teal:hsl(45, 100%, 95%);--theme-link-color-teal:#60a5fa;--theme-link-hover-color-teal:#93c5fd;--theme-link-active-color-teal:#bfdbfe;--theme-primary-color-pink:hsl(340, 82%, 67%);--theme-primary-hover-color-pink:hsl(340, 82%, 70.3%);--theme-primary-active-color-pink:hsl(340, 82%, 73.6%);--theme-primary-inverted-color-pink:hsl(340, 82%, 67%);--theme-primary-inverted-hover-color-pink:hsl(340, 82%, 60.3%);--theme-primary-inverted-active-color-pink:hsl(340, 82%, 53.6%);--theme-on-primary-color-pink:#fefefd;--theme-on-primary-inverted-color-pink:#fefefd;--theme-primary-text-color-pink:hsl(340, 82%, 93.4%);--theme-secondary-color-pink:hsl(340, 65.6%, 76.9%);--theme-secondary-hover-color-pink:hsl(340, 65.6%, 79.21%);--theme-secondary-active-color-pink:hsl(340, 65.6%, 81.52%);--theme-secondary-inverted-color-pink:hsl(340, 49.2%, 95.05%);--theme-secondary-inverted-hover-color-pink:hsl(340, 49.2%, 90.2975%);--theme-secondary-inverted-active-color-pink:hsl(340, 49.2%, 85.545%);--theme-on-secondary-color-pink:hsl(340, 82%, 33.5%);--theme-on-secondary-inverted-color-pink:hsl(340, 82%, 46.9%);--theme-default-color-pink:#2c2c2e;--theme-on-default-color-pink:#fefefd;--theme-inverted-color-pink:#fefefd;--theme-on-inverted-color-pink:#2c2c2e;--theme-surface-color-pink:hsl(340, 41%, 71.95%);--theme-surface-hover-color-pink:hsl(340, 41%, 73.3525%);--theme-surface-active-color-pink:hsl(340, 41%, 74.755%);--theme-surface-inverted-color-pink:hsl(340, 32.8%, 96.7%);--theme-surface-inverted-hover-color-pink:hsl(340, 32.8%, 91.865%);--theme-surface-inverted-active-color-pink:hsl(340, 32.8%, 87.03%);--theme-backdrop-color-pink:rgba(0, 0, 0, 0.7);--theme-overlay-color-pink:rgba(255, 255, 255, 0.06);--theme-modal-color-pink:#262626;--theme-skeleton-color-pink:#3a3a3a;--theme-on-skeleton-color-pink:#4a4a4a;--theme-muted-color-pink:hsl(0, 0%, 92%);--theme-placeholder-color-pink:hsl(0, 0%, 76%);--theme-disabled-color-pink:hsl(0, 0%, 35%);--theme-on-disabled-color-pink:hsl(0, 0%, 85%);--theme-divider-color-pink:hsl(340, 16.4%, 91.75%);--theme-divider-hover-color-pink:hsl(340, 16.4%, 92.1625%);--theme-divider-active-color-pink:hsl(340, 16.4%, 92.575%);--theme-divider-disabled-color-pink:hsl(0, 0%, 45%);--theme-focus-ring-color-pink:hsla(340, 82%, 67%, 0.9);--theme-shadow-color-pink:rgba(0, 0, 0, 0.4);--theme-error-color-pink:hsl(0, 70%, 40%);--theme-error-hover-color-pink:hsl(0, 70%, 38%);--theme-error-active-color-pink:hsl(0, 70%, 36%);--theme-error-inverted-color-pink:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-pink:hsl(0, 70%, 38%);--theme-error-inverted-active-color-pink:hsl(0, 70%, 36%);--theme-on-error-color-pink:hsl(0, 100%, 95%);--theme-on-error-inverted-color-pink:hsl(0, 100%, 95%);--theme-error-secondary-color-pink:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-pink:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-pink:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-pink:hsl(0, 70%, 30%);--theme-error-text-color-pink:hsl(0, 70%, 90%);--theme-success-color-pink:hsl(142, 50%, 35%);--theme-success-hover-color-pink:hsl(142, 50%, 33.25%);--theme-success-active-color-pink:hsl(142, 50%, 31.5%);--theme-success-inverted-color-pink:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-pink:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-pink:hsl(142, 50%, 31.5%);--theme-on-success-color-pink:hsl(142, 70%, 95%);--theme-on-success-inverted-color-pink:hsl(142, 70%, 95%);--theme-success-secondary-color-pink:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-pink:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-pink:hsl(142, 70%, 81%);--theme-on-success-secondary-color-pink:hsl(142, 50%, 25%);--theme-success-text-color-pink:hsl(142, 50%, 85%);--theme-warning-color-pink:hsl(45, 100%, 68%);--theme-on-warning-color-pink:hsl(45, 100%, 95%);--theme-link-color-pink:#60a5fa;--theme-link-hover-color-pink:#93c5fd;--theme-link-active-color-pink:#bfdbfe;--theme-primary-color-rose:hsl(347, 77%, 61%);--theme-primary-hover-color-rose:hsl(347, 77%, 64.9%);--theme-primary-active-color-rose:hsl(347, 77%, 68.8%);--theme-primary-inverted-color-rose:hsl(347, 77%, 61%);--theme-primary-inverted-hover-color-rose:hsl(347, 77%, 54.9%);--theme-primary-inverted-active-color-rose:hsl(347, 77%, 48.8%);--theme-on-primary-color-rose:#fefefd;--theme-on-primary-inverted-color-rose:#fefefd;--theme-primary-text-color-rose:hsl(347, 77%, 92.2%);--theme-secondary-color-rose:hsl(347, 61.6%, 72.7%);--theme-secondary-hover-color-rose:hsl(347, 61.6%, 75.43%);--theme-secondary-active-color-rose:hsl(347, 61.6%, 78.16%);--theme-secondary-inverted-color-rose:hsl(347, 46.2%, 94.15%);--theme-secondary-inverted-hover-color-rose:hsl(347, 46.2%, 89.4425%);--theme-secondary-inverted-active-color-rose:hsl(347, 46.2%, 84.735%);--theme-on-secondary-color-rose:hsl(347, 77%, 30.5%);--theme-on-secondary-inverted-color-rose:hsl(347, 77%, 42.7%);--theme-default-color-rose:#2c2c2e;--theme-on-default-color-rose:#fefefd;--theme-inverted-color-rose:#fefefd;--theme-on-inverted-color-rose:#2c2c2e;--theme-surface-color-rose:hsl(347, 38.5%, 66.85%);--theme-surface-hover-color-rose:hsl(347, 38.5%, 68.5075%);--theme-surface-active-color-rose:hsl(347, 38.5%, 70.165%);--theme-surface-inverted-color-rose:hsl(347, 30.8%, 96.1%);--theme-surface-inverted-hover-color-rose:hsl(347, 30.8%, 91.295%);--theme-surface-inverted-active-color-rose:hsl(347, 30.8%, 86.49%);--theme-backdrop-color-rose:rgba(0, 0, 0, 0.7);--theme-overlay-color-rose:rgba(255, 255, 255, 0.06);--theme-modal-color-rose:#262626;--theme-skeleton-color-rose:#3a3a3a;--theme-on-skeleton-color-rose:#4a4a4a;--theme-muted-color-rose:hsl(0, 0%, 92%);--theme-placeholder-color-rose:hsl(0, 0%, 76%);--theme-disabled-color-rose:hsl(0, 0%, 35%);--theme-on-disabled-color-rose:hsl(0, 0%, 85%);--theme-divider-color-rose:hsl(347, 15.4%, 90.25%);--theme-divider-hover-color-rose:hsl(347, 15.4%, 90.7375%);--theme-divider-active-color-rose:hsl(347, 15.4%, 91.225%);--theme-divider-disabled-color-rose:hsl(0, 0%, 45%);--theme-focus-ring-color-rose:hsla(347, 77%, 61%, 0.9);--theme-shadow-color-rose:rgba(0, 0, 0, 0.4);--theme-error-color-rose:hsl(0, 70%, 40%);--theme-error-hover-color-rose:hsl(0, 70%, 38%);--theme-error-active-color-rose:hsl(0, 70%, 36%);--theme-error-inverted-color-rose:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-rose:hsl(0, 70%, 38%);--theme-error-inverted-active-color-rose:hsl(0, 70%, 36%);--theme-on-error-color-rose:hsl(0, 100%, 95%);--theme-on-error-inverted-color-rose:hsl(0, 100%, 95%);--theme-error-secondary-color-rose:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-rose:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-rose:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-rose:hsl(0, 70%, 30%);--theme-error-text-color-rose:hsl(0, 70%, 90%);--theme-success-color-rose:hsl(142, 50%, 35%);--theme-success-hover-color-rose:hsl(142, 50%, 33.25%);--theme-success-active-color-rose:hsl(142, 50%, 31.5%);--theme-success-inverted-color-rose:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-rose:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-rose:hsl(142, 50%, 31.5%);--theme-on-success-color-rose:hsl(142, 70%, 95%);--theme-on-success-inverted-color-rose:hsl(142, 70%, 95%);--theme-success-secondary-color-rose:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-rose:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-rose:hsl(142, 70%, 81%);--theme-on-success-secondary-color-rose:hsl(142, 50%, 25%);--theme-success-text-color-rose:hsl(142, 50%, 85%);--theme-warning-color-rose:hsl(45, 100%, 68%);--theme-on-warning-color-rose:hsl(45, 100%, 95%);--theme-link-color-rose:#60a5fa;--theme-link-hover-color-rose:#93c5fd;--theme-link-active-color-rose:#bfdbfe;--theme-primary-color-orange:hsl(28, 85%, 55%);--theme-primary-hover-color-orange:hsl(28, 85%, 59.5%);--theme-primary-active-color-orange:hsl(28, 85%, 64%);--theme-primary-inverted-color-orange:hsl(28, 85%, 55%);--theme-primary-inverted-hover-color-orange:hsl(28, 85%, 49.5%);--theme-primary-inverted-active-color-orange:hsl(28, 85%, 44%);--theme-on-primary-color-orange:#fefefd;--theme-on-primary-inverted-color-orange:#fefefd;--theme-primary-text-color-orange:hsl(28, 85%, 91%);--theme-secondary-color-orange:hsl(28, 68%, 68.5%);--theme-secondary-hover-color-orange:hsl(28, 68%, 71.65%);--theme-secondary-active-color-orange:hsl(28, 68%, 74.8%);--theme-secondary-inverted-color-orange:hsl(28, 51%, 93.25%);--theme-secondary-inverted-hover-color-orange:hsl(28, 51%, 88.5875%);--theme-secondary-inverted-active-color-orange:hsl(28, 51%, 83.925%);--theme-on-secondary-color-orange:hsl(28, 85%, 27.5%);--theme-on-secondary-inverted-color-orange:hsl(28, 85%, 38.5%);--theme-default-color-orange:#2c2c2e;--theme-on-default-color-orange:#fefefd;--theme-inverted-color-orange:#fefefd;--theme-on-inverted-color-orange:#2c2c2e;--theme-surface-color-orange:hsl(28, 42.5%, 61.75%);--theme-surface-hover-color-orange:hsl(28, 42.5%, 63.6625%);--theme-surface-active-color-orange:hsl(28, 42.5%, 65.575%);--theme-surface-inverted-color-orange:hsl(28, 34%, 95.5%);--theme-surface-inverted-hover-color-orange:hsl(28, 34%, 90.725%);--theme-surface-inverted-active-color-orange:hsl(28, 34%, 85.95%);--theme-backdrop-color-orange:rgba(0, 0, 0, 0.7);--theme-overlay-color-orange:rgba(255, 255, 255, 0.06);--theme-modal-color-orange:#262626;--theme-skeleton-color-orange:#3a3a3a;--theme-on-skeleton-color-orange:#4a4a4a;--theme-muted-color-orange:hsl(0, 0%, 92%);--theme-placeholder-color-orange:hsl(0, 0%, 76%);--theme-disabled-color-orange:hsl(0, 0%, 35%);--theme-on-disabled-color-orange:hsl(0, 0%, 85%);--theme-divider-color-orange:hsl(28, 17%, 88.75%);--theme-divider-hover-color-orange:hsl(28, 17%, 89.3125%);--theme-divider-active-color-orange:hsl(28, 17%, 89.875%);--theme-divider-disabled-color-orange:hsl(0, 0%, 45%);--theme-focus-ring-color-orange:hsla(28, 85%, 55%, 0.9);--theme-shadow-color-orange:rgba(0, 0, 0, 0.4);--theme-error-color-orange:hsl(0, 70%, 40%);--theme-error-hover-color-orange:hsl(0, 70%, 38%);--theme-error-active-color-orange:hsl(0, 70%, 36%);--theme-error-inverted-color-orange:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-orange:hsl(0, 70%, 38%);--theme-error-inverted-active-color-orange:hsl(0, 70%, 36%);--theme-on-error-color-orange:hsl(0, 100%, 95%);--theme-on-error-inverted-color-orange:hsl(0, 100%, 95%);--theme-error-secondary-color-orange:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-orange:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-orange:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-orange:hsl(0, 70%, 30%);--theme-error-text-color-orange:hsl(0, 70%, 90%);--theme-success-color-orange:hsl(142, 50%, 35%);--theme-success-hover-color-orange:hsl(142, 50%, 33.25%);--theme-success-active-color-orange:hsl(142, 50%, 31.5%);--theme-success-inverted-color-orange:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-orange:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-orange:hsl(142, 50%, 31.5%);--theme-on-success-color-orange:hsl(142, 70%, 95%);--theme-on-success-inverted-color-orange:hsl(142, 70%, 95%);--theme-success-secondary-color-orange:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-orange:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-orange:hsl(142, 70%, 81%);--theme-on-success-secondary-color-orange:hsl(142, 50%, 25%);--theme-success-text-color-orange:hsl(142, 50%, 85%);--theme-warning-color-orange:hsl(45, 100%, 68%);--theme-on-warning-color-orange:hsl(45, 100%, 95%);--theme-link-color-orange:#60a5fa;--theme-link-hover-color-orange:#93c5fd;--theme-link-active-color-orange:#bfdbfe;--theme-primary-color-amber:hsl(42, 90%, 55%);--theme-primary-hover-color-amber:hsl(42, 90%, 59.5%);--theme-primary-active-color-amber:hsl(42, 90%, 64%);--theme-primary-inverted-color-amber:hsl(42, 90%, 55%);--theme-primary-inverted-hover-color-amber:hsl(42, 90%, 49.5%);--theme-primary-inverted-active-color-amber:hsl(42, 90%, 44%);--theme-on-primary-color-amber:#fefefd;--theme-on-primary-inverted-color-amber:#fefefd;--theme-primary-text-color-amber:hsl(42, 90%, 91%);--theme-secondary-color-amber:hsl(42, 72%, 68.5%);--theme-secondary-hover-color-amber:hsl(42, 72%, 71.65%);--theme-secondary-active-color-amber:hsl(42, 72%, 74.8%);--theme-secondary-inverted-color-amber:hsl(42, 54%, 93.25%);--theme-secondary-inverted-hover-color-amber:hsl(42, 54%, 88.5875%);--theme-secondary-inverted-active-color-amber:hsl(42, 54%, 83.925%);--theme-on-secondary-color-amber:hsl(42, 90%, 27.5%);--theme-on-secondary-inverted-color-amber:hsl(42, 90%, 38.5%);--theme-default-color-amber:#2c2c2e;--theme-on-default-color-amber:#fefefd;--theme-inverted-color-amber:#fefefd;--theme-on-inverted-color-amber:#2c2c2e;--theme-surface-color-amber:hsl(42, 45%, 61.75%);--theme-surface-hover-color-amber:hsl(42, 45%, 63.6625%);--theme-surface-active-color-amber:hsl(42, 45%, 65.575%);--theme-surface-inverted-color-amber:hsl(42, 36%, 95.5%);--theme-surface-inverted-hover-color-amber:hsl(42, 36%, 90.725%);--theme-surface-inverted-active-color-amber:hsl(42, 36%, 85.95%);--theme-backdrop-color-amber:rgba(0, 0, 0, 0.7);--theme-overlay-color-amber:rgba(255, 255, 255, 0.06);--theme-modal-color-amber:#262626;--theme-skeleton-color-amber:#3a3a3a;--theme-on-skeleton-color-amber:#4a4a4a;--theme-muted-color-amber:hsl(0, 0%, 92%);--theme-placeholder-color-amber:hsl(0, 0%, 76%);--theme-disabled-color-amber:hsl(0, 0%, 35%);--theme-on-disabled-color-amber:hsl(0, 0%, 85%);--theme-divider-color-amber:hsl(42, 18%, 88.75%);--theme-divider-hover-color-amber:hsl(42, 18%, 89.3125%);--theme-divider-active-color-amber:hsl(42, 18%, 89.875%);--theme-divider-disabled-color-amber:hsl(0, 0%, 45%);--theme-focus-ring-color-amber:hsla(42, 90%, 55%, 0.9);--theme-shadow-color-amber:rgba(0, 0, 0, 0.4);--theme-error-color-amber:hsl(0, 70%, 40%);--theme-error-hover-color-amber:hsl(0, 70%, 38%);--theme-error-active-color-amber:hsl(0, 70%, 36%);--theme-error-inverted-color-amber:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-amber:hsl(0, 70%, 38%);--theme-error-inverted-active-color-amber:hsl(0, 70%, 36%);--theme-on-error-color-amber:hsl(0, 100%, 95%);--theme-on-error-inverted-color-amber:hsl(0, 100%, 95%);--theme-error-secondary-color-amber:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-amber:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-amber:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-amber:hsl(0, 70%, 30%);--theme-error-text-color-amber:hsl(0, 70%, 90%);--theme-success-color-amber:hsl(142, 50%, 35%);--theme-success-hover-color-amber:hsl(142, 50%, 33.25%);--theme-success-active-color-amber:hsl(142, 50%, 31.5%);--theme-success-inverted-color-amber:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-amber:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-amber:hsl(142, 50%, 31.5%);--theme-on-success-color-amber:hsl(142, 70%, 95%);--theme-on-success-inverted-color-amber:hsl(142, 70%, 95%);--theme-success-secondary-color-amber:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-amber:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-amber:hsl(142, 70%, 81%);--theme-on-success-secondary-color-amber:hsl(142, 50%, 25%);--theme-success-text-color-amber:hsl(142, 50%, 85%);--theme-warning-color-amber:hsl(45, 100%, 68%);--theme-on-warning-color-amber:hsl(45, 100%, 95%);--theme-link-color-amber:#60a5fa;--theme-link-hover-color-amber:#93c5fd;--theme-link-active-color-amber:#bfdbfe;--theme-primary-color-green:hsl(152, 47%, 45%);--theme-primary-hover-color-green:hsl(152, 47%, 50.5%);--theme-primary-active-color-green:hsl(152, 47%, 56%);--theme-primary-inverted-color-green:hsl(152, 47%, 45%);--theme-primary-inverted-hover-color-green:hsl(152, 47%, 40.5%);--theme-primary-inverted-active-color-green:hsl(152, 47%, 36%);--theme-on-primary-color-green:#fefefd;--theme-on-primary-inverted-color-green:#fefefd;--theme-primary-text-color-green:hsl(152, 47%, 89%);--theme-secondary-color-green:hsl(152, 37.6%, 61.5%);--theme-secondary-hover-color-green:hsl(152, 37.6%, 65.35%);--theme-secondary-active-color-green:hsl(152, 37.6%, 69.2%);--theme-secondary-inverted-color-green:hsl(152, 28.2%, 91.75%);--theme-secondary-inverted-hover-color-green:hsl(152, 28.2%, 87.1625%);--theme-secondary-inverted-active-color-green:hsl(152, 28.2%, 82.575%);--theme-on-secondary-color-green:hsl(152, 47%, 22.5%);--theme-on-secondary-inverted-color-green:hsl(152, 47%, 31.5%);--theme-default-color-green:#2c2c2e;--theme-on-default-color-green:#fefefd;--theme-inverted-color-green:#fefefd;--theme-on-inverted-color-green:#2c2c2e;--theme-surface-color-green:hsl(152, 23.5%, 53.25%);--theme-surface-hover-color-green:hsl(152, 23.5%, 55.5875%);--theme-surface-active-color-green:hsl(152, 23.5%, 57.925%);--theme-surface-inverted-color-green:hsl(152, 18.8%, 94.5%);--theme-surface-inverted-hover-color-green:hsl(152, 18.8%, 89.775%);--theme-surface-inverted-active-color-green:hsl(152, 18.8%, 85.05%);--theme-backdrop-color-green:rgba(0, 0, 0, 0.7);--theme-overlay-color-green:rgba(255, 255, 255, 0.06);--theme-modal-color-green:#262626;--theme-skeleton-color-green:#3a3a3a;--theme-on-skeleton-color-green:#4a4a4a;--theme-muted-color-green:hsl(0, 0%, 92%);--theme-placeholder-color-green:hsl(0, 0%, 76%);--theme-disabled-color-green:hsl(0, 0%, 35%);--theme-on-disabled-color-green:hsl(0, 0%, 85%);--theme-divider-color-green:hsl(152, 9.4%, 86.25%);--theme-divider-hover-color-green:hsl(152, 9.4%, 86.9375%);--theme-divider-active-color-green:hsl(152, 9.4%, 87.625%);--theme-divider-disabled-color-green:hsl(0, 0%, 45%);--theme-focus-ring-color-green:hsla(152, 47%, 45%, 0.9);--theme-shadow-color-green:rgba(0, 0, 0, 0.4);--theme-error-color-green:hsl(0, 70%, 40%);--theme-error-hover-color-green:hsl(0, 70%, 38%);--theme-error-active-color-green:hsl(0, 70%, 36%);--theme-error-inverted-color-green:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-green:hsl(0, 70%, 38%);--theme-error-inverted-active-color-green:hsl(0, 70%, 36%);--theme-on-error-color-green:hsl(0, 100%, 95%);--theme-on-error-inverted-color-green:hsl(0, 100%, 95%);--theme-error-secondary-color-green:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-green:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-green:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-green:hsl(0, 70%, 30%);--theme-error-text-color-green:hsl(0, 70%, 90%);--theme-success-color-green:hsl(142, 50%, 35%);--theme-success-hover-color-green:hsl(142, 50%, 33.25%);--theme-success-active-color-green:hsl(142, 50%, 31.5%);--theme-success-inverted-color-green:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-green:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-green:hsl(142, 50%, 31.5%);--theme-on-success-color-green:hsl(142, 70%, 95%);--theme-on-success-inverted-color-green:hsl(142, 70%, 95%);--theme-success-secondary-color-green:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-green:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-green:hsl(142, 70%, 81%);--theme-on-success-secondary-color-green:hsl(142, 50%, 25%);--theme-success-text-color-green:hsl(142, 50%, 85%);--theme-warning-color-green:hsl(45, 100%, 68%);--theme-on-warning-color-green:hsl(45, 100%, 95%);--theme-link-color-green:#60a5fa;--theme-link-hover-color-green:#93c5fd;--theme-link-active-color-green:#bfdbfe;--theme-primary-color-olive:hsl(88, 30%, 40%);--theme-primary-hover-color-olive:hsl(88, 30%, 46%);--theme-primary-active-color-olive:hsl(88, 30%, 52%);--theme-primary-inverted-color-olive:hsl(88, 30%, 40%);--theme-primary-inverted-hover-color-olive:hsl(88, 30%, 36%);--theme-primary-inverted-active-color-olive:hsl(88, 30%, 32%);--theme-on-primary-color-olive:#fefefd;--theme-on-primary-inverted-color-olive:#fefefd;--theme-primary-text-color-olive:hsl(88, 30%, 88%);--theme-secondary-color-olive:hsl(88, 24%, 58%);--theme-secondary-hover-color-olive:hsl(88, 24%, 62.2%);--theme-secondary-active-color-olive:hsl(88, 24%, 66.4%);--theme-secondary-inverted-color-olive:hsl(88, 18%, 91%);--theme-secondary-inverted-hover-color-olive:hsl(88, 18%, 86.45%);--theme-secondary-inverted-active-color-olive:hsl(88, 18%, 81.9%);--theme-on-secondary-color-olive:hsl(88, 30%, 20%);--theme-on-secondary-inverted-color-olive:hsl(88, 30%, 28%);--theme-default-color-olive:#2c2c2e;--theme-on-default-color-olive:#fefefd;--theme-inverted-color-olive:#fefefd;--theme-on-inverted-color-olive:#2c2c2e;--theme-surface-color-olive:hsl(88, 15%, 49%);--theme-surface-hover-color-olive:hsl(88, 15%, 51.55%);--theme-surface-active-color-olive:hsl(88, 15%, 54.1%);--theme-surface-inverted-color-olive:hsl(88, 12%, 94%);--theme-surface-inverted-hover-color-olive:hsl(88, 12%, 89.3%);--theme-surface-inverted-active-color-olive:hsl(88, 12%, 84.6%);--theme-backdrop-color-olive:rgba(0, 0, 0, 0.7);--theme-overlay-color-olive:rgba(255, 255, 255, 0.06);--theme-modal-color-olive:#262626;--theme-skeleton-color-olive:#3a3a3a;--theme-on-skeleton-color-olive:#4a4a4a;--theme-muted-color-olive:hsl(0, 0%, 92%);--theme-placeholder-color-olive:hsl(0, 0%, 76%);--theme-disabled-color-olive:hsl(0, 0%, 35%);--theme-on-disabled-color-olive:hsl(0, 0%, 85%);--theme-divider-color-olive:hsl(88, 6%, 85%);--theme-divider-hover-color-olive:hsl(88, 6%, 85.75%);--theme-divider-active-color-olive:hsl(88, 6%, 86.5%);--theme-divider-disabled-color-olive:hsl(0, 0%, 45%);--theme-focus-ring-color-olive:hsla(88, 30%, 40%, 0.9);--theme-shadow-color-olive:rgba(0, 0, 0, 0.4);--theme-error-color-olive:hsl(0, 70%, 40%);--theme-error-hover-color-olive:hsl(0, 70%, 38%);--theme-error-active-color-olive:hsl(0, 70%, 36%);--theme-error-inverted-color-olive:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-olive:hsl(0, 70%, 38%);--theme-error-inverted-active-color-olive:hsl(0, 70%, 36%);--theme-on-error-color-olive:hsl(0, 100%, 95%);--theme-on-error-inverted-color-olive:hsl(0, 100%, 95%);--theme-error-secondary-color-olive:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-olive:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-olive:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-olive:hsl(0, 70%, 30%);--theme-error-text-color-olive:hsl(0, 70%, 90%);--theme-success-color-olive:hsl(142, 50%, 35%);--theme-success-hover-color-olive:hsl(142, 50%, 33.25%);--theme-success-active-color-olive:hsl(142, 50%, 31.5%);--theme-success-inverted-color-olive:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-olive:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-olive:hsl(142, 50%, 31.5%);--theme-on-success-color-olive:hsl(142, 70%, 95%);--theme-on-success-inverted-color-olive:hsl(142, 70%, 95%);--theme-success-secondary-color-olive:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-olive:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-olive:hsl(142, 70%, 81%);--theme-on-success-secondary-color-olive:hsl(142, 50%, 25%);--theme-success-text-color-olive:hsl(142, 50%, 85%);--theme-warning-color-olive:hsl(45, 100%, 68%);--theme-on-warning-color-olive:hsl(45, 100%, 95%);--theme-link-color-olive:#60a5fa;--theme-link-hover-color-olive:#93c5fd;--theme-link-active-color-olive:#bfdbfe;--theme-primary-color-basil:hsl(158, 34.8%, 30.8%);--theme-primary-hover-color-basil:hsl(158, 34.8%, 37.72%);--theme-primary-active-color-basil:hsl(158, 34.8%, 44.64%);--theme-primary-inverted-color-basil:hsl(158, 34.8%, 30.8%);--theme-primary-inverted-hover-color-basil:hsl(158, 34.8%, 27.72%);--theme-primary-inverted-active-color-basil:hsl(158, 34.8%, 24.64%);--theme-on-primary-color-basil:#fefefd;--theme-on-primary-inverted-color-basil:#fefefd;--theme-primary-text-color-basil:hsl(158, 34.8%, 86.16%);--theme-secondary-color-basil:hsl(158, 27.84%, 51.56%);--theme-secondary-hover-color-basil:hsl(158, 27.84%, 56.404%);--theme-secondary-active-color-basil:hsl(158, 27.84%, 61.248%);--theme-secondary-inverted-color-basil:hsl(158, 20.88%, 89.62%);--theme-secondary-inverted-hover-color-basil:hsl(158, 20.88%, 85.139%);--theme-secondary-inverted-active-color-basil:hsl(158, 20.88%, 80.658%);--theme-on-secondary-color-basil:hsl(158, 34.8%, 15.4%);--theme-on-secondary-inverted-color-basil:hsl(158, 34.8%, 21.56%);--theme-default-color-basil:#2c2c2e;--theme-on-default-color-basil:#fefefd;--theme-inverted-color-basil:#fefefd;--theme-on-inverted-color-basil:#2c2c2e;--theme-surface-color-basil:hsl(158, 17.4%, 41.18%);--theme-surface-hover-color-basil:hsl(158, 17.4%, 44.121%);--theme-surface-active-color-basil:hsl(158, 17.4%, 47.062%);--theme-surface-inverted-color-basil:hsl(158, 13.92%, 93.08%);--theme-surface-inverted-hover-color-basil:hsl(158, 13.92%, 88.426%);--theme-surface-inverted-active-color-basil:hsl(158, 13.92%, 83.772%);--theme-backdrop-color-basil:rgba(0, 0, 0, 0.7);--theme-overlay-color-basil:rgba(255, 255, 255, 0.06);--theme-modal-color-basil:#262626;--theme-skeleton-color-basil:#3a3a3a;--theme-on-skeleton-color-basil:#4a4a4a;--theme-muted-color-basil:hsl(0, 0%, 92%);--theme-placeholder-color-basil:hsl(0, 0%, 76%);--theme-disabled-color-basil:hsl(0, 0%, 35%);--theme-on-disabled-color-basil:hsl(0, 0%, 85%);--theme-divider-color-basil:hsl(158, 6.96%, 82.7%);--theme-divider-hover-color-basil:hsl(158, 6.96%, 83.565%);--theme-divider-active-color-basil:hsl(158, 6.96%, 84.43%);--theme-divider-disabled-color-basil:hsl(0, 0%, 45%);--theme-focus-ring-color-basil:hsla(158, 34.8%, 30.8%, 0.9);--theme-shadow-color-basil:rgba(0, 0, 0, 0.4);--theme-error-color-basil:hsl(0, 70%, 40%);--theme-error-hover-color-basil:hsl(0, 70%, 38%);--theme-error-active-color-basil:hsl(0, 70%, 36%);--theme-error-inverted-color-basil:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-basil:hsl(0, 70%, 38%);--theme-error-inverted-active-color-basil:hsl(0, 70%, 36%);--theme-on-error-color-basil:hsl(0, 100%, 95%);--theme-on-error-inverted-color-basil:hsl(0, 100%, 95%);--theme-error-secondary-color-basil:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-basil:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-basil:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-basil:hsl(0, 70%, 30%);--theme-error-text-color-basil:hsl(0, 70%, 90%);--theme-success-color-basil:hsl(142, 50%, 35%);--theme-success-hover-color-basil:hsl(142, 50%, 33.25%);--theme-success-active-color-basil:hsl(142, 50%, 31.5%);--theme-success-inverted-color-basil:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-basil:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-basil:hsl(142, 50%, 31.5%);--theme-on-success-color-basil:hsl(142, 70%, 95%);--theme-on-success-inverted-color-basil:hsl(142, 70%, 95%);--theme-success-secondary-color-basil:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-basil:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-basil:hsl(142, 70%, 81%);--theme-on-success-secondary-color-basil:hsl(142, 50%, 25%);--theme-success-text-color-basil:hsl(142, 50%, 85%);--theme-warning-color-basil:hsl(45, 100%, 68%);--theme-on-warning-color-basil:hsl(45, 100%, 95%);--theme-link-color-basil:#60a5fa;--theme-link-hover-color-basil:#93c5fd;--theme-link-active-color-basil:#bfdbfe;--theme-primary-color-brown:hsl(25, 25%, 45%);--theme-primary-hover-color-brown:hsl(25, 25%, 50.5%);--theme-primary-active-color-brown:hsl(25, 25%, 56%);--theme-primary-inverted-color-brown:hsl(25, 25%, 45%);--theme-primary-inverted-hover-color-brown:hsl(25, 25%, 40.5%);--theme-primary-inverted-active-color-brown:hsl(25, 25%, 36%);--theme-on-primary-color-brown:#fefefd;--theme-on-primary-inverted-color-brown:#fefefd;--theme-primary-text-color-brown:hsl(25, 25%, 89%);--theme-secondary-color-brown:hsl(25, 20%, 61.5%);--theme-secondary-hover-color-brown:hsl(25, 20%, 65.35%);--theme-secondary-active-color-brown:hsl(25, 20%, 69.2%);--theme-secondary-inverted-color-brown:hsl(25, 15%, 91.75%);--theme-secondary-inverted-hover-color-brown:hsl(25, 15%, 87.1625%);--theme-secondary-inverted-active-color-brown:hsl(25, 15%, 82.575%);--theme-on-secondary-color-brown:hsl(25, 25%, 22.5%);--theme-on-secondary-inverted-color-brown:hsl(25, 25%, 31.5%);--theme-default-color-brown:#2c2c2e;--theme-on-default-color-brown:#fefefd;--theme-inverted-color-brown:#fefefd;--theme-on-inverted-color-brown:#2c2c2e;--theme-surface-color-brown:hsl(25, 12.5%, 53.25%);--theme-surface-hover-color-brown:hsl(25, 12.5%, 55.5875%);--theme-surface-active-color-brown:hsl(25, 12.5%, 57.925%);--theme-surface-inverted-color-brown:hsl(25, 10%, 94.5%);--theme-surface-inverted-hover-color-brown:hsl(25, 10%, 89.775%);--theme-surface-inverted-active-color-brown:hsl(25, 10%, 85.05%);--theme-backdrop-color-brown:rgba(0, 0, 0, 0.7);--theme-overlay-color-brown:rgba(255, 255, 255, 0.06);--theme-modal-color-brown:#262626;--theme-skeleton-color-brown:#3a3a3a;--theme-on-skeleton-color-brown:#4a4a4a;--theme-muted-color-brown:hsl(0, 0%, 92%);--theme-placeholder-color-brown:hsl(0, 0%, 76%);--theme-disabled-color-brown:hsl(0, 0%, 35%);--theme-on-disabled-color-brown:hsl(0, 0%, 85%);--theme-divider-color-brown:hsl(25, 5%, 86.25%);--theme-divider-hover-color-brown:hsl(25, 5%, 86.9375%);--theme-divider-active-color-brown:hsl(25, 5%, 87.625%);--theme-divider-disabled-color-brown:hsl(0, 0%, 45%);--theme-focus-ring-color-brown:hsla(25, 25%, 45%, 0.9);--theme-shadow-color-brown:rgba(0, 0, 0, 0.4);--theme-error-color-brown:hsl(0, 70%, 40%);--theme-error-hover-color-brown:hsl(0, 70%, 38%);--theme-error-active-color-brown:hsl(0, 70%, 36%);--theme-error-inverted-color-brown:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-brown:hsl(0, 70%, 38%);--theme-error-inverted-active-color-brown:hsl(0, 70%, 36%);--theme-on-error-color-brown:hsl(0, 100%, 95%);--theme-on-error-inverted-color-brown:hsl(0, 100%, 95%);--theme-error-secondary-color-brown:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-brown:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-brown:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-brown:hsl(0, 70%, 30%);--theme-error-text-color-brown:hsl(0, 70%, 90%);--theme-success-color-brown:hsl(142, 50%, 35%);--theme-success-hover-color-brown:hsl(142, 50%, 33.25%);--theme-success-active-color-brown:hsl(142, 50%, 31.5%);--theme-success-inverted-color-brown:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-brown:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-brown:hsl(142, 50%, 31.5%);--theme-on-success-color-brown:hsl(142, 70%, 95%);--theme-on-success-inverted-color-brown:hsl(142, 70%, 95%);--theme-success-secondary-color-brown:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-brown:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-brown:hsl(142, 70%, 81%);--theme-on-success-secondary-color-brown:hsl(142, 50%, 25%);--theme-success-text-color-brown:hsl(142, 50%, 85%);--theme-warning-color-brown:hsl(45, 100%, 68%);--theme-on-warning-color-brown:hsl(45, 100%, 95%);--theme-link-color-brown:#60a5fa;--theme-link-hover-color-brown:#93c5fd;--theme-link-active-color-brown:#bfdbfe;--theme-primary-color-indigo:hsl(245, 60%, 60%);--theme-primary-hover-color-indigo:hsl(245, 60%, 64%);--theme-primary-active-color-indigo:hsl(245, 60%, 68%);--theme-primary-inverted-color-indigo:hsl(245, 60%, 60%);--theme-primary-inverted-hover-color-indigo:hsl(245, 60%, 54%);--theme-primary-inverted-active-color-indigo:hsl(245, 60%, 48%);--theme-on-primary-color-indigo:#fefefd;--theme-on-primary-inverted-color-indigo:#fefefd;--theme-primary-text-color-indigo:hsl(245, 60%, 92%);--theme-secondary-color-indigo:hsl(245, 48%, 72%);--theme-secondary-hover-color-indigo:hsl(245, 48%, 74.8%);--theme-secondary-active-color-indigo:hsl(245, 48%, 77.6%);--theme-secondary-inverted-color-indigo:hsl(245, 36%, 94%);--theme-secondary-inverted-hover-color-indigo:hsl(245, 36%, 89.3%);--theme-secondary-inverted-active-color-indigo:hsl(245, 36%, 84.6%);--theme-on-secondary-color-indigo:hsl(245, 60%, 30%);--theme-on-secondary-inverted-color-indigo:hsl(245, 60%, 42%);--theme-default-color-indigo:#2c2c2e;--theme-on-default-color-indigo:#fefefd;--theme-inverted-color-indigo:#fefefd;--theme-on-inverted-color-indigo:#2c2c2e;--theme-surface-color-indigo:hsl(245, 30%, 66%);--theme-surface-hover-color-indigo:hsl(245, 30%, 67.7%);--theme-surface-active-color-indigo:hsl(245, 30%, 69.4%);--theme-surface-inverted-color-indigo:hsl(245, 24%, 96%);--theme-surface-inverted-hover-color-indigo:hsl(245, 24%, 91.2%);--theme-surface-inverted-active-color-indigo:hsl(245, 24%, 86.4%);--theme-backdrop-color-indigo:rgba(0, 0, 0, 0.7);--theme-overlay-color-indigo:rgba(255, 255, 255, 0.06);--theme-modal-color-indigo:#262626;--theme-skeleton-color-indigo:#3a3a3a;--theme-on-skeleton-color-indigo:#4a4a4a;--theme-muted-color-indigo:hsl(0, 0%, 92%);--theme-placeholder-color-indigo:hsl(0, 0%, 76%);--theme-disabled-color-indigo:hsl(0, 0%, 35%);--theme-on-disabled-color-indigo:hsl(0, 0%, 85%);--theme-divider-color-indigo:hsl(245, 12%, 90%);--theme-divider-hover-color-indigo:hsl(245, 12%, 90.5%);--theme-divider-active-color-indigo:hsl(245, 12%, 91%);--theme-divider-disabled-color-indigo:hsl(0, 0%, 45%);--theme-focus-ring-color-indigo:hsla(245, 60%, 60%, 0.9);--theme-shadow-color-indigo:rgba(0, 0, 0, 0.4);--theme-error-color-indigo:hsl(0, 70%, 40%);--theme-error-hover-color-indigo:hsl(0, 70%, 38%);--theme-error-active-color-indigo:hsl(0, 70%, 36%);--theme-error-inverted-color-indigo:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-indigo:hsl(0, 70%, 38%);--theme-error-inverted-active-color-indigo:hsl(0, 70%, 36%);--theme-on-error-color-indigo:hsl(0, 100%, 95%);--theme-on-error-inverted-color-indigo:hsl(0, 100%, 95%);--theme-error-secondary-color-indigo:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-indigo:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-indigo:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-indigo:hsl(0, 70%, 30%);--theme-error-text-color-indigo:hsl(0, 70%, 90%);--theme-success-color-indigo:hsl(142, 50%, 35%);--theme-success-hover-color-indigo:hsl(142, 50%, 33.25%);--theme-success-active-color-indigo:hsl(142, 50%, 31.5%);--theme-success-inverted-color-indigo:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-indigo:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-indigo:hsl(142, 50%, 31.5%);--theme-on-success-color-indigo:hsl(142, 70%, 95%);--theme-on-success-inverted-color-indigo:hsl(142, 70%, 95%);--theme-success-secondary-color-indigo:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-indigo:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-indigo:hsl(142, 70%, 81%);--theme-on-success-secondary-color-indigo:hsl(142, 50%, 25%);--theme-success-text-color-indigo:hsl(142, 50%, 85%);--theme-warning-color-indigo:hsl(45, 100%, 68%);--theme-on-warning-color-indigo:hsl(45, 100%, 95%);--theme-link-color-indigo:#60a5fa;--theme-link-hover-color-indigo:#93c5fd;--theme-link-active-color-indigo:#bfdbfe;--theme-primary-color-purple:hsl(270, 70%, 60%);--theme-primary-hover-color-purple:hsl(270, 70%, 64%);--theme-primary-active-color-purple:hsl(270, 70%, 68%);--theme-primary-inverted-color-purple:hsl(270, 70%, 60%);--theme-primary-inverted-hover-color-purple:hsl(270, 70%, 54%);--theme-primary-inverted-active-color-purple:hsl(270, 70%, 48%);--theme-on-primary-color-purple:#fefefd;--theme-on-primary-inverted-color-purple:#fefefd;--theme-primary-text-color-purple:hsl(270, 70%, 92%);--theme-secondary-color-purple:hsl(270, 56%, 72%);--theme-secondary-hover-color-purple:hsl(270, 56%, 74.8%);--theme-secondary-active-color-purple:hsl(270, 56%, 77.6%);--theme-secondary-inverted-color-purple:hsl(270, 42%, 94%);--theme-secondary-inverted-hover-color-purple:hsl(270, 42%, 89.3%);--theme-secondary-inverted-active-color-purple:hsl(270, 42%, 84.6%);--theme-on-secondary-color-purple:hsl(270, 70%, 30%);--theme-on-secondary-inverted-color-purple:hsl(270, 70%, 42%);--theme-default-color-purple:#2c2c2e;--theme-on-default-color-purple:#fefefd;--theme-inverted-color-purple:#fefefd;--theme-on-inverted-color-purple:#2c2c2e;--theme-surface-color-purple:hsl(270, 35%, 66%);--theme-surface-hover-color-purple:hsl(270, 35%, 67.7%);--theme-surface-active-color-purple:hsl(270, 35%, 69.4%);--theme-surface-inverted-color-purple:hsl(270, 28%, 96%);--theme-surface-inverted-hover-color-purple:hsl(270, 28%, 91.2%);--theme-surface-inverted-active-color-purple:hsl(270, 28%, 86.4%);--theme-backdrop-color-purple:rgba(0, 0, 0, 0.7);--theme-overlay-color-purple:rgba(255, 255, 255, 0.06);--theme-modal-color-purple:#262626;--theme-skeleton-color-purple:#3a3a3a;--theme-on-skeleton-color-purple:#4a4a4a;--theme-muted-color-purple:hsl(0, 0%, 92%);--theme-placeholder-color-purple:hsl(0, 0%, 76%);--theme-disabled-color-purple:hsl(0, 0%, 35%);--theme-on-disabled-color-purple:hsl(0, 0%, 85%);--theme-divider-color-purple:hsl(270, 14%, 90%);--theme-divider-hover-color-purple:hsl(270, 14%, 90.5%);--theme-divider-active-color-purple:hsl(270, 14%, 91%);--theme-divider-disabled-color-purple:hsl(0, 0%, 45%);--theme-focus-ring-color-purple:hsla(270, 70%, 60%, 0.9);--theme-shadow-color-purple:rgba(0, 0, 0, 0.4);--theme-error-color-purple:hsl(0, 70%, 40%);--theme-error-hover-color-purple:hsl(0, 70%, 38%);--theme-error-active-color-purple:hsl(0, 70%, 36%);--theme-error-inverted-color-purple:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-purple:hsl(0, 70%, 38%);--theme-error-inverted-active-color-purple:hsl(0, 70%, 36%);--theme-on-error-color-purple:hsl(0, 100%, 95%);--theme-on-error-inverted-color-purple:hsl(0, 100%, 95%);--theme-error-secondary-color-purple:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-purple:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-purple:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-purple:hsl(0, 70%, 30%);--theme-error-text-color-purple:hsl(0, 70%, 90%);--theme-success-color-purple:hsl(142, 50%, 35%);--theme-success-hover-color-purple:hsl(142, 50%, 33.25%);--theme-success-active-color-purple:hsl(142, 50%, 31.5%);--theme-success-inverted-color-purple:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-purple:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-purple:hsl(142, 50%, 31.5%);--theme-on-success-color-purple:hsl(142, 70%, 95%);--theme-on-success-inverted-color-purple:hsl(142, 70%, 95%);--theme-success-secondary-color-purple:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-purple:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-purple:hsl(142, 70%, 81%);--theme-on-success-secondary-color-purple:hsl(142, 50%, 25%);--theme-success-text-color-purple:hsl(142, 50%, 85%);--theme-warning-color-purple:hsl(45, 100%, 68%);--theme-on-warning-color-purple:hsl(45, 100%, 95%);--theme-link-color-purple:#60a5fa;--theme-link-hover-color-purple:#93c5fd;--theme-link-active-color-purple:#bfdbfe;--theme-primary-color-magenta:hsl(320, 60%, 60%);--theme-primary-hover-color-magenta:hsl(320, 60%, 64%);--theme-primary-active-color-magenta:hsl(320, 60%, 68%);--theme-primary-inverted-color-magenta:hsl(320, 60%, 60%);--theme-primary-inverted-hover-color-magenta:hsl(320, 60%, 54%);--theme-primary-inverted-active-color-magenta:hsl(320, 60%, 48%);--theme-on-primary-color-magenta:#fefefd;--theme-on-primary-inverted-color-magenta:#fefefd;--theme-primary-text-color-magenta:hsl(320, 60%, 92%);--theme-secondary-color-magenta:hsl(320, 48%, 72%);--theme-secondary-hover-color-magenta:hsl(320, 48%, 74.8%);--theme-secondary-active-color-magenta:hsl(320, 48%, 77.6%);--theme-secondary-inverted-color-magenta:hsl(320, 36%, 94%);--theme-secondary-inverted-hover-color-magenta:hsl(320, 36%, 89.3%);--theme-secondary-inverted-active-color-magenta:hsl(320, 36%, 84.6%);--theme-on-secondary-color-magenta:hsl(320, 60%, 30%);--theme-on-secondary-inverted-color-magenta:hsl(320, 60%, 42%);--theme-default-color-magenta:#2c2c2e;--theme-on-default-color-magenta:#fefefd;--theme-inverted-color-magenta:#fefefd;--theme-on-inverted-color-magenta:#2c2c2e;--theme-surface-color-magenta:hsl(320, 30%, 66%);--theme-surface-hover-color-magenta:hsl(320, 30%, 67.7%);--theme-surface-active-color-magenta:hsl(320, 30%, 69.4%);--theme-surface-inverted-color-magenta:hsl(320, 24%, 96%);--theme-surface-inverted-hover-color-magenta:hsl(320, 24%, 91.2%);--theme-surface-inverted-active-color-magenta:hsl(320, 24%, 86.4%);--theme-backdrop-color-magenta:rgba(0, 0, 0, 0.7);--theme-overlay-color-magenta:rgba(255, 255, 255, 0.06);--theme-modal-color-magenta:#262626;--theme-skeleton-color-magenta:#3a3a3a;--theme-on-skeleton-color-magenta:#4a4a4a;--theme-muted-color-magenta:hsl(0, 0%, 92%);--theme-placeholder-color-magenta:hsl(0, 0%, 76%);--theme-disabled-color-magenta:hsl(0, 0%, 35%);--theme-on-disabled-color-magenta:hsl(0, 0%, 85%);--theme-divider-color-magenta:hsl(320, 12%, 90%);--theme-divider-hover-color-magenta:hsl(320, 12%, 90.5%);--theme-divider-active-color-magenta:hsl(320, 12%, 91%);--theme-divider-disabled-color-magenta:hsl(0, 0%, 45%);--theme-focus-ring-color-magenta:hsla(320, 60%, 60%, 0.9);--theme-shadow-color-magenta:rgba(0, 0, 0, 0.4);--theme-error-color-magenta:hsl(0, 70%, 40%);--theme-error-hover-color-magenta:hsl(0, 70%, 38%);--theme-error-active-color-magenta:hsl(0, 70%, 36%);--theme-error-inverted-color-magenta:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-magenta:hsl(0, 70%, 38%);--theme-error-inverted-active-color-magenta:hsl(0, 70%, 36%);--theme-on-error-color-magenta:hsl(0, 100%, 95%);--theme-on-error-inverted-color-magenta:hsl(0, 100%, 95%);--theme-error-secondary-color-magenta:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-magenta:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-magenta:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-magenta:hsl(0, 70%, 30%);--theme-error-text-color-magenta:hsl(0, 70%, 90%);--theme-success-color-magenta:hsl(142, 50%, 35%);--theme-success-hover-color-magenta:hsl(142, 50%, 33.25%);--theme-success-active-color-magenta:hsl(142, 50%, 31.5%);--theme-success-inverted-color-magenta:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-magenta:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-magenta:hsl(142, 50%, 31.5%);--theme-on-success-color-magenta:hsl(142, 70%, 95%);--theme-on-success-inverted-color-magenta:hsl(142, 70%, 95%);--theme-success-secondary-color-magenta:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-magenta:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-magenta:hsl(142, 70%, 81%);--theme-on-success-secondary-color-magenta:hsl(142, 50%, 25%);--theme-success-text-color-magenta:hsl(142, 50%, 85%);--theme-warning-color-magenta:hsl(45, 100%, 68%);--theme-on-warning-color-magenta:hsl(45, 100%, 95%);--theme-link-color-magenta:#60a5fa;--theme-link-hover-color-magenta:#93c5fd;--theme-link-active-color-magenta:#bfdbfe;--theme-primary-color-electric-blue:hsl(210, 100%, 60%);--theme-primary-hover-color-electric-blue:hsl(210, 100%, 64%);--theme-primary-active-color-electric-blue:hsl(210, 100%, 68%);--theme-primary-inverted-color-electric-blue:hsl(210, 100%, 60%);--theme-primary-inverted-hover-color-electric-blue:hsl(210, 100%, 54%);--theme-primary-inverted-active-color-electric-blue:hsl(210, 100%, 48%);--theme-on-primary-color-electric-blue:#fefefd;--theme-on-primary-inverted-color-electric-blue:#fefefd;--theme-primary-text-color-electric-blue:hsl(210, 100%, 92%);--theme-secondary-color-electric-blue:hsl(210, 80%, 72%);--theme-secondary-hover-color-electric-blue:hsl(210, 80%, 74.8%);--theme-secondary-active-color-electric-blue:hsl(210, 80%, 77.6%);--theme-secondary-inverted-color-electric-blue:hsl(210, 60%, 94%);--theme-secondary-inverted-hover-color-electric-blue:hsl(210, 60%, 89.3%);--theme-secondary-inverted-active-color-electric-blue:hsl(210, 60%, 84.6%);--theme-on-secondary-color-electric-blue:hsl(210, 100%, 30%);--theme-on-secondary-inverted-color-electric-blue:hsl(210, 100%, 42%);--theme-default-color-electric-blue:#2c2c2e;--theme-on-default-color-electric-blue:#fefefd;--theme-inverted-color-electric-blue:#fefefd;--theme-on-inverted-color-electric-blue:#2c2c2e;--theme-surface-color-electric-blue:hsl(210, 50%, 66%);--theme-surface-hover-color-electric-blue:hsl(210, 50%, 67.7%);--theme-surface-active-color-electric-blue:hsl(210, 50%, 69.4%);--theme-surface-inverted-color-electric-blue:hsl(210, 40%, 96%);--theme-surface-inverted-hover-color-electric-blue:hsl(210, 40%, 91.2%);--theme-surface-inverted-active-color-electric-blue:hsl(210, 40%, 86.4%);--theme-backdrop-color-electric-blue:rgba(0, 0, 0, 0.7);--theme-overlay-color-electric-blue:rgba(255, 255, 255, 0.06);--theme-modal-color-electric-blue:#262626;--theme-skeleton-color-electric-blue:#3a3a3a;--theme-on-skeleton-color-electric-blue:#4a4a4a;--theme-muted-color-electric-blue:hsl(0, 0%, 92%);--theme-placeholder-color-electric-blue:hsl(0, 0%, 76%);--theme-disabled-color-electric-blue:hsl(0, 0%, 35%);--theme-on-disabled-color-electric-blue:hsl(0, 0%, 85%);--theme-divider-color-electric-blue:hsl(210, 20%, 90%);--theme-divider-hover-color-electric-blue:hsl(210, 20%, 90.5%);--theme-divider-active-color-electric-blue:hsl(210, 20%, 91%);--theme-divider-disabled-color-electric-blue:hsl(0, 0%, 45%);--theme-focus-ring-color-electric-blue:hsla(210, 100%, 60%, 0.9);--theme-shadow-color-electric-blue:rgba(0, 0, 0, 0.4);--theme-error-color-electric-blue:hsl(0, 70%, 40%);--theme-error-hover-color-electric-blue:hsl(0, 70%, 38%);--theme-error-active-color-electric-blue:hsl(0, 70%, 36%);--theme-error-inverted-color-electric-blue:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-electric-blue:hsl(0, 70%, 38%);--theme-error-inverted-active-color-electric-blue:hsl(0, 70%, 36%);--theme-on-error-color-electric-blue:hsl(0, 100%, 95%);--theme-on-error-inverted-color-electric-blue:hsl(0, 100%, 95%);--theme-error-secondary-color-electric-blue:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-electric-blue:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-electric-blue:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-electric-blue:hsl(0, 70%, 30%);--theme-error-text-color-electric-blue:hsl(0, 70%, 90%);--theme-success-color-electric-blue:hsl(142, 50%, 35%);--theme-success-hover-color-electric-blue:hsl(142, 50%, 33.25%);--theme-success-active-color-electric-blue:hsl(142, 50%, 31.5%);--theme-success-inverted-color-electric-blue:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-electric-blue:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-electric-blue:hsl(142, 50%, 31.5%);--theme-on-success-color-electric-blue:hsl(142, 70%, 95%);--theme-on-success-inverted-color-electric-blue:hsl(142, 70%, 95%);--theme-success-secondary-color-electric-blue:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-electric-blue:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-electric-blue:hsl(142, 70%, 81%);--theme-on-success-secondary-color-electric-blue:hsl(142, 50%, 25%);--theme-success-text-color-electric-blue:hsl(142, 50%, 85%);--theme-warning-color-electric-blue:hsl(45, 100%, 68%);--theme-on-warning-color-electric-blue:hsl(45, 100%, 95%);--theme-link-color-electric-blue:#60a5fa;--theme-link-hover-color-electric-blue:#93c5fd;--theme-link-active-color-electric-blue:#bfdbfe;--theme-primary-color-hot-pink:hsl(330, 100%, 65%);--theme-primary-hover-color-hot-pink:hsl(330, 100%, 68.5%);--theme-primary-active-color-hot-pink:hsl(330, 100%, 72%);--theme-primary-inverted-color-hot-pink:hsl(330, 100%, 65%);--theme-primary-inverted-hover-color-hot-pink:hsl(330, 100%, 58.5%);--theme-primary-inverted-active-color-hot-pink:hsl(330, 100%, 52%);--theme-on-primary-color-hot-pink:#fefefd;--theme-on-primary-inverted-color-hot-pink:#fefefd;--theme-primary-text-color-hot-pink:hsl(330, 100%, 93%);--theme-secondary-color-hot-pink:hsl(330, 80%, 75.5%);--theme-secondary-hover-color-hot-pink:hsl(330, 80%, 77.95%);--theme-secondary-active-color-hot-pink:hsl(330, 80%, 80.4%);--theme-secondary-inverted-color-hot-pink:hsl(330, 60%, 94.75%);--theme-secondary-inverted-hover-color-hot-pink:hsl(330, 60%, 90.0125%);--theme-secondary-inverted-active-color-hot-pink:hsl(330, 60%, 85.275%);--theme-on-secondary-color-hot-pink:hsl(330, 100%, 32.5%);--theme-on-secondary-inverted-color-hot-pink:hsl(330, 100%, 45.5%);--theme-default-color-hot-pink:#2c2c2e;--theme-on-default-color-hot-pink:#fefefd;--theme-inverted-color-hot-pink:#fefefd;--theme-on-inverted-color-hot-pink:#2c2c2e;--theme-surface-color-hot-pink:hsl(330, 50%, 70.25%);--theme-surface-hover-color-hot-pink:hsl(330, 50%, 71.7375%);--theme-surface-active-color-hot-pink:hsl(330, 50%, 73.225%);--theme-surface-inverted-color-hot-pink:hsl(330, 40%, 96.5%);--theme-surface-inverted-hover-color-hot-pink:hsl(330, 40%, 91.675%);--theme-surface-inverted-active-color-hot-pink:hsl(330, 40%, 86.85%);--theme-backdrop-color-hot-pink:rgba(0, 0, 0, 0.7);--theme-overlay-color-hot-pink:rgba(255, 255, 255, 0.06);--theme-modal-color-hot-pink:#262626;--theme-skeleton-color-hot-pink:#3a3a3a;--theme-on-skeleton-color-hot-pink:#4a4a4a;--theme-muted-color-hot-pink:hsl(0, 0%, 92%);--theme-placeholder-color-hot-pink:hsl(0, 0%, 76%);--theme-disabled-color-hot-pink:hsl(0, 0%, 35%);--theme-on-disabled-color-hot-pink:hsl(0, 0%, 85%);--theme-divider-color-hot-pink:hsl(330, 20%, 91.25%);--theme-divider-hover-color-hot-pink:hsl(330, 20%, 91.6875%);--theme-divider-active-color-hot-pink:hsl(330, 20%, 92.125%);--theme-divider-disabled-color-hot-pink:hsl(0, 0%, 45%);--theme-focus-ring-color-hot-pink:hsla(330, 100%, 65%, 0.9);--theme-shadow-color-hot-pink:rgba(0, 0, 0, 0.4);--theme-error-color-hot-pink:hsl(0, 70%, 40%);--theme-error-hover-color-hot-pink:hsl(0, 70%, 38%);--theme-error-active-color-hot-pink:hsl(0, 70%, 36%);--theme-error-inverted-color-hot-pink:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-hot-pink:hsl(0, 70%, 38%);--theme-error-inverted-active-color-hot-pink:hsl(0, 70%, 36%);--theme-on-error-color-hot-pink:hsl(0, 100%, 95%);--theme-on-error-inverted-color-hot-pink:hsl(0, 100%, 95%);--theme-error-secondary-color-hot-pink:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-hot-pink:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-hot-pink:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-hot-pink:hsl(0, 70%, 30%);--theme-error-text-color-hot-pink:hsl(0, 70%, 90%);--theme-success-color-hot-pink:hsl(142, 50%, 35%);--theme-success-hover-color-hot-pink:hsl(142, 50%, 33.25%);--theme-success-active-color-hot-pink:hsl(142, 50%, 31.5%);--theme-success-inverted-color-hot-pink:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-hot-pink:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-hot-pink:hsl(142, 50%, 31.5%);--theme-on-success-color-hot-pink:hsl(142, 70%, 95%);--theme-on-success-inverted-color-hot-pink:hsl(142, 70%, 95%);--theme-success-secondary-color-hot-pink:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-hot-pink:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-hot-pink:hsl(142, 70%, 81%);--theme-on-success-secondary-color-hot-pink:hsl(142, 50%, 25%);--theme-success-text-color-hot-pink:hsl(142, 50%, 85%);--theme-warning-color-hot-pink:hsl(45, 100%, 68%);--theme-on-warning-color-hot-pink:hsl(45, 100%, 95%);--theme-link-color-hot-pink:#60a5fa;--theme-link-hover-color-hot-pink:#93c5fd;--theme-link-active-color-hot-pink:#bfdbfe;--theme-primary-color-shrine-pink:hsl(18, 96%, 60%);--theme-primary-hover-color-shrine-pink:hsl(18, 96%, 64%);--theme-primary-active-color-shrine-pink:hsl(18, 96%, 68%);--theme-primary-inverted-color-shrine-pink:hsl(18, 96%, 60%);--theme-primary-inverted-hover-color-shrine-pink:hsl(18, 96%, 54%);--theme-primary-inverted-active-color-shrine-pink:hsl(18, 96%, 48%);--theme-on-primary-color-shrine-pink:#fefefd;--theme-on-primary-inverted-color-shrine-pink:#fefefd;--theme-primary-text-color-shrine-pink:hsl(18, 96%, 92%);--theme-secondary-color-shrine-pink:hsl(18, 76.8%, 72%);--theme-secondary-hover-color-shrine-pink:hsl(18, 76.8%, 74.8%);--theme-secondary-active-color-shrine-pink:hsl(18, 76.8%, 77.6%);--theme-secondary-inverted-color-shrine-pink:hsl(18, 57.6%, 94%);--theme-secondary-inverted-hover-color-shrine-pink:hsl(18, 57.6%, 89.3%);--theme-secondary-inverted-active-color-shrine-pink:hsl(18, 57.6%, 84.6%);--theme-on-secondary-color-shrine-pink:hsl(18, 96%, 30%);--theme-on-secondary-inverted-color-shrine-pink:hsl(18, 96%, 42%);--theme-default-color-shrine-pink:#2c2c2e;--theme-on-default-color-shrine-pink:#fefefd;--theme-inverted-color-shrine-pink:#fefefd;--theme-on-inverted-color-shrine-pink:#2c2c2e;--theme-surface-color-shrine-pink:hsl(18, 48%, 66%);--theme-surface-hover-color-shrine-pink:hsl(18, 48%, 67.7%);--theme-surface-active-color-shrine-pink:hsl(18, 48%, 69.4%);--theme-surface-inverted-color-shrine-pink:hsl(18, 38.4%, 96%);--theme-surface-inverted-hover-color-shrine-pink:hsl(18, 38.4%, 91.2%);--theme-surface-inverted-active-color-shrine-pink:hsl(18, 38.4%, 86.4%);--theme-backdrop-color-shrine-pink:rgba(0, 0, 0, 0.7);--theme-overlay-color-shrine-pink:rgba(255, 255, 255, 0.06);--theme-modal-color-shrine-pink:#262626;--theme-skeleton-color-shrine-pink:#3a3a3a;--theme-on-skeleton-color-shrine-pink:#4a4a4a;--theme-muted-color-shrine-pink:hsl(0, 0%, 92%);--theme-placeholder-color-shrine-pink:hsl(0, 0%, 76%);--theme-disabled-color-shrine-pink:hsl(0, 0%, 35%);--theme-on-disabled-color-shrine-pink:hsl(0, 0%, 85%);--theme-divider-color-shrine-pink:hsl(18, 19.2%, 90%);--theme-divider-hover-color-shrine-pink:hsl(18, 19.2%, 90.5%);--theme-divider-active-color-shrine-pink:hsl(18, 19.2%, 91%);--theme-divider-disabled-color-shrine-pink:hsl(0, 0%, 45%);--theme-focus-ring-color-shrine-pink:hsla(18, 96%, 60%, 0.9);--theme-shadow-color-shrine-pink:rgba(0, 0, 0, 0.4);--theme-error-color-shrine-pink:hsl(0, 70%, 40%);--theme-error-hover-color-shrine-pink:hsl(0, 70%, 38%);--theme-error-active-color-shrine-pink:hsl(0, 70%, 36%);--theme-error-inverted-color-shrine-pink:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-shrine-pink:hsl(0, 70%, 38%);--theme-error-inverted-active-color-shrine-pink:hsl(0, 70%, 36%);--theme-on-error-color-shrine-pink:hsl(0, 100%, 95%);--theme-on-error-inverted-color-shrine-pink:hsl(0, 100%, 95%);--theme-error-secondary-color-shrine-pink:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-shrine-pink:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-shrine-pink:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-shrine-pink:hsl(0, 70%, 30%);--theme-error-text-color-shrine-pink:hsl(0, 70%, 90%);--theme-success-color-shrine-pink:hsl(142, 50%, 35%);--theme-success-hover-color-shrine-pink:hsl(142, 50%, 33.25%);--theme-success-active-color-shrine-pink:hsl(142, 50%, 31.5%);--theme-success-inverted-color-shrine-pink:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-shrine-pink:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-shrine-pink:hsl(142, 50%, 31.5%);--theme-on-success-color-shrine-pink:hsl(142, 70%, 95%);--theme-on-success-inverted-color-shrine-pink:hsl(142, 70%, 95%);--theme-success-secondary-color-shrine-pink:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-shrine-pink:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-shrine-pink:hsl(142, 70%, 81%);--theme-on-success-secondary-color-shrine-pink:hsl(142, 50%, 25%);--theme-success-text-color-shrine-pink:hsl(142, 50%, 85%);--theme-warning-color-shrine-pink:hsl(45, 100%, 68%);--theme-on-warning-color-shrine-pink:hsl(45, 100%, 95%);--theme-link-color-shrine-pink:#60a5fa;--theme-link-hover-color-shrine-pink:#93c5fd;--theme-link-active-color-shrine-pink:#bfdbfe;--theme-primary-color-crane-purple:hsl(320, 71%, 40%);--theme-primary-hover-color-crane-purple:hsl(320, 71%, 46%);--theme-primary-active-color-crane-purple:hsl(320, 71%, 52%);--theme-primary-inverted-color-crane-purple:hsl(320, 71%, 40%);--theme-primary-inverted-hover-color-crane-purple:hsl(320, 71%, 36%);--theme-primary-inverted-active-color-crane-purple:hsl(320, 71%, 32%);--theme-on-primary-color-crane-purple:#fefefd;--theme-on-primary-inverted-color-crane-purple:#fefefd;--theme-primary-text-color-crane-purple:hsl(320, 71%, 88%);--theme-secondary-color-crane-purple:hsl(320, 56.8%, 58%);--theme-secondary-hover-color-crane-purple:hsl(320, 56.8%, 62.2%);--theme-secondary-active-color-crane-purple:hsl(320, 56.8%, 66.4%);--theme-secondary-inverted-color-crane-purple:hsl(320, 42.6%, 91%);--theme-secondary-inverted-hover-color-crane-purple:hsl(320, 42.6%, 86.45%);--theme-secondary-inverted-active-color-crane-purple:hsl(320, 42.6%, 81.9%);--theme-on-secondary-color-crane-purple:hsl(320, 71%, 20%);--theme-on-secondary-inverted-color-crane-purple:hsl(320, 71%, 28%);--theme-default-color-crane-purple:#2c2c2e;--theme-on-default-color-crane-purple:#fefefd;--theme-inverted-color-crane-purple:#fefefd;--theme-on-inverted-color-crane-purple:#2c2c2e;--theme-surface-color-crane-purple:hsl(320, 35.5%, 49%);--theme-surface-hover-color-crane-purple:hsl(320, 35.5%, 51.55%);--theme-surface-active-color-crane-purple:hsl(320, 35.5%, 54.1%);--theme-surface-inverted-color-crane-purple:hsl(320, 28.4%, 94%);--theme-surface-inverted-hover-color-crane-purple:hsl(320, 28.4%, 89.3%);--theme-surface-inverted-active-color-crane-purple:hsl(320, 28.4%, 84.6%);--theme-backdrop-color-crane-purple:rgba(0, 0, 0, 0.7);--theme-overlay-color-crane-purple:rgba(255, 255, 255, 0.06);--theme-modal-color-crane-purple:#262626;--theme-skeleton-color-crane-purple:#3a3a3a;--theme-on-skeleton-color-crane-purple:#4a4a4a;--theme-muted-color-crane-purple:hsl(0, 0%, 92%);--theme-placeholder-color-crane-purple:hsl(0, 0%, 76%);--theme-disabled-color-crane-purple:hsl(0, 0%, 35%);--theme-on-disabled-color-crane-purple:hsl(0, 0%, 85%);--theme-divider-color-crane-purple:hsl(320, 14.2%, 85%);--theme-divider-hover-color-crane-purple:hsl(320, 14.2%, 85.75%);--theme-divider-active-color-crane-purple:hsl(320, 14.2%, 86.5%);--theme-divider-disabled-color-crane-purple:hsl(0, 0%, 45%);--theme-focus-ring-color-crane-purple:hsla(320, 71%, 40%, 0.9);--theme-shadow-color-crane-purple:rgba(0, 0, 0, 0.4);--theme-error-color-crane-purple:hsl(0, 70%, 40%);--theme-error-hover-color-crane-purple:hsl(0, 70%, 38%);--theme-error-active-color-crane-purple:hsl(0, 70%, 36%);--theme-error-inverted-color-crane-purple:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-crane-purple:hsl(0, 70%, 38%);--theme-error-inverted-active-color-crane-purple:hsl(0, 70%, 36%);--theme-on-error-color-crane-purple:hsl(0, 100%, 95%);--theme-on-error-inverted-color-crane-purple:hsl(0, 100%, 95%);--theme-error-secondary-color-crane-purple:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-crane-purple:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-crane-purple:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-crane-purple:hsl(0, 70%, 30%);--theme-error-text-color-crane-purple:hsl(0, 70%, 90%);--theme-success-color-crane-purple:hsl(142, 50%, 35%);--theme-success-hover-color-crane-purple:hsl(142, 50%, 33.25%);--theme-success-active-color-crane-purple:hsl(142, 50%, 31.5%);--theme-success-inverted-color-crane-purple:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-crane-purple:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-crane-purple:hsl(142, 50%, 31.5%);--theme-on-success-color-crane-purple:hsl(142, 70%, 95%);--theme-on-success-inverted-color-crane-purple:hsl(142, 70%, 95%);--theme-success-secondary-color-crane-purple:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-crane-purple:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-crane-purple:hsl(142, 70%, 81%);--theme-on-success-secondary-color-crane-purple:hsl(142, 50%, 25%);--theme-success-text-color-crane-purple:hsl(142, 50%, 85%);--theme-warning-color-crane-purple:hsl(45, 100%, 68%);--theme-on-warning-color-crane-purple:hsl(45, 100%, 95%);--theme-link-color-crane-purple:#60a5fa;--theme-link-hover-color-crane-purple:#93c5fd;--theme-link-active-color-crane-purple:#bfdbfe;--theme-primary:var(--theme-primary-mode-dark);--color-primary:var(--theme-primary);--theme-primary-hover:var(--theme-primary-hover-mode-dark);--color-primary-hover:var(--theme-primary-hover);--theme-primary-active:var(--theme-primary-active-mode-dark);--color-primary-active:var(--theme-primary-active);--theme-primary-inverted:var(--theme-primary-inverted-mode-dark);--color-primary-inverted:var(--theme-primary-inverted);--theme-primary-inverted-hover:var(--theme-primary-inverted-hover-mode-dark);--color-primary-inverted-hover:var(--theme-primary-inverted-hover);--theme-primary-inverted-active:var(--theme-primary-inverted-active-mode-dark);--color-primary-inverted-active:var(--theme-primary-inverted-active);--theme-on-primary:var(--theme-on-primary-mode-dark);--color-on-primary:var(--theme-on-primary);--theme-on-primary-inverted:var(--theme-on-primary-inverted-mode-dark);--color-on-primary-inverted:var(--theme-on-primary-inverted);--theme-primary-text:var(--theme-primary-text-mode-dark);--color-primary-text:var(--theme-primary-text);--theme-secondary:var(--theme-secondary-mode-dark);--color-secondary:var(--theme-secondary);--theme-secondary-hover:var(--theme-secondary-hover-mode-dark);--color-secondary-hover:var(--theme-secondary-hover);--theme-secondary-active:var(--theme-secondary-active-mode-dark);--color-secondary-active:var(--theme-secondary-active);--theme-secondary-inverted:var(--theme-secondary-inverted-mode-dark);--color-secondary-inverted:var(--theme-secondary-inverted);--theme-secondary-inverted-hover:var(--theme-secondary-inverted-hover-mode-dark);--color-secondary-inverted-hover:var(--theme-secondary-inverted-hover);--theme-secondary-inverted-active:var(--theme-secondary-inverted-active-mode-dark);--color-secondary-inverted-active:var(--theme-secondary-inverted-active);--theme-on-secondary:var(--theme-on-secondary-mode-dark);--color-on-secondary:var(--theme-on-secondary);--theme-on-secondary-inverted:var(--theme-on-secondary-inverted-mode-dark);--color-on-secondary-inverted:var(--theme-on-secondary-inverted);--theme-default:var(--theme-default-mode-dark);--color-default:var(--theme-default);--theme-on-default:var(--theme-on-default-mode-dark);--color-on-default:var(--theme-on-default);--theme-inverted:var(--theme-inverted-mode-dark);--color-inverted:var(--theme-inverted);--theme-on-inverted:var(--theme-on-inverted-mode-dark);--color-on-inverted:var(--theme-on-inverted);--theme-surface:var(--theme-surface-mode-dark);--color-surface:var(--theme-surface);--theme-surface-hover:var(--theme-surface-hover-mode-dark);--color-surface-hover:var(--theme-surface-hover);--theme-surface-active:var(--theme-surface-active-mode-dark);--color-surface-active:var(--theme-surface-active);--theme-surface-inverted:var(--theme-surface-inverted-mode-dark);--color-surface-inverted:var(--theme-surface-inverted);--theme-surface-inverted-hover:var(--theme-surface-inverted-hover-mode-dark);--color-surface-inverted-hover:var(--theme-surface-inverted-hover);--theme-surface-inverted-active:var(--theme-surface-inverted-active-mode-dark);--color-surface-inverted-active:var(--theme-surface-inverted-active);--theme-backdrop:var(--theme-backdrop-mode-dark);--color-backdrop:var(--theme-backdrop);--theme-overlay:var(--theme-overlay-mode-dark);--color-overlay:var(--theme-overlay);--theme-modal:var(--theme-modal-mode-dark);--color-modal:var(--theme-modal);--theme-skeleton:var(--theme-skeleton-mode-dark);--color-skeleton:var(--theme-skeleton);--theme-on-skeleton:var(--theme-on-skeleton-mode-dark);--color-on-skeleton:var(--theme-on-skeleton);--theme-muted:var(--theme-muted-mode-dark);--color-muted:var(--theme-muted);--theme-placeholder:var(--theme-placeholder-mode-dark);--color-placeholder:var(--theme-placeholder);--theme-disabled:var(--theme-disabled-mode-dark);--color-disabled:var(--theme-disabled);--theme-on-disabled:var(--theme-on-disabled-mode-dark);--color-on-disabled:var(--theme-on-disabled);--theme-divider:var(--theme-divider-mode-dark);--color-divider:var(--theme-divider);--theme-divider-hover:var(--theme-divider-hover-mode-dark);--color-divider-hover:var(--theme-divider-hover);--theme-divider-active:var(--theme-divider-active-mode-dark);--color-divider-active:var(--theme-divider-active);--theme-divider-disabled:var(--theme-divider-disabled-mode-dark);--color-divider-disabled:var(--theme-divider-disabled);--theme-focus-ring:var(--theme-focus-ring-mode-dark);--color-focus-ring:var(--theme-focus-ring);--theme-shadow:var(--theme-shadow-mode-dark);--color-shadow:var(--theme-shadow);--theme-error:var(--theme-error-mode-dark);--color-error:var(--theme-error);--theme-error-hover:var(--theme-error-hover-mode-dark);--color-error-hover:var(--theme-error-hover);--theme-error-active:var(--theme-error-active-mode-dark);--color-error-active:var(--theme-error-active);--theme-error-inverted:var(--theme-error-inverted-mode-dark);--color-error-inverted:var(--theme-error-inverted);--theme-error-inverted-hover:var(--theme-error-inverted-hover-mode-dark);--color-error-inverted-hover:var(--theme-error-inverted-hover);--theme-error-inverted-active:var(--theme-error-inverted-active-mode-dark);--color-error-inverted-active:var(--theme-error-inverted-active);--theme-on-error:var(--theme-on-error-mode-dark);--color-on-error:var(--theme-on-error);--theme-on-error-inverted:var(--theme-on-error-inverted-mode-dark);--color-on-error-inverted:var(--theme-on-error-inverted);--theme-error-secondary:var(--theme-error-secondary-mode-dark);--color-error-secondary:var(--theme-error-secondary);--theme-error-secondary-hover:var(--theme-error-secondary-hover-mode-dark);--color-error-secondary-hover:var(--theme-error-secondary-hover);--theme-error-secondary-active:var(--theme-error-secondary-active-mode-dark);--color-error-secondary-active:var(--theme-error-secondary-active);--theme-on-error-secondary:var(--theme-on-error-secondary-mode-dark);--color-on-error-secondary:var(--theme-on-error-secondary);--theme-error-text:var(--theme-error-text-mode-dark);--color-error-text:var(--theme-error-text);--theme-success:var(--theme-success-mode-dark);--color-success:var(--theme-success);--theme-success-hover:var(--theme-success-hover-mode-dark);--color-success-hover:var(--theme-success-hover);--theme-success-active:var(--theme-success-active-mode-dark);--color-success-active:var(--theme-success-active);--theme-success-inverted:var(--theme-success-inverted-mode-dark);--color-success-inverted:var(--theme-success-inverted);--theme-success-inverted-hover:var(--theme-success-inverted-hover-mode-dark);--color-success-inverted-hover:var(--theme-success-inverted-hover);--theme-success-inverted-active:var(--theme-success-inverted-active-mode-dark);--color-success-inverted-active:var(--theme-success-inverted-active);--theme-on-success:var(--theme-on-success-mode-dark);--color-on-success:var(--theme-on-success);--theme-on-success-inverted:var(--theme-on-success-inverted-mode-dark);--color-on-success-inverted:var(--theme-on-success-inverted);--theme-success-secondary:var(--theme-success-secondary-mode-dark);--color-success-secondary:var(--theme-success-secondary);--theme-success-secondary-hover:var(--theme-success-secondary-hover-mode-dark);--color-success-secondary-hover:var(--theme-success-secondary-hover);--theme-success-secondary-active:var(--theme-success-secondary-active-mode-dark);--color-success-secondary-active:var(--theme-success-secondary-active);--theme-on-success-secondary:var(--theme-on-success-secondary-mode-dark);--color-on-success-secondary:var(--theme-on-success-secondary);--theme-success-text:var(--theme-success-text-mode-dark);--color-success-text:var(--theme-success-text);--theme-warning:var(--theme-warning-mode-dark);--color-warning:var(--theme-warning);--theme-on-warning:var(--theme-on-warning-mode-dark);--color-on-warning:var(--theme-on-warning);--theme-link:var(--theme-link-mode-dark);--color-link:var(--theme-link);--theme-link-hover:var(--theme-link-hover-mode-dark);--color-link-hover:var(--theme-link-hover);--theme-link-active:var(--theme-link-active-mode-dark);--color-link-active:var(--theme-link-active)}}[data-theme-mode=light]{--theme-primary-color-cg-blue:hsl(195, 100%, 32%);--theme-primary-hover-color-cg-blue:hsl(195, 100%, 28.8%);--theme-primary-active-color-cg-blue:hsl(195, 100%, 25.6%);--theme-primary-inverted-color-cg-blue:hsl(195, 100%, 32%);--theme-primary-inverted-hover-color-cg-blue:hsl(195, 100%, 38.8%);--theme-primary-inverted-active-color-cg-blue:hsl(195, 100%, 45.6%);--theme-on-primary-color-cg-blue:#fefefd;--theme-on-primary-inverted-color-cg-blue:#fefefd;--theme-primary-text-color-cg-blue:hsl(195, 100%, 22.4%);--theme-secondary-color-cg-blue:hsl(195, 60%, 89.8%);--theme-secondary-hover-color-cg-blue:hsl(195, 60%, 85.31%);--theme-secondary-active-color-cg-blue:hsl(195, 60%, 80.82%);--theme-secondary-inverted-color-cg-blue:hsl(195, 80%, 52.4%);--theme-secondary-inverted-hover-color-cg-blue:hsl(195, 80%, 57.16%);--theme-secondary-inverted-active-color-cg-blue:hsl(195, 80%, 61.92%);--theme-on-secondary-color-cg-blue:hsl(195, 100%, 22.4%);--theme-on-secondary-inverted-color-cg-blue:hsl(195, 60%, 89.8%);--theme-default-color-cg-blue:#fefefd;--theme-on-default-color-cg-blue:#2c2c2e;--theme-inverted-color-cg-blue:#2c2c2e;--theme-on-inverted-color-cg-blue:#fefefd;--theme-surface-color-cg-blue:hsl(195, 40%, 93.2%);--theme-surface-hover-color-cg-blue:hsl(195, 40%, 88.54%);--theme-surface-active-color-cg-blue:hsl(195, 40%, 83.88%);--theme-surface-inverted-color-cg-blue:hsl(195, 50%, 42.2%);--theme-surface-inverted-hover-color-cg-blue:hsl(195, 50%, 45.09%);--theme-surface-inverted-active-color-cg-blue:hsl(195, 50%, 47.98%);--theme-backdrop-color-cg-blue:rgba(0, 0, 0, 0.5);--theme-overlay-color-cg-blue:rgba(0, 0, 0, 0.04);--theme-modal-color-cg-blue:#fefefd;--theme-skeleton-color-cg-blue:#e0e0e0;--theme-on-skeleton-color-cg-blue:#f0f0f0;--theme-muted-color-cg-blue:hsl(0, 0%, 32%);--theme-placeholder-color-cg-blue:hsl(0, 0%, 52%);--theme-disabled-color-cg-blue:hsl(0, 0%, 55%);--theme-on-disabled-color-cg-blue:hsl(0, 0%, 95%);--theme-divider-color-cg-blue:hsl(195, 20%, 83%);--theme-divider-hover-color-cg-blue:hsl(195, 20%, 78.85%);--theme-divider-active-color-cg-blue:hsl(195, 20%, 74.7%);--theme-divider-disabled-color-cg-blue:hsl(0, 0%, 60%);--theme-focus-ring-color-cg-blue:hsla(195, 100%, 32%, 0.7);--theme-shadow-color-cg-blue:rgba(0, 0, 0, 0.1);--theme-error-color-cg-blue:hsl(0, 70%, 40%);--theme-error-hover-color-cg-blue:hsl(0, 70%, 38%);--theme-error-active-color-cg-blue:hsl(0, 70%, 36%);--theme-error-inverted-color-cg-blue:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-cg-blue:hsl(0, 70%, 38%);--theme-error-inverted-active-color-cg-blue:hsl(0, 70%, 36%);--theme-on-error-color-cg-blue:#fefefd;--theme-on-error-inverted-color-cg-blue:#fefefd;--theme-error-secondary-color-cg-blue:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-cg-blue:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-cg-blue:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-cg-blue:hsl(0, 70%, 30%);--theme-error-text-color-cg-blue:hsl(0, 70%, 30%);--theme-success-color-cg-blue:hsl(142, 50%, 35%);--theme-success-hover-color-cg-blue:hsl(142, 50%, 33.25%);--theme-success-active-color-cg-blue:hsl(142, 50%, 31.5%);--theme-success-inverted-color-cg-blue:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-cg-blue:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-cg-blue:hsl(142, 50%, 31.5%);--theme-on-success-color-cg-blue:#fefefd;--theme-on-success-inverted-color-cg-blue:#fefefd;--theme-success-secondary-color-cg-blue:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-cg-blue:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-cg-blue:hsl(142, 70%, 81%);--theme-on-success-secondary-color-cg-blue:hsl(142, 50%, 25%);--theme-success-text-color-cg-blue:hsl(142, 50%, 25%);--theme-warning-color-cg-blue:hsl(45, 100%, 85%);--theme-on-warning-color-cg-blue:hsl(30, 100%, 25%);--theme-link-color-cg-blue:#2563eb;--theme-link-hover-color-cg-blue:#1d4ed8;--theme-link-active-color-cg-blue:#1e40af;--theme-primary-color-cyan:hsl(187, 47%, 55%);--theme-primary-hover-color-cyan:hsl(187, 47%, 49.5%);--theme-primary-active-color-cyan:hsl(187, 47%, 44%);--theme-primary-inverted-color-cyan:hsl(187, 47%, 55%);--theme-primary-inverted-hover-color-cyan:hsl(187, 47%, 59.5%);--theme-primary-inverted-active-color-cyan:hsl(187, 47%, 64%);--theme-on-primary-color-cyan:#fefefd;--theme-on-primary-inverted-color-cyan:#fefefd;--theme-primary-text-color-cyan:hsl(187, 47%, 38.5%);--theme-secondary-color-cyan:hsl(187, 28.2%, 93.25%);--theme-secondary-hover-color-cyan:hsl(187, 28.2%, 88.5875%);--theme-secondary-active-color-cyan:hsl(187, 28.2%, 83.925%);--theme-secondary-inverted-color-cyan:hsl(187, 37.6%, 68.5%);--theme-secondary-inverted-hover-color-cyan:hsl(187, 37.6%, 71.65%);--theme-secondary-inverted-active-color-cyan:hsl(187, 37.6%, 74.8%);--theme-on-secondary-color-cyan:hsl(187, 47%, 38.5%);--theme-on-secondary-inverted-color-cyan:hsl(187, 28.2%, 93.25%);--theme-default-color-cyan:#fefefd;--theme-on-default-color-cyan:#2c2c2e;--theme-inverted-color-cyan:#2c2c2e;--theme-on-inverted-color-cyan:#fefefd;--theme-surface-color-cyan:hsl(187, 18.8%, 95.5%);--theme-surface-hover-color-cyan:hsl(187, 18.8%, 90.725%);--theme-surface-active-color-cyan:hsl(187, 18.8%, 85.95%);--theme-surface-inverted-color-cyan:hsl(187, 23.5%, 61.75%);--theme-surface-inverted-hover-color-cyan:hsl(187, 23.5%, 63.6625%);--theme-surface-inverted-active-color-cyan:hsl(187, 23.5%, 65.575%);--theme-backdrop-color-cyan:rgba(0, 0, 0, 0.5);--theme-overlay-color-cyan:rgba(0, 0, 0, 0.04);--theme-modal-color-cyan:#fefefd;--theme-skeleton-color-cyan:#e0e0e0;--theme-on-skeleton-color-cyan:#f0f0f0;--theme-muted-color-cyan:hsl(0, 0%, 32%);--theme-placeholder-color-cyan:hsl(0, 0%, 52%);--theme-disabled-color-cyan:hsl(0, 0%, 55%);--theme-on-disabled-color-cyan:hsl(0, 0%, 95%);--theme-divider-color-cyan:hsl(187, 9.4%, 88.75%);--theme-divider-hover-color-cyan:hsl(187, 9.4%, 84.3125%);--theme-divider-active-color-cyan:hsl(187, 9.4%, 79.875%);--theme-divider-disabled-color-cyan:hsl(0, 0%, 60%);--theme-focus-ring-color-cyan:hsla(187, 47%, 55%, 0.7);--theme-shadow-color-cyan:rgba(0, 0, 0, 0.1);--theme-error-color-cyan:hsl(0, 70%, 40%);--theme-error-hover-color-cyan:hsl(0, 70%, 38%);--theme-error-active-color-cyan:hsl(0, 70%, 36%);--theme-error-inverted-color-cyan:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-cyan:hsl(0, 70%, 38%);--theme-error-inverted-active-color-cyan:hsl(0, 70%, 36%);--theme-on-error-color-cyan:#fefefd;--theme-on-error-inverted-color-cyan:#fefefd;--theme-error-secondary-color-cyan:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-cyan:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-cyan:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-cyan:hsl(0, 70%, 30%);--theme-error-text-color-cyan:hsl(0, 70%, 30%);--theme-success-color-cyan:hsl(142, 50%, 35%);--theme-success-hover-color-cyan:hsl(142, 50%, 33.25%);--theme-success-active-color-cyan:hsl(142, 50%, 31.5%);--theme-success-inverted-color-cyan:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-cyan:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-cyan:hsl(142, 50%, 31.5%);--theme-on-success-color-cyan:#fefefd;--theme-on-success-inverted-color-cyan:#fefefd;--theme-success-secondary-color-cyan:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-cyan:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-cyan:hsl(142, 70%, 81%);--theme-on-success-secondary-color-cyan:hsl(142, 50%, 25%);--theme-success-text-color-cyan:hsl(142, 50%, 25%);--theme-warning-color-cyan:hsl(45, 100%, 85%);--theme-on-warning-color-cyan:hsl(30, 100%, 25%);--theme-link-color-cyan:#2563eb;--theme-link-hover-color-cyan:#1d4ed8;--theme-link-active-color-cyan:#1e40af;--theme-primary-color-teal:hsl(174, 63%, 40%);--theme-primary-hover-color-teal:hsl(174, 63%, 36%);--theme-primary-active-color-teal:hsl(174, 63%, 32%);--theme-primary-inverted-color-teal:hsl(174, 63%, 40%);--theme-primary-inverted-hover-color-teal:hsl(174, 63%, 46%);--theme-primary-inverted-active-color-teal:hsl(174, 63%, 52%);--theme-on-primary-color-teal:#fefefd;--theme-on-primary-inverted-color-teal:#fefefd;--theme-primary-text-color-teal:hsl(174, 63%, 28%);--theme-secondary-color-teal:hsl(174, 37.8%, 91%);--theme-secondary-hover-color-teal:hsl(174, 37.8%, 86.45%);--theme-secondary-active-color-teal:hsl(174, 37.8%, 81.9%);--theme-secondary-inverted-color-teal:hsl(174, 50.4%, 58%);--theme-secondary-inverted-hover-color-teal:hsl(174, 50.4%, 62.2%);--theme-secondary-inverted-active-color-teal:hsl(174, 50.4%, 66.4%);--theme-on-secondary-color-teal:hsl(174, 63%, 28%);--theme-on-secondary-inverted-color-teal:hsl(174, 37.8%, 91%);--theme-default-color-teal:#fefefd;--theme-on-default-color-teal:#2c2c2e;--theme-inverted-color-teal:#2c2c2e;--theme-on-inverted-color-teal:#fefefd;--theme-surface-color-teal:hsl(174, 25.2%, 94%);--theme-surface-hover-color-teal:hsl(174, 25.2%, 89.3%);--theme-surface-active-color-teal:hsl(174, 25.2%, 84.6%);--theme-surface-inverted-color-teal:hsl(174, 31.5%, 49%);--theme-surface-inverted-hover-color-teal:hsl(174, 31.5%, 51.55%);--theme-surface-inverted-active-color-teal:hsl(174, 31.5%, 54.1%);--theme-backdrop-color-teal:rgba(0, 0, 0, 0.5);--theme-overlay-color-teal:rgba(0, 0, 0, 0.04);--theme-modal-color-teal:#fefefd;--theme-skeleton-color-teal:#e0e0e0;--theme-on-skeleton-color-teal:#f0f0f0;--theme-muted-color-teal:hsl(0, 0%, 32%);--theme-placeholder-color-teal:hsl(0, 0%, 52%);--theme-disabled-color-teal:hsl(0, 0%, 55%);--theme-on-disabled-color-teal:hsl(0, 0%, 95%);--theme-divider-color-teal:hsl(174, 12.6%, 85%);--theme-divider-hover-color-teal:hsl(174, 12.6%, 80.75%);--theme-divider-active-color-teal:hsl(174, 12.6%, 76.5%);--theme-divider-disabled-color-teal:hsl(0, 0%, 60%);--theme-focus-ring-color-teal:hsla(174, 63%, 40%, 0.7);--theme-shadow-color-teal:rgba(0, 0, 0, 0.1);--theme-error-color-teal:hsl(0, 70%, 40%);--theme-error-hover-color-teal:hsl(0, 70%, 38%);--theme-error-active-color-teal:hsl(0, 70%, 36%);--theme-error-inverted-color-teal:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-teal:hsl(0, 70%, 38%);--theme-error-inverted-active-color-teal:hsl(0, 70%, 36%);--theme-on-error-color-teal:#fefefd;--theme-on-error-inverted-color-teal:#fefefd;--theme-error-secondary-color-teal:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-teal:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-teal:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-teal:hsl(0, 70%, 30%);--theme-error-text-color-teal:hsl(0, 70%, 30%);--theme-success-color-teal:hsl(142, 50%, 35%);--theme-success-hover-color-teal:hsl(142, 50%, 33.25%);--theme-success-active-color-teal:hsl(142, 50%, 31.5%);--theme-success-inverted-color-teal:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-teal:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-teal:hsl(142, 50%, 31.5%);--theme-on-success-color-teal:#fefefd;--theme-on-success-inverted-color-teal:#fefefd;--theme-success-secondary-color-teal:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-teal:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-teal:hsl(142, 70%, 81%);--theme-on-success-secondary-color-teal:hsl(142, 50%, 25%);--theme-success-text-color-teal:hsl(142, 50%, 25%);--theme-warning-color-teal:hsl(45, 100%, 85%);--theme-on-warning-color-teal:hsl(30, 100%, 25%);--theme-link-color-teal:#2563eb;--theme-link-hover-color-teal:#1d4ed8;--theme-link-active-color-teal:#1e40af;--theme-primary-color-pink:hsl(340, 82%, 67%);--theme-primary-hover-color-pink:hsl(340, 82%, 60.3%);--theme-primary-active-color-pink:hsl(340, 82%, 53.6%);--theme-primary-inverted-color-pink:hsl(340, 82%, 67%);--theme-primary-inverted-hover-color-pink:hsl(340, 82%, 70.3%);--theme-primary-inverted-active-color-pink:hsl(340, 82%, 73.6%);--theme-on-primary-color-pink:#fefefd;--theme-on-primary-inverted-color-pink:#fefefd;--theme-primary-text-color-pink:hsl(340, 82%, 46.9%);--theme-secondary-color-pink:hsl(340, 49.2%, 95.05%);--theme-secondary-hover-color-pink:hsl(340, 49.2%, 90.2975%);--theme-secondary-active-color-pink:hsl(340, 49.2%, 85.545%);--theme-secondary-inverted-color-pink:hsl(340, 65.6%, 76.9%);--theme-secondary-inverted-hover-color-pink:hsl(340, 65.6%, 79.21%);--theme-secondary-inverted-active-color-pink:hsl(340, 65.6%, 81.52%);--theme-on-secondary-color-pink:hsl(340, 82%, 46.9%);--theme-on-secondary-inverted-color-pink:hsl(340, 49.2%, 95.05%);--theme-default-color-pink:#fefefd;--theme-on-default-color-pink:#2c2c2e;--theme-inverted-color-pink:#2c2c2e;--theme-on-inverted-color-pink:#fefefd;--theme-surface-color-pink:hsl(340, 32.8%, 96.7%);--theme-surface-hover-color-pink:hsl(340, 32.8%, 91.865%);--theme-surface-active-color-pink:hsl(340, 32.8%, 87.03%);--theme-surface-inverted-color-pink:hsl(340, 41%, 71.95%);--theme-surface-inverted-hover-color-pink:hsl(340, 41%, 73.3525%);--theme-surface-inverted-active-color-pink:hsl(340, 41%, 74.755%);--theme-backdrop-color-pink:rgba(0, 0, 0, 0.5);--theme-overlay-color-pink:rgba(0, 0, 0, 0.04);--theme-modal-color-pink:#fefefd;--theme-skeleton-color-pink:#e0e0e0;--theme-on-skeleton-color-pink:#f0f0f0;--theme-muted-color-pink:hsl(0, 0%, 32%);--theme-placeholder-color-pink:hsl(0, 0%, 52%);--theme-disabled-color-pink:hsl(0, 0%, 55%);--theme-on-disabled-color-pink:hsl(0, 0%, 95%);--theme-divider-color-pink:hsl(340, 16.4%, 91.75%);--theme-divider-hover-color-pink:hsl(340, 16.4%, 87.1625%);--theme-divider-active-color-pink:hsl(340, 16.4%, 82.575%);--theme-divider-disabled-color-pink:hsl(0, 0%, 60%);--theme-focus-ring-color-pink:hsla(340, 82%, 67%, 0.7);--theme-shadow-color-pink:rgba(0, 0, 0, 0.1);--theme-error-color-pink:hsl(0, 70%, 40%);--theme-error-hover-color-pink:hsl(0, 70%, 38%);--theme-error-active-color-pink:hsl(0, 70%, 36%);--theme-error-inverted-color-pink:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-pink:hsl(0, 70%, 38%);--theme-error-inverted-active-color-pink:hsl(0, 70%, 36%);--theme-on-error-color-pink:#fefefd;--theme-on-error-inverted-color-pink:#fefefd;--theme-error-secondary-color-pink:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-pink:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-pink:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-pink:hsl(0, 70%, 30%);--theme-error-text-color-pink:hsl(0, 70%, 30%);--theme-success-color-pink:hsl(142, 50%, 35%);--theme-success-hover-color-pink:hsl(142, 50%, 33.25%);--theme-success-active-color-pink:hsl(142, 50%, 31.5%);--theme-success-inverted-color-pink:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-pink:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-pink:hsl(142, 50%, 31.5%);--theme-on-success-color-pink:#fefefd;--theme-on-success-inverted-color-pink:#fefefd;--theme-success-secondary-color-pink:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-pink:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-pink:hsl(142, 70%, 81%);--theme-on-success-secondary-color-pink:hsl(142, 50%, 25%);--theme-success-text-color-pink:hsl(142, 50%, 25%);--theme-warning-color-pink:hsl(45, 100%, 85%);--theme-on-warning-color-pink:hsl(30, 100%, 25%);--theme-link-color-pink:#2563eb;--theme-link-hover-color-pink:#1d4ed8;--theme-link-active-color-pink:#1e40af;--theme-primary-color-rose:hsl(347, 77%, 61%);--theme-primary-hover-color-rose:hsl(347, 77%, 54.9%);--theme-primary-active-color-rose:hsl(347, 77%, 48.8%);--theme-primary-inverted-color-rose:hsl(347, 77%, 61%);--theme-primary-inverted-hover-color-rose:hsl(347, 77%, 64.9%);--theme-primary-inverted-active-color-rose:hsl(347, 77%, 68.8%);--theme-on-primary-color-rose:#fefefd;--theme-on-primary-inverted-color-rose:#fefefd;--theme-primary-text-color-rose:hsl(347, 77%, 42.7%);--theme-secondary-color-rose:hsl(347, 46.2%, 94.15%);--theme-secondary-hover-color-rose:hsl(347, 46.2%, 89.4425%);--theme-secondary-active-color-rose:hsl(347, 46.2%, 84.735%);--theme-secondary-inverted-color-rose:hsl(347, 61.6%, 72.7%);--theme-secondary-inverted-hover-color-rose:hsl(347, 61.6%, 75.43%);--theme-secondary-inverted-active-color-rose:hsl(347, 61.6%, 78.16%);--theme-on-secondary-color-rose:hsl(347, 77%, 42.7%);--theme-on-secondary-inverted-color-rose:hsl(347, 46.2%, 94.15%);--theme-default-color-rose:#fefefd;--theme-on-default-color-rose:#2c2c2e;--theme-inverted-color-rose:#2c2c2e;--theme-on-inverted-color-rose:#fefefd;--theme-surface-color-rose:hsl(347, 30.8%, 96.1%);--theme-surface-hover-color-rose:hsl(347, 30.8%, 91.295%);--theme-surface-active-color-rose:hsl(347, 30.8%, 86.49%);--theme-surface-inverted-color-rose:hsl(347, 38.5%, 66.85%);--theme-surface-inverted-hover-color-rose:hsl(347, 38.5%, 68.5075%);--theme-surface-inverted-active-color-rose:hsl(347, 38.5%, 70.165%);--theme-backdrop-color-rose:rgba(0, 0, 0, 0.5);--theme-overlay-color-rose:rgba(0, 0, 0, 0.04);--theme-modal-color-rose:#fefefd;--theme-skeleton-color-rose:#e0e0e0;--theme-on-skeleton-color-rose:#f0f0f0;--theme-muted-color-rose:hsl(0, 0%, 32%);--theme-placeholder-color-rose:hsl(0, 0%, 52%);--theme-disabled-color-rose:hsl(0, 0%, 55%);--theme-on-disabled-color-rose:hsl(0, 0%, 95%);--theme-divider-color-rose:hsl(347, 15.4%, 90.25%);--theme-divider-hover-color-rose:hsl(347, 15.4%, 85.7375%);--theme-divider-active-color-rose:hsl(347, 15.4%, 81.225%);--theme-divider-disabled-color-rose:hsl(0, 0%, 60%);--theme-focus-ring-color-rose:hsla(347, 77%, 61%, 0.7);--theme-shadow-color-rose:rgba(0, 0, 0, 0.1);--theme-error-color-rose:hsl(0, 70%, 40%);--theme-error-hover-color-rose:hsl(0, 70%, 38%);--theme-error-active-color-rose:hsl(0, 70%, 36%);--theme-error-inverted-color-rose:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-rose:hsl(0, 70%, 38%);--theme-error-inverted-active-color-rose:hsl(0, 70%, 36%);--theme-on-error-color-rose:#fefefd;--theme-on-error-inverted-color-rose:#fefefd;--theme-error-secondary-color-rose:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-rose:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-rose:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-rose:hsl(0, 70%, 30%);--theme-error-text-color-rose:hsl(0, 70%, 30%);--theme-success-color-rose:hsl(142, 50%, 35%);--theme-success-hover-color-rose:hsl(142, 50%, 33.25%);--theme-success-active-color-rose:hsl(142, 50%, 31.5%);--theme-success-inverted-color-rose:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-rose:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-rose:hsl(142, 50%, 31.5%);--theme-on-success-color-rose:#fefefd;--theme-on-success-inverted-color-rose:#fefefd;--theme-success-secondary-color-rose:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-rose:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-rose:hsl(142, 70%, 81%);--theme-on-success-secondary-color-rose:hsl(142, 50%, 25%);--theme-success-text-color-rose:hsl(142, 50%, 25%);--theme-warning-color-rose:hsl(45, 100%, 85%);--theme-on-warning-color-rose:hsl(30, 100%, 25%);--theme-link-color-rose:#2563eb;--theme-link-hover-color-rose:#1d4ed8;--theme-link-active-color-rose:#1e40af;--theme-primary-color-orange:hsl(28, 85%, 55%);--theme-primary-hover-color-orange:hsl(28, 85%, 49.5%);--theme-primary-active-color-orange:hsl(28, 85%, 44%);--theme-primary-inverted-color-orange:hsl(28, 85%, 55%);--theme-primary-inverted-hover-color-orange:hsl(28, 85%, 59.5%);--theme-primary-inverted-active-color-orange:hsl(28, 85%, 64%);--theme-on-primary-color-orange:#fefefd;--theme-on-primary-inverted-color-orange:#fefefd;--theme-primary-text-color-orange:hsl(28, 85%, 38.5%);--theme-secondary-color-orange:hsl(28, 51%, 93.25%);--theme-secondary-hover-color-orange:hsl(28, 51%, 88.5875%);--theme-secondary-active-color-orange:hsl(28, 51%, 83.925%);--theme-secondary-inverted-color-orange:hsl(28, 68%, 68.5%);--theme-secondary-inverted-hover-color-orange:hsl(28, 68%, 71.65%);--theme-secondary-inverted-active-color-orange:hsl(28, 68%, 74.8%);--theme-on-secondary-color-orange:hsl(28, 85%, 38.5%);--theme-on-secondary-inverted-color-orange:hsl(28, 51%, 93.25%);--theme-default-color-orange:#fefefd;--theme-on-default-color-orange:#2c2c2e;--theme-inverted-color-orange:#2c2c2e;--theme-on-inverted-color-orange:#fefefd;--theme-surface-color-orange:hsl(28, 34%, 95.5%);--theme-surface-hover-color-orange:hsl(28, 34%, 90.725%);--theme-surface-active-color-orange:hsl(28, 34%, 85.95%);--theme-surface-inverted-color-orange:hsl(28, 42.5%, 61.75%);--theme-surface-inverted-hover-color-orange:hsl(28, 42.5%, 63.6625%);--theme-surface-inverted-active-color-orange:hsl(28, 42.5%, 65.575%);--theme-backdrop-color-orange:rgba(0, 0, 0, 0.5);--theme-overlay-color-orange:rgba(0, 0, 0, 0.04);--theme-modal-color-orange:#fefefd;--theme-skeleton-color-orange:#e0e0e0;--theme-on-skeleton-color-orange:#f0f0f0;--theme-muted-color-orange:hsl(0, 0%, 32%);--theme-placeholder-color-orange:hsl(0, 0%, 52%);--theme-disabled-color-orange:hsl(0, 0%, 55%);--theme-on-disabled-color-orange:hsl(0, 0%, 95%);--theme-divider-color-orange:hsl(28, 17%, 88.75%);--theme-divider-hover-color-orange:hsl(28, 17%, 84.3125%);--theme-divider-active-color-orange:hsl(28, 17%, 79.875%);--theme-divider-disabled-color-orange:hsl(0, 0%, 60%);--theme-focus-ring-color-orange:hsla(28, 85%, 55%, 0.7);--theme-shadow-color-orange:rgba(0, 0, 0, 0.1);--theme-error-color-orange:hsl(0, 70%, 40%);--theme-error-hover-color-orange:hsl(0, 70%, 38%);--theme-error-active-color-orange:hsl(0, 70%, 36%);--theme-error-inverted-color-orange:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-orange:hsl(0, 70%, 38%);--theme-error-inverted-active-color-orange:hsl(0, 70%, 36%);--theme-on-error-color-orange:#fefefd;--theme-on-error-inverted-color-orange:#fefefd;--theme-error-secondary-color-orange:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-orange:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-orange:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-orange:hsl(0, 70%, 30%);--theme-error-text-color-orange:hsl(0, 70%, 30%);--theme-success-color-orange:hsl(142, 50%, 35%);--theme-success-hover-color-orange:hsl(142, 50%, 33.25%);--theme-success-active-color-orange:hsl(142, 50%, 31.5%);--theme-success-inverted-color-orange:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-orange:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-orange:hsl(142, 50%, 31.5%);--theme-on-success-color-orange:#fefefd;--theme-on-success-inverted-color-orange:#fefefd;--theme-success-secondary-color-orange:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-orange:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-orange:hsl(142, 70%, 81%);--theme-on-success-secondary-color-orange:hsl(142, 50%, 25%);--theme-success-text-color-orange:hsl(142, 50%, 25%);--theme-warning-color-orange:hsl(45, 100%, 85%);--theme-on-warning-color-orange:hsl(30, 100%, 25%);--theme-link-color-orange:#2563eb;--theme-link-hover-color-orange:#1d4ed8;--theme-link-active-color-orange:#1e40af;--theme-primary-color-amber:hsl(42, 90%, 55%);--theme-primary-hover-color-amber:hsl(42, 90%, 49.5%);--theme-primary-active-color-amber:hsl(42, 90%, 44%);--theme-primary-inverted-color-amber:hsl(42, 90%, 55%);--theme-primary-inverted-hover-color-amber:hsl(42, 90%, 59.5%);--theme-primary-inverted-active-color-amber:hsl(42, 90%, 64%);--theme-on-primary-color-amber:#fefefd;--theme-on-primary-inverted-color-amber:#fefefd;--theme-primary-text-color-amber:hsl(42, 90%, 38.5%);--theme-secondary-color-amber:hsl(42, 54%, 93.25%);--theme-secondary-hover-color-amber:hsl(42, 54%, 88.5875%);--theme-secondary-active-color-amber:hsl(42, 54%, 83.925%);--theme-secondary-inverted-color-amber:hsl(42, 72%, 68.5%);--theme-secondary-inverted-hover-color-amber:hsl(42, 72%, 71.65%);--theme-secondary-inverted-active-color-amber:hsl(42, 72%, 74.8%);--theme-on-secondary-color-amber:hsl(42, 90%, 38.5%);--theme-on-secondary-inverted-color-amber:hsl(42, 54%, 93.25%);--theme-default-color-amber:#fefefd;--theme-on-default-color-amber:#2c2c2e;--theme-inverted-color-amber:#2c2c2e;--theme-on-inverted-color-amber:#fefefd;--theme-surface-color-amber:hsl(42, 36%, 95.5%);--theme-surface-hover-color-amber:hsl(42, 36%, 90.725%);--theme-surface-active-color-amber:hsl(42, 36%, 85.95%);--theme-surface-inverted-color-amber:hsl(42, 45%, 61.75%);--theme-surface-inverted-hover-color-amber:hsl(42, 45%, 63.6625%);--theme-surface-inverted-active-color-amber:hsl(42, 45%, 65.575%);--theme-backdrop-color-amber:rgba(0, 0, 0, 0.5);--theme-overlay-color-amber:rgba(0, 0, 0, 0.04);--theme-modal-color-amber:#fefefd;--theme-skeleton-color-amber:#e0e0e0;--theme-on-skeleton-color-amber:#f0f0f0;--theme-muted-color-amber:hsl(0, 0%, 32%);--theme-placeholder-color-amber:hsl(0, 0%, 52%);--theme-disabled-color-amber:hsl(0, 0%, 55%);--theme-on-disabled-color-amber:hsl(0, 0%, 95%);--theme-divider-color-amber:hsl(42, 18%, 88.75%);--theme-divider-hover-color-amber:hsl(42, 18%, 84.3125%);--theme-divider-active-color-amber:hsl(42, 18%, 79.875%);--theme-divider-disabled-color-amber:hsl(0, 0%, 60%);--theme-focus-ring-color-amber:hsla(42, 90%, 55%, 0.7);--theme-shadow-color-amber:rgba(0, 0, 0, 0.1);--theme-error-color-amber:hsl(0, 70%, 40%);--theme-error-hover-color-amber:hsl(0, 70%, 38%);--theme-error-active-color-amber:hsl(0, 70%, 36%);--theme-error-inverted-color-amber:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-amber:hsl(0, 70%, 38%);--theme-error-inverted-active-color-amber:hsl(0, 70%, 36%);--theme-on-error-color-amber:#fefefd;--theme-on-error-inverted-color-amber:#fefefd;--theme-error-secondary-color-amber:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-amber:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-amber:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-amber:hsl(0, 70%, 30%);--theme-error-text-color-amber:hsl(0, 70%, 30%);--theme-success-color-amber:hsl(142, 50%, 35%);--theme-success-hover-color-amber:hsl(142, 50%, 33.25%);--theme-success-active-color-amber:hsl(142, 50%, 31.5%);--theme-success-inverted-color-amber:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-amber:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-amber:hsl(142, 50%, 31.5%);--theme-on-success-color-amber:#fefefd;--theme-on-success-inverted-color-amber:#fefefd;--theme-success-secondary-color-amber:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-amber:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-amber:hsl(142, 70%, 81%);--theme-on-success-secondary-color-amber:hsl(142, 50%, 25%);--theme-success-text-color-amber:hsl(142, 50%, 25%);--theme-warning-color-amber:hsl(45, 100%, 85%);--theme-on-warning-color-amber:hsl(30, 100%, 25%);--theme-link-color-amber:#2563eb;--theme-link-hover-color-amber:#1d4ed8;--theme-link-active-color-amber:#1e40af;--theme-primary-color-green:hsl(152, 47%, 45%);--theme-primary-hover-color-green:hsl(152, 47%, 40.5%);--theme-primary-active-color-green:hsl(152, 47%, 36%);--theme-primary-inverted-color-green:hsl(152, 47%, 45%);--theme-primary-inverted-hover-color-green:hsl(152, 47%, 50.5%);--theme-primary-inverted-active-color-green:hsl(152, 47%, 56%);--theme-on-primary-color-green:#fefefd;--theme-on-primary-inverted-color-green:#fefefd;--theme-primary-text-color-green:hsl(152, 47%, 31.5%);--theme-secondary-color-green:hsl(152, 28.2%, 91.75%);--theme-secondary-hover-color-green:hsl(152, 28.2%, 87.1625%);--theme-secondary-active-color-green:hsl(152, 28.2%, 82.575%);--theme-secondary-inverted-color-green:hsl(152, 37.6%, 61.5%);--theme-secondary-inverted-hover-color-green:hsl(152, 37.6%, 65.35%);--theme-secondary-inverted-active-color-green:hsl(152, 37.6%, 69.2%);--theme-on-secondary-color-green:hsl(152, 47%, 31.5%);--theme-on-secondary-inverted-color-green:hsl(152, 28.2%, 91.75%);--theme-default-color-green:#fefefd;--theme-on-default-color-green:#2c2c2e;--theme-inverted-color-green:#2c2c2e;--theme-on-inverted-color-green:#fefefd;--theme-surface-color-green:hsl(152, 18.8%, 94.5%);--theme-surface-hover-color-green:hsl(152, 18.8%, 89.775%);--theme-surface-active-color-green:hsl(152, 18.8%, 85.05%);--theme-surface-inverted-color-green:hsl(152, 23.5%, 53.25%);--theme-surface-inverted-hover-color-green:hsl(152, 23.5%, 55.5875%);--theme-surface-inverted-active-color-green:hsl(152, 23.5%, 57.925%);--theme-backdrop-color-green:rgba(0, 0, 0, 0.5);--theme-overlay-color-green:rgba(0, 0, 0, 0.04);--theme-modal-color-green:#fefefd;--theme-skeleton-color-green:#e0e0e0;--theme-on-skeleton-color-green:#f0f0f0;--theme-muted-color-green:hsl(0, 0%, 32%);--theme-placeholder-color-green:hsl(0, 0%, 52%);--theme-disabled-color-green:hsl(0, 0%, 55%);--theme-on-disabled-color-green:hsl(0, 0%, 95%);--theme-divider-color-green:hsl(152, 9.4%, 86.25%);--theme-divider-hover-color-green:hsl(152, 9.4%, 81.9375%);--theme-divider-active-color-green:hsl(152, 9.4%, 77.625%);--theme-divider-disabled-color-green:hsl(0, 0%, 60%);--theme-focus-ring-color-green:hsla(152, 47%, 45%, 0.7);--theme-shadow-color-green:rgba(0, 0, 0, 0.1);--theme-error-color-green:hsl(0, 70%, 40%);--theme-error-hover-color-green:hsl(0, 70%, 38%);--theme-error-active-color-green:hsl(0, 70%, 36%);--theme-error-inverted-color-green:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-green:hsl(0, 70%, 38%);--theme-error-inverted-active-color-green:hsl(0, 70%, 36%);--theme-on-error-color-green:#fefefd;--theme-on-error-inverted-color-green:#fefefd;--theme-error-secondary-color-green:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-green:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-green:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-green:hsl(0, 70%, 30%);--theme-error-text-color-green:hsl(0, 70%, 30%);--theme-success-color-green:hsl(142, 50%, 35%);--theme-success-hover-color-green:hsl(142, 50%, 33.25%);--theme-success-active-color-green:hsl(142, 50%, 31.5%);--theme-success-inverted-color-green:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-green:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-green:hsl(142, 50%, 31.5%);--theme-on-success-color-green:#fefefd;--theme-on-success-inverted-color-green:#fefefd;--theme-success-secondary-color-green:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-green:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-green:hsl(142, 70%, 81%);--theme-on-success-secondary-color-green:hsl(142, 50%, 25%);--theme-success-text-color-green:hsl(142, 50%, 25%);--theme-warning-color-green:hsl(45, 100%, 85%);--theme-on-warning-color-green:hsl(30, 100%, 25%);--theme-link-color-green:#2563eb;--theme-link-hover-color-green:#1d4ed8;--theme-link-active-color-green:#1e40af;--theme-primary-color-olive:hsl(88, 30%, 40%);--theme-primary-hover-color-olive:hsl(88, 30%, 36%);--theme-primary-active-color-olive:hsl(88, 30%, 32%);--theme-primary-inverted-color-olive:hsl(88, 30%, 40%);--theme-primary-inverted-hover-color-olive:hsl(88, 30%, 46%);--theme-primary-inverted-active-color-olive:hsl(88, 30%, 52%);--theme-on-primary-color-olive:#fefefd;--theme-on-primary-inverted-color-olive:#fefefd;--theme-primary-text-color-olive:hsl(88, 30%, 28%);--theme-secondary-color-olive:hsl(88, 18%, 91%);--theme-secondary-hover-color-olive:hsl(88, 18%, 86.45%);--theme-secondary-active-color-olive:hsl(88, 18%, 81.9%);--theme-secondary-inverted-color-olive:hsl(88, 24%, 58%);--theme-secondary-inverted-hover-color-olive:hsl(88, 24%, 62.2%);--theme-secondary-inverted-active-color-olive:hsl(88, 24%, 66.4%);--theme-on-secondary-color-olive:hsl(88, 30%, 28%);--theme-on-secondary-inverted-color-olive:hsl(88, 18%, 91%);--theme-default-color-olive:#fefefd;--theme-on-default-color-olive:#2c2c2e;--theme-inverted-color-olive:#2c2c2e;--theme-on-inverted-color-olive:#fefefd;--theme-surface-color-olive:hsl(88, 12%, 94%);--theme-surface-hover-color-olive:hsl(88, 12%, 89.3%);--theme-surface-active-color-olive:hsl(88, 12%, 84.6%);--theme-surface-inverted-color-olive:hsl(88, 15%, 49%);--theme-surface-inverted-hover-color-olive:hsl(88, 15%, 51.55%);--theme-surface-inverted-active-color-olive:hsl(88, 15%, 54.1%);--theme-backdrop-color-olive:rgba(0, 0, 0, 0.5);--theme-overlay-color-olive:rgba(0, 0, 0, 0.04);--theme-modal-color-olive:#fefefd;--theme-skeleton-color-olive:#e0e0e0;--theme-on-skeleton-color-olive:#f0f0f0;--theme-muted-color-olive:hsl(0, 0%, 32%);--theme-placeholder-color-olive:hsl(0, 0%, 52%);--theme-disabled-color-olive:hsl(0, 0%, 55%);--theme-on-disabled-color-olive:hsl(0, 0%, 95%);--theme-divider-color-olive:hsl(88, 6%, 85%);--theme-divider-hover-color-olive:hsl(88, 6%, 80.75%);--theme-divider-active-color-olive:hsl(88, 6%, 76.5%);--theme-divider-disabled-color-olive:hsl(0, 0%, 60%);--theme-focus-ring-color-olive:hsla(88, 30%, 40%, 0.7);--theme-shadow-color-olive:rgba(0, 0, 0, 0.1);--theme-error-color-olive:hsl(0, 70%, 40%);--theme-error-hover-color-olive:hsl(0, 70%, 38%);--theme-error-active-color-olive:hsl(0, 70%, 36%);--theme-error-inverted-color-olive:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-olive:hsl(0, 70%, 38%);--theme-error-inverted-active-color-olive:hsl(0, 70%, 36%);--theme-on-error-color-olive:#fefefd;--theme-on-error-inverted-color-olive:#fefefd;--theme-error-secondary-color-olive:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-olive:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-olive:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-olive:hsl(0, 70%, 30%);--theme-error-text-color-olive:hsl(0, 70%, 30%);--theme-success-color-olive:hsl(142, 50%, 35%);--theme-success-hover-color-olive:hsl(142, 50%, 33.25%);--theme-success-active-color-olive:hsl(142, 50%, 31.5%);--theme-success-inverted-color-olive:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-olive:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-olive:hsl(142, 50%, 31.5%);--theme-on-success-color-olive:#fefefd;--theme-on-success-inverted-color-olive:#fefefd;--theme-success-secondary-color-olive:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-olive:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-olive:hsl(142, 70%, 81%);--theme-on-success-secondary-color-olive:hsl(142, 50%, 25%);--theme-success-text-color-olive:hsl(142, 50%, 25%);--theme-warning-color-olive:hsl(45, 100%, 85%);--theme-on-warning-color-olive:hsl(30, 100%, 25%);--theme-link-color-olive:#2563eb;--theme-link-hover-color-olive:#1d4ed8;--theme-link-active-color-olive:#1e40af;--theme-primary-color-basil:hsl(158, 34.8%, 30.8%);--theme-primary-hover-color-basil:hsl(158, 34.8%, 27.72%);--theme-primary-active-color-basil:hsl(158, 34.8%, 24.64%);--theme-primary-inverted-color-basil:hsl(158, 34.8%, 30.8%);--theme-primary-inverted-hover-color-basil:hsl(158, 34.8%, 37.72%);--theme-primary-inverted-active-color-basil:hsl(158, 34.8%, 44.64%);--theme-on-primary-color-basil:#fefefd;--theme-on-primary-inverted-color-basil:#fefefd;--theme-primary-text-color-basil:hsl(158, 34.8%, 21.56%);--theme-secondary-color-basil:hsl(158, 20.88%, 89.62%);--theme-secondary-hover-color-basil:hsl(158, 20.88%, 85.139%);--theme-secondary-active-color-basil:hsl(158, 20.88%, 80.658%);--theme-secondary-inverted-color-basil:hsl(158, 27.84%, 51.56%);--theme-secondary-inverted-hover-color-basil:hsl(158, 27.84%, 56.404%);--theme-secondary-inverted-active-color-basil:hsl(158, 27.84%, 61.248%);--theme-on-secondary-color-basil:hsl(158, 34.8%, 21.56%);--theme-on-secondary-inverted-color-basil:hsl(158, 20.88%, 89.62%);--theme-default-color-basil:#fefefd;--theme-on-default-color-basil:#2c2c2e;--theme-inverted-color-basil:#2c2c2e;--theme-on-inverted-color-basil:#fefefd;--theme-surface-color-basil:hsl(158, 13.92%, 93.08%);--theme-surface-hover-color-basil:hsl(158, 13.92%, 88.426%);--theme-surface-active-color-basil:hsl(158, 13.92%, 83.772%);--theme-surface-inverted-color-basil:hsl(158, 17.4%, 41.18%);--theme-surface-inverted-hover-color-basil:hsl(158, 17.4%, 44.121%);--theme-surface-inverted-active-color-basil:hsl(158, 17.4%, 47.062%);--theme-backdrop-color-basil:rgba(0, 0, 0, 0.5);--theme-overlay-color-basil:rgba(0, 0, 0, 0.04);--theme-modal-color-basil:#fefefd;--theme-skeleton-color-basil:#e0e0e0;--theme-on-skeleton-color-basil:#f0f0f0;--theme-muted-color-basil:hsl(0, 0%, 32%);--theme-placeholder-color-basil:hsl(0, 0%, 52%);--theme-disabled-color-basil:hsl(0, 0%, 55%);--theme-on-disabled-color-basil:hsl(0, 0%, 95%);--theme-divider-color-basil:hsl(158, 6.96%, 82.7%);--theme-divider-hover-color-basil:hsl(158, 6.96%, 78.565%);--theme-divider-active-color-basil:hsl(158, 6.96%, 74.43%);--theme-divider-disabled-color-basil:hsl(0, 0%, 60%);--theme-focus-ring-color-basil:hsla(158, 34.8%, 30.8%, 0.7);--theme-shadow-color-basil:rgba(0, 0, 0, 0.1);--theme-error-color-basil:hsl(0, 70%, 40%);--theme-error-hover-color-basil:hsl(0, 70%, 38%);--theme-error-active-color-basil:hsl(0, 70%, 36%);--theme-error-inverted-color-basil:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-basil:hsl(0, 70%, 38%);--theme-error-inverted-active-color-basil:hsl(0, 70%, 36%);--theme-on-error-color-basil:#fefefd;--theme-on-error-inverted-color-basil:#fefefd;--theme-error-secondary-color-basil:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-basil:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-basil:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-basil:hsl(0, 70%, 30%);--theme-error-text-color-basil:hsl(0, 70%, 30%);--theme-success-color-basil:hsl(142, 50%, 35%);--theme-success-hover-color-basil:hsl(142, 50%, 33.25%);--theme-success-active-color-basil:hsl(142, 50%, 31.5%);--theme-success-inverted-color-basil:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-basil:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-basil:hsl(142, 50%, 31.5%);--theme-on-success-color-basil:#fefefd;--theme-on-success-inverted-color-basil:#fefefd;--theme-success-secondary-color-basil:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-basil:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-basil:hsl(142, 70%, 81%);--theme-on-success-secondary-color-basil:hsl(142, 50%, 25%);--theme-success-text-color-basil:hsl(142, 50%, 25%);--theme-warning-color-basil:hsl(45, 100%, 85%);--theme-on-warning-color-basil:hsl(30, 100%, 25%);--theme-link-color-basil:#2563eb;--theme-link-hover-color-basil:#1d4ed8;--theme-link-active-color-basil:#1e40af;--theme-primary-color-brown:hsl(25, 25%, 45%);--theme-primary-hover-color-brown:hsl(25, 25%, 40.5%);--theme-primary-active-color-brown:hsl(25, 25%, 36%);--theme-primary-inverted-color-brown:hsl(25, 25%, 45%);--theme-primary-inverted-hover-color-brown:hsl(25, 25%, 50.5%);--theme-primary-inverted-active-color-brown:hsl(25, 25%, 56%);--theme-on-primary-color-brown:#fefefd;--theme-on-primary-inverted-color-brown:#fefefd;--theme-primary-text-color-brown:hsl(25, 25%, 31.5%);--theme-secondary-color-brown:hsl(25, 15%, 91.75%);--theme-secondary-hover-color-brown:hsl(25, 15%, 87.1625%);--theme-secondary-active-color-brown:hsl(25, 15%, 82.575%);--theme-secondary-inverted-color-brown:hsl(25, 20%, 61.5%);--theme-secondary-inverted-hover-color-brown:hsl(25, 20%, 65.35%);--theme-secondary-inverted-active-color-brown:hsl(25, 20%, 69.2%);--theme-on-secondary-color-brown:hsl(25, 25%, 31.5%);--theme-on-secondary-inverted-color-brown:hsl(25, 15%, 91.75%);--theme-default-color-brown:#fefefd;--theme-on-default-color-brown:#2c2c2e;--theme-inverted-color-brown:#2c2c2e;--theme-on-inverted-color-brown:#fefefd;--theme-surface-color-brown:hsl(25, 10%, 94.5%);--theme-surface-hover-color-brown:hsl(25, 10%, 89.775%);--theme-surface-active-color-brown:hsl(25, 10%, 85.05%);--theme-surface-inverted-color-brown:hsl(25, 12.5%, 53.25%);--theme-surface-inverted-hover-color-brown:hsl(25, 12.5%, 55.5875%);--theme-surface-inverted-active-color-brown:hsl(25, 12.5%, 57.925%);--theme-backdrop-color-brown:rgba(0, 0, 0, 0.5);--theme-overlay-color-brown:rgba(0, 0, 0, 0.04);--theme-modal-color-brown:#fefefd;--theme-skeleton-color-brown:#e0e0e0;--theme-on-skeleton-color-brown:#f0f0f0;--theme-muted-color-brown:hsl(0, 0%, 32%);--theme-placeholder-color-brown:hsl(0, 0%, 52%);--theme-disabled-color-brown:hsl(0, 0%, 55%);--theme-on-disabled-color-brown:hsl(0, 0%, 95%);--theme-divider-color-brown:hsl(25, 5%, 86.25%);--theme-divider-hover-color-brown:hsl(25, 5%, 81.9375%);--theme-divider-active-color-brown:hsl(25, 5%, 77.625%);--theme-divider-disabled-color-brown:hsl(0, 0%, 60%);--theme-focus-ring-color-brown:hsla(25, 25%, 45%, 0.7);--theme-shadow-color-brown:rgba(0, 0, 0, 0.1);--theme-error-color-brown:hsl(0, 70%, 40%);--theme-error-hover-color-brown:hsl(0, 70%, 38%);--theme-error-active-color-brown:hsl(0, 70%, 36%);--theme-error-inverted-color-brown:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-brown:hsl(0, 70%, 38%);--theme-error-inverted-active-color-brown:hsl(0, 70%, 36%);--theme-on-error-color-brown:#fefefd;--theme-on-error-inverted-color-brown:#fefefd;--theme-error-secondary-color-brown:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-brown:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-brown:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-brown:hsl(0, 70%, 30%);--theme-error-text-color-brown:hsl(0, 70%, 30%);--theme-success-color-brown:hsl(142, 50%, 35%);--theme-success-hover-color-brown:hsl(142, 50%, 33.25%);--theme-success-active-color-brown:hsl(142, 50%, 31.5%);--theme-success-inverted-color-brown:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-brown:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-brown:hsl(142, 50%, 31.5%);--theme-on-success-color-brown:#fefefd;--theme-on-success-inverted-color-brown:#fefefd;--theme-success-secondary-color-brown:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-brown:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-brown:hsl(142, 70%, 81%);--theme-on-success-secondary-color-brown:hsl(142, 50%, 25%);--theme-success-text-color-brown:hsl(142, 50%, 25%);--theme-warning-color-brown:hsl(45, 100%, 85%);--theme-on-warning-color-brown:hsl(30, 100%, 25%);--theme-link-color-brown:#2563eb;--theme-link-hover-color-brown:#1d4ed8;--theme-link-active-color-brown:#1e40af;--theme-primary-color-indigo:hsl(245, 60%, 60%);--theme-primary-hover-color-indigo:hsl(245, 60%, 54%);--theme-primary-active-color-indigo:hsl(245, 60%, 48%);--theme-primary-inverted-color-indigo:hsl(245, 60%, 60%);--theme-primary-inverted-hover-color-indigo:hsl(245, 60%, 64%);--theme-primary-inverted-active-color-indigo:hsl(245, 60%, 68%);--theme-on-primary-color-indigo:#fefefd;--theme-on-primary-inverted-color-indigo:#fefefd;--theme-primary-text-color-indigo:hsl(245, 60%, 42%);--theme-secondary-color-indigo:hsl(245, 36%, 94%);--theme-secondary-hover-color-indigo:hsl(245, 36%, 89.3%);--theme-secondary-active-color-indigo:hsl(245, 36%, 84.6%);--theme-secondary-inverted-color-indigo:hsl(245, 48%, 72%);--theme-secondary-inverted-hover-color-indigo:hsl(245, 48%, 74.8%);--theme-secondary-inverted-active-color-indigo:hsl(245, 48%, 77.6%);--theme-on-secondary-color-indigo:hsl(245, 60%, 42%);--theme-on-secondary-inverted-color-indigo:hsl(245, 36%, 94%);--theme-default-color-indigo:#fefefd;--theme-on-default-color-indigo:#2c2c2e;--theme-inverted-color-indigo:#2c2c2e;--theme-on-inverted-color-indigo:#fefefd;--theme-surface-color-indigo:hsl(245, 24%, 96%);--theme-surface-hover-color-indigo:hsl(245, 24%, 91.2%);--theme-surface-active-color-indigo:hsl(245, 24%, 86.4%);--theme-surface-inverted-color-indigo:hsl(245, 30%, 66%);--theme-surface-inverted-hover-color-indigo:hsl(245, 30%, 67.7%);--theme-surface-inverted-active-color-indigo:hsl(245, 30%, 69.4%);--theme-backdrop-color-indigo:rgba(0, 0, 0, 0.5);--theme-overlay-color-indigo:rgba(0, 0, 0, 0.04);--theme-modal-color-indigo:#fefefd;--theme-skeleton-color-indigo:#e0e0e0;--theme-on-skeleton-color-indigo:#f0f0f0;--theme-muted-color-indigo:hsl(0, 0%, 32%);--theme-placeholder-color-indigo:hsl(0, 0%, 52%);--theme-disabled-color-indigo:hsl(0, 0%, 55%);--theme-on-disabled-color-indigo:hsl(0, 0%, 95%);--theme-divider-color-indigo:hsl(245, 12%, 90%);--theme-divider-hover-color-indigo:hsl(245, 12%, 85.5%);--theme-divider-active-color-indigo:hsl(245, 12%, 81%);--theme-divider-disabled-color-indigo:hsl(0, 0%, 60%);--theme-focus-ring-color-indigo:hsla(245, 60%, 60%, 0.7);--theme-shadow-color-indigo:rgba(0, 0, 0, 0.1);--theme-error-color-indigo:hsl(0, 70%, 40%);--theme-error-hover-color-indigo:hsl(0, 70%, 38%);--theme-error-active-color-indigo:hsl(0, 70%, 36%);--theme-error-inverted-color-indigo:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-indigo:hsl(0, 70%, 38%);--theme-error-inverted-active-color-indigo:hsl(0, 70%, 36%);--theme-on-error-color-indigo:#fefefd;--theme-on-error-inverted-color-indigo:#fefefd;--theme-error-secondary-color-indigo:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-indigo:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-indigo:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-indigo:hsl(0, 70%, 30%);--theme-error-text-color-indigo:hsl(0, 70%, 30%);--theme-success-color-indigo:hsl(142, 50%, 35%);--theme-success-hover-color-indigo:hsl(142, 50%, 33.25%);--theme-success-active-color-indigo:hsl(142, 50%, 31.5%);--theme-success-inverted-color-indigo:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-indigo:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-indigo:hsl(142, 50%, 31.5%);--theme-on-success-color-indigo:#fefefd;--theme-on-success-inverted-color-indigo:#fefefd;--theme-success-secondary-color-indigo:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-indigo:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-indigo:hsl(142, 70%, 81%);--theme-on-success-secondary-color-indigo:hsl(142, 50%, 25%);--theme-success-text-color-indigo:hsl(142, 50%, 25%);--theme-warning-color-indigo:hsl(45, 100%, 85%);--theme-on-warning-color-indigo:hsl(30, 100%, 25%);--theme-link-color-indigo:#2563eb;--theme-link-hover-color-indigo:#1d4ed8;--theme-link-active-color-indigo:#1e40af;--theme-primary-color-purple:hsl(270, 70%, 60%);--theme-primary-hover-color-purple:hsl(270, 70%, 54%);--theme-primary-active-color-purple:hsl(270, 70%, 48%);--theme-primary-inverted-color-purple:hsl(270, 70%, 60%);--theme-primary-inverted-hover-color-purple:hsl(270, 70%, 64%);--theme-primary-inverted-active-color-purple:hsl(270, 70%, 68%);--theme-on-primary-color-purple:#fefefd;--theme-on-primary-inverted-color-purple:#fefefd;--theme-primary-text-color-purple:hsl(270, 70%, 42%);--theme-secondary-color-purple:hsl(270, 42%, 94%);--theme-secondary-hover-color-purple:hsl(270, 42%, 89.3%);--theme-secondary-active-color-purple:hsl(270, 42%, 84.6%);--theme-secondary-inverted-color-purple:hsl(270, 56%, 72%);--theme-secondary-inverted-hover-color-purple:hsl(270, 56%, 74.8%);--theme-secondary-inverted-active-color-purple:hsl(270, 56%, 77.6%);--theme-on-secondary-color-purple:hsl(270, 70%, 42%);--theme-on-secondary-inverted-color-purple:hsl(270, 42%, 94%);--theme-default-color-purple:#fefefd;--theme-on-default-color-purple:#2c2c2e;--theme-inverted-color-purple:#2c2c2e;--theme-on-inverted-color-purple:#fefefd;--theme-surface-color-purple:hsl(270, 28%, 96%);--theme-surface-hover-color-purple:hsl(270, 28%, 91.2%);--theme-surface-active-color-purple:hsl(270, 28%, 86.4%);--theme-surface-inverted-color-purple:hsl(270, 35%, 66%);--theme-surface-inverted-hover-color-purple:hsl(270, 35%, 67.7%);--theme-surface-inverted-active-color-purple:hsl(270, 35%, 69.4%);--theme-backdrop-color-purple:rgba(0, 0, 0, 0.5);--theme-overlay-color-purple:rgba(0, 0, 0, 0.04);--theme-modal-color-purple:#fefefd;--theme-skeleton-color-purple:#e0e0e0;--theme-on-skeleton-color-purple:#f0f0f0;--theme-muted-color-purple:hsl(0, 0%, 32%);--theme-placeholder-color-purple:hsl(0, 0%, 52%);--theme-disabled-color-purple:hsl(0, 0%, 55%);--theme-on-disabled-color-purple:hsl(0, 0%, 95%);--theme-divider-color-purple:hsl(270, 14%, 90%);--theme-divider-hover-color-purple:hsl(270, 14%, 85.5%);--theme-divider-active-color-purple:hsl(270, 14%, 81%);--theme-divider-disabled-color-purple:hsl(0, 0%, 60%);--theme-focus-ring-color-purple:hsla(270, 70%, 60%, 0.7);--theme-shadow-color-purple:rgba(0, 0, 0, 0.1);--theme-error-color-purple:hsl(0, 70%, 40%);--theme-error-hover-color-purple:hsl(0, 70%, 38%);--theme-error-active-color-purple:hsl(0, 70%, 36%);--theme-error-inverted-color-purple:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-purple:hsl(0, 70%, 38%);--theme-error-inverted-active-color-purple:hsl(0, 70%, 36%);--theme-on-error-color-purple:#fefefd;--theme-on-error-inverted-color-purple:#fefefd;--theme-error-secondary-color-purple:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-purple:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-purple:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-purple:hsl(0, 70%, 30%);--theme-error-text-color-purple:hsl(0, 70%, 30%);--theme-success-color-purple:hsl(142, 50%, 35%);--theme-success-hover-color-purple:hsl(142, 50%, 33.25%);--theme-success-active-color-purple:hsl(142, 50%, 31.5%);--theme-success-inverted-color-purple:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-purple:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-purple:hsl(142, 50%, 31.5%);--theme-on-success-color-purple:#fefefd;--theme-on-success-inverted-color-purple:#fefefd;--theme-success-secondary-color-purple:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-purple:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-purple:hsl(142, 70%, 81%);--theme-on-success-secondary-color-purple:hsl(142, 50%, 25%);--theme-success-text-color-purple:hsl(142, 50%, 25%);--theme-warning-color-purple:hsl(45, 100%, 85%);--theme-on-warning-color-purple:hsl(30, 100%, 25%);--theme-link-color-purple:#2563eb;--theme-link-hover-color-purple:#1d4ed8;--theme-link-active-color-purple:#1e40af;--theme-primary-color-magenta:hsl(320, 60%, 60%);--theme-primary-hover-color-magenta:hsl(320, 60%, 54%);--theme-primary-active-color-magenta:hsl(320, 60%, 48%);--theme-primary-inverted-color-magenta:hsl(320, 60%, 60%);--theme-primary-inverted-hover-color-magenta:hsl(320, 60%, 64%);--theme-primary-inverted-active-color-magenta:hsl(320, 60%, 68%);--theme-on-primary-color-magenta:#fefefd;--theme-on-primary-inverted-color-magenta:#fefefd;--theme-primary-text-color-magenta:hsl(320, 60%, 42%);--theme-secondary-color-magenta:hsl(320, 36%, 94%);--theme-secondary-hover-color-magenta:hsl(320, 36%, 89.3%);--theme-secondary-active-color-magenta:hsl(320, 36%, 84.6%);--theme-secondary-inverted-color-magenta:hsl(320, 48%, 72%);--theme-secondary-inverted-hover-color-magenta:hsl(320, 48%, 74.8%);--theme-secondary-inverted-active-color-magenta:hsl(320, 48%, 77.6%);--theme-on-secondary-color-magenta:hsl(320, 60%, 42%);--theme-on-secondary-inverted-color-magenta:hsl(320, 36%, 94%);--theme-default-color-magenta:#fefefd;--theme-on-default-color-magenta:#2c2c2e;--theme-inverted-color-magenta:#2c2c2e;--theme-on-inverted-color-magenta:#fefefd;--theme-surface-color-magenta:hsl(320, 24%, 96%);--theme-surface-hover-color-magenta:hsl(320, 24%, 91.2%);--theme-surface-active-color-magenta:hsl(320, 24%, 86.4%);--theme-surface-inverted-color-magenta:hsl(320, 30%, 66%);--theme-surface-inverted-hover-color-magenta:hsl(320, 30%, 67.7%);--theme-surface-inverted-active-color-magenta:hsl(320, 30%, 69.4%);--theme-backdrop-color-magenta:rgba(0, 0, 0, 0.5);--theme-overlay-color-magenta:rgba(0, 0, 0, 0.04);--theme-modal-color-magenta:#fefefd;--theme-skeleton-color-magenta:#e0e0e0;--theme-on-skeleton-color-magenta:#f0f0f0;--theme-muted-color-magenta:hsl(0, 0%, 32%);--theme-placeholder-color-magenta:hsl(0, 0%, 52%);--theme-disabled-color-magenta:hsl(0, 0%, 55%);--theme-on-disabled-color-magenta:hsl(0, 0%, 95%);--theme-divider-color-magenta:hsl(320, 12%, 90%);--theme-divider-hover-color-magenta:hsl(320, 12%, 85.5%);--theme-divider-active-color-magenta:hsl(320, 12%, 81%);--theme-divider-disabled-color-magenta:hsl(0, 0%, 60%);--theme-focus-ring-color-magenta:hsla(320, 60%, 60%, 0.7);--theme-shadow-color-magenta:rgba(0, 0, 0, 0.1);--theme-error-color-magenta:hsl(0, 70%, 40%);--theme-error-hover-color-magenta:hsl(0, 70%, 38%);--theme-error-active-color-magenta:hsl(0, 70%, 36%);--theme-error-inverted-color-magenta:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-magenta:hsl(0, 70%, 38%);--theme-error-inverted-active-color-magenta:hsl(0, 70%, 36%);--theme-on-error-color-magenta:#fefefd;--theme-on-error-inverted-color-magenta:#fefefd;--theme-error-secondary-color-magenta:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-magenta:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-magenta:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-magenta:hsl(0, 70%, 30%);--theme-error-text-color-magenta:hsl(0, 70%, 30%);--theme-success-color-magenta:hsl(142, 50%, 35%);--theme-success-hover-color-magenta:hsl(142, 50%, 33.25%);--theme-success-active-color-magenta:hsl(142, 50%, 31.5%);--theme-success-inverted-color-magenta:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-magenta:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-magenta:hsl(142, 50%, 31.5%);--theme-on-success-color-magenta:#fefefd;--theme-on-success-inverted-color-magenta:#fefefd;--theme-success-secondary-color-magenta:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-magenta:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-magenta:hsl(142, 70%, 81%);--theme-on-success-secondary-color-magenta:hsl(142, 50%, 25%);--theme-success-text-color-magenta:hsl(142, 50%, 25%);--theme-warning-color-magenta:hsl(45, 100%, 85%);--theme-on-warning-color-magenta:hsl(30, 100%, 25%);--theme-link-color-magenta:#2563eb;--theme-link-hover-color-magenta:#1d4ed8;--theme-link-active-color-magenta:#1e40af;--theme-primary-color-electric-blue:hsl(210, 100%, 60%);--theme-primary-hover-color-electric-blue:hsl(210, 100%, 54%);--theme-primary-active-color-electric-blue:hsl(210, 100%, 48%);--theme-primary-inverted-color-electric-blue:hsl(210, 100%, 60%);--theme-primary-inverted-hover-color-electric-blue:hsl(210, 100%, 64%);--theme-primary-inverted-active-color-electric-blue:hsl(210, 100%, 68%);--theme-on-primary-color-electric-blue:#fefefd;--theme-on-primary-inverted-color-electric-blue:#fefefd;--theme-primary-text-color-electric-blue:hsl(210, 100%, 42%);--theme-secondary-color-electric-blue:hsl(210, 60%, 94%);--theme-secondary-hover-color-electric-blue:hsl(210, 60%, 89.3%);--theme-secondary-active-color-electric-blue:hsl(210, 60%, 84.6%);--theme-secondary-inverted-color-electric-blue:hsl(210, 80%, 72%);--theme-secondary-inverted-hover-color-electric-blue:hsl(210, 80%, 74.8%);--theme-secondary-inverted-active-color-electric-blue:hsl(210, 80%, 77.6%);--theme-on-secondary-color-electric-blue:hsl(210, 100%, 42%);--theme-on-secondary-inverted-color-electric-blue:hsl(210, 60%, 94%);--theme-default-color-electric-blue:#fefefd;--theme-on-default-color-electric-blue:#2c2c2e;--theme-inverted-color-electric-blue:#2c2c2e;--theme-on-inverted-color-electric-blue:#fefefd;--theme-surface-color-electric-blue:hsl(210, 40%, 96%);--theme-surface-hover-color-electric-blue:hsl(210, 40%, 91.2%);--theme-surface-active-color-electric-blue:hsl(210, 40%, 86.4%);--theme-surface-inverted-color-electric-blue:hsl(210, 50%, 66%);--theme-surface-inverted-hover-color-electric-blue:hsl(210, 50%, 67.7%);--theme-surface-inverted-active-color-electric-blue:hsl(210, 50%, 69.4%);--theme-backdrop-color-electric-blue:rgba(0, 0, 0, 0.5);--theme-overlay-color-electric-blue:rgba(0, 0, 0, 0.04);--theme-modal-color-electric-blue:#fefefd;--theme-skeleton-color-electric-blue:#e0e0e0;--theme-on-skeleton-color-electric-blue:#f0f0f0;--theme-muted-color-electric-blue:hsl(0, 0%, 32%);--theme-placeholder-color-electric-blue:hsl(0, 0%, 52%);--theme-disabled-color-electric-blue:hsl(0, 0%, 55%);--theme-on-disabled-color-electric-blue:hsl(0, 0%, 95%);--theme-divider-color-electric-blue:hsl(210, 20%, 90%);--theme-divider-hover-color-electric-blue:hsl(210, 20%, 85.5%);--theme-divider-active-color-electric-blue:hsl(210, 20%, 81%);--theme-divider-disabled-color-electric-blue:hsl(0, 0%, 60%);--theme-focus-ring-color-electric-blue:hsla(210, 100%, 60%, 0.7);--theme-shadow-color-electric-blue:rgba(0, 0, 0, 0.1);--theme-error-color-electric-blue:hsl(0, 70%, 40%);--theme-error-hover-color-electric-blue:hsl(0, 70%, 38%);--theme-error-active-color-electric-blue:hsl(0, 70%, 36%);--theme-error-inverted-color-electric-blue:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-electric-blue:hsl(0, 70%, 38%);--theme-error-inverted-active-color-electric-blue:hsl(0, 70%, 36%);--theme-on-error-color-electric-blue:#fefefd;--theme-on-error-inverted-color-electric-blue:#fefefd;--theme-error-secondary-color-electric-blue:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-electric-blue:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-electric-blue:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-electric-blue:hsl(0, 70%, 30%);--theme-error-text-color-electric-blue:hsl(0, 70%, 30%);--theme-success-color-electric-blue:hsl(142, 50%, 35%);--theme-success-hover-color-electric-blue:hsl(142, 50%, 33.25%);--theme-success-active-color-electric-blue:hsl(142, 50%, 31.5%);--theme-success-inverted-color-electric-blue:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-electric-blue:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-electric-blue:hsl(142, 50%, 31.5%);--theme-on-success-color-electric-blue:#fefefd;--theme-on-success-inverted-color-electric-blue:#fefefd;--theme-success-secondary-color-electric-blue:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-electric-blue:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-electric-blue:hsl(142, 70%, 81%);--theme-on-success-secondary-color-electric-blue:hsl(142, 50%, 25%);--theme-success-text-color-electric-blue:hsl(142, 50%, 25%);--theme-warning-color-electric-blue:hsl(45, 100%, 85%);--theme-on-warning-color-electric-blue:hsl(30, 100%, 25%);--theme-link-color-electric-blue:#2563eb;--theme-link-hover-color-electric-blue:#1d4ed8;--theme-link-active-color-electric-blue:#1e40af;--theme-primary-color-hot-pink:hsl(330, 100%, 65%);--theme-primary-hover-color-hot-pink:hsl(330, 100%, 58.5%);--theme-primary-active-color-hot-pink:hsl(330, 100%, 52%);--theme-primary-inverted-color-hot-pink:hsl(330, 100%, 65%);--theme-primary-inverted-hover-color-hot-pink:hsl(330, 100%, 68.5%);--theme-primary-inverted-active-color-hot-pink:hsl(330, 100%, 72%);--theme-on-primary-color-hot-pink:#fefefd;--theme-on-primary-inverted-color-hot-pink:#fefefd;--theme-primary-text-color-hot-pink:hsl(330, 100%, 45.5%);--theme-secondary-color-hot-pink:hsl(330, 60%, 94.75%);--theme-secondary-hover-color-hot-pink:hsl(330, 60%, 90.0125%);--theme-secondary-active-color-hot-pink:hsl(330, 60%, 85.275%);--theme-secondary-inverted-color-hot-pink:hsl(330, 80%, 75.5%);--theme-secondary-inverted-hover-color-hot-pink:hsl(330, 80%, 77.95%);--theme-secondary-inverted-active-color-hot-pink:hsl(330, 80%, 80.4%);--theme-on-secondary-color-hot-pink:hsl(330, 100%, 45.5%);--theme-on-secondary-inverted-color-hot-pink:hsl(330, 60%, 94.75%);--theme-default-color-hot-pink:#fefefd;--theme-on-default-color-hot-pink:#2c2c2e;--theme-inverted-color-hot-pink:#2c2c2e;--theme-on-inverted-color-hot-pink:#fefefd;--theme-surface-color-hot-pink:hsl(330, 40%, 96.5%);--theme-surface-hover-color-hot-pink:hsl(330, 40%, 91.675%);--theme-surface-active-color-hot-pink:hsl(330, 40%, 86.85%);--theme-surface-inverted-color-hot-pink:hsl(330, 50%, 70.25%);--theme-surface-inverted-hover-color-hot-pink:hsl(330, 50%, 71.7375%);--theme-surface-inverted-active-color-hot-pink:hsl(330, 50%, 73.225%);--theme-backdrop-color-hot-pink:rgba(0, 0, 0, 0.5);--theme-overlay-color-hot-pink:rgba(0, 0, 0, 0.04);--theme-modal-color-hot-pink:#fefefd;--theme-skeleton-color-hot-pink:#e0e0e0;--theme-on-skeleton-color-hot-pink:#f0f0f0;--theme-muted-color-hot-pink:hsl(0, 0%, 32%);--theme-placeholder-color-hot-pink:hsl(0, 0%, 52%);--theme-disabled-color-hot-pink:hsl(0, 0%, 55%);--theme-on-disabled-color-hot-pink:hsl(0, 0%, 95%);--theme-divider-color-hot-pink:hsl(330, 20%, 91.25%);--theme-divider-hover-color-hot-pink:hsl(330, 20%, 86.6875%);--theme-divider-active-color-hot-pink:hsl(330, 20%, 82.125%);--theme-divider-disabled-color-hot-pink:hsl(0, 0%, 60%);--theme-focus-ring-color-hot-pink:hsla(330, 100%, 65%, 0.7);--theme-shadow-color-hot-pink:rgba(0, 0, 0, 0.1);--theme-error-color-hot-pink:hsl(0, 70%, 40%);--theme-error-hover-color-hot-pink:hsl(0, 70%, 38%);--theme-error-active-color-hot-pink:hsl(0, 70%, 36%);--theme-error-inverted-color-hot-pink:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-hot-pink:hsl(0, 70%, 38%);--theme-error-inverted-active-color-hot-pink:hsl(0, 70%, 36%);--theme-on-error-color-hot-pink:#fefefd;--theme-on-error-inverted-color-hot-pink:#fefefd;--theme-error-secondary-color-hot-pink:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-hot-pink:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-hot-pink:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-hot-pink:hsl(0, 70%, 30%);--theme-error-text-color-hot-pink:hsl(0, 70%, 30%);--theme-success-color-hot-pink:hsl(142, 50%, 35%);--theme-success-hover-color-hot-pink:hsl(142, 50%, 33.25%);--theme-success-active-color-hot-pink:hsl(142, 50%, 31.5%);--theme-success-inverted-color-hot-pink:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-hot-pink:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-hot-pink:hsl(142, 50%, 31.5%);--theme-on-success-color-hot-pink:#fefefd;--theme-on-success-inverted-color-hot-pink:#fefefd;--theme-success-secondary-color-hot-pink:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-hot-pink:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-hot-pink:hsl(142, 70%, 81%);--theme-on-success-secondary-color-hot-pink:hsl(142, 50%, 25%);--theme-success-text-color-hot-pink:hsl(142, 50%, 25%);--theme-warning-color-hot-pink:hsl(45, 100%, 85%);--theme-on-warning-color-hot-pink:hsl(30, 100%, 25%);--theme-link-color-hot-pink:#2563eb;--theme-link-hover-color-hot-pink:#1d4ed8;--theme-link-active-color-hot-pink:#1e40af;--theme-primary-color-shrine-pink:hsl(18, 96%, 60%);--theme-primary-hover-color-shrine-pink:hsl(18, 96%, 54%);--theme-primary-active-color-shrine-pink:hsl(18, 96%, 48%);--theme-primary-inverted-color-shrine-pink:hsl(18, 96%, 60%);--theme-primary-inverted-hover-color-shrine-pink:hsl(18, 96%, 64%);--theme-primary-inverted-active-color-shrine-pink:hsl(18, 96%, 68%);--theme-on-primary-color-shrine-pink:#fefefd;--theme-on-primary-inverted-color-shrine-pink:#fefefd;--theme-primary-text-color-shrine-pink:hsl(18, 96%, 42%);--theme-secondary-color-shrine-pink:hsl(18, 57.6%, 94%);--theme-secondary-hover-color-shrine-pink:hsl(18, 57.6%, 89.3%);--theme-secondary-active-color-shrine-pink:hsl(18, 57.6%, 84.6%);--theme-secondary-inverted-color-shrine-pink:hsl(18, 76.8%, 72%);--theme-secondary-inverted-hover-color-shrine-pink:hsl(18, 76.8%, 74.8%);--theme-secondary-inverted-active-color-shrine-pink:hsl(18, 76.8%, 77.6%);--theme-on-secondary-color-shrine-pink:hsl(18, 96%, 42%);--theme-on-secondary-inverted-color-shrine-pink:hsl(18, 57.6%, 94%);--theme-default-color-shrine-pink:#fefefd;--theme-on-default-color-shrine-pink:#2c2c2e;--theme-inverted-color-shrine-pink:#2c2c2e;--theme-on-inverted-color-shrine-pink:#fefefd;--theme-surface-color-shrine-pink:hsl(18, 38.4%, 96%);--theme-surface-hover-color-shrine-pink:hsl(18, 38.4%, 91.2%);--theme-surface-active-color-shrine-pink:hsl(18, 38.4%, 86.4%);--theme-surface-inverted-color-shrine-pink:hsl(18, 48%, 66%);--theme-surface-inverted-hover-color-shrine-pink:hsl(18, 48%, 67.7%);--theme-surface-inverted-active-color-shrine-pink:hsl(18, 48%, 69.4%);--theme-backdrop-color-shrine-pink:rgba(0, 0, 0, 0.5);--theme-overlay-color-shrine-pink:rgba(0, 0, 0, 0.04);--theme-modal-color-shrine-pink:#fefefd;--theme-skeleton-color-shrine-pink:#e0e0e0;--theme-on-skeleton-color-shrine-pink:#f0f0f0;--theme-muted-color-shrine-pink:hsl(0, 0%, 32%);--theme-placeholder-color-shrine-pink:hsl(0, 0%, 52%);--theme-disabled-color-shrine-pink:hsl(0, 0%, 55%);--theme-on-disabled-color-shrine-pink:hsl(0, 0%, 95%);--theme-divider-color-shrine-pink:hsl(18, 19.2%, 90%);--theme-divider-hover-color-shrine-pink:hsl(18, 19.2%, 85.5%);--theme-divider-active-color-shrine-pink:hsl(18, 19.2%, 81%);--theme-divider-disabled-color-shrine-pink:hsl(0, 0%, 60%);--theme-focus-ring-color-shrine-pink:hsla(18, 96%, 60%, 0.7);--theme-shadow-color-shrine-pink:rgba(0, 0, 0, 0.1);--theme-error-color-shrine-pink:hsl(0, 70%, 40%);--theme-error-hover-color-shrine-pink:hsl(0, 70%, 38%);--theme-error-active-color-shrine-pink:hsl(0, 70%, 36%);--theme-error-inverted-color-shrine-pink:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-shrine-pink:hsl(0, 70%, 38%);--theme-error-inverted-active-color-shrine-pink:hsl(0, 70%, 36%);--theme-on-error-color-shrine-pink:#fefefd;--theme-on-error-inverted-color-shrine-pink:#fefefd;--theme-error-secondary-color-shrine-pink:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-shrine-pink:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-shrine-pink:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-shrine-pink:hsl(0, 70%, 30%);--theme-error-text-color-shrine-pink:hsl(0, 70%, 30%);--theme-success-color-shrine-pink:hsl(142, 50%, 35%);--theme-success-hover-color-shrine-pink:hsl(142, 50%, 33.25%);--theme-success-active-color-shrine-pink:hsl(142, 50%, 31.5%);--theme-success-inverted-color-shrine-pink:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-shrine-pink:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-shrine-pink:hsl(142, 50%, 31.5%);--theme-on-success-color-shrine-pink:#fefefd;--theme-on-success-inverted-color-shrine-pink:#fefefd;--theme-success-secondary-color-shrine-pink:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-shrine-pink:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-shrine-pink:hsl(142, 70%, 81%);--theme-on-success-secondary-color-shrine-pink:hsl(142, 50%, 25%);--theme-success-text-color-shrine-pink:hsl(142, 50%, 25%);--theme-warning-color-shrine-pink:hsl(45, 100%, 85%);--theme-on-warning-color-shrine-pink:hsl(30, 100%, 25%);--theme-link-color-shrine-pink:#2563eb;--theme-link-hover-color-shrine-pink:#1d4ed8;--theme-link-active-color-shrine-pink:#1e40af;--theme-primary-color-crane-purple:hsl(320, 71%, 40%);--theme-primary-hover-color-crane-purple:hsl(320, 71%, 36%);--theme-primary-active-color-crane-purple:hsl(320, 71%, 32%);--theme-primary-inverted-color-crane-purple:hsl(320, 71%, 40%);--theme-primary-inverted-hover-color-crane-purple:hsl(320, 71%, 46%);--theme-primary-inverted-active-color-crane-purple:hsl(320, 71%, 52%);--theme-on-primary-color-crane-purple:#fefefd;--theme-on-primary-inverted-color-crane-purple:#fefefd;--theme-primary-text-color-crane-purple:hsl(320, 71%, 28%);--theme-secondary-color-crane-purple:hsl(320, 42.6%, 91%);--theme-secondary-hover-color-crane-purple:hsl(320, 42.6%, 86.45%);--theme-secondary-active-color-crane-purple:hsl(320, 42.6%, 81.9%);--theme-secondary-inverted-color-crane-purple:hsl(320, 56.8%, 58%);--theme-secondary-inverted-hover-color-crane-purple:hsl(320, 56.8%, 62.2%);--theme-secondary-inverted-active-color-crane-purple:hsl(320, 56.8%, 66.4%);--theme-on-secondary-color-crane-purple:hsl(320, 71%, 28%);--theme-on-secondary-inverted-color-crane-purple:hsl(320, 42.6%, 91%);--theme-default-color-crane-purple:#fefefd;--theme-on-default-color-crane-purple:#2c2c2e;--theme-inverted-color-crane-purple:#2c2c2e;--theme-on-inverted-color-crane-purple:#fefefd;--theme-surface-color-crane-purple:hsl(320, 28.4%, 94%);--theme-surface-hover-color-crane-purple:hsl(320, 28.4%, 89.3%);--theme-surface-active-color-crane-purple:hsl(320, 28.4%, 84.6%);--theme-surface-inverted-color-crane-purple:hsl(320, 35.5%, 49%);--theme-surface-inverted-hover-color-crane-purple:hsl(320, 35.5%, 51.55%);--theme-surface-inverted-active-color-crane-purple:hsl(320, 35.5%, 54.1%);--theme-backdrop-color-crane-purple:rgba(0, 0, 0, 0.5);--theme-overlay-color-crane-purple:rgba(0, 0, 0, 0.04);--theme-modal-color-crane-purple:#fefefd;--theme-skeleton-color-crane-purple:#e0e0e0;--theme-on-skeleton-color-crane-purple:#f0f0f0;--theme-muted-color-crane-purple:hsl(0, 0%, 32%);--theme-placeholder-color-crane-purple:hsl(0, 0%, 52%);--theme-disabled-color-crane-purple:hsl(0, 0%, 55%);--theme-on-disabled-color-crane-purple:hsl(0, 0%, 95%);--theme-divider-color-crane-purple:hsl(320, 14.2%, 85%);--theme-divider-hover-color-crane-purple:hsl(320, 14.2%, 80.75%);--theme-divider-active-color-crane-purple:hsl(320, 14.2%, 76.5%);--theme-divider-disabled-color-crane-purple:hsl(0, 0%, 60%);--theme-focus-ring-color-crane-purple:hsla(320, 71%, 40%, 0.7);--theme-shadow-color-crane-purple:rgba(0, 0, 0, 0.1);--theme-error-color-crane-purple:hsl(0, 70%, 40%);--theme-error-hover-color-crane-purple:hsl(0, 70%, 38%);--theme-error-active-color-crane-purple:hsl(0, 70%, 36%);--theme-error-inverted-color-crane-purple:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-crane-purple:hsl(0, 70%, 38%);--theme-error-inverted-active-color-crane-purple:hsl(0, 70%, 36%);--theme-on-error-color-crane-purple:#fefefd;--theme-on-error-inverted-color-crane-purple:#fefefd;--theme-error-secondary-color-crane-purple:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-crane-purple:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-crane-purple:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-crane-purple:hsl(0, 70%, 30%);--theme-error-text-color-crane-purple:hsl(0, 70%, 30%);--theme-success-color-crane-purple:hsl(142, 50%, 35%);--theme-success-hover-color-crane-purple:hsl(142, 50%, 33.25%);--theme-success-active-color-crane-purple:hsl(142, 50%, 31.5%);--theme-success-inverted-color-crane-purple:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-crane-purple:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-crane-purple:hsl(142, 50%, 31.5%);--theme-on-success-color-crane-purple:#fefefd;--theme-on-success-inverted-color-crane-purple:#fefefd;--theme-success-secondary-color-crane-purple:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-crane-purple:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-crane-purple:hsl(142, 70%, 81%);--theme-on-success-secondary-color-crane-purple:hsl(142, 50%, 25%);--theme-success-text-color-crane-purple:hsl(142, 50%, 25%);--theme-warning-color-crane-purple:hsl(45, 100%, 85%);--theme-on-warning-color-crane-purple:hsl(30, 100%, 25%);--theme-link-color-crane-purple:#2563eb;--theme-link-hover-color-crane-purple:#1d4ed8;--theme-link-active-color-crane-purple:#1e40af;--theme-primary:var(--theme-primary-mode-light);--color-primary:var(--theme-primary);--theme-primary-hover:var(--theme-primary-hover-mode-light);--color-primary-hover:var(--theme-primary-hover);--theme-primary-active:var(--theme-primary-active-mode-light);--color-primary-active:var(--theme-primary-active);--theme-primary-inverted:var(--theme-primary-inverted-mode-light);--color-primary-inverted:var(--theme-primary-inverted);--theme-primary-inverted-hover:var(--theme-primary-inverted-hover-mode-light);--color-primary-inverted-hover:var(--theme-primary-inverted-hover);--theme-primary-inverted-active:var(--theme-primary-inverted-active-mode-light);--color-primary-inverted-active:var(--theme-primary-inverted-active);--theme-on-primary:var(--theme-on-primary-mode-light);--color-on-primary:var(--theme-on-primary);--theme-on-primary-inverted:var(--theme-on-primary-inverted-mode-light);--color-on-primary-inverted:var(--theme-on-primary-inverted);--theme-primary-text:var(--theme-primary-text-mode-light);--color-primary-text:var(--theme-primary-text);--theme-secondary:var(--theme-secondary-mode-light);--color-secondary:var(--theme-secondary);--theme-secondary-hover:var(--theme-secondary-hover-mode-light);--color-secondary-hover:var(--theme-secondary-hover);--theme-secondary-active:var(--theme-secondary-active-mode-light);--color-secondary-active:var(--theme-secondary-active);--theme-secondary-inverted:var(--theme-secondary-inverted-mode-light);--color-secondary-inverted:var(--theme-secondary-inverted);--theme-secondary-inverted-hover:var(--theme-secondary-inverted-hover-mode-light);--color-secondary-inverted-hover:var(--theme-secondary-inverted-hover);--theme-secondary-inverted-active:var(--theme-secondary-inverted-active-mode-light);--color-secondary-inverted-active:var(--theme-secondary-inverted-active);--theme-on-secondary:var(--theme-on-secondary-mode-light);--color-on-secondary:var(--theme-on-secondary);--theme-on-secondary-inverted:var(--theme-on-secondary-inverted-mode-light);--color-on-secondary-inverted:var(--theme-on-secondary-inverted);--theme-default:var(--theme-default-mode-light);--color-default:var(--theme-default);--theme-on-default:var(--theme-on-default-mode-light);--color-on-default:var(--theme-on-default);--theme-inverted:var(--theme-inverted-mode-light);--color-inverted:var(--theme-inverted);--theme-on-inverted:var(--theme-on-inverted-mode-light);--color-on-inverted:var(--theme-on-inverted);--theme-surface:var(--theme-surface-mode-light);--color-surface:var(--theme-surface);--theme-surface-hover:var(--theme-surface-hover-mode-light);--color-surface-hover:var(--theme-surface-hover);--theme-surface-active:var(--theme-surface-active-mode-light);--color-surface-active:var(--theme-surface-active);--theme-surface-inverted:var(--theme-surface-inverted-mode-light);--color-surface-inverted:var(--theme-surface-inverted);--theme-surface-inverted-hover:var(--theme-surface-inverted-hover-mode-light);--color-surface-inverted-hover:var(--theme-surface-inverted-hover);--theme-surface-inverted-active:var(--theme-surface-inverted-active-mode-light);--color-surface-inverted-active:var(--theme-surface-inverted-active);--theme-backdrop:var(--theme-backdrop-mode-light);--color-backdrop:var(--theme-backdrop);--theme-overlay:var(--theme-overlay-mode-light);--color-overlay:var(--theme-overlay);--theme-modal:var(--theme-modal-mode-light);--color-modal:var(--theme-modal);--theme-skeleton:var(--theme-skeleton-mode-light);--color-skeleton:var(--theme-skeleton);--theme-on-skeleton:var(--theme-on-skeleton-mode-light);--color-on-skeleton:var(--theme-on-skeleton);--theme-muted:var(--theme-muted-mode-light);--color-muted:var(--theme-muted);--theme-placeholder:var(--theme-placeholder-mode-light);--color-placeholder:var(--theme-placeholder);--theme-disabled:var(--theme-disabled-mode-light);--color-disabled:var(--theme-disabled);--theme-on-disabled:var(--theme-on-disabled-mode-light);--color-on-disabled:var(--theme-on-disabled);--theme-divider:var(--theme-divider-mode-light);--color-divider:var(--theme-divider);--theme-divider-hover:var(--theme-divider-hover-mode-light);--color-divider-hover:var(--theme-divider-hover);--theme-divider-active:var(--theme-divider-active-mode-light);--color-divider-active:var(--theme-divider-active);--theme-divider-disabled:var(--theme-divider-disabled-mode-light);--color-divider-disabled:var(--theme-divider-disabled);--theme-focus-ring:var(--theme-focus-ring-mode-light);--color-focus-ring:var(--theme-focus-ring);--theme-shadow:var(--theme-shadow-mode-light);--color-shadow:var(--theme-shadow);--theme-error:var(--theme-error-mode-light);--color-error:var(--theme-error);--theme-error-hover:var(--theme-error-hover-mode-light);--color-error-hover:var(--theme-error-hover);--theme-error-active:var(--theme-error-active-mode-light);--color-error-active:var(--theme-error-active);--theme-error-inverted:var(--theme-error-inverted-mode-light);--color-error-inverted:var(--theme-error-inverted);--theme-error-inverted-hover:var(--theme-error-inverted-hover-mode-light);--color-error-inverted-hover:var(--theme-error-inverted-hover);--theme-error-inverted-active:var(--theme-error-inverted-active-mode-light);--color-error-inverted-active:var(--theme-error-inverted-active);--theme-on-error:var(--theme-on-error-mode-light);--color-on-error:var(--theme-on-error);--theme-on-error-inverted:var(--theme-on-error-inverted-mode-light);--color-on-error-inverted:var(--theme-on-error-inverted);--theme-error-secondary:var(--theme-error-secondary-mode-light);--color-error-secondary:var(--theme-error-secondary);--theme-error-secondary-hover:var(--theme-error-secondary-hover-mode-light);--color-error-secondary-hover:var(--theme-error-secondary-hover);--theme-error-secondary-active:var(--theme-error-secondary-active-mode-light);--color-error-secondary-active:var(--theme-error-secondary-active);--theme-on-error-secondary:var(--theme-on-error-secondary-mode-light);--color-on-error-secondary:var(--theme-on-error-secondary);--theme-error-text:var(--theme-error-text-mode-light);--color-error-text:var(--theme-error-text);--theme-success:var(--theme-success-mode-light);--color-success:var(--theme-success);--theme-success-hover:var(--theme-success-hover-mode-light);--color-success-hover:var(--theme-success-hover);--theme-success-active:var(--theme-success-active-mode-light);--color-success-active:var(--theme-success-active);--theme-success-inverted:var(--theme-success-inverted-mode-light);--color-success-inverted:var(--theme-success-inverted);--theme-success-inverted-hover:var(--theme-success-inverted-hover-mode-light);--color-success-inverted-hover:var(--theme-success-inverted-hover);--theme-success-inverted-active:var(--theme-success-inverted-active-mode-light);--color-success-inverted-active:var(--theme-success-inverted-active);--theme-on-success:var(--theme-on-success-mode-light);--color-on-success:var(--theme-on-success);--theme-on-success-inverted:var(--theme-on-success-inverted-mode-light);--color-on-success-inverted:var(--theme-on-success-inverted);--theme-success-secondary:var(--theme-success-secondary-mode-light);--color-success-secondary:var(--theme-success-secondary);--theme-success-secondary-hover:var(--theme-success-secondary-hover-mode-light);--color-success-secondary-hover:var(--theme-success-secondary-hover);--theme-success-secondary-active:var(--theme-success-secondary-active-mode-light);--color-success-secondary-active:var(--theme-success-secondary-active);--theme-on-success-secondary:var(--theme-on-success-secondary-mode-light);--color-on-success-secondary:var(--theme-on-success-secondary);--theme-success-text:var(--theme-success-text-mode-light);--color-success-text:var(--theme-success-text);--theme-warning:var(--theme-warning-mode-light);--color-warning:var(--theme-warning);--theme-on-warning:var(--theme-on-warning-mode-light);--color-on-warning:var(--theme-on-warning);--theme-link:var(--theme-link-mode-light);--color-link:var(--theme-link);--theme-link-hover:var(--theme-link-hover-mode-light);--color-link-hover:var(--theme-link-hover);--theme-link-active:var(--theme-link-active-mode-light);--color-link-active:var(--theme-link-active)}[data-theme-mode=dark]{--theme-primary-color-cg-blue:hsl(195, 100%, 32%);--theme-primary-hover-color-cg-blue:hsl(195, 100%, 38.8%);--theme-primary-active-color-cg-blue:hsl(195, 100%, 45.6%);--theme-primary-inverted-color-cg-blue:hsl(195, 100%, 32%);--theme-primary-inverted-hover-color-cg-blue:hsl(195, 100%, 28.8%);--theme-primary-inverted-active-color-cg-blue:hsl(195, 100%, 25.6%);--theme-on-primary-color-cg-blue:#fefefd;--theme-on-primary-inverted-color-cg-blue:#fefefd;--theme-primary-text-color-cg-blue:hsl(195, 100%, 86.4%);--theme-secondary-color-cg-blue:hsl(195, 80%, 52.4%);--theme-secondary-hover-color-cg-blue:hsl(195, 80%, 57.16%);--theme-secondary-active-color-cg-blue:hsl(195, 80%, 61.92%);--theme-secondary-inverted-color-cg-blue:hsl(195, 60%, 89.8%);--theme-secondary-inverted-hover-color-cg-blue:hsl(195, 60%, 85.31%);--theme-secondary-inverted-active-color-cg-blue:hsl(195, 60%, 80.82%);--theme-on-secondary-color-cg-blue:hsl(195, 100%, 16%);--theme-on-secondary-inverted-color-cg-blue:hsl(195, 100%, 22.4%);--theme-default-color-cg-blue:#2c2c2e;--theme-on-default-color-cg-blue:#fefefd;--theme-inverted-color-cg-blue:#fefefd;--theme-on-inverted-color-cg-blue:#2c2c2e;--theme-surface-color-cg-blue:hsl(195, 50%, 42.2%);--theme-surface-hover-color-cg-blue:hsl(195, 50%, 45.09%);--theme-surface-active-color-cg-blue:hsl(195, 50%, 47.98%);--theme-surface-inverted-color-cg-blue:hsl(195, 40%, 93.2%);--theme-surface-inverted-hover-color-cg-blue:hsl(195, 40%, 88.54%);--theme-surface-inverted-active-color-cg-blue:hsl(195, 40%, 83.88%);--theme-backdrop-color-cg-blue:rgba(0, 0, 0, 0.7);--theme-overlay-color-cg-blue:rgba(255, 255, 255, 0.06);--theme-modal-color-cg-blue:#262626;--theme-skeleton-color-cg-blue:#3a3a3a;--theme-on-skeleton-color-cg-blue:#4a4a4a;--theme-muted-color-cg-blue:hsl(0, 0%, 92%);--theme-placeholder-color-cg-blue:hsl(0, 0%, 76%);--theme-disabled-color-cg-blue:hsl(0, 0%, 35%);--theme-on-disabled-color-cg-blue:hsl(0, 0%, 85%);--theme-divider-color-cg-blue:hsl(195, 20%, 83%);--theme-divider-hover-color-cg-blue:hsl(195, 20%, 83.85%);--theme-divider-active-color-cg-blue:hsl(195, 20%, 84.7%);--theme-divider-disabled-color-cg-blue:hsl(0, 0%, 45%);--theme-focus-ring-color-cg-blue:hsla(195, 100%, 32%, 0.9);--theme-shadow-color-cg-blue:rgba(0, 0, 0, 0.4);--theme-error-color-cg-blue:hsl(0, 70%, 40%);--theme-error-hover-color-cg-blue:hsl(0, 70%, 38%);--theme-error-active-color-cg-blue:hsl(0, 70%, 36%);--theme-error-inverted-color-cg-blue:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-cg-blue:hsl(0, 70%, 38%);--theme-error-inverted-active-color-cg-blue:hsl(0, 70%, 36%);--theme-on-error-color-cg-blue:hsl(0, 100%, 95%);--theme-on-error-inverted-color-cg-blue:hsl(0, 100%, 95%);--theme-error-secondary-color-cg-blue:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-cg-blue:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-cg-blue:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-cg-blue:hsl(0, 70%, 30%);--theme-error-text-color-cg-blue:hsl(0, 70%, 90%);--theme-success-color-cg-blue:hsl(142, 50%, 35%);--theme-success-hover-color-cg-blue:hsl(142, 50%, 33.25%);--theme-success-active-color-cg-blue:hsl(142, 50%, 31.5%);--theme-success-inverted-color-cg-blue:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-cg-blue:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-cg-blue:hsl(142, 50%, 31.5%);--theme-on-success-color-cg-blue:hsl(142, 70%, 95%);--theme-on-success-inverted-color-cg-blue:hsl(142, 70%, 95%);--theme-success-secondary-color-cg-blue:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-cg-blue:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-cg-blue:hsl(142, 70%, 81%);--theme-on-success-secondary-color-cg-blue:hsl(142, 50%, 25%);--theme-success-text-color-cg-blue:hsl(142, 50%, 85%);--theme-warning-color-cg-blue:hsl(45, 100%, 68%);--theme-on-warning-color-cg-blue:hsl(45, 100%, 95%);--theme-link-color-cg-blue:#60a5fa;--theme-link-hover-color-cg-blue:#93c5fd;--theme-link-active-color-cg-blue:#bfdbfe;--theme-primary-color-cyan:hsl(187, 47%, 55%);--theme-primary-hover-color-cyan:hsl(187, 47%, 59.5%);--theme-primary-active-color-cyan:hsl(187, 47%, 64%);--theme-primary-inverted-color-cyan:hsl(187, 47%, 55%);--theme-primary-inverted-hover-color-cyan:hsl(187, 47%, 49.5%);--theme-primary-inverted-active-color-cyan:hsl(187, 47%, 44%);--theme-on-primary-color-cyan:#fefefd;--theme-on-primary-inverted-color-cyan:#fefefd;--theme-primary-text-color-cyan:hsl(187, 47%, 91%);--theme-secondary-color-cyan:hsl(187, 37.6%, 68.5%);--theme-secondary-hover-color-cyan:hsl(187, 37.6%, 71.65%);--theme-secondary-active-color-cyan:hsl(187, 37.6%, 74.8%);--theme-secondary-inverted-color-cyan:hsl(187, 28.2%, 93.25%);--theme-secondary-inverted-hover-color-cyan:hsl(187, 28.2%, 88.5875%);--theme-secondary-inverted-active-color-cyan:hsl(187, 28.2%, 83.925%);--theme-on-secondary-color-cyan:hsl(187, 47%, 27.5%);--theme-on-secondary-inverted-color-cyan:hsl(187, 47%, 38.5%);--theme-default-color-cyan:#2c2c2e;--theme-on-default-color-cyan:#fefefd;--theme-inverted-color-cyan:#fefefd;--theme-on-inverted-color-cyan:#2c2c2e;--theme-surface-color-cyan:hsl(187, 23.5%, 61.75%);--theme-surface-hover-color-cyan:hsl(187, 23.5%, 63.6625%);--theme-surface-active-color-cyan:hsl(187, 23.5%, 65.575%);--theme-surface-inverted-color-cyan:hsl(187, 18.8%, 95.5%);--theme-surface-inverted-hover-color-cyan:hsl(187, 18.8%, 90.725%);--theme-surface-inverted-active-color-cyan:hsl(187, 18.8%, 85.95%);--theme-backdrop-color-cyan:rgba(0, 0, 0, 0.7);--theme-overlay-color-cyan:rgba(255, 255, 255, 0.06);--theme-modal-color-cyan:#262626;--theme-skeleton-color-cyan:#3a3a3a;--theme-on-skeleton-color-cyan:#4a4a4a;--theme-muted-color-cyan:hsl(0, 0%, 92%);--theme-placeholder-color-cyan:hsl(0, 0%, 76%);--theme-disabled-color-cyan:hsl(0, 0%, 35%);--theme-on-disabled-color-cyan:hsl(0, 0%, 85%);--theme-divider-color-cyan:hsl(187, 9.4%, 88.75%);--theme-divider-hover-color-cyan:hsl(187, 9.4%, 89.3125%);--theme-divider-active-color-cyan:hsl(187, 9.4%, 89.875%);--theme-divider-disabled-color-cyan:hsl(0, 0%, 45%);--theme-focus-ring-color-cyan:hsla(187, 47%, 55%, 0.9);--theme-shadow-color-cyan:rgba(0, 0, 0, 0.4);--theme-error-color-cyan:hsl(0, 70%, 40%);--theme-error-hover-color-cyan:hsl(0, 70%, 38%);--theme-error-active-color-cyan:hsl(0, 70%, 36%);--theme-error-inverted-color-cyan:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-cyan:hsl(0, 70%, 38%);--theme-error-inverted-active-color-cyan:hsl(0, 70%, 36%);--theme-on-error-color-cyan:hsl(0, 100%, 95%);--theme-on-error-inverted-color-cyan:hsl(0, 100%, 95%);--theme-error-secondary-color-cyan:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-cyan:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-cyan:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-cyan:hsl(0, 70%, 30%);--theme-error-text-color-cyan:hsl(0, 70%, 90%);--theme-success-color-cyan:hsl(142, 50%, 35%);--theme-success-hover-color-cyan:hsl(142, 50%, 33.25%);--theme-success-active-color-cyan:hsl(142, 50%, 31.5%);--theme-success-inverted-color-cyan:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-cyan:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-cyan:hsl(142, 50%, 31.5%);--theme-on-success-color-cyan:hsl(142, 70%, 95%);--theme-on-success-inverted-color-cyan:hsl(142, 70%, 95%);--theme-success-secondary-color-cyan:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-cyan:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-cyan:hsl(142, 70%, 81%);--theme-on-success-secondary-color-cyan:hsl(142, 50%, 25%);--theme-success-text-color-cyan:hsl(142, 50%, 85%);--theme-warning-color-cyan:hsl(45, 100%, 68%);--theme-on-warning-color-cyan:hsl(45, 100%, 95%);--theme-link-color-cyan:#60a5fa;--theme-link-hover-color-cyan:#93c5fd;--theme-link-active-color-cyan:#bfdbfe;--theme-primary-color-teal:hsl(174, 63%, 40%);--theme-primary-hover-color-teal:hsl(174, 63%, 46%);--theme-primary-active-color-teal:hsl(174, 63%, 52%);--theme-primary-inverted-color-teal:hsl(174, 63%, 40%);--theme-primary-inverted-hover-color-teal:hsl(174, 63%, 36%);--theme-primary-inverted-active-color-teal:hsl(174, 63%, 32%);--theme-on-primary-color-teal:#fefefd;--theme-on-primary-inverted-color-teal:#fefefd;--theme-primary-text-color-teal:hsl(174, 63%, 88%);--theme-secondary-color-teal:hsl(174, 50.4%, 58%);--theme-secondary-hover-color-teal:hsl(174, 50.4%, 62.2%);--theme-secondary-active-color-teal:hsl(174, 50.4%, 66.4%);--theme-secondary-inverted-color-teal:hsl(174, 37.8%, 91%);--theme-secondary-inverted-hover-color-teal:hsl(174, 37.8%, 86.45%);--theme-secondary-inverted-active-color-teal:hsl(174, 37.8%, 81.9%);--theme-on-secondary-color-teal:hsl(174, 63%, 20%);--theme-on-secondary-inverted-color-teal:hsl(174, 63%, 28%);--theme-default-color-teal:#2c2c2e;--theme-on-default-color-teal:#fefefd;--theme-inverted-color-teal:#fefefd;--theme-on-inverted-color-teal:#2c2c2e;--theme-surface-color-teal:hsl(174, 31.5%, 49%);--theme-surface-hover-color-teal:hsl(174, 31.5%, 51.55%);--theme-surface-active-color-teal:hsl(174, 31.5%, 54.1%);--theme-surface-inverted-color-teal:hsl(174, 25.2%, 94%);--theme-surface-inverted-hover-color-teal:hsl(174, 25.2%, 89.3%);--theme-surface-inverted-active-color-teal:hsl(174, 25.2%, 84.6%);--theme-backdrop-color-teal:rgba(0, 0, 0, 0.7);--theme-overlay-color-teal:rgba(255, 255, 255, 0.06);--theme-modal-color-teal:#262626;--theme-skeleton-color-teal:#3a3a3a;--theme-on-skeleton-color-teal:#4a4a4a;--theme-muted-color-teal:hsl(0, 0%, 92%);--theme-placeholder-color-teal:hsl(0, 0%, 76%);--theme-disabled-color-teal:hsl(0, 0%, 35%);--theme-on-disabled-color-teal:hsl(0, 0%, 85%);--theme-divider-color-teal:hsl(174, 12.6%, 85%);--theme-divider-hover-color-teal:hsl(174, 12.6%, 85.75%);--theme-divider-active-color-teal:hsl(174, 12.6%, 86.5%);--theme-divider-disabled-color-teal:hsl(0, 0%, 45%);--theme-focus-ring-color-teal:hsla(174, 63%, 40%, 0.9);--theme-shadow-color-teal:rgba(0, 0, 0, 0.4);--theme-error-color-teal:hsl(0, 70%, 40%);--theme-error-hover-color-teal:hsl(0, 70%, 38%);--theme-error-active-color-teal:hsl(0, 70%, 36%);--theme-error-inverted-color-teal:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-teal:hsl(0, 70%, 38%);--theme-error-inverted-active-color-teal:hsl(0, 70%, 36%);--theme-on-error-color-teal:hsl(0, 100%, 95%);--theme-on-error-inverted-color-teal:hsl(0, 100%, 95%);--theme-error-secondary-color-teal:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-teal:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-teal:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-teal:hsl(0, 70%, 30%);--theme-error-text-color-teal:hsl(0, 70%, 90%);--theme-success-color-teal:hsl(142, 50%, 35%);--theme-success-hover-color-teal:hsl(142, 50%, 33.25%);--theme-success-active-color-teal:hsl(142, 50%, 31.5%);--theme-success-inverted-color-teal:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-teal:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-teal:hsl(142, 50%, 31.5%);--theme-on-success-color-teal:hsl(142, 70%, 95%);--theme-on-success-inverted-color-teal:hsl(142, 70%, 95%);--theme-success-secondary-color-teal:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-teal:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-teal:hsl(142, 70%, 81%);--theme-on-success-secondary-color-teal:hsl(142, 50%, 25%);--theme-success-text-color-teal:hsl(142, 50%, 85%);--theme-warning-color-teal:hsl(45, 100%, 68%);--theme-on-warning-color-teal:hsl(45, 100%, 95%);--theme-link-color-teal:#60a5fa;--theme-link-hover-color-teal:#93c5fd;--theme-link-active-color-teal:#bfdbfe;--theme-primary-color-pink:hsl(340, 82%, 67%);--theme-primary-hover-color-pink:hsl(340, 82%, 70.3%);--theme-primary-active-color-pink:hsl(340, 82%, 73.6%);--theme-primary-inverted-color-pink:hsl(340, 82%, 67%);--theme-primary-inverted-hover-color-pink:hsl(340, 82%, 60.3%);--theme-primary-inverted-active-color-pink:hsl(340, 82%, 53.6%);--theme-on-primary-color-pink:#fefefd;--theme-on-primary-inverted-color-pink:#fefefd;--theme-primary-text-color-pink:hsl(340, 82%, 93.4%);--theme-secondary-color-pink:hsl(340, 65.6%, 76.9%);--theme-secondary-hover-color-pink:hsl(340, 65.6%, 79.21%);--theme-secondary-active-color-pink:hsl(340, 65.6%, 81.52%);--theme-secondary-inverted-color-pink:hsl(340, 49.2%, 95.05%);--theme-secondary-inverted-hover-color-pink:hsl(340, 49.2%, 90.2975%);--theme-secondary-inverted-active-color-pink:hsl(340, 49.2%, 85.545%);--theme-on-secondary-color-pink:hsl(340, 82%, 33.5%);--theme-on-secondary-inverted-color-pink:hsl(340, 82%, 46.9%);--theme-default-color-pink:#2c2c2e;--theme-on-default-color-pink:#fefefd;--theme-inverted-color-pink:#fefefd;--theme-on-inverted-color-pink:#2c2c2e;--theme-surface-color-pink:hsl(340, 41%, 71.95%);--theme-surface-hover-color-pink:hsl(340, 41%, 73.3525%);--theme-surface-active-color-pink:hsl(340, 41%, 74.755%);--theme-surface-inverted-color-pink:hsl(340, 32.8%, 96.7%);--theme-surface-inverted-hover-color-pink:hsl(340, 32.8%, 91.865%);--theme-surface-inverted-active-color-pink:hsl(340, 32.8%, 87.03%);--theme-backdrop-color-pink:rgba(0, 0, 0, 0.7);--theme-overlay-color-pink:rgba(255, 255, 255, 0.06);--theme-modal-color-pink:#262626;--theme-skeleton-color-pink:#3a3a3a;--theme-on-skeleton-color-pink:#4a4a4a;--theme-muted-color-pink:hsl(0, 0%, 92%);--theme-placeholder-color-pink:hsl(0, 0%, 76%);--theme-disabled-color-pink:hsl(0, 0%, 35%);--theme-on-disabled-color-pink:hsl(0, 0%, 85%);--theme-divider-color-pink:hsl(340, 16.4%, 91.75%);--theme-divider-hover-color-pink:hsl(340, 16.4%, 92.1625%);--theme-divider-active-color-pink:hsl(340, 16.4%, 92.575%);--theme-divider-disabled-color-pink:hsl(0, 0%, 45%);--theme-focus-ring-color-pink:hsla(340, 82%, 67%, 0.9);--theme-shadow-color-pink:rgba(0, 0, 0, 0.4);--theme-error-color-pink:hsl(0, 70%, 40%);--theme-error-hover-color-pink:hsl(0, 70%, 38%);--theme-error-active-color-pink:hsl(0, 70%, 36%);--theme-error-inverted-color-pink:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-pink:hsl(0, 70%, 38%);--theme-error-inverted-active-color-pink:hsl(0, 70%, 36%);--theme-on-error-color-pink:hsl(0, 100%, 95%);--theme-on-error-inverted-color-pink:hsl(0, 100%, 95%);--theme-error-secondary-color-pink:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-pink:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-pink:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-pink:hsl(0, 70%, 30%);--theme-error-text-color-pink:hsl(0, 70%, 90%);--theme-success-color-pink:hsl(142, 50%, 35%);--theme-success-hover-color-pink:hsl(142, 50%, 33.25%);--theme-success-active-color-pink:hsl(142, 50%, 31.5%);--theme-success-inverted-color-pink:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-pink:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-pink:hsl(142, 50%, 31.5%);--theme-on-success-color-pink:hsl(142, 70%, 95%);--theme-on-success-inverted-color-pink:hsl(142, 70%, 95%);--theme-success-secondary-color-pink:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-pink:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-pink:hsl(142, 70%, 81%);--theme-on-success-secondary-color-pink:hsl(142, 50%, 25%);--theme-success-text-color-pink:hsl(142, 50%, 85%);--theme-warning-color-pink:hsl(45, 100%, 68%);--theme-on-warning-color-pink:hsl(45, 100%, 95%);--theme-link-color-pink:#60a5fa;--theme-link-hover-color-pink:#93c5fd;--theme-link-active-color-pink:#bfdbfe;--theme-primary-color-rose:hsl(347, 77%, 61%);--theme-primary-hover-color-rose:hsl(347, 77%, 64.9%);--theme-primary-active-color-rose:hsl(347, 77%, 68.8%);--theme-primary-inverted-color-rose:hsl(347, 77%, 61%);--theme-primary-inverted-hover-color-rose:hsl(347, 77%, 54.9%);--theme-primary-inverted-active-color-rose:hsl(347, 77%, 48.8%);--theme-on-primary-color-rose:#fefefd;--theme-on-primary-inverted-color-rose:#fefefd;--theme-primary-text-color-rose:hsl(347, 77%, 92.2%);--theme-secondary-color-rose:hsl(347, 61.6%, 72.7%);--theme-secondary-hover-color-rose:hsl(347, 61.6%, 75.43%);--theme-secondary-active-color-rose:hsl(347, 61.6%, 78.16%);--theme-secondary-inverted-color-rose:hsl(347, 46.2%, 94.15%);--theme-secondary-inverted-hover-color-rose:hsl(347, 46.2%, 89.4425%);--theme-secondary-inverted-active-color-rose:hsl(347, 46.2%, 84.735%);--theme-on-secondary-color-rose:hsl(347, 77%, 30.5%);--theme-on-secondary-inverted-color-rose:hsl(347, 77%, 42.7%);--theme-default-color-rose:#2c2c2e;--theme-on-default-color-rose:#fefefd;--theme-inverted-color-rose:#fefefd;--theme-on-inverted-color-rose:#2c2c2e;--theme-surface-color-rose:hsl(347, 38.5%, 66.85%);--theme-surface-hover-color-rose:hsl(347, 38.5%, 68.5075%);--theme-surface-active-color-rose:hsl(347, 38.5%, 70.165%);--theme-surface-inverted-color-rose:hsl(347, 30.8%, 96.1%);--theme-surface-inverted-hover-color-rose:hsl(347, 30.8%, 91.295%);--theme-surface-inverted-active-color-rose:hsl(347, 30.8%, 86.49%);--theme-backdrop-color-rose:rgba(0, 0, 0, 0.7);--theme-overlay-color-rose:rgba(255, 255, 255, 0.06);--theme-modal-color-rose:#262626;--theme-skeleton-color-rose:#3a3a3a;--theme-on-skeleton-color-rose:#4a4a4a;--theme-muted-color-rose:hsl(0, 0%, 92%);--theme-placeholder-color-rose:hsl(0, 0%, 76%);--theme-disabled-color-rose:hsl(0, 0%, 35%);--theme-on-disabled-color-rose:hsl(0, 0%, 85%);--theme-divider-color-rose:hsl(347, 15.4%, 90.25%);--theme-divider-hover-color-rose:hsl(347, 15.4%, 90.7375%);--theme-divider-active-color-rose:hsl(347, 15.4%, 91.225%);--theme-divider-disabled-color-rose:hsl(0, 0%, 45%);--theme-focus-ring-color-rose:hsla(347, 77%, 61%, 0.9);--theme-shadow-color-rose:rgba(0, 0, 0, 0.4);--theme-error-color-rose:hsl(0, 70%, 40%);--theme-error-hover-color-rose:hsl(0, 70%, 38%);--theme-error-active-color-rose:hsl(0, 70%, 36%);--theme-error-inverted-color-rose:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-rose:hsl(0, 70%, 38%);--theme-error-inverted-active-color-rose:hsl(0, 70%, 36%);--theme-on-error-color-rose:hsl(0, 100%, 95%);--theme-on-error-inverted-color-rose:hsl(0, 100%, 95%);--theme-error-secondary-color-rose:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-rose:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-rose:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-rose:hsl(0, 70%, 30%);--theme-error-text-color-rose:hsl(0, 70%, 90%);--theme-success-color-rose:hsl(142, 50%, 35%);--theme-success-hover-color-rose:hsl(142, 50%, 33.25%);--theme-success-active-color-rose:hsl(142, 50%, 31.5%);--theme-success-inverted-color-rose:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-rose:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-rose:hsl(142, 50%, 31.5%);--theme-on-success-color-rose:hsl(142, 70%, 95%);--theme-on-success-inverted-color-rose:hsl(142, 70%, 95%);--theme-success-secondary-color-rose:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-rose:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-rose:hsl(142, 70%, 81%);--theme-on-success-secondary-color-rose:hsl(142, 50%, 25%);--theme-success-text-color-rose:hsl(142, 50%, 85%);--theme-warning-color-rose:hsl(45, 100%, 68%);--theme-on-warning-color-rose:hsl(45, 100%, 95%);--theme-link-color-rose:#60a5fa;--theme-link-hover-color-rose:#93c5fd;--theme-link-active-color-rose:#bfdbfe;--theme-primary-color-orange:hsl(28, 85%, 55%);--theme-primary-hover-color-orange:hsl(28, 85%, 59.5%);--theme-primary-active-color-orange:hsl(28, 85%, 64%);--theme-primary-inverted-color-orange:hsl(28, 85%, 55%);--theme-primary-inverted-hover-color-orange:hsl(28, 85%, 49.5%);--theme-primary-inverted-active-color-orange:hsl(28, 85%, 44%);--theme-on-primary-color-orange:#fefefd;--theme-on-primary-inverted-color-orange:#fefefd;--theme-primary-text-color-orange:hsl(28, 85%, 91%);--theme-secondary-color-orange:hsl(28, 68%, 68.5%);--theme-secondary-hover-color-orange:hsl(28, 68%, 71.65%);--theme-secondary-active-color-orange:hsl(28, 68%, 74.8%);--theme-secondary-inverted-color-orange:hsl(28, 51%, 93.25%);--theme-secondary-inverted-hover-color-orange:hsl(28, 51%, 88.5875%);--theme-secondary-inverted-active-color-orange:hsl(28, 51%, 83.925%);--theme-on-secondary-color-orange:hsl(28, 85%, 27.5%);--theme-on-secondary-inverted-color-orange:hsl(28, 85%, 38.5%);--theme-default-color-orange:#2c2c2e;--theme-on-default-color-orange:#fefefd;--theme-inverted-color-orange:#fefefd;--theme-on-inverted-color-orange:#2c2c2e;--theme-surface-color-orange:hsl(28, 42.5%, 61.75%);--theme-surface-hover-color-orange:hsl(28, 42.5%, 63.6625%);--theme-surface-active-color-orange:hsl(28, 42.5%, 65.575%);--theme-surface-inverted-color-orange:hsl(28, 34%, 95.5%);--theme-surface-inverted-hover-color-orange:hsl(28, 34%, 90.725%);--theme-surface-inverted-active-color-orange:hsl(28, 34%, 85.95%);--theme-backdrop-color-orange:rgba(0, 0, 0, 0.7);--theme-overlay-color-orange:rgba(255, 255, 255, 0.06);--theme-modal-color-orange:#262626;--theme-skeleton-color-orange:#3a3a3a;--theme-on-skeleton-color-orange:#4a4a4a;--theme-muted-color-orange:hsl(0, 0%, 92%);--theme-placeholder-color-orange:hsl(0, 0%, 76%);--theme-disabled-color-orange:hsl(0, 0%, 35%);--theme-on-disabled-color-orange:hsl(0, 0%, 85%);--theme-divider-color-orange:hsl(28, 17%, 88.75%);--theme-divider-hover-color-orange:hsl(28, 17%, 89.3125%);--theme-divider-active-color-orange:hsl(28, 17%, 89.875%);--theme-divider-disabled-color-orange:hsl(0, 0%, 45%);--theme-focus-ring-color-orange:hsla(28, 85%, 55%, 0.9);--theme-shadow-color-orange:rgba(0, 0, 0, 0.4);--theme-error-color-orange:hsl(0, 70%, 40%);--theme-error-hover-color-orange:hsl(0, 70%, 38%);--theme-error-active-color-orange:hsl(0, 70%, 36%);--theme-error-inverted-color-orange:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-orange:hsl(0, 70%, 38%);--theme-error-inverted-active-color-orange:hsl(0, 70%, 36%);--theme-on-error-color-orange:hsl(0, 100%, 95%);--theme-on-error-inverted-color-orange:hsl(0, 100%, 95%);--theme-error-secondary-color-orange:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-orange:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-orange:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-orange:hsl(0, 70%, 30%);--theme-error-text-color-orange:hsl(0, 70%, 90%);--theme-success-color-orange:hsl(142, 50%, 35%);--theme-success-hover-color-orange:hsl(142, 50%, 33.25%);--theme-success-active-color-orange:hsl(142, 50%, 31.5%);--theme-success-inverted-color-orange:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-orange:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-orange:hsl(142, 50%, 31.5%);--theme-on-success-color-orange:hsl(142, 70%, 95%);--theme-on-success-inverted-color-orange:hsl(142, 70%, 95%);--theme-success-secondary-color-orange:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-orange:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-orange:hsl(142, 70%, 81%);--theme-on-success-secondary-color-orange:hsl(142, 50%, 25%);--theme-success-text-color-orange:hsl(142, 50%, 85%);--theme-warning-color-orange:hsl(45, 100%, 68%);--theme-on-warning-color-orange:hsl(45, 100%, 95%);--theme-link-color-orange:#60a5fa;--theme-link-hover-color-orange:#93c5fd;--theme-link-active-color-orange:#bfdbfe;--theme-primary-color-amber:hsl(42, 90%, 55%);--theme-primary-hover-color-amber:hsl(42, 90%, 59.5%);--theme-primary-active-color-amber:hsl(42, 90%, 64%);--theme-primary-inverted-color-amber:hsl(42, 90%, 55%);--theme-primary-inverted-hover-color-amber:hsl(42, 90%, 49.5%);--theme-primary-inverted-active-color-amber:hsl(42, 90%, 44%);--theme-on-primary-color-amber:#fefefd;--theme-on-primary-inverted-color-amber:#fefefd;--theme-primary-text-color-amber:hsl(42, 90%, 91%);--theme-secondary-color-amber:hsl(42, 72%, 68.5%);--theme-secondary-hover-color-amber:hsl(42, 72%, 71.65%);--theme-secondary-active-color-amber:hsl(42, 72%, 74.8%);--theme-secondary-inverted-color-amber:hsl(42, 54%, 93.25%);--theme-secondary-inverted-hover-color-amber:hsl(42, 54%, 88.5875%);--theme-secondary-inverted-active-color-amber:hsl(42, 54%, 83.925%);--theme-on-secondary-color-amber:hsl(42, 90%, 27.5%);--theme-on-secondary-inverted-color-amber:hsl(42, 90%, 38.5%);--theme-default-color-amber:#2c2c2e;--theme-on-default-color-amber:#fefefd;--theme-inverted-color-amber:#fefefd;--theme-on-inverted-color-amber:#2c2c2e;--theme-surface-color-amber:hsl(42, 45%, 61.75%);--theme-surface-hover-color-amber:hsl(42, 45%, 63.6625%);--theme-surface-active-color-amber:hsl(42, 45%, 65.575%);--theme-surface-inverted-color-amber:hsl(42, 36%, 95.5%);--theme-surface-inverted-hover-color-amber:hsl(42, 36%, 90.725%);--theme-surface-inverted-active-color-amber:hsl(42, 36%, 85.95%);--theme-backdrop-color-amber:rgba(0, 0, 0, 0.7);--theme-overlay-color-amber:rgba(255, 255, 255, 0.06);--theme-modal-color-amber:#262626;--theme-skeleton-color-amber:#3a3a3a;--theme-on-skeleton-color-amber:#4a4a4a;--theme-muted-color-amber:hsl(0, 0%, 92%);--theme-placeholder-color-amber:hsl(0, 0%, 76%);--theme-disabled-color-amber:hsl(0, 0%, 35%);--theme-on-disabled-color-amber:hsl(0, 0%, 85%);--theme-divider-color-amber:hsl(42, 18%, 88.75%);--theme-divider-hover-color-amber:hsl(42, 18%, 89.3125%);--theme-divider-active-color-amber:hsl(42, 18%, 89.875%);--theme-divider-disabled-color-amber:hsl(0, 0%, 45%);--theme-focus-ring-color-amber:hsla(42, 90%, 55%, 0.9);--theme-shadow-color-amber:rgba(0, 0, 0, 0.4);--theme-error-color-amber:hsl(0, 70%, 40%);--theme-error-hover-color-amber:hsl(0, 70%, 38%);--theme-error-active-color-amber:hsl(0, 70%, 36%);--theme-error-inverted-color-amber:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-amber:hsl(0, 70%, 38%);--theme-error-inverted-active-color-amber:hsl(0, 70%, 36%);--theme-on-error-color-amber:hsl(0, 100%, 95%);--theme-on-error-inverted-color-amber:hsl(0, 100%, 95%);--theme-error-secondary-color-amber:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-amber:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-amber:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-amber:hsl(0, 70%, 30%);--theme-error-text-color-amber:hsl(0, 70%, 90%);--theme-success-color-amber:hsl(142, 50%, 35%);--theme-success-hover-color-amber:hsl(142, 50%, 33.25%);--theme-success-active-color-amber:hsl(142, 50%, 31.5%);--theme-success-inverted-color-amber:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-amber:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-amber:hsl(142, 50%, 31.5%);--theme-on-success-color-amber:hsl(142, 70%, 95%);--theme-on-success-inverted-color-amber:hsl(142, 70%, 95%);--theme-success-secondary-color-amber:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-amber:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-amber:hsl(142, 70%, 81%);--theme-on-success-secondary-color-amber:hsl(142, 50%, 25%);--theme-success-text-color-amber:hsl(142, 50%, 85%);--theme-warning-color-amber:hsl(45, 100%, 68%);--theme-on-warning-color-amber:hsl(45, 100%, 95%);--theme-link-color-amber:#60a5fa;--theme-link-hover-color-amber:#93c5fd;--theme-link-active-color-amber:#bfdbfe;--theme-primary-color-green:hsl(152, 47%, 45%);--theme-primary-hover-color-green:hsl(152, 47%, 50.5%);--theme-primary-active-color-green:hsl(152, 47%, 56%);--theme-primary-inverted-color-green:hsl(152, 47%, 45%);--theme-primary-inverted-hover-color-green:hsl(152, 47%, 40.5%);--theme-primary-inverted-active-color-green:hsl(152, 47%, 36%);--theme-on-primary-color-green:#fefefd;--theme-on-primary-inverted-color-green:#fefefd;--theme-primary-text-color-green:hsl(152, 47%, 89%);--theme-secondary-color-green:hsl(152, 37.6%, 61.5%);--theme-secondary-hover-color-green:hsl(152, 37.6%, 65.35%);--theme-secondary-active-color-green:hsl(152, 37.6%, 69.2%);--theme-secondary-inverted-color-green:hsl(152, 28.2%, 91.75%);--theme-secondary-inverted-hover-color-green:hsl(152, 28.2%, 87.1625%);--theme-secondary-inverted-active-color-green:hsl(152, 28.2%, 82.575%);--theme-on-secondary-color-green:hsl(152, 47%, 22.5%);--theme-on-secondary-inverted-color-green:hsl(152, 47%, 31.5%);--theme-default-color-green:#2c2c2e;--theme-on-default-color-green:#fefefd;--theme-inverted-color-green:#fefefd;--theme-on-inverted-color-green:#2c2c2e;--theme-surface-color-green:hsl(152, 23.5%, 53.25%);--theme-surface-hover-color-green:hsl(152, 23.5%, 55.5875%);--theme-surface-active-color-green:hsl(152, 23.5%, 57.925%);--theme-surface-inverted-color-green:hsl(152, 18.8%, 94.5%);--theme-surface-inverted-hover-color-green:hsl(152, 18.8%, 89.775%);--theme-surface-inverted-active-color-green:hsl(152, 18.8%, 85.05%);--theme-backdrop-color-green:rgba(0, 0, 0, 0.7);--theme-overlay-color-green:rgba(255, 255, 255, 0.06);--theme-modal-color-green:#262626;--theme-skeleton-color-green:#3a3a3a;--theme-on-skeleton-color-green:#4a4a4a;--theme-muted-color-green:hsl(0, 0%, 92%);--theme-placeholder-color-green:hsl(0, 0%, 76%);--theme-disabled-color-green:hsl(0, 0%, 35%);--theme-on-disabled-color-green:hsl(0, 0%, 85%);--theme-divider-color-green:hsl(152, 9.4%, 86.25%);--theme-divider-hover-color-green:hsl(152, 9.4%, 86.9375%);--theme-divider-active-color-green:hsl(152, 9.4%, 87.625%);--theme-divider-disabled-color-green:hsl(0, 0%, 45%);--theme-focus-ring-color-green:hsla(152, 47%, 45%, 0.9);--theme-shadow-color-green:rgba(0, 0, 0, 0.4);--theme-error-color-green:hsl(0, 70%, 40%);--theme-error-hover-color-green:hsl(0, 70%, 38%);--theme-error-active-color-green:hsl(0, 70%, 36%);--theme-error-inverted-color-green:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-green:hsl(0, 70%, 38%);--theme-error-inverted-active-color-green:hsl(0, 70%, 36%);--theme-on-error-color-green:hsl(0, 100%, 95%);--theme-on-error-inverted-color-green:hsl(0, 100%, 95%);--theme-error-secondary-color-green:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-green:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-green:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-green:hsl(0, 70%, 30%);--theme-error-text-color-green:hsl(0, 70%, 90%);--theme-success-color-green:hsl(142, 50%, 35%);--theme-success-hover-color-green:hsl(142, 50%, 33.25%);--theme-success-active-color-green:hsl(142, 50%, 31.5%);--theme-success-inverted-color-green:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-green:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-green:hsl(142, 50%, 31.5%);--theme-on-success-color-green:hsl(142, 70%, 95%);--theme-on-success-inverted-color-green:hsl(142, 70%, 95%);--theme-success-secondary-color-green:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-green:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-green:hsl(142, 70%, 81%);--theme-on-success-secondary-color-green:hsl(142, 50%, 25%);--theme-success-text-color-green:hsl(142, 50%, 85%);--theme-warning-color-green:hsl(45, 100%, 68%);--theme-on-warning-color-green:hsl(45, 100%, 95%);--theme-link-color-green:#60a5fa;--theme-link-hover-color-green:#93c5fd;--theme-link-active-color-green:#bfdbfe;--theme-primary-color-olive:hsl(88, 30%, 40%);--theme-primary-hover-color-olive:hsl(88, 30%, 46%);--theme-primary-active-color-olive:hsl(88, 30%, 52%);--theme-primary-inverted-color-olive:hsl(88, 30%, 40%);--theme-primary-inverted-hover-color-olive:hsl(88, 30%, 36%);--theme-primary-inverted-active-color-olive:hsl(88, 30%, 32%);--theme-on-primary-color-olive:#fefefd;--theme-on-primary-inverted-color-olive:#fefefd;--theme-primary-text-color-olive:hsl(88, 30%, 88%);--theme-secondary-color-olive:hsl(88, 24%, 58%);--theme-secondary-hover-color-olive:hsl(88, 24%, 62.2%);--theme-secondary-active-color-olive:hsl(88, 24%, 66.4%);--theme-secondary-inverted-color-olive:hsl(88, 18%, 91%);--theme-secondary-inverted-hover-color-olive:hsl(88, 18%, 86.45%);--theme-secondary-inverted-active-color-olive:hsl(88, 18%, 81.9%);--theme-on-secondary-color-olive:hsl(88, 30%, 20%);--theme-on-secondary-inverted-color-olive:hsl(88, 30%, 28%);--theme-default-color-olive:#2c2c2e;--theme-on-default-color-olive:#fefefd;--theme-inverted-color-olive:#fefefd;--theme-on-inverted-color-olive:#2c2c2e;--theme-surface-color-olive:hsl(88, 15%, 49%);--theme-surface-hover-color-olive:hsl(88, 15%, 51.55%);--theme-surface-active-color-olive:hsl(88, 15%, 54.1%);--theme-surface-inverted-color-olive:hsl(88, 12%, 94%);--theme-surface-inverted-hover-color-olive:hsl(88, 12%, 89.3%);--theme-surface-inverted-active-color-olive:hsl(88, 12%, 84.6%);--theme-backdrop-color-olive:rgba(0, 0, 0, 0.7);--theme-overlay-color-olive:rgba(255, 255, 255, 0.06);--theme-modal-color-olive:#262626;--theme-skeleton-color-olive:#3a3a3a;--theme-on-skeleton-color-olive:#4a4a4a;--theme-muted-color-olive:hsl(0, 0%, 92%);--theme-placeholder-color-olive:hsl(0, 0%, 76%);--theme-disabled-color-olive:hsl(0, 0%, 35%);--theme-on-disabled-color-olive:hsl(0, 0%, 85%);--theme-divider-color-olive:hsl(88, 6%, 85%);--theme-divider-hover-color-olive:hsl(88, 6%, 85.75%);--theme-divider-active-color-olive:hsl(88, 6%, 86.5%);--theme-divider-disabled-color-olive:hsl(0, 0%, 45%);--theme-focus-ring-color-olive:hsla(88, 30%, 40%, 0.9);--theme-shadow-color-olive:rgba(0, 0, 0, 0.4);--theme-error-color-olive:hsl(0, 70%, 40%);--theme-error-hover-color-olive:hsl(0, 70%, 38%);--theme-error-active-color-olive:hsl(0, 70%, 36%);--theme-error-inverted-color-olive:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-olive:hsl(0, 70%, 38%);--theme-error-inverted-active-color-olive:hsl(0, 70%, 36%);--theme-on-error-color-olive:hsl(0, 100%, 95%);--theme-on-error-inverted-color-olive:hsl(0, 100%, 95%);--theme-error-secondary-color-olive:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-olive:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-olive:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-olive:hsl(0, 70%, 30%);--theme-error-text-color-olive:hsl(0, 70%, 90%);--theme-success-color-olive:hsl(142, 50%, 35%);--theme-success-hover-color-olive:hsl(142, 50%, 33.25%);--theme-success-active-color-olive:hsl(142, 50%, 31.5%);--theme-success-inverted-color-olive:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-olive:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-olive:hsl(142, 50%, 31.5%);--theme-on-success-color-olive:hsl(142, 70%, 95%);--theme-on-success-inverted-color-olive:hsl(142, 70%, 95%);--theme-success-secondary-color-olive:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-olive:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-olive:hsl(142, 70%, 81%);--theme-on-success-secondary-color-olive:hsl(142, 50%, 25%);--theme-success-text-color-olive:hsl(142, 50%, 85%);--theme-warning-color-olive:hsl(45, 100%, 68%);--theme-on-warning-color-olive:hsl(45, 100%, 95%);--theme-link-color-olive:#60a5fa;--theme-link-hover-color-olive:#93c5fd;--theme-link-active-color-olive:#bfdbfe;--theme-primary-color-basil:hsl(158, 34.8%, 30.8%);--theme-primary-hover-color-basil:hsl(158, 34.8%, 37.72%);--theme-primary-active-color-basil:hsl(158, 34.8%, 44.64%);--theme-primary-inverted-color-basil:hsl(158, 34.8%, 30.8%);--theme-primary-inverted-hover-color-basil:hsl(158, 34.8%, 27.72%);--theme-primary-inverted-active-color-basil:hsl(158, 34.8%, 24.64%);--theme-on-primary-color-basil:#fefefd;--theme-on-primary-inverted-color-basil:#fefefd;--theme-primary-text-color-basil:hsl(158, 34.8%, 86.16%);--theme-secondary-color-basil:hsl(158, 27.84%, 51.56%);--theme-secondary-hover-color-basil:hsl(158, 27.84%, 56.404%);--theme-secondary-active-color-basil:hsl(158, 27.84%, 61.248%);--theme-secondary-inverted-color-basil:hsl(158, 20.88%, 89.62%);--theme-secondary-inverted-hover-color-basil:hsl(158, 20.88%, 85.139%);--theme-secondary-inverted-active-color-basil:hsl(158, 20.88%, 80.658%);--theme-on-secondary-color-basil:hsl(158, 34.8%, 15.4%);--theme-on-secondary-inverted-color-basil:hsl(158, 34.8%, 21.56%);--theme-default-color-basil:#2c2c2e;--theme-on-default-color-basil:#fefefd;--theme-inverted-color-basil:#fefefd;--theme-on-inverted-color-basil:#2c2c2e;--theme-surface-color-basil:hsl(158, 17.4%, 41.18%);--theme-surface-hover-color-basil:hsl(158, 17.4%, 44.121%);--theme-surface-active-color-basil:hsl(158, 17.4%, 47.062%);--theme-surface-inverted-color-basil:hsl(158, 13.92%, 93.08%);--theme-surface-inverted-hover-color-basil:hsl(158, 13.92%, 88.426%);--theme-surface-inverted-active-color-basil:hsl(158, 13.92%, 83.772%);--theme-backdrop-color-basil:rgba(0, 0, 0, 0.7);--theme-overlay-color-basil:rgba(255, 255, 255, 0.06);--theme-modal-color-basil:#262626;--theme-skeleton-color-basil:#3a3a3a;--theme-on-skeleton-color-basil:#4a4a4a;--theme-muted-color-basil:hsl(0, 0%, 92%);--theme-placeholder-color-basil:hsl(0, 0%, 76%);--theme-disabled-color-basil:hsl(0, 0%, 35%);--theme-on-disabled-color-basil:hsl(0, 0%, 85%);--theme-divider-color-basil:hsl(158, 6.96%, 82.7%);--theme-divider-hover-color-basil:hsl(158, 6.96%, 83.565%);--theme-divider-active-color-basil:hsl(158, 6.96%, 84.43%);--theme-divider-disabled-color-basil:hsl(0, 0%, 45%);--theme-focus-ring-color-basil:hsla(158, 34.8%, 30.8%, 0.9);--theme-shadow-color-basil:rgba(0, 0, 0, 0.4);--theme-error-color-basil:hsl(0, 70%, 40%);--theme-error-hover-color-basil:hsl(0, 70%, 38%);--theme-error-active-color-basil:hsl(0, 70%, 36%);--theme-error-inverted-color-basil:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-basil:hsl(0, 70%, 38%);--theme-error-inverted-active-color-basil:hsl(0, 70%, 36%);--theme-on-error-color-basil:hsl(0, 100%, 95%);--theme-on-error-inverted-color-basil:hsl(0, 100%, 95%);--theme-error-secondary-color-basil:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-basil:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-basil:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-basil:hsl(0, 70%, 30%);--theme-error-text-color-basil:hsl(0, 70%, 90%);--theme-success-color-basil:hsl(142, 50%, 35%);--theme-success-hover-color-basil:hsl(142, 50%, 33.25%);--theme-success-active-color-basil:hsl(142, 50%, 31.5%);--theme-success-inverted-color-basil:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-basil:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-basil:hsl(142, 50%, 31.5%);--theme-on-success-color-basil:hsl(142, 70%, 95%);--theme-on-success-inverted-color-basil:hsl(142, 70%, 95%);--theme-success-secondary-color-basil:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-basil:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-basil:hsl(142, 70%, 81%);--theme-on-success-secondary-color-basil:hsl(142, 50%, 25%);--theme-success-text-color-basil:hsl(142, 50%, 85%);--theme-warning-color-basil:hsl(45, 100%, 68%);--theme-on-warning-color-basil:hsl(45, 100%, 95%);--theme-link-color-basil:#60a5fa;--theme-link-hover-color-basil:#93c5fd;--theme-link-active-color-basil:#bfdbfe;--theme-primary-color-brown:hsl(25, 25%, 45%);--theme-primary-hover-color-brown:hsl(25, 25%, 50.5%);--theme-primary-active-color-brown:hsl(25, 25%, 56%);--theme-primary-inverted-color-brown:hsl(25, 25%, 45%);--theme-primary-inverted-hover-color-brown:hsl(25, 25%, 40.5%);--theme-primary-inverted-active-color-brown:hsl(25, 25%, 36%);--theme-on-primary-color-brown:#fefefd;--theme-on-primary-inverted-color-brown:#fefefd;--theme-primary-text-color-brown:hsl(25, 25%, 89%);--theme-secondary-color-brown:hsl(25, 20%, 61.5%);--theme-secondary-hover-color-brown:hsl(25, 20%, 65.35%);--theme-secondary-active-color-brown:hsl(25, 20%, 69.2%);--theme-secondary-inverted-color-brown:hsl(25, 15%, 91.75%);--theme-secondary-inverted-hover-color-brown:hsl(25, 15%, 87.1625%);--theme-secondary-inverted-active-color-brown:hsl(25, 15%, 82.575%);--theme-on-secondary-color-brown:hsl(25, 25%, 22.5%);--theme-on-secondary-inverted-color-brown:hsl(25, 25%, 31.5%);--theme-default-color-brown:#2c2c2e;--theme-on-default-color-brown:#fefefd;--theme-inverted-color-brown:#fefefd;--theme-on-inverted-color-brown:#2c2c2e;--theme-surface-color-brown:hsl(25, 12.5%, 53.25%);--theme-surface-hover-color-brown:hsl(25, 12.5%, 55.5875%);--theme-surface-active-color-brown:hsl(25, 12.5%, 57.925%);--theme-surface-inverted-color-brown:hsl(25, 10%, 94.5%);--theme-surface-inverted-hover-color-brown:hsl(25, 10%, 89.775%);--theme-surface-inverted-active-color-brown:hsl(25, 10%, 85.05%);--theme-backdrop-color-brown:rgba(0, 0, 0, 0.7);--theme-overlay-color-brown:rgba(255, 255, 255, 0.06);--theme-modal-color-brown:#262626;--theme-skeleton-color-brown:#3a3a3a;--theme-on-skeleton-color-brown:#4a4a4a;--theme-muted-color-brown:hsl(0, 0%, 92%);--theme-placeholder-color-brown:hsl(0, 0%, 76%);--theme-disabled-color-brown:hsl(0, 0%, 35%);--theme-on-disabled-color-brown:hsl(0, 0%, 85%);--theme-divider-color-brown:hsl(25, 5%, 86.25%);--theme-divider-hover-color-brown:hsl(25, 5%, 86.9375%);--theme-divider-active-color-brown:hsl(25, 5%, 87.625%);--theme-divider-disabled-color-brown:hsl(0, 0%, 45%);--theme-focus-ring-color-brown:hsla(25, 25%, 45%, 0.9);--theme-shadow-color-brown:rgba(0, 0, 0, 0.4);--theme-error-color-brown:hsl(0, 70%, 40%);--theme-error-hover-color-brown:hsl(0, 70%, 38%);--theme-error-active-color-brown:hsl(0, 70%, 36%);--theme-error-inverted-color-brown:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-brown:hsl(0, 70%, 38%);--theme-error-inverted-active-color-brown:hsl(0, 70%, 36%);--theme-on-error-color-brown:hsl(0, 100%, 95%);--theme-on-error-inverted-color-brown:hsl(0, 100%, 95%);--theme-error-secondary-color-brown:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-brown:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-brown:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-brown:hsl(0, 70%, 30%);--theme-error-text-color-brown:hsl(0, 70%, 90%);--theme-success-color-brown:hsl(142, 50%, 35%);--theme-success-hover-color-brown:hsl(142, 50%, 33.25%);--theme-success-active-color-brown:hsl(142, 50%, 31.5%);--theme-success-inverted-color-brown:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-brown:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-brown:hsl(142, 50%, 31.5%);--theme-on-success-color-brown:hsl(142, 70%, 95%);--theme-on-success-inverted-color-brown:hsl(142, 70%, 95%);--theme-success-secondary-color-brown:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-brown:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-brown:hsl(142, 70%, 81%);--theme-on-success-secondary-color-brown:hsl(142, 50%, 25%);--theme-success-text-color-brown:hsl(142, 50%, 85%);--theme-warning-color-brown:hsl(45, 100%, 68%);--theme-on-warning-color-brown:hsl(45, 100%, 95%);--theme-link-color-brown:#60a5fa;--theme-link-hover-color-brown:#93c5fd;--theme-link-active-color-brown:#bfdbfe;--theme-primary-color-indigo:hsl(245, 60%, 60%);--theme-primary-hover-color-indigo:hsl(245, 60%, 64%);--theme-primary-active-color-indigo:hsl(245, 60%, 68%);--theme-primary-inverted-color-indigo:hsl(245, 60%, 60%);--theme-primary-inverted-hover-color-indigo:hsl(245, 60%, 54%);--theme-primary-inverted-active-color-indigo:hsl(245, 60%, 48%);--theme-on-primary-color-indigo:#fefefd;--theme-on-primary-inverted-color-indigo:#fefefd;--theme-primary-text-color-indigo:hsl(245, 60%, 92%);--theme-secondary-color-indigo:hsl(245, 48%, 72%);--theme-secondary-hover-color-indigo:hsl(245, 48%, 74.8%);--theme-secondary-active-color-indigo:hsl(245, 48%, 77.6%);--theme-secondary-inverted-color-indigo:hsl(245, 36%, 94%);--theme-secondary-inverted-hover-color-indigo:hsl(245, 36%, 89.3%);--theme-secondary-inverted-active-color-indigo:hsl(245, 36%, 84.6%);--theme-on-secondary-color-indigo:hsl(245, 60%, 30%);--theme-on-secondary-inverted-color-indigo:hsl(245, 60%, 42%);--theme-default-color-indigo:#2c2c2e;--theme-on-default-color-indigo:#fefefd;--theme-inverted-color-indigo:#fefefd;--theme-on-inverted-color-indigo:#2c2c2e;--theme-surface-color-indigo:hsl(245, 30%, 66%);--theme-surface-hover-color-indigo:hsl(245, 30%, 67.7%);--theme-surface-active-color-indigo:hsl(245, 30%, 69.4%);--theme-surface-inverted-color-indigo:hsl(245, 24%, 96%);--theme-surface-inverted-hover-color-indigo:hsl(245, 24%, 91.2%);--theme-surface-inverted-active-color-indigo:hsl(245, 24%, 86.4%);--theme-backdrop-color-indigo:rgba(0, 0, 0, 0.7);--theme-overlay-color-indigo:rgba(255, 255, 255, 0.06);--theme-modal-color-indigo:#262626;--theme-skeleton-color-indigo:#3a3a3a;--theme-on-skeleton-color-indigo:#4a4a4a;--theme-muted-color-indigo:hsl(0, 0%, 92%);--theme-placeholder-color-indigo:hsl(0, 0%, 76%);--theme-disabled-color-indigo:hsl(0, 0%, 35%);--theme-on-disabled-color-indigo:hsl(0, 0%, 85%);--theme-divider-color-indigo:hsl(245, 12%, 90%);--theme-divider-hover-color-indigo:hsl(245, 12%, 90.5%);--theme-divider-active-color-indigo:hsl(245, 12%, 91%);--theme-divider-disabled-color-indigo:hsl(0, 0%, 45%);--theme-focus-ring-color-indigo:hsla(245, 60%, 60%, 0.9);--theme-shadow-color-indigo:rgba(0, 0, 0, 0.4);--theme-error-color-indigo:hsl(0, 70%, 40%);--theme-error-hover-color-indigo:hsl(0, 70%, 38%);--theme-error-active-color-indigo:hsl(0, 70%, 36%);--theme-error-inverted-color-indigo:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-indigo:hsl(0, 70%, 38%);--theme-error-inverted-active-color-indigo:hsl(0, 70%, 36%);--theme-on-error-color-indigo:hsl(0, 100%, 95%);--theme-on-error-inverted-color-indigo:hsl(0, 100%, 95%);--theme-error-secondary-color-indigo:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-indigo:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-indigo:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-indigo:hsl(0, 70%, 30%);--theme-error-text-color-indigo:hsl(0, 70%, 90%);--theme-success-color-indigo:hsl(142, 50%, 35%);--theme-success-hover-color-indigo:hsl(142, 50%, 33.25%);--theme-success-active-color-indigo:hsl(142, 50%, 31.5%);--theme-success-inverted-color-indigo:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-indigo:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-indigo:hsl(142, 50%, 31.5%);--theme-on-success-color-indigo:hsl(142, 70%, 95%);--theme-on-success-inverted-color-indigo:hsl(142, 70%, 95%);--theme-success-secondary-color-indigo:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-indigo:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-indigo:hsl(142, 70%, 81%);--theme-on-success-secondary-color-indigo:hsl(142, 50%, 25%);--theme-success-text-color-indigo:hsl(142, 50%, 85%);--theme-warning-color-indigo:hsl(45, 100%, 68%);--theme-on-warning-color-indigo:hsl(45, 100%, 95%);--theme-link-color-indigo:#60a5fa;--theme-link-hover-color-indigo:#93c5fd;--theme-link-active-color-indigo:#bfdbfe;--theme-primary-color-purple:hsl(270, 70%, 60%);--theme-primary-hover-color-purple:hsl(270, 70%, 64%);--theme-primary-active-color-purple:hsl(270, 70%, 68%);--theme-primary-inverted-color-purple:hsl(270, 70%, 60%);--theme-primary-inverted-hover-color-purple:hsl(270, 70%, 54%);--theme-primary-inverted-active-color-purple:hsl(270, 70%, 48%);--theme-on-primary-color-purple:#fefefd;--theme-on-primary-inverted-color-purple:#fefefd;--theme-primary-text-color-purple:hsl(270, 70%, 92%);--theme-secondary-color-purple:hsl(270, 56%, 72%);--theme-secondary-hover-color-purple:hsl(270, 56%, 74.8%);--theme-secondary-active-color-purple:hsl(270, 56%, 77.6%);--theme-secondary-inverted-color-purple:hsl(270, 42%, 94%);--theme-secondary-inverted-hover-color-purple:hsl(270, 42%, 89.3%);--theme-secondary-inverted-active-color-purple:hsl(270, 42%, 84.6%);--theme-on-secondary-color-purple:hsl(270, 70%, 30%);--theme-on-secondary-inverted-color-purple:hsl(270, 70%, 42%);--theme-default-color-purple:#2c2c2e;--theme-on-default-color-purple:#fefefd;--theme-inverted-color-purple:#fefefd;--theme-on-inverted-color-purple:#2c2c2e;--theme-surface-color-purple:hsl(270, 35%, 66%);--theme-surface-hover-color-purple:hsl(270, 35%, 67.7%);--theme-surface-active-color-purple:hsl(270, 35%, 69.4%);--theme-surface-inverted-color-purple:hsl(270, 28%, 96%);--theme-surface-inverted-hover-color-purple:hsl(270, 28%, 91.2%);--theme-surface-inverted-active-color-purple:hsl(270, 28%, 86.4%);--theme-backdrop-color-purple:rgba(0, 0, 0, 0.7);--theme-overlay-color-purple:rgba(255, 255, 255, 0.06);--theme-modal-color-purple:#262626;--theme-skeleton-color-purple:#3a3a3a;--theme-on-skeleton-color-purple:#4a4a4a;--theme-muted-color-purple:hsl(0, 0%, 92%);--theme-placeholder-color-purple:hsl(0, 0%, 76%);--theme-disabled-color-purple:hsl(0, 0%, 35%);--theme-on-disabled-color-purple:hsl(0, 0%, 85%);--theme-divider-color-purple:hsl(270, 14%, 90%);--theme-divider-hover-color-purple:hsl(270, 14%, 90.5%);--theme-divider-active-color-purple:hsl(270, 14%, 91%);--theme-divider-disabled-color-purple:hsl(0, 0%, 45%);--theme-focus-ring-color-purple:hsla(270, 70%, 60%, 0.9);--theme-shadow-color-purple:rgba(0, 0, 0, 0.4);--theme-error-color-purple:hsl(0, 70%, 40%);--theme-error-hover-color-purple:hsl(0, 70%, 38%);--theme-error-active-color-purple:hsl(0, 70%, 36%);--theme-error-inverted-color-purple:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-purple:hsl(0, 70%, 38%);--theme-error-inverted-active-color-purple:hsl(0, 70%, 36%);--theme-on-error-color-purple:hsl(0, 100%, 95%);--theme-on-error-inverted-color-purple:hsl(0, 100%, 95%);--theme-error-secondary-color-purple:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-purple:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-purple:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-purple:hsl(0, 70%, 30%);--theme-error-text-color-purple:hsl(0, 70%, 90%);--theme-success-color-purple:hsl(142, 50%, 35%);--theme-success-hover-color-purple:hsl(142, 50%, 33.25%);--theme-success-active-color-purple:hsl(142, 50%, 31.5%);--theme-success-inverted-color-purple:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-purple:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-purple:hsl(142, 50%, 31.5%);--theme-on-success-color-purple:hsl(142, 70%, 95%);--theme-on-success-inverted-color-purple:hsl(142, 70%, 95%);--theme-success-secondary-color-purple:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-purple:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-purple:hsl(142, 70%, 81%);--theme-on-success-secondary-color-purple:hsl(142, 50%, 25%);--theme-success-text-color-purple:hsl(142, 50%, 85%);--theme-warning-color-purple:hsl(45, 100%, 68%);--theme-on-warning-color-purple:hsl(45, 100%, 95%);--theme-link-color-purple:#60a5fa;--theme-link-hover-color-purple:#93c5fd;--theme-link-active-color-purple:#bfdbfe;--theme-primary-color-magenta:hsl(320, 60%, 60%);--theme-primary-hover-color-magenta:hsl(320, 60%, 64%);--theme-primary-active-color-magenta:hsl(320, 60%, 68%);--theme-primary-inverted-color-magenta:hsl(320, 60%, 60%);--theme-primary-inverted-hover-color-magenta:hsl(320, 60%, 54%);--theme-primary-inverted-active-color-magenta:hsl(320, 60%, 48%);--theme-on-primary-color-magenta:#fefefd;--theme-on-primary-inverted-color-magenta:#fefefd;--theme-primary-text-color-magenta:hsl(320, 60%, 92%);--theme-secondary-color-magenta:hsl(320, 48%, 72%);--theme-secondary-hover-color-magenta:hsl(320, 48%, 74.8%);--theme-secondary-active-color-magenta:hsl(320, 48%, 77.6%);--theme-secondary-inverted-color-magenta:hsl(320, 36%, 94%);--theme-secondary-inverted-hover-color-magenta:hsl(320, 36%, 89.3%);--theme-secondary-inverted-active-color-magenta:hsl(320, 36%, 84.6%);--theme-on-secondary-color-magenta:hsl(320, 60%, 30%);--theme-on-secondary-inverted-color-magenta:hsl(320, 60%, 42%);--theme-default-color-magenta:#2c2c2e;--theme-on-default-color-magenta:#fefefd;--theme-inverted-color-magenta:#fefefd;--theme-on-inverted-color-magenta:#2c2c2e;--theme-surface-color-magenta:hsl(320, 30%, 66%);--theme-surface-hover-color-magenta:hsl(320, 30%, 67.7%);--theme-surface-active-color-magenta:hsl(320, 30%, 69.4%);--theme-surface-inverted-color-magenta:hsl(320, 24%, 96%);--theme-surface-inverted-hover-color-magenta:hsl(320, 24%, 91.2%);--theme-surface-inverted-active-color-magenta:hsl(320, 24%, 86.4%);--theme-backdrop-color-magenta:rgba(0, 0, 0, 0.7);--theme-overlay-color-magenta:rgba(255, 255, 255, 0.06);--theme-modal-color-magenta:#262626;--theme-skeleton-color-magenta:#3a3a3a;--theme-on-skeleton-color-magenta:#4a4a4a;--theme-muted-color-magenta:hsl(0, 0%, 92%);--theme-placeholder-color-magenta:hsl(0, 0%, 76%);--theme-disabled-color-magenta:hsl(0, 0%, 35%);--theme-on-disabled-color-magenta:hsl(0, 0%, 85%);--theme-divider-color-magenta:hsl(320, 12%, 90%);--theme-divider-hover-color-magenta:hsl(320, 12%, 90.5%);--theme-divider-active-color-magenta:hsl(320, 12%, 91%);--theme-divider-disabled-color-magenta:hsl(0, 0%, 45%);--theme-focus-ring-color-magenta:hsla(320, 60%, 60%, 0.9);--theme-shadow-color-magenta:rgba(0, 0, 0, 0.4);--theme-error-color-magenta:hsl(0, 70%, 40%);--theme-error-hover-color-magenta:hsl(0, 70%, 38%);--theme-error-active-color-magenta:hsl(0, 70%, 36%);--theme-error-inverted-color-magenta:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-magenta:hsl(0, 70%, 38%);--theme-error-inverted-active-color-magenta:hsl(0, 70%, 36%);--theme-on-error-color-magenta:hsl(0, 100%, 95%);--theme-on-error-inverted-color-magenta:hsl(0, 100%, 95%);--theme-error-secondary-color-magenta:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-magenta:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-magenta:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-magenta:hsl(0, 70%, 30%);--theme-error-text-color-magenta:hsl(0, 70%, 90%);--theme-success-color-magenta:hsl(142, 50%, 35%);--theme-success-hover-color-magenta:hsl(142, 50%, 33.25%);--theme-success-active-color-magenta:hsl(142, 50%, 31.5%);--theme-success-inverted-color-magenta:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-magenta:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-magenta:hsl(142, 50%, 31.5%);--theme-on-success-color-magenta:hsl(142, 70%, 95%);--theme-on-success-inverted-color-magenta:hsl(142, 70%, 95%);--theme-success-secondary-color-magenta:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-magenta:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-magenta:hsl(142, 70%, 81%);--theme-on-success-secondary-color-magenta:hsl(142, 50%, 25%);--theme-success-text-color-magenta:hsl(142, 50%, 85%);--theme-warning-color-magenta:hsl(45, 100%, 68%);--theme-on-warning-color-magenta:hsl(45, 100%, 95%);--theme-link-color-magenta:#60a5fa;--theme-link-hover-color-magenta:#93c5fd;--theme-link-active-color-magenta:#bfdbfe;--theme-primary-color-electric-blue:hsl(210, 100%, 60%);--theme-primary-hover-color-electric-blue:hsl(210, 100%, 64%);--theme-primary-active-color-electric-blue:hsl(210, 100%, 68%);--theme-primary-inverted-color-electric-blue:hsl(210, 100%, 60%);--theme-primary-inverted-hover-color-electric-blue:hsl(210, 100%, 54%);--theme-primary-inverted-active-color-electric-blue:hsl(210, 100%, 48%);--theme-on-primary-color-electric-blue:#fefefd;--theme-on-primary-inverted-color-electric-blue:#fefefd;--theme-primary-text-color-electric-blue:hsl(210, 100%, 92%);--theme-secondary-color-electric-blue:hsl(210, 80%, 72%);--theme-secondary-hover-color-electric-blue:hsl(210, 80%, 74.8%);--theme-secondary-active-color-electric-blue:hsl(210, 80%, 77.6%);--theme-secondary-inverted-color-electric-blue:hsl(210, 60%, 94%);--theme-secondary-inverted-hover-color-electric-blue:hsl(210, 60%, 89.3%);--theme-secondary-inverted-active-color-electric-blue:hsl(210, 60%, 84.6%);--theme-on-secondary-color-electric-blue:hsl(210, 100%, 30%);--theme-on-secondary-inverted-color-electric-blue:hsl(210, 100%, 42%);--theme-default-color-electric-blue:#2c2c2e;--theme-on-default-color-electric-blue:#fefefd;--theme-inverted-color-electric-blue:#fefefd;--theme-on-inverted-color-electric-blue:#2c2c2e;--theme-surface-color-electric-blue:hsl(210, 50%, 66%);--theme-surface-hover-color-electric-blue:hsl(210, 50%, 67.7%);--theme-surface-active-color-electric-blue:hsl(210, 50%, 69.4%);--theme-surface-inverted-color-electric-blue:hsl(210, 40%, 96%);--theme-surface-inverted-hover-color-electric-blue:hsl(210, 40%, 91.2%);--theme-surface-inverted-active-color-electric-blue:hsl(210, 40%, 86.4%);--theme-backdrop-color-electric-blue:rgba(0, 0, 0, 0.7);--theme-overlay-color-electric-blue:rgba(255, 255, 255, 0.06);--theme-modal-color-electric-blue:#262626;--theme-skeleton-color-electric-blue:#3a3a3a;--theme-on-skeleton-color-electric-blue:#4a4a4a;--theme-muted-color-electric-blue:hsl(0, 0%, 92%);--theme-placeholder-color-electric-blue:hsl(0, 0%, 76%);--theme-disabled-color-electric-blue:hsl(0, 0%, 35%);--theme-on-disabled-color-electric-blue:hsl(0, 0%, 85%);--theme-divider-color-electric-blue:hsl(210, 20%, 90%);--theme-divider-hover-color-electric-blue:hsl(210, 20%, 90.5%);--theme-divider-active-color-electric-blue:hsl(210, 20%, 91%);--theme-divider-disabled-color-electric-blue:hsl(0, 0%, 45%);--theme-focus-ring-color-electric-blue:hsla(210, 100%, 60%, 0.9);--theme-shadow-color-electric-blue:rgba(0, 0, 0, 0.4);--theme-error-color-electric-blue:hsl(0, 70%, 40%);--theme-error-hover-color-electric-blue:hsl(0, 70%, 38%);--theme-error-active-color-electric-blue:hsl(0, 70%, 36%);--theme-error-inverted-color-electric-blue:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-electric-blue:hsl(0, 70%, 38%);--theme-error-inverted-active-color-electric-blue:hsl(0, 70%, 36%);--theme-on-error-color-electric-blue:hsl(0, 100%, 95%);--theme-on-error-inverted-color-electric-blue:hsl(0, 100%, 95%);--theme-error-secondary-color-electric-blue:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-electric-blue:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-electric-blue:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-electric-blue:hsl(0, 70%, 30%);--theme-error-text-color-electric-blue:hsl(0, 70%, 90%);--theme-success-color-electric-blue:hsl(142, 50%, 35%);--theme-success-hover-color-electric-blue:hsl(142, 50%, 33.25%);--theme-success-active-color-electric-blue:hsl(142, 50%, 31.5%);--theme-success-inverted-color-electric-blue:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-electric-blue:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-electric-blue:hsl(142, 50%, 31.5%);--theme-on-success-color-electric-blue:hsl(142, 70%, 95%);--theme-on-success-inverted-color-electric-blue:hsl(142, 70%, 95%);--theme-success-secondary-color-electric-blue:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-electric-blue:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-electric-blue:hsl(142, 70%, 81%);--theme-on-success-secondary-color-electric-blue:hsl(142, 50%, 25%);--theme-success-text-color-electric-blue:hsl(142, 50%, 85%);--theme-warning-color-electric-blue:hsl(45, 100%, 68%);--theme-on-warning-color-electric-blue:hsl(45, 100%, 95%);--theme-link-color-electric-blue:#60a5fa;--theme-link-hover-color-electric-blue:#93c5fd;--theme-link-active-color-electric-blue:#bfdbfe;--theme-primary-color-hot-pink:hsl(330, 100%, 65%);--theme-primary-hover-color-hot-pink:hsl(330, 100%, 68.5%);--theme-primary-active-color-hot-pink:hsl(330, 100%, 72%);--theme-primary-inverted-color-hot-pink:hsl(330, 100%, 65%);--theme-primary-inverted-hover-color-hot-pink:hsl(330, 100%, 58.5%);--theme-primary-inverted-active-color-hot-pink:hsl(330, 100%, 52%);--theme-on-primary-color-hot-pink:#fefefd;--theme-on-primary-inverted-color-hot-pink:#fefefd;--theme-primary-text-color-hot-pink:hsl(330, 100%, 93%);--theme-secondary-color-hot-pink:hsl(330, 80%, 75.5%);--theme-secondary-hover-color-hot-pink:hsl(330, 80%, 77.95%);--theme-secondary-active-color-hot-pink:hsl(330, 80%, 80.4%);--theme-secondary-inverted-color-hot-pink:hsl(330, 60%, 94.75%);--theme-secondary-inverted-hover-color-hot-pink:hsl(330, 60%, 90.0125%);--theme-secondary-inverted-active-color-hot-pink:hsl(330, 60%, 85.275%);--theme-on-secondary-color-hot-pink:hsl(330, 100%, 32.5%);--theme-on-secondary-inverted-color-hot-pink:hsl(330, 100%, 45.5%);--theme-default-color-hot-pink:#2c2c2e;--theme-on-default-color-hot-pink:#fefefd;--theme-inverted-color-hot-pink:#fefefd;--theme-on-inverted-color-hot-pink:#2c2c2e;--theme-surface-color-hot-pink:hsl(330, 50%, 70.25%);--theme-surface-hover-color-hot-pink:hsl(330, 50%, 71.7375%);--theme-surface-active-color-hot-pink:hsl(330, 50%, 73.225%);--theme-surface-inverted-color-hot-pink:hsl(330, 40%, 96.5%);--theme-surface-inverted-hover-color-hot-pink:hsl(330, 40%, 91.675%);--theme-surface-inverted-active-color-hot-pink:hsl(330, 40%, 86.85%);--theme-backdrop-color-hot-pink:rgba(0, 0, 0, 0.7);--theme-overlay-color-hot-pink:rgba(255, 255, 255, 0.06);--theme-modal-color-hot-pink:#262626;--theme-skeleton-color-hot-pink:#3a3a3a;--theme-on-skeleton-color-hot-pink:#4a4a4a;--theme-muted-color-hot-pink:hsl(0, 0%, 92%);--theme-placeholder-color-hot-pink:hsl(0, 0%, 76%);--theme-disabled-color-hot-pink:hsl(0, 0%, 35%);--theme-on-disabled-color-hot-pink:hsl(0, 0%, 85%);--theme-divider-color-hot-pink:hsl(330, 20%, 91.25%);--theme-divider-hover-color-hot-pink:hsl(330, 20%, 91.6875%);--theme-divider-active-color-hot-pink:hsl(330, 20%, 92.125%);--theme-divider-disabled-color-hot-pink:hsl(0, 0%, 45%);--theme-focus-ring-color-hot-pink:hsla(330, 100%, 65%, 0.9);--theme-shadow-color-hot-pink:rgba(0, 0, 0, 0.4);--theme-error-color-hot-pink:hsl(0, 70%, 40%);--theme-error-hover-color-hot-pink:hsl(0, 70%, 38%);--theme-error-active-color-hot-pink:hsl(0, 70%, 36%);--theme-error-inverted-color-hot-pink:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-hot-pink:hsl(0, 70%, 38%);--theme-error-inverted-active-color-hot-pink:hsl(0, 70%, 36%);--theme-on-error-color-hot-pink:hsl(0, 100%, 95%);--theme-on-error-inverted-color-hot-pink:hsl(0, 100%, 95%);--theme-error-secondary-color-hot-pink:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-hot-pink:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-hot-pink:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-hot-pink:hsl(0, 70%, 30%);--theme-error-text-color-hot-pink:hsl(0, 70%, 90%);--theme-success-color-hot-pink:hsl(142, 50%, 35%);--theme-success-hover-color-hot-pink:hsl(142, 50%, 33.25%);--theme-success-active-color-hot-pink:hsl(142, 50%, 31.5%);--theme-success-inverted-color-hot-pink:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-hot-pink:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-hot-pink:hsl(142, 50%, 31.5%);--theme-on-success-color-hot-pink:hsl(142, 70%, 95%);--theme-on-success-inverted-color-hot-pink:hsl(142, 70%, 95%);--theme-success-secondary-color-hot-pink:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-hot-pink:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-hot-pink:hsl(142, 70%, 81%);--theme-on-success-secondary-color-hot-pink:hsl(142, 50%, 25%);--theme-success-text-color-hot-pink:hsl(142, 50%, 85%);--theme-warning-color-hot-pink:hsl(45, 100%, 68%);--theme-on-warning-color-hot-pink:hsl(45, 100%, 95%);--theme-link-color-hot-pink:#60a5fa;--theme-link-hover-color-hot-pink:#93c5fd;--theme-link-active-color-hot-pink:#bfdbfe;--theme-primary-color-shrine-pink:hsl(18, 96%, 60%);--theme-primary-hover-color-shrine-pink:hsl(18, 96%, 64%);--theme-primary-active-color-shrine-pink:hsl(18, 96%, 68%);--theme-primary-inverted-color-shrine-pink:hsl(18, 96%, 60%);--theme-primary-inverted-hover-color-shrine-pink:hsl(18, 96%, 54%);--theme-primary-inverted-active-color-shrine-pink:hsl(18, 96%, 48%);--theme-on-primary-color-shrine-pink:#fefefd;--theme-on-primary-inverted-color-shrine-pink:#fefefd;--theme-primary-text-color-shrine-pink:hsl(18, 96%, 92%);--theme-secondary-color-shrine-pink:hsl(18, 76.8%, 72%);--theme-secondary-hover-color-shrine-pink:hsl(18, 76.8%, 74.8%);--theme-secondary-active-color-shrine-pink:hsl(18, 76.8%, 77.6%);--theme-secondary-inverted-color-shrine-pink:hsl(18, 57.6%, 94%);--theme-secondary-inverted-hover-color-shrine-pink:hsl(18, 57.6%, 89.3%);--theme-secondary-inverted-active-color-shrine-pink:hsl(18, 57.6%, 84.6%);--theme-on-secondary-color-shrine-pink:hsl(18, 96%, 30%);--theme-on-secondary-inverted-color-shrine-pink:hsl(18, 96%, 42%);--theme-default-color-shrine-pink:#2c2c2e;--theme-on-default-color-shrine-pink:#fefefd;--theme-inverted-color-shrine-pink:#fefefd;--theme-on-inverted-color-shrine-pink:#2c2c2e;--theme-surface-color-shrine-pink:hsl(18, 48%, 66%);--theme-surface-hover-color-shrine-pink:hsl(18, 48%, 67.7%);--theme-surface-active-color-shrine-pink:hsl(18, 48%, 69.4%);--theme-surface-inverted-color-shrine-pink:hsl(18, 38.4%, 96%);--theme-surface-inverted-hover-color-shrine-pink:hsl(18, 38.4%, 91.2%);--theme-surface-inverted-active-color-shrine-pink:hsl(18, 38.4%, 86.4%);--theme-backdrop-color-shrine-pink:rgba(0, 0, 0, 0.7);--theme-overlay-color-shrine-pink:rgba(255, 255, 255, 0.06);--theme-modal-color-shrine-pink:#262626;--theme-skeleton-color-shrine-pink:#3a3a3a;--theme-on-skeleton-color-shrine-pink:#4a4a4a;--theme-muted-color-shrine-pink:hsl(0, 0%, 92%);--theme-placeholder-color-shrine-pink:hsl(0, 0%, 76%);--theme-disabled-color-shrine-pink:hsl(0, 0%, 35%);--theme-on-disabled-color-shrine-pink:hsl(0, 0%, 85%);--theme-divider-color-shrine-pink:hsl(18, 19.2%, 90%);--theme-divider-hover-color-shrine-pink:hsl(18, 19.2%, 90.5%);--theme-divider-active-color-shrine-pink:hsl(18, 19.2%, 91%);--theme-divider-disabled-color-shrine-pink:hsl(0, 0%, 45%);--theme-focus-ring-color-shrine-pink:hsla(18, 96%, 60%, 0.9);--theme-shadow-color-shrine-pink:rgba(0, 0, 0, 0.4);--theme-error-color-shrine-pink:hsl(0, 70%, 40%);--theme-error-hover-color-shrine-pink:hsl(0, 70%, 38%);--theme-error-active-color-shrine-pink:hsl(0, 70%, 36%);--theme-error-inverted-color-shrine-pink:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-shrine-pink:hsl(0, 70%, 38%);--theme-error-inverted-active-color-shrine-pink:hsl(0, 70%, 36%);--theme-on-error-color-shrine-pink:hsl(0, 100%, 95%);--theme-on-error-inverted-color-shrine-pink:hsl(0, 100%, 95%);--theme-error-secondary-color-shrine-pink:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-shrine-pink:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-shrine-pink:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-shrine-pink:hsl(0, 70%, 30%);--theme-error-text-color-shrine-pink:hsl(0, 70%, 90%);--theme-success-color-shrine-pink:hsl(142, 50%, 35%);--theme-success-hover-color-shrine-pink:hsl(142, 50%, 33.25%);--theme-success-active-color-shrine-pink:hsl(142, 50%, 31.5%);--theme-success-inverted-color-shrine-pink:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-shrine-pink:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-shrine-pink:hsl(142, 50%, 31.5%);--theme-on-success-color-shrine-pink:hsl(142, 70%, 95%);--theme-on-success-inverted-color-shrine-pink:hsl(142, 70%, 95%);--theme-success-secondary-color-shrine-pink:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-shrine-pink:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-shrine-pink:hsl(142, 70%, 81%);--theme-on-success-secondary-color-shrine-pink:hsl(142, 50%, 25%);--theme-success-text-color-shrine-pink:hsl(142, 50%, 85%);--theme-warning-color-shrine-pink:hsl(45, 100%, 68%);--theme-on-warning-color-shrine-pink:hsl(45, 100%, 95%);--theme-link-color-shrine-pink:#60a5fa;--theme-link-hover-color-shrine-pink:#93c5fd;--theme-link-active-color-shrine-pink:#bfdbfe;--theme-primary-color-crane-purple:hsl(320, 71%, 40%);--theme-primary-hover-color-crane-purple:hsl(320, 71%, 46%);--theme-primary-active-color-crane-purple:hsl(320, 71%, 52%);--theme-primary-inverted-color-crane-purple:hsl(320, 71%, 40%);--theme-primary-inverted-hover-color-crane-purple:hsl(320, 71%, 36%);--theme-primary-inverted-active-color-crane-purple:hsl(320, 71%, 32%);--theme-on-primary-color-crane-purple:#fefefd;--theme-on-primary-inverted-color-crane-purple:#fefefd;--theme-primary-text-color-crane-purple:hsl(320, 71%, 88%);--theme-secondary-color-crane-purple:hsl(320, 56.8%, 58%);--theme-secondary-hover-color-crane-purple:hsl(320, 56.8%, 62.2%);--theme-secondary-active-color-crane-purple:hsl(320, 56.8%, 66.4%);--theme-secondary-inverted-color-crane-purple:hsl(320, 42.6%, 91%);--theme-secondary-inverted-hover-color-crane-purple:hsl(320, 42.6%, 86.45%);--theme-secondary-inverted-active-color-crane-purple:hsl(320, 42.6%, 81.9%);--theme-on-secondary-color-crane-purple:hsl(320, 71%, 20%);--theme-on-secondary-inverted-color-crane-purple:hsl(320, 71%, 28%);--theme-default-color-crane-purple:#2c2c2e;--theme-on-default-color-crane-purple:#fefefd;--theme-inverted-color-crane-purple:#fefefd;--theme-on-inverted-color-crane-purple:#2c2c2e;--theme-surface-color-crane-purple:hsl(320, 35.5%, 49%);--theme-surface-hover-color-crane-purple:hsl(320, 35.5%, 51.55%);--theme-surface-active-color-crane-purple:hsl(320, 35.5%, 54.1%);--theme-surface-inverted-color-crane-purple:hsl(320, 28.4%, 94%);--theme-surface-inverted-hover-color-crane-purple:hsl(320, 28.4%, 89.3%);--theme-surface-inverted-active-color-crane-purple:hsl(320, 28.4%, 84.6%);--theme-backdrop-color-crane-purple:rgba(0, 0, 0, 0.7);--theme-overlay-color-crane-purple:rgba(255, 255, 255, 0.06);--theme-modal-color-crane-purple:#262626;--theme-skeleton-color-crane-purple:#3a3a3a;--theme-on-skeleton-color-crane-purple:#4a4a4a;--theme-muted-color-crane-purple:hsl(0, 0%, 92%);--theme-placeholder-color-crane-purple:hsl(0, 0%, 76%);--theme-disabled-color-crane-purple:hsl(0, 0%, 35%);--theme-on-disabled-color-crane-purple:hsl(0, 0%, 85%);--theme-divider-color-crane-purple:hsl(320, 14.2%, 85%);--theme-divider-hover-color-crane-purple:hsl(320, 14.2%, 85.75%);--theme-divider-active-color-crane-purple:hsl(320, 14.2%, 86.5%);--theme-divider-disabled-color-crane-purple:hsl(0, 0%, 45%);--theme-focus-ring-color-crane-purple:hsla(320, 71%, 40%, 0.9);--theme-shadow-color-crane-purple:rgba(0, 0, 0, 0.4);--theme-error-color-crane-purple:hsl(0, 70%, 40%);--theme-error-hover-color-crane-purple:hsl(0, 70%, 38%);--theme-error-active-color-crane-purple:hsl(0, 70%, 36%);--theme-error-inverted-color-crane-purple:hsl(0, 70%, 40%);--theme-error-inverted-hover-color-crane-purple:hsl(0, 70%, 38%);--theme-error-inverted-active-color-crane-purple:hsl(0, 70%, 36%);--theme-on-error-color-crane-purple:hsl(0, 100%, 95%);--theme-on-error-inverted-color-crane-purple:hsl(0, 100%, 95%);--theme-error-secondary-color-crane-purple:hsl(0, 100%, 95%);--theme-error-secondary-hover-color-crane-purple:hsl(0, 100%, 90.25%);--theme-error-secondary-active-color-crane-purple:hsl(0, 100%, 85.5%);--theme-on-error-secondary-color-crane-purple:hsl(0, 70%, 30%);--theme-error-text-color-crane-purple:hsl(0, 70%, 90%);--theme-success-color-crane-purple:hsl(142, 50%, 35%);--theme-success-hover-color-crane-purple:hsl(142, 50%, 33.25%);--theme-success-active-color-crane-purple:hsl(142, 50%, 31.5%);--theme-success-inverted-color-crane-purple:hsl(142, 50%, 35%);--theme-success-inverted-hover-color-crane-purple:hsl(142, 50%, 33.25%);--theme-success-inverted-active-color-crane-purple:hsl(142, 50%, 31.5%);--theme-on-success-color-crane-purple:hsl(142, 70%, 95%);--theme-on-success-inverted-color-crane-purple:hsl(142, 70%, 95%);--theme-success-secondary-color-crane-purple:hsl(142, 70%, 90%);--theme-success-secondary-hover-color-crane-purple:hsl(142, 70%, 85.5%);--theme-success-secondary-active-color-crane-purple:hsl(142, 70%, 81%);--theme-on-success-secondary-color-crane-purple:hsl(142, 50%, 25%);--theme-success-text-color-crane-purple:hsl(142, 50%, 85%);--theme-warning-color-crane-purple:hsl(45, 100%, 68%);--theme-on-warning-color-crane-purple:hsl(45, 100%, 95%);--theme-link-color-crane-purple:#60a5fa;--theme-link-hover-color-crane-purple:#93c5fd;--theme-link-active-color-crane-purple:#bfdbfe;--theme-primary:var(--theme-primary-mode-dark);--color-primary:var(--theme-primary);--theme-primary-hover:var(--theme-primary-hover-mode-dark);--color-primary-hover:var(--theme-primary-hover);--theme-primary-active:var(--theme-primary-active-mode-dark);--color-primary-active:var(--theme-primary-active);--theme-primary-inverted:var(--theme-primary-inverted-mode-dark);--color-primary-inverted:var(--theme-primary-inverted);--theme-primary-inverted-hover:var(--theme-primary-inverted-hover-mode-dark);--color-primary-inverted-hover:var(--theme-primary-inverted-hover);--theme-primary-inverted-active:var(--theme-primary-inverted-active-mode-dark);--color-primary-inverted-active:var(--theme-primary-inverted-active);--theme-on-primary:var(--theme-on-primary-mode-dark);--color-on-primary:var(--theme-on-primary);--theme-on-primary-inverted:var(--theme-on-primary-inverted-mode-dark);--color-on-primary-inverted:var(--theme-on-primary-inverted);--theme-primary-text:var(--theme-primary-text-mode-dark);--color-primary-text:var(--theme-primary-text);--theme-secondary:var(--theme-secondary-mode-dark);--color-secondary:var(--theme-secondary);--theme-secondary-hover:var(--theme-secondary-hover-mode-dark);--color-secondary-hover:var(--theme-secondary-hover);--theme-secondary-active:var(--theme-secondary-active-mode-dark);--color-secondary-active:var(--theme-secondary-active);--theme-secondary-inverted:var(--theme-secondary-inverted-mode-dark);--color-secondary-inverted:var(--theme-secondary-inverted);--theme-secondary-inverted-hover:var(--theme-secondary-inverted-hover-mode-dark);--color-secondary-inverted-hover:var(--theme-secondary-inverted-hover);--theme-secondary-inverted-active:var(--theme-secondary-inverted-active-mode-dark);--color-secondary-inverted-active:var(--theme-secondary-inverted-active);--theme-on-secondary:var(--theme-on-secondary-mode-dark);--color-on-secondary:var(--theme-on-secondary);--theme-on-secondary-inverted:var(--theme-on-secondary-inverted-mode-dark);--color-on-secondary-inverted:var(--theme-on-secondary-inverted);--theme-default:var(--theme-default-mode-dark);--color-default:var(--theme-default);--theme-on-default:var(--theme-on-default-mode-dark);--color-on-default:var(--theme-on-default);--theme-inverted:var(--theme-inverted-mode-dark);--color-inverted:var(--theme-inverted);--theme-on-inverted:var(--theme-on-inverted-mode-dark);--color-on-inverted:var(--theme-on-inverted);--theme-surface:var(--theme-surface-mode-dark);--color-surface:var(--theme-surface);--theme-surface-hover:var(--theme-surface-hover-mode-dark);--color-surface-hover:var(--theme-surface-hover);--theme-surface-active:var(--theme-surface-active-mode-dark);--color-surface-active:var(--theme-surface-active);--theme-surface-inverted:var(--theme-surface-inverted-mode-dark);--color-surface-inverted:var(--theme-surface-inverted);--theme-surface-inverted-hover:var(--theme-surface-inverted-hover-mode-dark);--color-surface-inverted-hover:var(--theme-surface-inverted-hover);--theme-surface-inverted-active:var(--theme-surface-inverted-active-mode-dark);--color-surface-inverted-active:var(--theme-surface-inverted-active);--theme-backdrop:var(--theme-backdrop-mode-dark);--color-backdrop:var(--theme-backdrop);--theme-overlay:var(--theme-overlay-mode-dark);--color-overlay:var(--theme-overlay);--theme-modal:var(--theme-modal-mode-dark);--color-modal:var(--theme-modal);--theme-skeleton:var(--theme-skeleton-mode-dark);--color-skeleton:var(--theme-skeleton);--theme-on-skeleton:var(--theme-on-skeleton-mode-dark);--color-on-skeleton:var(--theme-on-skeleton);--theme-muted:var(--theme-muted-mode-dark);--color-muted:var(--theme-muted);--theme-placeholder:var(--theme-placeholder-mode-dark);--color-placeholder:var(--theme-placeholder);--theme-disabled:var(--theme-disabled-mode-dark);--color-disabled:var(--theme-disabled);--theme-on-disabled:var(--theme-on-disabled-mode-dark);--color-on-disabled:var(--theme-on-disabled);--theme-divider:var(--theme-divider-mode-dark);--color-divider:var(--theme-divider);--theme-divider-hover:var(--theme-divider-hover-mode-dark);--color-divider-hover:var(--theme-divider-hover);--theme-divider-active:var(--theme-divider-active-mode-dark);--color-divider-active:var(--theme-divider-active);--theme-divider-disabled:var(--theme-divider-disabled-mode-dark);--color-divider-disabled:var(--theme-divider-disabled);--theme-focus-ring:var(--theme-focus-ring-mode-dark);--color-focus-ring:var(--theme-focus-ring);--theme-shadow:var(--theme-shadow-mode-dark);--color-shadow:var(--theme-shadow);--theme-error:var(--theme-error-mode-dark);--color-error:var(--theme-error);--theme-error-hover:var(--theme-error-hover-mode-dark);--color-error-hover:var(--theme-error-hover);--theme-error-active:var(--theme-error-active-mode-dark);--color-error-active:var(--theme-error-active);--theme-error-inverted:var(--theme-error-inverted-mode-dark);--color-error-inverted:var(--theme-error-inverted);--theme-error-inverted-hover:var(--theme-error-inverted-hover-mode-dark);--color-error-inverted-hover:var(--theme-error-inverted-hover);--theme-error-inverted-active:var(--theme-error-inverted-active-mode-dark);--color-error-inverted-active:var(--theme-error-inverted-active);--theme-on-error:var(--theme-on-error-mode-dark);--color-on-error:var(--theme-on-error);--theme-on-error-inverted:var(--theme-on-error-inverted-mode-dark);--color-on-error-inverted:var(--theme-on-error-inverted);--theme-error-secondary:var(--theme-error-secondary-mode-dark);--color-error-secondary:var(--theme-error-secondary);--theme-error-secondary-hover:var(--theme-error-secondary-hover-mode-dark);--color-error-secondary-hover:var(--theme-error-secondary-hover);--theme-error-secondary-active:var(--theme-error-secondary-active-mode-dark);--color-error-secondary-active:var(--theme-error-secondary-active);--theme-on-error-secondary:var(--theme-on-error-secondary-mode-dark);--color-on-error-secondary:var(--theme-on-error-secondary);--theme-error-text:var(--theme-error-text-mode-dark);--color-error-text:var(--theme-error-text);--theme-success:var(--theme-success-mode-dark);--color-success:var(--theme-success);--theme-success-hover:var(--theme-success-hover-mode-dark);--color-success-hover:var(--theme-success-hover);--theme-success-active:var(--theme-success-active-mode-dark);--color-success-active:var(--theme-success-active);--theme-success-inverted:var(--theme-success-inverted-mode-dark);--color-success-inverted:var(--theme-success-inverted);--theme-success-inverted-hover:var(--theme-success-inverted-hover-mode-dark);--color-success-inverted-hover:var(--theme-success-inverted-hover);--theme-success-inverted-active:var(--theme-success-inverted-active-mode-dark);--color-success-inverted-active:var(--theme-success-inverted-active);--theme-on-success:var(--theme-on-success-mode-dark);--color-on-success:var(--theme-on-success);--theme-on-success-inverted:var(--theme-on-success-inverted-mode-dark);--color-on-success-inverted:var(--theme-on-success-inverted);--theme-success-secondary:var(--theme-success-secondary-mode-dark);--color-success-secondary:var(--theme-success-secondary);--theme-success-secondary-hover:var(--theme-success-secondary-hover-mode-dark);--color-success-secondary-hover:var(--theme-success-secondary-hover);--theme-success-secondary-active:var(--theme-success-secondary-active-mode-dark);--color-success-secondary-active:var(--theme-success-secondary-active);--theme-on-success-secondary:var(--theme-on-success-secondary-mode-dark);--color-on-success-secondary:var(--theme-on-success-secondary);--theme-success-text:var(--theme-success-text-mode-dark);--color-success-text:var(--theme-success-text);--theme-warning:var(--theme-warning-mode-dark);--color-warning:var(--theme-warning);--theme-on-warning:var(--theme-on-warning-mode-dark);--color-on-warning:var(--theme-on-warning);--theme-link:var(--theme-link-mode-dark);--color-link:var(--theme-link);--theme-link-hover:var(--theme-link-hover-mode-dark);--color-link-hover:var(--theme-link-hover);--theme-link-active:var(--theme-link-active-mode-dark);--color-link-active:var(--theme-link-active)}*{--scrollbar-thickness: 3px;--scrollbar-hover-thickness: 6px;--scrollbar-hit-area-thickness: 6px}*::-webkit-scrollbar:horizontal{height:var(--scrollbar-hit-area-thickness)}*::-webkit-scrollbar-track:horizontal{border-radius:var(--scrollbar-hit-area-thickness);background:var(--scrollable-container-track-colour);background-clip:content-box;border:calc((var(--scrollbar-hit-area-thickness) - var(--scrollbar-thickness))/2) solid rgba(0,0,0,0)}*::-webkit-scrollbar-thumb:horizontal{border-radius:var(--scrollbar-hit-area-thickness);background:var(--scrollable-container-thumb-colour);background-clip:content-box;border:calc((var(--scrollbar-hit-area-thickness) - var(--scrollbar-thickness))/2) solid rgba(0,0,0,0)}*::-webkit-scrollbar-thumb:horizontal:hover,*::-webkit-scrollbar-thumb:horizontal:active{border-width:calc((var(--scrollbar-hit-area-thickness) - var(--scrollbar-hover-thickness))/2)}