UNPKG

@rdsaude/pulso-react-components

Version:

Biblioteca de componentes React do Pulso Design System da RD Saúde oferece componentes consistentes e de alto desempenho, alinhados com os padrões da RDSaúde. Ideal para desenvolver aplicações modernas e acessíveis.

899 lines (888 loc) 149 kB
/** * Do not edit directly, this file was auto-generated. */ :root { --font-family-rdmodernvariable: RD Modern; --font-size-threepulse: 0.75rem; --font-size-threeandhalfpulse: 0.875rem; --font-size-fourpulse: 1rem; --font-size-fivepulse: 1.25rem; --font-size-sixpulse: 1.5rem; --font-size-sevenpulse: 1.75rem; --font-size-eightpulse: 2rem; --font-size-ninepulse: 2.25rem; --font-size-tenpulse: 2.5rem; --font-size-elevenpulse: 2.75rem; --font-size-twelvepulse: 3rem; --font-size-sixteenpulse: 4rem; --font-weight-regular: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --line-height-none: 0%; --line-height-default: 100%; --line-height-tiny: 130%; --line-height-small: 140%; --line-height-medium: 150%; --line-height-large: 170%; --letter-spacing-default: 0%; --letter-spacing-tiny: 5%; --text-decoration-line-none: none; --text-decoration-line-underline: underline; --text-decoration-line-line-through: line-through; --border-radius-none: -0.25rem; --border-radius-tinycontainer: 0.25rem; --border-radius-smallcontainer: 0.5rem; --border-radius-mediumcontainer: 0.75rem; --border-radius-largecontainer: 1rem; --border-radius-hugecontainer: 1.25rem; --border-radius-form: 0.75rem; --border-radius-pill: 62.4375rem; --border-width-none: 0rem; --border-width-quarterpulse: 0.0625rem; --border-width-halfpulse: 0.125rem; --border-width-onepulse: 0.25rem; --border-width-twopulse: 0.5rem; --spacing-stack-none: 0rem; --spacing-stack-halfpulse: 0.125rem; --spacing-stack-onepulse: 0.25rem; --spacing-stack-twopulse: 0.5rem; --spacing-stack-threepulse: 0.75rem; --spacing-stack-fourpulse: 1rem; --spacing-stack-fivepulse: 1.25rem; --spacing-stack-sixpulse: 1.5rem; --spacing-stack-eightpulse: 2rem; --spacing-stack-tenpulse: 2.5rem; --spacing-stack-twelvepulse: 3rem; --spacing-stack-fourteenpulse: 3.5rem; --spacing-stack-sixteenpulse: 4rem; --spacing-stack-eighteenpulse: 4.5rem; --spacing-stack-twentypulse: 5rem; --spacing-stack-twentytwopulse: 5.5rem; --spacing-stack-twentyfourpulse: 6rem; --spacing-stack-thirtytwopulse: 8rem; --spacing-inline-none: 0rem; --spacing-inline-halfpulse: 0.125rem; --spacing-inline-onepulse: 0.25rem; --spacing-inline-twopulse: 0.5rem; --spacing-inline-threepulse: 0.75rem; --spacing-inline-fourpulse: 1rem; --spacing-inline-fivepulse: 1.25rem; --spacing-inline-sixpulse: 1.5rem; --spacing-inline-eightpulse: 2rem; --spacing-inline-tenpulse: 2.5rem; --spacing-inline-twelvepulse: 3rem; --spacing-inline-sixteenpulse: 4rem; --spacing-inline-eighteenpulse: 4.5rem; --spacing-inline-twentypulse: 5rem; --spacing-inline-twentytwopulse: 5.5rem; --spacing-inline-twentyfourpulse: 6rem; --spacing-inline-thirtytwopulse: 8rem; --padding-inset-none: 0rem; --padding-inset-halfpulse: 0.125rem; --padding-inset-onepulse: 0.25rem; --padding-inset-twopulse: 0.5rem; --padding-inset-threepulse: 0.75rem; --padding-inset-fourpulse: 1rem; --padding-inset-fivepulse: 1.25rem; --padding-inset-sixpulse: 1.5rem; --padding-inset-eightpulse: 2rem; --padding-inset-tenpulse: 2.5rem; --padding-inset-twelvepulse: 3rem; --padding-inset-sixteenpulse: 4rem; --padding-inset-eighteenpulse: 4.5rem; --padding-inset-twentypulse: 5rem; --padding-inset-twentytwopulse: 5.5rem; --padding-inset-twentyfourpulse: 6rem; --padding-inset-thirtytwopulse: 8rem; --sizing-none: 0rem; --sizing-pico: 0.125rem; --sizing-nano: 0.25rem; --sizing-micro: 0.5rem; --sizing-mini: 0.75rem; --sizing-tiny: 1rem; --sizing-extrasmall: 1.25rem; --sizing-small: 1.5rem; --sizing-medium: 2rem; --sizing-mediumlarge: 2.5rem; --sizing-large: 3rem; --sizing-extralarge: 3.5rem; --sizing-huge: 4rem; --sizing-enormous: 5rem; --sizing-gigantic: 6rem; --sizing-colossal: 8rem; --opacity-transparent: 0; --opacity-lowest: 12; --opacity-lower: 24; --opacity-low: 32; --opacity-medium: 48; --opacity-high: 64; --opacity-higher: 72; --opacity-highest: 88; --opacity-opaque: 999; --zindex-underlay: -4; --zindex-default: 0; --zindex-surface: 4; --zindex-above: 8; --zindex-overlay: 12; } /** * Do not edit directly, this file was auto-generated. */ :root { --color-fill-neutral-default: rgba(255, 255, 255, 1); --color-fill-neutral-alternative: rgba(242, 242, 242, 1); --color-fill-neutral-fallback: rgba(230, 230, 230, 1); --color-fill-informative-default: rgba(230, 243, 254, 1); --color-fill-informative-alternative: rgba(207, 232, 252, 1); --color-fill-success-default: rgba(230, 254, 241, 1); --color-fill-success-alternative: rgba(207, 252, 227, 1); --color-fill-warning-default: rgba(253, 245, 231, 1); --color-fill-warning-alternative: rgba(251, 235, 208, 1); --color-fill-danger-default: rgba(254, 230, 245, 1); --color-fill-danger-alternative: rgba(252, 207, 234, 1); --color-border-neutral-default: rgba(230, 230, 230, 1); --color-border-neutral-alternative: rgba(209, 209, 209, 1); --color-border-informative-default: rgba(207, 232, 252, 1); --color-border-informative-alternative: rgba(171, 213, 247, 1); --color-border-success-default: rgba(207, 252, 227, 1); --color-border-success-alternative: rgba(171, 247, 205, 1); --color-border-warning-default: rgba(251, 235, 208, 1); --color-border-warning-alternative: rgba(248, 217, 170, 1); --color-border-danger-default: rgba(252, 207, 234, 1); --color-border-danger-alternative: rgba(247, 171, 217, 1); --color-text-neutral-default: rgba(48, 48, 48, 1); --color-text-neutral-alternative: rgba(87, 87, 87, 1); --color-text-neutral-placeholder: rgba(107, 107, 107, 1); --color-text-neutral-readonly: rgba(130, 130, 130, 1); --color-text-neutral-disabled: rgba(184, 184, 184, 1); --color-text-neutral-inverse: rgba(255, 255, 255, 1); --color-text-informative-default: rgba(24, 51, 73, 1); --color-text-informative-alternative: rgba(42, 91, 131, 1); --color-text-success-default: rgba(24, 73, 46, 1); --color-text-success-alternative: rgba(42, 131, 82, 1); --color-text-warning-default: rgba(85, 53, 12, 1); --color-text-warning-alternative: rgba(152, 95, 22, 1); --color-text-danger-default: rgba(100, 32, 73, 1); --color-text-danger-alternative: rgba(162, 52, 118, 1); --color-text-fastdelivery-default: rgba(214, 110, 15, 1); --color-text-evaluate-default: rgba(240, 169, 76, 1); --color-action-fill-brand-primary-enabled: rgba(57, 127, 71, 1); --color-action-fill-brand-primary-hovered: rgba(47, 101, 58, 1); --color-action-fill-brand-primary-pressed: rgba(41, 81, 49, 1); --color-action-fill-brand-primary-activated: rgba(41, 81, 49, 1); --color-action-fill-brand-primary-disabled: rgba(230, 230, 230, 1); --color-action-fill-neutral-secondary-enabled: rgba(0, 0, 0, 0); --color-action-fill-neutral-secondary-hovered: rgba(230, 230, 230, 1); --color-action-fill-neutral-secondary-pressed: rgba(209, 209, 209, 1); --color-action-fill-neutral-secondary-activated: rgba(209, 209, 209, 1); --color-action-fill-neutral-secondary-disabled: rgba(0, 0, 0, 0); --color-action-fill-neutral-tertiary-enabled: rgba(0, 0, 0, 0); --color-action-fill-neutral-tertiary-hovered: rgba(230, 230, 230, 1); --color-action-fill-neutral-tertiary-pressed: rgba(209, 209, 209, 1); --color-action-fill-neutral-tertiary-activated: rgba(209, 209, 209, 1); --color-action-fill-neutral-tertiary-disabled: rgba(0, 0, 0, 0); --color-action-fill-neutral-tertiary-readonly: rgba(0, 0, 0, 0); --color-action-fill-onbrand-enabled: rgba(230, 245, 233, 1); --color-action-fill-onbrand-hovered: rgba(202, 232, 208, 1); --color-action-fill-onbrand-pressed: rgba(159, 213, 170, 1); --color-action-fill-onbrand-activated: rgba(159, 213, 170, 1); --color-action-fill-onbrand-disabled: rgba(230, 230, 230, 1); --color-action-fill-emphasis-enabled: rgba(249, 245, 236, 1); --color-action-fill-emphasis-hovered: rgba(241, 235, 218, 1); --color-action-fill-emphasis-pressed: rgba(231, 220, 188, 1); --color-action-fill-emphasis-activated: rgba(231, 220, 188, 1); --color-action-fill-emphasis-disabled: rgba(230, 230, 230, 1); --color-action-border-focused: rgba(0, 0, 0, 1); --color-action-border-brand-primary-enabled: rgba(0, 0, 0, 0); --color-action-border-brand-primary-hovered: rgba(0, 0, 0, 0); --color-action-border-brand-primary-pressed: rgba(0, 0, 0, 0); --color-action-border-brand-primary-activated: rgba(0, 0, 0, 0); --color-action-border-brand-primary-disabled: rgba(0, 0, 0, 0); --color-action-border-neutral-secondary-enabled: rgba(158, 158, 158, 1); --color-action-border-neutral-secondary-hovered: rgba(184, 184, 184, 1); --color-action-border-neutral-secondary-pressed: rgba(184, 184, 184, 1); --color-action-border-neutral-secondary-activated: rgba(0, 0, 0, 1); --color-action-border-neutral-secondary-disabled: rgba(209, 209, 209, 1); --color-action-border-neutral-tertiary-enabled: rgba(0, 0, 0, 0); --color-action-border-neutral-tertiary-hovered: rgba(0, 0, 0, 0); --color-action-border-neutral-tertiary-pressed: rgba(0, 0, 0, 0); --color-action-border-neutral-tertiary-activated: rgba(0, 0, 0, 0); --color-action-border-neutral-tertiary-disabled: rgba(0, 0, 0, 0); --color-action-border-neutral-tertiary-readonly: rgba(0, 0, 0, 0); --color-action-border-onbrand-enabled: rgba(0, 0, 0, 0); --color-action-border-onbrand-hovered: rgba(0, 0, 0, 0); --color-action-border-onbrand-pressed: rgba(0, 0, 0, 0); --color-action-border-onbrand-activated: rgba(0, 0, 0, 0); --color-action-border-onbrand-disabled: rgba(0, 0, 0, 0); --color-action-border-emphasis-enabled: rgba(0, 0, 0, 0); --color-action-border-emphasis-hovered: rgba(0, 0, 0, 0); --color-action-border-emphasis-pressed: rgba(0, 0, 0, 0); --color-action-border-emphasis-activated: rgba(0, 0, 0, 0); --color-action-border-emphasis-disabled: rgba(0, 0, 0, 0); --color-action-text-onbrand-default: rgba(57, 127, 71, 1); --color-action-text-onbrand-hovered: rgba(47, 101, 58, 1); --color-action-text-onbrand-pressed: rgba(41, 81, 49, 1); --color-action-text-onbrand-activated: rgba(41, 81, 49, 1); --color-action-text-neutral-deactivated: rgba(158, 158, 158, 1); --color-action-text-neutral-hovered: rgba(130, 130, 130, 1); --color-action-text-neutral-pressed: rgba(107, 107, 107, 1); --color-action-text-neutral-disabled: rgba(230, 230, 230, 1); --color-none: rgba(0, 0, 0, 0); --color-forms-fill-default: rgba(230, 230, 230, 1); --color-forms-fill-hovered: rgba(209, 209, 209, 1); --color-forms-fill-focused: rgba(255, 255, 255, 1); --color-forms-fill-filled: rgba(255, 255, 255, 1); --color-forms-fill-error: rgba(255, 255, 255, 1); --color-forms-fill-disabled: rgba(255, 255, 255, 1); --color-forms-fill-readonly: rgba(255, 255, 255, 1); --color-forms-border-default: rgba(0, 0, 0, 0); --color-forms-border-hovered: rgba(0, 0, 0, 0); --color-forms-border-focused: rgba(0, 0, 0, 1); --color-forms-border-filled: rgba(158, 158, 158, 1); --color-forms-border-error: rgba(162, 52, 118, 1); --color-forms-border-disabled: rgba(209, 209, 209, 1); --color-forms-border-readonly: rgba(184, 184, 184, 1); --color-container-fill-default: rgba(255, 255, 255, 1); --color-container-fill-hovered: rgba(242, 242, 242, 1); --color-container-fill-pressed: rgba(230, 230, 230, 1); --color-container-fill-focused: rgba(242, 242, 242, 1); --color-container-fill-error: rgba(255, 255, 255, 1); --color-container-fill-disabled: rgba(255, 255, 255, 1); --color-container-fill-readonly: rgba(255, 255, 255, 1); --color-container-border-default: rgba(230, 230, 230, 1); --color-container-border-hovered: rgba(209, 209, 209, 1); --color-container-border-pressed: rgba(209, 209, 209, 1); --color-container-border-focused: rgba(0, 0, 0, 1); --color-container-border-error: rgba(162, 52, 118, 1); --color-container-border-disabled: rgba(209, 209, 209, 1); --color-container-border-readonly: rgba(184, 184, 184, 1); --color-browsing-fill-onbrand-enabled: rgba(0, 0, 0, 0); --color-browsing-fill-onbrand-hovered: rgba(244, 250, 245, 1); --color-browsing-fill-onbrand-pressed: rgba(230, 245, 233, 1); --color-browsing-fill-onbrand-activated: rgba(0, 0, 0, 0); --color-browsing-fill-onbrand-disabled: rgba(0, 0, 0, 0); --color-browsing-border-onbrand-enabled: rgba(0, 0, 0, 0); --color-browsing-border-onbrand-hovered: rgba(0, 0, 0, 0); --color-browsing-border-onbrand-pressed: rgba(0, 0, 0, 0); --color-browsing-border-onbrand-activated: rgba(57, 127, 71, 1); --color-browsing-border-onbrand-disabled: rgba(0, 0, 0, 0); --color-browsing-text-default: rgba(87, 87, 87, 1); --color-browsing-text-hovered: rgba(66, 66, 66, 1); --color-browsing-text-pressed: rgba(48, 48, 48, 1); --color-browsing-text-activated: rgba(57, 127, 71, 1); --color-browsing-text-disabled: rgba(184, 184, 184, 1); --color-labeling-fill-onsale-default: rgba(42, 131, 82, 1); --color-labeling-fill-principal-default: rgba(48, 48, 48, 1); --color-labeling-fill-secondary-default: rgba(230, 230, 230, 1); --color-labeling-fill-clube-default: rgba(251, 226, 194, 1); --color-labeling-fill-assinatura-default: rgba(241, 233, 254, 1); --color-labeling-fill-refrigerate-default: rgba(230, 243, 254, 1); --color-labeling-fill-prescription-default: rgba(230, 243, 254, 1); --color-labeling-fill-generico-default: rgba(254, 250, 164, 1); --color-labeling-fill-referencia-default: rgba(230, 230, 230, 1); --color-labeling-fill-similar-default: rgba(207, 232, 252, 1); --color-labeling-fill-stix-default: rgba(230, 245, 233, 1); --color-labeling-fill-blog-default: rgba(231, 220, 188, 1); --color-labeling-text-onsale-default: rgba(255, 255, 255, 1); --color-labeling-text-principal-default: rgba(242, 242, 242, 1); --color-labeling-text-secondary-default: rgba(66, 66, 66, 1); --color-labeling-text-clube-default: rgba(179, 76, 27, 1); --color-labeling-text-assinatura-default: rgba(95, 40, 189, 1); --color-labeling-text-refrigerate-default: rgba(52, 113, 162, 1); --color-labeling-text-prescription-default: rgba(52, 113, 162, 1); --color-labeling-text-generico-default: rgba(122, 77, 11, 1); --color-labeling-text-referencia-default: rgba(66, 66, 66, 1); --color-labeling-text-similar-default: rgba(32, 70, 100, 1); --color-labeling-text-stix-default: rgba(47, 101, 58, 1); --color-labeling-text-blog-default: rgba(66, 66, 66, 1); } /** * Do not edit directly, this file was auto-generated. */ .drogasil { --color-fill-neutral-default: rgba(255, 255, 255, 1); --color-fill-neutral-alternative: rgba(242, 242, 242, 1); --color-fill-neutral-fallback: rgba(230, 230, 230, 1); --color-fill-informative-default: rgba(230, 243, 254, 1); --color-fill-informative-alternative: rgba(207, 232, 252, 1); --color-fill-success-default: rgba(230, 254, 241, 1); --color-fill-success-alternative: rgba(207, 252, 227, 1); --color-fill-warning-default: rgba(253, 245, 231, 1); --color-fill-warning-alternative: rgba(251, 235, 208, 1); --color-fill-danger-default: rgba(254, 230, 245, 1); --color-fill-danger-alternative: rgba(252, 207, 234, 1); --color-border-neutral-default: rgba(230, 230, 230, 1); --color-border-neutral-alternative: rgba(209, 209, 209, 1); --color-border-informative-default: rgba(207, 232, 252, 1); --color-border-informative-alternative: rgba(171, 213, 247, 1); --color-border-success-default: rgba(207, 252, 227, 1); --color-border-success-alternative: rgba(171, 247, 205, 1); --color-border-warning-default: rgba(251, 235, 208, 1); --color-border-warning-alternative: rgba(248, 217, 170, 1); --color-border-danger-default: rgba(252, 207, 234, 1); --color-border-danger-alternative: rgba(247, 171, 217, 1); --color-text-neutral-default: rgba(48, 48, 48, 1); --color-text-neutral-alternative: rgba(87, 87, 87, 1); --color-text-neutral-placeholder: rgba(107, 107, 107, 1); --color-text-neutral-readonly: rgba(130, 130, 130, 1); --color-text-neutral-disabled: rgba(184, 184, 184, 1); --color-text-neutral-inverse: rgba(255, 255, 255, 1); --color-text-informative-default: rgba(24, 51, 73, 1); --color-text-informative-alternative: rgba(42, 91, 131, 1); --color-text-success-default: rgba(24, 73, 46, 1); --color-text-success-alternative: rgba(42, 131, 82, 1); --color-text-warning-default: rgba(85, 53, 12, 1); --color-text-warning-alternative: rgba(152, 95, 22, 1); --color-text-danger-default: rgba(100, 32, 73, 1); --color-text-danger-alternative: rgba(162, 52, 118, 1); --color-text-fastdelivery-default: rgba(214, 110, 15, 1); --color-text-evaluate-default: rgba(240, 169, 76, 1); --color-action-fill-brand-primary-enabled: rgba(182, 32, 47, 1); --color-action-fill-brand-primary-hovered: rgba(148, 25, 37, 1); --color-action-fill-brand-primary-pressed: rgba(111, 21, 30, 1); --color-action-fill-brand-primary-activated: rgba(111, 21, 30, 1); --color-action-fill-brand-primary-disabled: rgba(230, 230, 230, 1); --color-action-fill-neutral-secondary-enabled: rgba(0, 0, 0, 0); --color-action-fill-neutral-secondary-hovered: rgba(230, 230, 230, 1); --color-action-fill-neutral-secondary-pressed: rgba(209, 209, 209, 1); --color-action-fill-neutral-secondary-activated: rgba(209, 209, 209, 1); --color-action-fill-neutral-secondary-disabled: rgba(0, 0, 0, 0); --color-action-fill-neutral-tertiary-enabled: rgba(0, 0, 0, 0); --color-action-fill-neutral-tertiary-hovered: rgba(230, 230, 230, 1); --color-action-fill-neutral-tertiary-pressed: rgba(209, 209, 209, 1); --color-action-fill-neutral-tertiary-activated: rgba(209, 209, 209, 1); --color-action-fill-neutral-tertiary-disabled: rgba(0, 0, 0, 0); --color-action-fill-neutral-tertiary-readonly: rgba(0, 0, 0, 0); --color-action-fill-onbrand-enabled: rgba(251, 208, 212, 1); --color-action-fill-onbrand-hovered: rgba(248, 170, 178, 1); --color-action-fill-onbrand-pressed: rgba(244, 123, 135, 1); --color-action-fill-onbrand-activated: rgba(244, 123, 135, 1); --color-action-fill-onbrand-disabled: rgba(230, 230, 230, 1); --color-action-fill-emphasis-enabled: rgba(249, 245, 236, 1); --color-action-fill-emphasis-hovered: rgba(241, 235, 218, 1); --color-action-fill-emphasis-pressed: rgba(231, 220, 188, 1); --color-action-fill-emphasis-activated: rgba(231, 220, 188, 1); --color-action-fill-emphasis-disabled: rgba(230, 230, 230, 1); --color-action-border-focused: rgba(0, 0, 0, 1); --color-action-border-brand-primary-enabled: rgba(0, 0, 0, 0); --color-action-border-brand-primary-hovered: rgba(0, 0, 0, 0); --color-action-border-brand-primary-pressed: rgba(0, 0, 0, 0); --color-action-border-brand-primary-activated: rgba(0, 0, 0, 0); --color-action-border-brand-primary-disabled: rgba(0, 0, 0, 0); --color-action-border-neutral-secondary-enabled: rgba(158, 158, 158, 1); --color-action-border-neutral-secondary-hovered: rgba(184, 184, 184, 1); --color-action-border-neutral-secondary-pressed: rgba(184, 184, 184, 1); --color-action-border-neutral-secondary-activated: rgba(0, 0, 0, 1); --color-action-border-neutral-secondary-disabled: rgba(209, 209, 209, 1); --color-action-border-neutral-tertiary-enabled: rgba(0, 0, 0, 0); --color-action-border-neutral-tertiary-hovered: rgba(0, 0, 0, 0); --color-action-border-neutral-tertiary-pressed: rgba(0, 0, 0, 0); --color-action-border-neutral-tertiary-activated: rgba(0, 0, 0, 0); --color-action-border-neutral-tertiary-disabled: rgba(0, 0, 0, 0); --color-action-border-neutral-tertiary-readonly: rgba(0, 0, 0, 0); --color-action-border-onbrand-enabled: rgba(0, 0, 0, 0); --color-action-border-onbrand-hovered: rgba(0, 0, 0, 0); --color-action-border-onbrand-pressed: rgba(0, 0, 0, 0); --color-action-border-onbrand-activated: rgba(0, 0, 0, 0); --color-action-border-onbrand-disabled: rgba(0, 0, 0, 0); --color-action-border-emphasis-enabled: rgba(0, 0, 0, 0); --color-action-border-emphasis-hovered: rgba(0, 0, 0, 0); --color-action-border-emphasis-pressed: rgba(0, 0, 0, 0); --color-action-border-emphasis-activated: rgba(0, 0, 0, 0); --color-action-border-emphasis-disabled: rgba(0, 0, 0, 0); --color-action-text-onbrand-default: rgba(182, 32, 47, 1); --color-action-text-onbrand-hovered: rgba(148, 25, 37, 1); --color-action-text-onbrand-pressed: rgba(111, 21, 30, 1); --color-action-text-onbrand-activated: rgba(111, 21, 30, 1); --color-action-text-neutral-deactivated: rgba(158, 158, 158, 1); --color-action-text-neutral-hovered: rgba(130, 130, 130, 1); --color-action-text-neutral-pressed: rgba(107, 107, 107, 1); --color-action-text-neutral-disabled: rgba(230, 230, 230, 1); --color-none: rgba(0, 0, 0, 0); --color-forms-fill-default: rgba(230, 230, 230, 1); --color-forms-fill-hovered: rgba(209, 209, 209, 1); --color-forms-fill-focused: rgba(255, 255, 255, 1); --color-forms-fill-filled: rgba(255, 255, 255, 1); --color-forms-fill-error: rgba(255, 255, 255, 1); --color-forms-fill-disabled: rgba(255, 255, 255, 1); --color-forms-fill-readonly: rgba(255, 255, 255, 1); --color-forms-border-default: rgba(0, 0, 0, 0); --color-forms-border-hovered: rgba(0, 0, 0, 0); --color-forms-border-focused: rgba(0, 0, 0, 1); --color-forms-border-filled: rgba(158, 158, 158, 1); --color-forms-border-error: rgba(162, 52, 118, 1); --color-forms-border-disabled: rgba(209, 209, 209, 1); --color-forms-border-readonly: rgba(184, 184, 184, 1); --color-container-fill-default: rgba(255, 255, 255, 1); --color-container-fill-hovered: rgba(242, 242, 242, 1); --color-container-fill-pressed: rgba(230, 230, 230, 1); --color-container-fill-focused: rgba(242, 242, 242, 1); --color-container-fill-error: rgba(255, 255, 255, 1); --color-container-fill-disabled: rgba(255, 255, 255, 1); --color-container-fill-readonly: rgba(255, 255, 255, 1); --color-container-border-default: rgba(230, 230, 230, 1); --color-container-border-hovered: rgba(209, 209, 209, 1); --color-container-border-pressed: rgba(209, 209, 209, 1); --color-container-border-focused: rgba(0, 0, 0, 1); --color-container-border-error: rgba(162, 52, 118, 1); --color-container-border-disabled: rgba(209, 209, 209, 1); --color-container-border-readonly: rgba(184, 184, 184, 1); --color-browsing-fill-onbrand-enabled: rgba(0, 0, 0, 0); --color-browsing-fill-onbrand-hovered: rgba(253, 231, 234, 1); --color-browsing-fill-onbrand-pressed: rgba(251, 208, 212, 1); --color-browsing-fill-onbrand-activated: rgba(0, 0, 0, 0); --color-browsing-fill-onbrand-disabled: rgba(0, 0, 0, 0); --color-browsing-border-onbrand-enabled: rgba(0, 0, 0, 0); --color-browsing-border-onbrand-hovered: rgba(0, 0, 0, 0); --color-browsing-border-onbrand-pressed: rgba(0, 0, 0, 0); --color-browsing-border-onbrand-activated: rgba(182, 32, 47, 1); --color-browsing-border-onbrand-disabled: rgba(0, 0, 0, 0); --color-browsing-text-default: rgba(87, 87, 87, 1); --color-browsing-text-hovered: rgba(66, 66, 66, 1); --color-browsing-text-pressed: rgba(48, 48, 48, 1); --color-browsing-text-activated: rgba(182, 32, 47, 1); --color-browsing-text-disabled: rgba(184, 184, 184, 1); --color-labeling-fill-onsale-default: rgba(42, 131, 82, 1); --color-labeling-fill-principal-default: rgba(48, 48, 48, 1); --color-labeling-fill-secondary-default: rgba(230, 230, 230, 1); --color-labeling-fill-clube-default: rgba(251, 226, 194, 1); --color-labeling-fill-assinatura-default: rgba(241, 233, 254, 1); --color-labeling-fill-refrigerate-default: rgba(230, 243, 254, 1); --color-labeling-fill-prescription-default: rgba(230, 243, 254, 1); --color-labeling-fill-generico-default: rgba(254, 250, 164, 1); --color-labeling-fill-referencia-default: rgba(230, 230, 230, 1); --color-labeling-fill-similar-default: rgba(207, 232, 252, 1); --color-labeling-fill-stix-default: rgba(230, 245, 233, 1); --color-labeling-fill-blog-default: rgba(231, 220, 188, 1); --color-labeling-text-onsale-default: rgba(255, 255, 255, 1); --color-labeling-text-principal-default: rgba(242, 242, 242, 1); --color-labeling-text-secondary-default: rgba(66, 66, 66, 1); --color-labeling-text-clube-default: rgba(179, 76, 27, 1); --color-labeling-text-assinatura-default: rgba(95, 40, 189, 1); --color-labeling-text-refrigerate-default: rgba(52, 113, 162, 1); --color-labeling-text-prescription-default: rgba(52, 113, 162, 1); --color-labeling-text-generico-default: rgba(122, 77, 11, 1); --color-labeling-text-referencia-default: rgba(66, 66, 66, 1); --color-labeling-text-similar-default: rgba(32, 70, 100, 1); --color-labeling-text-stix-default: rgba(47, 101, 58, 1); --color-labeling-text-blog-default: rgba(66, 66, 66, 1); } /** * Do not edit directly, this file was auto-generated. */ .raia { --color-fill-neutral-default: rgba(255, 255, 255, 1); --color-fill-neutral-alternative: rgba(242, 242, 242, 1); --color-fill-neutral-fallback: rgba(230, 230, 230, 1); --color-fill-informative-default: rgba(230, 243, 254, 1); --color-fill-informative-alternative: rgba(207, 232, 252, 1); --color-fill-success-default: rgba(230, 254, 241, 1); --color-fill-success-alternative: rgba(207, 252, 227, 1); --color-fill-warning-default: rgba(253, 245, 231, 1); --color-fill-warning-alternative: rgba(251, 235, 208, 1); --color-fill-danger-default: rgba(254, 230, 245, 1); --color-fill-danger-alternative: rgba(252, 207, 234, 1); --color-border-neutral-default: rgba(230, 230, 230, 1); --color-border-neutral-alternative: rgba(209, 209, 209, 1); --color-border-informative-default: rgba(207, 232, 252, 1); --color-border-informative-alternative: rgba(171, 213, 247, 1); --color-border-success-default: rgba(207, 252, 227, 1); --color-border-success-alternative: rgba(171, 247, 205, 1); --color-border-warning-default: rgba(251, 235, 208, 1); --color-border-warning-alternative: rgba(248, 217, 170, 1); --color-border-danger-default: rgba(252, 207, 234, 1); --color-border-danger-alternative: rgba(247, 171, 217, 1); --color-text-neutral-default: rgba(48, 48, 48, 1); --color-text-neutral-alternative: rgba(87, 87, 87, 1); --color-text-neutral-placeholder: rgba(107, 107, 107, 1); --color-text-neutral-readonly: rgba(130, 130, 130, 1); --color-text-neutral-disabled: rgba(184, 184, 184, 1); --color-text-neutral-inverse: rgba(255, 255, 255, 1); --color-text-informative-default: rgba(24, 51, 73, 1); --color-text-informative-alternative: rgba(42, 91, 131, 1); --color-text-success-default: rgba(24, 73, 46, 1); --color-text-success-alternative: rgba(42, 131, 82, 1); --color-text-warning-default: rgba(85, 53, 12, 1); --color-text-warning-alternative: rgba(152, 95, 22, 1); --color-text-danger-default: rgba(100, 32, 73, 1); --color-text-danger-alternative: rgba(162, 52, 118, 1); --color-text-fastdelivery-default: rgba(214, 110, 15, 1); --color-text-evaluate-default: rgba(240, 169, 76, 1); --color-action-fill-brand-primary-enabled: rgba(0, 111, 131, 1); --color-action-fill-brand-primary-hovered: rgba(0, 82, 97, 1); --color-action-fill-brand-primary-pressed: rgba(0, 56, 66, 1); --color-action-fill-brand-primary-activated: rgba(0, 56, 66, 1); --color-action-fill-brand-primary-disabled: rgba(230, 230, 230, 1); --color-action-fill-neutral-secondary-enabled: rgba(0, 0, 0, 0); --color-action-fill-neutral-secondary-hovered: rgba(230, 230, 230, 1); --color-action-fill-neutral-secondary-pressed: rgba(209, 209, 209, 1); --color-action-fill-neutral-secondary-activated: rgba(209, 209, 209, 1); --color-action-fill-neutral-secondary-disabled: rgba(0, 0, 0, 0); --color-action-fill-neutral-tertiary-enabled: rgba(0, 0, 0, 0); --color-action-fill-neutral-tertiary-hovered: rgba(230, 230, 230, 1); --color-action-fill-neutral-tertiary-pressed: rgba(209, 209, 209, 1); --color-action-fill-neutral-tertiary-activated: rgba(209, 209, 209, 1); --color-action-fill-neutral-tertiary-disabled: rgba(0, 0, 0, 0); --color-action-fill-neutral-tertiary-readonly: rgba(0, 0, 0, 0); --color-action-fill-onbrand-enabled: rgba(207, 246, 252, 1); --color-action-fill-onbrand-hovered: rgba(171, 235, 247, 1); --color-action-fill-onbrand-pressed: rgba(132, 220, 235, 1); --color-action-fill-onbrand-activated: rgba(132, 220, 235, 1); --color-action-fill-onbrand-disabled: rgba(230, 230, 230, 1); --color-action-fill-emphasis-enabled: rgba(249, 245, 236, 1); --color-action-fill-emphasis-hovered: rgba(241, 235, 218, 1); --color-action-fill-emphasis-pressed: rgba(231, 220, 188, 1); --color-action-fill-emphasis-activated: rgba(231, 220, 188, 1); --color-action-fill-emphasis-disabled: rgba(230, 230, 230, 1); --color-action-border-focused: rgba(0, 0, 0, 1); --color-action-border-brand-primary-enabled: rgba(0, 0, 0, 0); --color-action-border-brand-primary-hovered: rgba(0, 0, 0, 0); --color-action-border-brand-primary-pressed: rgba(0, 0, 0, 0); --color-action-border-brand-primary-activated: rgba(0, 0, 0, 0); --color-action-border-brand-primary-disabled: rgba(0, 0, 0, 0); --color-action-border-neutral-secondary-enabled: rgba(158, 158, 158, 1); --color-action-border-neutral-secondary-hovered: rgba(184, 184, 184, 1); --color-action-border-neutral-secondary-pressed: rgba(184, 184, 184, 1); --color-action-border-neutral-secondary-activated: rgba(0, 0, 0, 1); --color-action-border-neutral-secondary-disabled: rgba(209, 209, 209, 1); --color-action-border-neutral-tertiary-enabled: rgba(0, 0, 0, 0); --color-action-border-neutral-tertiary-hovered: rgba(0, 0, 0, 0); --color-action-border-neutral-tertiary-pressed: rgba(0, 0, 0, 0); --color-action-border-neutral-tertiary-activated: rgba(0, 0, 0, 0); --color-action-border-neutral-tertiary-disabled: rgba(0, 0, 0, 0); --color-action-border-neutral-tertiary-readonly: rgba(0, 0, 0, 0); --color-action-border-onbrand-enabled: rgba(0, 0, 0, 0); --color-action-border-onbrand-hovered: rgba(0, 0, 0, 0); --color-action-border-onbrand-pressed: rgba(0, 0, 0, 0); --color-action-border-onbrand-activated: rgba(0, 0, 0, 0); --color-action-border-onbrand-disabled: rgba(0, 0, 0, 0); --color-action-border-emphasis-enabled: rgba(0, 0, 0, 0); --color-action-border-emphasis-hovered: rgba(0, 0, 0, 0); --color-action-border-emphasis-pressed: rgba(0, 0, 0, 0); --color-action-border-emphasis-activated: rgba(0, 0, 0, 0); --color-action-border-emphasis-disabled: rgba(0, 0, 0, 0); --color-action-text-onbrand-default: rgba(0, 111, 131, 1); --color-action-text-onbrand-hovered: rgba(0, 82, 97, 1); --color-action-text-onbrand-pressed: rgba(0, 56, 66, 1); --color-action-text-onbrand-activated: rgba(0, 56, 66, 1); --color-action-text-neutral-deactivated: rgba(158, 158, 158, 1); --color-action-text-neutral-hovered: rgba(130, 130, 130, 1); --color-action-text-neutral-pressed: rgba(107, 107, 107, 1); --color-action-text-neutral-disabled: rgba(230, 230, 230, 1); --color-none: rgba(0, 0, 0, 0); --color-forms-fill-default: rgba(230, 230, 230, 1); --color-forms-fill-hovered: rgba(209, 209, 209, 1); --color-forms-fill-focused: rgba(255, 255, 255, 1); --color-forms-fill-filled: rgba(255, 255, 255, 1); --color-forms-fill-error: rgba(255, 255, 255, 1); --color-forms-fill-disabled: rgba(255, 255, 255, 1); --color-forms-fill-readonly: rgba(255, 255, 255, 1); --color-forms-border-default: rgba(0, 0, 0, 0); --color-forms-border-hovered: rgba(0, 0, 0, 0); --color-forms-border-focused: rgba(0, 0, 0, 1); --color-forms-border-filled: rgba(158, 158, 158, 1); --color-forms-border-error: rgba(162, 52, 118, 1); --color-forms-border-disabled: rgba(209, 209, 209, 1); --color-forms-border-readonly: rgba(184, 184, 184, 1); --color-container-fill-default: rgba(255, 255, 255, 1); --color-container-fill-hovered: rgba(242, 242, 242, 1); --color-container-fill-pressed: rgba(230, 230, 230, 1); --color-container-fill-focused: rgba(242, 242, 242, 1); --color-container-fill-error: rgba(255, 255, 255, 1); --color-container-fill-disabled: rgba(255, 255, 255, 1); --color-container-fill-readonly: rgba(255, 255, 255, 1); --color-container-border-default: rgba(230, 230, 230, 1); --color-container-border-hovered: rgba(209, 209, 209, 1); --color-container-border-pressed: rgba(209, 209, 209, 1); --color-container-border-focused: rgba(0, 0, 0, 1); --color-container-border-error: rgba(162, 52, 118, 1); --color-container-border-disabled: rgba(209, 209, 209, 1); --color-container-border-readonly: rgba(184, 184, 184, 1); --color-browsing-fill-onbrand-enabled: rgba(0, 0, 0, 0); --color-browsing-fill-onbrand-hovered: rgba(230, 251, 254, 1); --color-browsing-fill-onbrand-pressed: rgba(207, 246, 252, 1); --color-browsing-fill-onbrand-activated: rgba(0, 0, 0, 0); --color-browsing-fill-onbrand-disabled: rgba(0, 0, 0, 0); --color-browsing-border-onbrand-enabled: rgba(0, 0, 0, 0); --color-browsing-border-onbrand-hovered: rgba(0, 0, 0, 0); --color-browsing-border-onbrand-pressed: rgba(0, 0, 0, 0); --color-browsing-border-onbrand-activated: rgba(0, 111, 131, 1); --color-browsing-border-onbrand-disabled: rgba(0, 0, 0, 0); --color-browsing-text-default: rgba(87, 87, 87, 1); --color-browsing-text-hovered: rgba(66, 66, 66, 1); --color-browsing-text-pressed: rgba(48, 48, 48, 1); --color-browsing-text-activated: rgba(0, 111, 131, 1); --color-browsing-text-disabled: rgba(184, 184, 184, 1); --color-labeling-fill-onsale-default: rgba(42, 131, 82, 1); --color-labeling-fill-principal-default: rgba(66, 66, 66, 1); --color-labeling-fill-secondary-default: rgba(230, 230, 230, 1); --color-labeling-fill-clube-default: rgba(251, 226, 194, 1); --color-labeling-fill-assinatura-default: rgba(241, 233, 254, 1); --color-labeling-fill-refrigerate-default: rgba(230, 243, 254, 1); --color-labeling-fill-prescription-default: rgba(230, 243, 254, 1); --color-labeling-fill-generico-default: rgba(254, 250, 164, 1); --color-labeling-fill-referencia-default: rgba(230, 230, 230, 1); --color-labeling-fill-similar-default: rgba(234, 251, 248, 1); --color-labeling-fill-stix-default: rgba(230, 245, 233, 1); --color-labeling-fill-blog-default: rgba(231, 220, 188, 1); --color-labeling-text-onsale-default: rgba(255, 255, 255, 1); --color-labeling-text-principal-default: rgba(242, 242, 242, 1); --color-labeling-text-secondary-default: rgba(66, 66, 66, 1); --color-labeling-text-clube-default: rgba(179, 76, 27, 1); --color-labeling-text-assinatura-default: rgba(95, 40, 189, 1); --color-labeling-text-refrigerate-default: rgba(52, 113, 162, 1); --color-labeling-text-prescription-default: rgba(52, 113, 162, 1); --color-labeling-text-generico-default: rgba(122, 77, 11, 1); --color-labeling-text-referencia-default: rgba(66, 66, 66, 1); --color-labeling-text-similar-default: rgba(32, 70, 100, 1); --color-labeling-text-stix-default: rgba(47, 101, 58, 1); --color-labeling-text-blog-default: rgba(66, 66, 66, 1); } /** * Do not edit directly, this file was auto-generated. */ .subscription { --color-fill-neutral-default: rgba(255, 255, 255, 1); --color-fill-neutral-alternative: rgba(242, 242, 242, 1); --color-fill-neutral-fallback: rgba(230, 230, 230, 1); --color-fill-informative-default: rgba(230, 243, 254, 1); --color-fill-informative-alternative: rgba(207, 232, 252, 1); --color-fill-success-default: rgba(230, 254, 241, 1); --color-fill-success-alternative: rgba(207, 252, 227, 1); --color-fill-warning-default: rgba(253, 245, 231, 1); --color-fill-warning-alternative: rgba(251, 235, 208, 1); --color-fill-danger-default: rgba(254, 230, 245, 1); --color-fill-danger-alternative: rgba(252, 207, 234, 1); --color-border-neutral-default: rgba(230, 230, 230, 1); --color-border-neutral-alternative: rgba(209, 209, 209, 1); --color-border-informative-default: rgba(207, 232, 252, 1); --color-border-informative-alternative: rgba(171, 213, 247, 1); --color-border-success-default: rgba(207, 252, 227, 1); --color-border-success-alternative: rgba(171, 247, 205, 1); --color-border-warning-default: rgba(251, 235, 208, 1); --color-border-warning-alternative: rgba(248, 217, 170, 1); --color-border-danger-default: rgba(252, 207, 234, 1); --color-border-danger-alternative: rgba(247, 171, 217, 1); --color-text-neutral-default: rgba(48, 48, 48, 1); --color-text-neutral-alternative: rgba(87, 87, 87, 1); --color-text-neutral-placeholder: rgba(107, 107, 107, 1); --color-text-neutral-readonly: rgba(130, 130, 130, 1); --color-text-neutral-disabled: rgba(184, 184, 184, 1); --color-text-neutral-inverse: rgba(255, 255, 255, 1); --color-text-informative-default: rgba(24, 51, 73, 1); --color-text-informative-alternative: rgba(42, 91, 131, 1); --color-text-success-default: rgba(24, 73, 46, 1); --color-text-success-alternative: rgba(42, 131, 82, 1); --color-text-warning-default: rgba(85, 53, 12, 1); --color-text-warning-alternative: rgba(152, 95, 22, 1); --color-text-danger-default: rgba(100, 32, 73, 1); --color-text-danger-alternative: rgba(162, 52, 118, 1); --color-text-fastdelivery-default: rgba(214, 110, 15, 1); --color-text-evaluate-default: rgba(240, 169, 76, 1); --color-action-fill-brand-primary-enabled: rgba(95, 40, 189, 1); --color-action-fill-brand-primary-hovered: rgba(75, 33, 145, 1); --color-action-fill-brand-primary-pressed: rgba(48, 19, 98, 1); --color-action-fill-brand-primary-activated: rgba(48, 19, 98, 1); --color-action-fill-brand-primary-disabled: rgba(230, 230, 230, 1); --color-action-fill-neutral-secondary-enabled: rgba(0, 0, 0, 0); --color-action-fill-neutral-secondary-hovered: rgba(230, 230, 230, 1); --color-action-fill-neutral-secondary-pressed: rgba(209, 209, 209, 1); --color-action-fill-neutral-secondary-activated: rgba(209, 209, 209, 1); --color-action-fill-neutral-secondary-disabled: rgba(0, 0, 0, 0); --color-action-fill-neutral-tertiary-enabled: rgba(0, 0, 0, 0); --color-action-fill-neutral-tertiary-hovered: rgba(230, 230, 230, 1); --color-action-fill-neutral-tertiary-pressed: rgba(209, 209, 209, 1); --color-action-fill-neutral-tertiary-activated: rgba(209, 209, 209, 1); --color-action-fill-neutral-tertiary-disabled: rgba(0, 0, 0, 0); --color-action-fill-neutral-tertiary-readonly: rgba(0, 0, 0, 0); --color-action-fill-onbrand-enabled: rgba(241, 233, 254, 1); --color-action-fill-onbrand-hovered: rgba(229, 216, 252, 1); --color-action-fill-onbrand-pressed: rgba(205, 182, 247, 1); --color-action-fill-onbrand-activated: rgba(205, 182, 247, 1); --color-action-fill-onbrand-disabled: rgba(230, 230, 230, 1); --color-action-fill-emphasis-enabled: rgba(249, 245, 236, 1); --color-action-fill-emphasis-hovered: rgba(241, 235, 218, 1); --color-action-fill-emphasis-pressed: rgba(231, 220, 188, 1); --color-action-fill-emphasis-activated: rgba(231, 220, 188, 1); --color-action-fill-emphasis-disabled: rgba(230, 230, 230, 1); --color-action-border-focused: rgba(0, 0, 0, 1); --color-action-border-brand-primary-enabled: rgba(0, 0, 0, 0); --color-action-border-brand-primary-hovered: rgba(0, 0, 0, 0); --color-action-border-brand-primary-pressed: rgba(0, 0, 0, 0); --color-action-border-brand-primary-activated: rgba(0, 0, 0, 0); --color-action-border-brand-primary-disabled: rgba(0, 0, 0, 0); --color-action-border-neutral-secondary-enabled: rgba(158, 158, 158, 1); --color-action-border-neutral-secondary-hovered: rgba(184, 184, 184, 1); --color-action-border-neutral-secondary-pressed: rgba(184, 184, 184, 1); --color-action-border-neutral-secondary-activated: rgba(0, 0, 0, 1); --color-action-border-neutral-secondary-disabled: rgba(209, 209, 209, 1); --color-action-border-neutral-tertiary-enabled: rgba(0, 0, 0, 0); --color-action-border-neutral-tertiary-hovered: rgba(0, 0, 0, 0); --color-action-border-neutral-tertiary-pressed: rgba(0, 0, 0, 0); --color-action-border-neutral-tertiary-activated: rgba(0, 0, 0, 0); --color-action-border-neutral-tertiary-disabled: rgba(0, 0, 0, 0); --color-action-border-neutral-tertiary-readonly: rgba(0, 0, 0, 0); --color-action-border-onbrand-enabled: rgba(0, 0, 0, 0); --color-action-border-onbrand-hovered: rgba(0, 0, 0, 0); --color-action-border-onbrand-pressed: rgba(0, 0, 0, 0); --color-action-border-onbrand-activated: rgba(0, 0, 0, 0); --color-action-border-onbrand-disabled: rgba(0, 0, 0, 0); --color-action-border-emphasis-enabled: rgba(0, 0, 0, 0); --color-action-border-emphasis-hovered: rgba(0, 0, 0, 0); --color-action-border-emphasis-pressed: rgba(0, 0, 0, 0); --color-action-border-emphasis-activated: rgba(0, 0, 0, 0); --color-action-border-emphasis-disabled: rgba(0, 0, 0, 0); --color-action-text-onbrand-default: rgba(95, 40, 189, 1); --color-action-text-onbrand-hovered: rgba(75, 33, 145, 1); --color-action-text-onbrand-pressed: rgba(48, 19, 98, 1); --color-action-text-onbrand-activated: rgba(48, 19, 98, 1); --color-action-text-neutral-deactivated: rgba(158, 158, 158, 1); --color-action-text-neutral-hovered: rgba(130, 130, 130, 1); --color-action-text-neutral-pressed: rgba(107, 107, 107, 1); --color-action-text-neutral-disabled: rgba(230, 230, 230, 1); --color-none: rgba(0, 0, 0, 0); --color-forms-fill-default: rgba(230, 230, 230, 1); --color-forms-fill-hovered: rgba(209, 209, 209, 1); --color-forms-fill-focused: rgba(255, 255, 255, 1); --color-forms-fill-filled: rgba(255, 255, 255, 1); --color-forms-fill-error: rgba(255, 255, 255, 1); --color-forms-fill-disabled: rgba(255, 255, 255, 1); --color-forms-fill-readonly: rgba(255, 255, 255, 1); --color-forms-border-default: rgba(0, 0, 0, 0); --color-forms-border-hovered: rgba(0, 0, 0, 0); --color-forms-border-focused: rgba(0, 0, 0, 1); --color-forms-border-filled: rgba(158, 158, 158, 1); --color-forms-border-error: rgba(162, 52, 118, 1); --color-forms-border-disabled: rgba(209, 209, 209, 1); --color-forms-border-readonly: rgba(184, 184, 184, 1); --color-container-fill-default: rgba(255, 255, 255, 1); --color-container-fill-hovered: rgba(242, 242, 242, 1); --color-container-fill-pressed: rgba(230, 230, 230, 1); --color-container-fill-focused: rgba(242, 242, 242, 1); --color-container-fill-error: rgba(255, 255, 255, 1); --color-container-fill-disabled: rgba(255, 255, 255, 1); --color-container-fill-readonly: rgba(255, 255, 255, 1); --color-container-border-default: rgba(230, 230, 230, 1); --color-container-border-hovered: rgba(209, 209, 209, 1); --color-container-border-pressed: rgba(209, 209, 209, 1); --color-container-border-focused: rgba(0, 0, 0, 1); --color-container-border-error: rgba(162, 52, 118, 1); --color-container-border-disabled: rgba(209, 209, 209, 1); --color-container-border-readonly: rgba(184, 184, 184, 1); --color-browsing-fill-onbrand-enabled: rgba(0, 0, 0, 0); --color-browsing-fill-onbrand-hovered: rgba(247, 243, 255, 1); --color-browsing-fill-onbrand-pressed: rgba(241, 233, 254, 1); --color-browsing-fill-onbrand-activated: rgba(0, 0, 0, 0); --color-browsing-fill-onbrand-disabled: rgba(0, 0, 0, 0); --color-browsing-border-onbrand-enabled: rgba(0, 0, 0, 0); --color-browsing-border-onbrand-hovered: rgba(0, 0, 0, 0); --color-browsing-border-onbrand-pressed: rgba(0, 0, 0, 0); --color-browsing-border-onbrand-activated: rgba(95, 40, 189, 1); --color-browsing-border-onbrand-disabled: rgba(0, 0, 0, 0); --color-browsing-text-default: rgba(87, 87, 87, 1); --color-browsing-text-hovered: rgba(66, 66, 66, 1); --color-browsing-text-pressed: rgba(48, 48, 48, 1); --color-browsing-text-activated: rgba(95, 40, 189, 1); --color-browsing-text-disabled: rgba(184, 184, 184, 1); --color-labeling-fill-onsale-default: rgba(42, 131, 82, 1); --color-labeling-fill-principal-default: rgba(66, 66, 66, 1); --color-labeling-fill-secondary-default: rgba(230, 230, 230, 1); --color-labeling-fill-clube-default: rgba(251, 226, 194, 1); --color-labeling-fill-assinatura-default: rgba(241, 233, 254, 1); --color-labeling-fill-refrigerate-default: rgba(230, 243, 254, 1); --color-labeling-fill-prescription-default: rgba(230, 243, 254, 1); --color-labeling-fill-generico-default: rgba(254, 250, 164, 1); --color-labeling-fill-referencia-default: rgba(230, 230, 230, 1); --color-labeling-fill-similar-default: rgba(234, 251, 248, 1); --color-labeling-fill-stix-default: rgba(230, 245, 233, 1); --color-labeling-fill-blog-default: rgba(231, 220, 188, 1); --color-labeling-text-onsale-default: rgba(255, 255, 255, 1); --color-labeling-text-principal-default: rgba(242, 242, 242, 1); --color-labeling-text-secondary-default: rgba(66, 66, 66, 1); --color-labeling-text-clube-default: rgba(179, 76, 27, 1); --color-labeling-text-assinatura-default: rgba(95, 40, 189, 1); --color-labeling-text-refrigerate-default: rgba(52, 113, 162, 1); --color-labeling-text-prescription-default: rgba(52, 113, 162, 1); --color-labeling-text-generico-default: rgba(122, 77, 11, 1); --color-labeling-text-referencia-default: rgba(66, 66, 66, 1); --color-labeling-text-similar-default: rgba(32, 70, 100, 1); --color-labeling-text-stix-default: rgba(47, 101, 58, 1); --color-labeling-text-blog-default: rgba(66, 66, 66, 1); } /** * Do not edit directly, this file was auto-generated. */ .prime { --color-fill-neutral-default: rgba(255, 255, 255, 1); --color-fill-neutral-alternative: rgba(242, 242, 242, 1); --color-fill-neutral-fallback: rgba(230, 230, 230, 1); --color-fill-informative-default: rgba(230, 243, 254, 1); --color-fill-informative-alternative: rgba(207, 232, 252, 1); --color-fill-success-default: rgba(230, 254, 241, 1); --color-fill-success-alternative: rgba(207, 252, 227, 1); --color-fill-warning-default: rgba(253, 245, 231, 1); --color-fill-warning-alternative: rgba(251, 235, 208, 1); --color-fill-danger-default: rgba(254, 230, 245, 1); --color-fill-danger-alternative: rgba(252, 207, 234, 1); --color-border-neutral-default: rgba(230, 230, 230, 1); --color-border-neutral-alternative: rgba(209, 209, 209, 1); --color-border-informative-default: rgba(207, 232, 252, 1); --color-border-informative-alternative: rgba(171, 213, 247, 1); --color-border-success-default: rgba(207, 252, 227, 1); --color-border-success-alternative: rgba(171, 247, 205, 1); --color-border-warning-default: rgba(251, 235, 208, 1); --color-border-warning-alternative: rgba(248, 217, 170, 1); --color-border-danger-default: rgba(252, 207, 234, 1); --color-border-danger-alternative: rgba(247, 171, 217, 1); --color-text-neutral-default: rgba(48, 48, 48, 1); --color-text-neutral-alternative: rgba(87, 87, 87, 1); --color-text-neutral-placeholder: rgba(107, 107, 107, 1); --color-text-neutral-readonly: rgba(130, 130, 130, 1); --color-text-neutral-disabled: rgba(184, 184, 184, 1); --color-text-neutral-inverse: rgba(255, 255, 255, 1); --color-text-informative-default: rgba(24, 51, 73, 1); --color-text-informative-alternative: rgba(42, 91, 131, 1); --color-text-success-default: rgba(24, 73, 46, 1); --color-text-success-alternative: rgba(42, 131, 82, 1); --color-text-warning-default: rgba(85, 53, 12, 1); --color-text-warning-alternative: rgba(152, 95, 22, 1); --color-text-danger-default: rgba(100, 32, 73, 1); --color-text-danger-alternative: rgba(162, 52, 118, 1); --color-text-fastdelivery-default: rgba(214, 110, 15, 1); --color-text-evaluate-default: rgba(240, 169, 76, 1); --color-action-fill-brand-primary-enabled: rgba(179, 76, 27, 1); --color-action-fill-brand-primary-hovered: rgba(143, 62, 29, 1); --color-action-fill-brand-primary-pressed: rgba(107, 49, 25, 1); --color-action-fill-brand-primary-activated: rgba(107, 49, 25, 1); --color-action-fill-brand-primary-disabled: rgba(230, 230, 230, 1); --color-action-fill-neutral-secondary-enabled: rgba(0, 0, 0, 0); --color-action-fill-neutral-secondary-hovered: rgba(230, 230, 230, 1); --color-action-fill-neutral-secondary-pressed: rgba(209, 209, 209, 1); --color-action-fill-neutral-secondary-activated: rgba(209, 209, 209, 1); --color-action-fill-neutral-secondary-disabled: rgba(0, 0, 0, 0); --color-action-fill-neutral-tertiary-enabled: rgba(0, 0, 0, 0); --color-action-fill-neutral-tertiary-hovered: rgba(230, 230, 230, 1); --color-action-fill-neutral-tertiary-pressed: rgba(209, 209, 209, 1); --color-action-fill-neutral-tertiary-activated: rgba(209, 209, 209, 1); --color-action-fill-neutral-tertiary-disabled: rgba(0, 0, 0, 0); --color-action-fill-neutral-tertiary-readonly: rgba(0, 0, 0, 0); --color-action-fill-onbrand-enabled: rgba(251, 226, 194, 1); --color-action-fill-onbrand-hovered: rgba(247, 203, 146, 1); --color-action-fill-onbrand-pressed: rgba(238, 174, 101, 1); --color-action-fill-onbrand-activated: rgba(238, 174, 101, 1); --color-action-fill-onbrand-disabled: rgba(230, 230, 230, 1); --color-action-fill-emphasis-enabled: rgba(249, 245, 236, 1); --color-action-fill-emphasis-hovered: rgba(241, 235, 218, 1); --color-action-fill-emphasis-pressed: rgba(231, 220, 188, 1); --color-action-fill-emphasis-activated: rgba(231, 220, 188, 1); --color-action-fill-emphasis-disabled: rgba(230, 230, 230, 1); --color-action-border-focused: rgba(0, 0, 0, 1); --color-action-border-brand-primary-enabled: rgba(0, 0, 0, 0); --color-action-border-brand-primary-hovered: rgba(0, 0, 0, 0); --color-action-border-brand-primary-pressed: rgba(0, 0, 0, 0); --color-action-border-brand-primary-activated: rgba(0, 0, 0, 0); --color-action-border-brand-primary-disabled: rgba(0, 0, 0, 0); --color-action-border-neutral-secondary-enabled: rgba(158, 158, 158, 1); --color-action-border-neutral-secondary-hovered: rgba(184, 1