:root{--color-primary: hsl(23, 82%, 57%);--color-primary-200: hsl(23, 82%, 70%);--color-primary-500: var(--color-primary);--color-primary-700: hsl(17, 88%, 40%);--color-primary-hover: hsl(20, 90%, 47%);--color-primary-light: hsl(22, 76%, 96%);--color-primary-selected: hsl(21, 100%, 94%);--color-gradient-primary: linear-gradient(135deg, var(--color-primary-200), var(--color-primary-700));--color-emphasis: hsl(17, 88%, 40%);--color-success: hsl(160, 84%, 38%);--color-success-hover: hsl(161, 94%, 29%);--color-danger: hsl(4, 74%, 55%);--color-danger-hover: hsl(4, 80%, 46%);--color-danger-accent: hsl(4, 82%, 37%);--color-l-base-0: hsl(0, 0%, 100%);--color-l-base-50: hsl(240, 4%, 97%);--color-l-base-100: hsl(240, 4%, 95%);--color-l-base-200: hsl(240, 4%, 91%);--color-l-base-300: hsl(240, 4%, 86%);--color-l-base-400: hsl(240, 5%, 68%);--color-l-base-500: hsl(240, 4%, 44%);--color-l-base-800: hsl(240, 5%, 25%);--color-l-base-900: hsl(240, 4%, 15%);--color-l-base-950: hsl(240, 6%, 10%);--font-size-2xsmall: 10px;--font-size-xsmall: 12px;--font-size-small: 14px;--font-size-regular: 16px;--font-size-medium: 18px;--font-size-xmedium: 20px;--font-size-large: 24px;--font-size-xlarge: 32px;--font-size-2xlarge: 48px;--font-family-sans: "pingfang", "misans", "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-family-monospace: "Courier New", Courier, monospace;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-bold: 700;--z-index-global-toast: 2147483647;--toast-radius: 10px;--toast-shadow: 0 8px 24px rgba(0, 0, 0, .2);--toast-info-bg: hsl(213, 100%, 97%);--toast-info-border: hsl(213, 78%, 83%);--toast-info-text: hsl(215, 78%, 28%);--toast-warning-bg: hsl(40, 100%, 95%);--toast-warning-border: hsl(38, 90%, 78%);--toast-warning-text: hsl(32, 88%, 27%);--toast-error-bg: hsl(4, 100%, 96%);--toast-error-border: hsl(4, 74%, 82%);--toast-error-text: hsl(4, 78%, 34%)}body{--color-bg: var(--color-l-base-100);--color-header-bg: var(--color-l-base-0);--color-footer-bg: var(--color-l-base-0);--color-font-regular: var(--color-l-base-800);--color-font-secondary: var(--color-l-base-500);--color-font-emphasis: var(--color-emphasis);--color-font-black: var(--color-l-base-900);--color-card-bg: var(--color-l-base-0);--color-card-border: var(--color-l-base-200);--color-card-text: var(--color-l-base-800);--color-card-secondary-bg: var(--color-l-base-50);--color-card-secondary-border: var(--color-l-base-400);--color-card-secondary-text: var(--color-l-base-800);--color-shadow: rgba(0, 0, 0, .08);--color-input-bg: var(--color-l-base-100);--color-input-border: var(--color-l-base-400);--color-input-border-hover: var(--color-l-base-500);--color-input-text: var(--color-l-base-800);--color-input-placeholder: var(--color-l-base-400);--btn-gradient-bg: var(--color-gradient-primary);--btn-primary-bg: var(--color-primary);--btn-primary-text: var(--color-l-base-0);--btn-secondary-bg: var(--color-l-base-100);--btn-secondary-border: var(--color-l-base-400);--btn-secondary-text: var(--color-l-base-800);--btn-disabled-bg: var(--color-l-base-200);--btn-disabled-text: var(--color-l-base-400);--btn-safe-bg: var(--color-success);--btn-safe-text: var(--color-l-base-0);--btn-danger-bg: var(--color-danger);--btn-danger-border: hsl(4, 74%, 48%);--btn-danger-text: var(--color-l-base-0);--stepper-incomplete-bg: var(--color-l-base-400);--stepper-complete-bg: var(--color-primary);--stepper-current-bg: var(--color-primary);--stepper-error-bg: var(--color-danger);--stepper-line-complete-bg: var(--color-primary-200);--stepper-line-incomplete-bg: var(--color-l-base-400);--color-divider: var(--color-l-base-400);--color-appicon-bg: var(--color-l-base-100);--color-appicon-border: var(--color-l-base-400);--color-permission-icon: var(--color-l-base-800);--color-permission-icon-bg: var(--color-l-base-100);--color-permission-icon-border: var(--color-l-base-400);--color-label: var(--color-l-base-800);--color-label-bg: var(--color-l-base-100);--color-label-border: var(--color-l-base-400);--color-label-success: var(--color-l-base-0);--color-label-success-bg: var(--color-success);--color-label-success-border: var(--color-success-hover);--color-profileitem-bg: var(--color-l-base-100);--color-profileitem-border: var(--color-l-base-400);--dash-bg: var(--color-l-base-200);--color-tips-bg: var(--color-l-base-0);--color-danger-bg: hsl(4, 76%, 96%);--color-danger-card: hsl(4, 50%, 97%);--color-danger-border: hsl(4, 60%, 82%)}body{background-color:var(--color-bg);min-height:100vh;min-height:100svh;min-width:100%;margin:0;padding:0;font-family:var(--font-family-sans);transition:background-color .3s ease,color .3s ease}