:root {
  --border-radius-0: 0;
  --border-radius-1: 8px;
  --border-radius-2: 16px;
  --border-radius-3: 24px;
  --border-radius-4: 32px;
  --border-radius-5: 40px;
  --border-radius-0-25: 2px;
  --border-radius-0-5: 4px;
  --border-radius-1-5: 12px;
  --border-radius-none: 0;
  --border-radius-xxs: 2px;
  --border-radius-xs: 4px;
  --border-radius-sm: 8px;
  --border-radius-md: 16px;
  --border-radius-lg: 24px;
  --border-radius-pill: 500px;
  --border-radius-circle: 50%;
  --border-width-0: 0;
  --border-width-1: 8px;
  --border-width-0-1: 1px;
  --border-width-0-25: 2px;
  --border-width-0-5: 4px;
  --border-width-none: 0;
  --border-width-hairline: 1px;
  --border-width-thin: 2px;
  --border-width-thick: 4px;
  --border-width-heavy: 8px;
  --media-query-sm: 360px;
  --media-query-md: 840px;
  --media-query-lg: 1200px;
  --media-query-xl: 1500px;
  --media-query-xxl: 1720px;
  --color-neutral-70: #ffffff;
  --color-neutral-80: #f5f6f7;
  --color-neutral-90: #cfd4dd;
  --color-neutral-100: #8994a9;
  --color-neutral-110: #5e6a82;
  --color-neutral-120: #3c4453;
  --color-neutral-130: #1a1d23;
  --color-neutral-darkest: #1a1d23;
  --color-neutral-darker: #3c4453;
  --color-neutral-dark: #5e6a82;
  --color-neutral-medium: #8994a9;
  --color-neutral-light: #cfd4dd;
  --color-neutral-lighter: #f5f6f7;
  --color-neutral-lightest: #ffffff;
  --color-feedback-success-80: #def9cc;
  --color-feedback-success-90: #8ce563;
  --color-feedback-success-100: #24a148;
  --color-feedback-success-110: #197b35;
  --color-feedback-success-120: #105323;
  --color-feedback-success-darkest: #105323;
  --color-feedback-success-dark: #197b35;
  --color-feedback-success-medium: #24a148;
  --color-feedback-success-light: #8ce563;
  --color-feedback-success-lightest: #def9cc;
  --color-feedback-error-80: #fff5f5;
  --color-feedback-error-90: #f48787;
  --color-feedback-error-100: #e22828;
  --color-feedback-error-110: #901111;
  --color-feedback-error-120: #3b0505;
  --color-feedback-error-darkest: #3b0505;
  --color-feedback-error-dark: #901111;
  --color-feedback-error-medium: #e22828;
  --color-feedback-error-light: #f48787;
  --color-feedback-error-lightest: #fff5f5;
  --color-feedback-attention-80: #fff7e0;
  --color-feedback-attention-90: #ffe19a;
  --color-feedback-attention-100: #f9af27;
  --color-feedback-attention-110: #7b5613;
  --color-feedback-attention-120: #3c2a09;
  --color-feedback-attention-darkest: #3c2a09;
  --color-feedback-attention-dark: #7b5613;
  --color-feedback-attention-medium: #f9af27;
  --color-feedback-attention-light: #ffe19a;
  --color-feedback-attention-lightest: #fff7e0;
  --color-feedback-info-80: #e1f9ff;
  --color-feedback-info-90: #9ce6f9;
  --color-feedback-info-100: #28b5d9;
  --color-feedback-info-110: #14596b;
  --color-feedback-info-120: #0a2b34;
  --color-feedback-info-darkest: #0a2b34;
  --color-feedback-info-dark: #14596b;
  --color-feedback-info-medium: #28b5d9;
  --color-feedback-info-light: #9ce6f9;
  --color-feedback-info-lightest: #e1f9ff;
  --color-primary-70: #fff3e6;
  --color-primary-80: #ffe1bf;
  --color-primary-90: #ffbb73;
  --color-primary-100: #f28000;
  --color-primary-110: #df7400;
  --color-primary-120: #cb6700;
  --color-primary-130: #b35a00;
  --color-primary-darkest: #b35a00;
  --color-primary-darker: #cb6700;
  --color-primary-dark: #df7400;
  --color-primary-medium: #f28000;
  --color-primary-light: #ffbb73;
  --color-primary-lighter: #ffe1bf;
  --color-primary-lightest: #fff3e6;
  --color-secondary-70: #f0e6ff;
  --color-secondary-80: #c599ff;
  --color-secondary-90: #994dfa;
  --color-secondary-100: #6e0ad6;
  --color-secondary-110: #5c08b2;
  --color-secondary-120: #49078f;
  --color-secondary-130: #37056b;
  --color-secondary-darkest: #37056b;
  --color-secondary-darker: #49078f;
  --color-secondary-dark: #5c08b2;
  --color-secondary-medium: #6e0ad6;
  --color-secondary-light: #994dfa;
  --color-secondary-lighter: #c599ff;
  --color-secondary-lightest: #f0e6ff;
  --elevation-1: 8;
  --elevation-2: 16;
  --elevation-3: 24;
  --elevation-4: 32;
  --elevation-5: 40;
  --elevation-deep: -9999;
  --font-size-2: 16px;
  --font-size-3: 24px;
  --font-size-4: 32px;
  --font-size-5: 40px;
  --font-size-6: 48px;
  --font-size-7: 56px;
  --font-size-8: 64px;
  --font-size-1-25: 10px;
  --font-size-1-5: 12px;
  --font-size-1-75: 14px;
  --font-size-2-25: 18px;
  --font-size-2-5: 20px;
  --font-size-nano: 10px;
  --font-size-xxxs: 12px;
  --font-size-xxs: 14px;
  --font-size-xs: 16px;
  --font-size-sm: 18px;
  --font-size-md: 20px;
  --font-size-lg: 24px;
  --font-size-xl: 30px;
  --font-size-xxl: 36px;
  --font-size-xxxl: 48px;
  --font-size-huge: 64px;
  --font-weight-bold: 700;
  --font-weight-semibold: 600;
  --font-weight-medium: 500;
  --font-weight-regular: 400;
  --font-weight-light: 300;
  --font-lineheight-supertight: 1;
  --font-lineheight-tight: 1.15;
  --font-lineheight-medium: 1.32;
  --font-lineheight-distant: 1.40;
  --font-lineheight-superdistant: 1.50;
  --line-height-supertight: 1;
  --line-height-tight: 1.15;
  --line-height-medium: 1.32;
  --line-height-distant: 1.40;
  --line-height-superdistant: 1.50;
  --opacity-0: 0;
  --opacity-8: 0.08;
  --opacity-16: 0.16;
  --opacity-32: 0.32;
  --opacity-64: 0.64;
  --opacity-80: 0.8;
  --opacity-100: 1;
  --opacity-full: 1;
  --opacity-semiopaque: 0.8;
  --opacity-intense: 0.64;
  --opacity-medium: 0.32;
  --opacity-light: 0.16;
  --opacity-semitransparent: 0.08;
  --opacity-none: 0;
  --shadow-none: 0;
  --shadow-top-1: 0px -1px 1px rgba(0, 0, 0, 0.16);
  --shadow-top-3: 0px -3px 4px rgba(0, 0, 0, 0.16);
  --shadow-top-6: 0px -6px 10px rgba(0, 0, 0, 0.16);
  --shadow-top-9: 0px -9px 12px rgba(0, 0, 0, 0.16);
  --shadow-top-12: 0px -12px 17px rgba(0, 0, 0, 0.16);
  --shadow-bottom-1: 0px 1px 1px rgba(0, 0, 0, 0.16);
  --shadow-bottom-3: 0px 3px 4px rgba(0, 0, 0, 0.16);
  --shadow-bottom-6: 0px 6px 10px rgba(0, 0, 0, 0.16);
  --shadow-bottom-9: 0px 9px 12px rgba(0, 0, 0, 0.16);
  --shadow-bottom-12: 0px 12px 17px rgba(0, 0, 0, 0.16);
  --shadow-level-1: 0px 1px 1px rgba(0, 0, 0, 0.14);
  --shadow-level-2: 0px 2px 2px rgba(0, 0, 0, 0.14);
  --shadow-level-3: 0px 3px 4px rgba(0, 0, 0, 0.14);
  --shadow-level-4: 0px 4px 5px rgba(0, 0, 0, 0.14);
  --shadow-level-6: 0px 6px 10px rgba(0, 0, 0, 0.14);
  --shadow-level-8: 0px 8px 10px rgba(0, 0, 0, 0.14);
  --shadow-level-9: 0px 9px 12px rgba(0, 0, 0, 0.14);
  --shadow-level-12: 0px 12px 17px rgba(0, 0, 0, 0.14);
  --shadow-level-16: 0px 16px 24px rgba(0, 0, 0, 0.14);
  --shadow-level-24: 0px 24px 38px rgba(0, 0, 0, 0.14);
  --spacing-1: 8px;
  --spacing-2: 16px;
  --spacing-3: 24px;
  --spacing-4: 32px;
  --spacing-5: 40px;
  --spacing-6: 48px;
  --spacing-7: 56px;
  --spacing-8: 64px;
  --spacing-9: 72px;
  --spacing-10: 80px;
  --spacing-0-25: 2px;
  --spacing-0-5: 4px;
  --spacing-1-5: 12px;
  --spacing-stack-quarck: 4px;
  --spacing-stack-nano: 8px;
  --spacing-stack-xxxs: 16px;
  --spacing-stack-xxs: 24px;
  --spacing-stack-xs: 32px;
  --spacing-stack-sm: 40px;
  --spacing-stack-md: 48px;
  --spacing-stack-lg: 56px;
  --spacing-stack-xl: 64px;
  --spacing-stack-xxl: 80px;
  --spacing-stack-xxxl: 120px;
  --spacing-stack-huge: 160px;
  --spacing-stack-giant: 200px;
  --spacing-inline-quarck: 4px;
  --spacing-inline-nano: 8px;
  --spacing-inline-xxxs: 16px;
  --spacing-inline-xxs: 24px;
  --spacing-inline-xs: 32px;
  --spacing-inline-sm: 40px;
  --spacing-inline-md: 48px;
  --spacing-inline-lg: 64px;
  --spacing-inline-xl: 80px;
  --spacing-inset-xxs: 2px;
  --spacing-inset-xs: 4px;
  --spacing-inset-sm: 8px;
  --spacing-inset-md: 16px;
  --spacing-inset-lg: 24px;
  --spacing-inset-xl: 32px;
  --spacing-inset-xxl: 40px;
  --spacing-squish-xxs: 2px 4px;
  --spacing-squish-xs: 4px 8px;
  --spacing-squish-sm: 8px 16px;
  --spacing-squish-md: 8px 24px;
  --spacing-squish-lg: 12px 16px;
  --spacing-squish-xl: 16px 24px;
  --spacing-squish-xxl: 16px 32px;
  --spacing-squish-xxxl: 24px 32px;
  --transition-delay-1: 100ms;
  --transition-delay-2: 200ms;
  --transition-delay-3: 300ms;
  --transition-delay-4: 400ms;
  --transition-delay-5: 500ms;
  --transition-delay-slowest: 500ms;
  --transition-delay-slow: 400ms;
  --transition-delay-normal: 300ms;
  --transition-delay-fast: 200ms;
  --transition-delay-fastest: 100ms;
  --transition-timing-ease: cubic-bezier(0.250, 0.100, 0.250, 1.000);
  --transition-timing-ease-in: cubic-bezier(0.420, 0.000, 1.000, 1.000);
  --transition-timing-ease-out: cubic-bezier(0.000, 0.000, 0.580, 1.000);
  --transition-timing-ease-in-out: cubic-bezier(0.420, 0.000, 0.580, 1.000);
  --transition-duration-1: 100ms;
  --transition-duration-2: 200ms;
  --transition-duration-3: 300ms;
  --transition-duration-4: 400ms;
  --transition-duration-5: 500ms;
  --transition-duration-slowest: 500ms;
  --transition-duration-slow: 400ms;
  --transition-duration-normal: 300ms;
  --transition-duration-fast: 200ms;
  --transition-duration-fastest: 100ms;
  --transition-repetition-2: 2;
  --transition-repetition-3: 3;
  --transition-repetition-infinite: infinite;
  --font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --z-index-1-default: 1;
  --z-index-100-masked: 100;
  --z-index-200-mask: 200;
  --z-index-250-mask-button: 250;
  --z-index-300-sticky: 300;
  --z-index-400-header: 400;
  --z-index-500-toast: 500;
  --z-index-600-dropdown: 600;
  --z-index-700-overlay: 700;
  --z-index-800-spinner: 800;
  --z-index-900-modal: 900;
  --z-index-950-popup: 950;
  --z-index-1000-top: 1000;
  --z-index-deep: -9999;
  --button-primary-background-color-base: #f28000;
  --button-primary-background-color-hover: #df7400;
  --button-primary-background-color-loading: #f28000;
  --button-primary-border-color-base: #f28000;
  --button-primary-border-color-hover: #df7400;
  --button-primary-color-font-base: #ffffff;
  --button-primary-color-outline: #ffe1bf;
  --button-secondary-background-color-base: transparent;
  --button-secondary-background-color-hover: #fff3e6;
  --button-secondary-background-color-loading: transparent;
  --button-secondary-border-color-base: #f28000;
  --button-secondary-border-color-hover: #fff3e6;
  --button-secondary-color-font-base: #f28000;
  --button-secondary-color-outline: #ffe1bf;
  --button-secondary-inverted-background-color-base: #ffffff00; /* Possui transparência aplicada no hexadecimal */
  --button-secondary-inverted-background-color-hover: #ffffff2B; /* Possui transparência aplicada no hexadecimal */
  --button-secondary-inverted-background-color-loading: transparent;
  --button-secondary-inverted-border-color-base: #ffffff;
  --button-secondary-inverted-border-color-hover: #ffffff2B; /* Possui transparência aplicada no hexadecimal */
  --button-secondary-inverted-color-font-base: #ffffff;
  --button-secondary-inverted-color-outline: #ffffff52; /* Possui transparência aplicada no hexadecimal */
  --button-tertiary-background-color-base: #fff3e6;
  --button-tertiary-background-color-hover: #ffe1bf;
  --button-tertiary-background-color-loading: #df7400;
  --button-tertiary-border-color-base: #fff3e6;
  --button-tertiary-border-color-hover: #ffe1bf;
  --button-tertiary-color-font-base: #cb6700;
  --button-tertiary-color-outline: #ffe1bf;
  --button-link-button-background-color-base: transparent;
  --button-link-button-background-color-hover: #f0e6ff;
  --button-link-button-background-color-loading: #f0e6ff;
  --button-link-button-border-color-base: transparent;
  --button-link-button-border-color-hover: #f0e6ff;
  --button-link-button-color-font-base: #6e0ad6;
  --button-link-button-color-outline: #f0e6ff;
  --button-danger-background-color-base: #e22828;
  --button-danger-background-color-hover: #901111;
  --button-danger-background-color-loading: #e22828;
  --button-danger-border-color-base: #e22828;
  --button-danger-border-color-hover: #901111;
  --button-danger-color-font-base: #ffffff;
  --button-danger-color-outline: #f48787;
  --button-neutral-background-color-base: transparent;
  --button-neutral-background-color-hover: #cfd4dd; /* Possui transparência aplicada no hexadecimal */
  --button-neutral-background-color-loading: transparent;
  --button-neutral-border-color-base: #5e6a82;
  --button-neutral-border-color-hover: #5e6a82;
  --button-neutral-color-font-base: #1a1d23;
  --button-neutral-color-outline: #f5f6f7;
  --button-disabled-background-color: #f5f6f7;
  --button-disabled-border-color: transparent;
  --button-disabled-color-font: #5e6a82;
  --carousel-focus: #1a1d23;
  --carousel-arrow-background-color-base: #ffffff;
  --carousel-arrow-background-color-hover: #cfd4dd;
  --carousel-arrow-color: #1a1d23;
  --checkbox-background-color-base: #ffffff;
  --checkbox-background-color-checked: #6e0ad6;
  --checkbox-background-color-checked-hover: #49078f;
  --checkbox-background-color-error: #fff5f5;
  --checkbox-background-color-hover: #f5f6f7;
  --checkbox-border-color-base: #cfd4dd;
  --checkbox-border-color-hover: #cfd4dd;
  --checkbox-border-color-error: #e22828;
  --checkbox-color-outline: #c599ff;
  --checkbox-color-icon: #ffffff;
  --container-background-color: #ffffff;
  --container-border-color-outlined: #cfd4dd;
  --divider-default-background-color: #cfd4dd;
  --divider-inverted-background-color: #5e6a82;
  --dropdown-background-color-base: #ffffff;
  --dropdown-background-color-error: #fff5f5;
  --dropdown-background-color-disabled: #f5f6f7;
  --dropdown-border-color-base: #cfd4dd;
  --dropdown-border-color-disabled: #f5f6f7;
  --dropdown-border-color-error: #e22828;
  --dropdown-border-color-focus: #6e0ad6;
  --dropdown-border-color-hover: #cfd4dd;
  --dropdown-border-color-selected: #1a1d23;
  --dropdown-color-font-base: #8994a9;
  --dropdown-color-font-disabled: #8994a9;
  --dropdown-color-font-selected: #1a1d23;
  --dropdown-icon-color-base: #1a1d23;
  --dropdown-icon-color-disabled: #8994a9;
  --link-color-main-base: #6e0ad6;
  --link-color-main-hover: #5c08b2;
  --link-color-main-active: #49078f;
  --link-color-grey-base: #1a1d23;
  --link-color-grey-hover: #6e0ad6;
  --link-color-grey-active: #5c08b2;
  --link-color-inverted-base: #ffffff;
  --link-color-inverted-hover: #c599ff;
  --link-color-inverted-active: #f0e6ff;
  --modal-background-color: #ffffff;
  --modal-button-background-color-hover: #cfd4dd;
  --modal-button-background-color-focus: #1a1d23;
  --modal-button-color: #1a1d23;
  --modal-button-topbar-background-color-hover: #f5f6f7;
  --radio-background-color-base: #ffffff;
  --radio-background-color-checked: #6e0ad6;
  --radio-background-color-checked-hover: #49078f;
  --radio-background-color-error: #e22828;
  --radio-background-color-hover: #f5f6f7;
  --radio-border-color-base: #5e6a82;
  --radio-border-color-checked: #6e0ad6;
  --radio-border-color-checked-hover: #49078f;
  --radio-border-color-hover: #cfd4dd;
  --radio-border-color-error: #e22828;
  --radio-color-outline: #c599ff;
  --radio-font-color: #1a1d23;
  --skeleton-background-0: linear-gradient(90deg, #f5f6f7 0%, #cfd4dd 0%, #f5f6f7 100%);
  --skeleton-background-20: linear-gradient(90deg, #f5f6f7 0%, #cfd4dd 20%, #f5f6f7 100%);
  --skeleton-background-40: linear-gradient(90deg, #f5f6f7 0%, #cfd4dd 40%, #f5f6f7 100%);
  --skeleton-background-60: linear-gradient(90deg, #f5f6f7 0%, #cfd4dd 60%, #f5f6f7 100%);
  --skeleton-background-80: linear-gradient(90deg, #f5f6f7 0%, #cfd4dd 80%, #f5f6f7 100%);
  --skeleton-background-100: linear-gradient(90deg, #f5f6f7 0%, #cfd4dd 100%, #f5f6f7 100%);
  --spinner-color: #6e0ad6;
  --spinner-inverted-color: #ffffff;
  --spinner-extra-small-size: 16px;
  --spinner-small-size: 24px;
  --spinner-medium-size: 32px;
  --spinner-large-size: 48px;
  --spinner-extra-large-size: 56px;
  --spinner-huge-size: 64px;
  --spots-background-circle: #f0e6ff;
  --spots-background-triangle: #def9cc;
  --spots-background-square: #fff3e6;
  --spots-background-neutral: #f5f6f7;
  --spots-color-circle: #6e0ad6;
  --spots-color-triangle: #8ce563;
  --spots-color-square: #f28000;
  --spots-color-neutral: #cfd4dd;
  --spots-border-color-default: #1a1d23;
  --spots-border-color-neutral: #8994a9;
  --textinput-background-color-base: #ffffff;
  --textinput-background-color-error: #fff5f5;
  --textinput-background-color-disabled: #f5f6f7;
  --textinput-background-color-success: #ffffff;
  --textinput-border-color-empty: #cfd4dd;
  --textinput-border-color-error: #e22828;
  --textinput-border-color-disabled: transparent;
  --textinput-border-color-filled: #1a1d23;
  --textinput-border-color-focus: #6e0ad6;
  --textinput-border-color-hover: #cfd4dd;
  --textinput-border-color-success: #24a148;
  --textinput-border-color-empty-hover: #cfd4dd;
  --textinput-color-font: #1a1d23;
  --textinput-color-placeholder: #8994a9;
  --textinput-color-disabled: #8994a9;
  --textinput-icon-color: #3c4453;
  --textinput-caption-font-color: #3c4453;
  --textinput-feedback-error-font-color: #e22828;
  --text-color: #1a1d23;
  --toast-background-color: #3c4453;
  --toast-font-color: #ffffff;
  --toast-close-icon-color: #ffffff;
  --toggleswitch-background-color-base: #cfd4dd;
  --toggleswitch-background-color-checked: #6e0ad6;
  --toggleswitch-background-color-checked-hover: #49078f;
  --toggleswitch-background-color-hover: #8994a9;
  --toggleswitch-color-outline: #c599ff;
  --toggleswitch-icon-color: #ffffff;
  --font-family-primary: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-family-secondary: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.dark {
  --color-neutral-70: #1a1d23;
  --color-neutral-80: #3c4453;
  --color-neutral-90: #5e6a82;
  --color-neutral-110: #cfd4dd;
  --color-neutral-120: #f5f6f7;
  --color-neutral-130: #ffffff;
  --color-feedback-success-80: #105323;
  --color-feedback-success-90: #197b35;
  --color-feedback-success-100: #24a148;
  --color-feedback-success-110: #8ce563;
  --color-feedback-success-120: #def9cc;
  --color-feedback-error-80: #3b0505;
  --color-feedback-error-90: #901111;
  --color-feedback-error-110: #f48787;
  --color-feedback-error-120: #fff5f5;
  --color-feedback-attention-80: #3c2a09;
  --color-feedback-attention-90: #7b5613;
  --color-feedback-attention-110: #ffe19a;
  --color-feedback-attention-120: #fff7e0;
  --color-feedback-info-80: #0a2b34;
  --color-feedback-info-90: #14596b;
  --color-feedback-info-110: #9ce6f9;
  --color-feedback-info-120: #e1f9ff;
  --color-primary-70: #b35a00;
  --color-primary-80: #cb6700;
  --color-primary-90: #b35a00;
  --color-primary-110: #ffbb73;
  --color-primary-120: #ffe1bf;
  --color-primary-130: #fff3e6;
  --color-secondary-70: #37056b;
  --color-secondary-80: #49078f;
  --color-secondary-90: #5c08b2;
  --color-secondary-100: #c599ff;
  --color-secondary-110: #994dfa;
  --color-secondary-120: #6e0ad6;
  --color-secondary-130: #f0e6ff;
  --shadow-top-1: 0px -1px 1px rgba(255, 255, 255, 0.16);
  --shadow-top-3: 0px -3px 4px rgba(255, 255, 255, 0.16);
  --shadow-top-6: 0px -6px 10px rgba(255, 255, 255, 0.16);
  --shadow-top-9: 0px -9px 12px rgba(255, 255, 255, 0.16);
  --shadow-top-12: 0px -12px 17px rgba(255, 255, 255, 0.16);
  --shadow-bottom-1: 0px 1px 1px rgba(255, 255, 255, 0.16);
  --shadow-bottom-3: 0px 3px 4px rgba(255, 255, 255, 0.16);
  --shadow-bottom-6: 0px 6px 10px rgba(255, 255, 255, 0.16);
  --shadow-bottom-9: 0px 9px 12px rgba(255, 255, 255, 0.16);
  --shadow-bottom-12: 0px 12px 17px rgba(255, 255, 255, 0.16);
  --shadow-level-1: 0px 1px 1px rgba(255, 255, 255, 0.14);
  --shadow-level-2: 0px 2px 2px rgba(255, 255, 255, 0.14);
  --shadow-level-3: 0px 3px 4px rgba(255, 255, 255, 0.14);
  --shadow-level-4: 0px 4px 5px rgba(255, 255, 255, 0.14);
  --shadow-level-6: 0px 6px 10px rgba(255, 255, 255, 0.14);
  --shadow-level-8: 0px 8px 10px rgba(255, 255, 255, 0.14);
  --shadow-level-9: 0px 9px 12px rgba(255, 255, 255, 0.14);
  --shadow-level-12: 0px 12px 17px rgba(255, 255, 255, 0.14);
  --shadow-level-16: 0px 16px 24px rgba(255, 255, 255, 0.14);
  --shadow-level-24: 0px 24px 38px rgba(255, 255, 255, 0.14);
  --button-primary-background-color-base: #f28000;
  --button-primary-background-color-hover: #ffbb73;
  --button-primary-background-color-loading: #f28000;
  --button-primary-border-color-base: #f28000;
  --button-primary-border-color-hover: #ffbb73;
  --button-primary-color-font-base: #ffffff;
  --button-primary-color-outline: #cb6700;
  --button-secondary-background-color-base: transparent;
  --button-secondary-background-color-hover: #b35a00;
  --button-secondary-background-color-loading: transparent;
  --button-secondary-border-color-base: #f28000;
  --button-secondary-border-color-hover: #b35a00;
  --button-secondary-color-font-base: #f28000;
  --button-secondary-color-outline: #cb6700;
  --button-secondary-inverted-background-color-base: #1a1d2300; /* Possui transparência aplicada no hexadecimal */
  --button-secondary-inverted-background-color-hover: #1a1d232B; /* Possui transparência aplicada no hexadecimal */
  --button-secondary-inverted-background-color-loading: transparent;
  --button-secondary-inverted-border-color-base: #1a1d23;
  --button-secondary-inverted-border-color-hover: #1a1d232B; /* Possui transparência aplicada no hexadecimal */
  --button-secondary-inverted-color-font-base: #1a1d23;
  --button-secondary-inverted-color-outline: #1a1d2352; /* Possui transparência aplicada no hexadecimal */
  --button-tertiary-background-color-base: #b35a00;
  --button-tertiary-background-color-hover: #cb6700;
  --button-tertiary-background-color-loading: #ffbb73;
  --button-tertiary-border-color-base: #b35a00;
  --button-tertiary-border-color-hover: #cb6700;
  --button-tertiary-color-font-base: #ffe1bf;
  --button-tertiary-color-outline: #cb6700;
  --button-link-button-background-color-base: transparent;
  --button-link-button-background-color-hover: #37056b;
  --button-link-button-background-color-loading: #37056b;
  --button-link-button-border-color-base: transparent;
  --button-link-button-border-color-hover: #37056b;
  --button-link-button-color-font-base: #c599ff;
  --button-link-button-color-outline: #37056b;
  --button-danger-background-color-base: #e22828;
  --button-danger-background-color-hover: #f48787;
  --button-danger-background-color-loading: #e22828;
  --button-danger-border-color-base: #e22828;
  --button-danger-border-color-hover: #f48787;
  --button-danger-color-font-base: #ffffff;
  --button-danger-color-outline: #901111;
  --button-neutral-background-color-base: transparent;
  --button-neutral-background-color-hover: #5e6a82; /* Possui transparência aplicada no hexadecimal */
  --button-neutral-background-color-loading: transparent;
  --button-neutral-border-color-base: #cfd4dd;
  --button-neutral-border-color-hover: #cfd4dd;
  --button-neutral-color-font-base: #ffffff;
  --button-neutral-color-outline: #3c4453;
  --button-disabled-background-color: #3c4453;
  --button-disabled-border-color: transparent;
  --button-disabled-color-font: #cfd4dd;
  --carousel-focus: #ffffff;
  --carousel-arrow-background-color-base: #1a1d23;
  --carousel-arrow-background-color-hover: #5e6a82;
  --carousel-arrow-color: #ffffff;
  --checkbox-background-color-base: #1a1d23;
  --checkbox-background-color-checked: #c599ff;
  --checkbox-background-color-checked-hover: #6e0ad6;
  --checkbox-background-color-error: #3b0505;
  --checkbox-background-color-hover: #3c4453;
  --checkbox-border-color-base: #5e6a82;
  --checkbox-border-color-hover: #5e6a82;
  --checkbox-border-color-error: #e22828;
  --checkbox-color-outline: #49078f;
  --checkbox-color-icon: #1a1d23;
  --container-background-color: #1a1d23;
  --container-border-color-outlined: #5e6a82;
  --divider-default-background-color: #5e6a82;
  --divider-inverted-background-color: #cfd4dd;
  --dropdown-background-color-base: #1a1d23;
  --dropdown-background-color-error: #3b0505;
  --dropdown-background-color-disabled: #3c4453;
  --dropdown-border-color-base: #5e6a82;
  --dropdown-border-color-disabled: #3c4453;
  --dropdown-border-color-error: #e22828;
  --dropdown-border-color-focus: #c599ff;
  --dropdown-border-color-hover: #5e6a82;
  --dropdown-border-color-selected: #ffffff;
  --dropdown-color-font-base: #8994a9;
  --dropdown-color-font-disabled: #8994a9;
  --dropdown-color-font-selected: #ffffff;
  --dropdown-icon-color-base: #ffffff;
  --dropdown-icon-color-disabled: #8994a9;
  --link-color-main-base: #c599ff;
  --link-color-main-hover: #994dfa;
  --link-color-main-active: #6e0ad6;
  --link-color-grey-base: #ffffff;
  --link-color-grey-hover: #c599ff;
  --link-color-grey-active: #994dfa;
  --link-color-inverted-base: #f5f6f7;
  --link-color-inverted-hover: #6e0ad6;
  --link-color-inverted-active: #f0e6ff;
  --modal-background-color: #1a1d23;
  --modal-button-background-color-hover: #5e6a82;
  --modal-button-background-color-focus: #ffffff;
  --modal-button-color: #ffffff;
  --modal-button-topbar-background-color-hover: #5e6a82;
  --radio-background-color-base: #1a1d23;
  --radio-background-color-checked: #c599ff;
  --radio-background-color-checked-hover: #6e0ad6;
  --radio-background-color-error: #e22828;
  --radio-background-color-hover: #3c4453;
  --radio-border-color-base: #cfd4dd;
  --radio-border-color-checked: #c599ff;
  --radio-border-color-checked-hover: #6e0ad6;
  --radio-border-color-hover: #5e6a82;
  --radio-border-color-error: #e22828;
  --radio-color-outline: #49078f;
  --radio-font-color: #ffffff;
  --skeleton-background-0: linear-gradient(90deg, #3c4453 0%, #5e6a82 0%, #3c4453 100%);
  --skeleton-background-20: linear-gradient(90deg, #3c4453 0%, #5e6a82 20%, #3c4453 100%);
  --skeleton-background-40: linear-gradient(90deg, #3c4453 0%, #5e6a82 40%, #3c4453 100%);
  --skeleton-background-60: linear-gradient(90deg, #3c4453 0%, #5e6a82 60%, #3c4453 100%);
  --skeleton-background-80: linear-gradient(90deg, #3c4453 0%, #5e6a82 80%, #3c4453 100%);
  --skeleton-background-100: linear-gradient(90deg, #3c4453 0%, #5e6a82 100%, #3c4453 100%);
  --spinner-color: #c599ff;
  --spinner-inverted-color: #1a1d23;
  --spots-background-circle: #37056b;
  --spots-background-triangle: #105323;
  --spots-background-square: #b35a00;
  --spots-background-neutral: #3c4453;
  --spots-color-circle: #c599ff;
  --spots-color-triangle: #197b35;
  --spots-color-square: #f28000;
  --spots-color-neutral: #5e6a82;
  --spots-border-color-default: #ffffff;
  --spots-border-color-neutral: #8994a9;
  --textinput-background-color-base: #1a1d23;
  --textinput-background-color-error: #3b0505;
  --textinput-background-color-disabled: #3c4453;
  --textinput-background-color-success: #1a1d23;
  --textinput-border-color-empty: #5e6a82;
  --textinput-border-color-error: #e22828;
  --textinput-border-color-disabled: transparent;
  --textinput-border-color-filled: #ffffff;
  --textinput-border-color-focus: #c599ff;
  --textinput-border-color-hover: #5e6a82;
  --textinput-border-color-success: #24a148;
  --textinput-border-color-empty-hover: #5e6a82;
  --textinput-color-font: #ffffff;
  --textinput-color-placeholder: #8994a9;
  --textinput-color-disabled: #8994a9;
  --textinput-icon-color: #f5f6f7;
  --textinput-caption-font-color: #f5f6f7;
  --textinput-feedback-error-font-color: #e22828;
  --text-color: #ffffff;
  --toast-background-color: #f5f6f7;
  --toast-font-color: #1a1d23;
  --toast-close-icon-color: #1a1d23;
  --toggleswitch-background-color-base: #5e6a82;
  --toggleswitch-background-color-checked: #c599ff;
  --toggleswitch-background-color-checked-hover: #6e0ad6;
  --toggleswitch-background-color-hover: #8994a9;
  --toggleswitch-color-outline: #49078f;
  --toggleswitch-icon-color: #1a1d23;
}