@charset "UTF-8";
/*
* App Global CSS
* ----------------------------------------------------------------------------
* Put style rules here that you want to apply globally. These styles are for
* the entire app and not just one component. Additionally, this file can
* be used as an entry point to import other CSS files to be included in the
* output CSS.
* For more information on global stylesheets, visit the documentation:
* https://ionicframework.com/docs/layout/global-stylesheets
*/
/* Core CSS required for Ionic components to work properly */
/* @import "~@ionic/core/css/core.css"; */
/* Basic CSS for apps built with Ionic */
/* @import "~@ionic/core/css/normalize.css";
@import "~@ionic/core/css/structure.css";
@import "~@ionic/core/css/typography.css"; */
/* Optional CSS utils that can be commented out */
/* @import "~@ionic/core/css/padding.css"; */
/* @import "~@ionic/core/css/float-elements.css"; */
/* @import "~@ionic/core/css/text-alignment.css"; */
/* @import "~@ionic/core/css/text-transformation.css"; */
/* @import "~@ionic/core/css/flex-utils.css"; */
/*
 * Ionic Variables and Theming.
 * ----------------------------------------------------------------------------
 * Include the local variable file to style Ionic components
 * with CSS variables and custom themes.
 */
/*
 * Ionic Variables and Theming
 * ----------------------------------------------------------------------------
 * For more information, please see
 * https://www.ionicframework.com/docs/theming/
 */
/*
 * Ionic Colors
 * ----------------------------------------------------------------------------
 * Named colors make it easy to reuse colors on various components.
 * It's highly recommended to change the default colors
 * to match your app's branding. Ionic provides nine layered colors
 * that can be changed to theme an app. Additional colors can be
 * added as well (see below). For more information, please see
 * https://www.ionicframework.com/docs/theming/colors
 *
 * To easily create custom color palettes for your app’s UI,
 * check out our color generator:
 * https://www.ionicframework.com/docs/theming/color-generator
 */
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
:root {
  --platform-ada-primary-color: #E3281E;
  --platform-ada-secondary-color: #392F2C;
  --platform-ada-white-color: #F3EDDE;
  --platform-ada-blue-color: #1978D2;
  --platform-ada-blue-color-reward: #1978D2;
  --platform-ada-rewards-color: #002F6C;
  --platform-share-ada-gray: #4C4D4E;
  --platform-share-ada-red: #CC0000;
  --platform-share-ada-red-inactive: #E8A0A6;
  --platform-share-ada-blue: var(--platform-ada-blue-color);
  --platform-share-ada-gray-inactive: #808080;
  --platform-share-ada-gray-lines: #EEEEEE;
  --platform-share-ada-gray-background: #F5F5F5;
  --platform-deal-primary-color: #392F2C;
  --platform-share-ada-gray-border: #D8D8D8;
  --ion-color-header-text: var(--platform-ada-secondary-color);
  --ion-color-primary: #f18b21;
  --ion-color-primary-rgb: 241, 139, 33;
  --ion-color-primary-contrast: #000000;
  --ion-color-primary-contrast-rgb: 0, 0, 0;
  --ion-color-primary-shade: #d47a1d;
  --ion-color-primary-tint: #f29737;
  --ion-color-secondary: #e74b37;
  --ion-color-secondary-rgb: 231, 75, 55;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #cb4230;
  --ion-color-secondary-tint: #e95d4b;
  --ion-color-tertiary: var(--platform-ada-secondary-color);
  --ion-color-tertiary-rgb: 57, 47, 44;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #322927;
  --ion-color-tertiary-tint: #4d4441;
  --ion-color-blue-light: #109ad6;
  --ion-color-blue-light-rgb: 106, 191, 75;
  --ion-color-blue-light-contrast: #ffffff;
  --ion-color-blue-light-contrast-rgb: 255, 255, 255;
  --ion-color-blue-light-shade: #109ad6;
  --ion-color-blue-light-tint: #109ad6;
  --ion-color-success: #10dc60;
  --ion-color-success-rgb: 16, 220, 96;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #0ec254;
  --ion-color-success-tint: #28e070;
  --ion-color-warning: #ffce00;
  --ion-color-warning-rgb: 255, 206, 0;
  --ion-color-warning-contrast: #ffffff;
  --ion-color-warning-contrast-rgb: 255, 255, 255;
  --ion-color-warning-shade: #e0b500;
  --ion-color-warning-tint: #ffd31a;
  --ion-color-danger: #d71831;
  --ion-color-danger-rgb: 245, 61, 61;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #d83636;
  --ion-color-danger-tint: #f65050;
  --ion-color-red: #ff0000;
  --ion-color-red-rgb: 245, 61, 61;
  --ion-color-red-contrast: #ffffff;
  --ion-color-red-contrast-rgb: 255, 255, 255;
  --ion-color-red-shade: #d83636;
  --ion-color-red-tint: #f65050;
  --ion-color-medium: #808285;
  --ion-color-medium-rgb: 128, 130, 133;
  --ion-color-medium-contrast: #000000;
  --ion-color-medium-contrast-rgb: 0, 0, 0;
  --ion-color-medium-shade: #717275;
  --ion-color-medium-tint: #8d8f91;
  --ion-color-neutral: #eee;
  --ion-color-gainsboro: #dcdcdc;
  --ion-color-light: #f1f2f2;
  --ion-color-light-rgb: 241, 242, 242;
  --ion-color-light-contrast: #808285;
  --ion-color-light-contrast-rgb: 128, 130, 133;
  --ion-color-light-shade: #d4d5d5;
  --ion-color-light-tint: #f2f3f3;
  --ion-color-dark: #5d5d5d;
  --ion-color-dark-dim: #4d4d4d;
  --ion-color-dark-rgb: 127, 136, 143;
  --ion-color-dark-contrast: #000000;
  --ion-color-dark-contrast-rgb: 0, 0, 0;
  --ion-color-dark-shade: #70787e;
  --ion-color-dark-tint: #8c949a;
  --ion-color-gray: #a6a8ab;
  --ion-color-gray-rgb: 166, 168, 171;
  --ion-color-gray-contrast: #000000;
  --ion-color-gray-contrast-rgb: 0, 0, 0;
  --ion-color-gray-shade: #929496;
  --ion-color-gray-tint: #afb1b3;
  --ion-color-gray-light: #ededed;
  --ion-color-gray-light-rgb: 166, 168, 171;
  --ion-color-gray-light-contrast: #000000;
  --ion-color-gray-light-contrast-rgb: 0, 0, 0;
  --ion-color-gray-light-shade: #929496;
  --ion-color-gray-light-tint: #acadaf;
  --ion-color-white: #ffffff;
  --ion-color-white-rgb: 255, 255, 255;
  --ion-color-white-contrast: #000000;
  --ion-color-white-contrast-rgb: 0, 0, 0;
  --ion-color-white-shade: #e0e0e0;
  --ion-color-white-tint: #ffffff;
  --online-order-orange: #ff671d;
  --online-order-light: #ffffff;
  --by-text-color: #252525;
  --by-red: #c40d3c;
  --by-blue: #004a98;
  --by-dark-gray: #4b4b4b;
  --by-medium-gray: #e4e4e4;
  --by-lightest: #f1f2f2;
  --by-white: #ffffff;
  --text-color: black;
  --red: #a82421;
  --weekly-sale-price: #ed2128;
  --offer-sale-price: red;
  /** override ionic **/
  --dxp-border-color: var(--ion-color-neutral);
  --dxp-border-color-light: var(--ion-color-light);
  --dxp-border-color-dark: var(--ion-color-dark);
  --ion-item-border-color: var(--ion-color-neutral);
  --dxp-color-text: rgb(93, 93, 93);
  --dxp-color-title: var(--platform-ada-secondary-color);
  --dxp-color-widget-title: var(--platform-ada-secondary-color);
  --dxp-color-blue: #1a3667;
  --dxp-color-blue-title: var(--platform-ada-secondary-color);
  --dxp-color-blue-light: #80bde6;
  --dxp-color-price: rgb(218, 33, 40);
  --dxp-color-primary: #da2128;
  --dxp-color-red: var(--platform-share-ada-red);
  --dxp-color-tertiary: #6abf4b;
  --dxp-color-gray: #a6a8ab;
  --dxp-color-dark-gray: #4b4b4b;
  --dxp-color-border: #e4e7ea;
  --dxp-color-light-gray: #e4e7ea;
  --dxp-color-bg-input: #f1f2f2;
  --dxp-color-white: white;
  --dxp-color-white-shade: #fefefe;
  --dxp-color-orange: #ff671d;
  --dxp-color-yellow: yellow;
  --dxp-color-sky-blue: #2cb7d0;
  --dxp-color-green: #6bbc4b;
  --dxp-color-candy-red: #e24337;
  --dxp-color-bg-gray: rgba(77, 77, 77, 0.102);
  --dxp-color-text-gray: var(--platform-share-ada-gray);
  --dxp-color-red-shade: var(--platform-share-ada-red-inactive);
  --ion-color-base: #5d5d5d;
  /** text color **/
  --ion-text-color: #5d5d5d;
  --rl-input-border-color: #dacaae;
  /** relation shop variables**/
  --ion-default-font: "Poppins", sans-serif;
  --ion-font-family: "Poppins", sans-serif;
  --rewards-font-family: "Poppins", sans-serif;
  --happy-nourish-default-font: "Poppins", sans-serif;
  /* font-size */
  --dxp-fz: 14px;
  --dxp-fz-huge: 30px;
  --dxp-fz-large: 24px;
  --dxp-fz-big: 18px;
  --dxp-fz-medium: 16px;
  --dxp-fz-small: 12px;
  --dxp-fz-mini: 11px;
  --dxp-fz-tiny: 9px;
  --fs: 14px;
  --huge-fs: 30px;
  --large-fs: 24px;
  --big-fs: 18px;
  --medium-fs: 16px;
  --small-fs: 12px;
  --mini-fs: 11px;
  --tiny-fs: 9px;
  --online-order-header-bg: #081f41;
  --online-order-primary-color: #da2128;
  --online-order-secondary: #081f41;
  --online-order-link-color: #6abf4b;
  --online-order-text-color: var(--platform-share-ada-gray);
  --online-order-blue: #1a3667;
  --online-order-orange: #ff671d;
  --online-order-medium-gray: #a6a6a6;
  --online-order-dark-gray: #4b4b4b;
  --online-order-light-gray: var(--platform-share-ada-gray-background);
  --online-order-light: #ffffff;
  --online-order-blue-light: #80bde6;
  --online-order-red: var(--platform-share-ada-red);
  --online-order-tertiary-color: #6abf4b;
  --online-order-light-shade: #e0e0e0;
  --online-order-quantity-btn: var(--platform-ada-blue-color);
  --online-order-cassel-earth: var(--platform-ada-secondary-color);
  --online-order-cylindrical-coordinate: var(--platform-ada-blue-color);
  --online-order-filter-attribute-label: var(--dxp-color-title);
  --online-order-filter-collection-primary: var(--dxp-color-title);
  --online-order-filter-btn: var(--online-order-cylindrical-coordinate);
  --online-order-clear-btn: var(--dxp-color-title);
  --icon-notification-size: 25px;
  --ion-color-message-qty-icon: var(--platform-share-ada-red);
  --message-header-color: #002e6d;
  --message-tab-color: #0052cc;
  --max-width-notification-popup: 500px;
  --header-height-modal: 54px;
  --button-shop-instore-color: var(--platform-share-ada-blue);
  --button-shop-online-color: var(--platform-share-ada-blue);
  --button-clip-offer-color: var(--ion-color-primary);
  --button-add-to-list-text: red;
  --txt-view-all: var(--platform-share-ada-blue);
  --bg-overlay-img-color: var(--ion-color-secondary);
  --bg-tab: var(--ion-color-primary);
  --text-offer-color: var(--platform-share-ada-gray);
  --title-offer-color: var(--platform-share-ada-red);
  --link-offer-color: var(--platform-ada-blue-color);
  --button-offer-color: var(--platform-share-ada-blue);
  --button-clip-offer-color: var(--ion-color-secondary);
  --exp-offer-detail-color: gray;
  --des-offer-detail-color: var(--ion-color-tertiary);
  --cms-title-primary: var(--ion-color-tertiary);
  --cms-title-secondary: var(--ion-color-secondary);
  --cms-button: var(--ion-color-primary);
  --cms-menu: #26337A;
  --cms-menu-hover: var(--platform-ada-white-color);
  --text-color-dark-dim: var(--ion-color-dark-dim);
  --text-color-white-shade: var(--dxp-color-white-shade);
  --bg-color-gray: var(--dxp-color-bg-gray);
  --product-blue-color: var(--platform-ada-rewards-color);
  --product-orange-color: #ff671f;
  --product-orange-color-rgb: 255, 103, 29;
  --product-green-color: #6cc24a;
  --product-green-color-rgb: 108, 194, 74;
  --product-gray-color: var(--platform-share-ada-gray);
  --product-red-color: var(--platform-share-ada-red);
  --cart-color: #e64c37;
  --var-gray: var(--dxp-color-text-gray);
  --var-gray-light: var(--online-order-light-gray);
  --var-gray-inactive: var(--var-gray-inactive);
  --var-red: var(--dxp-color-red);
  --var-red-inactive: var(--dxp-color-red-shade);
  --var-blue: var(--platform-ada-blue-color);
  --var-blue-dark: var(--platform-ada-rewards-color);
  --cart-color: #e64c37;
  --cart-banner-color: var(--platform-ada-primary-color);
  --cart-platform-bg-gray: var(--platform-share-ada-gray-background);
  --cart-platform-blue: var(--platform-ada-blue-color);
  --cart-platform-green: #6cc24a;
  --cart-platform-gray: var(--platform-share-ada-gray);
  --cart-plaform-inactive-red: var(--platform-share-ada-red-inactive);
  --cart-platform-btn: #f18b20;
  --timeslot-platform-gray: var(--platform-share-ada-gray);
  --timeslot-platform-red: var(--platform-share-ada-red);
  --timeslot-platform-blue: var(--platform-ada-blue-color);
  --timeslot-inactive-red: var(--platform-share-ada-red-inactive);
  --timeslot-inactive-gray: var(--var-gray-inactive);
  --timeslot-bg-gray: var(--platform-share-ada-gray-background);
  --timeslot-reservation: var(--platform-ada-primary-color);
  --checkout-title: var(--platform-ada-secondary-color);
  --search-input: var(--platform-ada-white-color);
  --service-name-color: var(--platform-ada-primary-color);
  --title-cart-ada: var(--platform-ada-third-color);
  --title-header-cart-ada: var(--platform-ada-secondary-color);
  --var-blue-color: #1C3764;
  --var-white-color: #ffffff;
  --color-title-dashboard: #121212;
  --txt-small-dashboard-fs: 20px;
  --txt-medium-dashboard-fs: 28px;
  --txt-large-dashboard-fs: 36px;
}

/*
 * Additional Ionic Colors
 * ----------------------------------------------------------------------------
 * In order to add colors to be used within Ionic components,
 * the color should be added as a class with the convention `.ion-color-{COLOR}`
 * where `{COLOR}` is the color to be used on the Ionic component.
 * For more information on adding new colors, please see
 * https://ionicframework.com/docs/theming/colors#adding-colors
 *
 * To generate the code for a new color, check out our new color creator:
 * https://ionicframework.com/docs/theming/colors#new-color-creator
 */
:root {
  --ion-color-favorite: #69bb7b;
  --ion-color-favorite-rgb: 105, 187, 123;
  --ion-color-favorite-contrast: #ffffff;
  --ion-color-favorite-contrast-rgb: 255, 255, 255;
  --ion-color-favorite-shade: #5ca56c;
  --ion-color-favorite-tint: #78c288;
  --ion-color-twitter: #1da1f4;
  --ion-color-twitter-rgb: 29, 161, 244;
  --ion-color-twitter-contrast: #ffffff;
  --ion-color-twitter-contrast-rgb: 255, 255, 255;
  --ion-color-twitter-shade: #1a8ed7;
  --ion-color-twitter-tint: #34aaf5;
  --ion-color-instagram: #5956d8;
  --ion-color-instagram-rgb: 89, 86, 216;
  --ion-color-instagram-contrast: #ffffff;
  --ion-color-instagram-contrast-rgb: 255, 255, 255;
  --ion-color-instagram-shade: #4e4cbe;
  --ion-color-instagram-tint: #6a67dc;
  --ion-color-vimeo: #23b6ea;
  --ion-color-vimeo-rgb: 35, 182, 234;
  --ion-color-vimeo-contrast: #ffffff;
  --ion-color-vimeo-contrast-rgb: 255, 255, 255;
  --ion-color-vimeo-shade: #1fa0ce;
  --ion-color-vimeo-tint: #39bdec;
  --ion-color-facebook: #3b5998;
  --ion-color-facebook-rgb: 59, 89, 152;
  --ion-color-facebook-contrast: #ffffff;
  --ion-color-facebook-contrast-rgb: 255, 255, 255;
  --ion-color-facebook-shade: #344e86;
  --ion-color-facebook-tint: #4f6aa2;
}

.ion-color-favorite {
  --ion-color-base: var(--ion-color-favorite);
  --ion-color-base-rgb: var(--ion-color-favorite-rgb);
  --ion-color-contrast: var(--ion-color-favorite-contrast);
  --ion-color-contrast-rgb: var(--ion-color-favorite-contrast-rgb);
  --ion-color-shade: var(--ion-color-favorite-shade);
  --ion-color-tint: var(--ion-color-favorite-tint);
}

.ion-color-twitter {
  --ion-color-base: var(--ion-color-twitter);
  --ion-color-base-rgb: var(--ion-color-twitter-rgb);
  --ion-color-contrast: var(--ion-color-twitter-contrast);
  --ion-color-contrast-rgb: var(--ion-color-twitter-contrast-rgb);
  --ion-color-shade: var(--ion-color-twitter-shade);
  --ion-color-tint: var(--ion-color-twitter-tint);
}

.ion-color-google {
  --ion-color-base: var(--ion-color-google);
  --ion-color-base-rgb: var(--ion-color-google-rgb);
  --ion-color-contrast: var(--ion-color-google-contrast);
  --ion-color-contrast-rgb: var(--ion-color-google-contrast-rgb);
  --ion-color-shade: var(--ion-color-google-shade);
  --ion-color-tint: var(--ion-color-google-tint);
}

.ion-color-instagram {
  --ion-color-base: var(--ion-color-instagram);
  --ion-color-base-rgb: var(--ion-color-instagram-rgb);
  --ion-color-contrast: var(--ion-color-instagram-contrast);
  --ion-color-contrast-rgb: var(--ion-color-instagram-contrast-rgb);
  --ion-color-shade: var(--ion-color-instagram-shade);
  --ion-color-tint: var(--ion-color-instagram-tint);
}

.ion-color-vimeo {
  --ion-color-base: var(--ion-color-vimeo);
  --ion-color-base-rgb: var(--ion-color-vimeo-rgb);
  --ion-color-contrast: var(--ion-color-vimeo-contrast);
  --ion-color-contrast-rgb: var(--ion-color-vimeo-contrast-rgb);
  --ion-color-shade: var(--ion-color-vimeo-shade);
  --ion-color-tint: var(--ion-color-vimeo-tint);
}

.ion-color-facebook {
  --ion-color-base: var(--ion-color-facebook);
  --ion-color-base-rgb: var(--ion-color-facebook-rgb);
  --ion-color-contrast: var(--ion-color-facebook-contrast);
  --ion-color-contrast-rgb: var(--ion-color-facebook-contrast-rgb);
  --ion-color-shade: var(--ion-color-facebook-shade);
  --ion-color-tint: var(--ion-color-facebook-tint);
}

.ion-color-github {
  --ion-color-base: #211f1f;
  --ion-color-base-rgb: 33, 31, 31;
  --ion-color-contrast: #ffffff;
  --ion-color-contrast-rgb: 255, 255, 255;
  --ion-color-shade: #1d1b1b;
  --ion-color-tint: #373535;
}

.ion-color-instagram {
  --ion-color-base: #9537bc;
  --ion-color-base-rgb: 149, 55, 188;
  --ion-color-contrast: #ffffff;
  --ion-color-contrast-rgb: 255, 255, 255;
  --ion-color-shade: #8330a5;
  --ion-color-tint: #a04bc3;
}

/*
 * Shared Variables
 * ----------------------------------------------------------------------------
 * To customize the look and feel of this app, you can override
 * the CSS variables found in Ionic's source files.
 * To view all of the possible Ionic variables, see:
 * https://ionicframework.com/docs/theming/css-variables#ionic-variables
 */
:root {
  --ion-headings-font-weight: 300;
  --ion-color-angular: #ac282b;
  --ion-color-communication: #8e8d93;
  --ion-color-tooling: #fe4c52;
  --ion-color-services: #fd8b2d;
  --ion-color-design: #fed035;
  --ion-color-workshop: #69bb7b;
  --ion-color-food: #3bc7c4;
  --ion-color-documentation: #b16be3;
  --ion-color-navigation: #6600cc;
}

/*
 * App iOS Variables
 * ----------------------------------------------------------------------------
 * iOS only CSS variables can go here
 */
/*
 * App Material Design Variables
 * ----------------------------------------------------------------------------
 * Material Design only CSS variables can go here
 */
/*
 * App Theme
 * ----------------------------------------------------------------------------
 * Ionic apps can have different themes applied, which can
 * then be further customized. These variables come last
 * so that the above variables are used by default.
 */
/*
 * Dark Theme
 * ----------------------------------------------------------------------------
 */
.dark-theme {
  --ion-color-primary: #428cff;
  --ion-color-primary-rgb: 66, 140, 255;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #3a7be0;
  --ion-color-primary-tint: #5598ff;
  --ion-color-secondary: #50c8ff;
  --ion-color-secondary-rgb: 80, 200, 255;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #46b0e0;
  --ion-color-secondary-tint: #62ceff;
  --ion-color-tertiary: #6a64ff;
  --ion-color-tertiary-rgb: 106, 100, 255;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #5d58e0;
  --ion-color-tertiary-tint: #7974ff;
  --ion-color-success: #2fdf75;
  --ion-color-success-rgb: 47, 223, 117;
  --ion-color-success-contrast: #000000;
  --ion-color-success-contrast-rgb: 0, 0, 0;
  --ion-color-success-shade: #29c467;
  --ion-color-success-tint: #44e283;
  --ion-color-warning: #ffd534;
  --ion-color-warning-rgb: 255, 213, 52;
  --ion-color-warning-contrast: #000000;
  --ion-color-warning-contrast-rgb: 0, 0, 0;
  --ion-color-warning-shade: #e0bb2e;
  --ion-color-warning-tint: #ffd948;
  --ion-color-danger: #ff4961;
  --ion-color-danger-rgb: 255, 73, 97;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #e04055;
  --ion-color-danger-tint: #ff5b71;
  --ion-color-dark: #f4f5f8;
  --ion-color-dark-rgb: 244, 245, 248;
  --ion-color-dark-contrast: #000000;
  --ion-color-dark-contrast-rgb: 0, 0, 0;
  --ion-color-dark-shade: #d7d8da;
  --ion-color-dark-tint: #f5f6f9;
  --ion-color-medium: #989aa2;
  --ion-color-medium-rgb: 152, 154, 162;
  --ion-color-medium-contrast: #000000;
  --ion-color-medium-contrast-rgb: 0, 0, 0;
  --ion-color-medium-shade: #86888f;
  --ion-color-medium-tint: #a2a4ab;
  --ion-color-light: #222428;
  --ion-color-light-rgb: 34, 36, 40;
  --ion-color-light-contrast: #ffffff;
  --ion-color-light-contrast-rgb: 255, 255, 255;
  --ion-color-light-shade: #1e2023;
  --ion-color-light-tint: #383a3e;
}

/*
 * iOS Dark Theme
 * ----------------------------------------------------------------------------
 */
.dark-theme.ios {
  --ion-background-color: #000000;
  --ion-background-color-rgb: 0, 0, 0;
  --ion-text-color: #ffffff;
  --ion-text-color-rgb: 255, 255, 255;
  --ion-color-step-50: #0d0d0d;
  --ion-color-step-100: #1a1a1a;
  --ion-color-step-150: #262626;
  --ion-color-step-200: #333333;
  --ion-color-step-250: #404040;
  --ion-color-step-300: #4d4d4d;
  --ion-color-step-350: #595959;
  --ion-color-step-400: #666666;
  --ion-color-step-450: #737373;
  --ion-color-step-500: #808080;
  --ion-color-step-550: #8c8c8c;
  --ion-color-step-600: #999999;
  --ion-color-step-650: #a6a6a6;
  --ion-color-step-700: #b3b3b3;
  --ion-color-step-750: #bfbfbf;
  --ion-color-step-800: #cccccc;
  --ion-color-step-850: #d9d9d9;
  --ion-color-step-900: #e6e6e6;
  --ion-color-step-950: #f2f2f2;
  --ion-toolbar-background: #0d0d0d;
  --ion-item-background: #000000;
}

/*
 * Material Design Dark Theme
 * ----------------------------------------------------------------------------
 */
.dark-theme.md {
  --ion-background-color: #121212;
  --ion-background-color-rgb: 18, 18, 18;
  --ion-text-color: #ffffff;
  --ion-text-color-rgb: 255, 255, 255;
  --ion-border-color: #222222;
  --ion-color-step-50: #1e1e1e;
  --ion-color-step-100: #2a2a2a;
  --ion-color-step-150: #363636;
  --ion-color-step-200: #414141;
  --ion-color-step-250: #4d4d4d;
  --ion-color-step-300: #595959;
  --ion-color-step-350: #656565;
  --ion-color-step-400: #717171;
  --ion-color-step-450: #7d7d7d;
  --ion-color-step-500: #898989;
  --ion-color-step-550: #949494;
  --ion-color-step-600: #a0a0a0;
  --ion-color-step-650: #acacac;
  --ion-color-step-700: #b8b8b8;
  --ion-color-step-750: #c4c4c4;
  --ion-color-step-800: #d0d0d0;
  --ion-color-step-850: #dbdbdb;
  --ion-color-step-900: #e7e7e7;
  --ion-color-step-950: #f3f3f3;
  --ion-item-background: #1e1e1e;
  --ion-toolbar-background: #1f1f1f;
  --ion-tab-bar-background: #1f1f1f;
}

.modal-wrapper {
  border-radius: 25px;
}

ion-app .modal-wrapper {
  border-radius: 0;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-inline-grid {
  display: inline-grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

@media (min-width: 557px) {
  .d-xs-inline {
    display: inline !important;
  }
  .d-xs-inline-block {
    display: inline-block !important;
  }
  .d-xs-block {
    display: block !important;
  }
  .d-xs-grid {
    display: grid !important;
  }
  .d-xs-inline-grid {
    display: inline-grid !important;
  }
  .d-xs-table {
    display: table !important;
  }
  .d-xs-table-row {
    display: table-row !important;
  }
  .d-xs-table-cell {
    display: table-cell !important;
  }
  .d-xs-flex {
    display: flex !important;
  }
  .d-xs-inline-flex {
    display: inline-flex !important;
  }
  .d-xs-none {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
}
@media (min-width: 1680px) {
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
}
.rs-medium-modal {
  --min-width: 315px;
  --max-width: 90%;
  --width: auto;
  --min-height: 260px;
  --height: auto;
  --max-height: 100%;
  --border-radius: 26px;
  --ion-safe-area-top: 0px;
}
.rs-medium-modal.height-250 {
  --min-height: 250px;
}
.rs-medium-modal.height-300 {
  --min-height: 300px;
}
.rs-medium-modal .modal-wrapper {
  min-width: 315px !important;
  max-width: 40% !important;
  max-height: 100% !important;
  border-radius: 26px !important;
}

:host(.dxp-modal-app) .modal-wrapper {
  border-radius: 0 !important;
}

.dxp-confirm-popup {
  --min-width: 300px;
  --max-width: 350px;
  --width: auto;
  --min-height: 230px;
  --height: auto;
  --max-height: 100%;
  --border-radius: 10px;
  --ion-safe-area-top: 0px;
}
.dxp-confirm-popup.height-300 {
  --min-height: 300px;
}
.dxp-confirm-popup .modal-wrapper {
  min-width: 315px !important;
  max-width: 40% !important;
  max-height: 100% !important;
  border-radius: 10px !important;
}

.dxp-rs-small-modal {
  --min-width: 300px;
  --max-width: 90%;
  --width: auto;
  --min-height: 230px;
  --height: auto;
  --max-height: 100%;
  --border-radius: 26px;
  --ion-safe-area-top: 0px;
}
.dxp-rs-small-modal.height-250 {
  --min-height: 250px;
}
.dxp-rs-small-modal.height-300 {
  --min-height: 300px;
}
.dxp-rs-small-modal.height-350 {
  --min-height: 350px;
}
.dxp-rs-small-modal .modal-wrapper {
  min-width: 315px !important;
  max-width: 40% !important;
  max-height: 100% !important;
  border-radius: 26px !important;
}

.dxp-modal .wrapper {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: gray;
  opacity: 0;
  visibility: hidden;
  transform: scale(1.1);
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
  z-index: 999;
  backdrop-filter: blur(5px);
  background-color: rgba(255, 255, 255, 0.5);
}
.dxp-modal .visible {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}
.dxp-modal .dxp-wrapper-content {
  width: 100%;
  height: 100%;
  position: absolute;
  text-align: center;
  padding: 10px;
}
.dxp-modal:not(.dxp-modal-app).select-address-modal, .dxp-modal:not(.dxp-modal-app).dxp-address-form-modal {
  --width: 90%;
  --height: fit-content;
  --max-height: 100%;
}
@media screen and (min-width: 768px) {
  .dxp-modal:not(.dxp-modal-app).select-address-modal, .dxp-modal:not(.dxp-modal-app).dxp-address-form-modal {
    --width: 460px;
  }
}
.dxp-modal.no-padding .dxp-wrapper-content {
  width: 100%;
  height: 100%;
  position: absolute;
  text-align: center;
  padding: 10px;
}
.dxp-modal.no-padding:not(.dxp-modal-app).select-address-modal::part(content), .dxp-modal.no-padding:not(.dxp-modal-app).dxp-address-form-modal::part(content) {
  --width: 90%;
  --max-height: 80%;
}
@media screen and (min-width: 768px) {
  .dxp-modal.no-padding:not(.dxp-modal-app).select-address-modal::part(content), .dxp-modal.no-padding:not(.dxp-modal-app).dxp-address-form-modal::part(content) {
    --width: 460px;
  }
}
.dxp-modal.no-padding:not(.dxp-modal-app).select-address-modal::part(content) {
  --height: 680px;
}
.dxp-modal.no-padding:not(.dxp-modal-app).dxp-address-form-modal::part(content) {
  --height: 580px;
}
.dxp-modal.no-padding.no-padding .dxp-wrapper-content {
  padding: 0;
}

.dxp-modal-small .dxp-wrapper-content {
  min-width: 80% !important;
  text-align: left !important;
}
.dxp-modal-small .dxp-scroll-y {
  height: 360px;
}

@media (min-width: 768px) {
  .dxp-sale-detail-modal,
  .dxp-offer-detail-modal,
  .dxp-coupon-detail-modal,
  .dxp-product-detail-modal {
    --min-width: 700px;
    --min-height: 700px;
  }
}

:host(.dxp-deal-detail-modal) .modal-wrapper {
  border-radius: 0 !important;
}
@media (min-width: 768px) {
  :host(.dxp-deal-detail-modal) .modal-wrapper {
    min-height: 868px;
    height: auto;
    margin: 30px auto;
    position: relative !important;
  }
}

@media (min-width: 768px) {
  :host(.dxp-deal-detail-modal) dxp-backdrop {
    min-height: 1055px;
  }
}

@media (min-width: 768px) {
  .dxp-deal-detail-modal {
    --min-width: 520px;
    --width: 520px;
    overflow-x: hidden;
    overflow-y: auto !important;
    pointer-events: inherit !important;
    display: block;
  }
}

.modal-header {
  min-height: 60px;
}
.modal-header .ion-no-line {
  --border-width: 0 !important;
}
.modal-header ion-toolbar {
  text-align: center;
  --background: white;
}
.modal-header ion-toolbar .toolbar-title {
  color: var(--by-red);
  font-size: 16px;
}
.modal-header .dxp-btn-close {
  position: absolute;
  top: 10%;
  right: 10px;
  cursor: pointer;
}
.modal-header .dxp-btn-close ion-icon {
  font-size: 28px;
  color: #a7a8ac;
}

.modal-header::after {
  background-image: none !important;
}

.increase-modal {
  z-index: 99999 !important;
}

.united-timeslot-alert {
  --width: 350px;
  --height: 350px;
}

.united-timeslot-expire {
  --width: 350px;
  --height: 300px;
}

.united-timeslot-about-expire {
  --width: 350px;
  --height: 370px;
}

.united-timeslot-modal {
  --width: 765px;
  --height: 710px;
}

.dxp-ws-modal--small .dxp-wrapper-content {
  position: relative;
}
.dxp-ws-modal .dxp-wrapper-content {
  color: var(--timeslot-platform-gray);
  width: auto;
}
.dxp-ws-modal .dxp-wrapper-content .btn-groups {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 17px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.dxp-ws-modal .dxp-wrapper-content .btn-groups ion-button {
  --border-radius: 4px;
  font-weight: 600;
  font-size: 17px;
  --padding-start: 25px;
  --padding-end: 25px;
}
.dxp-ws-modal .dxp-wrapper-content .btn-groups ion-button.btn-cancel {
  --background: var(--ion-color-white);
  --color: var(--timeslot-platform-gray);
  --border-width: 1px;
  --border-style: solid;
  --border-color: var(--timeslot-platform-gray);
  --background-hover: var(--ion-color-white);
}
.dxp-ws-modal .dxp-wrapper-content .btn-groups ion-button.btn-submit {
  --background: var(--timeslot-platform-red);
  --color: var(--ion-color-white);
  --border-style: none;
  --background-hover: var(--timeslot-platform-red);
}
.dxp-ws-modal.height-350 .dxp-wrapper-content {
  width: 300px;
  height: 330px;
}
.dxp-ws-modal.width-450 .dxp-wrapper-content {
  height: 95%;
  width: 100%;
}
.dxp-ws-modal .m-title {
  font-weight: 700;
  font-size: 20px;
}
.dxp-ws-modal .m-content {
  font-weight: 400;
  font-size: 14px;
}
.dxp-ws-modal .m-close-btn {
  display: flex;
  justify-content: flex-end;
}

.united-small-confirm-modal {
  --min-width: 300px;
  --max-width: 100%;
  --width: auto;
  --height: auto;
  --min-height: 230px;
  --max-height: 100%;
  --border-radius: 26px;
  --ion-safe-area-top: 0px;
  --dxp-color-tertiary: var(--timeslot-platform-gray);
  --dxp-fz-large: 25px;
  --content-color: var(--timeslot-platform-gray);
  font-family: var(--ion-font-family, inherit);
}
.united-small-confirm-modal .dxp-wrapper-content .m-content {
  padding: 0 20px;
  font-size: 16px;
  font-weight: 500;
  color: var(--content-color);
}
.united-small-confirm-modal .dxp-wrapper-content .m-bottom {
  padding: 10px 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.united-small-confirm-modal.app {
  --dxp-color-tertiary: var(--timeslot-platform-blue-dark);
  --dxp-fz-large: 20px;
}
.united-small-confirm-modal.app .dxp-wrapper-content .m-content {
  font-size: 14px;
  font-weight: 400;
}

@media (max-width: 667px) {
  .united-timeslot-modal {
    --width: 100%;
    --height: 100%;
  }
  .united-timeslot-modal::part(content),
  .dxp-ws-select-pickup-store-modal::part(content) {
    border-radius: 0 !important;
  }
}
.united-timeslot-modal.zoom::part(content) {
  --height: 100% !important;
}

.united-timeslot-modal {
  transition: 0.15s ease opacity;
  opacity: 1;
}
.united-timeslot-modal.overlay-hidden-custom {
  opacity: 0;
}

.dxp-btn {
  background-color: var(--button-shop-instore-color);
  color: var(--dxp-color-white);
  padding: 8px 30px 8px;
  border: 2px solid var(--button-shop-instore-color);
  border-radius: 100px !important;
  font-size: 15px;
  font-weight: 600;
  outline: none;
  cursor: pointer;
}

.dxp-btn:disabled {
  background-color: var(--dxp-color-light-gray) !important;
  color: var(--dxp-color-gray) !important;
  border: 0;
}

.dxp-btn-outline {
  background-color: var(--dxp-color-white);
  color: var(--button-shop-instore-color);
  padding: 8px 30px 8px;
  border: 2px solid var(--button-shop-instore-color);
  border-radius: 100px !important;
  font-size: 15px;
  font-weight: 600;
  outline: none;
  cursor: pointer;
}
.dxp-btn-outline:disabled {
  background-color: var(--dxp-color-white) !important;
  color: var(--dxp-color-gray) !important;
  border: 2px solid var(--dxp-color-gray) !important;
}

.dxp-by-btn--small {
  padding: 0.2rem 1rem;
  font-size: 1.1rem;
  height: 3.4rem;
  line-height: 1.2;
  min-width: 105px;
}

.slider-container.mobile {
  padding: 15px 0;
}
.slider-container.no-padding dxp-grid,
.slider-container.no-padding dxp-row,
.slider-container.no-padding dxp-col {
  padding: 0 !important;
}

.slider-content {
  padding: 20px 25px 20px 25px;
}
.slider-content.mobile {
  padding: 0;
}

dxp-slides {
  height: 100%;
  width: 100%;
  background: white;
}

.swiper-button-disabled {
  display: none !important;
}

.swiper-button-prev {
  display: flex;
  align-items: center;
  left: 1% !important;
  top: calc(50% - 25px) !important;
  margin-top: 0;
  background-image: none !important;
  background: transparent !important;
  width: 30px !important;
  height: 100px !important;
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
  -webkit-transition: opacity 0.5s;
  opacity: 1;
  outline: none;
}
.swiper-button-prev ion-icon {
  color: black;
  font-size: 34px;
}

.swiper-button-next {
  display: flex;
  align-items: center;
  right: 1% !important;
  top: calc(50% - 25px) !important;
  margin-top: 0;
  background-image: none !important;
  background: transparent !important;
  width: 30px !important;
  height: 100px !important;
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
  -webkit-transition: opacity 0.5s;
  opacity: 1;
  outline: none;
}
.swiper-button-next ion-icon {
  color: black;
  font-size: 34px;
}

.swiper-pagination {
  top: auto !important;
  bottom: 0px !important;
}
.swiper-pagination .swiper-pagination-bullet {
  background: var(--bullet-background);
  margin: 0 4px !important;
}
.swiper-pagination .swiper-pagination-bullet-active {
  color: red;
  background: var(--bullet-background-active);
}

.no-padding {
  padding: 0 !important;
}

/* Global CSS: blocks scrolling, sets box-sizing */
/* @import "../css/flex-utils.scss"; */