: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, .5);--theme-backdrop-mode-dark: rgba(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, .04);--theme-overlay-mode-dark: rgba(255, 255, 255, .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%, .7);--theme-focus-ring-mode-dark: hsla(195, 100%, 32%, .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, .1);--theme-shadow-mode-dark: rgba(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, .5);--theme-backdrop-mode-dark: rgba(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, .04);--theme-overlay-mode-dark: rgba(255, 255, 255, .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%, .7);--theme-focus-ring-mode-dark: hsla(195, 100%, 32%, .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, .1);--theme-shadow-mode-dark: rgba(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, .5);--theme-backdrop-mode-dark: rgba(0, 0, 0, .7);--theme-backdrop: var(--theme-backdrop-color-cyan);--color-backdrop: var(--theme-backdrop);--theme-overlay-mode-light: rgba(0, 0, 0, .04);--theme-overlay-mode-dark: rgba(255, 255, 255, .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%, .7);--theme-focus-ring-mode-dark: hsla(187, 47%, 55%, .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, .1);--theme-shadow-mode-dark: rgba(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, .5);--theme-backdrop-mode-dark: rgba(0, 0, 0, .7);--theme-backdrop: var(--theme-backdrop-color-teal);--color-backdrop: var(--theme-backdrop);--theme-overlay-mode-light: rgba(0, 0, 0, .04);--theme-overlay-mode-dark: rgba(255, 255, 255, .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%, .7);--theme-focus-ring-mode-dark: hsla(174, 63%, 40%, .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, .1);--theme-shadow-mode-dark: rgba(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, .5);--theme-backdrop-mode-dark: rgba(0, 0, 0, .7);--theme-backdrop: var(--theme-backdrop-color-pink);--color-backdrop: var(--theme-backdrop);--theme-overlay-mode-light: rgba(0, 0, 0, .04);--theme-overlay-mode-dark: rgba(255, 255, 255, .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%, .7);--theme-focus-ring-mode-dark: hsla(340, 82%, 67%, .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, .1);--theme-shadow-mode-dark: rgba(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, .5);--theme-backdrop-mode-dark: rgba(0, 0, 0, .7);--theme-backdrop: var(--theme-backdrop-color-rose);--color-backdrop: var(--theme-backdrop);--theme-overlay-mode-light: rgba(0, 0, 0, .04);--theme-overlay-mode-dark: rgba(255, 255, 255, .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%, .7);--theme-focus-ring-mode-dark: hsla(347, 77%, 61%, .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, .1);--theme-shadow-mode-dark: rgba(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, .5);--theme-backdrop-mode-dark: rgba(0, 0, 0, .7);--theme-backdrop: var(--theme-backdrop-color-orange);--color-backdrop: var(--theme-backdrop);--theme-overlay-mode-light: rgba(0, 0, 0, .04);--theme-overlay-mode-dark: rgba(255, 255, 255, .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%, .7);--theme-focus-ring-mode-dark: hsla(28, 85%, 55%, .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, .1);--theme-shadow-mode-dark: rgba(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, .5);--theme-backdrop-mode-dark: rgba(0, 0, 0, .7);--theme-backdrop: var(--theme-backdrop-color-amber);--color-backdrop: var(--theme-backdrop);--theme-overlay-mode-light: rgba(0, 0, 0, .04);--theme-overlay-mode-dark: rgba(255, 255, 255, .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%, .7);--theme-focus-ring-mode-dark: hsla(42, 90%, 55%, .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, .1);--theme-shadow-mode-dark: rgba(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, .5);--theme-backdrop-mode-dark: rgba(0, 0, 0, .7);--theme-backdrop: var(--theme-backdrop-color-green);--color-backdrop: var(--theme-backdrop);--theme-overlay-mode-light: rgba(0, 0, 0, .04);--theme-overlay-mode-dark: rgba(255, 255, 255, .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%, .7);--theme-focus-ring-mode-dark: hsla(152, 47%, 45%, .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, .1);--theme-shadow-mode-dark: rgba(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, .5);--theme-backdrop-mode-dark: rgba(0, 0, 0, .7);--theme-backdrop: var(--theme-backdrop-color-olive);--color-backdrop: var(--theme-backdrop);--theme-overlay-mode-light: rgba(0, 0, 0, .04);--theme-overlay-mode-dark: rgba(255, 255, 255, .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%, .7);--theme-focus-ring-mode-dark: hsla(88, 30%, 40%, .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, .1);--theme-shadow-mode-dark: rgba(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, .5);--theme-backdrop-mode-dark: rgba(0, 0, 0, .7);--theme-backdrop: var(--theme-backdrop-color-basil);--color-backdrop: var(--theme-backdrop);--theme-overlay-mode-light: rgba(0, 0, 0, .04);--theme-overlay-mode-dark: rgba(255, 255, 255, .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%, .7);--theme-focus-ring-mode-dark: hsla(158, 34.8%, 30.8%, .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, .1);--theme-shadow-mode-dark: rgba(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, .5);--theme-backdrop-mode-dark: rgba(0, 0, 0, .7);--theme-backdrop: var(--theme-backdrop-color-brown);--color-backdrop: var(--theme-backdrop);--theme-overlay-mode-light: rgba(0, 0, 0, .04);--theme-overlay-mode-dark: rgba(255, 255, 255, .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%, .7);--theme-focus-ring-mode-dark: hsla(25, 25%, 45%, .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, .1);--theme-shadow-mode-dark: rgba(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, .5);--theme-backdrop-mode-dark: rgba(0, 0, 0, .7);--theme-backdrop: var(--theme-backdrop-color-indigo);--color-backdrop: var(--theme-backdrop);--theme-overlay-mode-light: rgba(0, 0, 0, .04);--theme-overlay-mode-dark: rgba(255, 255, 255, .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%, .7);--theme-focus-ring-mode-dark: hsla(245, 60%, 60%, .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, .1);--theme-shadow-mode-dark: rgba(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, .5);--theme-backdrop-mode-dark: rgba(0, 0, 0, .7);--theme-backdrop: var(--theme-backdrop-color-purple);--color-backdrop: var(--theme-backdrop);--theme-overlay-mode-light: rgba(0, 0, 0, .04);--theme-overlay-mode-dark: rgba(255, 255, 255, .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%, .7);--theme-focus-ring-mode-dark: hsla(270, 70%, 60%, .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, .1);--theme-shadow-mode-dark: rgba(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, .5);--theme-backdrop-mode-dark: rgba(0, 0, 0, .7);--theme-backdrop: var(--theme-backdrop-color-magenta);--color-backdrop: var(--theme-backdrop);--theme-overlay-mode-light: rgba(0, 0, 0, .04);--theme-overlay-mode-dark: rgba(255, 255, 255, .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%, .7);--theme-focus-ring-mode-dark: hsla(320, 60%, 60%, .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, .1);--theme-shadow-mode-dark: rgba(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, .5);--theme-backdrop-mode-dark: rgba(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, .04);--theme-overlay-mode-dark: rgba(255, 255, 255, .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%, .7);--theme-focus-ring-mode-dark: hsla(210, 100%, 60%, .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, .1);--theme-shadow-mode-dark: rgba(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, .5);--theme-backdrop-mode-dark: rgba(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, .04);--theme-overlay-mode-dark: rgba(255, 255, 255, .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%, .7);--theme-focus-ring-mode-dark: hsla(330, 100%, 65%, .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, .1);--theme-shadow-mode-dark: rgba(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, .5);--theme-backdrop-mode-dark: rgba(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, .04);--theme-overlay-mode-dark: rgba(255, 255, 255, .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%, .7);--theme-focus-ring-mode-dark: hsla(18, 96%, 60%, .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, .1);--theme-shadow-mode-dark: rgba(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, .5);--theme-backdrop-mode-dark: rgba(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, .04);--theme-overlay-mode-dark: rgba(255, 255, 255, .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%, .7);--theme-focus-ring-mode-dark: hsla(320, 71%, 40%, .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, .1);--theme-shadow-mode-dark: rgba(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, .5);--theme-overlay-color-cg-blue: rgba(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%, .7);--theme-shadow-color-cg-blue: rgba(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, .5);--theme-overlay-color-cyan: rgba(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%, .7);--theme-shadow-color-cyan: rgba(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, .5);--theme-overlay-color-teal: rgba(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%, .7);--theme-shadow-color-teal: rgba(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, .5);--theme-overlay-color-pink: rgba(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%, .7);--theme-shadow-color-pink: rgba(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, .5);--theme-overlay-color-rose: rgba(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%, .7);--theme-shadow-color-rose: rgba(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, .5);--theme-overlay-color-orange: rgba(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%, .7);--theme-shadow-color-orange: rgba(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, .5);--theme-overlay-color-amber: rgba(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%, .7);--theme-shadow-color-amber: rgba(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, .5);--theme-overlay-color-green: rgba(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%, .7);--theme-shadow-color-green: rgba(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, .5);--theme-overlay-color-olive: rgba(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%, .7);--theme-shadow-color-olive: rgba(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, .5);--theme-overlay-color-basil: rgba(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%, .7);--theme-shadow-color-basil: rgba(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, .5);--theme-overlay-color-brown: rgba(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%, .7);--theme-shadow-color-brown: rgba(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, .5);--theme-overlay-color-indigo: rgba(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%, .7);--theme-shadow-color-indigo: rgba(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, .5);--theme-overlay-color-purple: rgba(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%, .7);--theme-shadow-color-purple: rgba(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, .5);--theme-overlay-color-magenta: rgba(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%, .7);--theme-shadow-color-magenta: rgba(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, .5);--theme-overlay-color-electric-blue: rgba(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%, .7);--theme-shadow-color-electric-blue: rgba(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, .5);--theme-overlay-color-hot-pink: rgba(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%, .7);--theme-shadow-color-hot-pink: rgba(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, .5);--theme-overlay-color-shrine-pink: rgba(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%, .7);--theme-shadow-color-shrine-pink: rgba(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, .5);--theme-overlay-color-crane-purple: rgba(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%, .7);--theme-shadow-color-crane-purple: rgba(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, .7);--theme-overlay-color-cg-blue: rgba(255, 255, 255, .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%, .9);--theme-shadow-color-cg-blue: rgba(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, .7);--theme-overlay-color-cyan: rgba(255, 255, 255, .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%, .9);--theme-shadow-color-cyan: rgba(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, .7);--theme-overlay-color-teal: rgba(255, 255, 255, .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%, .9);--theme-shadow-color-teal: rgba(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, .7);--theme-overlay-color-pink: rgba(255, 255, 255, .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%, .9);--theme-shadow-color-pink: rgba(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, .7);--theme-overlay-color-rose: rgba(255, 255, 255, .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%, .9);--theme-shadow-color-rose: rgba(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, .7);--theme-overlay-color-orange: rgba(255, 255, 255, .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%, .9);--theme-shadow-color-orange: rgba(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, .7);--theme-overlay-color-amber: rgba(255, 255, 255, .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%, .9);--theme-shadow-color-amber: rgba(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, .7);--theme-overlay-color-green: rgba(255, 255, 255, .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%, .9);--theme-shadow-color-green: rgba(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, .7);--theme-overlay-color-olive: rgba(255, 255, 255, .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%, .9);--theme-shadow-color-olive: rgba(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, .7);--theme-overlay-color-basil: rgba(255, 255, 255, .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%, .9);--theme-shadow-color-basil: rgba(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, .7);--theme-overlay-color-brown: rgba(255, 255, 255, .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%, .9);--theme-shadow-color-brown: rgba(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, .7);--theme-overlay-color-indigo: rgba(255, 255, 255, .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%, .9);--theme-shadow-color-indigo: rgba(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, .7);--theme-overlay-color-purple: rgba(255, 255, 255, .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%, .9);--theme-shadow-color-purple: rgba(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, .7);--theme-overlay-color-magenta: rgba(255, 255, 255, .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%, .9);--theme-shadow-color-magenta: rgba(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, .7);--theme-overlay-color-electric-blue: rgba(255, 255, 255, .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%, .9);--theme-shadow-color-electric-blue: rgba(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, .7);--theme-overlay-color-hot-pink: rgba(255, 255, 255, .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%, .9);--theme-shadow-color-hot-pink: rgba(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, .7);--theme-overlay-color-shrine-pink: rgba(255, 255, 255, .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%, .9);--theme-shadow-color-shrine-pink: rgba(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, .7);--theme-overlay-color-crane-purple: rgba(255, 255, 255, .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%, .9);--theme-shadow-color-crane-purple: rgba(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, .5);--theme-overlay-color-cg-blue: rgba(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%, .7);--theme-shadow-color-cg-blue: rgba(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, .5);--theme-overlay-color-cyan: rgba(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%, .7);--theme-shadow-color-cyan: rgba(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, .5);--theme-overlay-color-teal: rgba(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%, .7);--theme-shadow-color-teal: rgba(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, .5);--theme-overlay-color-pink: rgba(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%, .7);--theme-shadow-color-pink: rgba(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, .5);--theme-overlay-color-rose: rgba(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%, .7);--theme-shadow-color-rose: rgba(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, .5);--theme-overlay-color-orange: rgba(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%, .7);--theme-shadow-color-orange: rgba(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, .5);--theme-overlay-color-amber: rgba(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%, .7);--theme-shadow-color-amber: rgba(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, .5);--theme-overlay-color-green: rgba(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%, .7);--theme-shadow-color-green: rgba(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, .5);--theme-overlay-color-olive: rgba(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%, .7);--theme-shadow-color-olive: rgba(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, .5);--theme-overlay-color-basil: rgba(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%, .7);--theme-shadow-color-basil: rgba(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, .5);--theme-overlay-color-brown: rgba(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%, .7);--theme-shadow-color-brown: rgba(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, .5);--theme-overlay-color-indigo: rgba(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%, .7);--theme-shadow-color-indigo: rgba(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, .5);--theme-overlay-color-purple: rgba(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%, .7);--theme-shadow-color-purple: rgba(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, .5);--theme-overlay-color-magenta: rgba(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%, .7);--theme-shadow-color-magenta: rgba(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, .5);--theme-overlay-color-electric-blue: rgba(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%, .7);--theme-shadow-color-electric-blue: rgba(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, .5);--theme-overlay-color-hot-pink: rgba(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%, .7);--theme-shadow-color-hot-pink: rgba(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, .5);--theme-overlay-color-shrine-pink: rgba(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%, .7);--theme-shadow-color-shrine-pink: rgba(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, .5);--theme-overlay-color-crane-purple: rgba(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%, .7);--theme-shadow-color-crane-purple: rgba(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, .7);--theme-overlay-color-cg-blue: rgba(255, 255, 255, .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%, .9);--theme-shadow-color-cg-blue: rgba(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, .7);--theme-overlay-color-cyan: rgba(255, 255, 255, .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%, .9);--theme-shadow-color-cyan: rgba(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, .7);--theme-overlay-color-teal: rgba(255, 255, 255, .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%, .9);--theme-shadow-color-teal: rgba(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, .7);--theme-overlay-color-pink: rgba(255, 255, 255, .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%, .9);--theme-shadow-color-pink: rgba(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, .7);--theme-overlay-color-rose: rgba(255, 255, 255, .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%, .9);--theme-shadow-color-rose: rgba(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, .7);--theme-overlay-color-orange: rgba(255, 255, 255, .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%, .9);--theme-shadow-color-orange: rgba(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, .7);--theme-overlay-color-amber: rgba(255, 255, 255, .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%, .9);--theme-shadow-color-amber: rgba(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, .7);--theme-overlay-color-green: rgba(255, 255, 255, .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%, .9);--theme-shadow-color-green: rgba(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, .7);--theme-overlay-color-olive: rgba(255, 255, 255, .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%, .9);--theme-shadow-color-olive: rgba(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, .7);--theme-overlay-color-basil: rgba(255, 255, 255, .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%, .9);--theme-shadow-color-basil: rgba(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, .7);--theme-overlay-color-brown: rgba(255, 255, 255, .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%, .9);--theme-shadow-color-brown: rgba(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, .7);--theme-overlay-color-indigo: rgba(255, 255, 255, .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%, .9);--theme-shadow-color-indigo: rgba(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, .7);--theme-overlay-color-purple: rgba(255, 255, 255, .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%, .9);--theme-shadow-color-purple: rgba(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, .7);--theme-overlay-color-magenta: rgba(255, 255, 255, .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%, .9);--theme-shadow-color-magenta: rgba(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, .7);--theme-overlay-color-electric-blue: rgba(255, 255, 255, .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%, .9);--theme-shadow-color-electric-blue: rgba(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, .7);--theme-overlay-color-hot-pink: rgba(255, 255, 255, .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%, .9);--theme-shadow-color-hot-pink: rgba(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, .7);--theme-overlay-color-shrine-pink: rgba(255, 255, 255, .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%, .9);--theme-shadow-color-shrine-pink: rgba(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, .7);--theme-overlay-color-crane-purple: rgba(255, 255, 255, .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%, .9);--theme-shadow-color-crane-purple: rgba(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 transparent}*::-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 transparent}*::-webkit-scrollbar-thumb:horizontal:hover,*::-webkit-scrollbar-thumb:horizontal:active{border-width:calc((var(--scrollbar-hit-area-thickness) - var(--scrollbar-hover-thickness)) / 2)}