:root {
    --rio-semantic-color-retail-prime: #0064F9;
    --rio-semantic-color-add-to-delivery-tertiary: #143075;
    --rio-semantic-color-add-to-delivery-secondary: #0045A5;
    --rio-semantic-color-add-to-delivery-primary: #0064F9;
    --rio-semantic-size-space-extra-large: var(--rio-base-size-16);
    --rio-semantic-size-space-large: var(--rio-base-size-12);
    --rio-semantic-size-space-medium: var(--rio-base-size-8);
    --rio-semantic-size-space-small: var(--rio-base-size-4);
    --rio-semantic-size-space-mini: var(--rio-base-size-2);
    --rio-semantic-size-space-none: var(--rio-base-size-0);
    --rio-semantic-size-radius-full: var(--rio-base-size-100);
    --rio-semantic-size-radius-extra-large: var(--rio-base-size-16);
    --rio-semantic-size-radius-large: var(--rio-base-size-12);
    --rio-semantic-size-radius-medium: var(--rio-base-size-8);
    --rio-semantic-size-radius-small: var(--rio-base-size-4);
    --rio-semantic-size-radius-mini: var(--rio-base-size-2);
    --rio-semantic-size-radius-square: var(--rio-base-size-0);
    --rio-semantic-size-line-height-double-large: var(--rio-base-size-36);
    --rio-semantic-size-line-height-extra-large: var(--rio-base-size-32);
    --rio-semantic-size-line-height-large: var(--rio-base-size-28);
    --rio-semantic-size-line-height-medium-plus: var(--rio-base-size-28);
    --rio-semantic-size-line-height-medium: var(--rio-base-size-22);
    --rio-semantic-size-line-height-base-plus: var(--rio-base-size-20);
    --rio-semantic-size-line-height-base: var(--rio-base-size-20);
    --rio-semantic-size-line-height-small: var(--rio-base-size-18);
    --rio-semantic-size-line-height-mini: var(--rio-base-size-16);
    --rio-semantic-size-line-height-micro: var(--rio-base-size-16);
    --rio-semantic-size-font-double-large: var(--rio-base-size-28);
    --rio-semantic-size-font-extra-large: var(--rio-base-size-24);
    --rio-semantic-size-font-large: var(--rio-base-size-22);
    --rio-semantic-size-font-medium-plus: var(--rio-base-size-20);
    --rio-semantic-size-font-medium: var(--rio-base-size-18);
    --rio-semantic-size-font-base-plus: var(--rio-base-size-16);
    --rio-semantic-size-font-base: var(--rio-base-size-16);
    --rio-semantic-size-font-small: var(--rio-base-size-14);
    --rio-semantic-size-font-mini: var(--rio-base-size-12);
    --rio-semantic-size-font-micro: var(--rio-base-size-11);
    --rio-semantic-size-border-large: var(--rio-base-size-3);
    --rio-semantic-size-border-medium: var(--rio-base-size-2);
    --rio-semantic-size-border-small: var(--rio-base-size-1);
    --rio-semantic-size-border-none: var(--rio-base-size-0);
    --rio-semantic-font-weight-bold: var(--rio-base-font-weight-700);
    --rio-semantic-font-weight-regular: var(--rio-base-font-weight-400);
    --rio-semantic-font-weight-light: var(--rio-base-font-weight-300);
    --rio-semantic-font-family-display: var(--rio-base-font-family-ember-modern);
    --rio-semantic-font-family-fallback: var(--rio-base-font-family-arial);
    --rio-semantic-font-family-default: var(--rio-base-font-family-ember);
    --rio-semantic-color-shadow-dark: var(--rio-base-color-darkening-50);
    --rio-semantic-color-shadow-medium: var(--rio-base-color-darkening-15);
    --rio-semantic-color-shadow-light: var(--rio-base-color-darkening-8);
    --rio-semantic-color-search-tertiary: var(--rio-base-color-gray-600);
    --rio-semantic-color-search-secondary: var(--rio-base-color-gray-100);
    --rio-semantic-color-search-primary: var(--rio-base-color-gray-300);
    --rio-semantic-color-scrim-dark: var(--rio-base-color-darkening-75);
    --rio-semantic-color-scrim-medium: var(--rio-base-color-darkening-60);
    --rio-semantic-color-scrim-light: var(--rio-base-color-darkening-3);
    --rio-semantic-color-retail-sustainability: var(--rio-base-color-green-40);
    --rio-semantic-color-retail-stars: var(--rio-base-color-orange-62);
    --rio-semantic-color-retail-savings: var(--rio-base-color-red-500);
    --rio-semantic-color-retail-deals: var(--rio-base-color-red-500);
    --rio-semantic-color-retail-attainable: var(--rio-base-color-green-45);
    --rio-semantic-color-primary-action-tertiary: var(--rio-base-color-yellow-80);
    --rio-semantic-color-primary-action-secondary: var(--rio-base-color-yellow-85);
    --rio-semantic-color-primary-action-primary: var(--rio-base-color-yellow-88);
    --rio-semantic-color-link-active: var(--rio-base-color-blue-20);
    --rio-semantic-color-link-hover: var(--rio-base-color-blue-20);
    --rio-semantic-color-interaction-tertiary: var(--rio-base-color-blue-55);
    --rio-semantic-color-interaction-secondary: var(--rio-base-color-blue-50);
    --rio-semantic-color-interaction-primary: var(--rio-base-color-blue-40);
    --rio-semantic-color-image-pagination-unselected: var(--rio-base-color-gray-700);
    --rio-semantic-color-image-pagination-selected: var(--rio-base-color-gray-100);
    --rio-semantic-color-icon-dark: var(--rio-base-color-gray-100);
    --rio-semantic-color-icon-light: var(--rio-base-color-gray-1600);
    --rio-semantic-color-font-disabled: var(--rio-base-color-gray-500);
    --rio-semantic-color-font-secondary: var(--rio-base-color-gray-500);
    --rio-semantic-color-font-dark: var(--rio-base-color-gray-100);
    --rio-semantic-color-font-light: var(--rio-base-color-gray-1600);
    --rio-semantic-color-focus-inverse: var(--rio-base-color-gray-1600);
    --rio-semantic-color-focus-primary: var(--rio-base-color-gray-700);
    --rio-semantic-color-feedback-warning: var(--rio-base-color-orange-80);
    --rio-semantic-color-feedback-information: var(--rio-base-color-blue-45);
    --rio-semantic-color-feedback-error: var(--rio-base-color-red-40);
    --rio-semantic-color-feedback-success: var(--rio-base-color-green-45);
    --rio-semantic-color-buy-now-tertiary: var(--rio-base-color-orange-65);
    --rio-semantic-color-buy-now-secondary: var(--rio-base-color-orange-70);
    --rio-semantic-color-buy-now-primary: var(--rio-base-color-orange-75);
    --rio-semantic-color-border-divider: var(--rio-base-color-gray-1200);
    --rio-semantic-color-border-inverse: var(--rio-base-color-gray-1600);
    --rio-semantic-color-border-disabled: var(--rio-base-color-gray-1200);
    --rio-semantic-color-border-interactive: var(--rio-base-color-gray-700);
    --rio-semantic-color-border-primary: var(--rio-base-color-gray-1200);
    --rio-semantic-color-badge-tertiary: var(--rio-base-color-gray-1600);
    --rio-semantic-color-badge-secondary: var(--rio-base-color-gray-500);
    --rio-semantic-color-badge-primary: var(--rio-base-color-gray-100);
    --rio-semantic-color-badge-prominent: var(--rio-base-color-orange-50);
    --rio-semantic-color-background-inverse: var(--rio-base-color-gray-100);
    --rio-semantic-color-background-disabled: var(--rio-base-color-gray-1400);
    --rio-semantic-color-background-selected: var(--rio-base-color-blue-97);
    --rio-semantic-color-background-active: var(--rio-base-color-blue-97);
    --rio-semantic-color-background-hover: var(--rio-base-color-blue-97);
    --rio-semantic-color-background-secondary: var(--rio-base-color-gray-1400);
    --rio-semantic-color-background-primary: var(--rio-base-color-gray-1600);
    --rio-semantic-color-add-to-cart-tertiary: var(--rio-base-color-yellow-80);
    --rio-semantic-color-add-to-cart-secondary: var(--rio-base-color-yellow-85);
    --rio-semantic-color-add-to-cart-primary: var(--rio-base-color-yellow-88);
    --rio-semantic-shadow-top: var(--rio-semantic-color-shadow-light) 0px -1px 2px 0px;
    --rio-semantic-shadow-high: var(--rio-semantic-color-shadow-dark) 0px 0px 14px 0px;
    --rio-semantic-shadow-low: var(--rio-semantic-color-shadow-medium) 0px 2px 5px 0px;
    --rio-semantic-shadow-inset: var(--rio-semantic-color-shadow-medium) 0px 2px 1px 0px inset;
    --rio-semantic-font-bold-double-large: var(--rio-semantic-font-weight-bold) var(--rio-semantic-size-font-double-large)/var(--rio-semantic-size-line-height-double-large) var(--rio-semantic-font-family-default);
    --rio-semantic-font-bold-extra-large: var(--rio-semantic-font-weight-bold) var(--rio-semantic-size-font-extra-large)/var(--rio-semantic-size-line-height-extra-large) var(--rio-semantic-font-family-default);
    --rio-semantic-font-bold-large: var(--rio-semantic-font-weight-bold) var(--rio-semantic-size-font-large)/var(--rio-semantic-size-line-height-large) var(--rio-semantic-font-family-default);
    --rio-semantic-font-bold-medium-plus: var(--rio-semantic-font-weight-bold) var(--rio-semantic-size-font-medium-plus)/var(--rio-semantic-size-line-height-medium-plus) var(--rio-semantic-font-family-default);
    --rio-semantic-font-bold-medium: var(--rio-semantic-font-weight-bold) var(--rio-semantic-size-font-medium)/var(--rio-semantic-size-line-height-medium) var(--rio-semantic-font-family-default);
    --rio-semantic-font-bold-base-plus: var(--rio-semantic-font-weight-bold) var(--rio-semantic-size-font-base-plus)/var(--rio-semantic-size-line-height-base-plus) var(--rio-semantic-font-family-default);
    --rio-semantic-font-bold-base: var(--rio-semantic-font-weight-bold) var(--rio-semantic-size-font-base)/var(--rio-semantic-size-line-height-base) var(--rio-semantic-font-family-default);
    --rio-semantic-font-bold-small: var(--rio-semantic-font-weight-bold) var(--rio-semantic-size-font-small)/var(--rio-semantic-size-line-height-small) var(--rio-semantic-font-family-default);
    --rio-semantic-font-bold-mini: var(--rio-semantic-font-weight-bold) var(--rio-semantic-size-font-mini)/var(--rio-semantic-size-line-height-mini) var(--rio-semantic-font-family-default);
    --rio-semantic-font-bold-micro: var(--rio-semantic-font-weight-bold) var(--rio-semantic-size-font-micro)/var(--rio-semantic-size-line-height-micro) var(--rio-semantic-font-family-default);
    --rio-semantic-font-regular-double-large: var(--rio-semantic-font-weight-regular) var(--rio-semantic-size-font-double-large)/var(--rio-semantic-size-line-height-double-large) var(--rio-semantic-font-family-default);
    --rio-semantic-font-regular-extra-large: var(--rio-semantic-font-weight-regular) var(--rio-semantic-size-font-extra-large)/var(--rio-semantic-size-line-height-extra-large) var(--rio-semantic-font-family-default);
    --rio-semantic-font-regular-large: var(--rio-semantic-font-weight-regular) var(--rio-semantic-size-font-large)/var(--rio-semantic-size-line-height-large) var(--rio-semantic-font-family-default);
    --rio-semantic-font-regular-medium-plus: var(--rio-semantic-font-weight-regular) var(--rio-semantic-size-font-medium-plus)/var(--rio-semantic-size-line-height-medium-plus) var(--rio-semantic-font-family-default);
    --rio-semantic-font-regular-medium: var(--rio-semantic-font-weight-regular) var(--rio-semantic-size-font-medium)/var(--rio-semantic-size-line-height-medium) var(--rio-semantic-font-family-default);
    --rio-semantic-font-regular-base-plus: var(--rio-semantic-font-weight-regular) var(--rio-semantic-size-font-base-plus)/var(--rio-semantic-size-line-height-base-plus) var(--rio-semantic-font-family-default);
    --rio-semantic-font-regular-base: var(--rio-semantic-font-weight-regular) var(--rio-semantic-size-font-base)/var(--rio-semantic-size-line-height-base) var(--rio-semantic-font-family-default);
    --rio-semantic-font-regular-small: var(--rio-semantic-font-weight-regular) var(--rio-semantic-size-font-small)/var(--rio-semantic-size-line-height-small) var(--rio-semantic-font-family-default);
    --rio-semantic-font-regular-mini: var(--rio-semantic-font-weight-regular) var(--rio-semantic-size-font-mini)/var(--rio-semantic-size-line-height-mini) var(--rio-semantic-font-family-default);
    --rio-semantic-font-regular-micro: var(--rio-semantic-font-weight-regular) var(--rio-semantic-size-font-micro)/var(--rio-semantic-size-line-height-micro) var(--rio-semantic-font-family-default);
    --rio-semantic-font-light-double-large: var(--rio-semantic-font-weight-light) var(--rio-semantic-size-font-double-large)/var(--rio-semantic-size-line-height-double-large) var(--rio-semantic-font-family-default);
    --rio-semantic-font-light-extra-large: var(--rio-semantic-font-weight-light) var(--rio-semantic-size-font-extra-large)/var(--rio-semantic-size-line-height-extra-large) var(--rio-semantic-font-family-default);
    --rio-semantic-font-light-large: var(--rio-semantic-font-weight-light) var(--rio-semantic-size-font-large)/var(--rio-semantic-size-line-height-large) var(--rio-semantic-font-family-default);
    --rio-semantic-font-light-medium-plus: var(--rio-semantic-font-weight-light) var(--rio-semantic-size-font-medium-plus)/var(--rio-semantic-size-line-height-medium-plus) var(--rio-semantic-font-family-default);
    --rio-semantic-font-light-medium: var(--rio-semantic-font-weight-light) var(--rio-semantic-size-font-medium)/var(--rio-semantic-size-line-height-medium) var(--rio-semantic-font-family-default);
    --rio-semantic-font-light-base-plus: var(--rio-semantic-font-weight-light) var(--rio-semantic-size-font-base-plus)/var(--rio-semantic-size-line-height-base-plus) var(--rio-semantic-font-family-default);
    --rio-semantic-color-link-disabled: var(--rio-semantic-color-font-disabled);
    --rio-semantic-color-link-default: var(--rio-semantic-color-interaction-primary);
    --rio-semantic-color-icon-inverse: var(--rio-semantic-color-icon-light);
    --rio-semantic-color-icon-disabled: var(--rio-semantic-color-font-disabled);
    --rio-semantic-color-icon-active: var(--rio-semantic-color-interaction-tertiary);
    --rio-semantic-color-icon-hover: var(--rio-semantic-color-interaction-secondary);
    --rio-semantic-color-icon-default: var(--rio-semantic-color-icon-dark);
    --rio-semantic-color-font-inverse: var(--rio-semantic-color-font-light);
    --rio-semantic-color-font-primary: var(--rio-semantic-color-font-dark);
    --rio-semantic-color-border-selected: var(--rio-semantic-color-interaction-primary);
    --rio-semantic-color-border-active: var(--rio-semantic-color-interaction-tertiary);
    --rio-semantic-color-border-hover: var(--rio-semantic-color-interaction-secondary);
    --rio-semantic-color-background-interactive: var(--rio-semantic-color-background-primary);
    --rio-semantic-color-link-visited: var(--rio-semantic-color-link-default);
    --rio-semantic-color-font-selected: var(--rio-semantic-color-font-primary)
}

:root {
    --rio-base-size-100: 100px;
    --rio-base-size-48: 48px;
    --rio-base-size-44: 44px;
    --rio-base-size-40: 40px;
    --rio-base-size-36: 36px;
    --rio-base-size-32: 32px;
    --rio-base-size-31: 31px;
    --rio-base-size-28: 28px;
    --rio-base-size-24: 24px;
    --rio-base-size-22: 22px;
    --rio-base-size-21: 21px;
    --rio-base-size-20: 20px;
    --rio-base-size-18: 18px;
    --rio-base-size-16: 16px;
    --rio-base-size-15: 15px;
    --rio-base-size-14: 14px;
    --rio-base-size-13: 13px;
    --rio-base-size-12: 12px;
    --rio-base-size-11: 11px;
    --rio-base-size-10: 10px;
    --rio-base-size-8: 8px;
    --rio-base-size-4: 4px;
    --rio-base-size-3: 3px;
    --rio-base-size-2: 2px;
    --rio-base-size-1: 1px;
    --rio-base-size-0: 0px;
    --rio-base-font-weight-800: 800;
    --rio-base-font-weight-700: 700;
    --rio-base-font-weight-600: 600;
    --rio-base-font-weight-500: 500;
    --rio-base-font-weight-400: 400;
    --rio-base-font-weight-300: 300;
    --rio-base-font-weight-200: 200;
    --rio-base-font-weight-100: 100;
    --rio-base-font-family-noto: Noto;
    --rio-base-font-family-meiryo: Meiryo;
    --rio-base-font-family-hiragino-sans-gb: Hiragino Sans GB;
    --rio-base-font-family-hiragino-sans: Hiragino Sans;
    --rio-base-font-family-hiragino-kaku-gothic-pro-n: Hiragino Kaku Gothic ProN;
    --rio-base-font-family-ember-modern-display: Amazon Ember Modern Display;
    --rio-base-font-family-ember-modern: Amazon Ember Modern;
    --rio-base-font-family-ember-arabic: Amazon Ember Display Arabic;
    --rio-base-font-family-ember: Amazon Ember;
    --rio-base-font-family-arial: Arial;
    --rio-base-color-yellow-1500: #FFFAE0;
    --rio-base-color-yellow-1400: #FFF6C7;
    --rio-base-color-yellow-1300: #FFF1AD;
    --rio-base-color-yellow-1200: #FFED94;
    --rio-base-color-yellow-1100: #FFE873;
    --rio-base-color-yellow-1000: #FFE147;
    --rio-base-color-yellow-900: #FFD814;
    --rio-base-color-yellow-800: #FCD200;
    --rio-base-color-yellow-700: #F7CA00;
    --rio-base-color-yellow-600: #F2C200;
    --rio-base-color-yellow-500: #F0B800;
    --rio-base-color-yellow-400: #EBB000;
    --rio-base-color-yellow-300: #E8A600;
    --rio-base-color-yellow-200: #E69D00;
    --rio-base-color-yellow-100: #E09600;
    --rio-base-color-yellow-99: #FFFDE3;
    --rio-base-color-yellow-97: #FFF6C7;
    --rio-base-color-yellow-93: #FFED94;
    --rio-base-color-yellow-90: #FFE348;
    --rio-base-color-yellow-88: #FFD814;
    --rio-base-color-yellow-85: #FFCE12;
    --rio-base-color-yellow-80: #F8BD19;
    --rio-base-color-yellow-75: #E7AE00;
    --rio-base-color-yellow-70: #E19E0D;
    --rio-base-color-yellow-65: #D5891E;
    --rio-base-color-yellow-60: #C97F0F;
    --rio-base-color-red-1400: #FFE3E3;
    --rio-base-color-red-1300: #FFC7C7;
    --rio-base-color-red-1200: #FFADAD;
    --rio-base-color-red-1100: #FF8C8C;
    --rio-base-color-red-1000: #FF6E70;
    --rio-base-color-red-900: #FF4D5B;
    --rio-base-color-red-800: #FC384F;
    --rio-base-color-red-700: #EB1745;
    --rio-base-color-red-600: #DB1846;
    --rio-base-color-red-500: #CC0C39;
    --rio-base-color-red-400: #BA0933;
    --rio-base-color-red-300: #A6072C;
    --rio-base-color-red-200: #94042B;
    --rio-base-color-red-100: #850928;
    --rio-base-color-red-99: #FFFAF9;
    --rio-base-color-red-95: #FDEFED;
    --rio-base-color-red-90: #FFDCD7;
    --rio-base-color-red-85: #FFC5BD;
    --rio-base-color-red-80: #FFB1A7;
    --rio-base-color-red-75: #FF9B91;
    --rio-base-color-red-70: #FF867C;
    --rio-base-color-red-65: #FD7068;
    --rio-base-color-red-60: #FF5252;
    --rio-base-color-red-55: #F63834;
    --rio-base-color-red-50: #E61D25;
    --rio-base-color-red-45: #D6001B;
    --rio-base-color-red-40: #C10015;
    --rio-base-color-red-30: #900426;
    --rio-base-color-red-20: #6A0017;
    --rio-base-color-red-10: #460000;
    --rio-base-color-orange-1500: #FFF6E0;
    --rio-base-color-orange-1400: #FFEEC7;
    --rio-base-color-orange-1300: #FFE4AD;
    --rio-base-color-orange-1200: #FFD894;
    --rio-base-color-orange-1100: #FFCE7A;
    --rio-base-color-orange-1000: #FFC663;
    --rio-base-color-orange-900: #FFB952;
    --rio-base-color-orange-800: #FFAF38;
    --rio-base-color-orange-700: #FFA41C;
    --rio-base-color-orange-600: #FF8F00;
    --rio-base-color-orange-500: #FA8900;
    --rio-base-color-orange-400: #F78307;
    --rio-base-color-orange-300: #EB7B13;
    --rio-base-color-orange-200: #E37719;
    --rio-base-color-orange-100: #DE7921;
    --rio-base-color-orange-99: #FFFEF4;
    --rio-base-color-orange-97: #FFF7E3;
    --rio-base-color-orange-95: #FFF0CF;
    --rio-base-color-orange-90: #FFE4AD;
    --rio-base-color-orange-85: #FFCB6D;
    --rio-base-color-orange-80: #FFB14A;
    --rio-base-color-orange-75: #FFA41C;
    --rio-base-color-orange-70: #FF8400;
    --rio-base-color-orange-65: #FF6E21;
    --rio-base-color-orange-62: #FF6200;
    --rio-base-color-orange-55: #E54F00;
    --rio-base-color-orange-50: #D14900;
    --rio-base-color-orange-45: #BF3900;
    --rio-base-color-green-1400: #E8FFF8;
    --rio-base-color-green-1300: #CCFCED;
    --rio-base-color-green-1200: #AFFAE7;
    --rio-base-color-green-1100: #92F0D8;
    --rio-base-color-green-1000: #72E0C5;
    --rio-base-color-green-900: #56D6B6;
    --rio-base-color-green-800: #3CC9A6;
    --rio-base-color-green-700: #13BD96;
    --rio-base-color-green-600: #12B08C;
    --rio-base-color-green-500: #009674;
    --rio-base-color-green-400: #067D62;
    --rio-base-color-green-300: #04705B;
    --rio-base-color-green-200: #066354;
    --rio-base-color-green-100: #135C50;
    --rio-base-color-green-99: #EAFFF2;
    --rio-base-color-green-97: #DDFFE8;
    --rio-base-color-green-95: #CFFBDC;
    --rio-base-color-green-90: #A8F3C0;
    --rio-base-color-green-85: #80EAA6;
    --rio-base-color-green-80: #45E17D;
    --rio-base-color-green-75: #33D473;
    --rio-base-color-green-70: #29C467;
    --rio-base-color-green-65: #27B55F;
    --rio-base-color-green-60: #17A855;
    --rio-base-color-green-55: #1A974D;
    --rio-base-color-green-50: #008A43;
    --rio-base-color-green-45: #0B7B3C;
    --rio-base-color-green-40: #116D36;
    --rio-base-color-green-30: #11542A;
    --rio-base-color-green-20: #173720;
    --rio-base-color-green-10: #002300;
    --rio-base-color-gray-1600: #FFFFFF;
    --rio-base-color-gray-1500: #F7FAFA;
    --rio-base-color-gray-1400: #F0F2F2;
    --rio-base-color-gray-1300: #E3E6E6;
    --rio-base-color-gray-1200: #D5D9D9;
    --rio-base-color-gray-1100: #C8CCCC;
    --rio-base-color-gray-1000: #BBBFBF;
    --rio-base-color-gray-900: #A2A6A6;
    --rio-base-color-gray-800: #969999;
    --rio-base-color-gray-700: #888C8C;
    --rio-base-color-gray-600: #6F7373;
    --rio-base-color-gray-500: #565959;
    --rio-base-color-gray-400: #494D4D;
    --rio-base-color-gray-300: #303333;
    --rio-base-color-gray-200: #242727;
    --rio-base-color-gray-100: #0F1111;
    --rio-base-color-darkening-75: rgba(15, 17, 17, 0.75);
    --rio-base-color-darkening-60: rgba(15, 17, 17, 0.60);
    --rio-base-color-darkening-50: rgba(15, 17, 17, 0.50);
    --rio-base-color-darkening-40: rgba(15, 17, 17, 0.40);
    --rio-base-color-darkening-15: rgba(15, 17, 17, 0.15);
    --rio-base-color-darkening-8: rgba(15, 17, 17, 0.08);
    --rio-base-color-darkening-3: rgba(15, 17, 17, 0.03);
    --rio-base-color-blue-99: #F9FDFF;
    --rio-base-color-blue-97: #EDF8FF;
    --rio-base-color-blue-95: #E0F3FF;
    --rio-base-color-blue-90: #CAE7FF;
    --rio-base-color-blue-85: #A7D9FF;
    --rio-base-color-blue-80: #8CD0FF;
    --rio-base-color-blue-75: #5CC1FE;
    --rio-base-color-blue-70: #38B3FF;
    --rio-base-color-blue-65: #0FA3FF;
    --rio-base-color-blue-60: #0098F8;
    --rio-base-color-blue-55: #1C89E3;
    --rio-base-color-blue-50: #0A7CD1;
    --rio-base-color-blue-45: #246FB6;
    --rio-base-color-blue-40: #2162A1;
    --rio-base-color-blue-35: #22588E;
    --rio-base-color-blue-30: #084A7E;
    --rio-base-color-blue-20: #0C3353;
    --rio-base-color-blue-10: #161D26
}

.ax-content-container {
    max-width: 100%;
    overflow-y: auto
}

.ax-content-container > .a-box-inner {
    display: flex;
    height: 100%
}

@media (max-width: 767px) {
    .ax-content-container {
        height: 100%;
        border: none !important
    }
}

@media (min-width: 768px) {
    .ax-content-container {
        width: 100%;
        max-width: var(--ax-layout-width, var(--ax-page-width));
        margin-left: auto;
        margin-right: auto
    }
}

.ax-page-footer__links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--rio-semantic-size-space-small) var(--rio-semantic-size-space-medium)
}

.ax-page-footer__copyright-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: var(--rio-semantic-size-space-small) var(--rio-semantic-size-space-extra-large)
}

.ax-stack {
    display: flex;
    width: 100%;
    height: 100%
}

.ax-stack--column {
    flex-direction: column
}

.ax-stack--row {
    flex-direction: row
}

.ax-stack--wrap {
    flex-wrap: wrap
}

.ax-stack--gap-None {
    gap: var(--rio-semantic-size-space-none)
}

.ax-stack--gap-Small {
    gap: var(--rio-semantic-size-space-small)
}

.ax-stack--gap-Medium {
    gap: var(--rio-semantic-size-space-medium)
}

.ax-stack--gap-Large {
    gap: var(--rio-semantic-size-space-large)
}

.ax-stack--gap-ExtraLarge {
    gap: var(--rio-semantic-size-space-extra-large)
}

.ax-stack-item {
    flex-shrink: 0;
    min-width: 0;
    max-width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    display: flex;
    flex-direction: column
}

.ax-stack-item--spacing-None {
    gap: 0
}

.ax-stack-item--spacing-Small {
    gap: var(--rio-semantic-size-space-small)
}

.ax-stack-item--spacing-Base {
    gap: var(--rio-semantic-size-space-medium)
}

.ax-stack-item--spacing-Medium {
    gap: var(--rio-semantic-size-space-medium)
}

.ax-stack-item--spacing-Large {
    gap: var(--rio-semantic-size-space-large)
}

.ax-stack-item--spacing-ExtraLarge {
    gap: var(--rio-semantic-size-space-extra-large)
}

.ax-stack-item--grow {
    flex-grow: 1;
    flex-shrink: 1
}

@media (max-width: 767px) {
    .ax-challenge-layout-content-container .ax-stack-item.ax-grow-mobile {
        flex-grow: 1
    }
}

.ax-challenge-layout-content-container {
    min-height: 100%;
    width: 100%;
    box-sizing: border-box
}

@media (max-width: 767px) and (orientation: landscape) {
    .ax-challenge-layout-content-container {
        max-width: 50%;
        flex-direction: row
    }

    .ax-challenge-layout-content-container .ax-responsive-divider {
        transform: rotate(90deg)
    }
}

@media (min-width: 768px) {
    .ax-challenge-layout-content-container {
        min-height: auto
    }
}

.ax-form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--rio-semantic-size-space-small);
    height: 100%;
    flex: auto
}

.ax-form .a-input-text-wrapper {
    display: flex
}

.ax-form .a-input-text-wrapper input {
    flex: auto
}

.ax-input-text-control-addon {
    padding: 0
}

.a-input-text-addon-group-wrapper:has(.ax-input-text-control-addon) {
    display: block
}

.a-input-text-addon-group:has(.ax-input-text-control-addon) {
    display: flex;
    align-items: stretch;
    width: 100%
}

.a-input-text-addon-group:has(.ax-input-text-control-addon) > .a-input-text-addon {
    flex: 0 0 auto;
    width: auto
}

.a-input-text-addon-group:has(.ax-input-text-control-addon) > .a-input-text-wrapper {
    display: flex;
    flex: 1 1 auto;
    min-width: 0
}

.a-input-text-addon-group:has(.ax-input-text-control-addon) > .a-input-text-wrapper input {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%
}

.a-input-text-addon-group:has(.ax-input-text-control-addon):focus-within {
    border-radius: var(--rio-semantic-size-radius-medium);
    outline: var(--rio-semantic-size-border-medium) solid var(--rio-semantic-color-focus-primary);
    outline-offset: var(--rio-semantic-size-border-medium)
}

.a-input-text-addon-group:has(.ax-input-text-control-addon):focus-within .a-button-dropdown, .a-input-text-addon-group:has(.ax-input-text-control-addon):focus-within .a-button-dropdown.a-button-focus, .a-input-text-addon-group:has(.ax-input-text-control-addon):focus-within .a-input-text-wrapper input, .a-input-text-addon-group:has(.ax-input-text-control-addon):focus-within .ax-input-text-control-addon button, .a-input-text-addon-group:has(.ax-input-text-control-addon):focus-within select.a-native-dropdown {
    outline: 0
}

.a-input-text-addon-group:has(.ax-input-text-control-addon) .ax-input-text-control-addon:not(.aok-hidden) + .a-input-text-wrapper input {
    border-start-start-radius: 0;
    border-end-start-radius: 0
}

.a-input-text-addon-group:has(.a-input-text-wrapper+.ax-input-text-control-addon:not(.aok-hidden)) .a-input-text-wrapper input {
    border-start-end-radius: 0;
    border-end-end-radius: 0
}

.ax-input-text-dropdown-addon .a-button-dropdown, .ax-input-text-dropdown-addon .a-button-dropdown .a-button-inner, .ax-input-text-dropdown-addon .a-dropdown-container {
    height: auto;
    border: none;
    background: 0 0;
    box-shadow: none;
    outline: 0
}

.ax-input-text-dropdown-addon .a-button-dropdown .a-button-text {
    font-size: inherit
}

.ax-input-text-button-addon button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding-inline: var(--rio-semantic-size-space-medium);
    color: var(--rio-semantic-color-border-interactive);
    line-height: 1;
    background: 0 0;
    border: 0;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

.ax-showhide-toggle__label--hidden {
    display: none
}

.ax-password-collection {
    width: 100%
}

.ax-password-collection__header {
    align-items: baseline
}

.ax-password-collection__label {
    font-weight: 700
}

.ax-password-collection__forgot-link {
    white-space: nowrap
}

@media (min-width: 768px) {
    .ax-password-collection__footer {
        display: none
    }
}

.ax-language-picker {
    display: inline-flex;
    align-items: center;
    gap: var(--rio-semantic-size-space-small)
}

.ax-language-picker__trigger {
    display: inline-flex;
    align-items: center;
    white-space: nowrap
}

.ax-language-picker__icon {
    flex-shrink: 0
}

.ax-language-picker__options {
    max-height: 40vh;
    overflow-y: auto
}

.ax-otp-input, .ax-otp-input input {
    letter-spacing: 4px
}

.ax-otp-resend-btn-link {
    display: inline;
    padding: 0;
    border: none;
    background: 0 0;
    color: var(--rio-semantic-color-link-default);
    text-align: left;
    text-decoration: none;
    cursor: pointer
}

.ax-otp-resend-btn-link:hover {
    color: var(--rio-semantic-color-link-hover);
    text-decoration: underline
}

.ax-otp-autoread-deferred .ax-otp-resend-wrapper {
    display: none
}

.ax-no-js .ax-otp-autoread-deferred .ax-otp-verify-wrapper {
    display: none
}

.ax-no-js .ax-otp-autoread-deferred .ax-otp-input {
    pointer-events: none;
    opacity: .5
}

.ax-no-js .ax-js-enabled {
    display: none
}

.ax-transition {
    display: grid
}

.ax-transition .ax-transition__end, .ax-transition .ax-transition__start {
    grid-area: 1/1
}

.ax-transition .ax-transition__start {
    visibility: visible
}

.ax-transition .ax-transition__end {
    visibility: hidden
}

.ax-transition.ax-start .ax-transition__start {
    animation: ax-transition-hide var(--ax-transition-duration) steps(1, end) forwards
}

.ax-transition.ax-start .ax-transition__end {
    animation: ax-transition-show var(--ax-transition-duration) steps(1, end) forwards
}

@keyframes ax-transition-hide {
    0%, 99.9% {
        visibility: visible
    }
    100% {
        visibility: hidden
    }
}

@keyframes ax-transition-show {
    0%, 99.9% {
        visibility: hidden
    }
    100% {
        visibility: visible
    }
}

:root {
    --ax-page-width: 350px;
    --ax-page-width-wide: 500px
}

a.ax-link {
    text-decoration: underline
}

.ax-language-picker__icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url('qxZVV1scukMYiEj.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.ax-program-select-business-icon, .ax-program-select-personal-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    min-width: 2.5rem;
    border-radius: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
    order: 1
}

.ax-program-select-personal-icon {
    background-image: url('ES3wBGFTd2QLjwc.png')
}

.ax-program-select-business-icon {
    background-image: url('wZEwSHH87jmThSc.png')
}

.ax-program-select-option {
    display: flex;
    align-items: center;
    padding: 1rem;
    border: 1px solid #D5D9D9;
    border-radius: .3125rem;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
    text-align: start;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease
}

@media (hover: hover) and (pointer: fine) {
    .ax-program-select-option:hover {
        transform: scale(1.01);
        box-shadow: 0 2px 8px rgba(15, 17, 17, .15);
        border-color: #898C8C
    }
}

.ax-program-select-option.ax-program-select-option--selected {
    border-color: #E77600;
    background: #FCF5EE;
    box-shadow: inset 0 0 0 1px #E77600
}

.ax-program-select-option-details {
    display: flex;
    flex-direction: column;
    margin-inline-start: .75rem;
    flex: 1;
    min-width: 0;
    order: 2
}

.ax-program-select-option-name {
    font-weight: 700;
    word-wrap: break-word;
    overflow-wrap: break-word
}

.ax-program-select-option-desc {
    color: var(--rio-common-color-font-secondary, #565959);
    margin-top: .25rem;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.3;
    overflow-wrap: break-word
}

.ax-program-select-radio {
    display: flex;
    align-items: center;
    margin-inline-start: .75rem;
    flex-shrink: 0;
    order: 3
}

.ax-program-select-continue-btn {
    display: block;
    width: 100%;
    margin-top: .5rem;
    box-sizing: border-box
}

.ax-whatsapp-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-inline-end: 8px;
    vertical-align: -.15em;
    background-image: url('xbQzxFOaDztakfr.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}