:root,[data-theme=dark] {
    --text-white: #ffffff;
    --text-disabled: #737373;
    --bg-secondary-solid: #262626;
    --bg-brand-solid: #f22010;
    --bg-brand-solid-alt: #d51709;
    --bg-error-solid: #d92d20;
    --bg-warning-solid: #dc6803;
    --bg-success-solid: #079455;
    --fg-white: #ffffff;
    --fg-brand-secondary: #ff3d2f
}

.radius-l-0,.radius-t-0 {
    border-top-left-radius: var(--radius-0)
}

.radius-b-0,.radius-l-0 {
    border-bottom-left-radius: var(--radius-0)
}

.radius-r-0,.radius-t-0 {
    border-top-right-radius: var(--radius-0)
}

.radius-b-0,.radius-r-0 {
    border-bottom-right-radius: var(--radius-0);
    overflow: hidden
}

.radius-0,.radius-4,.radius-b-0,.radius-b-4,.radius-l-0,.radius-r-0,.radius-t-0,.radius-t-4 {
    overflow: hidden
}

:root {
    --font-family-display: "UBA Sans",Sans-serif;
    --font-family-base: "Roboto",sans-serif;
    --base-size-xxs: 0.625rem;
    --base-lh-xxs: 0.75rem;
    --base-size-xs: 0.75rem;
    --base-lh-xs: 1.125rem;
    --base-size-sm: 0.875rem;
    --base-lh-sm: 1.25rem;
    --base-size-md: 1rem;
    --base-lh-md: 1.5rem;
    --base-size-lg: 1.125rem;
    --base-lh-lg: 1.75rem;
    --base-size-xl: 1.25rem;
    --base-lh-xl: 1.875rem;
    --display-size-xxs: 0.875rem;
    --display-lh-xxs: 1.25rem;
    --display-size-xs: 1rem;
    --display-lh-xs: 1.5rem;
    --display-size-sm: 1.25rem;
    --display-lh-sm: 1.75rem;
    --display-size-md: 1.5rem;
    --display-lh-md: 2rem;
    --display-size-lg: 1.875rem;
    --display-lh-lg: 2.25rem;
    --display-size-xl: 2.25rem;
    --display-lh-xl: 2.75rem;
    --display-size-2xl: 3rem;
    --display-lh-2xl: 3.75rem;
    --fw-300: 300;
    --fw-400: 400;
    --fw-500: 500;
    --fw-600: 600;
    --fw-700: 700;
    --fw-800: 800;
    --fw-900: 900;
    --font-weight-100: 100;
    --font-weight-200: 200;
    --font-weight-300: 300;
    --font-weight-400: 400;
    --font-weight-500: 500;
    --font-weight-600: 600;
    --font-weight-700: 700;
    --font-weight-800: 800;
    --font-weight-900: 900;
    --space-0: 0;
    --space-2: 2px;
    --space-4: 4px;
    --space-8: 8px;
    --space-10: 10px;
    --space-12: 12px;
    --space-16: 16px;
    --space-20: 20px;
    --space-24: 24px;
    --space-32: 32px;
    --space-30: 30px;
    --space-40: 40px;
    --space-48: 48px;
    --space-56: 56px;
    --space-64: 64px;
    --space-80: 80px;
    --space-96: 96px;
    --space-112: 112px;
    --space-128: 128px;
    --radius-0: 0;
    --radius-2: 2px;
    --radius-4: 4px;
    --radius-8: 8px;
    --radius-12: 12px;
    --radius-16: 16px;
    --radius-24: 24px;
    --radius-32: 32px;
    --radius-full: 9999px;
    --radius-half: 50%;
    --default-max-width: 1200px;
    --text-color: #000000;
    --text-primary: #171717;
    --text-primary-alt: #fff;
    --text-primary_on-brand: #ffffff;
    --text-secondary: #404040;
    --text-secondary-hover: #262626;
    --text-secondary_hover: #262626;
    --text-secondary-brand: #ffc8c4;
    --text-secondary_on-brand: #ffc8c4;
    --text-tertiary: #525252;
    --text-tertiary-hover: #404040;
    --text-tertiary_hover: #404040;
    --text-tertiary-brand: #ffc8c4;
    --text-tertiary_on-brand: #ffc8c4;
    --text-quatenary: #737373;
    --text-quaternary: #737373;
    --text-quatenary-brand: #ffa19a;
    --text-quaternary_on-brand: #ffa19a;
    --text-placeholder: #737373;
    --text-placeholder_subtle: #d4d4d4;
    --text-brand-primary: #8b1911;
    --text-brand-secondary: #d51709;
    --text-brand-tertiary: #f22010;
    --text-brand-quatenary: #171717;
    --text-brand-tertiary-alt: #f22010;
    --text-brand-tertiary_alt: #f22010;
    --text-error-primary: #d92d20;
    --text-warning-primary: #dc6803;
    --text-success-primary: #079455;
    --background-color: #ffffff;
    --header-color: #333333;
    --link-color: #1a0dab;
    --footer-bg: #1d1d1d;
    --btn-secondary: #d51709;
    --btn-text-color: #ffffff;
    --btn-bg-brand: #f22010;
    --radius-md: 8px;
    --container-bx: #f7f7f7;
    --fit-line-red: #f22010;
    --bg-primary: #ffffff;
    --bg-primary-alt: #ffffff;
    --bg-primary_alt: #ffffff;
    --bg-primary-new-alt: #0a0a0a;
    --bg-primary-hover: #fafafa;
    --bg-primary_hover: #fafafa;
    --bg-primary-solid: #0a0a0a;
    --bg-secondary: #fafafa;
    --bg-secondary-alt: #fafafa;
    --bg-secondary_alt: #fafafa;
    --bg-secondary-hover: #f5f5f5;
    --bg-secondary_hover: #f5f5f5;
    --bg-secondary-subtle: #fdfcfc;
    --bg-secondary_subtle: #fdfcfc;
    --bg-tertiary: #f5f5f5;
    --bg-quatenary: #e5e5e5;
    --bg-quaternary: #e5e5e5;
    --bg-active: #fafafa;
    --bg-disabled: #f5f5f5;
    --bg-disabled-subtle: #fafafa;
    --bg-disabled_subtle: #fafafa;
    --bg-overlay: #0a0a0a;
    --bg-brand-primary: #fff2f1;
    --bg-brand-primary-alt: #fff2f1;
    --bg-brand-primary_alt: #fff2f1;
    --bg-brand-secondary: #ffe1df;
    --bg-brand-solid-hover: #d51709;
    --bg-brand-solid_hover: #d51709;
    --bg-brand-section: #aa0000;
    --bg-brand-section-subtle: #d51709;
    --bg-brand-section_subtle: #d51709;
    --bg-error-primary: #fef3f2;
    --bg-error-secondary: #fee4e2;
    --bg-warning-primary: #fffaeb;
    --bg-warning-secondary: #fef0c7;
    --bg-success-primary: #ecfdf3;
    --bg-success-secondary: #dcfae6;
    --fg-primary: #171717;
    --fg-secondary: #404040;
    --fg-secondary-hover: #262626;
    --fg-secondary_hover: #262626;
    --fg-tertiary: #525252;
    --fg-tertiary-hover: #404040;
    --fg-tertiary_hover: #404040;
    --fg-quatenary: #737373;
    --fg-quaternary: #737373;
    --fg-quaternary-hover: #525252;
    --fg-quaternary_hover: #525252;
    --fg-quinary: #a3a3a3;
    --fg-quinary-hover: #737373;
    --fg-quinary_hover: #737373;
    --fg-senary: #d4d4d4;
    --fg-disabled: #a3a3a3;
    --fg-disabled-subtle: #d4d4d4;
    --fg-disabled_subtle: #d4d4d4;
    --fg-brand-primary: #f22010;
    --fg-brand-primary-alt: #f22010;
    --fg-brand-primary_alt: #f22010;
    --fg-error-primary: #d92d20;
    --fg-error-secondary: #f04438;
    --fg-warning-primary: #dc6803;
    --fg-warning-secondary: #f79009;
    --fg-success-primary: #079455;
    --fg-success-secondary: #17b26a;
    --border-primary: #d4d4d4;
    --border-secondary: #e5e5e5;
    --border-tertiary: #f5f5f5;
    --border-disabled: #d4d4d4;
    --border-disabled-subtle: #e5e5e5;
    --border-disabled_subtle: #e5e5e5;
    --border-brand: #ffa19a;
    --border-brand-solid: #f22010;
    --border-brand-solid-alt: #f22010;
    --border-brand-solid_alt: #f22010;
    --border-error: #fda29b;
    --border-error-solid: #d92d20;
    --fit-line-red: #f22010
}

[data-theme=dark] {
    --text-color: #ffffff;
    --text-primary: #fafafa;
    --text-primary-alt: #0a0a0a;
    --text-primary_on-brand: #fafafa;
    --text-secondary: #d4d4d4;
    --text-secondary-hover: #e5e5e5;
    --text-secondary_hover: #e5e5e5;
    --text-secondary-brand: #d4d4d4;
    --text-secondary_on-brand: #d4d4d4;
    --text-tertiary: #a3a3a3;
    --text-tertiary-hover: #d4d4d4;
    --text-tertiary_hover: #d4d4d4;
    --text-tertiary-brand: #a3a3a3;
    --text-tertiary_on-brand: #a3a3a3;
    --text-quatenary: #a3a3a3;
    --text-quaternary: #a3a3a3;
    --text-quatenary-brand: #a3a3a3;
    --text-quaternary_on-brand: #a3a3a3;
    --text-placeholder: #a3a3a3;
    --text-placeholder_subtle: #404040;
    --text-brand-primary: #fafafa;
    --text-brand-secondary: #d4d4d4;
    --text-brand-tertiary: #a3a3a3;
    --text-brand-quatenary: #d51709;
    --text-brand-tertiary-alt: #fafafa;
    --text-brand-tertiary_alt: #fafafa;
    --text-error-primary: #f97066;
    --text-warning-primary: #fdb022;
    --text-success-primary: #47cd89;
    --background-color: #1d1d1d;
    --btn-secondary: #d2d2d2;
    --header-color: #dddddd;
    --link-color: #4e9dff;
    --footer-bg: #2f2f2f;
    --container-bx: #2f2f2f;
    --fit-line-red: #c79d9a;
    --bg-primary: #0a0a0a;
    --bg-primary-alt: #171717;
    --bg-primary_alt: #171717;
    --bg-primary-new-alt: #ffffff;
    --bg-primary-hover: #262626;
    --bg-primary_hover: #262626;
    --bg-primary-solid: #171717;
    --bg-secondary: #171717;
    --bg-secondary-alt: #0a0a0a;
    --bg-secondary_alt: #0a0a0a;
    --bg-secondary-hover: #262626;
    --bg-secondary_hover: #262626;
    --bg-secondary-subtle: #171717;
    --bg-secondary_subtle: #171717;
    --bg-tertiary: #262626;
    --bg-quatenary: #404040;
    --bg-quaternary: #404040;
    --bg-active: #262626;
    --bg-disabled: #262626;
    --bg-disabled-subtle: #171717;
    --bg-disabled_subtle: #171717;
    --bg-overlay: #262626;
    --bg-brand-primary: #ff3d2f;
    --bg-brand-primary-alt: #262626;
    --bg-brand-primary_alt: #262626;
    --bg-brand-secondary: #f22010;
    --bg-brand-solid-hover: #ff3d2f;
    --bg-brand-solid_hover: #ff3d2f;
    --bg-brand-section: #171717;
    --bg-brand-section-subtle: #0a0a0a;
    --bg-brand-section_subtle: #0a0a0a;
    --bg-error-primary: #f04438;
    --bg-error-secondary: #d92d20;
    --bg-warning-primary: #f79009;
    --bg-warning-secondary: #dc6803;
    --bg-success-primary: #17b26a;
    --bg-success-secondary: #079455;
    --fg-primary: #ffffff;
    --fg-secondary: #d4d4d4;
    --fg-secondary-hover: #e5e5e5;
    --fg-secondary_hover: #e5e5e5;
    --fg-tertiary: #a3a3a3;
    --fg-tertiary-hover: #d4d4d4;
    --fg-tertiary_hover: #d4d4d4;
    --fg-quatenary: #a3a3a3;
    --fg-quaternary: #a3a3a3;
    --fg-quaternary-hover: #d4d4d4;
    --fg-quaternary_hover: #d4d4d4;
    --fg-quinary: #737373;
    --fg-quinary-hover: #a3a3a3;
    --fg-quinary_hover: #a3a3a3;
    --fg-senary: #525252;
    --fg-disabled: #737373;
    --fg-disabled-subtle: #525252;
    --fg-disabled_subtle: #525252;
    --fg-brand-primary: #ff3d2f;
    --fg-brand-primary-alt: #d4d4d4;
    --fg-brand-primary_alt: #d4d4d4;
    --fg-error-primary: #f04438;
    --fg-error-secondary: #f97066;
    --fg-warning-primary: #f79009;
    --fg-warning-secondary: #fdb022;
    --fg-success-primary: #17b26a;
    --fg-success-secondary: #47cd89;
    --border-primary: #404040;
    --border-secondary: #262626;
    --border-tertiary: #262626;
    --border-disabled: #404040;
    --border-disabled-subtle: #262626;
    --border-disabled_subtle: #262626;
    --border-brand: #ff6b60;
    --border-brand-solid: #ff3d2f;
    --border-brand-solid-alt: #404040;
    --border-brand-solid_alt: #404040;
    --border-error: #f97066;
    --border-error-solid: #f04438
}

.base-xxs :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    font-size: var(--base-size-xxs);
    line-height: var(--base-lh-xxs)
}

.base-xs :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    font-size: var(--base-size-xs);
    line-height: var(--base-lh-xs)
}

.base-sm :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    font-size: var(--base-size-sm);
    line-height: var(--base-lh-sm)
}

.base-md :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    font-size: var(--base-size-md);
    line-height: var(--base-lh-md)
}

.base-lg :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    font-size: var(--base-size-lg);
    line-height: var(--base-lh-lg)
}

.base-xl :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    font-size: var(--base-size-xl);
    line-height: var(--base-lh-xl)
}

.display-xxs :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    font-size: var(--display-size-xxs);
    line-height: var(--display-lh-xxs)
}

.display-xs :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    font-size: var(--display-size-xs);
    line-height: var(--display-lh-xs)
}

.display-sm :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    font-size: var(--display-size-sm);
    line-height: var(--display-lh-sm)
}

.display-md :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    font-size: var(--display-size-md);
    line-height: var(--display-lh-md)
}

.display-lg :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    font-size: var(--display-size-lg);
    line-height: var(--display-lh-lg)
}

.display-xl :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    font-size: var(--display-size-xl);
    line-height: var(--display-lh-xl)
}

.display-2xl :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    font-size: var(--display-size-2xl);
    line-height: var(--display-lh-2xl)
}

.font-es-sans :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    font-family: var(--font-family-display)
}

.font-italic {
    font-style: italic
}

.font-roboto :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    font-family: var(--font-family-base)
}

.fw-300 :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    font-weight: var(--fw-300)
}

.fw-400 :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    font-weight: var(--fw-400)
}

.fw-500 :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    font-weight: var(--fw-500)
}

.fw-600 :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    font-weight: var(--fw-600)
}

.fw-700 :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    font-weight: var(--fw-700)
}

.fw-800 :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    font-weight: var(--fw-800)
}

.fw-900 :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    font-weight: var(--fw-900)
}

.w-25 {
    width: 25%
}

.w-33 {
    width: 33.333%
}

.w-50 {
    width: 50%
}

.w-66 {
    width: 66.666%
}

.w-75 {
    width: 75%
}

.w-100 {
    width: 100%
}

.w-100px {
    width: 100px
}

.w-200px {
    width: 200px
}

.w-300px {
    width: 300px
}

.w-400px {
    width: 400px
}

.w-500px {
    width: 500px
}

.max-w-sm {
    max-width: 480px
}

.max-w-md {
    max-width: 768px
}

.max-w-lg {
    max-width: 1024px
}

.max-w-xl {
    max-width: 1280px
}

.max-w-full {
    max-width: 100%
}

.max-w-default {
    max-width: 1350px
}

.w-auto {
    width: auto
}

.p-0 {
    padding: 0
}

.pl-2,.px-2 {
    padding-left: var(--space-2)
}

.pr-2,.px-2 {
    padding-right: var(--space-2)
}

.pt-2,.py-2 {
    padding-top: var(--space-2)
}

.pb-2,.py-2 {
    padding-bottom: var(--space-2)
}

.p-2 {
    padding: var(--space-2)
}

.pl-4,.px-4 {
    padding-left: var(--space-4)
}

.pr-4,.px-4 {
    padding-right: var(--space-4)
}

.pt-4,.py-4 {
    padding-top: var(--space-4)
}

.pb-4,.py-4 {
    padding-bottom: var(--space-4)
}

.p-4 {
    padding: var(--space-4)
}

.pl-8,.px-8 {
    padding-left: var(--space-8)
}

.pr-8,.px-8 {
    padding-right: var(--space-8)
}

.pt-8,.py-8 {
    padding-top: var(--space-8)
}

.pb-8,.py-8 {
    padding-bottom: var(--space-8)
}

.p-8 {
    padding: var(--space-8)
}

.pl-10,.px-10 {
    padding-left: var(--space-10)
}

.pr-10,.px-10 {
    padding-right: var(--space-10)
}

.pt-10,.py-10 {
    padding-top: var(--space-10)
}

.pb-10,.py-10 {
    padding-bottom: var(--space-10)
}

.p-10 {
    padding: var(--space-10)
}

.pl-12,.px-12 {
    padding-left: var(--space-12)
}

.pr-12,.px-12 {
    padding-right: var(--space-12)
}

.pt-12,.py-12 {
    padding-top: var(--space-12)
}

.pb-12,.py-12 {
    padding-bottom: var(--space-12)
}

.p-12 {
    padding: var(--space-12)
}

.pl-16,.px-16 {
    padding-left: var(--space-16)
}

.pr-16,.px-16 {
    padding-right: var(--space-16)
}

.pt-16,.py-16 {
    padding-top: var(--space-16)
}

.pb-16,.py-16 {
    padding-bottom: var(--space-16)
}

.p-16 {
    padding: var(--space-16)
}

.pl-20,.px-20 {
    padding-left: var(--space-20)
}

.pr-20,.px-20 {
    padding-right: var(--space-20)
}

.pt-20,.py-20 {
    padding-top: var(--space-20)
}

.pb-20,.py-20 {
    padding-bottom: var(--space-20)
}

.p-20 {
    padding: var(--space-20)
}

.pl-24,.px-24 {
    padding-left: var(--space-24)
}

.pr-24,.px-24 {
    padding-right: var(--space-24)
}

.pt-24,.py-24 {
    padding-top: var(--space-24)
}

.pb-24,.py-24 {
    padding-bottom: var(--space-24)
}

.p-24 {
    padding: var(--space-24)
}

.pl-30,.px-30 {
    padding-left: var(--space-30)
}

.pr-30,.px-30 {
    padding-right: var(--space-30)
}

.pt-30,.py-30 {
    padding-top: var(--space-30)
}

.pb-30,.py-30 {
    padding-bottom: var(--space-30)
}

.p-30 {
    padding: var(--space-30)
}

.pl-32,.px-32 {
    padding-left: var(--space-32)
}

.pr-32,.px-32 {
    padding-right: var(--space-32)
}

.pt-32,.py-32 {
    padding-top: var(--space-32)
}

.pb-32,.py-32 {
    padding-bottom: var(--space-32)
}

.p-32 {
    padding: var(--space-32)
}

.pl-40,.px-40 {
    padding-left: var(--space-40)
}

.pr-40,.px-40 {
    padding-right: var(--space-40)
}

.pt-40,.py-40 {
    padding-top: var(--space-40)
}

.pb-40,.py-40 {
    padding-bottom: var(--space-40)
}

.p-40 {
    padding: var(--space-40)
}

.pl-48,.px-48 {
    padding-left: var(--space-48)
}

.pr-48,.px-48 {
    padding-right: var(--space-48)
}

.pt-48,.py-48 {
    padding-top: var(--space-48)
}

.pb-48,.py-48 {
    padding-bottom: var(--space-48)
}

.p-48 {
    padding: var(--space-48)
}

.pl-56,.px-56 {
    padding-left: var(--space-56)
}

.pr-56,.px-56 {
    padding-right: var(--space-56)
}

.pt-56,.py-56 {
    padding-top: var(--space-56)
}

.pb-56,.py-56 {
    padding-bottom: var(--space-56)
}

.p-56 {
    padding: var(--space-56)
}

.pl-64,.px-64 {
    padding-left: var(--space-64)
}

.pr-64,.px-64 {
    padding-right: var(--space-64)
}

.pt-64,.py-64 {
    padding-top: var(--space-64)
}

.pb-64,.py-64 {
    padding-bottom: var(--space-64)
}

.p-64 {
    padding: var(--space-64)
}

.pl-80,.px-80 {
    padding-left: var(--space-80)
}

.pr-80,.px-80 {
    padding-right: var(--space-80)
}

.pt-80,.py-80 {
    padding-top: var(--space-80)
}

.pb-80,.py-80 {
    padding-bottom: var(--space-80)
}

.p-80 {
    padding: var(--space-80)
}

.pl-96,.px-96 {
    padding-left: var(--space-96)
}

.pr-96,.px-96 {
    padding-right: var(--space-96)
}

.pt-96,.py-96 {
    padding-top: var(--space-96)
}

.pb-96,.py-96 {
    padding-bottom: var(--space-96)
}

.p-96 {
    padding: var(--space-96)
}

.pl-112,.px-112 {
    padding-left: var(--space-112)
}

.pr-112,.px-112 {
    padding-right: var(--space-112)
}

.pt-112,.py-112 {
    padding-top: var(--space-112)
}

.pb-112,.py-112 {
    padding-bottom: var(--space-112)
}

.p-112 {
    padding: var(--space-112)
}

.pl-128,.px-128 {
    padding-left: var(--space-128)
}

.pr-128,.px-128 {
    padding-right: var(--space-128)
}

.pt-128,.py-128 {
    padding-top: var(--space-128)
}

.pb-128,.py-128 {
    padding-bottom: var(--space-128)
}

.p-128 {
    padding: var(--space-128)
}

.m-0 {
    margin: 0
}

.ml-2,.mx-2 {
    margin-left: var(--space-2)
}

.mr-2,.mx-2 {
    margin-right: var(--space-2)
}

.mt-2,.my-2 {
    margin-top: var(--space-2)
}

.mb-2,.my-2 {
    margin-bottom: var(--space-2)
}

.m-2 {
    margin: var(--space-2)
}

.ml-4,.mx-4 {
    margin-left: var(--space-4)
}

.mr-4,.mx-4 {
    margin-right: var(--space-4)
}

.mt-4,.my-4 {
    margin-top: var(--space-4)
}

.mb-4,.my-4 {
    margin-bottom: var(--space-4)
}

.m-4 {
    margin: var(--space-4)
}

.ml-8,.mx-8 {
    margin-left: var(--space-8)
}

.mr-8,.mx-8 {
    margin-right: var(--space-8)
}

.mt-8,.my-8 {
    margin-top: var(--space-8)
}

.mb-8,.my-8 {
    margin-bottom: var(--space-8)
}

.m-8 {
    margin: var(--space-8)
}

.ml-10,.mx-10 {
    margin-left: var(--space-10)
}

.mr-10,.mx-10 {
    margin-right: var(--space-10)
}

.mt-10,.my-10 {
    margin-top: var(--space-10)
}

.mb-10,.my-10 {
    margin-bottom: var(--space-10)
}

.m-10 {
    margin: var(--space-10)
}

.ml-12,.mx-12 {
    margin-left: var(--space-12)
}

.mx-12,.pr-12 {
    margin-right: var(--space-12)
}

.mt-12,.my-12 {
    margin-top: var(--space-12)
}

.mb-12,.my-12 {
    margin-bottom: var(--space-12)
}

.m-12 {
    margin: var(--space-12)
}

.ml-16,.mx-16 {
    margin-left: var(--space-16)
}

.mr-16,.mx-16 {
    margin-right: var(--space-16)
}

.mt-16,.my-16 {
    margin-top: var(--space-16)
}

.mb-16,.my-16 {
    margin-bottom: var(--space-16)
}

.m-16 {
    margin: var(--space-16)
}

.ml-20,.mx-20 {
    margin-left: var(--space-20)
}

.mr-20,.mx-20 {
    margin-right: var(--space-20)
}

.mt-20,.my-20 {
    margin-top: var(--space-20)
}

.mb-20,.my-20 {
    margin-bottom: var(--space-20)
}

.m-20 {
    margin: var(--space-20)
}

.ml-24,.mx-24 {
    margin-left: var(--space-24)
}

.mr-24,.mx-24 {
    margin-right: var(--space-24)
}

.mt-24,.my-24 {
    margin-top: var(--space-24)
}

.mb-24,.my-24 {
    margin-bottom: var(--space-24)
}

.m-24 {
    margin: var(--space-24)
}

.ml-30,.mx-30 {
    margin-left: var(--space-30)
}

.mr-30,.mx-30 {
    margin-right: var(--space-30)
}

.mt-30,.my-30 {
    margin-top: var(--space-30)
}

.mb-30,.my-30 {
    margin-bottom: var(--space-30)
}

.m-30 {
    margin: var(--space-30)
}

.ml-32,.mx-32 {
    margin-left: var(--space-32)
}

.mr-32,.mx-32 {
    margin-right: var(--space-32)
}

.mt-32,.my-32 {
    margin-top: var(--space-32)
}

.mb-32,.my-32 {
    margin-bottom: var(--space-32)
}

.m-32 {
    margin: var(--space-32)
}

.ml-40,.mx-40 {
    margin-left: var(--space-40)
}

.mr-40,.mx-40 {
    margin-right: var(--space-40)
}

.mt-40,.my-40 {
    margin-top: var(--space-40)
}

.mb-40,.my-40 {
    margin-bottom: var(--space-40)
}

.m-40 {
    margin: var(--space-40)
}

.ml-48,.mx-48 {
    margin-left: var(--space-48)
}

.mr-48,.mx-48 {
    margin-right: var(--space-48)
}

.mt-48,.my-48 {
    margin-top: var(--space-48)
}

.mb-48,.my-48 {
    margin-bottom: var(--space-48)
}

.m-48 {
    margin: var(--space-48)
}

.ml-56,.mx-56 {
    margin-left: var(--space-56)
}

.mr-56,.mx-56 {
    margin-right: var(--space-56)
}

.mt-56,.my-56 {
    margin-top: var(--space-56)
}

.mb-56,.my-56 {
    margin-bottom: var(--space-56)
}

.m-56 {
    margin: var(--space-56)
}

.ml-64,.mx-64 {
    margin-left: var(--space-64)
}

.mr-64,.mx-64 {
    margin-right: var(--space-64)
}

.mt-64,.my-64 {
    margin-top: var(--space-64)
}

.mb-64,.my-64 {
    margin-bottom: var(--space-64)
}

.m-64 {
    margin: var(--space-64)
}

.ml-80,.mx-80 {
    margin-left: var(--space-80)
}

.mr-80,.mx-80 {
    margin-right: var(--space-80)
}

.mt-80,.my-80 {
    margin-top: var(--space-80)
}

.mb-80,.my-80 {
    margin-bottom: var(--space-80)
}

.m-80 {
    margin: var(--space-80)
}

.ml-96,.mx-96 {
    margin-left: var(--space-96)
}

.mr-96,.mx-96 {
    margin-right: var(--space-96)
}

.mt-96,.my-96 {
    margin-top: var(--space-96)
}

.mb-96,.my-96 {
    margin-bottom: var(--space-96)
}

.m-96 {
    margin: var(--space-96)
}

.ml-112,.mx-112 {
    margin-left: var(--space-112)
}

.mr-112,.mx-112 {
    margin-right: var(--space-112)
}

.mt-112,.my-112 {
    margin-top: var(--space-112)
}

.mb-112,.my-112 {
    margin-bottom: var(--space-112)
}

.m-112 {
    margin: var(--space-112)
}

.m-auto,.m-auto .e-con-inner {
    margin: auto
}

.ml-128,.mx-128 {
    margin-left: var(--space-128)
}

.mr-128,.mx-128 {
    margin-right: var(--space-128)
}

.mt-128,.my-128 {
    margin-top: var(--space-128)
}

.mb-128,.my-128 {
    margin-bottom: var(--space-128)
}

.m-128 {
    margin: var(--space-128)
}

.gap-0,.gap-0 .e-con-inner {
    gap: 0
}

.gap-2,.gap-2 .e-con-inner {
    gap: var(--space-2)
}

.gap-4,.gap-4 .e-con-inner {
    gap: var(--space-4)
}

.gap-8,.gap-8 .e-con-inner {
    gap: var(--space-8)
}

.gap-10,.gap-10 .e-con-inner {
    gap: var(--space-10)
}

.gap-12,.gap-12 .e-con-inner {
    gap: var(--space-12)
}

.gap-16,.gap-16 .e-con-inner {
    gap: var(--space-16)
}

.gap-20,.gap-20 .e-con-inner {
    gap: var(--space-20)
}

.gap-24,.gap-24 .e-con-inner {
    gap: var(--space-24)
}

.gap-30,.gap-30 .e-con-inner {
    gap: var(--space-30)
}

.gap-32,.gap-32 .e-con-inner {
    gap: var(--space-32)
}

.gap-40,.gap-40 .e-con-inner {
    gap: var(--space-40)
}

.gap-48,.gap-48 .e-con-inner {
    gap: var(--space-48)
}

.gap-56,.gap-56 .e-con-inner {
    gap: var(--space-56)
}

.gap-64,.gap-64 .e-con-inner {
    gap: var(--space-64)
}

.gap-80,.gap-80 .e-con-inner {
    gap: var(--space-80)
}

.gap-96,.gap-96 .e-con-inner {
    gap: var(--space-96)
}

.gap-112,.gap-112 .e-con-inner {
    gap: var(--space-112)
}

.gap-128,.gap-128 .e-con-inner {
    gap: var(--space-128)
}

.radius-0 {
    border-radius: var(--radius-0)
}

.radius-l-4,.radius-t-4 {
    border-top-left-radius: var(--radius-4)
}

.radius-b-4,.radius-l-4 {
    border-bottom-left-radius: var(--radius-4)
}

.radius-r-4,.radius-t-4 {
    border-top-right-radius: var(--radius-4)
}

.radius-b-4,.radius-r-4 {
    border-bottom-right-radius: var(--radius-4)
}

.radius-4 {
    border-radius: var(--radius-4)
}

.radius-l-4 {
    overflow: hidden
}

.radius-l-8,.radius-t-8 {
    border-top-left-radius: var(--radius-8)
}

.radius-b-8,.radius-l-8 {
    border-bottom-left-radius: var(--radius-8);
    overflow: hidden
}

.radius-r-4 {
    overflow: hidden
}

.radius-r-8,.radius-t-8 {
    border-top-right-radius: var(--radius-8)
}

.radius-b-8,.radius-r-8 {
    border-bottom-right-radius: var(--radius-8)
}

.radius-8 {
    border-radius: var(--radius-8);
    overflow: hidden
}

.radius-t-8 {
    overflow: hidden
}

.radius-l-12,.radius-t-12 {
    border-top-left-radius: var(--radius-12)
}

.radius-b-12,.radius-l-12 {
    border-bottom-left-radius: var(--radius-12)
}

.radius-r-8 {
    overflow: hidden
}

.radius-r-12,.radius-t-12 {
    border-top-right-radius: var(--radius-12)
}

.radius-b-12,.radius-r-12 {
    border-bottom-right-radius: var(--radius-12);
    overflow: hidden
}

.radius-12 {
    border-radius: var(--radius-12);
    overflow: hidden
}

.radius-t-12 {
    overflow: hidden
}

.radius-l-12 {
    overflow: hidden
}

.radius-l-16,.radius-t-16 {
    border-top-left-radius: var(--radius-16)
}

.radius-b-16,.radius-l-16 {
    border-bottom-left-radius: var(--radius-16)
}

.radius-r-16,.radius-t-16 {
    border-top-right-radius: var(--radius-16)
}

.radius-b-16,.radius-r-16 {
    border-bottom-right-radius: var(--radius-16)
}

.radius-16 {
    border-radius: var(--radius-16);
    overflow: hidden
}

.radius-b-16,.radius-l-16,.radius-t-16 {
    overflow: hidden
}

.radius-l-24,.radius-t-24 {
    border-top-left-radius: var(--radius-24)
}

.radius-b-24,.radius-l-24 {
    border-bottom-left-radius: var(--radius-24);
    overflow: hidden
}

.radius-r-16 {
    overflow: hidden
}

.radius-r-24,.radius-t-24 {
    border-top-right-radius: var(--radius-24)
}

.radius-b-24,.radius-r-24 {
    border-bottom-right-radius: var(--radius-24)
}

.radius-24 {
    border-radius: var(--radius-24);
    overflow: hidden
}

.radius-t-24 {
    overflow: hidden
}

.radius-l-32,.radius-t-32 {
    border-top-left-radius: var(--radius-32)
}

.radius-b-32,.radius-l-32 {
    border-bottom-left-radius: var(--radius-32)
}

.radius-r-24 {
    overflow: hidden
}

.radius-r-32,.radius-t-32 {
    border-top-right-radius: var(--radius-32)
}

.radius-b-32,.radius-r-32 {
    border-bottom-right-radius: var(--radius-32);
    overflow: hidden
}

.radius-32 {
    border-radius: var(--radius-32);
    overflow: hidden
}

.radius-t-32 {
    overflow: hidden
}

.radius-l-32 {
    overflow: hidden
}

.radius-full {
    border-radius: var(--radius-half);
    overflow: hidden
}

.radius-pill {
    border-radius: var(--radius-full);
    overflow: hidden
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-color :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    color: var(--text-color,#000)
}

.text-primary :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    color: var(--text-primary,#171717)
}

.text-primary-alt :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    color: var(--text-primary-alt,#fff)
}

.text-primary_on-brand :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    color: var(--text-primary_on-brand,#fff)
}

.text-secondary :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    color: var(--text-secondary,#404040)
}

.text-secondary-hover :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ):hover {
    color: var(--text-secondary-hover,#262626)
}

.text-secondary_hover :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ):hover {
    color: var(--text-secondary_hover,#262626)
}

.text-secondary-brand :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    color: var(--text-secondary-brand,#ffc8c4)
}

.text-secondary_on-brand :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    color: var(--text-secondary_on-brand,#ffc8c4)
}

.text-tertiary :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    color: var(--text-tertiary,#525252)
}

.text-tertiary-hover :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ):hover {
    color: var(--text-tertiary-hover,#404040)
}

.text-tertiary_hover :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ):hover {
    color: var(--text-tertiary_hover,#404040)
}

.text-tertiary-brand :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    color: var(--text-tertiary-brand,#ffc8c4)
}

.text-tertiary_on-brand :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    color: var(--text-tertiary_on-brand,#ffc8c4)
}

.text-quatenary :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    color: var(--text-quatenary,#737373)
}

.text-quaternary :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    color: var(--text-quaternary,#737373)
}

.text-quatenary-brand :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    color: var(--text-quatenary-brand,#ffa19a)
}

.text-quaternary_on-brand :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    color: var(--text-quaternary_on-brand,#ffa19a)
}

.text-white :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    color: var(--text-white,#fff)
}

.text-disabled :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    color: var(--text-disabled,#737373)
}

.text-placeholder :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    color: var(--text-placeholder,#737373)
}

.text-placeholder_subtle :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    color: var(--text-placeholder_subtle,#d4d4d4)
}

.text-brand-primary :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    color: var(--text-brand-primary,#8b1911)
}

.text-brand-secondary :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    color: var(--text-brand-secondary,#d51709)
}

.text-brand-tertiary :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    color: var(--text-brand-tertiary,#f22010)
}

.text-brand-quatenary :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    color: var(--text-brand-quatenary,#171717)
}

.text-brand-tertiary-alt :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    color: var(--text-brand-tertiary-alt,#f22010)
}

.text-brand-tertiary_alt :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    color: var(--text-brand-tertiary_alt,#f22010)
}

.text-error-primary :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    color: var(--text-error-primary,#d92d20)
}

.text-warning-primary :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    color: var(--text-warning-primary,#dc6803)
}

.text-success-primary :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
    color: var(--text-success-primary,#079455)
}

.header-color {
    color: var(--header-color,#333)
}

.link-color {
    color: var(--link-color,#1a0dab)
}

.btn-text-color {
    color: var(--btn-text-color,#fff)
}

.fg-primary {
    color: var(--fg-primary,#171717)
}

.fg-secondary {
    color: var(--fg-secondary,#404040)
}

.fg-secondary-hover {
    color: var(--fg-secondary-hover,#262626)
}

.fg-secondary_hover {
    color: var(--fg-secondary_hover,#262626)
}

.fg-tertiary {
    color: var(--fg-tertiary,#525252)
}

.fg-tertiary-hover {
    color: var(--fg-tertiary-hover,#404040)
}

.fg-tertiary_hover {
    color: var(--fg-tertiary_hover,#404040)
}

.fg-quatenary {
    color: var(--fg-quatenary,#737373)
}

.fg-quaternary {
    color: var(--fg-quaternary,#737373)
}

.fg-quaternary-hover {
    color: var(--fg-quaternary-hover,#525252)
}

.fg-quaternary_hover {
    color: var(--fg-quaternary_hover,#525252)
}

.fg-quinary {
    color: var(--fg-quinary,#a3a3a3)
}

.fg-quinary-hover {
    color: var(--fg-quinary-hover,#737373)
}

.fg-quinary_hover {
    color: var(--fg-quinary_hover,#737373)
}

.fg-senary {
    color: var(--fg-senary,#d4d4d4)
}

.fg-white {
    color: var(--fg-white,#fff)
}

.fg-disabled {
    color: var(--fg-disabled,#a3a3a3)
}

.fg-disabled-subtle {
    color: var(--fg-disabled-subtle,#d4d4d4)
}

.fg-disabled_subtle {
    color: var(--fg-disabled_subtle,#d4d4d4)
}

.fg-brand-primary {
    color: var(--fg-brand-primary,#f22010)
}

.fg-brand-primary-alt {
    color: var(--fg-brand-primary-alt,#f22010)
}

.fg-brand-primary_alt {
    color: var(--fg-brand-primary_alt,#f22010)
}

.fg-brand-secondary {
    color: var(--fg-brand-secondary,#ff3d2f)
}

.fg-error-primary {
    color: var(--fg-error-primary,#d92d20)
}

.fg-error-secondary {
    color: var(--fg-error-secondary,#f04438)
}

.fg-warning-primary {
    color: var(--fg-warning-primary,#dc6803)
}

.fg-warning-secondary {
    color: var(--fg-warning-secondary,#f79009)
}

.fg-success-primary {
    color: var(--fg-success-primary,#079455)
}

.fg-success-secondary {
    color: var(--fg-success-secondary,#17b26a)
}

.background-color {
    background-color: var(--background-color,#fff)
}

.footer-bg {
    background-color: var(--footer-bg,#1d1d1d)
}

.btn-secondary-bg {
    background-color: var(--btn-secondary,#d51709)
}

.btn-bg-brand {
    background-color: var(--btn-bg-brand,#f22010)
}

.container-bx-bg {
    background-color: var(--container-bx,#f7f7f7)
}

.bg-primary {
    background-color: var(--bg-primary,#fff)
}

.bg-primary-alt {
    background-color: var(--bg-primary-alt,#fff)
}

.bg-primary_alt {
    background-color: var(--bg-primary_alt,#fff)
}

.bg-primary-new-alt {
    background-color: var(--bg-primary-new-alt,#0a0a0a)
}

.bg-primary-hover {
    background-color: var(--bg-primary-hover,#fafafa)
}

.bg-primary_hover {
    background-color: var(--bg-primary_hover,#fafafa)
}

.bg-primary-solid {
    background-color: var(--bg-primary-solid,#0a0a0a)
}

.bg-secondary {
    background-color: var(--bg-secondary,#fafafa)
}

.bg-secondary-alt {
    background-color: var(--bg-secondary-alt,#fafafa)
}

.bg-secondary_alt {
    background-color: var(--bg-secondary_alt,#fafafa)
}

.bg-secondary-hover {
    background-color: var(--bg-secondary-hover,#f5f5f5)
}

.bg-secondary_hover {
    background-color: var(--bg-secondary_hover,#f5f5f5)
}

.bg-secondary-subtle {
    background-color: var(--bg-secondary-subtle,#fdfcfc)
}

.bg-secondary_subtle {
    background-color: var(--bg-secondary_subtle,#fdfcfc)
}

.bg-secondary-solid {
    background-color: var(--bg-secondary-solid,#262626)
}

.bg-tertiary {
    background-color: var(--bg-tertiary,#f5f5f5)
}

.bg-quatenary {
    background-color: var(--bg-quatenary,#e5e5e5)
}

.bg-quaternary {
    background-color: var(--bg-quaternary,#e5e5e5)
}

.bg-active {
    background-color: var(--bg-active,#fafafa)
}

.bg-disabled {
    background-color: var(--bg-disabled,#f5f5f5)
}

.bg-disabled-subtle {
    background-color: var(--bg-disabled-subtle,#fafafa)
}

.bg-disabled_subtle {
    background-color: var(--bg-disabled_subtle,#fafafa)
}

.bg-overlay {
    background-color: var(--bg-overlay,#0a0a0a)
}

.bg-brand-primary {
    background-color: var(--bg-brand-primary,#fff2f1)
}

.bg-brand-primary-alt {
    background-color: var(--bg-brand-primary-alt,#fff2f1)
}

.bg-brand-primary_alt {
    background-color: var(--bg-brand-primary_alt,#fff2f1)
}

.bg-brand-secondary {
    background-color: var(--bg-brand-secondary,#ffe1df)
}

.bg-brand-solid {
    background-color: var(--bg-brand-solid,#f22010)
}

.bg-brand-solid-alt {
    background-color: var(--bg-brand-solid-alt,#d51709)
}

.bg-brand-solid-hover {
    background-color: var(--bg-brand-solid-hover,#d51709)
}

.bg-brand-solid_hover {
    background-color: var(--bg-brand-solid_hover,#d51709)
}

.bg-brand-section {
    background-color: var(--bg-brand-section,#a00)
}

.bg-brand-section-subtle {
    background-color: var(--bg-brand-section-subtle,#d51709)
}

.bg-brand-section_subtle {
    background-color: var(--bg-brand-section_subtle,#d51709)
}

.bg-error-primary {
    background-color: var(--bg-error-primary,#fef3f2)
}

.bg-error-secondary {
    background-color: var(--bg-error-secondary,#fee4e2)
}

.bg-error-solid {
    background-color: var(--bg-error-solid,#d92d20)
}

.bg-warning-primary {
    background-color: var(--bg-warning-primary,#fffaeb)
}

.bg-warning-secondary {
    background-color: var(--bg-warning-secondary,#fef0c7)
}

.bg-warning-solid {
    background-color: var(--bg-warning-solid,#dc6803)
}

.bg-success-primary {
    background-color: var(--bg-success-primary,#ecfdf3)
}

.bg-success-secondary {
    background-color: var(--bg-success-secondary,#dcfae6)
}

.bg-success-solid {
    background-color: var(--bg-success-solid,#079455)
}

.border-primary {
    border-color: var(--border-primary,#d4d4d4)
}

.border-secondary {
    border-color: var(--border-secondary,#e5e5e5)
}

.border-tertiary {
    border-color: var(--border-tertiary,#f5f5f5)
}

.border-disabled {
    border-color: var(--border-disabled,#d4d4d4)
}

.border-disabled-subtle {
    border-color: var(--border-disabled-subtle,#e5e5e5)
}

.border-disabled_subtle {
    border-color: var(--border-disabled_subtle,#e5e5e5)
}

.border-brand {
    border-color: var(--border-brand,#ffa19a)
}

.border-brand-solid {
    border-color: var(--border-brand-solid,#f22010)
}

.border-brand-solid-alt {
    border-color: var(--border-brand-solid-alt,#f22010)
}

.border-brand-solid_alt {
    border-color: var(--border-brand-solid_alt,#f22010)
}

.border-error {
    border-color: var(--border-error,#fda29b)
}

.border-error-solid {
    border-color: var(--border-error-solid,#d92d20)
}

.fit-line-red-border {
    border-color: var(--fit-line-red,#f22010)
}

.radius-md {
    border-radius: var(--radius-md,8px)
}

.pointer {
    cursor: pointer
}

@media (min-width: 767px) and (max-width:1024px) {
    .w-t-80-box>.e-con-inner,.w-t-80-full {
        width:80%;
        margin: auto
    }

    .max-w-default {
        max-width: 680px
    }
}

@media (max-width: 767px) {
    .w-m-90-box>.e-con-inner,.w-m-90-full {
        width:90%;
        margin: auto
    }

    .display-2xl :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
        font-size: var(--display-size-xl);
        line-height: var(--display-lh-xl)
    }

    .display-xl :is( p,h1,h2,h3,h4,h5,h6,span,a,strong,em,small,label,li,blockquote,table,thead,tbody,tfoot,tr,td,th ) {
        font-size: var(--display-size-lg);
        line-height: var(--display-lh-lg)
    }
}

@media (max-width: 1024px) {
    .smd-pl_0,.smd-px_0 {
        padding-left:0
    }

    .smd-pr_0,.smd-px_0 {
        padding-right: 0
    }

    .smd-pt_0,.smd-py_0 {
        padding-top: 0
    }

    .smd-pb_0,.smd-py_0 {
        padding-bottom: 0
    }

    .smb-ml_0,.smb-mx_0 {
        margin-left: 0
    }

    .smb-mr_0,.smb-mx_0 {
        margin-right: 0
    }

    .smb-mt_0,.smb-my_0 {
        margin-top: 0
    }

    .smb-b_0,.smb-mb_0,.smb-my_0 {
        margin-bottom: 0
    }

    .w-100,.w-100px,.w-200px,.w-25,.w-300px,.w-33,.w-400px,.w-50,.w-500px,.w-66,.w-75,.w-auto {
        width: 100%!important
    }

    .max-w-full,.max-w-lg,.max-w-md,.max-w-sm,.max-w-xl {
        width: 100%!important;
        max-width: 100%!important
    }

    .smd-p_0 {
        padding: 0
    }

    .smd-pl_2,.smd-px_2 {
        padding-left: var(--space-2)
    }

    .smd-pr_2,.smd-px_2 {
        padding-right: var(--space-2)
    }

    .smd-pt_2,.smd-py_2 {
        padding-top: var(--space-2)
    }

    .smd-pb_2,.smd-py_2 {
        padding-bottom: var(--space-2)
    }

    .smb-m_0 {
        margin: 0
    }

    .smd-ml_2,.smd-mx_2 {
        margin-left: var(--space-2)
    }

    .smd-mr_2,.smd-mx_2 {
        margin-right: var(--space-2)
    }

    .smd-mt_2,.smd-my_2 {
        margin-top: var(--space-2)
    }

    .smd-mb_2,.smd-my_2 {
        margin-bottom: var(--space-2)
    }

    .smd-p_2 {
        padding: var(--space-2)
    }

    .smd-pl_4,.smd-px_4 {
        padding-left: var(--space-4)
    }

    .smd-pr_4,.smd-px_4 {
        padding-right: var(--space-4)
    }

    .smd-pt_4,.smd-py_4 {
        padding-top: var(--space-4)
    }

    .smd-pb_4,.smd-py_4 {
        padding-bottom: var(--space-4)
    }

    .smd-m_2 {
        margin: var(--space-2)
    }

    .smd-ml_4,.smd-mx_4 {
        margin-left: var(--space-4)
    }

    .smd-mr_4,.smd-mx_4 {
        margin-right: var(--space-4)
    }

    .smd-mt_4,.smd-my_4 {
        margin-top: var(--space-4)
    }

    .smd-mb_4,.smd-my_4 {
        margin-bottom: var(--space-4)
    }

    .smd-gap_2 {
        gap: var(--space-2)
    }

    .smd-p_4 {
        padding: var(--space-4)
    }

    .smd-pl_8,.smd-px_8 {
        padding-left: var(--space-8)
    }

    .smd-pr_8,.smd-px_8 {
        padding-right: var(--space-8)
    }

    .smd-pt_8,.smd-py_8 {
        padding-top: var(--space-8)
    }

    .smd-pb_8,.smd-py_8 {
        padding-bottom: var(--space-8)
    }

    .smd-m_4 {
        margin: var(--space-4)
    }

    .smd-ml_8,.smd-mx_8 {
        margin-left: var(--space-8)
    }

    .smd-mr_8,.smd-mx_8 {
        margin-right: var(--space-8)
    }

    .smd-mt_8,.smd-my_8 {
        margin-top: var(--space-8)
    }

    .smd-mb_8,.smd-my_8 {
        margin-bottom: var(--space-8)
    }

    .smd-gap_4 {
        gap: var(--space-4)
    }

    .smd-p_8 {
        padding: var(--space-8)
    }

    .smd-pl_10,.smd-px_10 {
        padding-left: var(--space-10)
    }

    .smd-pr_10,.smd-px_10 {
        padding-right: var(--space-10)
    }

    .smd-pt_10,.smd-py_10 {
        padding-top: var(--space-10)
    }

    .smd-pb_10,.smd-py_10 {
        padding-bottom: var(--space-10)
    }

    .smd-m_8 {
        margin: var(--space-8)
    }

    .smd-ml_10,.smd-mx_10 {
        margin-left: var(--space-10)
    }

    .smd-mr_10,.smd-mx_10 {
        margin-right: var(--space-10)
    }

    .smd-mt_10,.smd-my_10 {
        margin-top: var(--space-10)
    }

    .smd-mb_10,.smd-my_10 {
        margin-bottom: var(--space-10)
    }

    .smd-gap_8 {
        gap: var(--space-8)
    }

    .smd-p_10 {
        padding: var(--space-10)
    }

    .smd-pl_12,.smd-px_12 {
        padding-left: var(--space-12)
    }

    .smd-pr_12,.smd-px_12 {
        padding-right: var(--space-12)
    }

    .smd-pt_12,.smd-py_12 {
        padding-top: var(--space-12)
    }

    .smd-pb_12,.smd-py_12 {
        padding-bottom: var(--space-12)
    }

    .smd-m_10 {
        margin: var(--space-10)
    }

    .smd-ml_12,.smd-mx_12 {
        margin-left: var(--space-12)
    }

    .smd-mr_12,.smd-mx_12 {
        margin-right: var(--space-12)
    }

    .smd-mt_12,.smd-my_12 {
        margin-top: var(--space-12)
    }

    .smd-mb_12,.smd-my_12 {
        margin-bottom: var(--space-12)
    }

    .smd-gap_10 {
        gap: var(--space-10)
    }

    .smd-p_12 {
        padding: var(--space-12)
    }

    .smd-pl_16,.smd-px_16 {
        padding-left: var(--space-16)
    }

    .smd-pr_16,.smd-px_16 {
        padding-right: var(--space-16)
    }

    .smd-pt_16,.smd-py_16 {
        padding-top: var(--space-16)
    }

    .smd-pb_16,.smd-py_16 {
        padding-bottom: var(--space-16)
    }

    .smd-m_12 {
        margin: var(--space-12)
    }

    .smd-ml_16,.smd-mx_16 {
        margin-left: var(--space-16)
    }

    .smd-mr_16,.smd-mx_16 {
        margin-right: var(--space-16)
    }

    .smd-mt_16,.smd-my_16 {
        margin-top: var(--space-16)
    }

    .smd-mb_16,.smd-my_16 {
        margin-bottom: var(--space-16)
    }

    .smd-gap_12 {
        gap: var(--space-12)
    }

    .smd-p_16 {
        padding: var(--space-16)
    }

    .smd-pl_20,.smd-px_20 {
        padding-left: var(--space-20)
    }

    .smd-pr_20,.smd-px_20 {
        padding-right: var(--space-20)
    }

    .smd-pt_20,.smd-py_20 {
        padding-top: var(--space-20)
    }

    .smd-pb_20,.smd-py_20 {
        padding-bottom: var(--space-20)
    }

    .smd-m_16 {
        margin: var(--space-16)
    }

    .smd-ml_20,.smd-mx_20 {
        margin-left: var(--space-20)
    }

    .smd-mr_20,.smd-mx_20 {
        margin-right: var(--space-20)
    }

    .smd-mt_20,.smd-my_20 {
        margin-top: var(--space-20)
    }

    .smd-mb_20,.smd-my_20 {
        margin-bottom: var(--space-20)
    }

    .smd-gap_16 {
        gap: var(--space-16)
    }

    .smd-p_20 {
        padding: var(--space-20)
    }

    .smd-pl_32,.smd-px_32 {
        padding-left: var(--space-32)
    }

    .smd-pr_32,.smd-px_32 {
        padding-right: var(--space-32)
    }

    .smd-pt_32,.smd-py_32 {
        padding-top: var(--space-32)
    }

    .smd-pb_32,.smd-py_32 {
        padding-bottom: var(--space-32)
    }

    .smd-m_20 {
        margin: var(--space-20)
    }

    .smd-ml_32,.smd-mx_32 {
        margin-left: var(--space-32)
    }

    .smd-mr_32,.smd-mx_32 {
        margin-right: var(--space-32)
    }

    .smd-mt_32,.smd-my_32 {
        margin-top: var(--space-32)
    }

    .smd-mb_32,.smd-my_32 {
        margin-bottom: var(--space-32)
    }

    .smd-p_32 {
        padding: var(--space-32)
    }

    .smd-m_32 {
        margin: var(--space-32)
    }

    .smd-gap_32 {
        gap: var(--space-32)
    }
}

.ax-cs_slide {
    width: 100%
}

.ax-cs_slide .splide__slide {
    display: block
}

.ax-cs--no-arrows .splide__arrows,.ax-cs--no-dots .splide__pagination {
    display: none!important
}

.ax-cs_slide.ax-cs--mounted {
    display: block
}

.ax-cs_slide .splide__list {
    align-items: stretch
}

.ax-cs_slide .splide__slide {
    height: auto
}

.ax-remote.is-disabled a {
    background-color: #e0e0e0;
    pointer-events: none
}

.ax-remote-dots {
    display: flex;
    gap: 8px;
    align-items: center
}

.ax-remote-dot.is-active {
    opacity: 1
}

.ax-remote-dot {
    opacity: .6;
    cursor: pointer;
    position: relative
}

.ax-remote-dot .ax-dot-progress {
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    transform-origin: left center;
    transform: scaleX(var(--ax-dot-progress,0));
    transition: transform .25s ease;
    background: currentColor;
    opacity: .6
}

.ax-remote-dots--progress-top .ax-remote-dot .ax-dot-progress {
    top: -6px
}

.ax-remote-dots--progress-bottom .ax-remote-dot .ax-dot-progress {
    bottom: -6px
}

.ax-cs-progress {
    position: absolute;
    left: 0;
    right: 0;
    height: 3px;
    pointer-events: none;
    z-index: 5;
    opacity: .7
}

.ax-cs-progress--top {
    top: 0
}

.ax-cs-progress--bottom {
    bottom: 0
}

.ax-cs-progress__bar {
    height: 100%;
    width: 0;
    background: currentColor;
    transition: width .25s ease
}

.ax-hero-pagination {
    position: absolute;
    bottom: 0;
    background: transparent;
    z-index: 1
}

.ax-cs_slide_item {
    height: 100%
}

.ax-hero-pagination .ax-remote-dot>span {
    color: #fff!important
}

.ax-hero-pagination .ax-remote-dot.is-active span {
    color: var(--text-subtle)
}

.ax-hero-pagination .ax-remote-dot .ax-dot-progress {
    background: var(--bg-tertiary);
    height: 6px;
    top: -38px;
    opacity: 1
}