@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
CSS
/**
* 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