:root {
    /*RB*/
    --rb-blue: #213B73;
    --rb-orange: #F72717;
    --window-bg-color: #CECECE;
    --window-title-color: #000000;
    --window-dlg-color: #FFFFFF;
    --mask-bg-color: #DCDCDC;
    --mask-outside-bg-color: #000000;
    --panel-tools-img: url(../../js/extjs/resources/images/gray/panel/tool-sprites-black.png);
    /*RB*/

    /**
    * @tokens background
  */

    --dy-background-colors-comp-app-bar: var(--dy-background-sys-theme-brand);
    --dy-background-colors-sys-theme-brand: var(
            --dy-background-ref-edenred-red-50
    );

    /**
    * @tokens borderWidths
  */

    --dy-borderWidths-comp-switch: var(--dy-borderWidths-sys-ctrl);
    --dy-borderWidths-comp-switch-focused: var(
            --dy-borderWidths-sys-ctrl-focused
    );
    --dy-borderWidths-comp-checkbox: var(--dy-borderWidths-sys-ctrl);
    --dy-borderWidths-comp-checkbox-focused: var(
            --dy-borderWidths-sys-ctrl-focused
    );
    --dy-borderWidths-comp-btn-focused: var(--dy-borderWidths-sys-cta-focused);
    --dy-borderWidths-comp-btn: var(--dy-borderWidths-sys-cta);
    --dy-borderWidths-comp-radio: var(--dy-borderWidths-sys-ctrl);
    --dy-borderWidths-comp-radio-focused: var(--dy-borderWidths-sys-ctrl-focused);
    --dy-borderWidths-comp-txt-field: var(--dy-borderWidths-sys-input);
    --dy-borderWidths-comp-pwd: var(--dy-borderWidths-sys-input);
    --dy-borderWidths-comp-search: var(--dy-borderWidths-sys-input);
    --dy-borderWidths-comp-select: var(--dy-borderWidths-sys-input);
    --dy-borderWidths-comp-chips: var(--dy-borderWidths-sys-ctrl);
    --dy-borderWidths-comp-chips-focused: var(--dy-borderWidths-sys-ctrl-focused);
    --dy-borderWidths-comp-link: var(--dy-borderWidths-sys-cta);
    --dy-borderWidths-comp-link-focused: var(--dy-borderWidths-sys-cta-focused);
    --dy-borderWidths-comp-avatar: var(--dy-borderWidths-sys-cta-focused);
    --dy-borderWidths-comp-pin: var(--dy-borderWidths-sys-input);

    --dy-borderWidths-ref-0: 0px;
    --dy-borderWidths-ref-20: 0.75px;
    --dy-borderWidths-ref-25: 1px;
    --dy-borderWidths-ref-35: 1.5px;
    --dy-borderWidths-ref-50: 2px;
    --dy-borderWidths-ref-100: 4px;
    --dy-borderWidths-ref-200: 8px;

    --dy-borderWidths-sys-cta: var(--dy-borderWidths-ref-25);
    --dy-borderWidths-sys-cta-focused: var(--dy-borderWidths-ref-50);
    --dy-borderWidths-sys-ctrl: var(--dy-borderWidths-ref-25);
    --dy-borderWidths-sys-ctrl-focused: var(--dy-borderWidths-ref-50);
    --dy-borderWidths-sys-input: var(--dy-borderWidths-ref-25);

    /**
    * @tokens colors
  */

    --dy-colors-comp-alert-input-assistive: var(--dy-colors-sys-alert-assistive);
    --dy-colors-comp-alert-input-informative: var(
            --dy-colors-sys-alert-informative
    );
    --dy-colors-comp-alert-input-success: var(--dy-colors-sys-alert-success);
    --dy-colors-comp-alert-input-error: var(--dy-colors-sys-alert-error);
    --dy-colors-comp-alert-input-warning: var(--dy-colors-sys-alert-warning);
    --dy-colors-comp-alert-input-disabled: var(--dy-colors-sys-alert-disabled);
    --dy-colors-comp-switch-checked-enabled: var(
            --dy-colors-sys-ctrl-checked-enabled
    );
    --dy-colors-comp-switch-checked-hovered: var(
            --dy-colors-sys-ctrl-checked-hovered
    );
    --dy-colors-comp-switch-checked-pressed: var(
            --dy-colors-sys-ctrl-checked-pressed
    );
    --dy-colors-comp-switch-checked-focused: var(
            --dy-colors-sys-ctrl-checked-focused
    );
    --dy-colors-comp-switch-checked-loading: var(
            --dy-colors-sys-ctrl-checked-loading
    );
    --dy-colors-comp-switch-disabled: var(--dy-colors-sys-ctrl-disabled);
    --dy-colors-comp-switch-enabled: var(--dy-colors-sys-ctrl-enabled);
    --dy-colors-comp-switch-hovered: var(--dy-colors-sys-ctrl-hovered);
    --dy-colors-comp-switch-pressed: var(--dy-colors-sys-ctrl-pressed);
    --dy-colors-comp-switch-focused: var(--dy-colors-sys-ctrl-focused);
    --dy-colors-comp-switch-loading: var(--dy-colors-sys-ctrl-loading);
    --dy-colors-comp-switch-oncolor: var(--dy-colors-sys-ctrl-negative);
    --dy-colors-comp-switch-positive-label: var(
            --dy-colors-sys-ctrl-positive-label
    );
    --dy-colors-comp-switch-negative-label: var(
            --dy-colors-sys-ctrl-negative-label
    );
    --dy-colors-comp-switch-disabled-label: var(
            --dy-colors-sys-ctrl-disabled-label
    );
    --dy-colors-comp-switch-negative-icon: var(
            --dy-colors-sys-ctrl-negative-icon
    );
    --dy-colors-comp-checkbox-checked-enabled: var(
            --dy-colors-sys-ctrl-checked-enabled
    );
    --dy-colors-comp-checkbox-checked-hovered: var(
            --dy-colors-sys-ctrl-checked-hovered
    );
    --dy-colors-comp-checkbox-checked-pressed: var(
            --dy-colors-sys-ctrl-checked-pressed
    );
    --dy-colors-comp-checkbox-checked-focused: var(
            --dy-colors-sys-ctrl-checked-focused
    );
    --dy-colors-comp-checkbox-disabled: var(--dy-colors-sys-ctrl-disabled);
    --dy-colors-comp-checkbox-enabled: var(--dy-colors-sys-ctrl-enabled);
    --dy-colors-comp-checkbox-hovered: var(--dy-colors-sys-ctrl-hovered);
    --dy-colors-comp-checkbox-pressed: var(--dy-colors-sys-ctrl-pressed);
    --dy-colors-comp-checkbox-focused: var(--dy-colors-sys-ctrl-focused);
    --dy-colors-comp-checkbox-highlight: var(--dy-colors-sys-ctrl-highlight);
    --dy-colors-comp-checkbox-oncolor: var(--dy-colors-sys-ctrl-negative);
    --dy-colors-comp-checkbox-positive-label: var(
            --dy-colors-sys-ctrl-positive-label
    );
    --dy-colors-comp-checkbox-negative-label: var(
            --dy-colors-sys-ctrl-negative-label
    );
    --dy-colors-comp-checkbox-disabled-label: var(
            --dy-colors-sys-ctrl-disabled-label
    );
    --dy-colors-comp-checkbox-negative-icon: var(
            --dy-colors-sys-ctrl-negative-icon
    );
    --dy-colors-comp-btn-enabled: var(--dy-colors-sys-cta-enabled);
    --dy-colors-comp-btn-hovered: var(--dy-colors-sys-cta-hovered);
    --dy-colors-comp-btn-pressed: var(--dy-colors-sys-cta-pressed);
    --dy-colors-comp-btn-focused: var(--dy-colors-sys-cta-focused);
    --dy-colors-comp-btn-disabled: var(--dy-colors-sys-cta-disabled);
    --dy-colors-comp-btn-loading: var(--dy-colors-sys-cta-loading);
    --dy-colors-comp-btn-oncolor-negative: var(
            --dy-colors-sys-cta-oncolor-negative
    );
    --dy-colors-comp-btn-oncolor-positive: var(
            --dy-colors-sys-cta-oncolor-positive
    );
    --dy-colors-comp-btn-negative-content: var(
            --dy-colors-sys-cta-negative-content
    );
    --dy-colors-comp-btn-positive-content: var(
            --dy-colors-sys-cta-positive-content
    );
    --dy-colors-comp-btn-disabled-content: var(
            --dy-colors-sys-cta-disabled-content
    );
    --dy-colors-comp-radio-checked-enabled: var(
            --dy-colors-sys-ctrl-checked-enabled
    );
    --dy-colors-comp-radio-checked-hovered: var(
            --dy-colors-sys-ctrl-checked-hovered
    );
    --dy-colors-comp-radio-checked-pressed: var(
            --dy-colors-sys-ctrl-checked-pressed
    );
    --dy-colors-comp-radio-checked-focused: var(
            --dy-colors-sys-ctrl-checked-focused
    );
    --dy-colors-comp-radio-disabled: var(--dy-colors-sys-ctrl-disabled);
    --dy-colors-comp-radio-enabled: var(--dy-colors-sys-ctrl-enabled);
    --dy-colors-comp-radio-hovered: var(--dy-colors-sys-ctrl-hovered);
    --dy-colors-comp-radio-pressed: var(--dy-colors-sys-ctrl-pressed);
    --dy-colors-comp-radio-focused: var(--dy-colors-sys-ctrl-focused);
    --dy-colors-comp-radio-highlight: var(--dy-colors-sys-ctrl-highlight);
    --dy-colors-comp-radio-oncolor: var(--dy-colors-sys-ctrl-negative);
    --dy-colors-comp-radio-positive-label: var(
            --dy-colors-sys-ctrl-positive-label
    );
    --dy-colors-comp-radio-negative-label: var(
            --dy-colors-sys-ctrl-negative-label
    );
    --dy-colors-comp-radio-disabled-label: var(
            --dy-colors-sys-ctrl-disabled-label
    );
    --dy-colors-comp-radio-negative-icon: var(--dy-colors-sys-ctrl-negative-icon);
    --dy-colors-comp-txt-field-bg: var(--dy-colors-sys-input-bg);
    --dy-colors-comp-txt-field-focused-bg: var(--dy-colors-sys-input-focused-bg);
    --dy-colors-comp-txt-field-highlight-bg: var(--dy-colors-sys-input-highlight);
    --dy-colors-comp-txt-field-enabled-border: var(
            --dy-colors-sys-input-enabled-border
    );
    --dy-colors-comp-txt-field-hovered-border: var(
            --dy-colors-sys-input-hovered-border
    );
    --dy-colors-comp-txt-field-active-border: var(
            --dy-colors-sys-input-active-border
    );
    --dy-colors-comp-txt-field-focused-border: var(
            --dy-colors-sys-input-focused-border
    );
    --dy-colors-comp-txt-field-success-border: var(
            --dy-colors-sys-input-success-border
    );
    --dy-colors-comp-txt-field-error-border: var(
            --dy-colors-sys-input-error-border
    );
    --dy-colors-comp-txt-field-disabled: var(--dy-colors-sys-input-disabled);
    --dy-colors-comp-txt-field-label: var(--dy-colors-sys-input-label);
    --dy-colors-comp-txt-field-value: var(--dy-colors-sys-input-value);
    --dy-colors-comp-txt-field-focused-value: var(
            --dy-colors-sys-input-focused-value
    );
    --dy-colors-comp-txt-field-icon: var(--dy-colors-sys-input-icon);
    --dy-colors-comp-select-bg: var(--dy-colors-sys-input-bg);
    --dy-colors-comp-select-focused-bg: var(--dy-colors-sys-input-focused-bg);
    --dy-colors-comp-select-highlight-bg: var(--dy-colors-sys-input-highlight);
    --dy-colors-comp-select-enabled-border: var(
            --dy-colors-sys-input-enabled-border
    );
    --dy-colors-comp-select-hovered-border: var(
            --dy-colors-sys-input-hovered-border
    );
    --dy-colors-comp-select-active-border: var(
            --dy-colors-sys-input-active-border
    );
    --dy-colors-comp-select-focused-border: var(
            --dy-colors-sys-input-focused-border
    );
    --dy-colors-comp-select-error-border: var(--dy-colors-sys-input-error-border);
    --dy-colors-comp-select-success-border: var(
            --dy-colors-sys-input-success-border
    );
    --dy-colors-comp-select-disabled: var(--dy-colors-sys-input-disabled);
    --dy-colors-comp-select-label: var(--dy-colors-sys-input-label);
    --dy-colors-comp-select-value: var(--dy-colors-sys-input-value);
    --dy-colors-comp-select-focused-value: var(
            --dy-colors-sys-input-focused-value
    );
    --dy-colors-comp-select-icon: var(--dy-colors-sys-input-icon);
    --dy-colors-comp-pwd-bg: var(--dy-colors-sys-input-bg);
    --dy-colors-comp-pwd-focused-bg: var(--dy-colors-sys-input-focused-bg);
    --dy-colors-comp-pwd-highlight-bg: var(--dy-colors-sys-input-highlight);
    --dy-colors-comp-pwd-enabled-border: var(
            --dy-colors-sys-input-enabled-border
    );
    --dy-colors-comp-pwd-hovered-border: var(
            --dy-colors-sys-input-hovered-border
    );
    --dy-colors-comp-pwd-active-border: var(--dy-colors-sys-input-active-border);
    --dy-colors-comp-pwd-focused-border: var(
            --dy-colors-sys-input-focused-border
    );
    --dy-colors-comp-pwd-success-border: var(
            --dy-colors-sys-input-success-border
    );
    --dy-colors-comp-pwd-error-border: var(--dy-colors-sys-input-error-border);
    --dy-colors-comp-pwd-disabled: var(--dy-colors-sys-input-disabled);
    --dy-colors-comp-pwd-label: var(--dy-colors-sys-input-label);
    --dy-colors-comp-pwd-value: var(--dy-colors-sys-input-value);
    --dy-colors-comp-pwd-focused-value: var(--dy-colors-sys-input-focused-value);
    --dy-colors-comp-pwd-icon: var(--dy-colors-sys-input-icon);
    --dy-colors-comp-chips-checked-enabled: var(
            --dy-colors-sys-ctrl-checked-enabled
    );
    --dy-colors-comp-chips-checked-hovered: var(
            --dy-colors-sys-ctrl-checked-hovered
    );
    --dy-colors-comp-chips-checked-pressed: var(
            --dy-colors-sys-ctrl-checked-pressed
    );
    --dy-colors-comp-chips-checked-focused: var(
            --dy-colors-sys-ctrl-checked-focused
    );
    --dy-colors-comp-chips-disabled: var(--dy-colors-sys-ctrl-disabled);
    --dy-colors-comp-chips-enabled: var(--dy-colors-sys-ctrl-enabled);
    --dy-colors-comp-chips-hovered: var(--dy-colors-sys-ctrl-hovered);
    --dy-colors-comp-chips-pressed: var(--dy-colors-sys-ctrl-pressed);
    --dy-colors-comp-chips-focused: var(--dy-colors-sys-ctrl-focused);
    --dy-colors-comp-chips-oncolor: var(--dy-colors-sys-ctrl-negative);
    --dy-colors-comp-chips-highligh: var(--dy-colors-sys-ctrl-highlight);
    --dy-colors-comp-chips-positive-label: var(
            --dy-colors-sys-ctrl-positive-label
    );
    --dy-colors-comp-chips-negative-label: var(
            --dy-colors-sys-ctrl-negative-label
    );
    --dy-colors-comp-chips-disabled-label: var(
            --dy-colors-sys-ctrl-disabled-label
    );
    --dy-colors-comp-chips-negative-icon: var(--dy-colors-sys-ctrl-negative-icon);
    --dy-colors-comp-chips-positive-icon: var(
            --dy-colors-sys-ctrl-positive-label
    );
    --dy-colors-comp-search-bg: var(--dy-colors-sys-input-bg);
    --dy-colors-comp-search-focused-bg: var(--dy-colors-sys-input-focused-bg);
    --dy-colors-comp-search-highlight-bg: var(--dy-colors-sys-input-highlight);
    --dy-colors-comp-search-enabled-border: var(
            --dy-colors-sys-input-enabled-border
    );
    --dy-colors-comp-search-hovered-border: var(
            --dy-colors-sys-input-hovered-border
    );
    --dy-colors-comp-search-active-border: var(
            --dy-colors-sys-input-active-border
    );
    --dy-colors-comp-search-focused-border: var(
            --dy-colors-sys-input-focused-border
    );
    --dy-colors-comp-search-disabled: var(--dy-colors-sys-input-disabled);
    --dy-colors-comp-search-label: var(--dy-colors-sys-input-label);
    --dy-colors-comp-search-value: var(--dy-colors-sys-input-value);
    --dy-colors-comp-search-focused-value: var(
            --dy-colors-sys-input-focused-value
    );
    --dy-colors-comp-search-icon: var(--dy-colors-sys-input-icon);
    --dy-colors-comp-link-enabled: var(--dy-colors-sys-cta-enabled);
    --dy-colors-comp-link-oncolor-negative: var(
            --dy-colors-sys-cta-oncolor-negative
    );
    --dy-colors-comp-link-oncolor-positive: var(
            --dy-colors-sys-cta-oncolor-positive
    );
    --dy-colors-comp-link-positive-content: var(
            --dy-colors-sys-cta-positive-content
    );
    --dy-colors-comp-link-negative-content: var(
            --dy-colors-sys-cta-negative-content
    );
    --dy-colors-comp-avatar-enabled: var(--dy-colors-sys-cta-enabled);
    --dy-colors-comp-avatar-oncolor-negative: var(
            --dy-colors-sys-cta-oncolor-negative
    );
    --dy-colors-comp-avatar-oncolor-positive: var(
            --dy-colors-sys-cta-oncolor-positive
    );
    --dy-colors-comp-avatar-negative-content: var(
            --dy-colors-sys-cta-negative-content
    );
    --dy-colors-comp-avatar-positive-content: var(
            --dy-colors-sys-cta-positive-content
    );
    --dy-colors-comp-pin-bg: var(--dy-colors-sys-input-bg);
    --dy-colors-comp-pin-focused-bg: var(--dy-colors-sys-input-focused-bg);
    --dy-colors-comp-pin-highlight-bg: var(--dy-colors-sys-input-highlight);
    --dy-colors-comp-pin-enabled-border: var(
            --dy-colors-sys-input-enabled-border
    );
    --dy-colors-comp-pin-hovered-border: var(
            --dy-colors-sys-input-hovered-border
    );
    --dy-colors-comp-pin-active-border: var(--dy-colors-sys-input-active-border);
    --dy-colors-comp-pin-focused-border: var(
            --dy-colors-sys-input-focused-border
    );
    --dy-colors-comp-pin-error-border: var(--dy-colors-sys-input-error-border);
    --dy-colors-comp-pin-success-border: var(
            --dy-colors-sys-input-success-border
    );
    --dy-colors-comp-pin-disabled: var(--dy-colors-sys-input-disabled);
    --dy-colors-comp-pin-label: var(--dy-colors-sys-input-label);
    --dy-colors-comp-pin-value: var(--dy-colors-sys-input-value);
    --dy-colors-comp-pin-focused-value: var(--dy-colors-sys-input-focused-value);
    --dy-colors-comp-pin-icon: var(--dy-colors-sys-input-icon);
    --dy-colors-comp-bottom-nav-active: var(--dy-colors-sys-theme-brand);
    --dy-colors-comp-bottom-nav-disabled: var(--dy-colors-sys-theme-neutral-05);
    --dy-colors-comp-bottom-nav-oncolor-negative: var(
            --dy-colors-sys-theme-neutral-07
    );
    --dy-colors-comp-bottom-nav-inactive: var(--dy-colors-sys-theme-neutral-03);
    --dy-colors-comp-bottom-nav-border: var(--dy-colors-sys-theme-neutral-05);
    --dy-colors-comp-app-bar-negative: var(--dy-colors-sys-theme-neutral-07);
    --dy-colors-comp-app-bar-positive: var(--dy-colors-sys-theme-neutral-00);

    --dy-colors-ref-edenred-red-10: #400702;
    --dy-colors-ref-edenred-red-20: #710c04;
    --dy-colors-ref-edenred-red-30: #a31106;
    --dy-colors-ref-edenred-red-40: #d41607;
    --dy-colors-ref-edenred-red-50: #f72717;
    --dy-colors-ref-edenred-red-60: #f95549;
    --dy-colors-ref-edenred-red-70: #fa837a;
    --dy-colors-ref-edenred-red-80: #fcb1ab;
    --dy-colors-ref-edenred-red-90: #fdd1ce;
    --dy-colors-ref-edenred-red-95: #fee8e6;
    --dy-colors-ref-edenred-cold-white: #f1f7ff;
    --dy-colors-ref-bright-pink-50: #ff5971;
    --dy-colors-ref-bright-pink-60: #ffbdc9;
    --dy-colors-ref-bright-pink-70: #ffcdd7;
    --dy-colors-ref-bright-pink-80: #ffdee4;
    --dy-colors-ref-bright-pink-90: #ffeef1;
    --dy-colors-ref-bright-pink-95: #fff7f8;
    --dy-colors-ref-bright-cobalt-50: #0d8aff;
    --dy-colors-ref-bright-cobalt-60: #a0d1fd;
    --dy-colors-ref-bright-cobalt-70: #b8ddfe;
    --dy-colors-ref-bright-cobalt-80: #d0e9fe;
    --dy-colors-ref-bright-cobalt-90: #e8f3ff;
    --dy-colors-ref-bright-cobalt-95: #f3f9ff;
    --dy-colors-ref-bright-violet-50: #711cff;
    --dy-colors-ref-bright-violet-60: #c6a7fd;
    --dy-colors-ref-bright-violet-70: #d5bdfd;
    --dy-colors-ref-bright-violet-80: #e3d3fe;
    --dy-colors-ref-bright-violet-90: #f1e9ff;
    --dy-colors-ref-bright-violet-95: #f8f4ff;
    --dy-colors-ref-bright-mint-50: #00a184;
    --dy-colors-ref-bright-mint-60: #9bdace;
    --dy-colors-ref-bright-mint-70: #b5e3da;
    --dy-colors-ref-bright-mint-80: #cdece6;
    --dy-colors-ref-bright-mint-90: #e7f6f3;
    --dy-colors-ref-bright-mint-95: #f2faf9;
    --dy-colors-ref-bright-olive-50: #739a00;
    --dy-colors-ref-bright-olive-60: #c8d69c;
    --dy-colors-ref-bright-olive-70: #d5e0b5;
    --dy-colors-ref-bright-olive-80: #f1f5e7;
    --dy-colors-ref-bright-olive-90: #dbe5c2;
    --dy-colors-ref-bright-olive-95: #f8faf3;
    --dy-colors-ref-light-pink-50: #fed0c8;
    --dy-colors-ref-light-pink-60: #ffece9;
    --dy-colors-ref-light-pink-70: #fff1ef;
    --dy-colors-ref-light-pink-80: #fff6f4;
    --dy-colors-ref-light-pink-90: #fff8f7;
    --dy-colors-ref-light-pink-95: #fffaf9;
    --dy-colors-ref-light-cobalt-50: #b0efff;
    --dy-colors-ref-light-cobalt-60: #d0f5ff;
    --dy-colors-ref-light-cobalt-70: #dff9ff;
    --dy-colors-ref-light-cobalt-80: #ebfbff;
    --dy-colors-ref-light-cobalt-90: #f3fdff;
    --dy-colors-ref-light-cobalt-95: #fbfeff;
    --dy-colors-ref-light-violet-50: #c8c3ff;
    --dy-colors-ref-light-violet-60: #dedbff;
    --dy-colors-ref-light-violet-70: #e6e4ff;
    --dy-colors-ref-light-violet-80: #efedff;
    --dy-colors-ref-light-violet-90: #f7f6ff;
    --dy-colors-ref-light-violet-95: #f9f9ff;
    --dy-colors-ref-light-mint-50: #98f6db;
    --dy-colors-ref-light-mint-60: #c1fae9;
    --dy-colors-ref-light-mint-70: #d1fbef;
    --dy-colors-ref-light-mint-80: #eafdf8;
    --dy-colors-ref-light-mint-90: #f1fefa;
    --dy-colors-ref-light-mint-95: #f8fefc;
    --dy-colors-ref-light-olive-50: #dcf691;
    --dy-colors-ref-light-olive-60: #eafabd;
    --dy-colors-ref-light-olive-70: #effbcd;
    --dy-colors-ref-light-olive-80: #f8fde9;
    --dy-colors-ref-light-olive-90: #fbfef4;
    --dy-colors-ref-light-olive-95: #fdfff9;
    --dy-colors-ref-semantic-success: #34BC6E;
    --dy-colors-ref-semantic-warning: #FF832B;
    --dy-colors-ref-semantic-error: #DA1E28;
    --dy-colors-ref-semantic-informative: #1473E6;
    --dy-colors-ref-semantic-assistive: #5B6371;
    --dy-colors-ref-semantic-success-80: #def4e8;
    --dy-colors-ref-semantic-warning-80: #ffebdd;
    --dy-colors-ref-semantic-error-80: #f9dbdc;
    --dy-colors-ref-semantic-informative-80: #d9e8fb;
    --dy-colors-ref-neutral-0: #000000;
    --dy-colors-ref-neutral-5: #2e3238;
    --dy-colors-ref-neutral-10: #444b55;
    --dy-colors-ref-neutral-20: #5b6371;
    --dy-colors-ref-neutral-30: #6d7787;
    --dy-colors-ref-neutral-40: #8e96a4;
    --dy-colors-ref-neutral-50: #aab1bb;
    --dy-colors-ref-neutral-60: #b9bec5;
    --dy-colors-ref-neutral-70: #cfd3d8;
    --dy-colors-ref-neutral-80: #dbdde1;
    --dy-colors-ref-neutral-90: #f0f1f3;
    --dy-colors-ref-neutral-95: #f8f8f9;
    --dy-colors-ref-neutral-100: #ffffff;

    --dy-colors-sys-cta-enabled: var(--dy-colors-ref-edenred-red-50);
    --dy-colors-sys-cta-hovered: var(--dy-colors-ref-edenred-red-60);
    --dy-colors-sys-cta-pressed: var(--dy-colors-ref-edenred-red-40);
    --dy-colors-sys-cta-focused: var(--dy-colors-ref-edenred-red-50);
    --dy-colors-sys-cta-disabled: var(--dy-colors-ref-neutral-80);
    --dy-colors-sys-cta-loading: var(--dy-colors-ref-edenred-red-50);
    --dy-colors-sys-cta-oncolor-negative: var(--dy-colors-ref-neutral-100);
    --dy-colors-sys-cta-oncolor-positive: var(--dy-colors-ref-neutral-5);
    --dy-colors-sys-cta-negative-content: var(--dy-colors-ref-neutral-100);
    --dy-colors-sys-cta-positive-content: var(--dy-colors-ref-neutral-5);
    --dy-colors-sys-cta-disabled-content: var(--dy-colors-ref-neutral-80);
    --dy-colors-sys-ctrl-checked-enabled: var(--dy-colors-ref-edenred-red-50);
    --dy-colors-sys-ctrl-checked-hovered: var(--dy-colors-ref-edenred-red-60);
    --dy-colors-sys-ctrl-checked-pressed: var(--dy-colors-ref-edenred-red-40);
    --dy-colors-sys-ctrl-checked-focused: var(--dy-colors-ref-edenred-red-50);
    --dy-colors-sys-ctrl-disabled: var(--dy-colors-ref-neutral-80);
    --dy-colors-sys-ctrl-checked-loading: var(--dy-colors-ref-edenred-red-50);
    --dy-colors-sys-ctrl-enabled: var(--dy-colors-ref-neutral-50);
    --dy-colors-sys-ctrl-hovered: var(--dy-colors-ref-neutral-70);
    --dy-colors-sys-ctrl-pressed: var(--dy-colors-ref-neutral-30);
    --dy-colors-sys-ctrl-focused: var(--dy-colors-ref-neutral-50);
    --dy-colors-sys-ctrl-loading: var(--dy-colors-ref-neutral-50);
    --dy-colors-sys-ctrl-negative: var(--dy-colors-ref-neutral-100);
    --dy-colors-sys-ctrl-highlight: var(--dy-colors-ref-edenred-cold-white);
    --dy-colors-sys-ctrl-positive-label: var(--dy-colors-ref-neutral-5);
    --dy-colors-sys-ctrl-negative-label: var(--dy-colors-ref-neutral-100);
    --dy-colors-sys-ctrl-disabled-label: var(--dy-colors-ref-neutral-80);
    --dy-colors-sys-ctrl-positive-icon: var(--dy-colors-ref-neutral-5);
    --dy-colors-sys-ctrl-negative-icon: var(--dy-colors-ref-neutral-100);
    --dy-colors-sys-input-bg: var(--dy-colors-ref-neutral-100);
    --dy-colors-sys-input-focused-bg: var(--dy-colors-ref-neutral-5);
    --dy-colors-sys-input-highlight: var(--dy-colors-ref-edenred-cold-white);
    --dy-colors-sys-input-enabled-border: var(--dy-colors-ref-neutral-50);
    --dy-colors-sys-input-hovered-border: var(--dy-colors-ref-neutral-70);
    --dy-colors-sys-input-active-border: var(--dy-colors-ref-neutral-5);
    --dy-colors-sys-input-focused-border: var(--dy-colors-ref-neutral-5);
    --dy-colors-sys-input-success-border: var(--dy-colors-ref-semantic-success);
    --dy-colors-sys-input-error-border: var(--dy-colors-ref-semantic-error);
    --dy-colors-sys-input-disabled: var(--dy-colors-ref-neutral-80);
    --dy-colors-sys-input-label: var(--dy-colors-ref-neutral-30);
    --dy-colors-sys-input-value: var(--dy-colors-ref-neutral-5);
    --dy-colors-sys-input-focused-value: var(--dy-colors-ref-neutral-100);
    --dy-colors-sys-input-icon: var(--dy-colors-ref-neutral-5);
    --dy-colors-sys-divider: var(--dy-colors-ref-neutral-30);
    --dy-colors-sys-divider-oncolor: var(--dy-colors-ref-neutral-100);
    --dy-colors-sys-alert-assistive: var(--dy-colors-ref-neutral-20);
    --dy-colors-sys-alert-informative: var(--dy-colors-ref-semantic-informative);
    --dy-colors-sys-alert-error: var(--dy-colors-ref-semantic-error);
    --dy-colors-sys-alert-warning: var(--dy-colors-ref-semantic-warning);
    --dy-colors-sys-alert-success: var(--dy-colors-ref-semantic-success);
    --dy-colors-sys-alert-disabled: var(--dy-colors-ref-neutral-80);
    --dy-colors-sys-theme-brand: var(--dy-colors-ref-edenred-red-50);
    --dy-colors-sys-theme-neutral-05: var(--dy-colors-ref-neutral-80);
    --dy-colors-sys-theme-neutral-07: var(--dy-colors-ref-neutral-100);
    --dy-colors-sys-theme-neutral-03: var(--dy-colors-ref-neutral-40);
    --dy-colors-sys-theme-neutral-00: var(--dy-colors-ref-neutral-0);

    /**
    * @tokens fonts
  */

    --dy-fonts-comp-switch: var(--dy-fonts-sys-ctrl-label);
    --dy-fonts-comp-checkbox: var(--dy-fonts-sys-ctrl-label);
    --dy-fonts-comp-btn: var(--dy-fonts-sys-cta);
    --dy-fonts-comp-radio: var(--dy-fonts-sys-ctrl-label);
    --dy-fonts-comp-alert-input: var(--dy-fonts-sys-alert);
    --dy-fonts-comp-txt-field: var(--dy-fonts-sys-input);
    --dy-fonts-comp-pwd: var(--dy-fonts-sys-input);
    --dy-fonts-comp-search: var(--dy-fonts-sys-input);
    --dy-fonts-comp-select: var(--dy-fonts-sys-input);
    --dy-fonts-comp-chips: var(--dy-fonts-sys-ctrl-label);
    --dy-fonts-comp-pin: var(--dy-fonts-sys-input);

    --dy-fonts-ref-title: Edenred, sans-serif, --apple-system, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol";
    --dy-fonts-ref-text: Ubuntu, sans-serif, --apple-system, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol";

    --dy-fonts-sys-cta: var(--dy-fonts-ref-title);
    --dy-fonts-sys-cta-text: var(--dy-fonts-ref-text);
    --dy-fonts-sys-ctrl-label: var(--dy-fonts-ref-text);
    --dy-fonts-sys-input: var(--dy-fonts-ref-text);
    --dy-fonts-sys-alert: var(--dy-fonts-ref-text);

    /**
    * @tokens radii
  */

    --dy-radii-comp-switch-default: var(--dy-radii-sys-ctrl-default);
    --dy-radii-comp-checkbox-default: var(--dy-radii-sys-ctrl-default);
    --dy-radii-comp-btn-default: var(--dy-radii-sys-cta-default);
    --dy-radii-comp-radio-default: var(--dy-radii-sys-ctrl-default);
    --dy-radii-comp-txt-field-default: var(--dy-radii-sys-input-default);
    --dy-radii-comp-pwd-default: var(--dy-radii-sys-input-default);
    --dy-radii-comp-search-default: var(--dy-radii-sys-input-default);
    --dy-radii-comp-select-default: var(--dy-radii-sys-input-default);
    --dy-radii-comp-chips-default: var(--dy-radii-sys-ctrl-default);
    --dy-radii-comp-link-default: var(--dy-radii-sys-cta-default);
    --dy-radii-comp-avatar-default: var(--dy-radii-sys-cta-default);
    --dy-radii-comp-pin-default: var(--dy-radii-sys-input-default);

    --dy-radii-ref-0: 0px;
    --dy-radii-ref-10: 4px;
    --dy-radii-ref-20: 8px;
    --dy-radii-ref-40: 16px;
    --dy-radii-ref-60: 24px;
    --dy-radii-ref-ribbon: 9999px;

    --dy-radii-sys-cta-default: var(--dy-radii-ref-ribbon);
    --dy-radii-sys-ctrl-default: var(--dy-radii-ref-ribbon);
    --dy-radii-sys-input-default: var(--dy-radii-ref-ribbon);

    /**
    * @tokens fontSizes
  */

    --dy-fontSizes-comp-switch: var(--dy-fontSizes-sys-ctrl-md);
    --dy-fontSizes-comp-checkbox: var(--dy-fontSizes-sys-ctrl-md);
    --dy-fontSizes-comp-btn-lg: var(--dy-fontSizes-sys-cta-lg);
    --dy-fontSizes-comp-btn-md: var(--dy-fontSizes-sys-cta-md);
    --dy-fontSizes-comp-btn-sm: var(--dy-fontSizes-sys-cta-sm);
    --dy-fontSizes-comp-alert-input: var(--dy-fontSizes-sys-alert-input);
    --dy-fontSizes-comp-radio: var(--dy-fontSizes-sys-ctrl-md);
    --dy-fontSizes-comp-txt-field-inner: var(--dy-fontSizes-sys-input-inner);
    --dy-fontSizes-comp-txt-field-outer: var(--dy-fontSizes-sys-input-outer);
    --dy-fontSizes-comp-pwd-inner: var(--dy-fontSizes-sys-input-inner);
    --dy-fontSizes-comp-pwd-outer: var(--dy-fontSizes-sys-input-outer);
    --dy-fontSizes-comp-search-inner: var(--dy-fontSizes-sys-input-inner);
    --dy-fontSizes-comp-search-outer: var(--dy-fontSizes-sys-input-outer);
    --dy-fontSizes-comp-select-inner: var(--dy-fontSizes-sys-input-inner);
    --dy-fontSizes-comp-select-outer: var(--dy-fontSizes-sys-input-outer);
    --dy-fontSizes-comp-chips-md: var(--dy-fontSizes-sys-ctrl-md);
    --dy-fontSizes-comp-chips-sm: var(--dy-fontSizes-sys-ctrl-sm);
    --dy-fontSizes-comp-pin-inner: var(--dy-fontSizes-sys-input-inner);
    --dy-fontSizes-comp-pin-outer: var(--dy-fontSizes-sys-input-outer);

    --dy-fontSizes-ref-25: 0.625rem;
    --dy-fontSizes-ref-30: 0.75rem;
    --dy-fontSizes-ref-35: 0.875rem;
    --dy-fontSizes-ref-40: 1rem;
    --dy-fontSizes-ref-45: 1.125rem;
    --dy-fontSizes-ref-50: 1.25rem;
    --dy-fontSizes-ref-60: 1.5rem;
    --dy-fontSizes-ref-80: 2rem;
    --dy-fontSizes-ref-100: 2.5rem;
    --dy-fontSizes-ref-120: 3rem;
    --dy-fontSizes-ref-140: 3.5rem;
    --dy-fontSizes-ref-160: 4rem;
    --dy-fontSizes-ref-200: 5rem;

    --dy-fontSizes-sys-cta-sm: var(--dy-fontSizes-ref-30);
    --dy-fontSizes-sys-cta-md: var(--dy-fontSizes-ref-35);
    --dy-fontSizes-sys-cta-lg: var(--dy-fontSizes-ref-45);
    --dy-fontSizes-sys-ctrl-md: var(--dy-fontSizes-ref-40);
    --dy-fontSizes-sys-ctrl-sm: var(--dy-fontSizes-ref-35);
    --dy-fontSizes-sys-input-inner: var(--dy-fontSizes-ref-40);
    --dy-fontSizes-sys-input-outer: var(--dy-fontSizes-ref-30);
    --dy-fontSizes-sys-alert: var(--dy-fontSizes-ref-40);
    --dy-fontSizes-sys-alert-input: var(--dy-fontSizes-ref-30);

    /**
    * @tokens fontWeights
  */

    --dy-fontWeights-comp-switch: var(--dy-fontWeights-sys-ctrl-label);
    --dy-fontWeights-comp-checkbox: var(--dy-fontWeights-sys-ctrl-label);
    --dy-fontWeights-comp-btn: var(--dy-fontWeights-sys-cta);
    --dy-fontWeights-comp-radio: var(--dy-fontWeights-sys-ctrl-label);
    --dy-fontWeights-comp-alert-input-title: var(
            --dy-fontWeights-sys-alert-title
    );
    --dy-fontWeights-comp-alert-input-description: var(
            --dy-fontWeights-sys-alert-description
    );
    --dy-fontWeights-comp-txt-field: var(--dy-fontWeights-sys-input);
    --dy-fontWeights-comp-pwd: var(--dy-fontWeights-sys-input);
    --dy-fontWeights-comp-search-field: var(--dy-fontWeights-sys-input);
    --dy-fontWeights-comp-select: var(--dy-fontWeights-sys-input);
    --dy-fontWeights-comp-chips: var(--dy-fontWeights-sys-ctrl-label);
    --dy-fontWeights-comp-pin: var(--dy-fontWeights-sys-input);

    --dy-fontWeights-ref-light: 300;
    --dy-fontWeights-ref-regular: 400;
    --dy-fontWeights-ref-medium: 500;
    --dy-fontWeights-ref-bold: 700;

    --dy-fontWeights-sys-cta: var(--dy-fontWeights-ref-medium);
    --dy-fontWeights-sys-cta-text: var(--dy-fontWeights-ref-regular);
    --dy-fontWeights-sys-ctrl-label: var(--dy-fontWeights-ref-regular);
    --dy-fontWeights-sys-input: var(--dy-fontWeights-ref-regular);
    --dy-fontWeights-sys-alert-title: var(--dy-fontWeights-ref-bold);
    --dy-fontWeights-sys-alert-description: var(--dy-fontWeights-ref-regular);

    /**
    * @tokens lineHeights
  */

    --dy-lineHeights-comp-switch: var(--dy-lineHeights-sys-ctrl-label);
    --dy-lineHeights-comp-checkbox: var(--dy-lineHeights-sys-ctrl-label);
    --dy-lineHeights-comp-btn: var(--dy-lineHeights-sys-cta);
    --dy-lineHeights-comp-radio: var(--dy-lineHeights-sys-ctrl-label);
    --dy-lineHeights-comp-alert-input: var(--dy-lineHeights-sys-alert);
    --dy-lineHeights-comp-txt-field: var(--dy-lineHeights-sys-input);
    --dy-lineHeights-comp-search-field: var(--dy-lineHeights-sys-input);
    --dy-lineHeights-comp-pwd: var(--dy-lineHeights-sys-input);
    --dy-lineHeights-comp-select: var(--dy-lineHeights-sys-input);
    --dy-lineHeights-comp-chips: var(--dy-lineHeights-sys-ctrl-label);
    --dy-lineHeights-comp-pin: var(--dy-lineHeights-sys-input);

    --dy-lineHeights-ref-none: 1;
    --dy-lineHeights-ref-medium: 1.25;
    --dy-lineHeights-ref-tall: 1.5;

    --dy-lineHeights-sys-cta: var(--dy-lineHeights-ref-tall);
    --dy-lineHeights-sys-ctrl-label: var(--dy-lineHeights-ref-medium);
    --dy-lineHeights-sys-input: var(--dy-lineHeights-ref-medium);
    --dy-lineHeights-sys-alert: var(--dy-lineHeights-ref-medium);

    /**
    * @tokens opacity
  */

    --dy-opacity-ref-0: 0;
    --dy-opacity-ref-4: 0.04;
    --dy-opacity-ref-8: 0.08;
    --dy-opacity-ref-16: 0.16;
    --dy-opacity-ref-24: 0.24;
    --dy-opacity-ref-32: 0.32;
    --dy-opacity-ref-40: 0.4;
    --dy-opacity-ref-48: 0.48;
    --dy-opacity-ref-56: 0.56;
    --dy-opacity-ref-64: 0.64;
    --dy-opacity-ref-72: 0.72;
    --dy-opacity-ref-80: 0.8;
    --dy-opacity-ref-88: 0.88;
    --dy-opacity-ref-96: 0.96;
    --dy-opacity-ref-100: 1;

    /**
    * @tokens scale
  */

    --dy-scale-ref-5: scale(1.05);
    --dy-scale-ref-25: scale(1.25);
    --dy-scale-ref-50: scale(1.5);

    /**
    * @tokens shadows
  */

    --dy-shadows-ref-1: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
    --dy-shadows-ref-2: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
    --dy-shadows-ref-3: 0px 8px 16px 0px rgba(0, 0, 0, 0.08);

    /**
    * @tokens sizes
  */

    --dy-sizes-ref-0: 0px;
    --dy-sizes-ref-10: 4px;
    --dy-sizes-ref-20: 8px;
    --dy-sizes-ref-25: 10px;
    --dy-sizes-ref-30: 12px;
    --dy-sizes-ref-35: 14px;
    --dy-sizes-ref-40: 16px;
    --dy-sizes-ref-50: 20px;
    --dy-sizes-ref-60: 24px;
    --dy-sizes-ref-70: 28px;
    --dy-sizes-ref-80: 32px;
    --dy-sizes-ref-90: 36px;
    --dy-sizes-ref-100: 40px;
    --dy-sizes-ref-110: 44px;
    --dy-sizes-ref-120: 48px;
    --dy-sizes-ref-130: 52px;
    --dy-sizes-ref-140: 56px;
    --dy-sizes-ref-150: 60px;
    --dy-sizes-ref-160: 64px;
    --dy-sizes-ref-180: 72px;
    --dy-sizes-ref-200: 80px;
    --dy-sizes-ref-220: 88px;
    --dy-sizes-ref-240: 96px;
    --dy-sizes-ref-260: 104px;
    --dy-sizes-ref-280: 112px;
    --dy-sizes-ref-300: 120px;
    --dy-sizes-ref-320: 128px;
    --dy-sizes-ref-340: 136px;
    --dy-sizes-ref-360: 144px;
    --dy-sizes-ref-380: 152px;
    --dy-sizes-ref-400: 160px;
    --dy-sizes-ref-420: 168px;
    --dy-sizes-ref-440: 176px;
    --dy-sizes-ref-460: 184px;
    --dy-sizes-ref-480: 192px;
    --dy-sizes-ref-500: 200px;
    --dy-sizes-ref-025: 1px;
    --dy-sizes-ref-050: 2px;
    --dy-sizes-ref-075: 3px;

    /**
    * @tokens space
  */

    --dy-space-ref-0: 0px;
    --dy-space-ref-5: 2px;
    --dy-space-ref-10: 4px;
    --dy-space-ref-20: 8px;
    --dy-space-ref-30: 12px;
    --dy-space-ref-40: 16px;
    --dy-space-ref-50: 20px;
    --dy-space-ref-60: 24px;
    --dy-space-ref-70: 28px;
    --dy-space-ref-80: 32px;
    --dy-space-ref-90: 36px;
    --dy-space-ref-100: 40px;
    --dy-space-ref-110: 44px;
    --dy-space-ref-120: 48px;
    --dy-space-ref-130: 52px;
    --dy-space-ref-140: 56px;
    --dy-space-ref-150: 60px;
    --dy-space-ref-160: 64px;
    --dy-space-ref-180: 72px;
    --dy-space-ref-200: 80px;
    --dy-space-ref-220: 88px;
    --dy-space-ref-240: 96px;
    --dy-space-ref-260: 104px;
    --dy-space-ref-280: 112px;
    --dy-space-ref-300: 120px;
    --dy-space-ref-320: 128px;
    --dy-space-ref-340: 136px;
    --dy-space-ref-360: 144px;
    --dy-space-ref-380: 152px;
    --dy-space-ref-400: 160px;
    --dy-space-ref-420: 168px;
    --dy-space-ref-440: 176px;
    --dy-space-ref-460: 184px;
    --dy-space-ref-480: 192px;
    --dy-space-ref-500: 200px;

    /**
    * @tokens transformScale
  */

    --dy-transformScale-ref-5: scale(1.05);
    --dy-transformScale-ref-25: scale(1.25);
    --dy-transformScale-ref-50: scale(1.5);

    /**
    * @tokens transformRotation
  */

    --dy-transformRotation-ref-quarter: rotate(90deg);
    --dy-transformRotation-ref-half: rotate(180deg);
    --dy-transformRotation-ref-full: rotate(360deg);
    --dy-transformRotation-ref-inverse-quarter: rotate(-90deg);
    --dy-transformRotation-ref-inverse-half: rotate(-180deg);
    --dy-transformRotation-ref-inverse-full: rotate(-360deg);

    /**
    * @tokens transitionDuration
  */

    --dy-transitionDuration-ref-1: 0.1s;
    --dy-transitionDuration-ref-25: 0.25s;
    --dy-transitionDuration-ref-50: 0.5s;
    --dy-transitionDuration-ref-100: 1s;

    /**
    * @tokens transitionTimingFunction
  */

    --dy-transitionTimingFunction-ref-ease-linear: cubic-bezier(0, 0, 0, 0);
    --dy-transitionTimingFunction-ref-ease-in: cubic-bezier(0.48, 0, 1, 1);
    --dy-transitionTimingFunction-ref-ease-out: cubic-bezier(0, 0, 0.48, 1);
    --dy-transitionTimingFunction-ref-ease-in-and-out: cubic-bezier(
            0.48,
            0,
            0.48,
            1
    );

    /**
    * @tokens zIndices
  */

    --dy-zIndices-ref-deep: -999999;
    --dy-zIndices-ref-default: 1;
    --dy-zIndices-ref-masked: 100;
    --dy-zIndices-ref-mask: 200;
    --dy-zIndices-ref-sticky: 300;
    --dy-zIndices-ref-header: 400;
    --dy-zIndices-ref-dropdown: 500;
    --dy-zIndices-ref-overlay: 600;
    --dy-zIndices-ref-modal: 700;
    --dy-zIndices-ref-popup: 800;
    --dy-zIndices-ref-toast: 900;
    --dy-zIndices-ref-spinner: 999;
}

@font-face {
    font-display: swap;
    font-family: "Edenred";
    font-style: normal;
    font-weight: 500;
    src: url("https://assets.delaunay.ticket.com.br/assets/v1/fonts/Edenred-Regular.woff2") format("woff2");
}

@font-face {
    font-display: swap;
    font-family: "Edenred";
    font-style: normal;
    font-weight: bold;
    src: url("https://assets.delaunay.ticket.com.br/assets/v1/fonts/Edenred-Bold.woff2") format("woff2");
}