:root { --alpha-black-0: hsl(0 0% 0% / 0); --alpha-black-10: hsl(0 0% 0% / 0.10196078431372549); --alpha-black-20: hsl(0 0% 0% / 0.2); --alpha-black-30: hsl(0 0% 0% / 0.2980392156862745); --alpha-black-40: hsl(0 0% 0% / 0.4); --alpha-black-50: hsl(0 0% 0% / 0.5019607843137255); --alpha-black-60: hsl(0 0% 0% / 0.6); --alpha-black-70: hsl(0 0% 0% / 0.6980392156862745); --alpha-black-80: hsl(0 0% 0% / 0.8); --alpha-black-90: hsl(0 0% 0% / 0.9019607843137255); --alpha-black-100: hsl(0 0% 0%); --alpha-white-0: hsl(0 0% 100% / 0); --alpha-white-10: hsl(0 0% 100% / 0.10196078431372549); --alpha-white-20: hsl(0 0% 100% / 0.2); --alpha-white-30: hsl(0 0% 100% / 0.2980392156862745); --alpha-white-40: hsl(0 0% 100% / 0.4); --alpha-white-50: hsl(0 0% 100% / 0.5019607843137255); --alpha-white-60: hsl(0 0% 100% / 0.6); --alpha-white-70: hsl(0 0% 100% / 0.6980392156862745); --alpha-white-80: hsl(0 0% 100% / 0.8); --alpha-white-90: hsl(0 0% 100% / 0.9019607843137255); --alpha-white-100: hsl(0 0% 100%); --brand-25: hsl(212 100% 97%); --brand-50: hsl(210 100% 96%); --brand-100: hsl(213 100% 93%); --brand-200: hsl(215 100% 88%); --brand-300: hsl(216 100% 79%); --brand-400: hsl(216 100% 69%); --brand-500: hsl(218 100% 61%); --brand-600: hsl(220 97% 53%); --brand-700: hsl(218 79% 44%); --brand-800: hsl(216 73% 34%); --brand-900: hsl(214 69% 24%); --brand-950: hsl(211 63% 14%); --gray-25: hsl(210 40% 98%); --gray-50: hsl(213 36% 95%); --gray-100: hsl(213 27% 92%); --gray-200: hsl(216 25% 88%); --gray-300: hsl(220 21% 78%); --gray-400: hsl(222 12% 57%); --gray-500: hsl(223 13% 47%); --gray-600: hsl(224 14% 37%); --gray-700: hsl(225 16% 29%); --gray-800: hsl(222 15% 23%); --gray-900: hsl(218 14% 15%); --gray-950: hsl(230 13% 9%); --error-25: hsl(354 100% 98%); --error-50: hsl(354 100% 96%); --error-100: hsl(353 100% 93%); --error-200: hsl(355 100% 88%); --error-300: hsl(356 93% 79%); --error-400: hsl(358 84% 69%); --error-500: hsl(359 76% 60%); --error-600: hsl(1 67% 50%); --error-700: hsl(0 59% 41%); --error-800: hsl(359 51% 33%); --error-900: hsl(359 43% 24%); --error-950: hsl(358 35% 15%); --warning-25: hsl(36 100% 97%); --warning-50: hsl(37 100% 95%); --warning-100: hsl(37 100% 92%); --warning-200: hsl(34 100% 88%); --warning-300: hsl(34 100% 79%); --warning-400: hsl(34 100% 69%); --warning-500: hsl(34 97% 59%); --warning-600: hsl(34 94% 48%); --warning-700: hsl(34 83% 39%); --warning-800: hsl(33 71% 31%); --warning-900: hsl(33 61% 23%); --warning-950: hsl(31 48% 15%); --success-25: hsl(140 60% 97%); --success-50: hsl(143 68% 94%); --success-100: hsl(144 60% 91%); --success-200: hsl(147 58% 85%); --success-300: hsl(150 52% 72%); --success-400: hsl(153 50% 59%); --success-500: hsl(156 57% 45%); --success-600: hsl(159 97% 30%); --success-700: hsl(159 86% 25%); --success-800: hsl(158 73% 19%); --success-900: hsl(155 61% 14%); --success-950: hsl(158 52% 9%); --orange-25: hsl(18 100% 98%); --orange-50: hsl(18 100% 96%); --orange-100: hsl(22 100% 93%); --orange-200: hsl(20 100% 88%); --orange-300: hsl(22 100% 79%); --orange-400: hsl(23 100% 69%); --orange-500: hsl(24 98% 59%); --orange-600: hsl(25 90% 49%); --orange-700: hsl(24 80% 40%); --orange-800: hsl(24 69% 32%); --orange-900: hsl(23 58% 23%); --orange-950: hsl(22 47% 15%); --pink-25: hsl(318 100% 98%); --pink-50: hsl(318 100% 96%); --pink-100: hsl(315 89% 93%); --pink-200: hsl(315 87% 88%); --pink-300: hsl(316 79% 77%); --pink-400: hsl(317 72% 67%); --pink-500: hsl(319 65% 57%); --pink-600: hsl(320 67% 46%); --pink-700: hsl(319 59% 38%); --pink-800: hsl(318 52% 30%); --pink-900: hsl(316 43% 22%); --pink-950: hsl(317 35% 14%); --purple-25: hsl(270 100% 98%); --purple-50: hsl(270 100% 96%); --purple-100: hsl(269 100% 94%); --purple-200: hsl(269 100% 89%); --purple-300: hsl(268 100% 81%); --purple-400: hsl(268 94% 73%); --purple-500: hsl(268 85% 65%); --purple-600: hsl(269 75% 57%); --purple-700: hsl(268 51% 47%); --purple-800: hsl(268 44% 37%); --purple-900: hsl(266 36% 27%); --purple-950: hsl(266 29% 17%); --sky-25: hsl(198 100% 98%); --sky-50: hsl(198 100% 95%); --sky-100: hsl(200 100% 93%); --sky-200: hsl(201 100% 88%); --sky-300: hsl(202 100% 79%); --sky-400: hsl(203 100% 69%); --sky-500: hsl(204 100% 60%); --sky-600: hsl(205 100% 49%); --sky-700: hsl(204 88% 40%); --sky-800: hsl(203 75% 32%); --sky-900: hsl(202 64% 23%); --sky-950: hsl(201 53% 15%); --teal-25: hsl(180 47% 97%); --teal-50: hsl(180 61% 94%); --teal-100: hsl(180 57% 91%); --teal-200: hsl(180 53% 85%); --teal-300: hsl(179 50% 72%); --teal-400: hsl(179 46% 58%); --teal-500: hsl(180 56% 43%); --teal-600: hsl(180 100% 28%); --teal-700: hsl(179 88% 23%); --teal-800: hsl(177 76% 18%); --teal-900: hsl(177 64% 13%); --teal-950: hsl(177 51% 8%); --violet-25: hsl(234 100% 98%); --violet-50: hsl(234 100% 96%); --violet-100: hsl(238 100% 94%); --violet-200: hsl(239 100% 90%); --violet-300: hsl(240 100% 83%); --violet-400: hsl(242 100% 76%); --violet-500: hsl(243 100% 71%); --violet-600: hsl(244 100% 66%); --violet-700: hsl(243 54% 55%); --violet-800: hsl(243 39% 43%); --violet-900: hsl(241 33% 31%); --violet-950: hsl(242 27% 20%); --border-brand: hsl(220 97% 53%); --border-brand-alt: hsl(220 97% 53%); --border-brand-subtle: hsl(216 100% 79%); --border-disabled: hsl(213 27% 92%); --border-error: hsl(359 76% 60%); --border-error-subtle: hsl(356 93% 79%); --border-primary: hsl(216 25% 88%); --border-secondary: hsl(213 27% 92%); --border-success: hsl(156 57% 45%); --border-success-subtle: hsl(150 52% 72%); --border-tertiary: hsl(213 36% 95%); --border-warning: hsl(34 97% 59%); --border-warning-subtle: hsl(34 100% 79%); --border-white: hsl(0 0% 100%); --border-white-primary: hsl(0 0% 100% / 0.2980392156862745); --border-white-secondary: hsl(0 0% 100% / 0.2); --border-white-tertiary: hsl(0 0% 100% / 0.10196078431372549); --btn-border-disabled: hsl(213 27% 92%); --btn-content-disabled: hsl(220 21% 78%); --btn-error-border-stroke: hsl(358 84% 69%); --btn-error-content: hsl(0 0% 100%); --btn-error-content-ghost: hsl(359 76% 60%); --btn-error-content-ghost-hover: hsl(1 67% 50%); --btn-error-content-light: hsl(359 76% 60%); --btn-error-content-stroke: hsl(359 76% 60%); --btn-error-surface: hsl(359 76% 60%); --btn-error-surface-ghost-hover: hsl(354 100% 98%); --btn-error-surface-hover: hsl(1 67% 50%); --btn-error-surface-light: hsl(354 100% 98%); --btn-error-surface-light-hover: hsl(354 100% 96%); --btn-error-surface-stroke: hsl(0 0% 100%); --btn-error-surface-stroke-hover: hsl(354 100% 98%); --btn-group-surface-active: hsl(210 40% 98%); --btn-group-surface-hover: hsl(210 40% 98%); --btn-primary-border: hsl(218 100% 61%); --btn-primary-content: hsl(0 0% 100%); --btn-primary-content-ghost: hsl(220 97% 53%); --btn-primary-content-ghost-hover: hsl(218 79% 44%); --btn-primary-content-light: hsl(220 97% 53%); --btn-primary-content-light-hover: hsl(218 79% 44%); --btn-primary-content-stroke: hsl(220 97% 53%); --btn-primary-surface: hsl(220 97% 53%); --btn-primary-surface-ghost-hover: hsl(210 100% 96%); --btn-primary-surface-hover: hsl(218 79% 44%); --btn-primary-surface-light: hsl(210 100% 96%); --btn-primary-surface-light-hover: hsl(213 100% 93%); --btn-primary-surface-stroke: hsl(0 0% 100%); --btn-primary-surface-stroke-hover: hsl(210 100% 96%); --btn-secondary-border: hsl(213 27% 92%); --btn-secondary-content: hsl(0 0% 100%); --btn-secondary-content-ghost: hsl(224 14% 37%); --btn-secondary-content-ghost-hover: hsl(225 16% 29%); --btn-secondary-content-light: hsl(224 14% 37%); --btn-secondary-content-light-hover: hsl(225 16% 29%); --btn-secondary-content-stroke: hsl(225 16% 29%); --btn-secondary-surface: hsl(218 14% 15%); --btn-secondary-surface-ghost-hover: hsl(210 40% 98%); --btn-secondary-surface-hover: hsl(230 13% 9%); --btn-secondary-surface-light: hsl(210 40% 98%); --btn-secondary-surface-light-hover: hsl(213 36% 95%); --btn-secondary-surface-stroke: hsl(0 0% 100%); --btn-secondary-surface-stroke-hover: hsl(210 40% 98%); --btn-seg-surface: hsl(210 40% 98%); --btn-seg-surface-active: hsl(0 0% 100%); --btn-seg-surface-alt: hsl(213 36% 95%); --btn-surface-disabled: hsl(213 36% 95%); --btn-white-border-disabled: hsl(0 0% 100% / 0.2); --btn-white-border-stroke: hsl(0 0% 100% / 0.2980392156862745); --btn-white-content: hsl(230 13% 9%); --btn-white-content-disabled: hsl(0 0% 100% / 0.2980392156862745); --btn-white-content-stroke: hsl(0 0% 100%); --btn-white-surface: hsl(0 0% 100%); --btn-white-surface-disabled: hsl(0 0% 100% / 0.2); --btn-white-surface-ghost-hover: hsl(0 0% 100% / 0.10196078431372549); --btn-white-surface-hover: hsl(0 0% 100% / 0.9019607843137255); --btn-white-surface-light: hsl(0 0% 100% / 0.10196078431372549); --btn-white-surface-light-hover: hsl(0 0% 100% / 0.2); --btn-white-surface-stroke: hsl(0 0% 100% / 0); --btn-white-surface-stroke-hover: hsl(0 0% 100% / 0.10196078431372549); --content-active: hsl(218 100% 61%); --content-black: hsl(0 0% 0%); --content-brand-primary: hsl(220 97% 53%); --content-brand-quaternary: hsl(216 100% 79%); --content-brand-secondary: hsl(218 100% 61%); --content-brand-tertiary: hsl(216 100% 69%); --content-disabled: hsl(220 21% 78%); --content-error-primary: hsl(1 67% 50%); --content-error-secondary: hsl(359 76% 60%); --content-primary: hsl(222 15% 23%); --content-quaternary: hsl(223 13% 47%); --content-quinary: hsl(222 12% 57%); --content-secondary: hsl(225 16% 29%); --content-secondary-hover: hsl(218 14% 15%); --content-senary: hsl(220 21% 78%); --content-success-primary: hsl(159 97% 30%); --content-success-secondary: hsl(156 57% 45%); --content-tertiary: hsl(224 14% 37%); --content-tertiary-hover: hsl(222 15% 23%); --content-warning-primary: hsl(34 94% 48%); --content-warning-secondary: hsl(34 97% 59%); --content-white-primary: hsl(0 0% 100%); --content-white-secondary: hsl(0 0% 100% / 0.8); --content-white-tertiary: hsl(0 0% 100% / 0.6); --surface-brand-primary: hsl(212 100% 97%); --surface-brand-primary-hover: hsl(210 100% 96%); --surface-brand-quaternary: hsl(215 100% 88%); --surface-brand-secondary: hsl(210 100% 96%); --surface-brand-section: hsl(211 63% 14%); --surface-brand-section-alt: hsl(218 79% 44%); --surface-brand-section-subtle: hsl(210 100% 96%); --surface-brand-solid: hsl(220 97% 53%); --surface-brand-tertiary: hsl(213 100% 93%); --surface-disabled: hsl(213 27% 92%); --surface-disabled-subtle: hsl(210 40% 98%); --surface-error-primary: hsl(354 100% 98%); --surface-error-quaternary: hsl(355 100% 88%); --surface-error-secondary: hsl(354 100% 96%); --surface-error-solid: hsl(359 76% 60%); --surface-error-tertiary: hsl(353 100% 93%); --surface-overlay: hsl(0 0% 0% / 0.2980392156862745); --surface-overlay-white: hsl(0 0% 100% / 0.8); --surface-primary: hsl(0 0% 100%); --surface-primary-active: hsl(210 40% 98%); --surface-primary-alt: hsl(0 0% 100%); --surface-primary-alt-hover: hsl(210 40% 98%); --surface-primary-hover: hsl(210 40% 98%); --surface-primary-solid: hsl(230 13% 9%); --surface-quaternary: hsl(213 27% 92%); --surface-quinary: hsl(216 25% 88%); --surface-secondary: hsl(210 40% 98%); --surface-secondary-active: hsl(213 36% 95%); --surface-secondary-alt: hsl(210 40% 98%); --surface-secondary-hover: hsl(213 36% 95%); --surface-secondary-solid: hsl(224 14% 37%); --surface-selected: hsl(220 97% 53%); --surface-selected-hover: hsl(218 79% 44%); --surface-selected-subtle: hsl(210 100% 96%); --surface-senary: hsl(220 21% 78%); --surface-success-primary: hsl(140 60% 97%); --surface-success-quaternary: hsl(147 58% 85%); --surface-success-secondary: hsl(143 68% 94%); --surface-success-solid: hsl(159 97% 30%); --surface-success-tertiary: hsl(144 60% 91%); --surface-tertiary: hsl(213 36% 95%); --surface-tertiary-alt: hsl(213 36% 95%); --surface-tertiary-hover: hsl(213 27% 92%); --surface-warning-primary: hsl(36 100% 97%); --surface-warning-quaternary: hsl(34 100% 88%); --surface-warning-secondary: hsl(37 100% 95%); --surface-warning-solid: hsl(34 97% 59%); --surface-warning-tertiary: hsl(37 100% 92%); --surface-white-primary: hsl(0 0% 100% / 0.0392156862745098); --surface-white-secondary: hsl(0 0% 100% / 0.0784313725490196); --surface-white-solid: hsl(0 0% 100%); --surface-white-tertiary: hsl(0 0% 100% / 0.12156862745098039); --text-active: hsl(220 97% 53%); --text-black: hsl(0 0% 0%); --text-brand-primary: hsl(220 97% 53%); --text-brand-secondary: hsl(218 100% 61%); --text-brand-tertiary: hsl(216 100% 69%); --text-disabled: hsl(220 21% 78%); --text-error-primary: hsl(1 67% 50%); --text-link: hsl(220 97% 53%); --text-placeholder: hsl(222 12% 57%); --text-placeholder-focused: hsl(218 14% 15%); --text-primary: hsl(230 13% 9%); --text-primary-on-brand: hsl(0 0% 100%); --text-quaternary: hsl(223 13% 47%); --text-quaternary-on-brand: hsl(216 100% 79%); --text-quinary: hsl(222 12% 57%); --text-secondary: hsl(222 15% 23%); --text-secondary-hover: hsl(230 13% 9%); --text-secondary-on-brand: hsl(213 100% 93%); --text-success-primary: hsl(159 97% 30%); --text-tertiary: hsl(224 14% 37%); --text-tertiary-hover: hsl(222 15% 23%); --text-tertiary-on-brand: hsl(215 100% 88%); --text-warning-primary: hsl(34 94% 48%); --text-white-primary: hsl(0 0% 100%); --text-white-secondary: hsl(0 0% 100% / 0.8); --text-white-tertiary: hsl(0 0% 100% / 0.6); --secondary-color: #161b42; --maincolor: #EE2424;}