/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/global.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Poppins);
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/global.scss?ngGlobalStyle (1) ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Inter);
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/global.scss?ngGlobalStyle (2) ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/theme/variables.scss?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/** Ionic CSS Variables **/
:root {
  --ion-font-family: "Manrope";
  --ion-default-font: "Manrope";
  /** primary **/
  --ion-color-primary: #ffb83d;
  --ion-color-primary-rgb: 255, 184, 61;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #e0a236;
  --ion-color-primary-tint: #ffbf50;
  /** secondary **/
  --ion-color-secondary: #718CAC;
  --ion-color-secondary-rgb: 113, 140, 172;
  --ion-color-secondary-contrast: #000000;
  --ion-color-secondary-contrast-rgb: 0, 0, 0;
  --ion-color-secondary-shade: #637b97;
  --ion-color-secondary-tint: #7f98b4;
  /** tertiary **/
  --ion-color-tertiary: #5197c6;
  --ion-color-tertiary-rgb: 81, 151, 198;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #4785ae;
  --ion-color-tertiary-tint: #62a1cc;
  /** success **/
  --ion-color-success: #0BC15C;
  --ion-color-success-rgb: 11, 193, 92;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #0aaa51;
  --ion-color-success-tint: #23c76c;
  /** warning **/
  --ion-color-warning: #ffc409;
  --ion-color-warning-rgb: 255, 196, 9;
  --ion-color-warning-contrast: #000000;
  --ion-color-warning-contrast-rgb: 0, 0, 0;
  --ion-color-warning-shade: #e0ac08;
  --ion-color-warning-tint: #ffca22;
  /** danger **/
  --ion-color-danger: #D9525E;
  --ion-color-danger-rgb: 217,82,94;
  --ion-color-danger-contrast: #000000;
  --ion-color-danger-contrast-rgb: 0,0,0;
  --ion-color-danger-shade: #bf4853;
  --ion-color-danger-tint: #dd636e;
  /** dark figmadaki darkest **/
  --ion-color-dark: #222222;
  --ion-color-dark-rgb: 34, 34, 34;
  --ion-color-dark-contrast: #ffffff;
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #1e1e1e;
  --ion-color-dark-tint: #383838;
  /** medium **/
  --ion-color-medium: #92949c;
  --ion-color-medium-rgb: 146, 148, 156;
  --ion-color-medium-contrast: #ffffff;
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: #808289;
  --ion-color-medium-tint: #9d9fa6;
  /** light figmadaki lightest **/
  --ion-color-light: #f8f8f8;
  --ion-color-light-rgb: 248, 248, 248;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #dadada;
  --ion-color-light-tint: #f9f9f9;
  /** White **/
  --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;
  /** Black **/
  --ion-color-black: #000000;
  --ion-color-black-rgb: 0, 0, 0;
  --ion-color-black-contrast: #ffffff;
  --ion-color-black-contrast-rgb: 255, 255, 255;
  --ion-color-black-shade: #000000;
  --ion-color-black-tint: #1a1a1a;
  /** Medium Light - figmadaki light **/
  --ion-color-medium-light: #9F9F9F;
  --ion-color-medium-light-rgb: 159, 159, 159;
  --ion-color-medium-light-contrast: #000000;
  --ion-color-medium-light-contrast-rgb: 0, 0, 0;
  --ion-color-medium-light-shade: #8c8c8c;
  --ion-color-medium-light-tint: #a9a9a9;
  /** Medium Dark figmadaki dark **/
  --ion-color-medium-dark: #7b7b7b;
  --ion-color-medium-dark-rgb: 123, 123, 123;
  --ion-color-medium-dark-contrast: #ffffff;
  --ion-color-medium-dark-contrast-rgb: 255, 255, 255;
  --ion-color-medium-dark-shade: #6c6c6c;
  --ion-color-medium-dark-tint: #888888;
  /** Ultra Light (white) figmadaki full **/
  --ion-color-ultra-light: #ffffff;
  --ion-color-ultra-light-rgb: 255, 255, 255;
  --ion-color-ultra-light-contrast: #000000;
  --ion-color-ultra-light-contrast-rgb: 0, 0, 0;
  --ion-color-ultra-light-shade: #e0e0e0;
  --ion-color-ultra-light-tint: #ffffff;
  /** Ultra Dark (black) figmadaki none **/
  --ion-color-ultra-dark: #000000;
  --ion-color-ultra-dark-rgb: 0, 0, 0;
  --ion-color-ultra-dark-contrast: #ffffff;
  --ion-color-ultra-dark-contrast-rgb: 255, 255, 255;
  --ion-color-ultra-dark-shade: #000000;
  --ion-color-ultra-dark-tint: #1a1a1a;
  /** Lighter figmada da aynı isimle **/
  --ion-color-lighter: #E9E9E9;
  --ion-color-lighter-rgb: 233, 233, 233;
  --ion-color-lighter-contrast: #000000;
  --ion-color-lighter-contrast-rgb: 0, 0, 0;
  --ion-color-lighter-shade: #cdcdcd;
  --ion-color-lighter-tint: #ebebeb;
  /** Darker figmada da aynı isimle **/
  --ion-color-darker: #333333;
  --ion-color-darker-rgb: 51, 51, 51;
  --ion-color-darker-contrast: #ffffff;
  --ion-color-darker-contrast-rgb: 255, 255, 255;
  --ion-color-darker-shade: #2d2d2d;
  --ion-color-darker-tint: #474747;
  /** Overlay **/
  --ion-color-overlay: #f2f4f5;
  --ion-color-overlay-rgb: 242, 244, 245;
  --ion-color-overlay-contrast: #000000;
  --ion-color-overlay-contrast-rgb: 0, 0, 0;
  --ion-color-overlay-shade: #d5d7d8;
  --ion-color-overlay-tint: #f3f5f6;
  /** Night Blue **/
  --ion-color-night-blue: #304659;
  --ion-color-night-blue-rgb: 48, 70, 89;
  --ion-color-night-blue-contrast: #ffffff;
  --ion-color-night-blue-contrast-rgb: 255, 255, 255;
  --ion-color-night-blue-shade: #2a3e4e;
  --ion-color-night-blue-tint: #45596a;
  /** Vra Orange **/
  --ion-color-addition-1: #F09E5A;
  --ion-color-addition-1-rgb: 240, 158, 90;
  --ion-color-addition-1-contrast: #ffffff;
  --ion-color-addition-1-contrast-rgb: 255, 255, 255;
  --ion-color-addition-1-shade: #d38b4f;
  --ion-color-addition-1-tint: #f2a86b;
  /** Spraying Green **/
  --ion-color-addition-2: #95C080;
  --ion-color-addition-2-rgb: 149, 192, 128;
  --ion-color-addition-2-contrast: #ffffff;
  --ion-color-addition-2-contrast-rgb: 255, 255, 255;
  --ion-color-addition-2-shade: #83a971;
  --ion-color-addition-2-tint: #a0c68d;
  /** Irrigation Blue **/
  --ion-color-addition-3: #719BC0;
  --ion-color-addition-3-rgb: 113, 155, 192;
  --ion-color-addition-3-contrast: #FFFFFF;
  --ion-color-addition-3-contrast-rgb: 255, 255, 255;
  --ion-color-addition-3-shade: #6388a9;
  --ion-color-addition-3-tint: #7fa5c6;
  /** Comparison Yellow **/
  --ion-color-addition-4: #FFBF4F;
  --ion-color-addition-4-rgb: 255, 191, 79;
  --ion-color-addition-4-contrast: #ffffff;
  --ion-color-addition-4-contrast-rgb: 255, 255, 255;
  --ion-color-addition-4-shade: #e0a846;
  --ion-color-addition-4-tint: #ffc561;
  /** Weather Status Gray **/
  --ion-color-addition-5: #C9D4E2;
  --ion-color-addition-5-rgb: 201, 212, 226;
  --ion-color-addition-5-contrast: #000000;
  --ion-color-addition-5-contrast-rgb: 0, 0, 0;
  --ion-color-addition-5-shade: #b1bbc7;
  --ion-color-addition-5-tint: #ced8e5;
  --ion-background-color: #F8F8F8;
  --ion-background-color-rgb: 248, 248, 248;
  --ion-items-background-color: #F8F8F8;
  --ion-items-background-color-rgb: 248, 248, 248;
  --ion-text-color: #242424;
  --ion-text-color-rgb: 36, 36, 36;
  --ion-text-color-alt: #9E9E9E;
  --ion-text-color-alt-rgb: 158, 158, 158;
  /** Tab colors **/
  --ion-tab-bar-background: #ffffff;
  --ion-tab-bar-background-focused: #ffffff;
  --ion-tab-bar-border-color: #ffffff00;
  --ion-tab-bar-color: var(--ion-color-medium);
  --ion-tab-bar-color-selected: var(--ion-color-primary);
  /** Toolbar Colors **/
  --ion-toolbar-background: var(--ion-color-ultra-light);
  --ion-toolbar-border-color: var(--ion-color-ultra-light);
  --ion-item-background: #ffffff;
  --ion-item-border-color: #ffffff;
  --ion-card-background: #ffffff;
  --ion-color-step-50: #e8eaeb;
  --ion-color-step-100: #dddfe0;
  --ion-color-step-150: #d3d5d6;
  --ion-color-step-200: #c9cacb;
  --ion-color-step-250: #bfc0c1;
  --ion-color-step-300: #b4b6b6;
  --ion-color-step-350: #aaabac;
  --ion-color-step-400: #a0a1a1;
  --ion-color-step-450: #959697;
  --ion-color-step-500: #8b8c8d;
  --ion-color-step-550: #818282;
  --ion-color-step-600: #767778;
  --ion-color-step-650: #6c6d6d;
  --ion-color-step-700: #626263;
  --ion-color-step-750: #585858;
  --ion-color-step-800: #4d4e4e;
  --ion-color-step-850: #434343;
  --ion-color-step-900: #393939;
  --ion-color-step-950: #2e2e2e;
  --ion-color-tab-primary: #ffffff;
  --ion-color-tab-primary-rgb: 255, 255, 255;
  --ion-color-tab-primary-contrast: #000000;
  --ion-color-tab-primary-contrast-rgb: 0, 0, 0;
  --ion-color-tab-primary-shade: #e0e0e0;
  --ion-color-tab-primary-tint: #ffffff;
  --doktar-intl-phone-input-size: 35px;
  --doktar-intl-phone-input-color: #a9a9a9;
  --doktar-intl-phone-input-bg-color: var(--ion-color-tab-primary);
  --doktar-intl-phone-input-thickness: 1px;
  --doktar-intl-phone-input-icon-color: #333333;
  --swiper-pagination-bullet-inactive-color: var(--ion-color-medium);
  --swiper-pagination-color: var(--ion-color-dark);
  --swiper-theme-color: var(--ion-color-dark);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body {
  background-color: transparent !important;
  background: transparent !important;
}

/*
   * Dark Colors
   * -------------------------------------------
   */
body.dark {
  /** primary **/
  --ion-color-primary: #ffb83d;
  --ion-color-primary-rgb: 255, 184, 61;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #e0a236;
  --ion-color-primary-tint: #ffbf50;
  /** secondary **/
  --ion-color-secondary: #ffdfa7;
  --ion-color-secondary-rgb: 255, 223, 167;
  --ion-color-secondary-contrast: #000000;
  --ion-color-secondary-contrast-rgb: 0, 0, 0;
  --ion-color-secondary-shade: #e0c493;
  --ion-color-secondary-tint: #ffe2b0;
  /** tertiary **/
  --ion-color-tertiary: #5197c6;
  --ion-color-tertiary-rgb: 81, 151, 198;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #4785ae;
  --ion-color-tertiary-tint: #62a1cc;
  /** success **/
  --ion-color-success: #0BC15C;
  --ion-color-success-rgb: 11, 193, 92;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #0aaa51;
  --ion-color-success-tint: #23c76c;
  /** warning **/
  --ion-color-warning: #ffc409;
  --ion-color-warning-rgb: 255, 196, 9;
  --ion-color-warning-contrast: #000000;
  --ion-color-warning-contrast-rgb: 0, 0, 0;
  --ion-color-warning-shade: #e0ac08;
  --ion-color-warning-tint: #ffca22;
  /** danger **/
  --ion-color-danger: #D9525E;
  --ion-color-danger-rgb: 217,82,94;
  --ion-color-danger-contrast: #000000;
  --ion-color-danger-contrast-rgb: 0,0,0;
  --ion-color-danger-shade: #bf4853;
  --ion-color-danger-tint: #dd636e;
  --ion-color-dark: #DDDDDD;
  --ion-color-dark-rgb: 221, 221, 221;
  --ion-color-dark-contrast: #000000;
  --ion-color-dark-contrast-rgb: 0, 0, 0;
  --ion-color-dark-shade: #c2c2c2;
  --ion-color-dark-tint: #e0e0e0;
  --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: #141414;
  --ion-color-light-rgb: 20, 20, 20;
  --ion-color-light-contrast: #ffffff;
  --ion-color-light-contrast-rgb: 255, 255, 255;
  --ion-color-light-shade: #121212;
  --ion-color-light-tint: #2c2c2c;
  /** Medium Light **/
  --ion-color-medium-light: #333333;
  --ion-color-medium-light-rgb: 51, 51, 51;
  --ion-color-medium-light-contrast: #ffffff;
  --ion-color-medium-light-contrast-rgb: 255, 255, 255;
  --ion-color-medium-light-shade: #2d2d2d;
  --ion-color-medium-light-tint: #474747;
  /** Medium Dark **/
  --ion-color-medium-dark: #7B7B7B;
  --ion-color-medium-dark-rgb: 123, 123, 123;
  --ion-color-medium-dark-contrast: #ffffff;
  --ion-color-medium-dark-contrast-rgb: 255, 255, 255;
  --ion-color-medium-dark-shade: #6c6c6c;
  --ion-color-medium-dark-tint: #888888;
  /** Ultra Light **/
  --ion-color-ultra-light: #1c1c1d;
  --ion-color-ultra-light-rgb: 28, 28, 29;
  --ion-color-ultra-light-contrast: #ffffff;
  --ion-color-ultra-light-contrast-rgb: 255, 255, 255;
  --ion-color-ultra-light-shade: #19191a;
  --ion-color-ultra-light-tint: #333334;
  /** Ultra Dark (black) **/
  --ion-color-ultra-dark: #ffffff;
  --ion-color-ultra-dark-rgb: 255, 255, 255;
  --ion-color-ultra-dark-contrast: #000000;
  --ion-color-ultra-dark-contrast-rgb: 0, 0, 0;
  --ion-color-ultra-dark-shade: #e0e0e0;
  --ion-color-ultra-dark-tint: #ffffff;
  /** Lighter figmada da aynı isimle **/
  --ion-color-lighter: #232323;
  --ion-color-lighter-rgb: 35, 35, 35;
  --ion-color-lighter-contrast: #ffffff;
  --ion-color-lighter-contrast-rgb: 255, 255, 255;
  --ion-color-lighter-shade: #1f1f1f;
  --ion-color-lighter-tint: #393939;
  --ion-color-darker: #9F9F9F;
  --ion-color-darker-rgb: 159, 159, 159;
  --ion-color-darker-contrast: #000000;
  --ion-color-darker-contrast-rgb: 0, 0, 0;
  --ion-color-darker-shade: #8c8c8c;
  --ion-color-darker-tint: #a9a9a9;
  /** Overlay **/
  --ion-color-overlay: #1e292f;
  --ion-color-overlay-rgb: 30, 41, 47;
  --ion-color-overlay-contrast: #ffffff;
  --ion-color-overlay-contrast-rgb: 255, 255, 255;
  --ion-color-overlay-shade: #1a2429;
  --ion-color-overlay-tint: #353e44;
  /** Night Blue **/
  --ion-color-night-blue: #cfb9a6;
  --ion-color-night-blue-rgb: 207, 185, 166;
  --ion-color-night-blue-contrast: #000000;
  --ion-color-night-blue-contrast-rgb: 0, 0, 0;
  --ion-color-night-blue-shade: #b6a392;
  --ion-color-night-blue-tint: #d4c0af;
  --ion-background-color: #141414;
  --ion-background-color-rgb: 20, 20, 20;
  --ion-items-background-color: #070707;
  --ion-items-background-color-rgb: 7, 7, 7;
  --ion-text-color: #ffffff;
  --ion-text-color-rgb: 255, 255, 255;
  --ion-text-color-alt: #4c4c4c;
  --ion-text-color-alt-rgb: 50, 168, 82;
  /** Tab colors **/
  --ion-tab-bar-background: #121212;
  --ion-tab-bar-background-focused: #121212;
  --ion-tab-bar-border-color: #121212;
  --ion-tab-bar-color: var(--ion-color-medium);
  --ion-tab-bar-color-selected: var(--ion-color-primary);
  /** Toolbar Colors **/
  --ion-toolbar-background: var(--ion-color-ultra-light);
  --ion-toolbar-border-color: var(--ion-color-ultra-light);
  --ion-item-background: #1c1c1d;
  --ion-item-border-color: #1c1c1d;
  --ion-card-background: #1c1c1d;
  --ion-color-tab-primary: #121212;
  --ion-color-tab-primary-rgb: 18, 18, 18;
  --ion-color-tab-primary-contrast: #ffffff;
  --ion-color-tab-primary-contrast-rgb: 255, 255, 255;
  --ion-color-tab-primary-shade: #16171a;
  --ion-color-tab-primary-tint: #000000;
  --doktar-intl-phone-input-color: #565656;
  --doktar-intl-phone-input-bg-color: var(--ion-color-tab-primary);
  --doktar-intl-phone-input-icon-color: #cccccc;
  --swiper-pagination-bullet-inactive-color: var(--ion-color-medium);
  --swiper-pagination-color: var(--ion-color-dark);
  --swiper-theme-color: var(--ion-color-dark);
}

/*
   * iOS Dark Theme
   * -------------------------------------------
   */
.ios body.dark {
  --ion-color-step-50: #2d2f33;
  --ion-color-step-100: #383a3e;
  --ion-color-step-150: #434548;
  --ion-color-step-200: #4e5053;
  --ion-color-step-250: #595b5e;
  --ion-color-step-300: #646669;
  --ion-color-step-350: #6f7173;
  --ion-color-step-400: #7a7c7e;
  --ion-color-step-450: #858789;
  --ion-color-step-500: #919294;
  --ion-color-step-550: #9c9c9e;
  --ion-color-step-600: #a7a7a9;
  --ion-color-step-650: #b2b2b4;
  --ion-color-step-700: #bdbdbf;
  --ion-color-step-750: #c8c8c9;
  --ion-color-step-800: #d3d3d4;
  --ion-color-step-850: #dededf;
  --ion-color-step-900: #e9e9ea;
  --ion-color-step-950: #f4f4f4;
}

/*
   * Material Design Dark Theme
   * -------------------------------------------
   */
.md body.dark {
  --ion-color-step-50: #2d2f33;
  --ion-color-step-100: #383a3e;
  --ion-color-step-150: #434548;
  --ion-color-step-200: #4e5053;
  --ion-color-step-250: #595b5e;
  --ion-color-step-300: #646669;
  --ion-color-step-350: #6f7173;
  --ion-color-step-400: #7a7c7e;
  --ion-color-step-450: #858789;
  --ion-color-step-500: #919294;
  --ion-color-step-550: #9c9c9e;
  --ion-color-step-600: #a7a7a9;
  --ion-color-step-650: #b2b2b4;
  --ion-color-step-700: #bdbdbf;
  --ion-color-step-750: #c8c8c9;
  --ion-color-step-800: #d3d3d4;
  --ion-color-step-850: #dededf;
  --ion-color-step-900: #e9e9ea;
  --ion-color-step-950: #f4f4f4;
}
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/core.css ***!
  \**********************************************************************************************************************************************************************************************************************************/
/**
 * Convert a font size to a dynamic font size.
 * Fonts that participate in Dynamic Type should use
 * dynamic font sizes.
 * @param size - The initial font size including the unit (i.e. px or pt)
 * @param unit (optional) - The unit to convert to. Use this if you want to
 * convert to a unit other than $baselineUnit.
 */
/**
 * Convert a font size to a dynamic font size but impose
 * a maximum font size.
 * @param size - The initial font size including the unit (i.e. px or pt)
 * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
 * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
 * convert to a unit other than $baselineUnit.
 */
/**
 * Convert a font size to a dynamic font size but impose
 * a minimum font size.
 * @param size - The initial font size including the unit (i.e. px or pt)
 * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
 * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
 * convert to a unit other than $baselineUnit.
 */
/**
 * Convert a font size to a dynamic font size but impose
 * maximum and minimum font sizes.
 * @param size - The initial font size including the unit (i.e. px or pt)
 * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
 * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
 * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
 * convert to a unit other than $baselineUnit.
 */
/**
 * A heuristic that applies CSS to tablet
 * viewports.
 *
 * Usage:
 * @include tablet-viewport() {
 *   :host {
 *     background-color: green;
 *   }
 * }
 */
/**
 * A heuristic that applies CSS to mobile
 * viewports (i.e. phones, not tablets).
 *
 * Usage:
 * @include mobile-viewport() {
 *   :host {
 *     background-color: blue;
 *   }
 * }
 */
/**
 * Convert a font size to a dynamic font size.
 * Fonts that participate in Dynamic Type should use
 * dynamic font sizes.
 * @param size - The initial font size including the unit (i.e. px or pt)
 * @param unit (optional) - The unit to convert to. Use this if you want to
 * convert to a unit other than $baselineUnit.
 */
/**
 * Convert a font size to a dynamic font size but impose
 * a maximum font size.
 * @param size - The initial font size including the unit (i.e. px or pt)
 * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
 * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
 * convert to a unit other than $baselineUnit.
 */
/**
 * Convert a font size to a dynamic font size but impose
 * a minimum font size.
 * @param size - The initial font size including the unit (i.e. px or pt)
 * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
 * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
 * convert to a unit other than $baselineUnit.
 */
/**
 * Convert a font size to a dynamic font size but impose
 * maximum and minimum font sizes.
 * @param size - The initial font size including the unit (i.e. px or pt)
 * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
 * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
 * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
 * convert to a unit other than $baselineUnit.
 */
/**
 * A heuristic that applies CSS to tablet
 * viewports.
 *
 * Usage:
 * @include tablet-viewport() {
 *   :host {
 *     background-color: green;
 *   }
 * }
 */
/**
 * A heuristic that applies CSS to mobile
 * viewports (i.e. phones, not tablets).
 *
 * Usage:
 * @include mobile-viewport() {
 *   :host {
 *     background-color: blue;
 *   }
 * }
 */
/**
 * Convert a font size to a dynamic font size.
 * Fonts that participate in Dynamic Type should use
 * dynamic font sizes.
 * @param size - The initial font size including the unit (i.e. px or pt)
 * @param unit (optional) - The unit to convert to. Use this if you want to
 * convert to a unit other than $baselineUnit.
 */
/**
 * Convert a font size to a dynamic font size but impose
 * a maximum font size.
 * @param size - The initial font size including the unit (i.e. px or pt)
 * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
 * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
 * convert to a unit other than $baselineUnit.
 */
/**
 * Convert a font size to a dynamic font size but impose
 * a minimum font size.
 * @param size - The initial font size including the unit (i.e. px or pt)
 * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
 * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
 * convert to a unit other than $baselineUnit.
 */
/**
 * Convert a font size to a dynamic font size but impose
 * maximum and minimum font sizes.
 * @param size - The initial font size including the unit (i.e. px or pt)
 * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
 * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
 * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
 * convert to a unit other than $baselineUnit.
 */
/**
 * A heuristic that applies CSS to tablet
 * viewports.
 *
 * Usage:
 * @include tablet-viewport() {
 *   :host {
 *     background-color: green;
 *   }
 * }
 */
/**
 * A heuristic that applies CSS to mobile
 * viewports (i.e. phones, not tablets).
 *
 * Usage:
 * @include mobile-viewport() {
 *   :host {
 *     background-color: blue;
 *   }
 * }
 */
html.ios {
  --ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
}

html.md {
  --ion-default-font: "Roboto", "Helvetica Neue", sans-serif;
}

html {
  --ion-default-dynamic-font: -apple-system-body;
  --ion-font-family: var(--ion-default-font);
}

body {
  background: var(--ion-background-color);
}

body.backdrop-no-scroll {
  overflow: hidden;
}

/**
 * Card style modal needs additional padding on the
 * top of the header. We accomplish this by targeting
 * the first toolbar in the header.
 * Footer also needs this. We do not adjust the bottom
 * padding though because of the safe area.
 */
html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,
html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,
html.ios ion-modal ion-footer ion-toolbar:first-of-type {
  padding-top: 6px;
}

/**
* Card style modal needs additional padding on the
* bottom of the header. We accomplish this by targeting
* the last toolbar in the header.
*/
html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,
html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type {
  padding-bottom: 6px;
}

/**
* Add padding on the left and right
* of toolbars while accounting for
* safe area values when in landscape.
*/
html.ios ion-modal ion-toolbar {
  padding-right: calc(var(--ion-safe-area-right) + 8px);
  padding-left: calc(var(--ion-safe-area-left) + 8px);
}

/**
 * Card style modal on iPadOS
 * should only have backdrop on first instance.
 */
@media screen and (min-width: 768px) {
  html.ios ion-modal.modal-card:first-of-type {
    --backdrop-opacity: 0.18;
  }
}
/**
 * Subsequent modals should not have a backdrop/box shadow
 * as it will cause the screen to appear to get progressively
 * darker. With Ionic 6, declarative modals made it
 * possible to have multiple non-presented modals in the DOM,
 * so we could no longer rely on ion-modal:first-of-type.
 * Here we disable the opacity/box-shadow for every modal
 * that comes after the first presented modal.
 *
 * Note: ion-modal:not(.overlay-hidden):first-of-type
 * does not match the first modal to not have
 * the .overlay-hidden class, it will match the
 * first modal in general only if it does not
 * have the .overlay-hidden class.
 * The :nth-child() pseudo-class has support
 * for selectors which would help us here. At the
 * time of writing it does not have great cross browser
 * support.
 *
 * Note 2: This should only apply to non-card and
 * non-sheet modals. Card and sheet modals have their
 * own criteria for displaying backdrops/box shadows.
 *
 * Do not use :not(.overlay-hidden) in place of
 * .show-modal because that triggers a memory
 * leak in Blink: https://bugs.chromium.org/p/chromium/issues/detail?id=1418768
 */
ion-modal.modal-default.show-modal ~ ion-modal.modal-default {
  --backdrop-opacity: 0;
  --box-shadow: none;
}

/**
 * This works around a bug in WebKit where the
 * content will overflow outside of the bottom border
 * radius when re-painting. As long as a single
 * border radius value is set on .ion-page, this
 * issue does not happen. We set the top left radius
 * here because the top left corner will always have a
 * radius no matter the platform.
 * This behavior only applies to card modals.
 */
html.ios ion-modal.modal-card .ion-page {
  border-top-left-radius: var(--border-radius);
}

.ion-color-primary {
  --ion-color-base: var(--ion-color-primary, #3880ff) !important;
  --ion-color-base-rgb: var(--ion-color-primary-rgb, 56, 128, 255) !important;
  --ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-primary-shade, #3171e0) !important;
  --ion-color-tint: var(--ion-color-primary-tint, #4c8dff) !important;
}

.ion-color-secondary {
  --ion-color-base: var(--ion-color-secondary, #3dc2ff) !important;
  --ion-color-base-rgb: var(--ion-color-secondary-rgb, 61, 194, 255) !important;
  --ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-secondary-shade, #36abe0) !important;
  --ion-color-tint: var(--ion-color-secondary-tint, #50c8ff) !important;
}

.ion-color-tertiary {
  --ion-color-base: var(--ion-color-tertiary, #5260ff) !important;
  --ion-color-base-rgb: var(--ion-color-tertiary-rgb, 82, 96, 255) !important;
  --ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-tertiary-shade, #4854e0) !important;
  --ion-color-tint: var(--ion-color-tertiary-tint, #6370ff) !important;
}

.ion-color-success {
  --ion-color-base: var(--ion-color-success, #2dd36f) !important;
  --ion-color-base-rgb: var(--ion-color-success-rgb, 45, 211, 111) !important;
  --ion-color-contrast: var(--ion-color-success-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-success-shade, #28ba62) !important;
  --ion-color-tint: var(--ion-color-success-tint, #42d77d) !important;
}

.ion-color-warning {
  --ion-color-base: var(--ion-color-warning, #ffc409) !important;
  --ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;
  --ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;
  --ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important;
}

.ion-color-danger {
  --ion-color-base: var(--ion-color-danger, #eb445a) !important;
  --ion-color-base-rgb: var(--ion-color-danger-rgb, 235, 68, 90) !important;
  --ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-danger-shade, #cf3c4f) !important;
  --ion-color-tint: var(--ion-color-danger-tint, #ed576b) !important;
}

.ion-color-light {
  --ion-color-base: var(--ion-color-light, #f4f5f8) !important;
  --ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;
  --ion-color-contrast: var(--ion-color-light-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;
  --ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important;
}

.ion-color-medium {
  --ion-color-base: var(--ion-color-medium, #92949c) !important;
  --ion-color-base-rgb: var(--ion-color-medium-rgb, 146, 148, 156) !important;
  --ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-medium-shade, #808289) !important;
  --ion-color-tint: var(--ion-color-medium-tint, #9d9fa6) !important;
}

.ion-color-dark {
  --ion-color-base: var(--ion-color-dark, #222428) !important;
  --ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;
  --ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;
  --ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important;
}

.ion-page {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  contain: layout size style;
  z-index: 0;
}

/**
 * When making custom dialogs, using
 * ion-content is not required. As a result,
 * some developers may wish to have dialogs
 * that are automatically sized by the browser.
 * These changes allow certain dimension values
 * such as fit-content to work correctly.
 */
ion-modal > .ion-page {
  position: relative;
  contain: layout style;
  height: 100%;
}

.split-pane-visible > .ion-page.split-pane-main {
  position: relative;
}

ion-route,
ion-route-redirect,
ion-router,
ion-select-option,
ion-nav-controller,
ion-menu-controller,
ion-action-sheet-controller,
ion-alert-controller,
ion-loading-controller,
ion-modal-controller,
ion-picker-controller,
ion-popover-controller,
ion-toast-controller,
.ion-page-hidden {
  /* stylelint-disable-next-line declaration-no-important */
  display: none !important;
}

.ion-page-invisible {
  opacity: 0;
}

.can-go-back > ion-header ion-back-button {
  display: block;
}

html.plt-ios.plt-hybrid, html.plt-ios.plt-pwa {
  --ion-statusbar-padding: 20px;
}

@supports (padding-top: 20px) {
  html {
    --ion-safe-area-top: var(--ion-statusbar-padding);
  }
}
@supports (padding-top: env(safe-area-inset-top)) {
  html {
    --ion-safe-area-top: env(safe-area-inset-top);
    --ion-safe-area-bottom: env(safe-area-inset-bottom);
    --ion-safe-area-left: env(safe-area-inset-left);
    --ion-safe-area-right: env(safe-area-inset-right);
  }
}
ion-card.ion-color .ion-inherit-color,
ion-card-header.ion-color .ion-inherit-color {
  color: inherit;
}

.menu-content {
  transform: translate3d(0,  0,  0);
}

.menu-content-open {
  cursor: pointer;
  touch-action: manipulation;
  pointer-events: none;
}

.ios .menu-content-reveal {
  box-shadow: -8px 0 42px rgba(0, 0, 0, 0.08);
}

[dir=rtl].ios .menu-content-reveal {
  box-shadow: 8px 0 42px rgba(0, 0, 0, 0.08);
}

.md .menu-content-reveal {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18);
}

.md .menu-content-push {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18);
}

ion-accordion-group.accordion-group-expand-inset > ion-accordion:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

ion-accordion-group.accordion-group-expand-inset > ion-accordion:last-of-type {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

ion-accordion-group > ion-accordion:last-of-type ion-item[slot=header] {
  --border-width: 0px;
}

ion-accordion.accordion-animated > [slot=header] .ion-accordion-toggle-icon {
  transition: 300ms transform cubic-bezier(0.25, 0.8, 0.5, 1);
}

@media (prefers-reduced-motion: reduce) {
  ion-accordion .ion-accordion-toggle-icon {
    /* stylelint-disable declaration-no-important */
    transition: none !important;
  }
}
/**
 * The > [slot="header"] selector ensures that we do
 * not modify toggle icons for any nested accordions. The state
 * of one accordion should not affect any accordions inside
 * of a nested accordion group.
 */
ion-accordion.accordion-expanding > [slot=header] .ion-accordion-toggle-icon,
ion-accordion.accordion-expanded > [slot=header] .ion-accordion-toggle-icon {
  transform: rotate(180deg);
}

ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-previous ion-item[slot=header] {
  --border-width: 0px;
  --inner-border-width: 0px;
}

ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanding:first-of-type,
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanded:first-of-type {
  margin-top: 0;
}

ion-input input::-webkit-date-and-time-value {
  text-align: start;
}

/**
 * The .ion-datetime-button-overlay class contains
 * styles that allow any modal/popover to be
 * sized according to the dimensions of the datetime
 * when used with ion-datetime-button.
 */
.ion-datetime-button-overlay {
  --width: fit-content;
  --height: fit-content;
}

/**
 * The grid variant can scale down when inline.
 * When used in a `fit-content` overlay, this causes
 * the overlay to shrink when the month/year picker is open.
 * Explicitly setting the dimensions lets us have a consistently
 * sized grid interface.
 */
.ion-datetime-button-overlay ion-datetime.datetime-grid {
  width: 320px;
  min-height: 320px;
}

/*# sourceMappingURL=core.css.map */

/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/normalize.css ***!
  \***************************************************************************************************************************************************************************************************************************************/
audio,
canvas,
progress,
video {
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

b,
strong {
  font-weight: bold;
}

img {
  max-width: 100%;
}

hr {
  height: 1px;
  border-width: 0;
  box-sizing: content-box;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

label,
input,
select,
textarea {
  font-family: inherit;
  line-height: normal;
}

textarea {
  overflow: auto;
  height: auto;
  font: inherit;
  color: inherit;
}

textarea::placeholder {
  padding-left: 2px;
}

form,
input,
optgroup,
select {
  margin: 0;
  font: inherit;
  color: inherit;
}

html input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
}

a,
a div,
a span,
a ion-icon,
a ion-label,
button,
button div,
button span,
button ion-icon,
button ion-label,
.ion-tappable,
[tappable],
[tappable] div,
[tappable] span,
[tappable] ion-icon,
[tappable] ion-label,
input,
textarea {
  touch-action: manipulation;
}

a ion-label,
button ion-label {
  pointer-events: none;
}

button {
  padding: 0;
  border: 0;
  border-radius: 0;
  font-family: inherit;
  font-style: inherit;
  font-variant: inherit;
  line-height: 1;
  text-transform: none;
  cursor: pointer;
  -webkit-appearance: button;
}

[tappable] {
  cursor: pointer;
}

a[disabled],
button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*# sourceMappingURL=normalize.css.map */

/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/structure.css ***!
  \***************************************************************************************************************************************************************************************************************************************/
/**
 * Convert a font size to a dynamic font size.
 * Fonts that participate in Dynamic Type should use
 * dynamic font sizes.
 * @param size - The initial font size including the unit (i.e. px or pt)
 * @param unit (optional) - The unit to convert to. Use this if you want to
 * convert to a unit other than $baselineUnit.
 */
/**
 * Convert a font size to a dynamic font size but impose
 * a maximum font size.
 * @param size - The initial font size including the unit (i.e. px or pt)
 * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
 * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
 * convert to a unit other than $baselineUnit.
 */
/**
 * Convert a font size to a dynamic font size but impose
 * a minimum font size.
 * @param size - The initial font size including the unit (i.e. px or pt)
 * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
 * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
 * convert to a unit other than $baselineUnit.
 */
/**
 * Convert a font size to a dynamic font size but impose
 * maximum and minimum font sizes.
 * @param size - The initial font size including the unit (i.e. px or pt)
 * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
 * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
 * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
 * convert to a unit other than $baselineUnit.
 */
/**
 * A heuristic that applies CSS to tablet
 * viewports.
 *
 * Usage:
 * @include tablet-viewport() {
 *   :host {
 *     background-color: green;
 *   }
 * }
 */
/**
 * A heuristic that applies CSS to mobile
 * viewports (i.e. phones, not tablets).
 *
 * Usage:
 * @include mobile-viewport() {
 *   :host {
 *     background-color: blue;
 *   }
 * }
 */
/**
 * A heuristic that applies CSS to tablet
 * viewports.
 *
 * Usage:
 * @include tablet-viewport() {
 *   :host {
 *     background-color: green;
 *   }
 * }
 */
/**
 * A heuristic that applies CSS to mobile
 * viewports (i.e. phones, not tablets).
 *
 * Usage:
 * @include mobile-viewport() {
 *   :host {
 *     background-color: blue;
 *   }
 * }
 */
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

html {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

html:not(.hydrated) body {
  display: none;
}

html.ion-ce body {
  display: block;
}

html.plt-pwa {
  height: 100vh;
}

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: fixed;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  /**
   * Because body has position: fixed,
   * it should be promoted to its own
   * layer.
   *
   * WebKit does not always promote
   * the body to its own layer on page
   * load in Ionic apps. Once scrolling on
   * ion-content starts, WebKit will promote
   * body. Unfortunately, this causes a re-paint
   * which results in scrolling being halted
   * until the next user gesture.
   *
   * This impacts the Custom Elements build.
   * The lazy loaded build causes the browser to
   * re-paint during hydration which causes WebKit
   * to promote body to its own layer.
   * In the CE Build, this hydration does not
   * happen, so the additional re-paint does not occur.
   */
  transform: translateZ(0);
  text-rendering: optimizeLegibility;
  overflow: hidden;
  touch-action: manipulation;
  -webkit-user-drag: none;
  -ms-content-zooming: none;
  word-wrap: break-word;
  overscroll-behavior-y: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/*# sourceMappingURL=structure.css.map */

/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/typography.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
/**
 * Convert a font size to a dynamic font size.
 * Fonts that participate in Dynamic Type should use
 * dynamic font sizes.
 * @param size - The initial font size including the unit (i.e. px or pt)
 * @param unit (optional) - The unit to convert to. Use this if you want to
 * convert to a unit other than $baselineUnit.
 */
/**
 * Convert a font size to a dynamic font size but impose
 * a maximum font size.
 * @param size - The initial font size including the unit (i.e. px or pt)
 * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
 * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
 * convert to a unit other than $baselineUnit.
 */
/**
 * Convert a font size to a dynamic font size but impose
 * a minimum font size.
 * @param size - The initial font size including the unit (i.e. px or pt)
 * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
 * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
 * convert to a unit other than $baselineUnit.
 */
/**
 * Convert a font size to a dynamic font size but impose
 * maximum and minimum font sizes.
 * @param size - The initial font size including the unit (i.e. px or pt)
 * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
 * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
 * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
 * convert to a unit other than $baselineUnit.
 */
/**
 * A heuristic that applies CSS to tablet
 * viewports.
 *
 * Usage:
 * @include tablet-viewport() {
 *   :host {
 *     background-color: green;
 *   }
 * }
 */
/**
 * A heuristic that applies CSS to mobile
 * viewports (i.e. phones, not tablets).
 *
 * Usage:
 * @include mobile-viewport() {
 *   :host {
 *     background-color: blue;
 *   }
 * }
 */
/**
 * A heuristic that applies CSS to tablet
 * viewports.
 *
 * Usage:
 * @include tablet-viewport() {
 *   :host {
 *     background-color: green;
 *   }
 * }
 */
/**
 * A heuristic that applies CSS to mobile
 * viewports (i.e. phones, not tablets).
 *
 * Usage:
 * @include mobile-viewport() {
 *   :host {
 *     background-color: blue;
 *   }
 * }
 */
html {
  font-family: var(--ion-font-family);
}

/**
 * Dynamic Type is an iOS-only feature, so
 * this should only be enabled on iOS devices.
 */
@supports (-webkit-touch-callout: none) {
  html {
    /**
     * Includes fallback if Dynamic Type is not enabled.
     */
    font: var(--ion-dynamic-font, 16px var(--ion-font-family));
  }
}
a {
  background-color: transparent;
  color: var(--ion-color-primary, #3880ff);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 16px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 1.2;
}

h1 {
  margin-top: 20px;
  font-size: 1.625rem;
}

h2 {
  margin-top: 18px;
  font-size: 1.5rem;
}

h3 {
  font-size: 1.375rem;
}

h4 {
  font-size: 1.25rem;
}

h5 {
  font-size: 1.125rem;
}

h6 {
  font-size: 1rem;
}

small {
  font-size: 75%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/*# sourceMappingURL=typography.css.map */

/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/display.css ***!
  \*************************************************************************************************************************************************************************************************************************************/
/**
 * Convert a font size to a dynamic font size.
 * Fonts that participate in Dynamic Type should use
 * dynamic font sizes.
 * @param size - The initial font size including the unit (i.e. px or pt)
 * @param unit (optional) - The unit to convert to. Use this if you want to
 * convert to a unit other than $baselineUnit.
 */
/**
 * Convert a font size to a dynamic font size but impose
 * a maximum font size.
 * @param size - The initial font size including the unit (i.e. px or pt)
 * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
 * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
 * convert to a unit other than $baselineUnit.
 */
/**
 * Convert a font size to a dynamic font size but impose
 * a minimum font size.
 * @param size - The initial font size including the unit (i.e. px or pt)
 * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
 * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
 * convert to a unit other than $baselineUnit.
 */
/**
 * Convert a font size to a dynamic font size but impose
 * maximum and minimum font sizes.
 * @param size - The initial font size including the unit (i.e. px or pt)
 * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
 * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
 * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
 * convert to a unit other than $baselineUnit.
 */
/**
 * A heuristic that applies CSS to tablet
 * viewports.
 *
 * Usage:
 * @include tablet-viewport() {
 *   :host {
 *     background-color: green;
 *   }
 * }
 */
/**
 * A heuristic that applies CSS to mobile
 * viewports (i.e. phones, not tablets).
 *
 * Usage:
 * @include mobile-viewport() {
 *   :host {
 *     background-color: blue;
 *   }
 * }
 */
/**
 * A heuristic that applies CSS to tablet
 * viewports.
 *
 * Usage:
 * @include tablet-viewport() {
 *   :host {
 *     background-color: green;
 *   }
 * }
 */
/**
 * A heuristic that applies CSS to mobile
 * viewports (i.e. phones, not tablets).
 *
 * Usage:
 * @include mobile-viewport() {
 *   :host {
 *     background-color: blue;
 *   }
 * }
 */
.ion-hide {
  display: none !important;
}

.ion-hide-up {
  display: none !important;
}

.ion-hide-down {
  display: none !important;
}

@media (min-width: 576px) {
  .ion-hide-sm-up {
    display: none !important;
  }
}
@media (max-width: 575.98px) {
  .ion-hide-sm-down {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .ion-hide-md-up {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  .ion-hide-md-down {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .ion-hide-lg-up {
    display: none !important;
  }
}
@media (max-width: 991.98px) {
  .ion-hide-lg-down {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .ion-hide-xl-up {
    display: none !important;
  }
}
@media (max-width: 1199.98px) {
  .ion-hide-xl-down {
    display: none !important;
  }
}

/*# sourceMappingURL=display.css.map */

/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/padding.css ***!
  \*************************************************************************************************************************************************************************************************************************************/
/**
 * Convert a font size to a dynamic font size.
 * Fonts that participate in Dynamic Type should use
 * dynamic font sizes.
 * @param size - The initial font size including the unit (i.e. px or pt)
 * @param unit (optional) - The unit to convert to. Use this if you want to
 * convert to a unit other than $baselineUnit.
 */
/**
 * Convert a font size to a dynamic font size but impose
 * a maximum font size.
 * @param size - The initial font size including the unit (i.e. px or pt)
 * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
 * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
 * convert to a unit other than $baselineUnit.
 */
/**
 * Convert a font size to a dynamic font size but impose
 * a minimum font size.
 * @param size - The initial font size including the unit (i.e. px or pt)
 * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
 * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
 * convert to a unit other than $baselineUnit.
 */
/**
 * Convert a font size to a dynamic font size but impose
 * maximum and minimum font sizes.
 * @param size - The initial font size including the unit (i.e. px or pt)
 * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
 * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
 * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
 * convert to a unit other than $baselineUnit.
 */
/**
 * A heuristic that applies CSS to tablet
 * viewports.
 *
 * Usage:
 * @include tablet-viewport() {
 *   :host {
 *     background-color: green;
 *   }
 * }
 */
/**
 * A heuristic that applies CSS to mobile
 * viewports (i.e. phones, not tablets).
 *
 * Usage:
 * @include mobile-viewport() {
 *   :host {
 *     background-color: blue;
 *   }
 * }
 */
/**
 * A heuristic that applies CSS to tablet
 * viewports.
 *
 * Usage:
 * @include tablet-viewport() {
 *   :host {
 *     background-color: green;
 *   }
 * }
 */
/**
 * A heuristic that applies CSS to mobile
 * viewports (i.e. phones, not tablets).
 *
 * Usage:
 * @include mobile-viewport() {
 *   :host {
 *     background-color: blue;
 *   }
 * }
 */
.ion-no-padding {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.ion-padding {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  --padding-top: var(--ion-padding, 16px);
  --padding-bottom: var(--ion-padding, 16px);
  padding-inline-start: var(--ion-padding, 16px);
  padding-inline-end: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}

.ion-padding-top {
  --padding-top: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
}

.ion-padding-start {
  --padding-start: var(--ion-padding, 16px);
  padding-inline-start: var(--ion-padding, 16px);
}

.ion-padding-end {
  --padding-end: var(--ion-padding, 16px);
  padding-inline-end: var(--ion-padding, 16px);
}

.ion-padding-bottom {
  --padding-bottom: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}

.ion-padding-vertical {
  --padding-top: var(--ion-padding, 16px);
  --padding-bottom: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}

.ion-padding-horizontal {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  padding-inline-start: var(--ion-padding, 16px);
  padding-inline-end: var(--ion-padding, 16px);
}

.ion-no-margin {
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.ion-margin {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  --margin-top: var(--ion-margin, 16px);
  --margin-bottom: var(--ion-margin, 16px);
  margin-inline-start: var(--ion-margin, 16px);
  margin-inline-end: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}

.ion-margin-top {
  --margin-top: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
}

.ion-margin-start {
  --margin-start: var(--ion-margin, 16px);
  margin-inline-start: var(--ion-margin, 16px);
}

.ion-margin-end {
  --margin-end: var(--ion-margin, 16px);
  margin-inline-end: var(--ion-margin, 16px);
}

.ion-margin-bottom {
  --margin-bottom: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}

.ion-margin-vertical {
  --margin-top: var(--ion-margin, 16px);
  --margin-bottom: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}

.ion-margin-horizontal {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  margin-inline-start: var(--ion-margin, 16px);
  margin-inline-end: var(--ion-margin, 16px);
}

/*# sourceMappingURL=padding.css.map */

/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/float-elements.css ***!
  \********************************************************************************************************************************************************************************************************************************************/
/**
 * Convert a font size to a dynamic font size.
 * Fonts that participate in Dynamic Type should use
 * dynamic font sizes.
 * @param size - The initial font size including the unit (i.e. px or pt)
 * @param unit (optional) - The unit to convert to. Use this if you want to
 * convert to a unit other than $baselineUnit.
 */
/**
 * Convert a font size to a dynamic font size but impose
 * a maximum font size.
 * @param size - The initial font size including the unit (i.e. px or pt)
 * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
 * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
 * convert to a unit other than $baselineUnit.
 */
/**
 * Convert a font size to a dynamic font size but impose
 * a minimum font size.
 * @param size - The initial font size including the unit (i.e. px or pt)
 * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
 * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
 * convert to a unit other than $baselineUnit.
 */
/**
 * Convert a font size to a dynamic font size but impose
 * maximum and minimum font sizes.
 * @param size - The initial font size including the unit (i.e. px or pt)
 * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
 * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
 * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
 * convert to a unit other than $baselineUnit.
 */
/**
 * A heuristic that applies CSS to tablet
 * viewports.
 *
 * Usage:
 * @include tablet-viewport() {
 *   :host {
 *     background-color: green;
 *   }
 * }
 */
/**
 * A heuristic that applies CSS to mobile
 * viewports (i.e. phones, not tablets).
 *
 * Usage:
 * @include mobile-viewport() {
 *   :host {
 *     background-color: blue;
 *   }
 * }
 */
/**
 * A heuristic that applies CSS to tablet
 * viewports.
 *
 * Usage:
 * @include tablet-viewport() {
 *   :host {
 *     background-color: green;
 *   }
 * }
 */
/**
 * A heuristic that applies CSS to mobile
 * viewports (i.e. phones, not tablets).
 *
 * Usage:
 * @include mobile-viewport() {
 *   :host {
 *     background-color: blue;
 *   }
 * }
 */
.ion-float-left {
  float: left !important;
}

.ion-float-right {
  float: right !important;
}

.ion-float-start {
  float: left !important;
}
:host-context([dir=rtl]) .ion-float-start {
  float: right !important;
}

[dir=rtl] .ion-float-start {
  float: right !important;
}

@supports selector(:dir(rtl)) {
  .ion-float-start:dir(rtl) {
    float: right !important;
  }
}

.ion-float-end {
  float: right !important;
}
:host-context([dir=rtl]) .ion-float-end {
  float: left !important;
}

[dir=rtl] .ion-float-end {
  float: left !important;
}

@supports selector(:dir(rtl)) {
  .ion-float-end:dir(rtl) {
    float: left !important;
  }
}

@media (min-width: 576px) {
  .ion-float-sm-left {
    float: left !important;
  }

  .ion-float-sm-right {
    float: right !important;
  }

  .ion-float-sm-start {
    float: left !important;
  }
  :host-context([dir=rtl]) .ion-float-sm-start {
    float: right !important;
  }

  [dir=rtl] .ion-float-sm-start {
    float: right !important;
  }

  @supports selector(:dir(rtl)) {
    .ion-float-sm-start:dir(rtl) {
      float: right !important;
    }
  }

  .ion-float-sm-end {
    float: right !important;
  }
  :host-context([dir=rtl]) .ion-float-sm-end {
    float: left !important;
  }

  [dir=rtl] .ion-float-sm-end {
    float: left !important;
  }

  @supports selector(:dir(rtl)) {
    .ion-float-sm-end:dir(rtl) {
      float: left !important;
    }
  }
}
@media (min-width: 768px) {
  .ion-float-md-left {
    float: left !important;
  }

  .ion-float-md-right {
    float: right !important;
  }

  .ion-float-md-start {
    float: left !important;
  }
  :host-context([dir=rtl]) .ion-float-md-start {
    float: right !important;
  }

  [dir=rtl] .ion-float-md-start {
    float: right !important;
  }

  @supports selector(:dir(rtl)) {
    .ion-float-md-start:dir(rtl) {
      float: right !important;
    }
  }

  .ion-float-md-end {
    float: right !important;
  }
  :host-context([dir=rtl]) .ion-float-md-end {
    float: left !important;
  }

  [dir=rtl] .ion-float-md-end {
    float: left !important;
  }

  @supports selector(:dir(rtl)) {
    .ion-float-md-end:dir(rtl) {
      float: left !important;
    }
  }
}
@media (min-width: 992px) {
  .ion-float-lg-left {
    float: left !important;
  }

  .ion-float-lg-right {
    float: right !important;
  }

  .ion-float-lg-start {
    float: left !important;
  }
  :host-context([dir=rtl]) .ion-float-lg-start {
    float: right !important;
  }

  [dir=rtl] .ion-float-lg-start {
    float: right !important;
  }

  @supports selector(:dir(rtl)) {
    .ion-float-lg-start:dir(rtl) {
      float: right !important;
    }
  }

  .ion-float-lg-end {
    float: right !important;
  }
  :host-context([dir=rtl]) .ion-float-lg-end {
    float: left !important;
  }

  [dir=rtl] .ion-float-lg-end {
    float: left !important;
  }

  @supports selector(:dir(rtl)) {
    .ion-float-lg-end:dir(rtl) {
      float: left !important;
    }
  }
}
@media (min-width: 1200px) {
  .ion-float-xl-left {
    float: left !important;
  }

  .ion-float-xl-right {
    float: right !important;
  }

  .ion-float-xl-start {
    float: left !important;
  }
  :host-context([dir=rtl]) .ion-float-xl-start {
    float: right !important;
  }

  [dir=rtl] .ion-float-xl-start {
    float: right !important;
  }

  @supports selector(:dir(rtl)) {
    .ion-float-xl-start:dir(rtl) {
      float: right !important;
    }
  }

  .ion-float-xl-end {
    float: right !important;
  }
  :host-context([dir=rtl]) .ion-float-xl-end {
    float: left !important;
  }

  [dir=rtl] .ion-float-xl-end {
    float: left !important;
  }

  @supports selector(:dir(rtl)) {
    .ion-float-xl-end:dir(rtl) {
      float: left !important;
    }
  }
}

/*# sourceMappingURL=float-elements.css.map */

/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/text-alignment.css ***!
  \********************************************************************************************************************************************************************************************************************************************/
/**
 * Convert a font size to a dynamic font size.
 * Fonts that participate in Dynamic Type should use
 * dynamic font sizes.
 * @param size - The initial font size including the unit (i.e. px or pt)
 * @param unit (optional) - The unit to convert to. Use this if you want to
 * convert to a unit other than $baselineUnit.
 */
/**
 * Convert a font size to a dynamic font size but impose
 * a maximum font size.
 * @param size - The initial font size including the unit (i.e. px or pt)
 * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
 * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
 * convert to a unit other than $baselineUnit.
 */
/**
 * Convert a font size to a dynamic font size but impose
 * a minimum font size.
 * @param size - The initial font size including the unit (i.e. px or pt)
 * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
 * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
 * convert to a unit other than $baselineUnit.
 */
/**
 * Convert a font size to a dynamic font size but impose
 * maximum and minimum font sizes.
 * @param size - The initial font size including the unit (i.e. px or pt)
 * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
 * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
 * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
 * convert to a unit other than $baselineUnit.
 */
/**
 * A heuristic that applies CSS to tablet
 * viewports.
 *
 * Usage:
 * @include tablet-viewport() {
 *   :host {
 *     background-color: green;
 *   }
 * }
 */
/**
 * A heuristic that applies CSS to mobile
 * viewports (i.e. phones, not tablets).
 *
 * Usage:
 * @include mobile-viewport() {
 *   :host {
 *     background-color: blue;
 *   }
 * }
 */
/**
 * A heuristic that applies CSS to tablet
 * viewports.
 *
 * Usage:
 * @include tablet-viewport() {
 *   :host {
 *     background-color: green;
 *   }
 * }
 */
/**
 * A heuristic that applies CSS to mobile
 * viewports (i.e. phones, not tablets).
 *
 * Usage:
 * @include mobile-viewport() {
 *   :host {
 *     background-color: blue;
 *   }
 * }
 */
.ion-text-center {
  text-align: center !important;
}

.ion-text-justify {
  text-align: justify !important;
}

.ion-text-start {
  text-align: start !important;
}

.ion-text-end {
  text-align: end !important;
}

.ion-text-left {
  text-align: left !important;
}

.ion-text-right {
  text-align: right !important;
}

.ion-text-nowrap {
  white-space: nowrap !important;
}

.ion-text-wrap {
  white-space: normal !important;
}

@media (min-width: 576px) {
  .ion-text-sm-center {
    text-align: center !important;
  }

  .ion-text-sm-justify {
    text-align: justify !important;
  }

  .ion-text-sm-start {
    text-align: start !important;
  }

  .ion-text-sm-end {
    text-align: end !important;
  }

  .ion-text-sm-left {
    text-align: left !important;
  }

  .ion-text-sm-right {
    text-align: right !important;
  }

  .ion-text-sm-nowrap {
    white-space: nowrap !important;
  }

  .ion-text-sm-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 768px) {
  .ion-text-md-center {
    text-align: center !important;
  }

  .ion-text-md-justify {
    text-align: justify !important;
  }

  .ion-text-md-start {
    text-align: start !important;
  }

  .ion-text-md-end {
    text-align: end !important;
  }

  .ion-text-md-left {
    text-align: left !important;
  }

  .ion-text-md-right {
    text-align: right !important;
  }

  .ion-text-md-nowrap {
    white-space: nowrap !important;
  }

  .ion-text-md-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 992px) {
  .ion-text-lg-center {
    text-align: center !important;
  }

  .ion-text-lg-justify {
    text-align: justify !important;
  }

  .ion-text-lg-start {
    text-align: start !important;
  }

  .ion-text-lg-end {
    text-align: end !important;
  }

  .ion-text-lg-left {
    text-align: left !important;
  }

  .ion-text-lg-right {
    text-align: right !important;
  }

  .ion-text-lg-nowrap {
    white-space: nowrap !important;
  }

  .ion-text-lg-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 1200px) {
  .ion-text-xl-center {
    text-align: center !important;
  }

  .ion-text-xl-justify {
    text-align: justify !important;
  }

  .ion-text-xl-start {
    text-align: start !important;
  }

  .ion-text-xl-end {
    text-align: end !important;
  }

  .ion-text-xl-left {
    text-align: left !important;
  }

  .ion-text-xl-right {
    text-align: right !important;
  }

  .ion-text-xl-nowrap {
    white-space: nowrap !important;
  }

  .ion-text-xl-wrap {
    white-space: normal !important;
  }
}

/*# sourceMappingURL=text-alignment.css.map */

/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/text-transformation.css ***!
  \*************************************************************************************************************************************************************************************************************************************************/
/**
 * Convert a font size to a dynamic font size.
 * Fonts that participate in Dynamic Type should use
 * dynamic font sizes.
 * @param size - The initial font size including the unit (i.e. px or pt)
 * @param unit (optional) - The unit to convert to. Use this if you want to
 * convert to a unit other than $baselineUnit.
 */
/**
 * Convert a font size to a dynamic font size but impose
 * a maximum font size.
 * @param size - The initial font size including the unit (i.e. px or pt)
 * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
 * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
 * convert to a unit other than $baselineUnit.
 */
/**
 * Convert a font size to a dynamic font size but impose
 * a minimum font size.
 * @param size - The initial font size including the unit (i.e. px or pt)
 * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
 * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
 * convert to a unit other than $baselineUnit.
 */
/**
 * Convert a font size to a dynamic font size but impose
 * maximum and minimum font sizes.
 * @param size - The initial font size including the unit (i.e. px or pt)
 * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
 * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
 * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
 * convert to a unit other than $baselineUnit.
 */
/**
 * A heuristic that applies CSS to tablet
 * viewports.
 *
 * Usage:
 * @include tablet-viewport() {
 *   :host {
 *     background-color: green;
 *   }
 * }
 */
/**
 * A heuristic that applies CSS to mobile
 * viewports (i.e. phones, not tablets).
 *
 * Usage:
 * @include mobile-viewport() {
 *   :host {
 *     background-color: blue;
 *   }
 * }
 */
/**
 * A heuristic that applies CSS to tablet
 * viewports.
 *
 * Usage:
 * @include tablet-viewport() {
 *   :host {
 *     background-color: green;
 *   }
 * }
 */
/**
 * A heuristic that applies CSS to mobile
 * viewports (i.e. phones, not tablets).
 *
 * Usage:
 * @include mobile-viewport() {
 *   :host {
 *     background-color: blue;
 *   }
 * }
 */
.ion-text-uppercase {
  /* stylelint-disable-next-line declaration-no-important */
  text-transform: uppercase !important;
}

.ion-text-lowercase {
  /* stylelint-disable-next-line declaration-no-important */
  text-transform: lowercase !important;
}

.ion-text-capitalize {
  /* stylelint-disable-next-line declaration-no-important */
  text-transform: capitalize !important;
}

@media (min-width: 576px) {
  .ion-text-sm-uppercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: uppercase !important;
  }

  .ion-text-sm-lowercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: lowercase !important;
  }

  .ion-text-sm-capitalize {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}
@media (min-width: 768px) {
  .ion-text-md-uppercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: uppercase !important;
  }

  .ion-text-md-lowercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: lowercase !important;
  }

  .ion-text-md-capitalize {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}
@media (min-width: 992px) {
  .ion-text-lg-uppercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: uppercase !important;
  }

  .ion-text-lg-lowercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: lowercase !important;
  }

  .ion-text-lg-capitalize {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}
@media (min-width: 1200px) {
  .ion-text-xl-uppercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: uppercase !important;
  }

  .ion-text-xl-lowercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: lowercase !important;
  }

  .ion-text-xl-capitalize {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}

/*# sourceMappingURL=text-transformation.css.map */

/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/flex-utils.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
.ion-align-self-start {
  align-self: flex-start !important;
}

.ion-align-self-end {
  align-self: flex-end !important;
}

.ion-align-self-center {
  align-self: center !important;
}

.ion-align-self-stretch {
  align-self: stretch !important;
}

.ion-align-self-baseline {
  align-self: baseline !important;
}

.ion-align-self-auto {
  align-self: auto !important;
}

.ion-wrap {
  flex-wrap: wrap !important;
}

.ion-nowrap {
  flex-wrap: nowrap !important;
}

.ion-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.ion-justify-content-start {
  justify-content: flex-start !important;
}

.ion-justify-content-center {
  justify-content: center !important;
}

.ion-justify-content-end {
  justify-content: flex-end !important;
}

.ion-justify-content-around {
  justify-content: space-around !important;
}

.ion-justify-content-between {
  justify-content: space-between !important;
}

.ion-justify-content-evenly {
  justify-content: space-evenly !important;
}

.ion-align-items-start {
  align-items: flex-start !important;
}

.ion-align-items-center {
  align-items: center !important;
}

.ion-align-items-end {
  align-items: flex-end !important;
}

.ion-align-items-stretch {
  align-items: stretch !important;
}

.ion-align-items-baseline {
  align-items: baseline !important;
}

/*# sourceMappingURL=flex-utils.css.map */

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/global.scss?ngGlobalStyle (3) ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@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/Sass 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 */
/* Basic CSS for apps built with Ionic */
/* Optional CSS utils that can be commented out */
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400;
  src: url('Manrope-Regular.ttf');
}
::ng-deep .item-disable {
  opacity: 0.5 !important;
}

* {
  font-family: "Manrope";
}

html.plt-android {
  /**
     *   full screen appte, sayfanın en tepesinde konumlanacak fab btn için ek top değeri tanımlanır.
     * böylece status bardaki herhangi bir elementten korunmuş olur.
     */
}
html.plt-android ion-header:first-of-type {
  padding-top: 30px;
}
html.plt-android ion-header:first-of-type[collapse=condense] {
  padding-top: 0px;
}
html.plt-android ion-header:first-of-type[collapse=condense].orbit-header {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 41px;
}
html.plt-android ion-header:first-of-type:not(.orbit-header) {
  background-color: var(--ion-color-ultra-light);
}
html.plt-android ion-header:first-of-type.orbit-header {
  background-color: var(--ion-color-ultra-light);
}
html.plt-android ion-header:first-of-type.orbit-header ion-toolbar {
  background-color: var(--ion-color-ultra-light);
  --opacity: 0 !important;
}
html.plt-android ion-header:first-of-type.orbit-header ion-toolbar * {
  --opacity: 1 !important;
}
html.plt-android .ion-fab-md-top-padding {
  top: 30px !important;
}
html.plt-android orbit-modal-base ion-header:first-of-type {
  padding-top: 0;
}

html.plt-ios {
  /**
     *   full screen appte, sayfanın en tepesinde konumlanacak fab btn için ek top değeri tanımlanır.
     * böylece status bardaki herhangi bir elementten korunmuş olur.
     */
}
html.plt-ios ion-header:first-of-type {
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}
html.plt-ios ion-header:first-of-type[collapse=condense] {
  padding-top: 0px;
}
html.plt-ios ion-header:first-of-type[collapse=condense].orbit-header {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 41px;
}
html.plt-ios ion-header:first-of-type:not(.orbit-header) {
  background-color: var(--ion-color-ultra-light);
}
html.plt-ios ion-header:first-of-type.orbit-header {
  background: rgba(var(--ion-color-ultra-light-rgb), 0.8) !important;
}
html.plt-ios ion-header:first-of-type.orbit-header.solid {
  background: rgba(var(--ion-color-ultra-light-rgb), 1) !important;
}
html.plt-ios ion-header:first-of-type.orbit-header ion-toolbar {
  background: rgba(0, 0, 0, 0) !important;
  --opacity: 0 !important;
}
html.plt-ios ion-header:first-of-type.orbit-header ion-toolbar * {
  --opacity: 1 !important;
}
html.plt-ios ion-tab-bar {
  padding-bottom: calc(constant(safe-area-inset-bottom) * 1);
  padding-bottom: calc(env(safe-area-inset-bottom) * 1);
}
html.plt-ios .ion-fab-md-top-padding {
  top: calc(constant(safe-area-inset-top) + 0px) !important;
  top: calc(env(safe-area-inset-top) + 0px) !important;
}
html.plt-ios orbit-modal-base ion-header:first-of-type {
  padding-top: 0;
}

.base-app-body {
  border-radius: 15px;
}

.base-modal-card {
  padding-bottom: 42px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.header-ios ion-toolbar:last-of-type {
  --border-width: 0 0 0px;
}

ion-tab-bar {
  padding: 0 !important;
}

ion-header ion-toolbar:first-of-type {
  padding-top: 0 !important;
  --min-height: 52px;
}

ion-header.orbit-header {
  box-shadow: 0px -1px 7px 0px rgba(0, 0, 0, 0);
}
ion-header.orbit-header.header-collapse-condense-inactive {
  box-shadow: unset;
}

ion-header[collapse=condense].orbit-header {
  background-color: rgba(0, 0, 0, 0) !important;
  box-shadow: 0px -1px 7px 0px rgba(0, 0, 0, 0);
}
ion-header[collapse=condense].orbit-header ion-toolbar > ion-title {
  padding: 3px 16px 12px 16px !important;
  font-size: 24px !important;
  font-weight: 850 !important;
  text-align: left;
}

.header-sticky {
  position: sticky;
  position: -webkit-sticky;
  top: 0px;
}
.header-sticky.has-background {
  background-color: rgba(var(--ion-color-ultra-light-rgb), 0.9);
}
.header-sticky.has-background div {
  background-color: rgba(var(--ion-color-ultra-light-rgb), 0.9);
}

.bottom-sticky {
  position: sticky;
  position: -webkit-sticky;
  bottom: 0px;
}

ion-card {
  box-shadow: none;
}

ion-item {
  --border-color: var(--ion-color-lighter);
}

ion-searchbar {
  --border-radius: 100px !important;
  --box-shadow: 1px !important;
  --cancel-button-color: var(--ion-color-dark) !important;
  --clear-button-color: var(--ion-color-dark) !important;
  --color: var(--ion-color-dark) !important;
  --icon-color: var(--ion-color-medium) !important;
  --placeholder-color: var(--ion-color-medium) !important;
  --placeholder-font-style: initial !important;
  --placeholder-font-weight: 500 !important;
  --placeholder-opacity: 0.8 !important;
  padding-bottom: 10px;
}
ion-searchbar .searchbar-input-container {
  height: 100% !important;
}
ion-searchbar .searchbar-input {
  padding-inline-start: 40px !important;
}
ion-searchbar .searchbar-search-icon {
  margin-inline-start: 2px !important;
  margin-top: 2px;
  width: 1rem !important;
}

ion-segment {
  --background: var(--ion-card-background);
}

ion-segment-button {
  font-size: 14px;
  line-height: 14px;
  --padding-bottom: 1px;
  --padding-top: 1px;
  margin-top: 0;
  margin-bottom: 0;
  min-height: 0px;
  --background-checked: var(--ion-color-overlay);
  --background-focused: var(--ion-color-overlay);
  --background-focused-opacity: 1;
  --background-hover: var(--ion-color-overlay);
  --background-hover-opacity: 1;
  --border-radius: 8px;
  --border-style: solid;
  --border-width: 0px;
  --color: var(--ion-text-color);
  --color-checked: var(--ion-color-primary-contrast);
  --color-focused: var(--ion-color-primary-contrast);
  --color-hover: var(--ion-color-primary-contrast);
  --indicator-color: var(--ion-color-primary);
  --transition: background-color 15ms linear;
}

.custom-segment {
  border-radius: 8px !important;
  --background: var(--ion-color-background);
  border: 1px solid var(--ion-color-overlay);
  padding: 4px;
}
.custom-segment ion-segment-button {
  font-size: 14px;
  line-height: 14px;
  --padding-bottom: 1px;
  --padding-top: 1px;
  margin-top: 0;
  margin-bottom: 0;
  --background-checked: var(--ion-color-overlay);
  --background-focused: var(--ion-color-overlay);
  --background-focused-opacity: 1;
  --background-hover: var(--ion-color-overlay);
  --background-hover-opacity: 1;
  --border-radius: 8px;
  --border-style: solid;
  --border-width: 0px;
  min-height: 0px;
  --color: var(--ion-text-color);
  --color-checked: var(--ion-color-primary-contrast);
  --color-focused: var(--ion-color-primary-contrast);
  --color-hover: var(--ion-color-primary-contrast);
  --indicator-color: var(--ion-color-primary);
}

ion-chip[color=primary] {
  background: var(--ion-color-primary) !important;
  color: var(--ion-color-primary-contrast) !important;
}

ion-chip[color=ultra-light] {
  background: var(--ion-color-ultra-light) !important;
  color: var(--ion-color-ultra-light-contrast) !important;
}

ion-chip[solid] {
  background: var(--ion-color-base) !important;
  color: var(--ion-color-contrast) !important;
}

ion-fab-button[fill=clear] {
  --border-radius: 100% !important;
  --box-shadow: unset !important;
  color: var(--ion-color-base) !important;
  --background: #00000000 !important;
  background: rgba(0, 0, 0, 0) !important;
  --background-activated: #00000000 !important;
  --background-activated-opacity: 1 !important;
  --background-focused: #00000000 !important;
  --background-focused-opacity: 1 !important;
  --background-hover: #00000000 !important;
  --background-hover-opacity: 1 !important;
  --border-color: #00000000 !important;
  --color: var(--ion-color-base) !important;
  --color-activated: var(--ion-color-shade) !important;
  --color-focused: var(--ion-color-shade) !important;
  --color-hover: var(--ion-color-shade) !important;
}
ion-fab-button[fill=clear] .button-native {
  background: rgba(0, 0, 0, 0) !important;
  color: var(--ion-color-base) !important;
}

ion-button {
  font-size: 16px;
  font-weight: 800;
  line-height: 160%;
}
ion-button.button-disabled {
  opacity: 70% !important;
}

ion-button:not([size]) {
  min-height: 56px;
}

ion-button[size=medium] {
  height: 35px;
}

ion-button:not([expand]) .button-native {
  padding: 8px 14px;
}

ion-input {
  --highlight-color-focused: purple;
}

ion-toast.orbit-custom {
  --min-height: 56px;
  --border-radius: 8px;
  --start: 16px;
  --end: 16px;
  --box-shadow: none;
}

ion-toast.tab-toast ::ng-deep .toast-wrapper.toast-bottom {
  margin-bottom: 75px !important;
}

.custom-back-button {
  margin: 0px;
}
.custom-back-button ::part("native") {
  padding: 0px;
}
.custom-back-button .custom-back-icon {
  height: 39px;
  width: 39px;
}

ion-item[details=opaque] {
  --detail-icon-opacity: 1;
}

ion-list ion-item:last-of-type {
  --border-color: #3880ff00 !important;
  --border-width: 0px !important;
}

*[shape=round] {
  overflow: hidden;
  --border-radius: 8px;
  border-radius: 8px;
}

*[shape=circle] {
  overflow: hidden;
  --border-radius: 100px !important;
  border-radius: 100px !important;
}
*[shape=circle]:has(> ion-icon[slot=icon-only]) {
  --padding-bottom: 0px;
  --padding-end: 0px;
  --padding-start: 0px;
  --padding-top: 0px;
}
*[shape=circle]:has(> ion-icon[slot=icon-only])::part(native) {
  padding: 0;
}

*[shape=square] {
  overflow: hidden;
  --border-radius: 4px !important;
  border-radius: 4px !important;
}

*[bg=none] {
  --background: #00000000 !important;
  background-color: rgba(0, 0, 0, 0) !important;
}

*[bg=ultra-light] {
  --background: var(--ion-color-ultra-light) !important;
  background-color: var(--ion-color-ultra-light) !important;
}

*[bg=warning] {
  --background: var(--ion-color-warning) !important;
  background-color: var(--ion-color-warning) !important;
}

*[bg=black] {
  --background: var(--ion-color-black) !important;
  background-color: var(--ion-color-black) !important;
}

*[role=listitem]:last-of-type {
  border-bottom: unset;
  --border-color: unset;
}

*[text-transform=none] {
  text-transform: none;
}

*[text-transform=capital] {
  text-transform: capitalize;
}

*[disabled=true][opacity=true] {
  opacity: 0.5;
}

ion-icon[size=medium] {
  font-size: x-large;
}

[size=xsmall] {
  height: 25px;
  width: 25px;
}

[size=xxsmall] {
  height: 22px;
  width: 22px;
}

[fill=half-solid] {
  color: var(--ion-color-base);
  --background: rgba(var(--ion-color-base-rgb), 0.2);
}

.unset-box-shadow {
  --box-shadow: unset;
}

.ion-item-dark-border {
  --border-color: rgba(var(--ion-color-dark-rgb), 0.25);
}

.custom-item-detail-icon {
  --detail-icon-color: var(--ion-text-color) !important;
  --detail-icon-font-size: 20px !important;
  --detail-icon-opacity: 1 !important;
}

.full-height {
  height: 100%;
}
.full-height.max {
  max-width: 100%;
}
.full-width {
  width: 100%;
}
.full-width.max {
  max-width: 100%;
}

.max-height-98 {
  max-height: 98%;
}

.custom-ion-card {
  border-radius: 10px 10px 10px 10px;
}
.custom-ion-item::part(native) {
  height: 55px;
}

.modal {
  --max-height: 95vh;
}
.modal-fullscreen {
  --max-height: 100vh;
  --height: 100vh;
  --width: 100%;
  --border-radius: 0;
  --backdrop-opacity: 0.1 !important;
  --background: rgba(0, 0, 0, 0);
}
.modal-transparent {
  --max-height: 100vh;
  --height: 100vh;
  --width: 100%;
  --border-radius: 0;
  --backdrop-opacity: 0;
  --background: rgba(0, 0, 0, 0);
}
.modal-height-100 {
  --height: 100% !important;
  --min-height: 100%;
}
.modal-height-99 {
  --height: 99% !important;
  --min-height: 99%;
}
.modal-height-98 {
  --height: 98% !important;
  --min-height: 98%;
}
.modal-height-97 {
  --height: 97% !important;
  --min-height: 97%;
}
.modal-height-96 {
  --height: 96% !important;
  --min-height: 96%;
}
.modal-height-95 {
  --height: 95% !important;
  --min-height: 95%;
}
.modal-height-94 {
  --height: 94% !important;
  --min-height: 94%;
}
.modal-height-93 {
  --height: 93% !important;
  --min-height: 93%;
}
.modal-height-92 {
  --height: 92% !important;
  --min-height: 92%;
}
.modal-height-91 {
  --height: 91% !important;
  --min-height: 91%;
}
.modal-height-90 {
  --height: 90% !important;
  --min-height: 90%;
}
.modal-height-89 {
  --height: 89% !important;
  --min-height: 89%;
}
.modal-height-88 {
  --height: 88% !important;
  --min-height: 88%;
}
.modal-height-87 {
  --height: 87% !important;
  --min-height: 87%;
}
.modal-height-86 {
  --height: 86% !important;
  --min-height: 86%;
}
.modal-height-85 {
  --height: 85% !important;
  --min-height: 85%;
}
.modal-height-84 {
  --height: 84% !important;
  --min-height: 84%;
}
.modal-height-83 {
  --height: 83% !important;
  --min-height: 83%;
}
.modal-height-82 {
  --height: 82% !important;
  --min-height: 82%;
}
.modal-height-81 {
  --height: 81% !important;
  --min-height: 81%;
}
.modal-height-80 {
  --height: 80% !important;
  --min-height: 80%;
}
.modal-height-60 {
  --min-height: 20%;
}
.modal-position-bottom {
  align-items: flex-end;
}
.modal-position-center {
  --min-height: 10%;
  align-items: center;
  flex: 1;
  flex-shrink: 1;
  display: flex;
  justify-content: center;
}
.modal-radius {
  --border-radius: 25px 25px 0 0;
}
.modal-onboarding {
  z-index: 30000 !important;
  --max-height: 100vh;
  --height: 100%;
  --width: 100%;
  --border-radius: 0;
}
.modal-lang {
  z-index: 30003 !important;
  --max-height: 100vh;
  --height: 100%;
  --width: 100%;
  --border-radius: 0;
  --background: rgba(0, 0, 0, 0);
}
.modal-agreements {
  z-index: 30003 !important;
}
.modal-alert {
  z-index: 30008 !important;
}
.modal-networkalert {
  z-index: 100000 !important;
}

.bg-default {
  --background: #00000000;
  background-color: rgba(0, 0, 0, 0);
  transition: --background 100ms linear;
  transition: background-color 250ms linear;
}
.bg-opaque {
  background-color: rgba(0, 0, 0, 0.2509803922);
  --background: #00000040;
  transition: background-color 250ms linear;
}

.modal-card-area {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.break-spaces {
  white-space: break-spaces !important;
}

.text-nowrap {
  white-space: nowrap;
}
.text-hide-oneline {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/**
    margin, padding
*/
.p-all-40 {
  padding: 40px;
}
.p-all-40-ion {
  --padding-bottom: 40px !important;
  --padding-end: 40px !important;
  --padding-start: 40px !important;
  --padding-top: 40px !important;
}
.p-all-40-inner {
  --inner-padding-top: 40px !important;
  --inner-padding-end: 40px !important;
  --inner-padding-start: 40px !important;
  --inner-padding-bottom: 40px !important;
}

.p-horizontal-40 {
  padding-left: 40px;
  padding-right: 40px;
}
.p-horizontal-40-ion {
  --padding-end: 40px !important;
  --padding-start: 40px !important;
}
.p-horizontal-40-inner {
  --inner-padding-end: 40px !important;
  --inner-padding-start: 40px !important;
}

.p-vertical-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.p-vertical-40-ion {
  --padding-bottom: 40px !important;
  --padding-top: 40px !important;
}
.p-vertical-40-inner {
  --inner-padding-top: 40px !important;
  --inner-padding-bottom: 40px !important;
}

.p-top-40 {
  padding-top: 40px;
}
.p-top-40-ion {
  --padding-top: 40px !important;
}
.p-top-40-inner {
  --inner-padding-top: 40px !important;
}

.p-bottom-40 {
  padding-bottom: 40px;
}
.p-bottom-40-ion {
  --padding-bottom: 40px !important;
}
.p-bottom-40-inner {
  --inner-padding-bottom: 40px !important;
}

.p-left-40 {
  padding-left: 40px;
}
.p-left-40-ion {
  --padding-start: 40px !important;
}
.p-left-40-inner {
  --inner-padding-start: 40px !important;
}

.p-right-40 {
  padding-right: 40px;
}
.p-right-40-ion {
  --padding-end: 40px !important;
}
.p-right-40-inner {
  --inner-padding-end: 40px !important;
}

.m-all-40 {
  margin: 40px;
}

.m-horizontal-40 {
  margin-left: 40px;
  margin-right: 40px;
}

.m-vertical-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.m-top-40 {
  margin-top: 40px;
}

.m-bottom-40 {
  margin-bottom: 40px;
}

.m-left-40 {
  margin-left: 40px;
}

.m-right-40 {
  margin-right: 40px;
}

.p-all-45 {
  padding: 45px;
}
.p-all-45-ion {
  --padding-bottom: 45px !important;
  --padding-end: 45px !important;
  --padding-start: 45px !important;
  --padding-top: 45px !important;
}
.p-all-45-inner {
  --inner-padding-top: 45px !important;
  --inner-padding-end: 45px !important;
  --inner-padding-start: 45px !important;
  --inner-padding-bottom: 45px !important;
}

.p-horizontal-45 {
  padding-left: 45px;
  padding-right: 45px;
}
.p-horizontal-45-ion {
  --padding-end: 45px !important;
  --padding-start: 45px !important;
}
.p-horizontal-45-inner {
  --inner-padding-end: 45px !important;
  --inner-padding-start: 45px !important;
}

.p-vertical-45 {
  padding-top: 45px;
  padding-bottom: 45px;
}
.p-vertical-45-ion {
  --padding-bottom: 45px !important;
  --padding-top: 45px !important;
}
.p-vertical-45-inner {
  --inner-padding-top: 45px !important;
  --inner-padding-bottom: 45px !important;
}

.p-top-45 {
  padding-top: 45px;
}
.p-top-45-ion {
  --padding-top: 45px !important;
}
.p-top-45-inner {
  --inner-padding-top: 45px !important;
}

.p-bottom-45 {
  padding-bottom: 45px;
}
.p-bottom-45-ion {
  --padding-bottom: 45px !important;
}
.p-bottom-45-inner {
  --inner-padding-bottom: 45px !important;
}

.p-left-45 {
  padding-left: 45px;
}
.p-left-45-ion {
  --padding-start: 45px !important;
}
.p-left-45-inner {
  --inner-padding-start: 45px !important;
}

.p-right-45 {
  padding-right: 45px;
}
.p-right-45-ion {
  --padding-end: 45px !important;
}
.p-right-45-inner {
  --inner-padding-end: 45px !important;
}

.m-all-45 {
  margin: 45px;
}

.m-horizontal-45 {
  margin-left: 45px;
  margin-right: 45px;
}

.m-vertical-45 {
  margin-top: 45px;
  margin-bottom: 45px;
}

.m-top-45 {
  margin-top: 45px;
}

.m-bottom-45 {
  margin-bottom: 45px;
}

.m-left-45 {
  margin-left: 45px;
}

.m-right-45 {
  margin-right: 45px;
}

.p-all-50 {
  padding: 50px;
}
.p-all-50-ion {
  --padding-bottom: 50px !important;
  --padding-end: 50px !important;
  --padding-start: 50px !important;
  --padding-top: 50px !important;
}
.p-all-50-inner {
  --inner-padding-top: 50px !important;
  --inner-padding-end: 50px !important;
  --inner-padding-start: 50px !important;
  --inner-padding-bottom: 50px !important;
}

.p-horizontal-50 {
  padding-left: 50px;
  padding-right: 50px;
}
.p-horizontal-50-ion {
  --padding-end: 50px !important;
  --padding-start: 50px !important;
}
.p-horizontal-50-inner {
  --inner-padding-end: 50px !important;
  --inner-padding-start: 50px !important;
}

.p-vertical-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.p-vertical-50-ion {
  --padding-bottom: 50px !important;
  --padding-top: 50px !important;
}
.p-vertical-50-inner {
  --inner-padding-top: 50px !important;
  --inner-padding-bottom: 50px !important;
}

.p-top-50 {
  padding-top: 50px;
}
.p-top-50-ion {
  --padding-top: 50px !important;
}
.p-top-50-inner {
  --inner-padding-top: 50px !important;
}

.p-bottom-50 {
  padding-bottom: 50px;
}
.p-bottom-50-ion {
  --padding-bottom: 50px !important;
}
.p-bottom-50-inner {
  --inner-padding-bottom: 50px !important;
}

.p-left-50 {
  padding-left: 50px;
}
.p-left-50-ion {
  --padding-start: 50px !important;
}
.p-left-50-inner {
  --inner-padding-start: 50px !important;
}

.p-right-50 {
  padding-right: 50px;
}
.p-right-50-ion {
  --padding-end: 50px !important;
}
.p-right-50-inner {
  --inner-padding-end: 50px !important;
}

.m-all-50 {
  margin: 50px;
}

.m-horizontal-50 {
  margin-left: 50px;
  margin-right: 50px;
}

.m-vertical-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.m-top-50 {
  margin-top: 50px;
}

.m-bottom-50 {
  margin-bottom: 50px;
}

.m-left-50 {
  margin-left: 50px;
}

.m-right-50 {
  margin-right: 50px;
}

.p-all-55 {
  padding: 55px;
}
.p-all-55-ion {
  --padding-bottom: 55px !important;
  --padding-end: 55px !important;
  --padding-start: 55px !important;
  --padding-top: 55px !important;
}
.p-all-55-inner {
  --inner-padding-top: 55px !important;
  --inner-padding-end: 55px !important;
  --inner-padding-start: 55px !important;
  --inner-padding-bottom: 55px !important;
}

.p-horizontal-55 {
  padding-left: 55px;
  padding-right: 55px;
}
.p-horizontal-55-ion {
  --padding-end: 55px !important;
  --padding-start: 55px !important;
}
.p-horizontal-55-inner {
  --inner-padding-end: 55px !important;
  --inner-padding-start: 55px !important;
}

.p-vertical-55 {
  padding-top: 55px;
  padding-bottom: 55px;
}
.p-vertical-55-ion {
  --padding-bottom: 55px !important;
  --padding-top: 55px !important;
}
.p-vertical-55-inner {
  --inner-padding-top: 55px !important;
  --inner-padding-bottom: 55px !important;
}

.p-top-55 {
  padding-top: 55px;
}
.p-top-55-ion {
  --padding-top: 55px !important;
}
.p-top-55-inner {
  --inner-padding-top: 55px !important;
}

.p-bottom-55 {
  padding-bottom: 55px;
}
.p-bottom-55-ion {
  --padding-bottom: 55px !important;
}
.p-bottom-55-inner {
  --inner-padding-bottom: 55px !important;
}

.p-left-55 {
  padding-left: 55px;
}
.p-left-55-ion {
  --padding-start: 55px !important;
}
.p-left-55-inner {
  --inner-padding-start: 55px !important;
}

.p-right-55 {
  padding-right: 55px;
}
.p-right-55-ion {
  --padding-end: 55px !important;
}
.p-right-55-inner {
  --inner-padding-end: 55px !important;
}

.m-all-55 {
  margin: 55px;
}

.m-horizontal-55 {
  margin-left: 55px;
  margin-right: 55px;
}

.m-vertical-55 {
  margin-top: 55px;
  margin-bottom: 55px;
}

.m-top-55 {
  margin-top: 55px;
}

.m-bottom-55 {
  margin-bottom: 55px;
}

.m-left-55 {
  margin-left: 55px;
}

.m-right-55 {
  margin-right: 55px;
}

.p-all-60 {
  padding: 60px;
}
.p-all-60-ion {
  --padding-bottom: 60px !important;
  --padding-end: 60px !important;
  --padding-start: 60px !important;
  --padding-top: 60px !important;
}
.p-all-60-inner {
  --inner-padding-top: 60px !important;
  --inner-padding-end: 60px !important;
  --inner-padding-start: 60px !important;
  --inner-padding-bottom: 60px !important;
}

.p-horizontal-60 {
  padding-left: 60px;
  padding-right: 60px;
}
.p-horizontal-60-ion {
  --padding-end: 60px !important;
  --padding-start: 60px !important;
}
.p-horizontal-60-inner {
  --inner-padding-end: 60px !important;
  --inner-padding-start: 60px !important;
}

.p-vertical-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.p-vertical-60-ion {
  --padding-bottom: 60px !important;
  --padding-top: 60px !important;
}
.p-vertical-60-inner {
  --inner-padding-top: 60px !important;
  --inner-padding-bottom: 60px !important;
}

.p-top-60 {
  padding-top: 60px;
}
.p-top-60-ion {
  --padding-top: 60px !important;
}
.p-top-60-inner {
  --inner-padding-top: 60px !important;
}

.p-bottom-60 {
  padding-bottom: 60px;
}
.p-bottom-60-ion {
  --padding-bottom: 60px !important;
}
.p-bottom-60-inner {
  --inner-padding-bottom: 60px !important;
}

.p-left-60 {
  padding-left: 60px;
}
.p-left-60-ion {
  --padding-start: 60px !important;
}
.p-left-60-inner {
  --inner-padding-start: 60px !important;
}

.p-right-60 {
  padding-right: 60px;
}
.p-right-60-ion {
  --padding-end: 60px !important;
}
.p-right-60-inner {
  --inner-padding-end: 60px !important;
}

.m-all-60 {
  margin: 60px;
}

.m-horizontal-60 {
  margin-left: 60px;
  margin-right: 60px;
}

.m-vertical-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.m-top-60 {
  margin-top: 60px;
}

.m-bottom-60 {
  margin-bottom: 60px;
}

.m-left-60 {
  margin-left: 60px;
}

.m-right-60 {
  margin-right: 60px;
}

.p-all-65 {
  padding: 65px;
}
.p-all-65-ion {
  --padding-bottom: 65px !important;
  --padding-end: 65px !important;
  --padding-start: 65px !important;
  --padding-top: 65px !important;
}
.p-all-65-inner {
  --inner-padding-top: 65px !important;
  --inner-padding-end: 65px !important;
  --inner-padding-start: 65px !important;
  --inner-padding-bottom: 65px !important;
}

.p-horizontal-65 {
  padding-left: 65px;
  padding-right: 65px;
}
.p-horizontal-65-ion {
  --padding-end: 65px !important;
  --padding-start: 65px !important;
}
.p-horizontal-65-inner {
  --inner-padding-end: 65px !important;
  --inner-padding-start: 65px !important;
}

.p-vertical-65 {
  padding-top: 65px;
  padding-bottom: 65px;
}
.p-vertical-65-ion {
  --padding-bottom: 65px !important;
  --padding-top: 65px !important;
}
.p-vertical-65-inner {
  --inner-padding-top: 65px !important;
  --inner-padding-bottom: 65px !important;
}

.p-top-65 {
  padding-top: 65px;
}
.p-top-65-ion {
  --padding-top: 65px !important;
}
.p-top-65-inner {
  --inner-padding-top: 65px !important;
}

.p-bottom-65 {
  padding-bottom: 65px;
}
.p-bottom-65-ion {
  --padding-bottom: 65px !important;
}
.p-bottom-65-inner {
  --inner-padding-bottom: 65px !important;
}

.p-left-65 {
  padding-left: 65px;
}
.p-left-65-ion {
  --padding-start: 65px !important;
}
.p-left-65-inner {
  --inner-padding-start: 65px !important;
}

.p-right-65 {
  padding-right: 65px;
}
.p-right-65-ion {
  --padding-end: 65px !important;
}
.p-right-65-inner {
  --inner-padding-end: 65px !important;
}

.m-all-65 {
  margin: 65px;
}

.m-horizontal-65 {
  margin-left: 65px;
  margin-right: 65px;
}

.m-vertical-65 {
  margin-top: 65px;
  margin-bottom: 65px;
}

.m-top-65 {
  margin-top: 65px;
}

.m-bottom-65 {
  margin-bottom: 65px;
}

.m-left-65 {
  margin-left: 65px;
}

.m-right-65 {
  margin-right: 65px;
}

.p-all-70 {
  padding: 70px;
}
.p-all-70-ion {
  --padding-bottom: 70px !important;
  --padding-end: 70px !important;
  --padding-start: 70px !important;
  --padding-top: 70px !important;
}
.p-all-70-inner {
  --inner-padding-top: 70px !important;
  --inner-padding-end: 70px !important;
  --inner-padding-start: 70px !important;
  --inner-padding-bottom: 70px !important;
}

.p-horizontal-70 {
  padding-left: 70px;
  padding-right: 70px;
}
.p-horizontal-70-ion {
  --padding-end: 70px !important;
  --padding-start: 70px !important;
}
.p-horizontal-70-inner {
  --inner-padding-end: 70px !important;
  --inner-padding-start: 70px !important;
}

.p-vertical-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}
.p-vertical-70-ion {
  --padding-bottom: 70px !important;
  --padding-top: 70px !important;
}
.p-vertical-70-inner {
  --inner-padding-top: 70px !important;
  --inner-padding-bottom: 70px !important;
}

.p-top-70 {
  padding-top: 70px;
}
.p-top-70-ion {
  --padding-top: 70px !important;
}
.p-top-70-inner {
  --inner-padding-top: 70px !important;
}

.p-bottom-70 {
  padding-bottom: 70px;
}
.p-bottom-70-ion {
  --padding-bottom: 70px !important;
}
.p-bottom-70-inner {
  --inner-padding-bottom: 70px !important;
}

.p-left-70 {
  padding-left: 70px;
}
.p-left-70-ion {
  --padding-start: 70px !important;
}
.p-left-70-inner {
  --inner-padding-start: 70px !important;
}

.p-right-70 {
  padding-right: 70px;
}
.p-right-70-ion {
  --padding-end: 70px !important;
}
.p-right-70-inner {
  --inner-padding-end: 70px !important;
}

.m-all-70 {
  margin: 70px;
}

.m-horizontal-70 {
  margin-left: 70px;
  margin-right: 70px;
}

.m-vertical-70 {
  margin-top: 70px;
  margin-bottom: 70px;
}

.m-top-70 {
  margin-top: 70px;
}

.m-bottom-70 {
  margin-bottom: 70px;
}

.m-left-70 {
  margin-left: 70px;
}

.m-right-70 {
  margin-right: 70px;
}

.p-all-75 {
  padding: 75px;
}
.p-all-75-ion {
  --padding-bottom: 75px !important;
  --padding-end: 75px !important;
  --padding-start: 75px !important;
  --padding-top: 75px !important;
}
.p-all-75-inner {
  --inner-padding-top: 75px !important;
  --inner-padding-end: 75px !important;
  --inner-padding-start: 75px !important;
  --inner-padding-bottom: 75px !important;
}

.p-horizontal-75 {
  padding-left: 75px;
  padding-right: 75px;
}
.p-horizontal-75-ion {
  --padding-end: 75px !important;
  --padding-start: 75px !important;
}
.p-horizontal-75-inner {
  --inner-padding-end: 75px !important;
  --inner-padding-start: 75px !important;
}

.p-vertical-75 {
  padding-top: 75px;
  padding-bottom: 75px;
}
.p-vertical-75-ion {
  --padding-bottom: 75px !important;
  --padding-top: 75px !important;
}
.p-vertical-75-inner {
  --inner-padding-top: 75px !important;
  --inner-padding-bottom: 75px !important;
}

.p-top-75 {
  padding-top: 75px;
}
.p-top-75-ion {
  --padding-top: 75px !important;
}
.p-top-75-inner {
  --inner-padding-top: 75px !important;
}

.p-bottom-75 {
  padding-bottom: 75px;
}
.p-bottom-75-ion {
  --padding-bottom: 75px !important;
}
.p-bottom-75-inner {
  --inner-padding-bottom: 75px !important;
}

.p-left-75 {
  padding-left: 75px;
}
.p-left-75-ion {
  --padding-start: 75px !important;
}
.p-left-75-inner {
  --inner-padding-start: 75px !important;
}

.p-right-75 {
  padding-right: 75px;
}
.p-right-75-ion {
  --padding-end: 75px !important;
}
.p-right-75-inner {
  --inner-padding-end: 75px !important;
}

.m-all-75 {
  margin: 75px;
}

.m-horizontal-75 {
  margin-left: 75px;
  margin-right: 75px;
}

.m-vertical-75 {
  margin-top: 75px;
  margin-bottom: 75px;
}

.m-top-75 {
  margin-top: 75px;
}

.m-bottom-75 {
  margin-bottom: 75px;
}

.m-left-75 {
  margin-left: 75px;
}

.m-right-75 {
  margin-right: 75px;
}

.p-all-80 {
  padding: 80px;
}
.p-all-80-ion {
  --padding-bottom: 80px !important;
  --padding-end: 80px !important;
  --padding-start: 80px !important;
  --padding-top: 80px !important;
}
.p-all-80-inner {
  --inner-padding-top: 80px !important;
  --inner-padding-end: 80px !important;
  --inner-padding-start: 80px !important;
  --inner-padding-bottom: 80px !important;
}

.p-horizontal-80 {
  padding-left: 80px;
  padding-right: 80px;
}
.p-horizontal-80-ion {
  --padding-end: 80px !important;
  --padding-start: 80px !important;
}
.p-horizontal-80-inner {
  --inner-padding-end: 80px !important;
  --inner-padding-start: 80px !important;
}

.p-vertical-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}
.p-vertical-80-ion {
  --padding-bottom: 80px !important;
  --padding-top: 80px !important;
}
.p-vertical-80-inner {
  --inner-padding-top: 80px !important;
  --inner-padding-bottom: 80px !important;
}

.p-top-80 {
  padding-top: 80px;
}
.p-top-80-ion {
  --padding-top: 80px !important;
}
.p-top-80-inner {
  --inner-padding-top: 80px !important;
}

.p-bottom-80 {
  padding-bottom: 80px;
}
.p-bottom-80-ion {
  --padding-bottom: 80px !important;
}
.p-bottom-80-inner {
  --inner-padding-bottom: 80px !important;
}

.p-left-80 {
  padding-left: 80px;
}
.p-left-80-ion {
  --padding-start: 80px !important;
}
.p-left-80-inner {
  --inner-padding-start: 80px !important;
}

.p-right-80 {
  padding-right: 80px;
}
.p-right-80-ion {
  --padding-end: 80px !important;
}
.p-right-80-inner {
  --inner-padding-end: 80px !important;
}

.m-all-80 {
  margin: 80px;
}

.m-horizontal-80 {
  margin-left: 80px;
  margin-right: 80px;
}

.m-vertical-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.m-top-80 {
  margin-top: 80px;
}

.m-bottom-80 {
  margin-bottom: 80px;
}

.m-left-80 {
  margin-left: 80px;
}

.m-right-80 {
  margin-right: 80px;
}

.p-all-85 {
  padding: 85px;
}
.p-all-85-ion {
  --padding-bottom: 85px !important;
  --padding-end: 85px !important;
  --padding-start: 85px !important;
  --padding-top: 85px !important;
}
.p-all-85-inner {
  --inner-padding-top: 85px !important;
  --inner-padding-end: 85px !important;
  --inner-padding-start: 85px !important;
  --inner-padding-bottom: 85px !important;
}

.p-horizontal-85 {
  padding-left: 85px;
  padding-right: 85px;
}
.p-horizontal-85-ion {
  --padding-end: 85px !important;
  --padding-start: 85px !important;
}
.p-horizontal-85-inner {
  --inner-padding-end: 85px !important;
  --inner-padding-start: 85px !important;
}

.p-vertical-85 {
  padding-top: 85px;
  padding-bottom: 85px;
}
.p-vertical-85-ion {
  --padding-bottom: 85px !important;
  --padding-top: 85px !important;
}
.p-vertical-85-inner {
  --inner-padding-top: 85px !important;
  --inner-padding-bottom: 85px !important;
}

.p-top-85 {
  padding-top: 85px;
}
.p-top-85-ion {
  --padding-top: 85px !important;
}
.p-top-85-inner {
  --inner-padding-top: 85px !important;
}

.p-bottom-85 {
  padding-bottom: 85px;
}
.p-bottom-85-ion {
  --padding-bottom: 85px !important;
}
.p-bottom-85-inner {
  --inner-padding-bottom: 85px !important;
}

.p-left-85 {
  padding-left: 85px;
}
.p-left-85-ion {
  --padding-start: 85px !important;
}
.p-left-85-inner {
  --inner-padding-start: 85px !important;
}

.p-right-85 {
  padding-right: 85px;
}
.p-right-85-ion {
  --padding-end: 85px !important;
}
.p-right-85-inner {
  --inner-padding-end: 85px !important;
}

.m-all-85 {
  margin: 85px;
}

.m-horizontal-85 {
  margin-left: 85px;
  margin-right: 85px;
}

.m-vertical-85 {
  margin-top: 85px;
  margin-bottom: 85px;
}

.m-top-85 {
  margin-top: 85px;
}

.m-bottom-85 {
  margin-bottom: 85px;
}

.m-left-85 {
  margin-left: 85px;
}

.m-right-85 {
  margin-right: 85px;
}

.p-all-90 {
  padding: 90px;
}
.p-all-90-ion {
  --padding-bottom: 90px !important;
  --padding-end: 90px !important;
  --padding-start: 90px !important;
  --padding-top: 90px !important;
}
.p-all-90-inner {
  --inner-padding-top: 90px !important;
  --inner-padding-end: 90px !important;
  --inner-padding-start: 90px !important;
  --inner-padding-bottom: 90px !important;
}

.p-horizontal-90 {
  padding-left: 90px;
  padding-right: 90px;
}
.p-horizontal-90-ion {
  --padding-end: 90px !important;
  --padding-start: 90px !important;
}
.p-horizontal-90-inner {
  --inner-padding-end: 90px !important;
  --inner-padding-start: 90px !important;
}

.p-vertical-90 {
  padding-top: 90px;
  padding-bottom: 90px;
}
.p-vertical-90-ion {
  --padding-bottom: 90px !important;
  --padding-top: 90px !important;
}
.p-vertical-90-inner {
  --inner-padding-top: 90px !important;
  --inner-padding-bottom: 90px !important;
}

.p-top-90 {
  padding-top: 90px;
}
.p-top-90-ion {
  --padding-top: 90px !important;
}
.p-top-90-inner {
  --inner-padding-top: 90px !important;
}

.p-bottom-90 {
  padding-bottom: 90px;
}
.p-bottom-90-ion {
  --padding-bottom: 90px !important;
}
.p-bottom-90-inner {
  --inner-padding-bottom: 90px !important;
}

.p-left-90 {
  padding-left: 90px;
}
.p-left-90-ion {
  --padding-start: 90px !important;
}
.p-left-90-inner {
  --inner-padding-start: 90px !important;
}

.p-right-90 {
  padding-right: 90px;
}
.p-right-90-ion {
  --padding-end: 90px !important;
}
.p-right-90-inner {
  --inner-padding-end: 90px !important;
}

.m-all-90 {
  margin: 90px;
}

.m-horizontal-90 {
  margin-left: 90px;
  margin-right: 90px;
}

.m-vertical-90 {
  margin-top: 90px;
  margin-bottom: 90px;
}

.m-top-90 {
  margin-top: 90px;
}

.m-bottom-90 {
  margin-bottom: 90px;
}

.m-left-90 {
  margin-left: 90px;
}

.m-right-90 {
  margin-right: 90px;
}

.p-all-95 {
  padding: 95px;
}
.p-all-95-ion {
  --padding-bottom: 95px !important;
  --padding-end: 95px !important;
  --padding-start: 95px !important;
  --padding-top: 95px !important;
}
.p-all-95-inner {
  --inner-padding-top: 95px !important;
  --inner-padding-end: 95px !important;
  --inner-padding-start: 95px !important;
  --inner-padding-bottom: 95px !important;
}

.p-horizontal-95 {
  padding-left: 95px;
  padding-right: 95px;
}
.p-horizontal-95-ion {
  --padding-end: 95px !important;
  --padding-start: 95px !important;
}
.p-horizontal-95-inner {
  --inner-padding-end: 95px !important;
  --inner-padding-start: 95px !important;
}

.p-vertical-95 {
  padding-top: 95px;
  padding-bottom: 95px;
}
.p-vertical-95-ion {
  --padding-bottom: 95px !important;
  --padding-top: 95px !important;
}
.p-vertical-95-inner {
  --inner-padding-top: 95px !important;
  --inner-padding-bottom: 95px !important;
}

.p-top-95 {
  padding-top: 95px;
}
.p-top-95-ion {
  --padding-top: 95px !important;
}
.p-top-95-inner {
  --inner-padding-top: 95px !important;
}

.p-bottom-95 {
  padding-bottom: 95px;
}
.p-bottom-95-ion {
  --padding-bottom: 95px !important;
}
.p-bottom-95-inner {
  --inner-padding-bottom: 95px !important;
}

.p-left-95 {
  padding-left: 95px;
}
.p-left-95-ion {
  --padding-start: 95px !important;
}
.p-left-95-inner {
  --inner-padding-start: 95px !important;
}

.p-right-95 {
  padding-right: 95px;
}
.p-right-95-ion {
  --padding-end: 95px !important;
}
.p-right-95-inner {
  --inner-padding-end: 95px !important;
}

.m-all-95 {
  margin: 95px;
}

.m-horizontal-95 {
  margin-left: 95px;
  margin-right: 95px;
}

.m-vertical-95 {
  margin-top: 95px;
  margin-bottom: 95px;
}

.m-top-95 {
  margin-top: 95px;
}

.m-bottom-95 {
  margin-bottom: 95px;
}

.m-left-95 {
  margin-left: 95px;
}

.m-right-95 {
  margin-right: 95px;
}

.p-all-100 {
  padding: 100px;
}
.p-all-100-ion {
  --padding-bottom: 100px !important;
  --padding-end: 100px !important;
  --padding-start: 100px !important;
  --padding-top: 100px !important;
}
.p-all-100-inner {
  --inner-padding-top: 100px !important;
  --inner-padding-end: 100px !important;
  --inner-padding-start: 100px !important;
  --inner-padding-bottom: 100px !important;
}

.p-horizontal-100 {
  padding-left: 100px;
  padding-right: 100px;
}
.p-horizontal-100-ion {
  --padding-end: 100px !important;
  --padding-start: 100px !important;
}
.p-horizontal-100-inner {
  --inner-padding-end: 100px !important;
  --inner-padding-start: 100px !important;
}

.p-vertical-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}
.p-vertical-100-ion {
  --padding-bottom: 100px !important;
  --padding-top: 100px !important;
}
.p-vertical-100-inner {
  --inner-padding-top: 100px !important;
  --inner-padding-bottom: 100px !important;
}

.p-top-100 {
  padding-top: 100px;
}
.p-top-100-ion {
  --padding-top: 100px !important;
}
.p-top-100-inner {
  --inner-padding-top: 100px !important;
}

.p-bottom-100 {
  padding-bottom: 100px;
}
.p-bottom-100-ion {
  --padding-bottom: 100px !important;
}
.p-bottom-100-inner {
  --inner-padding-bottom: 100px !important;
}

.p-left-100 {
  padding-left: 100px;
}
.p-left-100-ion {
  --padding-start: 100px !important;
}
.p-left-100-inner {
  --inner-padding-start: 100px !important;
}

.p-right-100 {
  padding-right: 100px;
}
.p-right-100-ion {
  --padding-end: 100px !important;
}
.p-right-100-inner {
  --inner-padding-end: 100px !important;
}

.m-all-100 {
  margin: 100px;
}

.m-horizontal-100 {
  margin-left: 100px;
  margin-right: 100px;
}

.m-vertical-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.m-top-100 {
  margin-top: 100px;
}

.m-bottom-100 {
  margin-bottom: 100px;
}

.m-left-100 {
  margin-left: 100px;
}

.m-right-100 {
  margin-right: 100px;
}

.p-all-0 {
  padding: 0px;
}
.p-all-0-i {
  padding: 0px !important;
}
.p-all-0-ion {
  --padding-bottom: 0px;
  --padding-end: 0px;
  --padding-start: 0px;
  --padding-top: 0px;
}
.p-all-0-inner {
  --inner-padding-top: 0px !important;
  --inner-padding-end: 0px !important;
  --inner-padding-start: 0px !important;
  --inner-padding-bottom: 0px !important;
}

.p-horizontal-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.p-horizontal-0-i {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.p-horizontal-0-inline {
  padding-inline-start: 0px;
  padding-inline-end: 0px;
}
.p-horizontal-0-ion {
  --padding-end: 0px;
  --padding-start: 0px;
}
.p-horizontal-0-inner {
  --inner-padding-end: 0px !important;
  --inner-padding-start: 0px !important;
}

.p-vertical-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.p-vertical-0-i {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.p-vertical-0-ion {
  --padding-bottom: 0px;
  --padding-top: 0px;
}
.p-vertical-0-inner {
  --inner-padding-top: 0px !important;
  --inner-padding-bottom: 0px !important;
}

.p-top-0 {
  padding-top: 0px;
}
.p-top-0-i {
  padding-top: 0px !important;
}
.p-top-0-ion {
  --padding-top: 0px;
}
.p-top-0-inner {
  --inner-padding-top: 0px !important;
}

.p-bottom-0 {
  padding-bottom: 0px;
}
.p-bottom-0-i {
  padding-bottom: 0px !important;
}
.p-bottom-0-ion {
  --padding-bottom: 0px;
}
.p-bottom-0-inner {
  --inner-padding-bottom: 0px !important;
}

.p-left-0 {
  padding-left: 0px;
}
.p-left-0-i {
  padding-left: 0px !important;
}
.p-left-0-inline {
  padding-inline-start: 0px;
}
.p-left-0-ion {
  --padding-start: 0px;
}
.p-left-0-inner {
  --inner-padding-start: 0px !important;
}

.p-right-0 {
  padding-right: 0px;
}
.p-right-0-i {
  padding-right: 0px !important;
}
.p-right-0-inline {
  padding-inline-end: 0px;
}
.p-right-0-ion {
  --padding-end: 0px;
}
.p-right-0-inner {
  --inner-padding-end: 0px !important;
}

.m-all-0 {
  margin: 0px;
}
.m-all-0-i {
  margin: 0px !important;
}

.m-horizontal-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.m-horizontal-0-i {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.m-horizontal-0-inline {
  margin-inline-start: 0px !important;
  margin-inline-end: 0px !important;
}

.m-vertical-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.m-vertical-0-i {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.m-top-0 {
  margin-top: 0px;
}
.m-top-0-i {
  margin-top: 0px !important;
}

.m-bottom-0 {
  margin-bottom: 0px;
}
.m-bottom-0-i {
  margin-bottom: 0px !important;
}

.m-left-0 {
  margin-left: 0px;
}
.m-left-0-i {
  margin-left: 0px !important;
}
.m-left-0-inline {
  margin-inline-start: 0px;
}

.m-right-0 {
  margin-right: 0px;
}
.m-right-0-i {
  margin-right: 0px !important;
}
.m-right-0-inline {
  margin-inline-end: 0px;
}

.p-all-1 {
  padding: 1px;
}
.p-all-1-i {
  padding: 1px !important;
}
.p-all-1-ion {
  --padding-bottom: 1px;
  --padding-end: 1px;
  --padding-start: 1px;
  --padding-top: 1px;
}
.p-all-1-inner {
  --inner-padding-top: 1px !important;
  --inner-padding-end: 1px !important;
  --inner-padding-start: 1px !important;
  --inner-padding-bottom: 1px !important;
}

.p-horizontal-1 {
  padding-left: 1px;
  padding-right: 1px;
}
.p-horizontal-1-i {
  padding-left: 1px !important;
  padding-right: 1px !important;
}
.p-horizontal-1-inline {
  padding-inline-start: 1px;
  padding-inline-end: 1px;
}
.p-horizontal-1-ion {
  --padding-end: 1px;
  --padding-start: 1px;
}
.p-horizontal-1-inner {
  --inner-padding-end: 1px !important;
  --inner-padding-start: 1px !important;
}

.p-vertical-1 {
  padding-top: 1px;
  padding-bottom: 1px;
}
.p-vertical-1-i {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}
.p-vertical-1-ion {
  --padding-bottom: 1px;
  --padding-top: 1px;
}
.p-vertical-1-inner {
  --inner-padding-top: 1px !important;
  --inner-padding-bottom: 1px !important;
}

.p-top-1 {
  padding-top: 1px;
}
.p-top-1-i {
  padding-top: 1px !important;
}
.p-top-1-ion {
  --padding-top: 1px;
}
.p-top-1-inner {
  --inner-padding-top: 1px !important;
}

.p-bottom-1 {
  padding-bottom: 1px;
}
.p-bottom-1-i {
  padding-bottom: 1px !important;
}
.p-bottom-1-ion {
  --padding-bottom: 1px;
}
.p-bottom-1-inner {
  --inner-padding-bottom: 1px !important;
}

.p-left-1 {
  padding-left: 1px;
}
.p-left-1-i {
  padding-left: 1px !important;
}
.p-left-1-inline {
  padding-inline-start: 1px;
}
.p-left-1-ion {
  --padding-start: 1px;
}
.p-left-1-inner {
  --inner-padding-start: 1px !important;
}

.p-right-1 {
  padding-right: 1px;
}
.p-right-1-i {
  padding-right: 1px !important;
}
.p-right-1-inline {
  padding-inline-end: 1px;
}
.p-right-1-ion {
  --padding-end: 1px;
}
.p-right-1-inner {
  --inner-padding-end: 1px !important;
}

.m-all-1 {
  margin: 1px;
}
.m-all-1-i {
  margin: 1px !important;
}

.m-horizontal-1 {
  margin-left: 1px;
  margin-right: 1px;
}
.m-horizontal-1-i {
  margin-left: 1px !important;
  margin-right: 1px !important;
}
.m-horizontal-1-inline {
  margin-inline-start: 1px !important;
  margin-inline-end: 1px !important;
}

.m-vertical-1 {
  margin-top: 1px;
  margin-bottom: 1px;
}
.m-vertical-1-i {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}

.m-top-1 {
  margin-top: 1px;
}
.m-top-1-i {
  margin-top: 1px !important;
}

.m-bottom-1 {
  margin-bottom: 1px;
}
.m-bottom-1-i {
  margin-bottom: 1px !important;
}

.m-left-1 {
  margin-left: 1px;
}
.m-left-1-i {
  margin-left: 1px !important;
}
.m-left-1-inline {
  margin-inline-start: 1px;
}

.m-right-1 {
  margin-right: 1px;
}
.m-right-1-i {
  margin-right: 1px !important;
}
.m-right-1-inline {
  margin-inline-end: 1px;
}

.p-all-2 {
  padding: 2px;
}
.p-all-2-i {
  padding: 2px !important;
}
.p-all-2-ion {
  --padding-bottom: 2px;
  --padding-end: 2px;
  --padding-start: 2px;
  --padding-top: 2px;
}
.p-all-2-inner {
  --inner-padding-top: 2px !important;
  --inner-padding-end: 2px !important;
  --inner-padding-start: 2px !important;
  --inner-padding-bottom: 2px !important;
}

.p-horizontal-2 {
  padding-left: 2px;
  padding-right: 2px;
}
.p-horizontal-2-i {
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.p-horizontal-2-inline {
  padding-inline-start: 2px;
  padding-inline-end: 2px;
}
.p-horizontal-2-ion {
  --padding-end: 2px;
  --padding-start: 2px;
}
.p-horizontal-2-inner {
  --inner-padding-end: 2px !important;
  --inner-padding-start: 2px !important;
}

.p-vertical-2 {
  padding-top: 2px;
  padding-bottom: 2px;
}
.p-vertical-2-i {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.p-vertical-2-ion {
  --padding-bottom: 2px;
  --padding-top: 2px;
}
.p-vertical-2-inner {
  --inner-padding-top: 2px !important;
  --inner-padding-bottom: 2px !important;
}

.p-top-2 {
  padding-top: 2px;
}
.p-top-2-i {
  padding-top: 2px !important;
}
.p-top-2-ion {
  --padding-top: 2px;
}
.p-top-2-inner {
  --inner-padding-top: 2px !important;
}

.p-bottom-2 {
  padding-bottom: 2px;
}
.p-bottom-2-i {
  padding-bottom: 2px !important;
}
.p-bottom-2-ion {
  --padding-bottom: 2px;
}
.p-bottom-2-inner {
  --inner-padding-bottom: 2px !important;
}

.p-left-2 {
  padding-left: 2px;
}
.p-left-2-i {
  padding-left: 2px !important;
}
.p-left-2-inline {
  padding-inline-start: 2px;
}
.p-left-2-ion {
  --padding-start: 2px;
}
.p-left-2-inner {
  --inner-padding-start: 2px !important;
}

.p-right-2 {
  padding-right: 2px;
}
.p-right-2-i {
  padding-right: 2px !important;
}
.p-right-2-inline {
  padding-inline-end: 2px;
}
.p-right-2-ion {
  --padding-end: 2px;
}
.p-right-2-inner {
  --inner-padding-end: 2px !important;
}

.m-all-2 {
  margin: 2px;
}
.m-all-2-i {
  margin: 2px !important;
}

.m-horizontal-2 {
  margin-left: 2px;
  margin-right: 2px;
}
.m-horizontal-2-i {
  margin-left: 2px !important;
  margin-right: 2px !important;
}
.m-horizontal-2-inline {
  margin-inline-start: 2px !important;
  margin-inline-end: 2px !important;
}

.m-vertical-2 {
  margin-top: 2px;
  margin-bottom: 2px;
}
.m-vertical-2-i {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.m-top-2 {
  margin-top: 2px;
}
.m-top-2-i {
  margin-top: 2px !important;
}

.m-bottom-2 {
  margin-bottom: 2px;
}
.m-bottom-2-i {
  margin-bottom: 2px !important;
}

.m-left-2 {
  margin-left: 2px;
}
.m-left-2-i {
  margin-left: 2px !important;
}
.m-left-2-inline {
  margin-inline-start: 2px;
}

.m-right-2 {
  margin-right: 2px;
}
.m-right-2-i {
  margin-right: 2px !important;
}
.m-right-2-inline {
  margin-inline-end: 2px;
}

.p-all-3 {
  padding: 3px;
}
.p-all-3-i {
  padding: 3px !important;
}
.p-all-3-ion {
  --padding-bottom: 3px;
  --padding-end: 3px;
  --padding-start: 3px;
  --padding-top: 3px;
}
.p-all-3-inner {
  --inner-padding-top: 3px !important;
  --inner-padding-end: 3px !important;
  --inner-padding-start: 3px !important;
  --inner-padding-bottom: 3px !important;
}

.p-horizontal-3 {
  padding-left: 3px;
  padding-right: 3px;
}
.p-horizontal-3-i {
  padding-left: 3px !important;
  padding-right: 3px !important;
}
.p-horizontal-3-inline {
  padding-inline-start: 3px;
  padding-inline-end: 3px;
}
.p-horizontal-3-ion {
  --padding-end: 3px;
  --padding-start: 3px;
}
.p-horizontal-3-inner {
  --inner-padding-end: 3px !important;
  --inner-padding-start: 3px !important;
}

.p-vertical-3 {
  padding-top: 3px;
  padding-bottom: 3px;
}
.p-vertical-3-i {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}
.p-vertical-3-ion {
  --padding-bottom: 3px;
  --padding-top: 3px;
}
.p-vertical-3-inner {
  --inner-padding-top: 3px !important;
  --inner-padding-bottom: 3px !important;
}

.p-top-3 {
  padding-top: 3px;
}
.p-top-3-i {
  padding-top: 3px !important;
}
.p-top-3-ion {
  --padding-top: 3px;
}
.p-top-3-inner {
  --inner-padding-top: 3px !important;
}

.p-bottom-3 {
  padding-bottom: 3px;
}
.p-bottom-3-i {
  padding-bottom: 3px !important;
}
.p-bottom-3-ion {
  --padding-bottom: 3px;
}
.p-bottom-3-inner {
  --inner-padding-bottom: 3px !important;
}

.p-left-3 {
  padding-left: 3px;
}
.p-left-3-i {
  padding-left: 3px !important;
}
.p-left-3-inline {
  padding-inline-start: 3px;
}
.p-left-3-ion {
  --padding-start: 3px;
}
.p-left-3-inner {
  --inner-padding-start: 3px !important;
}

.p-right-3 {
  padding-right: 3px;
}
.p-right-3-i {
  padding-right: 3px !important;
}
.p-right-3-inline {
  padding-inline-end: 3px;
}
.p-right-3-ion {
  --padding-end: 3px;
}
.p-right-3-inner {
  --inner-padding-end: 3px !important;
}

.m-all-3 {
  margin: 3px;
}
.m-all-3-i {
  margin: 3px !important;
}

.m-horizontal-3 {
  margin-left: 3px;
  margin-right: 3px;
}
.m-horizontal-3-i {
  margin-left: 3px !important;
  margin-right: 3px !important;
}
.m-horizontal-3-inline {
  margin-inline-start: 3px !important;
  margin-inline-end: 3px !important;
}

.m-vertical-3 {
  margin-top: 3px;
  margin-bottom: 3px;
}
.m-vertical-3-i {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}

.m-top-3 {
  margin-top: 3px;
}
.m-top-3-i {
  margin-top: 3px !important;
}

.m-bottom-3 {
  margin-bottom: 3px;
}
.m-bottom-3-i {
  margin-bottom: 3px !important;
}

.m-left-3 {
  margin-left: 3px;
}
.m-left-3-i {
  margin-left: 3px !important;
}
.m-left-3-inline {
  margin-inline-start: 3px;
}

.m-right-3 {
  margin-right: 3px;
}
.m-right-3-i {
  margin-right: 3px !important;
}
.m-right-3-inline {
  margin-inline-end: 3px;
}

.p-all-4 {
  padding: 4px;
}
.p-all-4-i {
  padding: 4px !important;
}
.p-all-4-ion {
  --padding-bottom: 4px;
  --padding-end: 4px;
  --padding-start: 4px;
  --padding-top: 4px;
}
.p-all-4-inner {
  --inner-padding-top: 4px !important;
  --inner-padding-end: 4px !important;
  --inner-padding-start: 4px !important;
  --inner-padding-bottom: 4px !important;
}

.p-horizontal-4 {
  padding-left: 4px;
  padding-right: 4px;
}
.p-horizontal-4-i {
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.p-horizontal-4-inline {
  padding-inline-start: 4px;
  padding-inline-end: 4px;
}
.p-horizontal-4-ion {
  --padding-end: 4px;
  --padding-start: 4px;
}
.p-horizontal-4-inner {
  --inner-padding-end: 4px !important;
  --inner-padding-start: 4px !important;
}

.p-vertical-4 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.p-vertical-4-i {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.p-vertical-4-ion {
  --padding-bottom: 4px;
  --padding-top: 4px;
}
.p-vertical-4-inner {
  --inner-padding-top: 4px !important;
  --inner-padding-bottom: 4px !important;
}

.p-top-4 {
  padding-top: 4px;
}
.p-top-4-i {
  padding-top: 4px !important;
}
.p-top-4-ion {
  --padding-top: 4px;
}
.p-top-4-inner {
  --inner-padding-top: 4px !important;
}

.p-bottom-4 {
  padding-bottom: 4px;
}
.p-bottom-4-i {
  padding-bottom: 4px !important;
}
.p-bottom-4-ion {
  --padding-bottom: 4px;
}
.p-bottom-4-inner {
  --inner-padding-bottom: 4px !important;
}

.p-left-4 {
  padding-left: 4px;
}
.p-left-4-i {
  padding-left: 4px !important;
}
.p-left-4-inline {
  padding-inline-start: 4px;
}
.p-left-4-ion {
  --padding-start: 4px;
}
.p-left-4-inner {
  --inner-padding-start: 4px !important;
}

.p-right-4 {
  padding-right: 4px;
}
.p-right-4-i {
  padding-right: 4px !important;
}
.p-right-4-inline {
  padding-inline-end: 4px;
}
.p-right-4-ion {
  --padding-end: 4px;
}
.p-right-4-inner {
  --inner-padding-end: 4px !important;
}

.m-all-4 {
  margin: 4px;
}
.m-all-4-i {
  margin: 4px !important;
}

.m-horizontal-4 {
  margin-left: 4px;
  margin-right: 4px;
}
.m-horizontal-4-i {
  margin-left: 4px !important;
  margin-right: 4px !important;
}
.m-horizontal-4-inline {
  margin-inline-start: 4px !important;
  margin-inline-end: 4px !important;
}

.m-vertical-4 {
  margin-top: 4px;
  margin-bottom: 4px;
}
.m-vertical-4-i {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.m-top-4 {
  margin-top: 4px;
}
.m-top-4-i {
  margin-top: 4px !important;
}

.m-bottom-4 {
  margin-bottom: 4px;
}
.m-bottom-4-i {
  margin-bottom: 4px !important;
}

.m-left-4 {
  margin-left: 4px;
}
.m-left-4-i {
  margin-left: 4px !important;
}
.m-left-4-inline {
  margin-inline-start: 4px;
}

.m-right-4 {
  margin-right: 4px;
}
.m-right-4-i {
  margin-right: 4px !important;
}
.m-right-4-inline {
  margin-inline-end: 4px;
}

.p-all-5 {
  padding: 5px;
}
.p-all-5-i {
  padding: 5px !important;
}
.p-all-5-ion {
  --padding-bottom: 5px;
  --padding-end: 5px;
  --padding-start: 5px;
  --padding-top: 5px;
}
.p-all-5-inner {
  --inner-padding-top: 5px !important;
  --inner-padding-end: 5px !important;
  --inner-padding-start: 5px !important;
  --inner-padding-bottom: 5px !important;
}

.p-horizontal-5 {
  padding-left: 5px;
  padding-right: 5px;
}
.p-horizontal-5-i {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.p-horizontal-5-inline {
  padding-inline-start: 5px;
  padding-inline-end: 5px;
}
.p-horizontal-5-ion {
  --padding-end: 5px;
  --padding-start: 5px;
}
.p-horizontal-5-inner {
  --inner-padding-end: 5px !important;
  --inner-padding-start: 5px !important;
}

.p-vertical-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.p-vertical-5-i {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.p-vertical-5-ion {
  --padding-bottom: 5px;
  --padding-top: 5px;
}
.p-vertical-5-inner {
  --inner-padding-top: 5px !important;
  --inner-padding-bottom: 5px !important;
}

.p-top-5 {
  padding-top: 5px;
}
.p-top-5-i {
  padding-top: 5px !important;
}
.p-top-5-ion {
  --padding-top: 5px;
}
.p-top-5-inner {
  --inner-padding-top: 5px !important;
}

.p-bottom-5 {
  padding-bottom: 5px;
}
.p-bottom-5-i {
  padding-bottom: 5px !important;
}
.p-bottom-5-ion {
  --padding-bottom: 5px;
}
.p-bottom-5-inner {
  --inner-padding-bottom: 5px !important;
}

.p-left-5 {
  padding-left: 5px;
}
.p-left-5-i {
  padding-left: 5px !important;
}
.p-left-5-inline {
  padding-inline-start: 5px;
}
.p-left-5-ion {
  --padding-start: 5px;
}
.p-left-5-inner {
  --inner-padding-start: 5px !important;
}

.p-right-5 {
  padding-right: 5px;
}
.p-right-5-i {
  padding-right: 5px !important;
}
.p-right-5-inline {
  padding-inline-end: 5px;
}
.p-right-5-ion {
  --padding-end: 5px;
}
.p-right-5-inner {
  --inner-padding-end: 5px !important;
}

.m-all-5 {
  margin: 5px;
}
.m-all-5-i {
  margin: 5px !important;
}

.m-horizontal-5 {
  margin-left: 5px;
  margin-right: 5px;
}
.m-horizontal-5-i {
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.m-horizontal-5-inline {
  margin-inline-start: 5px !important;
  margin-inline-end: 5px !important;
}

.m-vertical-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}
.m-vertical-5-i {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.m-top-5 {
  margin-top: 5px;
}
.m-top-5-i {
  margin-top: 5px !important;
}

.m-bottom-5 {
  margin-bottom: 5px;
}
.m-bottom-5-i {
  margin-bottom: 5px !important;
}

.m-left-5 {
  margin-left: 5px;
}
.m-left-5-i {
  margin-left: 5px !important;
}
.m-left-5-inline {
  margin-inline-start: 5px;
}

.m-right-5 {
  margin-right: 5px;
}
.m-right-5-i {
  margin-right: 5px !important;
}
.m-right-5-inline {
  margin-inline-end: 5px;
}

.p-all-6 {
  padding: 6px;
}
.p-all-6-i {
  padding: 6px !important;
}
.p-all-6-ion {
  --padding-bottom: 6px;
  --padding-end: 6px;
  --padding-start: 6px;
  --padding-top: 6px;
}
.p-all-6-inner {
  --inner-padding-top: 6px !important;
  --inner-padding-end: 6px !important;
  --inner-padding-start: 6px !important;
  --inner-padding-bottom: 6px !important;
}

.p-horizontal-6 {
  padding-left: 6px;
  padding-right: 6px;
}
.p-horizontal-6-i {
  padding-left: 6px !important;
  padding-right: 6px !important;
}
.p-horizontal-6-inline {
  padding-inline-start: 6px;
  padding-inline-end: 6px;
}
.p-horizontal-6-ion {
  --padding-end: 6px;
  --padding-start: 6px;
}
.p-horizontal-6-inner {
  --inner-padding-end: 6px !important;
  --inner-padding-start: 6px !important;
}

.p-vertical-6 {
  padding-top: 6px;
  padding-bottom: 6px;
}
.p-vertical-6-i {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.p-vertical-6-ion {
  --padding-bottom: 6px;
  --padding-top: 6px;
}
.p-vertical-6-inner {
  --inner-padding-top: 6px !important;
  --inner-padding-bottom: 6px !important;
}

.p-top-6 {
  padding-top: 6px;
}
.p-top-6-i {
  padding-top: 6px !important;
}
.p-top-6-ion {
  --padding-top: 6px;
}
.p-top-6-inner {
  --inner-padding-top: 6px !important;
}

.p-bottom-6 {
  padding-bottom: 6px;
}
.p-bottom-6-i {
  padding-bottom: 6px !important;
}
.p-bottom-6-ion {
  --padding-bottom: 6px;
}
.p-bottom-6-inner {
  --inner-padding-bottom: 6px !important;
}

.p-left-6 {
  padding-left: 6px;
}
.p-left-6-i {
  padding-left: 6px !important;
}
.p-left-6-inline {
  padding-inline-start: 6px;
}
.p-left-6-ion {
  --padding-start: 6px;
}
.p-left-6-inner {
  --inner-padding-start: 6px !important;
}

.p-right-6 {
  padding-right: 6px;
}
.p-right-6-i {
  padding-right: 6px !important;
}
.p-right-6-inline {
  padding-inline-end: 6px;
}
.p-right-6-ion {
  --padding-end: 6px;
}
.p-right-6-inner {
  --inner-padding-end: 6px !important;
}

.m-all-6 {
  margin: 6px;
}
.m-all-6-i {
  margin: 6px !important;
}

.m-horizontal-6 {
  margin-left: 6px;
  margin-right: 6px;
}
.m-horizontal-6-i {
  margin-left: 6px !important;
  margin-right: 6px !important;
}
.m-horizontal-6-inline {
  margin-inline-start: 6px !important;
  margin-inline-end: 6px !important;
}

.m-vertical-6 {
  margin-top: 6px;
  margin-bottom: 6px;
}
.m-vertical-6-i {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

.m-top-6 {
  margin-top: 6px;
}
.m-top-6-i {
  margin-top: 6px !important;
}

.m-bottom-6 {
  margin-bottom: 6px;
}
.m-bottom-6-i {
  margin-bottom: 6px !important;
}

.m-left-6 {
  margin-left: 6px;
}
.m-left-6-i {
  margin-left: 6px !important;
}
.m-left-6-inline {
  margin-inline-start: 6px;
}

.m-right-6 {
  margin-right: 6px;
}
.m-right-6-i {
  margin-right: 6px !important;
}
.m-right-6-inline {
  margin-inline-end: 6px;
}

.p-all-7 {
  padding: 7px;
}
.p-all-7-i {
  padding: 7px !important;
}
.p-all-7-ion {
  --padding-bottom: 7px;
  --padding-end: 7px;
  --padding-start: 7px;
  --padding-top: 7px;
}
.p-all-7-inner {
  --inner-padding-top: 7px !important;
  --inner-padding-end: 7px !important;
  --inner-padding-start: 7px !important;
  --inner-padding-bottom: 7px !important;
}

.p-horizontal-7 {
  padding-left: 7px;
  padding-right: 7px;
}
.p-horizontal-7-i {
  padding-left: 7px !important;
  padding-right: 7px !important;
}
.p-horizontal-7-inline {
  padding-inline-start: 7px;
  padding-inline-end: 7px;
}
.p-horizontal-7-ion {
  --padding-end: 7px;
  --padding-start: 7px;
}
.p-horizontal-7-inner {
  --inner-padding-end: 7px !important;
  --inner-padding-start: 7px !important;
}

.p-vertical-7 {
  padding-top: 7px;
  padding-bottom: 7px;
}
.p-vertical-7-i {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}
.p-vertical-7-ion {
  --padding-bottom: 7px;
  --padding-top: 7px;
}
.p-vertical-7-inner {
  --inner-padding-top: 7px !important;
  --inner-padding-bottom: 7px !important;
}

.p-top-7 {
  padding-top: 7px;
}
.p-top-7-i {
  padding-top: 7px !important;
}
.p-top-7-ion {
  --padding-top: 7px;
}
.p-top-7-inner {
  --inner-padding-top: 7px !important;
}

.p-bottom-7 {
  padding-bottom: 7px;
}
.p-bottom-7-i {
  padding-bottom: 7px !important;
}
.p-bottom-7-ion {
  --padding-bottom: 7px;
}
.p-bottom-7-inner {
  --inner-padding-bottom: 7px !important;
}

.p-left-7 {
  padding-left: 7px;
}
.p-left-7-i {
  padding-left: 7px !important;
}
.p-left-7-inline {
  padding-inline-start: 7px;
}
.p-left-7-ion {
  --padding-start: 7px;
}
.p-left-7-inner {
  --inner-padding-start: 7px !important;
}

.p-right-7 {
  padding-right: 7px;
}
.p-right-7-i {
  padding-right: 7px !important;
}
.p-right-7-inline {
  padding-inline-end: 7px;
}
.p-right-7-ion {
  --padding-end: 7px;
}
.p-right-7-inner {
  --inner-padding-end: 7px !important;
}

.m-all-7 {
  margin: 7px;
}
.m-all-7-i {
  margin: 7px !important;
}

.m-horizontal-7 {
  margin-left: 7px;
  margin-right: 7px;
}
.m-horizontal-7-i {
  margin-left: 7px !important;
  margin-right: 7px !important;
}
.m-horizontal-7-inline {
  margin-inline-start: 7px !important;
  margin-inline-end: 7px !important;
}

.m-vertical-7 {
  margin-top: 7px;
  margin-bottom: 7px;
}
.m-vertical-7-i {
  margin-top: 7px !important;
  margin-bottom: 7px !important;
}

.m-top-7 {
  margin-top: 7px;
}
.m-top-7-i {
  margin-top: 7px !important;
}

.m-bottom-7 {
  margin-bottom: 7px;
}
.m-bottom-7-i {
  margin-bottom: 7px !important;
}

.m-left-7 {
  margin-left: 7px;
}
.m-left-7-i {
  margin-left: 7px !important;
}
.m-left-7-inline {
  margin-inline-start: 7px;
}

.m-right-7 {
  margin-right: 7px;
}
.m-right-7-i {
  margin-right: 7px !important;
}
.m-right-7-inline {
  margin-inline-end: 7px;
}

.p-all-8 {
  padding: 8px;
}
.p-all-8-i {
  padding: 8px !important;
}
.p-all-8-ion {
  --padding-bottom: 8px;
  --padding-end: 8px;
  --padding-start: 8px;
  --padding-top: 8px;
}
.p-all-8-inner {
  --inner-padding-top: 8px !important;
  --inner-padding-end: 8px !important;
  --inner-padding-start: 8px !important;
  --inner-padding-bottom: 8px !important;
}

.p-horizontal-8 {
  padding-left: 8px;
  padding-right: 8px;
}
.p-horizontal-8-i {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.p-horizontal-8-inline {
  padding-inline-start: 8px;
  padding-inline-end: 8px;
}
.p-horizontal-8-ion {
  --padding-end: 8px;
  --padding-start: 8px;
}
.p-horizontal-8-inner {
  --inner-padding-end: 8px !important;
  --inner-padding-start: 8px !important;
}

.p-vertical-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.p-vertical-8-i {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.p-vertical-8-ion {
  --padding-bottom: 8px;
  --padding-top: 8px;
}
.p-vertical-8-inner {
  --inner-padding-top: 8px !important;
  --inner-padding-bottom: 8px !important;
}

.p-top-8 {
  padding-top: 8px;
}
.p-top-8-i {
  padding-top: 8px !important;
}
.p-top-8-ion {
  --padding-top: 8px;
}
.p-top-8-inner {
  --inner-padding-top: 8px !important;
}

.p-bottom-8 {
  padding-bottom: 8px;
}
.p-bottom-8-i {
  padding-bottom: 8px !important;
}
.p-bottom-8-ion {
  --padding-bottom: 8px;
}
.p-bottom-8-inner {
  --inner-padding-bottom: 8px !important;
}

.p-left-8 {
  padding-left: 8px;
}
.p-left-8-i {
  padding-left: 8px !important;
}
.p-left-8-inline {
  padding-inline-start: 8px;
}
.p-left-8-ion {
  --padding-start: 8px;
}
.p-left-8-inner {
  --inner-padding-start: 8px !important;
}

.p-right-8 {
  padding-right: 8px;
}
.p-right-8-i {
  padding-right: 8px !important;
}
.p-right-8-inline {
  padding-inline-end: 8px;
}
.p-right-8-ion {
  --padding-end: 8px;
}
.p-right-8-inner {
  --inner-padding-end: 8px !important;
}

.m-all-8 {
  margin: 8px;
}
.m-all-8-i {
  margin: 8px !important;
}

.m-horizontal-8 {
  margin-left: 8px;
  margin-right: 8px;
}
.m-horizontal-8-i {
  margin-left: 8px !important;
  margin-right: 8px !important;
}
.m-horizontal-8-inline {
  margin-inline-start: 8px !important;
  margin-inline-end: 8px !important;
}

.m-vertical-8 {
  margin-top: 8px;
  margin-bottom: 8px;
}
.m-vertical-8-i {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.m-top-8 {
  margin-top: 8px;
}
.m-top-8-i {
  margin-top: 8px !important;
}

.m-bottom-8 {
  margin-bottom: 8px;
}
.m-bottom-8-i {
  margin-bottom: 8px !important;
}

.m-left-8 {
  margin-left: 8px;
}
.m-left-8-i {
  margin-left: 8px !important;
}
.m-left-8-inline {
  margin-inline-start: 8px;
}

.m-right-8 {
  margin-right: 8px;
}
.m-right-8-i {
  margin-right: 8px !important;
}
.m-right-8-inline {
  margin-inline-end: 8px;
}

.p-all-9 {
  padding: 9px;
}
.p-all-9-i {
  padding: 9px !important;
}
.p-all-9-ion {
  --padding-bottom: 9px;
  --padding-end: 9px;
  --padding-start: 9px;
  --padding-top: 9px;
}
.p-all-9-inner {
  --inner-padding-top: 9px !important;
  --inner-padding-end: 9px !important;
  --inner-padding-start: 9px !important;
  --inner-padding-bottom: 9px !important;
}

.p-horizontal-9 {
  padding-left: 9px;
  padding-right: 9px;
}
.p-horizontal-9-i {
  padding-left: 9px !important;
  padding-right: 9px !important;
}
.p-horizontal-9-inline {
  padding-inline-start: 9px;
  padding-inline-end: 9px;
}
.p-horizontal-9-ion {
  --padding-end: 9px;
  --padding-start: 9px;
}
.p-horizontal-9-inner {
  --inner-padding-end: 9px !important;
  --inner-padding-start: 9px !important;
}

.p-vertical-9 {
  padding-top: 9px;
  padding-bottom: 9px;
}
.p-vertical-9-i {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}
.p-vertical-9-ion {
  --padding-bottom: 9px;
  --padding-top: 9px;
}
.p-vertical-9-inner {
  --inner-padding-top: 9px !important;
  --inner-padding-bottom: 9px !important;
}

.p-top-9 {
  padding-top: 9px;
}
.p-top-9-i {
  padding-top: 9px !important;
}
.p-top-9-ion {
  --padding-top: 9px;
}
.p-top-9-inner {
  --inner-padding-top: 9px !important;
}

.p-bottom-9 {
  padding-bottom: 9px;
}
.p-bottom-9-i {
  padding-bottom: 9px !important;
}
.p-bottom-9-ion {
  --padding-bottom: 9px;
}
.p-bottom-9-inner {
  --inner-padding-bottom: 9px !important;
}

.p-left-9 {
  padding-left: 9px;
}
.p-left-9-i {
  padding-left: 9px !important;
}
.p-left-9-inline {
  padding-inline-start: 9px;
}
.p-left-9-ion {
  --padding-start: 9px;
}
.p-left-9-inner {
  --inner-padding-start: 9px !important;
}

.p-right-9 {
  padding-right: 9px;
}
.p-right-9-i {
  padding-right: 9px !important;
}
.p-right-9-inline {
  padding-inline-end: 9px;
}
.p-right-9-ion {
  --padding-end: 9px;
}
.p-right-9-inner {
  --inner-padding-end: 9px !important;
}

.m-all-9 {
  margin: 9px;
}
.m-all-9-i {
  margin: 9px !important;
}

.m-horizontal-9 {
  margin-left: 9px;
  margin-right: 9px;
}
.m-horizontal-9-i {
  margin-left: 9px !important;
  margin-right: 9px !important;
}
.m-horizontal-9-inline {
  margin-inline-start: 9px !important;
  margin-inline-end: 9px !important;
}

.m-vertical-9 {
  margin-top: 9px;
  margin-bottom: 9px;
}
.m-vertical-9-i {
  margin-top: 9px !important;
  margin-bottom: 9px !important;
}

.m-top-9 {
  margin-top: 9px;
}
.m-top-9-i {
  margin-top: 9px !important;
}

.m-bottom-9 {
  margin-bottom: 9px;
}
.m-bottom-9-i {
  margin-bottom: 9px !important;
}

.m-left-9 {
  margin-left: 9px;
}
.m-left-9-i {
  margin-left: 9px !important;
}
.m-left-9-inline {
  margin-inline-start: 9px;
}

.m-right-9 {
  margin-right: 9px;
}
.m-right-9-i {
  margin-right: 9px !important;
}
.m-right-9-inline {
  margin-inline-end: 9px;
}

.p-all-10 {
  padding: 10px;
}
.p-all-10-i {
  padding: 10px !important;
}
.p-all-10-ion {
  --padding-bottom: 10px;
  --padding-end: 10px;
  --padding-start: 10px;
  --padding-top: 10px;
}
.p-all-10-inner {
  --inner-padding-top: 10px !important;
  --inner-padding-end: 10px !important;
  --inner-padding-start: 10px !important;
  --inner-padding-bottom: 10px !important;
}

.p-horizontal-10 {
  padding-left: 10px;
  padding-right: 10px;
}
.p-horizontal-10-i {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.p-horizontal-10-inline {
  padding-inline-start: 10px;
  padding-inline-end: 10px;
}
.p-horizontal-10-ion {
  --padding-end: 10px;
  --padding-start: 10px;
}
.p-horizontal-10-inner {
  --inner-padding-end: 10px !important;
  --inner-padding-start: 10px !important;
}

.p-vertical-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.p-vertical-10-i {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.p-vertical-10-ion {
  --padding-bottom: 10px;
  --padding-top: 10px;
}
.p-vertical-10-inner {
  --inner-padding-top: 10px !important;
  --inner-padding-bottom: 10px !important;
}

.p-top-10 {
  padding-top: 10px;
}
.p-top-10-i {
  padding-top: 10px !important;
}
.p-top-10-ion {
  --padding-top: 10px;
}
.p-top-10-inner {
  --inner-padding-top: 10px !important;
}

.p-bottom-10 {
  padding-bottom: 10px;
}
.p-bottom-10-i {
  padding-bottom: 10px !important;
}
.p-bottom-10-ion {
  --padding-bottom: 10px;
}
.p-bottom-10-inner {
  --inner-padding-bottom: 10px !important;
}

.p-left-10 {
  padding-left: 10px;
}
.p-left-10-i {
  padding-left: 10px !important;
}
.p-left-10-inline {
  padding-inline-start: 10px;
}
.p-left-10-ion {
  --padding-start: 10px;
}
.p-left-10-inner {
  --inner-padding-start: 10px !important;
}

.p-right-10 {
  padding-right: 10px;
}
.p-right-10-i {
  padding-right: 10px !important;
}
.p-right-10-inline {
  padding-inline-end: 10px;
}
.p-right-10-ion {
  --padding-end: 10px;
}
.p-right-10-inner {
  --inner-padding-end: 10px !important;
}

.m-all-10 {
  margin: 10px;
}
.m-all-10-i {
  margin: 10px !important;
}

.m-horizontal-10 {
  margin-left: 10px;
  margin-right: 10px;
}
.m-horizontal-10-i {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.m-horizontal-10-inline {
  margin-inline-start: 10px !important;
  margin-inline-end: 10px !important;
}

.m-vertical-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.m-vertical-10-i {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.m-top-10 {
  margin-top: 10px;
}
.m-top-10-i {
  margin-top: 10px !important;
}

.m-bottom-10 {
  margin-bottom: 10px;
}
.m-bottom-10-i {
  margin-bottom: 10px !important;
}

.m-left-10 {
  margin-left: 10px;
}
.m-left-10-i {
  margin-left: 10px !important;
}
.m-left-10-inline {
  margin-inline-start: 10px;
}

.m-right-10 {
  margin-right: 10px;
}
.m-right-10-i {
  margin-right: 10px !important;
}
.m-right-10-inline {
  margin-inline-end: 10px;
}

.p-all-11 {
  padding: 11px;
}
.p-all-11-i {
  padding: 11px !important;
}
.p-all-11-ion {
  --padding-bottom: 11px;
  --padding-end: 11px;
  --padding-start: 11px;
  --padding-top: 11px;
}
.p-all-11-inner {
  --inner-padding-top: 11px !important;
  --inner-padding-end: 11px !important;
  --inner-padding-start: 11px !important;
  --inner-padding-bottom: 11px !important;
}

.p-horizontal-11 {
  padding-left: 11px;
  padding-right: 11px;
}
.p-horizontal-11-i {
  padding-left: 11px !important;
  padding-right: 11px !important;
}
.p-horizontal-11-inline {
  padding-inline-start: 11px;
  padding-inline-end: 11px;
}
.p-horizontal-11-ion {
  --padding-end: 11px;
  --padding-start: 11px;
}
.p-horizontal-11-inner {
  --inner-padding-end: 11px !important;
  --inner-padding-start: 11px !important;
}

.p-vertical-11 {
  padding-top: 11px;
  padding-bottom: 11px;
}
.p-vertical-11-i {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}
.p-vertical-11-ion {
  --padding-bottom: 11px;
  --padding-top: 11px;
}
.p-vertical-11-inner {
  --inner-padding-top: 11px !important;
  --inner-padding-bottom: 11px !important;
}

.p-top-11 {
  padding-top: 11px;
}
.p-top-11-i {
  padding-top: 11px !important;
}
.p-top-11-ion {
  --padding-top: 11px;
}
.p-top-11-inner {
  --inner-padding-top: 11px !important;
}

.p-bottom-11 {
  padding-bottom: 11px;
}
.p-bottom-11-i {
  padding-bottom: 11px !important;
}
.p-bottom-11-ion {
  --padding-bottom: 11px;
}
.p-bottom-11-inner {
  --inner-padding-bottom: 11px !important;
}

.p-left-11 {
  padding-left: 11px;
}
.p-left-11-i {
  padding-left: 11px !important;
}
.p-left-11-inline {
  padding-inline-start: 11px;
}
.p-left-11-ion {
  --padding-start: 11px;
}
.p-left-11-inner {
  --inner-padding-start: 11px !important;
}

.p-right-11 {
  padding-right: 11px;
}
.p-right-11-i {
  padding-right: 11px !important;
}
.p-right-11-inline {
  padding-inline-end: 11px;
}
.p-right-11-ion {
  --padding-end: 11px;
}
.p-right-11-inner {
  --inner-padding-end: 11px !important;
}

.m-all-11 {
  margin: 11px;
}
.m-all-11-i {
  margin: 11px !important;
}

.m-horizontal-11 {
  margin-left: 11px;
  margin-right: 11px;
}
.m-horizontal-11-i {
  margin-left: 11px !important;
  margin-right: 11px !important;
}
.m-horizontal-11-inline {
  margin-inline-start: 11px !important;
  margin-inline-end: 11px !important;
}

.m-vertical-11 {
  margin-top: 11px;
  margin-bottom: 11px;
}
.m-vertical-11-i {
  margin-top: 11px !important;
  margin-bottom: 11px !important;
}

.m-top-11 {
  margin-top: 11px;
}
.m-top-11-i {
  margin-top: 11px !important;
}

.m-bottom-11 {
  margin-bottom: 11px;
}
.m-bottom-11-i {
  margin-bottom: 11px !important;
}

.m-left-11 {
  margin-left: 11px;
}
.m-left-11-i {
  margin-left: 11px !important;
}
.m-left-11-inline {
  margin-inline-start: 11px;
}

.m-right-11 {
  margin-right: 11px;
}
.m-right-11-i {
  margin-right: 11px !important;
}
.m-right-11-inline {
  margin-inline-end: 11px;
}

.p-all-12 {
  padding: 12px;
}
.p-all-12-i {
  padding: 12px !important;
}
.p-all-12-ion {
  --padding-bottom: 12px;
  --padding-end: 12px;
  --padding-start: 12px;
  --padding-top: 12px;
}
.p-all-12-inner {
  --inner-padding-top: 12px !important;
  --inner-padding-end: 12px !important;
  --inner-padding-start: 12px !important;
  --inner-padding-bottom: 12px !important;
}

.p-horizontal-12 {
  padding-left: 12px;
  padding-right: 12px;
}
.p-horizontal-12-i {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.p-horizontal-12-inline {
  padding-inline-start: 12px;
  padding-inline-end: 12px;
}
.p-horizontal-12-ion {
  --padding-end: 12px;
  --padding-start: 12px;
}
.p-horizontal-12-inner {
  --inner-padding-end: 12px !important;
  --inner-padding-start: 12px !important;
}

.p-vertical-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.p-vertical-12-i {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.p-vertical-12-ion {
  --padding-bottom: 12px;
  --padding-top: 12px;
}
.p-vertical-12-inner {
  --inner-padding-top: 12px !important;
  --inner-padding-bottom: 12px !important;
}

.p-top-12 {
  padding-top: 12px;
}
.p-top-12-i {
  padding-top: 12px !important;
}
.p-top-12-ion {
  --padding-top: 12px;
}
.p-top-12-inner {
  --inner-padding-top: 12px !important;
}

.p-bottom-12 {
  padding-bottom: 12px;
}
.p-bottom-12-i {
  padding-bottom: 12px !important;
}
.p-bottom-12-ion {
  --padding-bottom: 12px;
}
.p-bottom-12-inner {
  --inner-padding-bottom: 12px !important;
}

.p-left-12 {
  padding-left: 12px;
}
.p-left-12-i {
  padding-left: 12px !important;
}
.p-left-12-inline {
  padding-inline-start: 12px;
}
.p-left-12-ion {
  --padding-start: 12px;
}
.p-left-12-inner {
  --inner-padding-start: 12px !important;
}

.p-right-12 {
  padding-right: 12px;
}
.p-right-12-i {
  padding-right: 12px !important;
}
.p-right-12-inline {
  padding-inline-end: 12px;
}
.p-right-12-ion {
  --padding-end: 12px;
}
.p-right-12-inner {
  --inner-padding-end: 12px !important;
}

.m-all-12 {
  margin: 12px;
}
.m-all-12-i {
  margin: 12px !important;
}

.m-horizontal-12 {
  margin-left: 12px;
  margin-right: 12px;
}
.m-horizontal-12-i {
  margin-left: 12px !important;
  margin-right: 12px !important;
}
.m-horizontal-12-inline {
  margin-inline-start: 12px !important;
  margin-inline-end: 12px !important;
}

.m-vertical-12 {
  margin-top: 12px;
  margin-bottom: 12px;
}
.m-vertical-12-i {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.m-top-12 {
  margin-top: 12px;
}
.m-top-12-i {
  margin-top: 12px !important;
}

.m-bottom-12 {
  margin-bottom: 12px;
}
.m-bottom-12-i {
  margin-bottom: 12px !important;
}

.m-left-12 {
  margin-left: 12px;
}
.m-left-12-i {
  margin-left: 12px !important;
}
.m-left-12-inline {
  margin-inline-start: 12px;
}

.m-right-12 {
  margin-right: 12px;
}
.m-right-12-i {
  margin-right: 12px !important;
}
.m-right-12-inline {
  margin-inline-end: 12px;
}

.p-all-13 {
  padding: 13px;
}
.p-all-13-i {
  padding: 13px !important;
}
.p-all-13-ion {
  --padding-bottom: 13px;
  --padding-end: 13px;
  --padding-start: 13px;
  --padding-top: 13px;
}
.p-all-13-inner {
  --inner-padding-top: 13px !important;
  --inner-padding-end: 13px !important;
  --inner-padding-start: 13px !important;
  --inner-padding-bottom: 13px !important;
}

.p-horizontal-13 {
  padding-left: 13px;
  padding-right: 13px;
}
.p-horizontal-13-i {
  padding-left: 13px !important;
  padding-right: 13px !important;
}
.p-horizontal-13-inline {
  padding-inline-start: 13px;
  padding-inline-end: 13px;
}
.p-horizontal-13-ion {
  --padding-end: 13px;
  --padding-start: 13px;
}
.p-horizontal-13-inner {
  --inner-padding-end: 13px !important;
  --inner-padding-start: 13px !important;
}

.p-vertical-13 {
  padding-top: 13px;
  padding-bottom: 13px;
}
.p-vertical-13-i {
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}
.p-vertical-13-ion {
  --padding-bottom: 13px;
  --padding-top: 13px;
}
.p-vertical-13-inner {
  --inner-padding-top: 13px !important;
  --inner-padding-bottom: 13px !important;
}

.p-top-13 {
  padding-top: 13px;
}
.p-top-13-i {
  padding-top: 13px !important;
}
.p-top-13-ion {
  --padding-top: 13px;
}
.p-top-13-inner {
  --inner-padding-top: 13px !important;
}

.p-bottom-13 {
  padding-bottom: 13px;
}
.p-bottom-13-i {
  padding-bottom: 13px !important;
}
.p-bottom-13-ion {
  --padding-bottom: 13px;
}
.p-bottom-13-inner {
  --inner-padding-bottom: 13px !important;
}

.p-left-13 {
  padding-left: 13px;
}
.p-left-13-i {
  padding-left: 13px !important;
}
.p-left-13-inline {
  padding-inline-start: 13px;
}
.p-left-13-ion {
  --padding-start: 13px;
}
.p-left-13-inner {
  --inner-padding-start: 13px !important;
}

.p-right-13 {
  padding-right: 13px;
}
.p-right-13-i {
  padding-right: 13px !important;
}
.p-right-13-inline {
  padding-inline-end: 13px;
}
.p-right-13-ion {
  --padding-end: 13px;
}
.p-right-13-inner {
  --inner-padding-end: 13px !important;
}

.m-all-13 {
  margin: 13px;
}
.m-all-13-i {
  margin: 13px !important;
}

.m-horizontal-13 {
  margin-left: 13px;
  margin-right: 13px;
}
.m-horizontal-13-i {
  margin-left: 13px !important;
  margin-right: 13px !important;
}
.m-horizontal-13-inline {
  margin-inline-start: 13px !important;
  margin-inline-end: 13px !important;
}

.m-vertical-13 {
  margin-top: 13px;
  margin-bottom: 13px;
}
.m-vertical-13-i {
  margin-top: 13px !important;
  margin-bottom: 13px !important;
}

.m-top-13 {
  margin-top: 13px;
}
.m-top-13-i {
  margin-top: 13px !important;
}

.m-bottom-13 {
  margin-bottom: 13px;
}
.m-bottom-13-i {
  margin-bottom: 13px !important;
}

.m-left-13 {
  margin-left: 13px;
}
.m-left-13-i {
  margin-left: 13px !important;
}
.m-left-13-inline {
  margin-inline-start: 13px;
}

.m-right-13 {
  margin-right: 13px;
}
.m-right-13-i {
  margin-right: 13px !important;
}
.m-right-13-inline {
  margin-inline-end: 13px;
}

.p-all-14 {
  padding: 14px;
}
.p-all-14-i {
  padding: 14px !important;
}
.p-all-14-ion {
  --padding-bottom: 14px;
  --padding-end: 14px;
  --padding-start: 14px;
  --padding-top: 14px;
}
.p-all-14-inner {
  --inner-padding-top: 14px !important;
  --inner-padding-end: 14px !important;
  --inner-padding-start: 14px !important;
  --inner-padding-bottom: 14px !important;
}

.p-horizontal-14 {
  padding-left: 14px;
  padding-right: 14px;
}
.p-horizontal-14-i {
  padding-left: 14px !important;
  padding-right: 14px !important;
}
.p-horizontal-14-inline {
  padding-inline-start: 14px;
  padding-inline-end: 14px;
}
.p-horizontal-14-ion {
  --padding-end: 14px;
  --padding-start: 14px;
}
.p-horizontal-14-inner {
  --inner-padding-end: 14px !important;
  --inner-padding-start: 14px !important;
}

.p-vertical-14 {
  padding-top: 14px;
  padding-bottom: 14px;
}
.p-vertical-14-i {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}
.p-vertical-14-ion {
  --padding-bottom: 14px;
  --padding-top: 14px;
}
.p-vertical-14-inner {
  --inner-padding-top: 14px !important;
  --inner-padding-bottom: 14px !important;
}

.p-top-14 {
  padding-top: 14px;
}
.p-top-14-i {
  padding-top: 14px !important;
}
.p-top-14-ion {
  --padding-top: 14px;
}
.p-top-14-inner {
  --inner-padding-top: 14px !important;
}

.p-bottom-14 {
  padding-bottom: 14px;
}
.p-bottom-14-i {
  padding-bottom: 14px !important;
}
.p-bottom-14-ion {
  --padding-bottom: 14px;
}
.p-bottom-14-inner {
  --inner-padding-bottom: 14px !important;
}

.p-left-14 {
  padding-left: 14px;
}
.p-left-14-i {
  padding-left: 14px !important;
}
.p-left-14-inline {
  padding-inline-start: 14px;
}
.p-left-14-ion {
  --padding-start: 14px;
}
.p-left-14-inner {
  --inner-padding-start: 14px !important;
}

.p-right-14 {
  padding-right: 14px;
}
.p-right-14-i {
  padding-right: 14px !important;
}
.p-right-14-inline {
  padding-inline-end: 14px;
}
.p-right-14-ion {
  --padding-end: 14px;
}
.p-right-14-inner {
  --inner-padding-end: 14px !important;
}

.m-all-14 {
  margin: 14px;
}
.m-all-14-i {
  margin: 14px !important;
}

.m-horizontal-14 {
  margin-left: 14px;
  margin-right: 14px;
}
.m-horizontal-14-i {
  margin-left: 14px !important;
  margin-right: 14px !important;
}
.m-horizontal-14-inline {
  margin-inline-start: 14px !important;
  margin-inline-end: 14px !important;
}

.m-vertical-14 {
  margin-top: 14px;
  margin-bottom: 14px;
}
.m-vertical-14-i {
  margin-top: 14px !important;
  margin-bottom: 14px !important;
}

.m-top-14 {
  margin-top: 14px;
}
.m-top-14-i {
  margin-top: 14px !important;
}

.m-bottom-14 {
  margin-bottom: 14px;
}
.m-bottom-14-i {
  margin-bottom: 14px !important;
}

.m-left-14 {
  margin-left: 14px;
}
.m-left-14-i {
  margin-left: 14px !important;
}
.m-left-14-inline {
  margin-inline-start: 14px;
}

.m-right-14 {
  margin-right: 14px;
}
.m-right-14-i {
  margin-right: 14px !important;
}
.m-right-14-inline {
  margin-inline-end: 14px;
}

.p-all-15 {
  padding: 15px;
}
.p-all-15-i {
  padding: 15px !important;
}
.p-all-15-ion {
  --padding-bottom: 15px;
  --padding-end: 15px;
  --padding-start: 15px;
  --padding-top: 15px;
}
.p-all-15-inner {
  --inner-padding-top: 15px !important;
  --inner-padding-end: 15px !important;
  --inner-padding-start: 15px !important;
  --inner-padding-bottom: 15px !important;
}

.p-horizontal-15 {
  padding-left: 15px;
  padding-right: 15px;
}
.p-horizontal-15-i {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.p-horizontal-15-inline {
  padding-inline-start: 15px;
  padding-inline-end: 15px;
}
.p-horizontal-15-ion {
  --padding-end: 15px;
  --padding-start: 15px;
}
.p-horizontal-15-inner {
  --inner-padding-end: 15px !important;
  --inner-padding-start: 15px !important;
}

.p-vertical-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.p-vertical-15-i {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.p-vertical-15-ion {
  --padding-bottom: 15px;
  --padding-top: 15px;
}
.p-vertical-15-inner {
  --inner-padding-top: 15px !important;
  --inner-padding-bottom: 15px !important;
}

.p-top-15 {
  padding-top: 15px;
}
.p-top-15-i {
  padding-top: 15px !important;
}
.p-top-15-ion {
  --padding-top: 15px;
}
.p-top-15-inner {
  --inner-padding-top: 15px !important;
}

.p-bottom-15 {
  padding-bottom: 15px;
}
.p-bottom-15-i {
  padding-bottom: 15px !important;
}
.p-bottom-15-ion {
  --padding-bottom: 15px;
}
.p-bottom-15-inner {
  --inner-padding-bottom: 15px !important;
}

.p-left-15 {
  padding-left: 15px;
}
.p-left-15-i {
  padding-left: 15px !important;
}
.p-left-15-inline {
  padding-inline-start: 15px;
}
.p-left-15-ion {
  --padding-start: 15px;
}
.p-left-15-inner {
  --inner-padding-start: 15px !important;
}

.p-right-15 {
  padding-right: 15px;
}
.p-right-15-i {
  padding-right: 15px !important;
}
.p-right-15-inline {
  padding-inline-end: 15px;
}
.p-right-15-ion {
  --padding-end: 15px;
}
.p-right-15-inner {
  --inner-padding-end: 15px !important;
}

.m-all-15 {
  margin: 15px;
}
.m-all-15-i {
  margin: 15px !important;
}

.m-horizontal-15 {
  margin-left: 15px;
  margin-right: 15px;
}
.m-horizontal-15-i {
  margin-left: 15px !important;
  margin-right: 15px !important;
}
.m-horizontal-15-inline {
  margin-inline-start: 15px !important;
  margin-inline-end: 15px !important;
}

.m-vertical-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}
.m-vertical-15-i {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.m-top-15 {
  margin-top: 15px;
}
.m-top-15-i {
  margin-top: 15px !important;
}

.m-bottom-15 {
  margin-bottom: 15px;
}
.m-bottom-15-i {
  margin-bottom: 15px !important;
}

.m-left-15 {
  margin-left: 15px;
}
.m-left-15-i {
  margin-left: 15px !important;
}
.m-left-15-inline {
  margin-inline-start: 15px;
}

.m-right-15 {
  margin-right: 15px;
}
.m-right-15-i {
  margin-right: 15px !important;
}
.m-right-15-inline {
  margin-inline-end: 15px;
}

.p-all-16 {
  padding: 16px;
}
.p-all-16-i {
  padding: 16px !important;
}
.p-all-16-ion {
  --padding-bottom: 16px;
  --padding-end: 16px;
  --padding-start: 16px;
  --padding-top: 16px;
}
.p-all-16-inner {
  --inner-padding-top: 16px !important;
  --inner-padding-end: 16px !important;
  --inner-padding-start: 16px !important;
  --inner-padding-bottom: 16px !important;
}

.p-horizontal-16 {
  padding-left: 16px;
  padding-right: 16px;
}
.p-horizontal-16-i {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.p-horizontal-16-inline {
  padding-inline-start: 16px;
  padding-inline-end: 16px;
}
.p-horizontal-16-ion {
  --padding-end: 16px;
  --padding-start: 16px;
}
.p-horizontal-16-inner {
  --inner-padding-end: 16px !important;
  --inner-padding-start: 16px !important;
}

.p-vertical-16 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.p-vertical-16-i {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.p-vertical-16-ion {
  --padding-bottom: 16px;
  --padding-top: 16px;
}
.p-vertical-16-inner {
  --inner-padding-top: 16px !important;
  --inner-padding-bottom: 16px !important;
}

.p-top-16 {
  padding-top: 16px;
}
.p-top-16-i {
  padding-top: 16px !important;
}
.p-top-16-ion {
  --padding-top: 16px;
}
.p-top-16-inner {
  --inner-padding-top: 16px !important;
}

.p-bottom-16 {
  padding-bottom: 16px;
}
.p-bottom-16-i {
  padding-bottom: 16px !important;
}
.p-bottom-16-ion {
  --padding-bottom: 16px;
}
.p-bottom-16-inner {
  --inner-padding-bottom: 16px !important;
}

.p-left-16 {
  padding-left: 16px;
}
.p-left-16-i {
  padding-left: 16px !important;
}
.p-left-16-inline {
  padding-inline-start: 16px;
}
.p-left-16-ion {
  --padding-start: 16px;
}
.p-left-16-inner {
  --inner-padding-start: 16px !important;
}

.p-right-16 {
  padding-right: 16px;
}
.p-right-16-i {
  padding-right: 16px !important;
}
.p-right-16-inline {
  padding-inline-end: 16px;
}
.p-right-16-ion {
  --padding-end: 16px;
}
.p-right-16-inner {
  --inner-padding-end: 16px !important;
}

.m-all-16 {
  margin: 16px;
}
.m-all-16-i {
  margin: 16px !important;
}

.m-horizontal-16 {
  margin-left: 16px;
  margin-right: 16px;
}
.m-horizontal-16-i {
  margin-left: 16px !important;
  margin-right: 16px !important;
}
.m-horizontal-16-inline {
  margin-inline-start: 16px !important;
  margin-inline-end: 16px !important;
}

.m-vertical-16 {
  margin-top: 16px;
  margin-bottom: 16px;
}
.m-vertical-16-i {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.m-top-16 {
  margin-top: 16px;
}
.m-top-16-i {
  margin-top: 16px !important;
}

.m-bottom-16 {
  margin-bottom: 16px;
}
.m-bottom-16-i {
  margin-bottom: 16px !important;
}

.m-left-16 {
  margin-left: 16px;
}
.m-left-16-i {
  margin-left: 16px !important;
}
.m-left-16-inline {
  margin-inline-start: 16px;
}

.m-right-16 {
  margin-right: 16px;
}
.m-right-16-i {
  margin-right: 16px !important;
}
.m-right-16-inline {
  margin-inline-end: 16px;
}

.p-all-17 {
  padding: 17px;
}
.p-all-17-i {
  padding: 17px !important;
}
.p-all-17-ion {
  --padding-bottom: 17px;
  --padding-end: 17px;
  --padding-start: 17px;
  --padding-top: 17px;
}
.p-all-17-inner {
  --inner-padding-top: 17px !important;
  --inner-padding-end: 17px !important;
  --inner-padding-start: 17px !important;
  --inner-padding-bottom: 17px !important;
}

.p-horizontal-17 {
  padding-left: 17px;
  padding-right: 17px;
}
.p-horizontal-17-i {
  padding-left: 17px !important;
  padding-right: 17px !important;
}
.p-horizontal-17-inline {
  padding-inline-start: 17px;
  padding-inline-end: 17px;
}
.p-horizontal-17-ion {
  --padding-end: 17px;
  --padding-start: 17px;
}
.p-horizontal-17-inner {
  --inner-padding-end: 17px !important;
  --inner-padding-start: 17px !important;
}

.p-vertical-17 {
  padding-top: 17px;
  padding-bottom: 17px;
}
.p-vertical-17-i {
  padding-top: 17px !important;
  padding-bottom: 17px !important;
}
.p-vertical-17-ion {
  --padding-bottom: 17px;
  --padding-top: 17px;
}
.p-vertical-17-inner {
  --inner-padding-top: 17px !important;
  --inner-padding-bottom: 17px !important;
}

.p-top-17 {
  padding-top: 17px;
}
.p-top-17-i {
  padding-top: 17px !important;
}
.p-top-17-ion {
  --padding-top: 17px;
}
.p-top-17-inner {
  --inner-padding-top: 17px !important;
}

.p-bottom-17 {
  padding-bottom: 17px;
}
.p-bottom-17-i {
  padding-bottom: 17px !important;
}
.p-bottom-17-ion {
  --padding-bottom: 17px;
}
.p-bottom-17-inner {
  --inner-padding-bottom: 17px !important;
}

.p-left-17 {
  padding-left: 17px;
}
.p-left-17-i {
  padding-left: 17px !important;
}
.p-left-17-inline {
  padding-inline-start: 17px;
}
.p-left-17-ion {
  --padding-start: 17px;
}
.p-left-17-inner {
  --inner-padding-start: 17px !important;
}

.p-right-17 {
  padding-right: 17px;
}
.p-right-17-i {
  padding-right: 17px !important;
}
.p-right-17-inline {
  padding-inline-end: 17px;
}
.p-right-17-ion {
  --padding-end: 17px;
}
.p-right-17-inner {
  --inner-padding-end: 17px !important;
}

.m-all-17 {
  margin: 17px;
}
.m-all-17-i {
  margin: 17px !important;
}

.m-horizontal-17 {
  margin-left: 17px;
  margin-right: 17px;
}
.m-horizontal-17-i {
  margin-left: 17px !important;
  margin-right: 17px !important;
}
.m-horizontal-17-inline {
  margin-inline-start: 17px !important;
  margin-inline-end: 17px !important;
}

.m-vertical-17 {
  margin-top: 17px;
  margin-bottom: 17px;
}
.m-vertical-17-i {
  margin-top: 17px !important;
  margin-bottom: 17px !important;
}

.m-top-17 {
  margin-top: 17px;
}
.m-top-17-i {
  margin-top: 17px !important;
}

.m-bottom-17 {
  margin-bottom: 17px;
}
.m-bottom-17-i {
  margin-bottom: 17px !important;
}

.m-left-17 {
  margin-left: 17px;
}
.m-left-17-i {
  margin-left: 17px !important;
}
.m-left-17-inline {
  margin-inline-start: 17px;
}

.m-right-17 {
  margin-right: 17px;
}
.m-right-17-i {
  margin-right: 17px !important;
}
.m-right-17-inline {
  margin-inline-end: 17px;
}

.p-all-18 {
  padding: 18px;
}
.p-all-18-i {
  padding: 18px !important;
}
.p-all-18-ion {
  --padding-bottom: 18px;
  --padding-end: 18px;
  --padding-start: 18px;
  --padding-top: 18px;
}
.p-all-18-inner {
  --inner-padding-top: 18px !important;
  --inner-padding-end: 18px !important;
  --inner-padding-start: 18px !important;
  --inner-padding-bottom: 18px !important;
}

.p-horizontal-18 {
  padding-left: 18px;
  padding-right: 18px;
}
.p-horizontal-18-i {
  padding-left: 18px !important;
  padding-right: 18px !important;
}
.p-horizontal-18-inline {
  padding-inline-start: 18px;
  padding-inline-end: 18px;
}
.p-horizontal-18-ion {
  --padding-end: 18px;
  --padding-start: 18px;
}
.p-horizontal-18-inner {
  --inner-padding-end: 18px !important;
  --inner-padding-start: 18px !important;
}

.p-vertical-18 {
  padding-top: 18px;
  padding-bottom: 18px;
}
.p-vertical-18-i {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}
.p-vertical-18-ion {
  --padding-bottom: 18px;
  --padding-top: 18px;
}
.p-vertical-18-inner {
  --inner-padding-top: 18px !important;
  --inner-padding-bottom: 18px !important;
}

.p-top-18 {
  padding-top: 18px;
}
.p-top-18-i {
  padding-top: 18px !important;
}
.p-top-18-ion {
  --padding-top: 18px;
}
.p-top-18-inner {
  --inner-padding-top: 18px !important;
}

.p-bottom-18 {
  padding-bottom: 18px;
}
.p-bottom-18-i {
  padding-bottom: 18px !important;
}
.p-bottom-18-ion {
  --padding-bottom: 18px;
}
.p-bottom-18-inner {
  --inner-padding-bottom: 18px !important;
}

.p-left-18 {
  padding-left: 18px;
}
.p-left-18-i {
  padding-left: 18px !important;
}
.p-left-18-inline {
  padding-inline-start: 18px;
}
.p-left-18-ion {
  --padding-start: 18px;
}
.p-left-18-inner {
  --inner-padding-start: 18px !important;
}

.p-right-18 {
  padding-right: 18px;
}
.p-right-18-i {
  padding-right: 18px !important;
}
.p-right-18-inline {
  padding-inline-end: 18px;
}
.p-right-18-ion {
  --padding-end: 18px;
}
.p-right-18-inner {
  --inner-padding-end: 18px !important;
}

.m-all-18 {
  margin: 18px;
}
.m-all-18-i {
  margin: 18px !important;
}

.m-horizontal-18 {
  margin-left: 18px;
  margin-right: 18px;
}
.m-horizontal-18-i {
  margin-left: 18px !important;
  margin-right: 18px !important;
}
.m-horizontal-18-inline {
  margin-inline-start: 18px !important;
  margin-inline-end: 18px !important;
}

.m-vertical-18 {
  margin-top: 18px;
  margin-bottom: 18px;
}
.m-vertical-18-i {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
}

.m-top-18 {
  margin-top: 18px;
}
.m-top-18-i {
  margin-top: 18px !important;
}

.m-bottom-18 {
  margin-bottom: 18px;
}
.m-bottom-18-i {
  margin-bottom: 18px !important;
}

.m-left-18 {
  margin-left: 18px;
}
.m-left-18-i {
  margin-left: 18px !important;
}
.m-left-18-inline {
  margin-inline-start: 18px;
}

.m-right-18 {
  margin-right: 18px;
}
.m-right-18-i {
  margin-right: 18px !important;
}
.m-right-18-inline {
  margin-inline-end: 18px;
}

.p-all-19 {
  padding: 19px;
}
.p-all-19-i {
  padding: 19px !important;
}
.p-all-19-ion {
  --padding-bottom: 19px;
  --padding-end: 19px;
  --padding-start: 19px;
  --padding-top: 19px;
}
.p-all-19-inner {
  --inner-padding-top: 19px !important;
  --inner-padding-end: 19px !important;
  --inner-padding-start: 19px !important;
  --inner-padding-bottom: 19px !important;
}

.p-horizontal-19 {
  padding-left: 19px;
  padding-right: 19px;
}
.p-horizontal-19-i {
  padding-left: 19px !important;
  padding-right: 19px !important;
}
.p-horizontal-19-inline {
  padding-inline-start: 19px;
  padding-inline-end: 19px;
}
.p-horizontal-19-ion {
  --padding-end: 19px;
  --padding-start: 19px;
}
.p-horizontal-19-inner {
  --inner-padding-end: 19px !important;
  --inner-padding-start: 19px !important;
}

.p-vertical-19 {
  padding-top: 19px;
  padding-bottom: 19px;
}
.p-vertical-19-i {
  padding-top: 19px !important;
  padding-bottom: 19px !important;
}
.p-vertical-19-ion {
  --padding-bottom: 19px;
  --padding-top: 19px;
}
.p-vertical-19-inner {
  --inner-padding-top: 19px !important;
  --inner-padding-bottom: 19px !important;
}

.p-top-19 {
  padding-top: 19px;
}
.p-top-19-i {
  padding-top: 19px !important;
}
.p-top-19-ion {
  --padding-top: 19px;
}
.p-top-19-inner {
  --inner-padding-top: 19px !important;
}

.p-bottom-19 {
  padding-bottom: 19px;
}
.p-bottom-19-i {
  padding-bottom: 19px !important;
}
.p-bottom-19-ion {
  --padding-bottom: 19px;
}
.p-bottom-19-inner {
  --inner-padding-bottom: 19px !important;
}

.p-left-19 {
  padding-left: 19px;
}
.p-left-19-i {
  padding-left: 19px !important;
}
.p-left-19-inline {
  padding-inline-start: 19px;
}
.p-left-19-ion {
  --padding-start: 19px;
}
.p-left-19-inner {
  --inner-padding-start: 19px !important;
}

.p-right-19 {
  padding-right: 19px;
}
.p-right-19-i {
  padding-right: 19px !important;
}
.p-right-19-inline {
  padding-inline-end: 19px;
}
.p-right-19-ion {
  --padding-end: 19px;
}
.p-right-19-inner {
  --inner-padding-end: 19px !important;
}

.m-all-19 {
  margin: 19px;
}
.m-all-19-i {
  margin: 19px !important;
}

.m-horizontal-19 {
  margin-left: 19px;
  margin-right: 19px;
}
.m-horizontal-19-i {
  margin-left: 19px !important;
  margin-right: 19px !important;
}
.m-horizontal-19-inline {
  margin-inline-start: 19px !important;
  margin-inline-end: 19px !important;
}

.m-vertical-19 {
  margin-top: 19px;
  margin-bottom: 19px;
}
.m-vertical-19-i {
  margin-top: 19px !important;
  margin-bottom: 19px !important;
}

.m-top-19 {
  margin-top: 19px;
}
.m-top-19-i {
  margin-top: 19px !important;
}

.m-bottom-19 {
  margin-bottom: 19px;
}
.m-bottom-19-i {
  margin-bottom: 19px !important;
}

.m-left-19 {
  margin-left: 19px;
}
.m-left-19-i {
  margin-left: 19px !important;
}
.m-left-19-inline {
  margin-inline-start: 19px;
}

.m-right-19 {
  margin-right: 19px;
}
.m-right-19-i {
  margin-right: 19px !important;
}
.m-right-19-inline {
  margin-inline-end: 19px;
}

.p-all-20 {
  padding: 20px;
}
.p-all-20-i {
  padding: 20px !important;
}
.p-all-20-ion {
  --padding-bottom: 20px;
  --padding-end: 20px;
  --padding-start: 20px;
  --padding-top: 20px;
}
.p-all-20-inner {
  --inner-padding-top: 20px !important;
  --inner-padding-end: 20px !important;
  --inner-padding-start: 20px !important;
  --inner-padding-bottom: 20px !important;
}

.p-horizontal-20 {
  padding-left: 20px;
  padding-right: 20px;
}
.p-horizontal-20-i {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.p-horizontal-20-inline {
  padding-inline-start: 20px;
  padding-inline-end: 20px;
}
.p-horizontal-20-ion {
  --padding-end: 20px;
  --padding-start: 20px;
}
.p-horizontal-20-inner {
  --inner-padding-end: 20px !important;
  --inner-padding-start: 20px !important;
}

.p-vertical-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.p-vertical-20-i {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.p-vertical-20-ion {
  --padding-bottom: 20px;
  --padding-top: 20px;
}
.p-vertical-20-inner {
  --inner-padding-top: 20px !important;
  --inner-padding-bottom: 20px !important;
}

.p-top-20 {
  padding-top: 20px;
}
.p-top-20-i {
  padding-top: 20px !important;
}
.p-top-20-ion {
  --padding-top: 20px;
}
.p-top-20-inner {
  --inner-padding-top: 20px !important;
}

.p-bottom-20 {
  padding-bottom: 20px;
}
.p-bottom-20-i {
  padding-bottom: 20px !important;
}
.p-bottom-20-ion {
  --padding-bottom: 20px;
}
.p-bottom-20-inner {
  --inner-padding-bottom: 20px !important;
}

.p-left-20 {
  padding-left: 20px;
}
.p-left-20-i {
  padding-left: 20px !important;
}
.p-left-20-inline {
  padding-inline-start: 20px;
}
.p-left-20-ion {
  --padding-start: 20px;
}
.p-left-20-inner {
  --inner-padding-start: 20px !important;
}

.p-right-20 {
  padding-right: 20px;
}
.p-right-20-i {
  padding-right: 20px !important;
}
.p-right-20-inline {
  padding-inline-end: 20px;
}
.p-right-20-ion {
  --padding-end: 20px;
}
.p-right-20-inner {
  --inner-padding-end: 20px !important;
}

.m-all-20 {
  margin: 20px;
}
.m-all-20-i {
  margin: 20px !important;
}

.m-horizontal-20 {
  margin-left: 20px;
  margin-right: 20px;
}
.m-horizontal-20-i {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.m-horizontal-20-inline {
  margin-inline-start: 20px !important;
  margin-inline-end: 20px !important;
}

.m-vertical-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.m-vertical-20-i {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.m-top-20 {
  margin-top: 20px;
}
.m-top-20-i {
  margin-top: 20px !important;
}

.m-bottom-20 {
  margin-bottom: 20px;
}
.m-bottom-20-i {
  margin-bottom: 20px !important;
}

.m-left-20 {
  margin-left: 20px;
}
.m-left-20-i {
  margin-left: 20px !important;
}
.m-left-20-inline {
  margin-inline-start: 20px;
}

.m-right-20 {
  margin-right: 20px;
}
.m-right-20-i {
  margin-right: 20px !important;
}
.m-right-20-inline {
  margin-inline-end: 20px;
}

.p-all-21 {
  padding: 21px;
}
.p-all-21-i {
  padding: 21px !important;
}
.p-all-21-ion {
  --padding-bottom: 21px;
  --padding-end: 21px;
  --padding-start: 21px;
  --padding-top: 21px;
}
.p-all-21-inner {
  --inner-padding-top: 21px !important;
  --inner-padding-end: 21px !important;
  --inner-padding-start: 21px !important;
  --inner-padding-bottom: 21px !important;
}

.p-horizontal-21 {
  padding-left: 21px;
  padding-right: 21px;
}
.p-horizontal-21-i {
  padding-left: 21px !important;
  padding-right: 21px !important;
}
.p-horizontal-21-inline {
  padding-inline-start: 21px;
  padding-inline-end: 21px;
}
.p-horizontal-21-ion {
  --padding-end: 21px;
  --padding-start: 21px;
}
.p-horizontal-21-inner {
  --inner-padding-end: 21px !important;
  --inner-padding-start: 21px !important;
}

.p-vertical-21 {
  padding-top: 21px;
  padding-bottom: 21px;
}
.p-vertical-21-i {
  padding-top: 21px !important;
  padding-bottom: 21px !important;
}
.p-vertical-21-ion {
  --padding-bottom: 21px;
  --padding-top: 21px;
}
.p-vertical-21-inner {
  --inner-padding-top: 21px !important;
  --inner-padding-bottom: 21px !important;
}

.p-top-21 {
  padding-top: 21px;
}
.p-top-21-i {
  padding-top: 21px !important;
}
.p-top-21-ion {
  --padding-top: 21px;
}
.p-top-21-inner {
  --inner-padding-top: 21px !important;
}

.p-bottom-21 {
  padding-bottom: 21px;
}
.p-bottom-21-i {
  padding-bottom: 21px !important;
}
.p-bottom-21-ion {
  --padding-bottom: 21px;
}
.p-bottom-21-inner {
  --inner-padding-bottom: 21px !important;
}

.p-left-21 {
  padding-left: 21px;
}
.p-left-21-i {
  padding-left: 21px !important;
}
.p-left-21-inline {
  padding-inline-start: 21px;
}
.p-left-21-ion {
  --padding-start: 21px;
}
.p-left-21-inner {
  --inner-padding-start: 21px !important;
}

.p-right-21 {
  padding-right: 21px;
}
.p-right-21-i {
  padding-right: 21px !important;
}
.p-right-21-inline {
  padding-inline-end: 21px;
}
.p-right-21-ion {
  --padding-end: 21px;
}
.p-right-21-inner {
  --inner-padding-end: 21px !important;
}

.m-all-21 {
  margin: 21px;
}
.m-all-21-i {
  margin: 21px !important;
}

.m-horizontal-21 {
  margin-left: 21px;
  margin-right: 21px;
}
.m-horizontal-21-i {
  margin-left: 21px !important;
  margin-right: 21px !important;
}
.m-horizontal-21-inline {
  margin-inline-start: 21px !important;
  margin-inline-end: 21px !important;
}

.m-vertical-21 {
  margin-top: 21px;
  margin-bottom: 21px;
}
.m-vertical-21-i {
  margin-top: 21px !important;
  margin-bottom: 21px !important;
}

.m-top-21 {
  margin-top: 21px;
}
.m-top-21-i {
  margin-top: 21px !important;
}

.m-bottom-21 {
  margin-bottom: 21px;
}
.m-bottom-21-i {
  margin-bottom: 21px !important;
}

.m-left-21 {
  margin-left: 21px;
}
.m-left-21-i {
  margin-left: 21px !important;
}
.m-left-21-inline {
  margin-inline-start: 21px;
}

.m-right-21 {
  margin-right: 21px;
}
.m-right-21-i {
  margin-right: 21px !important;
}
.m-right-21-inline {
  margin-inline-end: 21px;
}

.p-all-22 {
  padding: 22px;
}
.p-all-22-i {
  padding: 22px !important;
}
.p-all-22-ion {
  --padding-bottom: 22px;
  --padding-end: 22px;
  --padding-start: 22px;
  --padding-top: 22px;
}
.p-all-22-inner {
  --inner-padding-top: 22px !important;
  --inner-padding-end: 22px !important;
  --inner-padding-start: 22px !important;
  --inner-padding-bottom: 22px !important;
}

.p-horizontal-22 {
  padding-left: 22px;
  padding-right: 22px;
}
.p-horizontal-22-i {
  padding-left: 22px !important;
  padding-right: 22px !important;
}
.p-horizontal-22-inline {
  padding-inline-start: 22px;
  padding-inline-end: 22px;
}
.p-horizontal-22-ion {
  --padding-end: 22px;
  --padding-start: 22px;
}
.p-horizontal-22-inner {
  --inner-padding-end: 22px !important;
  --inner-padding-start: 22px !important;
}

.p-vertical-22 {
  padding-top: 22px;
  padding-bottom: 22px;
}
.p-vertical-22-i {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}
.p-vertical-22-ion {
  --padding-bottom: 22px;
  --padding-top: 22px;
}
.p-vertical-22-inner {
  --inner-padding-top: 22px !important;
  --inner-padding-bottom: 22px !important;
}

.p-top-22 {
  padding-top: 22px;
}
.p-top-22-i {
  padding-top: 22px !important;
}
.p-top-22-ion {
  --padding-top: 22px;
}
.p-top-22-inner {
  --inner-padding-top: 22px !important;
}

.p-bottom-22 {
  padding-bottom: 22px;
}
.p-bottom-22-i {
  padding-bottom: 22px !important;
}
.p-bottom-22-ion {
  --padding-bottom: 22px;
}
.p-bottom-22-inner {
  --inner-padding-bottom: 22px !important;
}

.p-left-22 {
  padding-left: 22px;
}
.p-left-22-i {
  padding-left: 22px !important;
}
.p-left-22-inline {
  padding-inline-start: 22px;
}
.p-left-22-ion {
  --padding-start: 22px;
}
.p-left-22-inner {
  --inner-padding-start: 22px !important;
}

.p-right-22 {
  padding-right: 22px;
}
.p-right-22-i {
  padding-right: 22px !important;
}
.p-right-22-inline {
  padding-inline-end: 22px;
}
.p-right-22-ion {
  --padding-end: 22px;
}
.p-right-22-inner {
  --inner-padding-end: 22px !important;
}

.m-all-22 {
  margin: 22px;
}
.m-all-22-i {
  margin: 22px !important;
}

.m-horizontal-22 {
  margin-left: 22px;
  margin-right: 22px;
}
.m-horizontal-22-i {
  margin-left: 22px !important;
  margin-right: 22px !important;
}
.m-horizontal-22-inline {
  margin-inline-start: 22px !important;
  margin-inline-end: 22px !important;
}

.m-vertical-22 {
  margin-top: 22px;
  margin-bottom: 22px;
}
.m-vertical-22-i {
  margin-top: 22px !important;
  margin-bottom: 22px !important;
}

.m-top-22 {
  margin-top: 22px;
}
.m-top-22-i {
  margin-top: 22px !important;
}

.m-bottom-22 {
  margin-bottom: 22px;
}
.m-bottom-22-i {
  margin-bottom: 22px !important;
}

.m-left-22 {
  margin-left: 22px;
}
.m-left-22-i {
  margin-left: 22px !important;
}
.m-left-22-inline {
  margin-inline-start: 22px;
}

.m-right-22 {
  margin-right: 22px;
}
.m-right-22-i {
  margin-right: 22px !important;
}
.m-right-22-inline {
  margin-inline-end: 22px;
}

.p-all-23 {
  padding: 23px;
}
.p-all-23-i {
  padding: 23px !important;
}
.p-all-23-ion {
  --padding-bottom: 23px;
  --padding-end: 23px;
  --padding-start: 23px;
  --padding-top: 23px;
}
.p-all-23-inner {
  --inner-padding-top: 23px !important;
  --inner-padding-end: 23px !important;
  --inner-padding-start: 23px !important;
  --inner-padding-bottom: 23px !important;
}

.p-horizontal-23 {
  padding-left: 23px;
  padding-right: 23px;
}
.p-horizontal-23-i {
  padding-left: 23px !important;
  padding-right: 23px !important;
}
.p-horizontal-23-inline {
  padding-inline-start: 23px;
  padding-inline-end: 23px;
}
.p-horizontal-23-ion {
  --padding-end: 23px;
  --padding-start: 23px;
}
.p-horizontal-23-inner {
  --inner-padding-end: 23px !important;
  --inner-padding-start: 23px !important;
}

.p-vertical-23 {
  padding-top: 23px;
  padding-bottom: 23px;
}
.p-vertical-23-i {
  padding-top: 23px !important;
  padding-bottom: 23px !important;
}
.p-vertical-23-ion {
  --padding-bottom: 23px;
  --padding-top: 23px;
}
.p-vertical-23-inner {
  --inner-padding-top: 23px !important;
  --inner-padding-bottom: 23px !important;
}

.p-top-23 {
  padding-top: 23px;
}
.p-top-23-i {
  padding-top: 23px !important;
}
.p-top-23-ion {
  --padding-top: 23px;
}
.p-top-23-inner {
  --inner-padding-top: 23px !important;
}

.p-bottom-23 {
  padding-bottom: 23px;
}
.p-bottom-23-i {
  padding-bottom: 23px !important;
}
.p-bottom-23-ion {
  --padding-bottom: 23px;
}
.p-bottom-23-inner {
  --inner-padding-bottom: 23px !important;
}

.p-left-23 {
  padding-left: 23px;
}
.p-left-23-i {
  padding-left: 23px !important;
}
.p-left-23-inline {
  padding-inline-start: 23px;
}
.p-left-23-ion {
  --padding-start: 23px;
}
.p-left-23-inner {
  --inner-padding-start: 23px !important;
}

.p-right-23 {
  padding-right: 23px;
}
.p-right-23-i {
  padding-right: 23px !important;
}
.p-right-23-inline {
  padding-inline-end: 23px;
}
.p-right-23-ion {
  --padding-end: 23px;
}
.p-right-23-inner {
  --inner-padding-end: 23px !important;
}

.m-all-23 {
  margin: 23px;
}
.m-all-23-i {
  margin: 23px !important;
}

.m-horizontal-23 {
  margin-left: 23px;
  margin-right: 23px;
}
.m-horizontal-23-i {
  margin-left: 23px !important;
  margin-right: 23px !important;
}
.m-horizontal-23-inline {
  margin-inline-start: 23px !important;
  margin-inline-end: 23px !important;
}

.m-vertical-23 {
  margin-top: 23px;
  margin-bottom: 23px;
}
.m-vertical-23-i {
  margin-top: 23px !important;
  margin-bottom: 23px !important;
}

.m-top-23 {
  margin-top: 23px;
}
.m-top-23-i {
  margin-top: 23px !important;
}

.m-bottom-23 {
  margin-bottom: 23px;
}
.m-bottom-23-i {
  margin-bottom: 23px !important;
}

.m-left-23 {
  margin-left: 23px;
}
.m-left-23-i {
  margin-left: 23px !important;
}
.m-left-23-inline {
  margin-inline-start: 23px;
}

.m-right-23 {
  margin-right: 23px;
}
.m-right-23-i {
  margin-right: 23px !important;
}
.m-right-23-inline {
  margin-inline-end: 23px;
}

.p-all-24 {
  padding: 24px;
}
.p-all-24-i {
  padding: 24px !important;
}
.p-all-24-ion {
  --padding-bottom: 24px;
  --padding-end: 24px;
  --padding-start: 24px;
  --padding-top: 24px;
}
.p-all-24-inner {
  --inner-padding-top: 24px !important;
  --inner-padding-end: 24px !important;
  --inner-padding-start: 24px !important;
  --inner-padding-bottom: 24px !important;
}

.p-horizontal-24 {
  padding-left: 24px;
  padding-right: 24px;
}
.p-horizontal-24-i {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.p-horizontal-24-inline {
  padding-inline-start: 24px;
  padding-inline-end: 24px;
}
.p-horizontal-24-ion {
  --padding-end: 24px;
  --padding-start: 24px;
}
.p-horizontal-24-inner {
  --inner-padding-end: 24px !important;
  --inner-padding-start: 24px !important;
}

.p-vertical-24 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.p-vertical-24-i {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.p-vertical-24-ion {
  --padding-bottom: 24px;
  --padding-top: 24px;
}
.p-vertical-24-inner {
  --inner-padding-top: 24px !important;
  --inner-padding-bottom: 24px !important;
}

.p-top-24 {
  padding-top: 24px;
}
.p-top-24-i {
  padding-top: 24px !important;
}
.p-top-24-ion {
  --padding-top: 24px;
}
.p-top-24-inner {
  --inner-padding-top: 24px !important;
}

.p-bottom-24 {
  padding-bottom: 24px;
}
.p-bottom-24-i {
  padding-bottom: 24px !important;
}
.p-bottom-24-ion {
  --padding-bottom: 24px;
}
.p-bottom-24-inner {
  --inner-padding-bottom: 24px !important;
}

.p-left-24 {
  padding-left: 24px;
}
.p-left-24-i {
  padding-left: 24px !important;
}
.p-left-24-inline {
  padding-inline-start: 24px;
}
.p-left-24-ion {
  --padding-start: 24px;
}
.p-left-24-inner {
  --inner-padding-start: 24px !important;
}

.p-right-24 {
  padding-right: 24px;
}
.p-right-24-i {
  padding-right: 24px !important;
}
.p-right-24-inline {
  padding-inline-end: 24px;
}
.p-right-24-ion {
  --padding-end: 24px;
}
.p-right-24-inner {
  --inner-padding-end: 24px !important;
}

.m-all-24 {
  margin: 24px;
}
.m-all-24-i {
  margin: 24px !important;
}

.m-horizontal-24 {
  margin-left: 24px;
  margin-right: 24px;
}
.m-horizontal-24-i {
  margin-left: 24px !important;
  margin-right: 24px !important;
}
.m-horizontal-24-inline {
  margin-inline-start: 24px !important;
  margin-inline-end: 24px !important;
}

.m-vertical-24 {
  margin-top: 24px;
  margin-bottom: 24px;
}
.m-vertical-24-i {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.m-top-24 {
  margin-top: 24px;
}
.m-top-24-i {
  margin-top: 24px !important;
}

.m-bottom-24 {
  margin-bottom: 24px;
}
.m-bottom-24-i {
  margin-bottom: 24px !important;
}

.m-left-24 {
  margin-left: 24px;
}
.m-left-24-i {
  margin-left: 24px !important;
}
.m-left-24-inline {
  margin-inline-start: 24px;
}

.m-right-24 {
  margin-right: 24px;
}
.m-right-24-i {
  margin-right: 24px !important;
}
.m-right-24-inline {
  margin-inline-end: 24px;
}

.p-all-25 {
  padding: 25px;
}
.p-all-25-i {
  padding: 25px !important;
}
.p-all-25-ion {
  --padding-bottom: 25px;
  --padding-end: 25px;
  --padding-start: 25px;
  --padding-top: 25px;
}
.p-all-25-inner {
  --inner-padding-top: 25px !important;
  --inner-padding-end: 25px !important;
  --inner-padding-start: 25px !important;
  --inner-padding-bottom: 25px !important;
}

.p-horizontal-25 {
  padding-left: 25px;
  padding-right: 25px;
}
.p-horizontal-25-i {
  padding-left: 25px !important;
  padding-right: 25px !important;
}
.p-horizontal-25-inline {
  padding-inline-start: 25px;
  padding-inline-end: 25px;
}
.p-horizontal-25-ion {
  --padding-end: 25px;
  --padding-start: 25px;
}
.p-horizontal-25-inner {
  --inner-padding-end: 25px !important;
  --inner-padding-start: 25px !important;
}

.p-vertical-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}
.p-vertical-25-i {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}
.p-vertical-25-ion {
  --padding-bottom: 25px;
  --padding-top: 25px;
}
.p-vertical-25-inner {
  --inner-padding-top: 25px !important;
  --inner-padding-bottom: 25px !important;
}

.p-top-25 {
  padding-top: 25px;
}
.p-top-25-i {
  padding-top: 25px !important;
}
.p-top-25-ion {
  --padding-top: 25px;
}
.p-top-25-inner {
  --inner-padding-top: 25px !important;
}

.p-bottom-25 {
  padding-bottom: 25px;
}
.p-bottom-25-i {
  padding-bottom: 25px !important;
}
.p-bottom-25-ion {
  --padding-bottom: 25px;
}
.p-bottom-25-inner {
  --inner-padding-bottom: 25px !important;
}

.p-left-25 {
  padding-left: 25px;
}
.p-left-25-i {
  padding-left: 25px !important;
}
.p-left-25-inline {
  padding-inline-start: 25px;
}
.p-left-25-ion {
  --padding-start: 25px;
}
.p-left-25-inner {
  --inner-padding-start: 25px !important;
}

.p-right-25 {
  padding-right: 25px;
}
.p-right-25-i {
  padding-right: 25px !important;
}
.p-right-25-inline {
  padding-inline-end: 25px;
}
.p-right-25-ion {
  --padding-end: 25px;
}
.p-right-25-inner {
  --inner-padding-end: 25px !important;
}

.m-all-25 {
  margin: 25px;
}
.m-all-25-i {
  margin: 25px !important;
}

.m-horizontal-25 {
  margin-left: 25px;
  margin-right: 25px;
}
.m-horizontal-25-i {
  margin-left: 25px !important;
  margin-right: 25px !important;
}
.m-horizontal-25-inline {
  margin-inline-start: 25px !important;
  margin-inline-end: 25px !important;
}

.m-vertical-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}
.m-vertical-25-i {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.m-top-25 {
  margin-top: 25px;
}
.m-top-25-i {
  margin-top: 25px !important;
}

.m-bottom-25 {
  margin-bottom: 25px;
}
.m-bottom-25-i {
  margin-bottom: 25px !important;
}

.m-left-25 {
  margin-left: 25px;
}
.m-left-25-i {
  margin-left: 25px !important;
}
.m-left-25-inline {
  margin-inline-start: 25px;
}

.m-right-25 {
  margin-right: 25px;
}
.m-right-25-i {
  margin-right: 25px !important;
}
.m-right-25-inline {
  margin-inline-end: 25px;
}

.p-all-26 {
  padding: 26px;
}
.p-all-26-i {
  padding: 26px !important;
}
.p-all-26-ion {
  --padding-bottom: 26px;
  --padding-end: 26px;
  --padding-start: 26px;
  --padding-top: 26px;
}
.p-all-26-inner {
  --inner-padding-top: 26px !important;
  --inner-padding-end: 26px !important;
  --inner-padding-start: 26px !important;
  --inner-padding-bottom: 26px !important;
}

.p-horizontal-26 {
  padding-left: 26px;
  padding-right: 26px;
}
.p-horizontal-26-i {
  padding-left: 26px !important;
  padding-right: 26px !important;
}
.p-horizontal-26-inline {
  padding-inline-start: 26px;
  padding-inline-end: 26px;
}
.p-horizontal-26-ion {
  --padding-end: 26px;
  --padding-start: 26px;
}
.p-horizontal-26-inner {
  --inner-padding-end: 26px !important;
  --inner-padding-start: 26px !important;
}

.p-vertical-26 {
  padding-top: 26px;
  padding-bottom: 26px;
}
.p-vertical-26-i {
  padding-top: 26px !important;
  padding-bottom: 26px !important;
}
.p-vertical-26-ion {
  --padding-bottom: 26px;
  --padding-top: 26px;
}
.p-vertical-26-inner {
  --inner-padding-top: 26px !important;
  --inner-padding-bottom: 26px !important;
}

.p-top-26 {
  padding-top: 26px;
}
.p-top-26-i {
  padding-top: 26px !important;
}
.p-top-26-ion {
  --padding-top: 26px;
}
.p-top-26-inner {
  --inner-padding-top: 26px !important;
}

.p-bottom-26 {
  padding-bottom: 26px;
}
.p-bottom-26-i {
  padding-bottom: 26px !important;
}
.p-bottom-26-ion {
  --padding-bottom: 26px;
}
.p-bottom-26-inner {
  --inner-padding-bottom: 26px !important;
}

.p-left-26 {
  padding-left: 26px;
}
.p-left-26-i {
  padding-left: 26px !important;
}
.p-left-26-inline {
  padding-inline-start: 26px;
}
.p-left-26-ion {
  --padding-start: 26px;
}
.p-left-26-inner {
  --inner-padding-start: 26px !important;
}

.p-right-26 {
  padding-right: 26px;
}
.p-right-26-i {
  padding-right: 26px !important;
}
.p-right-26-inline {
  padding-inline-end: 26px;
}
.p-right-26-ion {
  --padding-end: 26px;
}
.p-right-26-inner {
  --inner-padding-end: 26px !important;
}

.m-all-26 {
  margin: 26px;
}
.m-all-26-i {
  margin: 26px !important;
}

.m-horizontal-26 {
  margin-left: 26px;
  margin-right: 26px;
}
.m-horizontal-26-i {
  margin-left: 26px !important;
  margin-right: 26px !important;
}
.m-horizontal-26-inline {
  margin-inline-start: 26px !important;
  margin-inline-end: 26px !important;
}

.m-vertical-26 {
  margin-top: 26px;
  margin-bottom: 26px;
}
.m-vertical-26-i {
  margin-top: 26px !important;
  margin-bottom: 26px !important;
}

.m-top-26 {
  margin-top: 26px;
}
.m-top-26-i {
  margin-top: 26px !important;
}

.m-bottom-26 {
  margin-bottom: 26px;
}
.m-bottom-26-i {
  margin-bottom: 26px !important;
}

.m-left-26 {
  margin-left: 26px;
}
.m-left-26-i {
  margin-left: 26px !important;
}
.m-left-26-inline {
  margin-inline-start: 26px;
}

.m-right-26 {
  margin-right: 26px;
}
.m-right-26-i {
  margin-right: 26px !important;
}
.m-right-26-inline {
  margin-inline-end: 26px;
}

.p-all-27 {
  padding: 27px;
}
.p-all-27-i {
  padding: 27px !important;
}
.p-all-27-ion {
  --padding-bottom: 27px;
  --padding-end: 27px;
  --padding-start: 27px;
  --padding-top: 27px;
}
.p-all-27-inner {
  --inner-padding-top: 27px !important;
  --inner-padding-end: 27px !important;
  --inner-padding-start: 27px !important;
  --inner-padding-bottom: 27px !important;
}

.p-horizontal-27 {
  padding-left: 27px;
  padding-right: 27px;
}
.p-horizontal-27-i {
  padding-left: 27px !important;
  padding-right: 27px !important;
}
.p-horizontal-27-inline {
  padding-inline-start: 27px;
  padding-inline-end: 27px;
}
.p-horizontal-27-ion {
  --padding-end: 27px;
  --padding-start: 27px;
}
.p-horizontal-27-inner {
  --inner-padding-end: 27px !important;
  --inner-padding-start: 27px !important;
}

.p-vertical-27 {
  padding-top: 27px;
  padding-bottom: 27px;
}
.p-vertical-27-i {
  padding-top: 27px !important;
  padding-bottom: 27px !important;
}
.p-vertical-27-ion {
  --padding-bottom: 27px;
  --padding-top: 27px;
}
.p-vertical-27-inner {
  --inner-padding-top: 27px !important;
  --inner-padding-bottom: 27px !important;
}

.p-top-27 {
  padding-top: 27px;
}
.p-top-27-i {
  padding-top: 27px !important;
}
.p-top-27-ion {
  --padding-top: 27px;
}
.p-top-27-inner {
  --inner-padding-top: 27px !important;
}

.p-bottom-27 {
  padding-bottom: 27px;
}
.p-bottom-27-i {
  padding-bottom: 27px !important;
}
.p-bottom-27-ion {
  --padding-bottom: 27px;
}
.p-bottom-27-inner {
  --inner-padding-bottom: 27px !important;
}

.p-left-27 {
  padding-left: 27px;
}
.p-left-27-i {
  padding-left: 27px !important;
}
.p-left-27-inline {
  padding-inline-start: 27px;
}
.p-left-27-ion {
  --padding-start: 27px;
}
.p-left-27-inner {
  --inner-padding-start: 27px !important;
}

.p-right-27 {
  padding-right: 27px;
}
.p-right-27-i {
  padding-right: 27px !important;
}
.p-right-27-inline {
  padding-inline-end: 27px;
}
.p-right-27-ion {
  --padding-end: 27px;
}
.p-right-27-inner {
  --inner-padding-end: 27px !important;
}

.m-all-27 {
  margin: 27px;
}
.m-all-27-i {
  margin: 27px !important;
}

.m-horizontal-27 {
  margin-left: 27px;
  margin-right: 27px;
}
.m-horizontal-27-i {
  margin-left: 27px !important;
  margin-right: 27px !important;
}
.m-horizontal-27-inline {
  margin-inline-start: 27px !important;
  margin-inline-end: 27px !important;
}

.m-vertical-27 {
  margin-top: 27px;
  margin-bottom: 27px;
}
.m-vertical-27-i {
  margin-top: 27px !important;
  margin-bottom: 27px !important;
}

.m-top-27 {
  margin-top: 27px;
}
.m-top-27-i {
  margin-top: 27px !important;
}

.m-bottom-27 {
  margin-bottom: 27px;
}
.m-bottom-27-i {
  margin-bottom: 27px !important;
}

.m-left-27 {
  margin-left: 27px;
}
.m-left-27-i {
  margin-left: 27px !important;
}
.m-left-27-inline {
  margin-inline-start: 27px;
}

.m-right-27 {
  margin-right: 27px;
}
.m-right-27-i {
  margin-right: 27px !important;
}
.m-right-27-inline {
  margin-inline-end: 27px;
}

.p-all-28 {
  padding: 28px;
}
.p-all-28-i {
  padding: 28px !important;
}
.p-all-28-ion {
  --padding-bottom: 28px;
  --padding-end: 28px;
  --padding-start: 28px;
  --padding-top: 28px;
}
.p-all-28-inner {
  --inner-padding-top: 28px !important;
  --inner-padding-end: 28px !important;
  --inner-padding-start: 28px !important;
  --inner-padding-bottom: 28px !important;
}

.p-horizontal-28 {
  padding-left: 28px;
  padding-right: 28px;
}
.p-horizontal-28-i {
  padding-left: 28px !important;
  padding-right: 28px !important;
}
.p-horizontal-28-inline {
  padding-inline-start: 28px;
  padding-inline-end: 28px;
}
.p-horizontal-28-ion {
  --padding-end: 28px;
  --padding-start: 28px;
}
.p-horizontal-28-inner {
  --inner-padding-end: 28px !important;
  --inner-padding-start: 28px !important;
}

.p-vertical-28 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.p-vertical-28-i {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}
.p-vertical-28-ion {
  --padding-bottom: 28px;
  --padding-top: 28px;
}
.p-vertical-28-inner {
  --inner-padding-top: 28px !important;
  --inner-padding-bottom: 28px !important;
}

.p-top-28 {
  padding-top: 28px;
}
.p-top-28-i {
  padding-top: 28px !important;
}
.p-top-28-ion {
  --padding-top: 28px;
}
.p-top-28-inner {
  --inner-padding-top: 28px !important;
}

.p-bottom-28 {
  padding-bottom: 28px;
}
.p-bottom-28-i {
  padding-bottom: 28px !important;
}
.p-bottom-28-ion {
  --padding-bottom: 28px;
}
.p-bottom-28-inner {
  --inner-padding-bottom: 28px !important;
}

.p-left-28 {
  padding-left: 28px;
}
.p-left-28-i {
  padding-left: 28px !important;
}
.p-left-28-inline {
  padding-inline-start: 28px;
}
.p-left-28-ion {
  --padding-start: 28px;
}
.p-left-28-inner {
  --inner-padding-start: 28px !important;
}

.p-right-28 {
  padding-right: 28px;
}
.p-right-28-i {
  padding-right: 28px !important;
}
.p-right-28-inline {
  padding-inline-end: 28px;
}
.p-right-28-ion {
  --padding-end: 28px;
}
.p-right-28-inner {
  --inner-padding-end: 28px !important;
}

.m-all-28 {
  margin: 28px;
}
.m-all-28-i {
  margin: 28px !important;
}

.m-horizontal-28 {
  margin-left: 28px;
  margin-right: 28px;
}
.m-horizontal-28-i {
  margin-left: 28px !important;
  margin-right: 28px !important;
}
.m-horizontal-28-inline {
  margin-inline-start: 28px !important;
  margin-inline-end: 28px !important;
}

.m-vertical-28 {
  margin-top: 28px;
  margin-bottom: 28px;
}
.m-vertical-28-i {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}

.m-top-28 {
  margin-top: 28px;
}
.m-top-28-i {
  margin-top: 28px !important;
}

.m-bottom-28 {
  margin-bottom: 28px;
}
.m-bottom-28-i {
  margin-bottom: 28px !important;
}

.m-left-28 {
  margin-left: 28px;
}
.m-left-28-i {
  margin-left: 28px !important;
}
.m-left-28-inline {
  margin-inline-start: 28px;
}

.m-right-28 {
  margin-right: 28px;
}
.m-right-28-i {
  margin-right: 28px !important;
}
.m-right-28-inline {
  margin-inline-end: 28px;
}

.p-all-29 {
  padding: 29px;
}
.p-all-29-i {
  padding: 29px !important;
}
.p-all-29-ion {
  --padding-bottom: 29px;
  --padding-end: 29px;
  --padding-start: 29px;
  --padding-top: 29px;
}
.p-all-29-inner {
  --inner-padding-top: 29px !important;
  --inner-padding-end: 29px !important;
  --inner-padding-start: 29px !important;
  --inner-padding-bottom: 29px !important;
}

.p-horizontal-29 {
  padding-left: 29px;
  padding-right: 29px;
}
.p-horizontal-29-i {
  padding-left: 29px !important;
  padding-right: 29px !important;
}
.p-horizontal-29-inline {
  padding-inline-start: 29px;
  padding-inline-end: 29px;
}
.p-horizontal-29-ion {
  --padding-end: 29px;
  --padding-start: 29px;
}
.p-horizontal-29-inner {
  --inner-padding-end: 29px !important;
  --inner-padding-start: 29px !important;
}

.p-vertical-29 {
  padding-top: 29px;
  padding-bottom: 29px;
}
.p-vertical-29-i {
  padding-top: 29px !important;
  padding-bottom: 29px !important;
}
.p-vertical-29-ion {
  --padding-bottom: 29px;
  --padding-top: 29px;
}
.p-vertical-29-inner {
  --inner-padding-top: 29px !important;
  --inner-padding-bottom: 29px !important;
}

.p-top-29 {
  padding-top: 29px;
}
.p-top-29-i {
  padding-top: 29px !important;
}
.p-top-29-ion {
  --padding-top: 29px;
}
.p-top-29-inner {
  --inner-padding-top: 29px !important;
}

.p-bottom-29 {
  padding-bottom: 29px;
}
.p-bottom-29-i {
  padding-bottom: 29px !important;
}
.p-bottom-29-ion {
  --padding-bottom: 29px;
}
.p-bottom-29-inner {
  --inner-padding-bottom: 29px !important;
}

.p-left-29 {
  padding-left: 29px;
}
.p-left-29-i {
  padding-left: 29px !important;
}
.p-left-29-inline {
  padding-inline-start: 29px;
}
.p-left-29-ion {
  --padding-start: 29px;
}
.p-left-29-inner {
  --inner-padding-start: 29px !important;
}

.p-right-29 {
  padding-right: 29px;
}
.p-right-29-i {
  padding-right: 29px !important;
}
.p-right-29-inline {
  padding-inline-end: 29px;
}
.p-right-29-ion {
  --padding-end: 29px;
}
.p-right-29-inner {
  --inner-padding-end: 29px !important;
}

.m-all-29 {
  margin: 29px;
}
.m-all-29-i {
  margin: 29px !important;
}

.m-horizontal-29 {
  margin-left: 29px;
  margin-right: 29px;
}
.m-horizontal-29-i {
  margin-left: 29px !important;
  margin-right: 29px !important;
}
.m-horizontal-29-inline {
  margin-inline-start: 29px !important;
  margin-inline-end: 29px !important;
}

.m-vertical-29 {
  margin-top: 29px;
  margin-bottom: 29px;
}
.m-vertical-29-i {
  margin-top: 29px !important;
  margin-bottom: 29px !important;
}

.m-top-29 {
  margin-top: 29px;
}
.m-top-29-i {
  margin-top: 29px !important;
}

.m-bottom-29 {
  margin-bottom: 29px;
}
.m-bottom-29-i {
  margin-bottom: 29px !important;
}

.m-left-29 {
  margin-left: 29px;
}
.m-left-29-i {
  margin-left: 29px !important;
}
.m-left-29-inline {
  margin-inline-start: 29px;
}

.m-right-29 {
  margin-right: 29px;
}
.m-right-29-i {
  margin-right: 29px !important;
}
.m-right-29-inline {
  margin-inline-end: 29px;
}

.p-all-30 {
  padding: 30px;
}
.p-all-30-i {
  padding: 30px !important;
}
.p-all-30-ion {
  --padding-bottom: 30px;
  --padding-end: 30px;
  --padding-start: 30px;
  --padding-top: 30px;
}
.p-all-30-inner {
  --inner-padding-top: 30px !important;
  --inner-padding-end: 30px !important;
  --inner-padding-start: 30px !important;
  --inner-padding-bottom: 30px !important;
}

.p-horizontal-30 {
  padding-left: 30px;
  padding-right: 30px;
}
.p-horizontal-30-i {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.p-horizontal-30-inline {
  padding-inline-start: 30px;
  padding-inline-end: 30px;
}
.p-horizontal-30-ion {
  --padding-end: 30px;
  --padding-start: 30px;
}
.p-horizontal-30-inner {
  --inner-padding-end: 30px !important;
  --inner-padding-start: 30px !important;
}

.p-vertical-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.p-vertical-30-i {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.p-vertical-30-ion {
  --padding-bottom: 30px;
  --padding-top: 30px;
}
.p-vertical-30-inner {
  --inner-padding-top: 30px !important;
  --inner-padding-bottom: 30px !important;
}

.p-top-30 {
  padding-top: 30px;
}
.p-top-30-i {
  padding-top: 30px !important;
}
.p-top-30-ion {
  --padding-top: 30px;
}
.p-top-30-inner {
  --inner-padding-top: 30px !important;
}

.p-bottom-30 {
  padding-bottom: 30px;
}
.p-bottom-30-i {
  padding-bottom: 30px !important;
}
.p-bottom-30-ion {
  --padding-bottom: 30px;
}
.p-bottom-30-inner {
  --inner-padding-bottom: 30px !important;
}

.p-left-30 {
  padding-left: 30px;
}
.p-left-30-i {
  padding-left: 30px !important;
}
.p-left-30-inline {
  padding-inline-start: 30px;
}
.p-left-30-ion {
  --padding-start: 30px;
}
.p-left-30-inner {
  --inner-padding-start: 30px !important;
}

.p-right-30 {
  padding-right: 30px;
}
.p-right-30-i {
  padding-right: 30px !important;
}
.p-right-30-inline {
  padding-inline-end: 30px;
}
.p-right-30-ion {
  --padding-end: 30px;
}
.p-right-30-inner {
  --inner-padding-end: 30px !important;
}

.m-all-30 {
  margin: 30px;
}
.m-all-30-i {
  margin: 30px !important;
}

.m-horizontal-30 {
  margin-left: 30px;
  margin-right: 30px;
}
.m-horizontal-30-i {
  margin-left: 30px !important;
  margin-right: 30px !important;
}
.m-horizontal-30-inline {
  margin-inline-start: 30px !important;
  margin-inline-end: 30px !important;
}

.m-vertical-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.m-vertical-30-i {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.m-top-30 {
  margin-top: 30px;
}
.m-top-30-i {
  margin-top: 30px !important;
}

.m-bottom-30 {
  margin-bottom: 30px;
}
.m-bottom-30-i {
  margin-bottom: 30px !important;
}

.m-left-30 {
  margin-left: 30px;
}
.m-left-30-i {
  margin-left: 30px !important;
}
.m-left-30-inline {
  margin-inline-start: 30px;
}

.m-right-30 {
  margin-right: 30px;
}
.m-right-30-i {
  margin-right: 30px !important;
}
.m-right-30-inline {
  margin-inline-end: 30px;
}

.p-all-31 {
  padding: 31px;
}
.p-all-31-i {
  padding: 31px !important;
}
.p-all-31-ion {
  --padding-bottom: 31px;
  --padding-end: 31px;
  --padding-start: 31px;
  --padding-top: 31px;
}
.p-all-31-inner {
  --inner-padding-top: 31px !important;
  --inner-padding-end: 31px !important;
  --inner-padding-start: 31px !important;
  --inner-padding-bottom: 31px !important;
}

.p-horizontal-31 {
  padding-left: 31px;
  padding-right: 31px;
}
.p-horizontal-31-i {
  padding-left: 31px !important;
  padding-right: 31px !important;
}
.p-horizontal-31-inline {
  padding-inline-start: 31px;
  padding-inline-end: 31px;
}
.p-horizontal-31-ion {
  --padding-end: 31px;
  --padding-start: 31px;
}
.p-horizontal-31-inner {
  --inner-padding-end: 31px !important;
  --inner-padding-start: 31px !important;
}

.p-vertical-31 {
  padding-top: 31px;
  padding-bottom: 31px;
}
.p-vertical-31-i {
  padding-top: 31px !important;
  padding-bottom: 31px !important;
}
.p-vertical-31-ion {
  --padding-bottom: 31px;
  --padding-top: 31px;
}
.p-vertical-31-inner {
  --inner-padding-top: 31px !important;
  --inner-padding-bottom: 31px !important;
}

.p-top-31 {
  padding-top: 31px;
}
.p-top-31-i {
  padding-top: 31px !important;
}
.p-top-31-ion {
  --padding-top: 31px;
}
.p-top-31-inner {
  --inner-padding-top: 31px !important;
}

.p-bottom-31 {
  padding-bottom: 31px;
}
.p-bottom-31-i {
  padding-bottom: 31px !important;
}
.p-bottom-31-ion {
  --padding-bottom: 31px;
}
.p-bottom-31-inner {
  --inner-padding-bottom: 31px !important;
}

.p-left-31 {
  padding-left: 31px;
}
.p-left-31-i {
  padding-left: 31px !important;
}
.p-left-31-inline {
  padding-inline-start: 31px;
}
.p-left-31-ion {
  --padding-start: 31px;
}
.p-left-31-inner {
  --inner-padding-start: 31px !important;
}

.p-right-31 {
  padding-right: 31px;
}
.p-right-31-i {
  padding-right: 31px !important;
}
.p-right-31-inline {
  padding-inline-end: 31px;
}
.p-right-31-ion {
  --padding-end: 31px;
}
.p-right-31-inner {
  --inner-padding-end: 31px !important;
}

.m-all-31 {
  margin: 31px;
}
.m-all-31-i {
  margin: 31px !important;
}

.m-horizontal-31 {
  margin-left: 31px;
  margin-right: 31px;
}
.m-horizontal-31-i {
  margin-left: 31px !important;
  margin-right: 31px !important;
}
.m-horizontal-31-inline {
  margin-inline-start: 31px !important;
  margin-inline-end: 31px !important;
}

.m-vertical-31 {
  margin-top: 31px;
  margin-bottom: 31px;
}
.m-vertical-31-i {
  margin-top: 31px !important;
  margin-bottom: 31px !important;
}

.m-top-31 {
  margin-top: 31px;
}
.m-top-31-i {
  margin-top: 31px !important;
}

.m-bottom-31 {
  margin-bottom: 31px;
}
.m-bottom-31-i {
  margin-bottom: 31px !important;
}

.m-left-31 {
  margin-left: 31px;
}
.m-left-31-i {
  margin-left: 31px !important;
}
.m-left-31-inline {
  margin-inline-start: 31px;
}

.m-right-31 {
  margin-right: 31px;
}
.m-right-31-i {
  margin-right: 31px !important;
}
.m-right-31-inline {
  margin-inline-end: 31px;
}

.p-all-32 {
  padding: 32px;
}
.p-all-32-i {
  padding: 32px !important;
}
.p-all-32-ion {
  --padding-bottom: 32px;
  --padding-end: 32px;
  --padding-start: 32px;
  --padding-top: 32px;
}
.p-all-32-inner {
  --inner-padding-top: 32px !important;
  --inner-padding-end: 32px !important;
  --inner-padding-start: 32px !important;
  --inner-padding-bottom: 32px !important;
}

.p-horizontal-32 {
  padding-left: 32px;
  padding-right: 32px;
}
.p-horizontal-32-i {
  padding-left: 32px !important;
  padding-right: 32px !important;
}
.p-horizontal-32-inline {
  padding-inline-start: 32px;
  padding-inline-end: 32px;
}
.p-horizontal-32-ion {
  --padding-end: 32px;
  --padding-start: 32px;
}
.p-horizontal-32-inner {
  --inner-padding-end: 32px !important;
  --inner-padding-start: 32px !important;
}

.p-vertical-32 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.p-vertical-32-i {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.p-vertical-32-ion {
  --padding-bottom: 32px;
  --padding-top: 32px;
}
.p-vertical-32-inner {
  --inner-padding-top: 32px !important;
  --inner-padding-bottom: 32px !important;
}

.p-top-32 {
  padding-top: 32px;
}
.p-top-32-i {
  padding-top: 32px !important;
}
.p-top-32-ion {
  --padding-top: 32px;
}
.p-top-32-inner {
  --inner-padding-top: 32px !important;
}

.p-bottom-32 {
  padding-bottom: 32px;
}
.p-bottom-32-i {
  padding-bottom: 32px !important;
}
.p-bottom-32-ion {
  --padding-bottom: 32px;
}
.p-bottom-32-inner {
  --inner-padding-bottom: 32px !important;
}

.p-left-32 {
  padding-left: 32px;
}
.p-left-32-i {
  padding-left: 32px !important;
}
.p-left-32-inline {
  padding-inline-start: 32px;
}
.p-left-32-ion {
  --padding-start: 32px;
}
.p-left-32-inner {
  --inner-padding-start: 32px !important;
}

.p-right-32 {
  padding-right: 32px;
}
.p-right-32-i {
  padding-right: 32px !important;
}
.p-right-32-inline {
  padding-inline-end: 32px;
}
.p-right-32-ion {
  --padding-end: 32px;
}
.p-right-32-inner {
  --inner-padding-end: 32px !important;
}

.m-all-32 {
  margin: 32px;
}
.m-all-32-i {
  margin: 32px !important;
}

.m-horizontal-32 {
  margin-left: 32px;
  margin-right: 32px;
}
.m-horizontal-32-i {
  margin-left: 32px !important;
  margin-right: 32px !important;
}
.m-horizontal-32-inline {
  margin-inline-start: 32px !important;
  margin-inline-end: 32px !important;
}

.m-vertical-32 {
  margin-top: 32px;
  margin-bottom: 32px;
}
.m-vertical-32-i {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.m-top-32 {
  margin-top: 32px;
}
.m-top-32-i {
  margin-top: 32px !important;
}

.m-bottom-32 {
  margin-bottom: 32px;
}
.m-bottom-32-i {
  margin-bottom: 32px !important;
}

.m-left-32 {
  margin-left: 32px;
}
.m-left-32-i {
  margin-left: 32px !important;
}
.m-left-32-inline {
  margin-inline-start: 32px;
}

.m-right-32 {
  margin-right: 32px;
}
.m-right-32-i {
  margin-right: 32px !important;
}
.m-right-32-inline {
  margin-inline-end: 32px;
}

.p-all-33 {
  padding: 33px;
}
.p-all-33-i {
  padding: 33px !important;
}
.p-all-33-ion {
  --padding-bottom: 33px;
  --padding-end: 33px;
  --padding-start: 33px;
  --padding-top: 33px;
}
.p-all-33-inner {
  --inner-padding-top: 33px !important;
  --inner-padding-end: 33px !important;
  --inner-padding-start: 33px !important;
  --inner-padding-bottom: 33px !important;
}

.p-horizontal-33 {
  padding-left: 33px;
  padding-right: 33px;
}
.p-horizontal-33-i {
  padding-left: 33px !important;
  padding-right: 33px !important;
}
.p-horizontal-33-inline {
  padding-inline-start: 33px;
  padding-inline-end: 33px;
}
.p-horizontal-33-ion {
  --padding-end: 33px;
  --padding-start: 33px;
}
.p-horizontal-33-inner {
  --inner-padding-end: 33px !important;
  --inner-padding-start: 33px !important;
}

.p-vertical-33 {
  padding-top: 33px;
  padding-bottom: 33px;
}
.p-vertical-33-i {
  padding-top: 33px !important;
  padding-bottom: 33px !important;
}
.p-vertical-33-ion {
  --padding-bottom: 33px;
  --padding-top: 33px;
}
.p-vertical-33-inner {
  --inner-padding-top: 33px !important;
  --inner-padding-bottom: 33px !important;
}

.p-top-33 {
  padding-top: 33px;
}
.p-top-33-i {
  padding-top: 33px !important;
}
.p-top-33-ion {
  --padding-top: 33px;
}
.p-top-33-inner {
  --inner-padding-top: 33px !important;
}

.p-bottom-33 {
  padding-bottom: 33px;
}
.p-bottom-33-i {
  padding-bottom: 33px !important;
}
.p-bottom-33-ion {
  --padding-bottom: 33px;
}
.p-bottom-33-inner {
  --inner-padding-bottom: 33px !important;
}

.p-left-33 {
  padding-left: 33px;
}
.p-left-33-i {
  padding-left: 33px !important;
}
.p-left-33-inline {
  padding-inline-start: 33px;
}
.p-left-33-ion {
  --padding-start: 33px;
}
.p-left-33-inner {
  --inner-padding-start: 33px !important;
}

.p-right-33 {
  padding-right: 33px;
}
.p-right-33-i {
  padding-right: 33px !important;
}
.p-right-33-inline {
  padding-inline-end: 33px;
}
.p-right-33-ion {
  --padding-end: 33px;
}
.p-right-33-inner {
  --inner-padding-end: 33px !important;
}

.m-all-33 {
  margin: 33px;
}
.m-all-33-i {
  margin: 33px !important;
}

.m-horizontal-33 {
  margin-left: 33px;
  margin-right: 33px;
}
.m-horizontal-33-i {
  margin-left: 33px !important;
  margin-right: 33px !important;
}
.m-horizontal-33-inline {
  margin-inline-start: 33px !important;
  margin-inline-end: 33px !important;
}

.m-vertical-33 {
  margin-top: 33px;
  margin-bottom: 33px;
}
.m-vertical-33-i {
  margin-top: 33px !important;
  margin-bottom: 33px !important;
}

.m-top-33 {
  margin-top: 33px;
}
.m-top-33-i {
  margin-top: 33px !important;
}

.m-bottom-33 {
  margin-bottom: 33px;
}
.m-bottom-33-i {
  margin-bottom: 33px !important;
}

.m-left-33 {
  margin-left: 33px;
}
.m-left-33-i {
  margin-left: 33px !important;
}
.m-left-33-inline {
  margin-inline-start: 33px;
}

.m-right-33 {
  margin-right: 33px;
}
.m-right-33-i {
  margin-right: 33px !important;
}
.m-right-33-inline {
  margin-inline-end: 33px;
}

.p-all-34 {
  padding: 34px;
}
.p-all-34-i {
  padding: 34px !important;
}
.p-all-34-ion {
  --padding-bottom: 34px;
  --padding-end: 34px;
  --padding-start: 34px;
  --padding-top: 34px;
}
.p-all-34-inner {
  --inner-padding-top: 34px !important;
  --inner-padding-end: 34px !important;
  --inner-padding-start: 34px !important;
  --inner-padding-bottom: 34px !important;
}

.p-horizontal-34 {
  padding-left: 34px;
  padding-right: 34px;
}
.p-horizontal-34-i {
  padding-left: 34px !important;
  padding-right: 34px !important;
}
.p-horizontal-34-inline {
  padding-inline-start: 34px;
  padding-inline-end: 34px;
}
.p-horizontal-34-ion {
  --padding-end: 34px;
  --padding-start: 34px;
}
.p-horizontal-34-inner {
  --inner-padding-end: 34px !important;
  --inner-padding-start: 34px !important;
}

.p-vertical-34 {
  padding-top: 34px;
  padding-bottom: 34px;
}
.p-vertical-34-i {
  padding-top: 34px !important;
  padding-bottom: 34px !important;
}
.p-vertical-34-ion {
  --padding-bottom: 34px;
  --padding-top: 34px;
}
.p-vertical-34-inner {
  --inner-padding-top: 34px !important;
  --inner-padding-bottom: 34px !important;
}

.p-top-34 {
  padding-top: 34px;
}
.p-top-34-i {
  padding-top: 34px !important;
}
.p-top-34-ion {
  --padding-top: 34px;
}
.p-top-34-inner {
  --inner-padding-top: 34px !important;
}

.p-bottom-34 {
  padding-bottom: 34px;
}
.p-bottom-34-i {
  padding-bottom: 34px !important;
}
.p-bottom-34-ion {
  --padding-bottom: 34px;
}
.p-bottom-34-inner {
  --inner-padding-bottom: 34px !important;
}

.p-left-34 {
  padding-left: 34px;
}
.p-left-34-i {
  padding-left: 34px !important;
}
.p-left-34-inline {
  padding-inline-start: 34px;
}
.p-left-34-ion {
  --padding-start: 34px;
}
.p-left-34-inner {
  --inner-padding-start: 34px !important;
}

.p-right-34 {
  padding-right: 34px;
}
.p-right-34-i {
  padding-right: 34px !important;
}
.p-right-34-inline {
  padding-inline-end: 34px;
}
.p-right-34-ion {
  --padding-end: 34px;
}
.p-right-34-inner {
  --inner-padding-end: 34px !important;
}

.m-all-34 {
  margin: 34px;
}
.m-all-34-i {
  margin: 34px !important;
}

.m-horizontal-34 {
  margin-left: 34px;
  margin-right: 34px;
}
.m-horizontal-34-i {
  margin-left: 34px !important;
  margin-right: 34px !important;
}
.m-horizontal-34-inline {
  margin-inline-start: 34px !important;
  margin-inline-end: 34px !important;
}

.m-vertical-34 {
  margin-top: 34px;
  margin-bottom: 34px;
}
.m-vertical-34-i {
  margin-top: 34px !important;
  margin-bottom: 34px !important;
}

.m-top-34 {
  margin-top: 34px;
}
.m-top-34-i {
  margin-top: 34px !important;
}

.m-bottom-34 {
  margin-bottom: 34px;
}
.m-bottom-34-i {
  margin-bottom: 34px !important;
}

.m-left-34 {
  margin-left: 34px;
}
.m-left-34-i {
  margin-left: 34px !important;
}
.m-left-34-inline {
  margin-inline-start: 34px;
}

.m-right-34 {
  margin-right: 34px;
}
.m-right-34-i {
  margin-right: 34px !important;
}
.m-right-34-inline {
  margin-inline-end: 34px;
}

.p-all-35 {
  padding: 35px;
}
.p-all-35-i {
  padding: 35px !important;
}
.p-all-35-ion {
  --padding-bottom: 35px;
  --padding-end: 35px;
  --padding-start: 35px;
  --padding-top: 35px;
}
.p-all-35-inner {
  --inner-padding-top: 35px !important;
  --inner-padding-end: 35px !important;
  --inner-padding-start: 35px !important;
  --inner-padding-bottom: 35px !important;
}

.p-horizontal-35 {
  padding-left: 35px;
  padding-right: 35px;
}
.p-horizontal-35-i {
  padding-left: 35px !important;
  padding-right: 35px !important;
}
.p-horizontal-35-inline {
  padding-inline-start: 35px;
  padding-inline-end: 35px;
}
.p-horizontal-35-ion {
  --padding-end: 35px;
  --padding-start: 35px;
}
.p-horizontal-35-inner {
  --inner-padding-end: 35px !important;
  --inner-padding-start: 35px !important;
}

.p-vertical-35 {
  padding-top: 35px;
  padding-bottom: 35px;
}
.p-vertical-35-i {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}
.p-vertical-35-ion {
  --padding-bottom: 35px;
  --padding-top: 35px;
}
.p-vertical-35-inner {
  --inner-padding-top: 35px !important;
  --inner-padding-bottom: 35px !important;
}

.p-top-35 {
  padding-top: 35px;
}
.p-top-35-i {
  padding-top: 35px !important;
}
.p-top-35-ion {
  --padding-top: 35px;
}
.p-top-35-inner {
  --inner-padding-top: 35px !important;
}

.p-bottom-35 {
  padding-bottom: 35px;
}
.p-bottom-35-i {
  padding-bottom: 35px !important;
}
.p-bottom-35-ion {
  --padding-bottom: 35px;
}
.p-bottom-35-inner {
  --inner-padding-bottom: 35px !important;
}

.p-left-35 {
  padding-left: 35px;
}
.p-left-35-i {
  padding-left: 35px !important;
}
.p-left-35-inline {
  padding-inline-start: 35px;
}
.p-left-35-ion {
  --padding-start: 35px;
}
.p-left-35-inner {
  --inner-padding-start: 35px !important;
}

.p-right-35 {
  padding-right: 35px;
}
.p-right-35-i {
  padding-right: 35px !important;
}
.p-right-35-inline {
  padding-inline-end: 35px;
}
.p-right-35-ion {
  --padding-end: 35px;
}
.p-right-35-inner {
  --inner-padding-end: 35px !important;
}

.m-all-35 {
  margin: 35px;
}
.m-all-35-i {
  margin: 35px !important;
}

.m-horizontal-35 {
  margin-left: 35px;
  margin-right: 35px;
}
.m-horizontal-35-i {
  margin-left: 35px !important;
  margin-right: 35px !important;
}
.m-horizontal-35-inline {
  margin-inline-start: 35px !important;
  margin-inline-end: 35px !important;
}

.m-vertical-35 {
  margin-top: 35px;
  margin-bottom: 35px;
}
.m-vertical-35-i {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}

.m-top-35 {
  margin-top: 35px;
}
.m-top-35-i {
  margin-top: 35px !important;
}

.m-bottom-35 {
  margin-bottom: 35px;
}
.m-bottom-35-i {
  margin-bottom: 35px !important;
}

.m-left-35 {
  margin-left: 35px;
}
.m-left-35-i {
  margin-left: 35px !important;
}
.m-left-35-inline {
  margin-inline-start: 35px;
}

.m-right-35 {
  margin-right: 35px;
}
.m-right-35-i {
  margin-right: 35px !important;
}
.m-right-35-inline {
  margin-inline-end: 35px;
}

.p-all-36 {
  padding: 36px;
}
.p-all-36-i {
  padding: 36px !important;
}
.p-all-36-ion {
  --padding-bottom: 36px;
  --padding-end: 36px;
  --padding-start: 36px;
  --padding-top: 36px;
}
.p-all-36-inner {
  --inner-padding-top: 36px !important;
  --inner-padding-end: 36px !important;
  --inner-padding-start: 36px !important;
  --inner-padding-bottom: 36px !important;
}

.p-horizontal-36 {
  padding-left: 36px;
  padding-right: 36px;
}
.p-horizontal-36-i {
  padding-left: 36px !important;
  padding-right: 36px !important;
}
.p-horizontal-36-inline {
  padding-inline-start: 36px;
  padding-inline-end: 36px;
}
.p-horizontal-36-ion {
  --padding-end: 36px;
  --padding-start: 36px;
}
.p-horizontal-36-inner {
  --inner-padding-end: 36px !important;
  --inner-padding-start: 36px !important;
}

.p-vertical-36 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.p-vertical-36-i {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}
.p-vertical-36-ion {
  --padding-bottom: 36px;
  --padding-top: 36px;
}
.p-vertical-36-inner {
  --inner-padding-top: 36px !important;
  --inner-padding-bottom: 36px !important;
}

.p-top-36 {
  padding-top: 36px;
}
.p-top-36-i {
  padding-top: 36px !important;
}
.p-top-36-ion {
  --padding-top: 36px;
}
.p-top-36-inner {
  --inner-padding-top: 36px !important;
}

.p-bottom-36 {
  padding-bottom: 36px;
}
.p-bottom-36-i {
  padding-bottom: 36px !important;
}
.p-bottom-36-ion {
  --padding-bottom: 36px;
}
.p-bottom-36-inner {
  --inner-padding-bottom: 36px !important;
}

.p-left-36 {
  padding-left: 36px;
}
.p-left-36-i {
  padding-left: 36px !important;
}
.p-left-36-inline {
  padding-inline-start: 36px;
}
.p-left-36-ion {
  --padding-start: 36px;
}
.p-left-36-inner {
  --inner-padding-start: 36px !important;
}

.p-right-36 {
  padding-right: 36px;
}
.p-right-36-i {
  padding-right: 36px !important;
}
.p-right-36-inline {
  padding-inline-end: 36px;
}
.p-right-36-ion {
  --padding-end: 36px;
}
.p-right-36-inner {
  --inner-padding-end: 36px !important;
}

.m-all-36 {
  margin: 36px;
}
.m-all-36-i {
  margin: 36px !important;
}

.m-horizontal-36 {
  margin-left: 36px;
  margin-right: 36px;
}
.m-horizontal-36-i {
  margin-left: 36px !important;
  margin-right: 36px !important;
}
.m-horizontal-36-inline {
  margin-inline-start: 36px !important;
  margin-inline-end: 36px !important;
}

.m-vertical-36 {
  margin-top: 36px;
  margin-bottom: 36px;
}
.m-vertical-36-i {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}

.m-top-36 {
  margin-top: 36px;
}
.m-top-36-i {
  margin-top: 36px !important;
}

.m-bottom-36 {
  margin-bottom: 36px;
}
.m-bottom-36-i {
  margin-bottom: 36px !important;
}

.m-left-36 {
  margin-left: 36px;
}
.m-left-36-i {
  margin-left: 36px !important;
}
.m-left-36-inline {
  margin-inline-start: 36px;
}

.m-right-36 {
  margin-right: 36px;
}
.m-right-36-i {
  margin-right: 36px !important;
}
.m-right-36-inline {
  margin-inline-end: 36px;
}

.p-all-37 {
  padding: 37px;
}
.p-all-37-i {
  padding: 37px !important;
}
.p-all-37-ion {
  --padding-bottom: 37px;
  --padding-end: 37px;
  --padding-start: 37px;
  --padding-top: 37px;
}
.p-all-37-inner {
  --inner-padding-top: 37px !important;
  --inner-padding-end: 37px !important;
  --inner-padding-start: 37px !important;
  --inner-padding-bottom: 37px !important;
}

.p-horizontal-37 {
  padding-left: 37px;
  padding-right: 37px;
}
.p-horizontal-37-i {
  padding-left: 37px !important;
  padding-right: 37px !important;
}
.p-horizontal-37-inline {
  padding-inline-start: 37px;
  padding-inline-end: 37px;
}
.p-horizontal-37-ion {
  --padding-end: 37px;
  --padding-start: 37px;
}
.p-horizontal-37-inner {
  --inner-padding-end: 37px !important;
  --inner-padding-start: 37px !important;
}

.p-vertical-37 {
  padding-top: 37px;
  padding-bottom: 37px;
}
.p-vertical-37-i {
  padding-top: 37px !important;
  padding-bottom: 37px !important;
}
.p-vertical-37-ion {
  --padding-bottom: 37px;
  --padding-top: 37px;
}
.p-vertical-37-inner {
  --inner-padding-top: 37px !important;
  --inner-padding-bottom: 37px !important;
}

.p-top-37 {
  padding-top: 37px;
}
.p-top-37-i {
  padding-top: 37px !important;
}
.p-top-37-ion {
  --padding-top: 37px;
}
.p-top-37-inner {
  --inner-padding-top: 37px !important;
}

.p-bottom-37 {
  padding-bottom: 37px;
}
.p-bottom-37-i {
  padding-bottom: 37px !important;
}
.p-bottom-37-ion {
  --padding-bottom: 37px;
}
.p-bottom-37-inner {
  --inner-padding-bottom: 37px !important;
}

.p-left-37 {
  padding-left: 37px;
}
.p-left-37-i {
  padding-left: 37px !important;
}
.p-left-37-inline {
  padding-inline-start: 37px;
}
.p-left-37-ion {
  --padding-start: 37px;
}
.p-left-37-inner {
  --inner-padding-start: 37px !important;
}

.p-right-37 {
  padding-right: 37px;
}
.p-right-37-i {
  padding-right: 37px !important;
}
.p-right-37-inline {
  padding-inline-end: 37px;
}
.p-right-37-ion {
  --padding-end: 37px;
}
.p-right-37-inner {
  --inner-padding-end: 37px !important;
}

.m-all-37 {
  margin: 37px;
}
.m-all-37-i {
  margin: 37px !important;
}

.m-horizontal-37 {
  margin-left: 37px;
  margin-right: 37px;
}
.m-horizontal-37-i {
  margin-left: 37px !important;
  margin-right: 37px !important;
}
.m-horizontal-37-inline {
  margin-inline-start: 37px !important;
  margin-inline-end: 37px !important;
}

.m-vertical-37 {
  margin-top: 37px;
  margin-bottom: 37px;
}
.m-vertical-37-i {
  margin-top: 37px !important;
  margin-bottom: 37px !important;
}

.m-top-37 {
  margin-top: 37px;
}
.m-top-37-i {
  margin-top: 37px !important;
}

.m-bottom-37 {
  margin-bottom: 37px;
}
.m-bottom-37-i {
  margin-bottom: 37px !important;
}

.m-left-37 {
  margin-left: 37px;
}
.m-left-37-i {
  margin-left: 37px !important;
}
.m-left-37-inline {
  margin-inline-start: 37px;
}

.m-right-37 {
  margin-right: 37px;
}
.m-right-37-i {
  margin-right: 37px !important;
}
.m-right-37-inline {
  margin-inline-end: 37px;
}

.p-all-38 {
  padding: 38px;
}
.p-all-38-i {
  padding: 38px !important;
}
.p-all-38-ion {
  --padding-bottom: 38px;
  --padding-end: 38px;
  --padding-start: 38px;
  --padding-top: 38px;
}
.p-all-38-inner {
  --inner-padding-top: 38px !important;
  --inner-padding-end: 38px !important;
  --inner-padding-start: 38px !important;
  --inner-padding-bottom: 38px !important;
}

.p-horizontal-38 {
  padding-left: 38px;
  padding-right: 38px;
}
.p-horizontal-38-i {
  padding-left: 38px !important;
  padding-right: 38px !important;
}
.p-horizontal-38-inline {
  padding-inline-start: 38px;
  padding-inline-end: 38px;
}
.p-horizontal-38-ion {
  --padding-end: 38px;
  --padding-start: 38px;
}
.p-horizontal-38-inner {
  --inner-padding-end: 38px !important;
  --inner-padding-start: 38px !important;
}

.p-vertical-38 {
  padding-top: 38px;
  padding-bottom: 38px;
}
.p-vertical-38-i {
  padding-top: 38px !important;
  padding-bottom: 38px !important;
}
.p-vertical-38-ion {
  --padding-bottom: 38px;
  --padding-top: 38px;
}
.p-vertical-38-inner {
  --inner-padding-top: 38px !important;
  --inner-padding-bottom: 38px !important;
}

.p-top-38 {
  padding-top: 38px;
}
.p-top-38-i {
  padding-top: 38px !important;
}
.p-top-38-ion {
  --padding-top: 38px;
}
.p-top-38-inner {
  --inner-padding-top: 38px !important;
}

.p-bottom-38 {
  padding-bottom: 38px;
}
.p-bottom-38-i {
  padding-bottom: 38px !important;
}
.p-bottom-38-ion {
  --padding-bottom: 38px;
}
.p-bottom-38-inner {
  --inner-padding-bottom: 38px !important;
}

.p-left-38 {
  padding-left: 38px;
}
.p-left-38-i {
  padding-left: 38px !important;
}
.p-left-38-inline {
  padding-inline-start: 38px;
}
.p-left-38-ion {
  --padding-start: 38px;
}
.p-left-38-inner {
  --inner-padding-start: 38px !important;
}

.p-right-38 {
  padding-right: 38px;
}
.p-right-38-i {
  padding-right: 38px !important;
}
.p-right-38-inline {
  padding-inline-end: 38px;
}
.p-right-38-ion {
  --padding-end: 38px;
}
.p-right-38-inner {
  --inner-padding-end: 38px !important;
}

.m-all-38 {
  margin: 38px;
}
.m-all-38-i {
  margin: 38px !important;
}

.m-horizontal-38 {
  margin-left: 38px;
  margin-right: 38px;
}
.m-horizontal-38-i {
  margin-left: 38px !important;
  margin-right: 38px !important;
}
.m-horizontal-38-inline {
  margin-inline-start: 38px !important;
  margin-inline-end: 38px !important;
}

.m-vertical-38 {
  margin-top: 38px;
  margin-bottom: 38px;
}
.m-vertical-38-i {
  margin-top: 38px !important;
  margin-bottom: 38px !important;
}

.m-top-38 {
  margin-top: 38px;
}
.m-top-38-i {
  margin-top: 38px !important;
}

.m-bottom-38 {
  margin-bottom: 38px;
}
.m-bottom-38-i {
  margin-bottom: 38px !important;
}

.m-left-38 {
  margin-left: 38px;
}
.m-left-38-i {
  margin-left: 38px !important;
}
.m-left-38-inline {
  margin-inline-start: 38px;
}

.m-right-38 {
  margin-right: 38px;
}
.m-right-38-i {
  margin-right: 38px !important;
}
.m-right-38-inline {
  margin-inline-end: 38px;
}

.p-all-39 {
  padding: 39px;
}
.p-all-39-i {
  padding: 39px !important;
}
.p-all-39-ion {
  --padding-bottom: 39px;
  --padding-end: 39px;
  --padding-start: 39px;
  --padding-top: 39px;
}
.p-all-39-inner {
  --inner-padding-top: 39px !important;
  --inner-padding-end: 39px !important;
  --inner-padding-start: 39px !important;
  --inner-padding-bottom: 39px !important;
}

.p-horizontal-39 {
  padding-left: 39px;
  padding-right: 39px;
}
.p-horizontal-39-i {
  padding-left: 39px !important;
  padding-right: 39px !important;
}
.p-horizontal-39-inline {
  padding-inline-start: 39px;
  padding-inline-end: 39px;
}
.p-horizontal-39-ion {
  --padding-end: 39px;
  --padding-start: 39px;
}
.p-horizontal-39-inner {
  --inner-padding-end: 39px !important;
  --inner-padding-start: 39px !important;
}

.p-vertical-39 {
  padding-top: 39px;
  padding-bottom: 39px;
}
.p-vertical-39-i {
  padding-top: 39px !important;
  padding-bottom: 39px !important;
}
.p-vertical-39-ion {
  --padding-bottom: 39px;
  --padding-top: 39px;
}
.p-vertical-39-inner {
  --inner-padding-top: 39px !important;
  --inner-padding-bottom: 39px !important;
}

.p-top-39 {
  padding-top: 39px;
}
.p-top-39-i {
  padding-top: 39px !important;
}
.p-top-39-ion {
  --padding-top: 39px;
}
.p-top-39-inner {
  --inner-padding-top: 39px !important;
}

.p-bottom-39 {
  padding-bottom: 39px;
}
.p-bottom-39-i {
  padding-bottom: 39px !important;
}
.p-bottom-39-ion {
  --padding-bottom: 39px;
}
.p-bottom-39-inner {
  --inner-padding-bottom: 39px !important;
}

.p-left-39 {
  padding-left: 39px;
}
.p-left-39-i {
  padding-left: 39px !important;
}
.p-left-39-inline {
  padding-inline-start: 39px;
}
.p-left-39-ion {
  --padding-start: 39px;
}
.p-left-39-inner {
  --inner-padding-start: 39px !important;
}

.p-right-39 {
  padding-right: 39px;
}
.p-right-39-i {
  padding-right: 39px !important;
}
.p-right-39-inline {
  padding-inline-end: 39px;
}
.p-right-39-ion {
  --padding-end: 39px;
}
.p-right-39-inner {
  --inner-padding-end: 39px !important;
}

.m-all-39 {
  margin: 39px;
}
.m-all-39-i {
  margin: 39px !important;
}

.m-horizontal-39 {
  margin-left: 39px;
  margin-right: 39px;
}
.m-horizontal-39-i {
  margin-left: 39px !important;
  margin-right: 39px !important;
}
.m-horizontal-39-inline {
  margin-inline-start: 39px !important;
  margin-inline-end: 39px !important;
}

.m-vertical-39 {
  margin-top: 39px;
  margin-bottom: 39px;
}
.m-vertical-39-i {
  margin-top: 39px !important;
  margin-bottom: 39px !important;
}

.m-top-39 {
  margin-top: 39px;
}
.m-top-39-i {
  margin-top: 39px !important;
}

.m-bottom-39 {
  margin-bottom: 39px;
}
.m-bottom-39-i {
  margin-bottom: 39px !important;
}

.m-left-39 {
  margin-left: 39px;
}
.m-left-39-i {
  margin-left: 39px !important;
}
.m-left-39-inline {
  margin-inline-start: 39px;
}

.m-right-39 {
  margin-right: 39px;
}
.m-right-39-i {
  margin-right: 39px !important;
}
.m-right-39-inline {
  margin-inline-end: 39px;
}

.p-all-40 {
  padding: 40px;
}
.p-all-40-i {
  padding: 40px !important;
}
.p-all-40-ion {
  --padding-bottom: 40px;
  --padding-end: 40px;
  --padding-start: 40px;
  --padding-top: 40px;
}
.p-all-40-inner {
  --inner-padding-top: 40px !important;
  --inner-padding-end: 40px !important;
  --inner-padding-start: 40px !important;
  --inner-padding-bottom: 40px !important;
}

.p-horizontal-40 {
  padding-left: 40px;
  padding-right: 40px;
}
.p-horizontal-40-i {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.p-horizontal-40-inline {
  padding-inline-start: 40px;
  padding-inline-end: 40px;
}
.p-horizontal-40-ion {
  --padding-end: 40px;
  --padding-start: 40px;
}
.p-horizontal-40-inner {
  --inner-padding-end: 40px !important;
  --inner-padding-start: 40px !important;
}

.p-vertical-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.p-vertical-40-i {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.p-vertical-40-ion {
  --padding-bottom: 40px;
  --padding-top: 40px;
}
.p-vertical-40-inner {
  --inner-padding-top: 40px !important;
  --inner-padding-bottom: 40px !important;
}

.p-top-40 {
  padding-top: 40px;
}
.p-top-40-i {
  padding-top: 40px !important;
}
.p-top-40-ion {
  --padding-top: 40px;
}
.p-top-40-inner {
  --inner-padding-top: 40px !important;
}

.p-bottom-40 {
  padding-bottom: 40px;
}
.p-bottom-40-i {
  padding-bottom: 40px !important;
}
.p-bottom-40-ion {
  --padding-bottom: 40px;
}
.p-bottom-40-inner {
  --inner-padding-bottom: 40px !important;
}

.p-left-40 {
  padding-left: 40px;
}
.p-left-40-i {
  padding-left: 40px !important;
}
.p-left-40-inline {
  padding-inline-start: 40px;
}
.p-left-40-ion {
  --padding-start: 40px;
}
.p-left-40-inner {
  --inner-padding-start: 40px !important;
}

.p-right-40 {
  padding-right: 40px;
}
.p-right-40-i {
  padding-right: 40px !important;
}
.p-right-40-inline {
  padding-inline-end: 40px;
}
.p-right-40-ion {
  --padding-end: 40px;
}
.p-right-40-inner {
  --inner-padding-end: 40px !important;
}

.m-all-40 {
  margin: 40px;
}
.m-all-40-i {
  margin: 40px !important;
}

.m-horizontal-40 {
  margin-left: 40px;
  margin-right: 40px;
}
.m-horizontal-40-i {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.m-horizontal-40-inline {
  margin-inline-start: 40px !important;
  margin-inline-end: 40px !important;
}

.m-vertical-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.m-vertical-40-i {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.m-top-40 {
  margin-top: 40px;
}
.m-top-40-i {
  margin-top: 40px !important;
}

.m-bottom-40 {
  margin-bottom: 40px;
}
.m-bottom-40-i {
  margin-bottom: 40px !important;
}

.m-left-40 {
  margin-left: 40px;
}
.m-left-40-i {
  margin-left: 40px !important;
}
.m-left-40-inline {
  margin-inline-start: 40px;
}

.m-right-40 {
  margin-right: 40px;
}
.m-right-40-i {
  margin-right: 40px !important;
}
.m-right-40-inline {
  margin-inline-end: 40px;
}

.height-5 {
  height: 5px;
}
.height-5::part(native) {
  height: 5px;
}
.height-5-percent {
  height: 5%;
}
.height-5-percent::part(native) {
  height: 5%;
}
.height-5-ion {
  --height: 5px;
}
.height-5-ion-percent {
  --height: 5%;
}
.height-min-5 {
  min-height: 5px;
  height: 5px;
}
.height-min-5-ion {
  --min-height: 5px;
  --height: 5px;
}
.height-max-5 {
  max-height: 5px;
  height: 5px;
}
.height-max-5-ion {
  --msx-height: 5px;
  --height: 5px;
}

.width-5 {
  width: 5px;
}
.width-5::part(native) {
  width: 5px;
}
.width-5-percent {
  width: 5%;
}
.width-5-percent::part(native) {
  width: 5%;
}
.width-5-ion {
  --width: 5px;
}
.width-5-ion-percent {
  --width: 5%;
}
.width-min-5 {
  min-width: 5px;
  width: 5px;
}
.width-min-5-ion {
  --min-width: 5px;
  --width: 5px;
}
.width-max-5 {
  max-width: 5px;
  width: 5px;
}
.width-max-5-ion {
  --max-width: 5px;
  --width: 5px;
}

.height-1 {
  height: 1px;
}
.height-1::part(native) {
  height: 1px;
}
.height-1-percent {
  height: 1%;
}
.height-1-percent::part(native) {
  height: 1%;
}
.height-1-ion {
  --height: 1px;
}
.height-1-ion-percent {
  --height: 1%;
}
.height-min-1 {
  min-height: 1px;
  height: 1px;
}
.height-min-1-ion {
  --min-height: 1px;
  --height: 1px;
}
.height-max-1 {
  max-height: 1px;
  height: 1px;
}
.height-max-1-ion {
  --msx-height: 1px;
  --height: 1px;
}

.width-1 {
  width: 1px;
}
.width-1::part(native) {
  width: 1px;
}
.width-1-percent {
  width: 1%;
}
.width-1-percent::part(native) {
  width: 1%;
}
.width-1-ion {
  --width: 1px;
}
.width-1-ion-percent {
  --width: 1%;
}
.width-min-1 {
  min-width: 1px;
  width: 1px;
}
.width-min-1-ion {
  --min-width: 1px;
  --width: 1px;
}
.width-max-1 {
  max-width: 1px;
  width: 1px;
}
.width-max-1-ion {
  --max-width: 1px;
  --width: 1px;
}

.height-10 {
  height: 10px;
}
.height-10::part(native) {
  height: 10px;
}
.height-10-percent {
  height: 10%;
}
.height-10-percent::part(native) {
  height: 10%;
}
.height-10-ion {
  --height: 10px;
}
.height-10-ion-percent {
  --height: 10%;
}
.height-min-10 {
  min-height: 10px;
  height: 10px;
}
.height-min-10-ion {
  --min-height: 10px;
  --height: 10px;
}
.height-max-10 {
  max-height: 10px;
  height: 10px;
}
.height-max-10-ion {
  --msx-height: 10px;
  --height: 10px;
}

.width-10 {
  width: 10px;
}
.width-10::part(native) {
  width: 10px;
}
.width-10-percent {
  width: 10%;
}
.width-10-percent::part(native) {
  width: 10%;
}
.width-10-ion {
  --width: 10px;
}
.width-10-ion-percent {
  --width: 10%;
}
.width-min-10 {
  min-width: 10px;
  width: 10px;
}
.width-min-10-ion {
  --min-width: 10px;
  --width: 10px;
}
.width-max-10 {
  max-width: 10px;
  width: 10px;
}
.width-max-10-ion {
  --max-width: 10px;
  --width: 10px;
}

.height-2 {
  height: 2px;
}
.height-2::part(native) {
  height: 2px;
}
.height-2-percent {
  height: 2%;
}
.height-2-percent::part(native) {
  height: 2%;
}
.height-2-ion {
  --height: 2px;
}
.height-2-ion-percent {
  --height: 2%;
}
.height-min-2 {
  min-height: 2px;
  height: 2px;
}
.height-min-2-ion {
  --min-height: 2px;
  --height: 2px;
}
.height-max-2 {
  max-height: 2px;
  height: 2px;
}
.height-max-2-ion {
  --msx-height: 2px;
  --height: 2px;
}

.width-2 {
  width: 2px;
}
.width-2::part(native) {
  width: 2px;
}
.width-2-percent {
  width: 2%;
}
.width-2-percent::part(native) {
  width: 2%;
}
.width-2-ion {
  --width: 2px;
}
.width-2-ion-percent {
  --width: 2%;
}
.width-min-2 {
  min-width: 2px;
  width: 2px;
}
.width-min-2-ion {
  --min-width: 2px;
  --width: 2px;
}
.width-max-2 {
  max-width: 2px;
  width: 2px;
}
.width-max-2-ion {
  --max-width: 2px;
  --width: 2px;
}

.height-15 {
  height: 15px;
}
.height-15::part(native) {
  height: 15px;
}
.height-15-percent {
  height: 15%;
}
.height-15-percent::part(native) {
  height: 15%;
}
.height-15-ion {
  --height: 15px;
}
.height-15-ion-percent {
  --height: 15%;
}
.height-min-15 {
  min-height: 15px;
  height: 15px;
}
.height-min-15-ion {
  --min-height: 15px;
  --height: 15px;
}
.height-max-15 {
  max-height: 15px;
  height: 15px;
}
.height-max-15-ion {
  --msx-height: 15px;
  --height: 15px;
}

.width-15 {
  width: 15px;
}
.width-15::part(native) {
  width: 15px;
}
.width-15-percent {
  width: 15%;
}
.width-15-percent::part(native) {
  width: 15%;
}
.width-15-ion {
  --width: 15px;
}
.width-15-ion-percent {
  --width: 15%;
}
.width-min-15 {
  min-width: 15px;
  width: 15px;
}
.width-min-15-ion {
  --min-width: 15px;
  --width: 15px;
}
.width-max-15 {
  max-width: 15px;
  width: 15px;
}
.width-max-15-ion {
  --max-width: 15px;
  --width: 15px;
}

.height-3 {
  height: 3px;
}
.height-3::part(native) {
  height: 3px;
}
.height-3-percent {
  height: 3%;
}
.height-3-percent::part(native) {
  height: 3%;
}
.height-3-ion {
  --height: 3px;
}
.height-3-ion-percent {
  --height: 3%;
}
.height-min-3 {
  min-height: 3px;
  height: 3px;
}
.height-min-3-ion {
  --min-height: 3px;
  --height: 3px;
}
.height-max-3 {
  max-height: 3px;
  height: 3px;
}
.height-max-3-ion {
  --msx-height: 3px;
  --height: 3px;
}

.width-3 {
  width: 3px;
}
.width-3::part(native) {
  width: 3px;
}
.width-3-percent {
  width: 3%;
}
.width-3-percent::part(native) {
  width: 3%;
}
.width-3-ion {
  --width: 3px;
}
.width-3-ion-percent {
  --width: 3%;
}
.width-min-3 {
  min-width: 3px;
  width: 3px;
}
.width-min-3-ion {
  --min-width: 3px;
  --width: 3px;
}
.width-max-3 {
  max-width: 3px;
  width: 3px;
}
.width-max-3-ion {
  --max-width: 3px;
  --width: 3px;
}

.height-20 {
  height: 20px;
}
.height-20::part(native) {
  height: 20px;
}
.height-20-percent {
  height: 20%;
}
.height-20-percent::part(native) {
  height: 20%;
}
.height-20-ion {
  --height: 20px;
}
.height-20-ion-percent {
  --height: 20%;
}
.height-min-20 {
  min-height: 20px;
  height: 20px;
}
.height-min-20-ion {
  --min-height: 20px;
  --height: 20px;
}
.height-max-20 {
  max-height: 20px;
  height: 20px;
}
.height-max-20-ion {
  --msx-height: 20px;
  --height: 20px;
}

.width-20 {
  width: 20px;
}
.width-20::part(native) {
  width: 20px;
}
.width-20-percent {
  width: 20%;
}
.width-20-percent::part(native) {
  width: 20%;
}
.width-20-ion {
  --width: 20px;
}
.width-20-ion-percent {
  --width: 20%;
}
.width-min-20 {
  min-width: 20px;
  width: 20px;
}
.width-min-20-ion {
  --min-width: 20px;
  --width: 20px;
}
.width-max-20 {
  max-width: 20px;
  width: 20px;
}
.width-max-20-ion {
  --max-width: 20px;
  --width: 20px;
}

.height-4 {
  height: 4px;
}
.height-4::part(native) {
  height: 4px;
}
.height-4-percent {
  height: 4%;
}
.height-4-percent::part(native) {
  height: 4%;
}
.height-4-ion {
  --height: 4px;
}
.height-4-ion-percent {
  --height: 4%;
}
.height-min-4 {
  min-height: 4px;
  height: 4px;
}
.height-min-4-ion {
  --min-height: 4px;
  --height: 4px;
}
.height-max-4 {
  max-height: 4px;
  height: 4px;
}
.height-max-4-ion {
  --msx-height: 4px;
  --height: 4px;
}

.width-4 {
  width: 4px;
}
.width-4::part(native) {
  width: 4px;
}
.width-4-percent {
  width: 4%;
}
.width-4-percent::part(native) {
  width: 4%;
}
.width-4-ion {
  --width: 4px;
}
.width-4-ion-percent {
  --width: 4%;
}
.width-min-4 {
  min-width: 4px;
  width: 4px;
}
.width-min-4-ion {
  --min-width: 4px;
  --width: 4px;
}
.width-max-4 {
  max-width: 4px;
  width: 4px;
}
.width-max-4-ion {
  --max-width: 4px;
  --width: 4px;
}

.height-25 {
  height: 25px;
}
.height-25::part(native) {
  height: 25px;
}
.height-25-percent {
  height: 25%;
}
.height-25-percent::part(native) {
  height: 25%;
}
.height-25-ion {
  --height: 25px;
}
.height-25-ion-percent {
  --height: 25%;
}
.height-min-25 {
  min-height: 25px;
  height: 25px;
}
.height-min-25-ion {
  --min-height: 25px;
  --height: 25px;
}
.height-max-25 {
  max-height: 25px;
  height: 25px;
}
.height-max-25-ion {
  --msx-height: 25px;
  --height: 25px;
}

.width-25 {
  width: 25px;
}
.width-25::part(native) {
  width: 25px;
}
.width-25-percent {
  width: 25%;
}
.width-25-percent::part(native) {
  width: 25%;
}
.width-25-ion {
  --width: 25px;
}
.width-25-ion-percent {
  --width: 25%;
}
.width-min-25 {
  min-width: 25px;
  width: 25px;
}
.width-min-25-ion {
  --min-width: 25px;
  --width: 25px;
}
.width-max-25 {
  max-width: 25px;
  width: 25px;
}
.width-max-25-ion {
  --max-width: 25px;
  --width: 25px;
}

.height-5 {
  height: 5px;
}
.height-5::part(native) {
  height: 5px;
}
.height-5-percent {
  height: 5%;
}
.height-5-percent::part(native) {
  height: 5%;
}
.height-5-ion {
  --height: 5px;
}
.height-5-ion-percent {
  --height: 5%;
}
.height-min-5 {
  min-height: 5px;
  height: 5px;
}
.height-min-5-ion {
  --min-height: 5px;
  --height: 5px;
}
.height-max-5 {
  max-height: 5px;
  height: 5px;
}
.height-max-5-ion {
  --msx-height: 5px;
  --height: 5px;
}

.width-5 {
  width: 5px;
}
.width-5::part(native) {
  width: 5px;
}
.width-5-percent {
  width: 5%;
}
.width-5-percent::part(native) {
  width: 5%;
}
.width-5-ion {
  --width: 5px;
}
.width-5-ion-percent {
  --width: 5%;
}
.width-min-5 {
  min-width: 5px;
  width: 5px;
}
.width-min-5-ion {
  --min-width: 5px;
  --width: 5px;
}
.width-max-5 {
  max-width: 5px;
  width: 5px;
}
.width-max-5-ion {
  --max-width: 5px;
  --width: 5px;
}

.height-30 {
  height: 30px;
}
.height-30::part(native) {
  height: 30px;
}
.height-30-percent {
  height: 30%;
}
.height-30-percent::part(native) {
  height: 30%;
}
.height-30-ion {
  --height: 30px;
}
.height-30-ion-percent {
  --height: 30%;
}
.height-min-30 {
  min-height: 30px;
  height: 30px;
}
.height-min-30-ion {
  --min-height: 30px;
  --height: 30px;
}
.height-max-30 {
  max-height: 30px;
  height: 30px;
}
.height-max-30-ion {
  --msx-height: 30px;
  --height: 30px;
}

.width-30 {
  width: 30px;
}
.width-30::part(native) {
  width: 30px;
}
.width-30-percent {
  width: 30%;
}
.width-30-percent::part(native) {
  width: 30%;
}
.width-30-ion {
  --width: 30px;
}
.width-30-ion-percent {
  --width: 30%;
}
.width-min-30 {
  min-width: 30px;
  width: 30px;
}
.width-min-30-ion {
  --min-width: 30px;
  --width: 30px;
}
.width-max-30 {
  max-width: 30px;
  width: 30px;
}
.width-max-30-ion {
  --max-width: 30px;
  --width: 30px;
}

.height-6 {
  height: 6px;
}
.height-6::part(native) {
  height: 6px;
}
.height-6-percent {
  height: 6%;
}
.height-6-percent::part(native) {
  height: 6%;
}
.height-6-ion {
  --height: 6px;
}
.height-6-ion-percent {
  --height: 6%;
}
.height-min-6 {
  min-height: 6px;
  height: 6px;
}
.height-min-6-ion {
  --min-height: 6px;
  --height: 6px;
}
.height-max-6 {
  max-height: 6px;
  height: 6px;
}
.height-max-6-ion {
  --msx-height: 6px;
  --height: 6px;
}

.width-6 {
  width: 6px;
}
.width-6::part(native) {
  width: 6px;
}
.width-6-percent {
  width: 6%;
}
.width-6-percent::part(native) {
  width: 6%;
}
.width-6-ion {
  --width: 6px;
}
.width-6-ion-percent {
  --width: 6%;
}
.width-min-6 {
  min-width: 6px;
  width: 6px;
}
.width-min-6-ion {
  --min-width: 6px;
  --width: 6px;
}
.width-max-6 {
  max-width: 6px;
  width: 6px;
}
.width-max-6-ion {
  --max-width: 6px;
  --width: 6px;
}

.height-35 {
  height: 35px;
}
.height-35::part(native) {
  height: 35px;
}
.height-35-percent {
  height: 35%;
}
.height-35-percent::part(native) {
  height: 35%;
}
.height-35-ion {
  --height: 35px;
}
.height-35-ion-percent {
  --height: 35%;
}
.height-min-35 {
  min-height: 35px;
  height: 35px;
}
.height-min-35-ion {
  --min-height: 35px;
  --height: 35px;
}
.height-max-35 {
  max-height: 35px;
  height: 35px;
}
.height-max-35-ion {
  --msx-height: 35px;
  --height: 35px;
}

.width-35 {
  width: 35px;
}
.width-35::part(native) {
  width: 35px;
}
.width-35-percent {
  width: 35%;
}
.width-35-percent::part(native) {
  width: 35%;
}
.width-35-ion {
  --width: 35px;
}
.width-35-ion-percent {
  --width: 35%;
}
.width-min-35 {
  min-width: 35px;
  width: 35px;
}
.width-min-35-ion {
  --min-width: 35px;
  --width: 35px;
}
.width-max-35 {
  max-width: 35px;
  width: 35px;
}
.width-max-35-ion {
  --max-width: 35px;
  --width: 35px;
}

.height-7 {
  height: 7px;
}
.height-7::part(native) {
  height: 7px;
}
.height-7-percent {
  height: 7%;
}
.height-7-percent::part(native) {
  height: 7%;
}
.height-7-ion {
  --height: 7px;
}
.height-7-ion-percent {
  --height: 7%;
}
.height-min-7 {
  min-height: 7px;
  height: 7px;
}
.height-min-7-ion {
  --min-height: 7px;
  --height: 7px;
}
.height-max-7 {
  max-height: 7px;
  height: 7px;
}
.height-max-7-ion {
  --msx-height: 7px;
  --height: 7px;
}

.width-7 {
  width: 7px;
}
.width-7::part(native) {
  width: 7px;
}
.width-7-percent {
  width: 7%;
}
.width-7-percent::part(native) {
  width: 7%;
}
.width-7-ion {
  --width: 7px;
}
.width-7-ion-percent {
  --width: 7%;
}
.width-min-7 {
  min-width: 7px;
  width: 7px;
}
.width-min-7-ion {
  --min-width: 7px;
  --width: 7px;
}
.width-max-7 {
  max-width: 7px;
  width: 7px;
}
.width-max-7-ion {
  --max-width: 7px;
  --width: 7px;
}

.height-40 {
  height: 40px;
}
.height-40::part(native) {
  height: 40px;
}
.height-40-percent {
  height: 40%;
}
.height-40-percent::part(native) {
  height: 40%;
}
.height-40-ion {
  --height: 40px;
}
.height-40-ion-percent {
  --height: 40%;
}
.height-min-40 {
  min-height: 40px;
  height: 40px;
}
.height-min-40-ion {
  --min-height: 40px;
  --height: 40px;
}
.height-max-40 {
  max-height: 40px;
  height: 40px;
}
.height-max-40-ion {
  --msx-height: 40px;
  --height: 40px;
}

.width-40 {
  width: 40px;
}
.width-40::part(native) {
  width: 40px;
}
.width-40-percent {
  width: 40%;
}
.width-40-percent::part(native) {
  width: 40%;
}
.width-40-ion {
  --width: 40px;
}
.width-40-ion-percent {
  --width: 40%;
}
.width-min-40 {
  min-width: 40px;
  width: 40px;
}
.width-min-40-ion {
  --min-width: 40px;
  --width: 40px;
}
.width-max-40 {
  max-width: 40px;
  width: 40px;
}
.width-max-40-ion {
  --max-width: 40px;
  --width: 40px;
}

.height-8 {
  height: 8px;
}
.height-8::part(native) {
  height: 8px;
}
.height-8-percent {
  height: 8%;
}
.height-8-percent::part(native) {
  height: 8%;
}
.height-8-ion {
  --height: 8px;
}
.height-8-ion-percent {
  --height: 8%;
}
.height-min-8 {
  min-height: 8px;
  height: 8px;
}
.height-min-8-ion {
  --min-height: 8px;
  --height: 8px;
}
.height-max-8 {
  max-height: 8px;
  height: 8px;
}
.height-max-8-ion {
  --msx-height: 8px;
  --height: 8px;
}

.width-8 {
  width: 8px;
}
.width-8::part(native) {
  width: 8px;
}
.width-8-percent {
  width: 8%;
}
.width-8-percent::part(native) {
  width: 8%;
}
.width-8-ion {
  --width: 8px;
}
.width-8-ion-percent {
  --width: 8%;
}
.width-min-8 {
  min-width: 8px;
  width: 8px;
}
.width-min-8-ion {
  --min-width: 8px;
  --width: 8px;
}
.width-max-8 {
  max-width: 8px;
  width: 8px;
}
.width-max-8-ion {
  --max-width: 8px;
  --width: 8px;
}

.height-45 {
  height: 45px;
}
.height-45::part(native) {
  height: 45px;
}
.height-45-percent {
  height: 45%;
}
.height-45-percent::part(native) {
  height: 45%;
}
.height-45-ion {
  --height: 45px;
}
.height-45-ion-percent {
  --height: 45%;
}
.height-min-45 {
  min-height: 45px;
  height: 45px;
}
.height-min-45-ion {
  --min-height: 45px;
  --height: 45px;
}
.height-max-45 {
  max-height: 45px;
  height: 45px;
}
.height-max-45-ion {
  --msx-height: 45px;
  --height: 45px;
}

.width-45 {
  width: 45px;
}
.width-45::part(native) {
  width: 45px;
}
.width-45-percent {
  width: 45%;
}
.width-45-percent::part(native) {
  width: 45%;
}
.width-45-ion {
  --width: 45px;
}
.width-45-ion-percent {
  --width: 45%;
}
.width-min-45 {
  min-width: 45px;
  width: 45px;
}
.width-min-45-ion {
  --min-width: 45px;
  --width: 45px;
}
.width-max-45 {
  max-width: 45px;
  width: 45px;
}
.width-max-45-ion {
  --max-width: 45px;
  --width: 45px;
}

.height-9 {
  height: 9px;
}
.height-9::part(native) {
  height: 9px;
}
.height-9-percent {
  height: 9%;
}
.height-9-percent::part(native) {
  height: 9%;
}
.height-9-ion {
  --height: 9px;
}
.height-9-ion-percent {
  --height: 9%;
}
.height-min-9 {
  min-height: 9px;
  height: 9px;
}
.height-min-9-ion {
  --min-height: 9px;
  --height: 9px;
}
.height-max-9 {
  max-height: 9px;
  height: 9px;
}
.height-max-9-ion {
  --msx-height: 9px;
  --height: 9px;
}

.width-9 {
  width: 9px;
}
.width-9::part(native) {
  width: 9px;
}
.width-9-percent {
  width: 9%;
}
.width-9-percent::part(native) {
  width: 9%;
}
.width-9-ion {
  --width: 9px;
}
.width-9-ion-percent {
  --width: 9%;
}
.width-min-9 {
  min-width: 9px;
  width: 9px;
}
.width-min-9-ion {
  --min-width: 9px;
  --width: 9px;
}
.width-max-9 {
  max-width: 9px;
  width: 9px;
}
.width-max-9-ion {
  --max-width: 9px;
  --width: 9px;
}

.height-50 {
  height: 50px;
}
.height-50::part(native) {
  height: 50px;
}
.height-50-percent {
  height: 50%;
}
.height-50-percent::part(native) {
  height: 50%;
}
.height-50-ion {
  --height: 50px;
}
.height-50-ion-percent {
  --height: 50%;
}
.height-min-50 {
  min-height: 50px;
  height: 50px;
}
.height-min-50-ion {
  --min-height: 50px;
  --height: 50px;
}
.height-max-50 {
  max-height: 50px;
  height: 50px;
}
.height-max-50-ion {
  --msx-height: 50px;
  --height: 50px;
}

.width-50 {
  width: 50px;
}
.width-50::part(native) {
  width: 50px;
}
.width-50-percent {
  width: 50%;
}
.width-50-percent::part(native) {
  width: 50%;
}
.width-50-ion {
  --width: 50px;
}
.width-50-ion-percent {
  --width: 50%;
}
.width-min-50 {
  min-width: 50px;
  width: 50px;
}
.width-min-50-ion {
  --min-width: 50px;
  --width: 50px;
}
.width-max-50 {
  max-width: 50px;
  width: 50px;
}
.width-max-50-ion {
  --max-width: 50px;
  --width: 50px;
}

.height-10 {
  height: 10px;
}
.height-10::part(native) {
  height: 10px;
}
.height-10-percent {
  height: 10%;
}
.height-10-percent::part(native) {
  height: 10%;
}
.height-10-ion {
  --height: 10px;
}
.height-10-ion-percent {
  --height: 10%;
}
.height-min-10 {
  min-height: 10px;
  height: 10px;
}
.height-min-10-ion {
  --min-height: 10px;
  --height: 10px;
}
.height-max-10 {
  max-height: 10px;
  height: 10px;
}
.height-max-10-ion {
  --msx-height: 10px;
  --height: 10px;
}

.width-10 {
  width: 10px;
}
.width-10::part(native) {
  width: 10px;
}
.width-10-percent {
  width: 10%;
}
.width-10-percent::part(native) {
  width: 10%;
}
.width-10-ion {
  --width: 10px;
}
.width-10-ion-percent {
  --width: 10%;
}
.width-min-10 {
  min-width: 10px;
  width: 10px;
}
.width-min-10-ion {
  --min-width: 10px;
  --width: 10px;
}
.width-max-10 {
  max-width: 10px;
  width: 10px;
}
.width-max-10-ion {
  --max-width: 10px;
  --width: 10px;
}

.height-55 {
  height: 55px;
}
.height-55::part(native) {
  height: 55px;
}
.height-55-percent {
  height: 55%;
}
.height-55-percent::part(native) {
  height: 55%;
}
.height-55-ion {
  --height: 55px;
}
.height-55-ion-percent {
  --height: 55%;
}
.height-min-55 {
  min-height: 55px;
  height: 55px;
}
.height-min-55-ion {
  --min-height: 55px;
  --height: 55px;
}
.height-max-55 {
  max-height: 55px;
  height: 55px;
}
.height-max-55-ion {
  --msx-height: 55px;
  --height: 55px;
}

.width-55 {
  width: 55px;
}
.width-55::part(native) {
  width: 55px;
}
.width-55-percent {
  width: 55%;
}
.width-55-percent::part(native) {
  width: 55%;
}
.width-55-ion {
  --width: 55px;
}
.width-55-ion-percent {
  --width: 55%;
}
.width-min-55 {
  min-width: 55px;
  width: 55px;
}
.width-min-55-ion {
  --min-width: 55px;
  --width: 55px;
}
.width-max-55 {
  max-width: 55px;
  width: 55px;
}
.width-max-55-ion {
  --max-width: 55px;
  --width: 55px;
}

.height-11 {
  height: 11px;
}
.height-11::part(native) {
  height: 11px;
}
.height-11-percent {
  height: 11%;
}
.height-11-percent::part(native) {
  height: 11%;
}
.height-11-ion {
  --height: 11px;
}
.height-11-ion-percent {
  --height: 11%;
}
.height-min-11 {
  min-height: 11px;
  height: 11px;
}
.height-min-11-ion {
  --min-height: 11px;
  --height: 11px;
}
.height-max-11 {
  max-height: 11px;
  height: 11px;
}
.height-max-11-ion {
  --msx-height: 11px;
  --height: 11px;
}

.width-11 {
  width: 11px;
}
.width-11::part(native) {
  width: 11px;
}
.width-11-percent {
  width: 11%;
}
.width-11-percent::part(native) {
  width: 11%;
}
.width-11-ion {
  --width: 11px;
}
.width-11-ion-percent {
  --width: 11%;
}
.width-min-11 {
  min-width: 11px;
  width: 11px;
}
.width-min-11-ion {
  --min-width: 11px;
  --width: 11px;
}
.width-max-11 {
  max-width: 11px;
  width: 11px;
}
.width-max-11-ion {
  --max-width: 11px;
  --width: 11px;
}

.height-60 {
  height: 60px;
}
.height-60::part(native) {
  height: 60px;
}
.height-60-percent {
  height: 60%;
}
.height-60-percent::part(native) {
  height: 60%;
}
.height-60-ion {
  --height: 60px;
}
.height-60-ion-percent {
  --height: 60%;
}
.height-min-60 {
  min-height: 60px;
  height: 60px;
}
.height-min-60-ion {
  --min-height: 60px;
  --height: 60px;
}
.height-max-60 {
  max-height: 60px;
  height: 60px;
}
.height-max-60-ion {
  --msx-height: 60px;
  --height: 60px;
}

.width-60 {
  width: 60px;
}
.width-60::part(native) {
  width: 60px;
}
.width-60-percent {
  width: 60%;
}
.width-60-percent::part(native) {
  width: 60%;
}
.width-60-ion {
  --width: 60px;
}
.width-60-ion-percent {
  --width: 60%;
}
.width-min-60 {
  min-width: 60px;
  width: 60px;
}
.width-min-60-ion {
  --min-width: 60px;
  --width: 60px;
}
.width-max-60 {
  max-width: 60px;
  width: 60px;
}
.width-max-60-ion {
  --max-width: 60px;
  --width: 60px;
}

.height-12 {
  height: 12px;
}
.height-12::part(native) {
  height: 12px;
}
.height-12-percent {
  height: 12%;
}
.height-12-percent::part(native) {
  height: 12%;
}
.height-12-ion {
  --height: 12px;
}
.height-12-ion-percent {
  --height: 12%;
}
.height-min-12 {
  min-height: 12px;
  height: 12px;
}
.height-min-12-ion {
  --min-height: 12px;
  --height: 12px;
}
.height-max-12 {
  max-height: 12px;
  height: 12px;
}
.height-max-12-ion {
  --msx-height: 12px;
  --height: 12px;
}

.width-12 {
  width: 12px;
}
.width-12::part(native) {
  width: 12px;
}
.width-12-percent {
  width: 12%;
}
.width-12-percent::part(native) {
  width: 12%;
}
.width-12-ion {
  --width: 12px;
}
.width-12-ion-percent {
  --width: 12%;
}
.width-min-12 {
  min-width: 12px;
  width: 12px;
}
.width-min-12-ion {
  --min-width: 12px;
  --width: 12px;
}
.width-max-12 {
  max-width: 12px;
  width: 12px;
}
.width-max-12-ion {
  --max-width: 12px;
  --width: 12px;
}

.height-65 {
  height: 65px;
}
.height-65::part(native) {
  height: 65px;
}
.height-65-percent {
  height: 65%;
}
.height-65-percent::part(native) {
  height: 65%;
}
.height-65-ion {
  --height: 65px;
}
.height-65-ion-percent {
  --height: 65%;
}
.height-min-65 {
  min-height: 65px;
  height: 65px;
}
.height-min-65-ion {
  --min-height: 65px;
  --height: 65px;
}
.height-max-65 {
  max-height: 65px;
  height: 65px;
}
.height-max-65-ion {
  --msx-height: 65px;
  --height: 65px;
}

.width-65 {
  width: 65px;
}
.width-65::part(native) {
  width: 65px;
}
.width-65-percent {
  width: 65%;
}
.width-65-percent::part(native) {
  width: 65%;
}
.width-65-ion {
  --width: 65px;
}
.width-65-ion-percent {
  --width: 65%;
}
.width-min-65 {
  min-width: 65px;
  width: 65px;
}
.width-min-65-ion {
  --min-width: 65px;
  --width: 65px;
}
.width-max-65 {
  max-width: 65px;
  width: 65px;
}
.width-max-65-ion {
  --max-width: 65px;
  --width: 65px;
}

.height-13 {
  height: 13px;
}
.height-13::part(native) {
  height: 13px;
}
.height-13-percent {
  height: 13%;
}
.height-13-percent::part(native) {
  height: 13%;
}
.height-13-ion {
  --height: 13px;
}
.height-13-ion-percent {
  --height: 13%;
}
.height-min-13 {
  min-height: 13px;
  height: 13px;
}
.height-min-13-ion {
  --min-height: 13px;
  --height: 13px;
}
.height-max-13 {
  max-height: 13px;
  height: 13px;
}
.height-max-13-ion {
  --msx-height: 13px;
  --height: 13px;
}

.width-13 {
  width: 13px;
}
.width-13::part(native) {
  width: 13px;
}
.width-13-percent {
  width: 13%;
}
.width-13-percent::part(native) {
  width: 13%;
}
.width-13-ion {
  --width: 13px;
}
.width-13-ion-percent {
  --width: 13%;
}
.width-min-13 {
  min-width: 13px;
  width: 13px;
}
.width-min-13-ion {
  --min-width: 13px;
  --width: 13px;
}
.width-max-13 {
  max-width: 13px;
  width: 13px;
}
.width-max-13-ion {
  --max-width: 13px;
  --width: 13px;
}

.height-70 {
  height: 70px;
}
.height-70::part(native) {
  height: 70px;
}
.height-70-percent {
  height: 70%;
}
.height-70-percent::part(native) {
  height: 70%;
}
.height-70-ion {
  --height: 70px;
}
.height-70-ion-percent {
  --height: 70%;
}
.height-min-70 {
  min-height: 70px;
  height: 70px;
}
.height-min-70-ion {
  --min-height: 70px;
  --height: 70px;
}
.height-max-70 {
  max-height: 70px;
  height: 70px;
}
.height-max-70-ion {
  --msx-height: 70px;
  --height: 70px;
}

.width-70 {
  width: 70px;
}
.width-70::part(native) {
  width: 70px;
}
.width-70-percent {
  width: 70%;
}
.width-70-percent::part(native) {
  width: 70%;
}
.width-70-ion {
  --width: 70px;
}
.width-70-ion-percent {
  --width: 70%;
}
.width-min-70 {
  min-width: 70px;
  width: 70px;
}
.width-min-70-ion {
  --min-width: 70px;
  --width: 70px;
}
.width-max-70 {
  max-width: 70px;
  width: 70px;
}
.width-max-70-ion {
  --max-width: 70px;
  --width: 70px;
}

.height-14 {
  height: 14px;
}
.height-14::part(native) {
  height: 14px;
}
.height-14-percent {
  height: 14%;
}
.height-14-percent::part(native) {
  height: 14%;
}
.height-14-ion {
  --height: 14px;
}
.height-14-ion-percent {
  --height: 14%;
}
.height-min-14 {
  min-height: 14px;
  height: 14px;
}
.height-min-14-ion {
  --min-height: 14px;
  --height: 14px;
}
.height-max-14 {
  max-height: 14px;
  height: 14px;
}
.height-max-14-ion {
  --msx-height: 14px;
  --height: 14px;
}

.width-14 {
  width: 14px;
}
.width-14::part(native) {
  width: 14px;
}
.width-14-percent {
  width: 14%;
}
.width-14-percent::part(native) {
  width: 14%;
}
.width-14-ion {
  --width: 14px;
}
.width-14-ion-percent {
  --width: 14%;
}
.width-min-14 {
  min-width: 14px;
  width: 14px;
}
.width-min-14-ion {
  --min-width: 14px;
  --width: 14px;
}
.width-max-14 {
  max-width: 14px;
  width: 14px;
}
.width-max-14-ion {
  --max-width: 14px;
  --width: 14px;
}

.height-75 {
  height: 75px;
}
.height-75::part(native) {
  height: 75px;
}
.height-75-percent {
  height: 75%;
}
.height-75-percent::part(native) {
  height: 75%;
}
.height-75-ion {
  --height: 75px;
}
.height-75-ion-percent {
  --height: 75%;
}
.height-min-75 {
  min-height: 75px;
  height: 75px;
}
.height-min-75-ion {
  --min-height: 75px;
  --height: 75px;
}
.height-max-75 {
  max-height: 75px;
  height: 75px;
}
.height-max-75-ion {
  --msx-height: 75px;
  --height: 75px;
}

.width-75 {
  width: 75px;
}
.width-75::part(native) {
  width: 75px;
}
.width-75-percent {
  width: 75%;
}
.width-75-percent::part(native) {
  width: 75%;
}
.width-75-ion {
  --width: 75px;
}
.width-75-ion-percent {
  --width: 75%;
}
.width-min-75 {
  min-width: 75px;
  width: 75px;
}
.width-min-75-ion {
  --min-width: 75px;
  --width: 75px;
}
.width-max-75 {
  max-width: 75px;
  width: 75px;
}
.width-max-75-ion {
  --max-width: 75px;
  --width: 75px;
}

.height-15 {
  height: 15px;
}
.height-15::part(native) {
  height: 15px;
}
.height-15-percent {
  height: 15%;
}
.height-15-percent::part(native) {
  height: 15%;
}
.height-15-ion {
  --height: 15px;
}
.height-15-ion-percent {
  --height: 15%;
}
.height-min-15 {
  min-height: 15px;
  height: 15px;
}
.height-min-15-ion {
  --min-height: 15px;
  --height: 15px;
}
.height-max-15 {
  max-height: 15px;
  height: 15px;
}
.height-max-15-ion {
  --msx-height: 15px;
  --height: 15px;
}

.width-15 {
  width: 15px;
}
.width-15::part(native) {
  width: 15px;
}
.width-15-percent {
  width: 15%;
}
.width-15-percent::part(native) {
  width: 15%;
}
.width-15-ion {
  --width: 15px;
}
.width-15-ion-percent {
  --width: 15%;
}
.width-min-15 {
  min-width: 15px;
  width: 15px;
}
.width-min-15-ion {
  --min-width: 15px;
  --width: 15px;
}
.width-max-15 {
  max-width: 15px;
  width: 15px;
}
.width-max-15-ion {
  --max-width: 15px;
  --width: 15px;
}

.height-80 {
  height: 80px;
}
.height-80::part(native) {
  height: 80px;
}
.height-80-percent {
  height: 80%;
}
.height-80-percent::part(native) {
  height: 80%;
}
.height-80-ion {
  --height: 80px;
}
.height-80-ion-percent {
  --height: 80%;
}
.height-min-80 {
  min-height: 80px;
  height: 80px;
}
.height-min-80-ion {
  --min-height: 80px;
  --height: 80px;
}
.height-max-80 {
  max-height: 80px;
  height: 80px;
}
.height-max-80-ion {
  --msx-height: 80px;
  --height: 80px;
}

.width-80 {
  width: 80px;
}
.width-80::part(native) {
  width: 80px;
}
.width-80-percent {
  width: 80%;
}
.width-80-percent::part(native) {
  width: 80%;
}
.width-80-ion {
  --width: 80px;
}
.width-80-ion-percent {
  --width: 80%;
}
.width-min-80 {
  min-width: 80px;
  width: 80px;
}
.width-min-80-ion {
  --min-width: 80px;
  --width: 80px;
}
.width-max-80 {
  max-width: 80px;
  width: 80px;
}
.width-max-80-ion {
  --max-width: 80px;
  --width: 80px;
}

.height-16 {
  height: 16px;
}
.height-16::part(native) {
  height: 16px;
}
.height-16-percent {
  height: 16%;
}
.height-16-percent::part(native) {
  height: 16%;
}
.height-16-ion {
  --height: 16px;
}
.height-16-ion-percent {
  --height: 16%;
}
.height-min-16 {
  min-height: 16px;
  height: 16px;
}
.height-min-16-ion {
  --min-height: 16px;
  --height: 16px;
}
.height-max-16 {
  max-height: 16px;
  height: 16px;
}
.height-max-16-ion {
  --msx-height: 16px;
  --height: 16px;
}

.width-16 {
  width: 16px;
}
.width-16::part(native) {
  width: 16px;
}
.width-16-percent {
  width: 16%;
}
.width-16-percent::part(native) {
  width: 16%;
}
.width-16-ion {
  --width: 16px;
}
.width-16-ion-percent {
  --width: 16%;
}
.width-min-16 {
  min-width: 16px;
  width: 16px;
}
.width-min-16-ion {
  --min-width: 16px;
  --width: 16px;
}
.width-max-16 {
  max-width: 16px;
  width: 16px;
}
.width-max-16-ion {
  --max-width: 16px;
  --width: 16px;
}

.height-85 {
  height: 85px;
}
.height-85::part(native) {
  height: 85px;
}
.height-85-percent {
  height: 85%;
}
.height-85-percent::part(native) {
  height: 85%;
}
.height-85-ion {
  --height: 85px;
}
.height-85-ion-percent {
  --height: 85%;
}
.height-min-85 {
  min-height: 85px;
  height: 85px;
}
.height-min-85-ion {
  --min-height: 85px;
  --height: 85px;
}
.height-max-85 {
  max-height: 85px;
  height: 85px;
}
.height-max-85-ion {
  --msx-height: 85px;
  --height: 85px;
}

.width-85 {
  width: 85px;
}
.width-85::part(native) {
  width: 85px;
}
.width-85-percent {
  width: 85%;
}
.width-85-percent::part(native) {
  width: 85%;
}
.width-85-ion {
  --width: 85px;
}
.width-85-ion-percent {
  --width: 85%;
}
.width-min-85 {
  min-width: 85px;
  width: 85px;
}
.width-min-85-ion {
  --min-width: 85px;
  --width: 85px;
}
.width-max-85 {
  max-width: 85px;
  width: 85px;
}
.width-max-85-ion {
  --max-width: 85px;
  --width: 85px;
}

.height-17 {
  height: 17px;
}
.height-17::part(native) {
  height: 17px;
}
.height-17-percent {
  height: 17%;
}
.height-17-percent::part(native) {
  height: 17%;
}
.height-17-ion {
  --height: 17px;
}
.height-17-ion-percent {
  --height: 17%;
}
.height-min-17 {
  min-height: 17px;
  height: 17px;
}
.height-min-17-ion {
  --min-height: 17px;
  --height: 17px;
}
.height-max-17 {
  max-height: 17px;
  height: 17px;
}
.height-max-17-ion {
  --msx-height: 17px;
  --height: 17px;
}

.width-17 {
  width: 17px;
}
.width-17::part(native) {
  width: 17px;
}
.width-17-percent {
  width: 17%;
}
.width-17-percent::part(native) {
  width: 17%;
}
.width-17-ion {
  --width: 17px;
}
.width-17-ion-percent {
  --width: 17%;
}
.width-min-17 {
  min-width: 17px;
  width: 17px;
}
.width-min-17-ion {
  --min-width: 17px;
  --width: 17px;
}
.width-max-17 {
  max-width: 17px;
  width: 17px;
}
.width-max-17-ion {
  --max-width: 17px;
  --width: 17px;
}

.height-90 {
  height: 90px;
}
.height-90::part(native) {
  height: 90px;
}
.height-90-percent {
  height: 90%;
}
.height-90-percent::part(native) {
  height: 90%;
}
.height-90-ion {
  --height: 90px;
}
.height-90-ion-percent {
  --height: 90%;
}
.height-min-90 {
  min-height: 90px;
  height: 90px;
}
.height-min-90-ion {
  --min-height: 90px;
  --height: 90px;
}
.height-max-90 {
  max-height: 90px;
  height: 90px;
}
.height-max-90-ion {
  --msx-height: 90px;
  --height: 90px;
}

.width-90 {
  width: 90px;
}
.width-90::part(native) {
  width: 90px;
}
.width-90-percent {
  width: 90%;
}
.width-90-percent::part(native) {
  width: 90%;
}
.width-90-ion {
  --width: 90px;
}
.width-90-ion-percent {
  --width: 90%;
}
.width-min-90 {
  min-width: 90px;
  width: 90px;
}
.width-min-90-ion {
  --min-width: 90px;
  --width: 90px;
}
.width-max-90 {
  max-width: 90px;
  width: 90px;
}
.width-max-90-ion {
  --max-width: 90px;
  --width: 90px;
}

.height-18 {
  height: 18px;
}
.height-18::part(native) {
  height: 18px;
}
.height-18-percent {
  height: 18%;
}
.height-18-percent::part(native) {
  height: 18%;
}
.height-18-ion {
  --height: 18px;
}
.height-18-ion-percent {
  --height: 18%;
}
.height-min-18 {
  min-height: 18px;
  height: 18px;
}
.height-min-18-ion {
  --min-height: 18px;
  --height: 18px;
}
.height-max-18 {
  max-height: 18px;
  height: 18px;
}
.height-max-18-ion {
  --msx-height: 18px;
  --height: 18px;
}

.width-18 {
  width: 18px;
}
.width-18::part(native) {
  width: 18px;
}
.width-18-percent {
  width: 18%;
}
.width-18-percent::part(native) {
  width: 18%;
}
.width-18-ion {
  --width: 18px;
}
.width-18-ion-percent {
  --width: 18%;
}
.width-min-18 {
  min-width: 18px;
  width: 18px;
}
.width-min-18-ion {
  --min-width: 18px;
  --width: 18px;
}
.width-max-18 {
  max-width: 18px;
  width: 18px;
}
.width-max-18-ion {
  --max-width: 18px;
  --width: 18px;
}

.height-95 {
  height: 95px;
}
.height-95::part(native) {
  height: 95px;
}
.height-95-percent {
  height: 95%;
}
.height-95-percent::part(native) {
  height: 95%;
}
.height-95-ion {
  --height: 95px;
}
.height-95-ion-percent {
  --height: 95%;
}
.height-min-95 {
  min-height: 95px;
  height: 95px;
}
.height-min-95-ion {
  --min-height: 95px;
  --height: 95px;
}
.height-max-95 {
  max-height: 95px;
  height: 95px;
}
.height-max-95-ion {
  --msx-height: 95px;
  --height: 95px;
}

.width-95 {
  width: 95px;
}
.width-95::part(native) {
  width: 95px;
}
.width-95-percent {
  width: 95%;
}
.width-95-percent::part(native) {
  width: 95%;
}
.width-95-ion {
  --width: 95px;
}
.width-95-ion-percent {
  --width: 95%;
}
.width-min-95 {
  min-width: 95px;
  width: 95px;
}
.width-min-95-ion {
  --min-width: 95px;
  --width: 95px;
}
.width-max-95 {
  max-width: 95px;
  width: 95px;
}
.width-max-95-ion {
  --max-width: 95px;
  --width: 95px;
}

.height-19 {
  height: 19px;
}
.height-19::part(native) {
  height: 19px;
}
.height-19-percent {
  height: 19%;
}
.height-19-percent::part(native) {
  height: 19%;
}
.height-19-ion {
  --height: 19px;
}
.height-19-ion-percent {
  --height: 19%;
}
.height-min-19 {
  min-height: 19px;
  height: 19px;
}
.height-min-19-ion {
  --min-height: 19px;
  --height: 19px;
}
.height-max-19 {
  max-height: 19px;
  height: 19px;
}
.height-max-19-ion {
  --msx-height: 19px;
  --height: 19px;
}

.width-19 {
  width: 19px;
}
.width-19::part(native) {
  width: 19px;
}
.width-19-percent {
  width: 19%;
}
.width-19-percent::part(native) {
  width: 19%;
}
.width-19-ion {
  --width: 19px;
}
.width-19-ion-percent {
  --width: 19%;
}
.width-min-19 {
  min-width: 19px;
  width: 19px;
}
.width-min-19-ion {
  --min-width: 19px;
  --width: 19px;
}
.width-max-19 {
  max-width: 19px;
  width: 19px;
}
.width-max-19-ion {
  --max-width: 19px;
  --width: 19px;
}

.height-100 {
  height: 100px;
}
.height-100::part(native) {
  height: 100px;
}
.height-100-percent {
  height: 100%;
}
.height-100-percent::part(native) {
  height: 100%;
}
.height-100-ion {
  --height: 100px;
}
.height-100-ion-percent {
  --height: 100%;
}
.height-min-100 {
  min-height: 100px;
  height: 100px;
}
.height-min-100-ion {
  --min-height: 100px;
  --height: 100px;
}
.height-max-100 {
  max-height: 100px;
  height: 100px;
}
.height-max-100-ion {
  --msx-height: 100px;
  --height: 100px;
}

.width-100 {
  width: 100px;
}
.width-100::part(native) {
  width: 100px;
}
.width-100-percent {
  width: 100%;
}
.width-100-percent::part(native) {
  width: 100%;
}
.width-100-ion {
  --width: 100px;
}
.width-100-ion-percent {
  --width: 100%;
}
.width-min-100 {
  min-width: 100px;
  width: 100px;
}
.width-min-100-ion {
  --min-width: 100px;
  --width: 100px;
}
.width-max-100 {
  max-width: 100px;
  width: 100px;
}
.width-max-100-ion {
  --max-width: 100px;
  --width: 100px;
}

.height-20 {
  height: 20px;
}
.height-20::part(native) {
  height: 20px;
}
.height-20-percent {
  height: 20%;
}
.height-20-percent::part(native) {
  height: 20%;
}
.height-20-ion {
  --height: 20px;
}
.height-20-ion-percent {
  --height: 20%;
}
.height-min-20 {
  min-height: 20px;
  height: 20px;
}
.height-min-20-ion {
  --min-height: 20px;
  --height: 20px;
}
.height-max-20 {
  max-height: 20px;
  height: 20px;
}
.height-max-20-ion {
  --msx-height: 20px;
  --height: 20px;
}

.width-20 {
  width: 20px;
}
.width-20::part(native) {
  width: 20px;
}
.width-20-percent {
  width: 20%;
}
.width-20-percent::part(native) {
  width: 20%;
}
.width-20-ion {
  --width: 20px;
}
.width-20-ion-percent {
  --width: 20%;
}
.width-min-20 {
  min-width: 20px;
  width: 20px;
}
.width-min-20-ion {
  --min-width: 20px;
  --width: 20px;
}
.width-max-20 {
  max-width: 20px;
  width: 20px;
}
.width-max-20-ion {
  --max-width: 20px;
  --width: 20px;
}

.height-105 {
  height: 105px;
}
.height-105::part(native) {
  height: 105px;
}
.height-105-percent {
  height: 105%;
}
.height-105-percent::part(native) {
  height: 105%;
}
.height-105-ion {
  --height: 105px;
}
.height-105-ion-percent {
  --height: 105%;
}
.height-min-105 {
  min-height: 105px;
  height: 105px;
}
.height-min-105-ion {
  --min-height: 105px;
  --height: 105px;
}
.height-max-105 {
  max-height: 105px;
  height: 105px;
}
.height-max-105-ion {
  --msx-height: 105px;
  --height: 105px;
}

.width-105 {
  width: 105px;
}
.width-105::part(native) {
  width: 105px;
}
.width-105-percent {
  width: 105%;
}
.width-105-percent::part(native) {
  width: 105%;
}
.width-105-ion {
  --width: 105px;
}
.width-105-ion-percent {
  --width: 105%;
}
.width-min-105 {
  min-width: 105px;
  width: 105px;
}
.width-min-105-ion {
  --min-width: 105px;
  --width: 105px;
}
.width-max-105 {
  max-width: 105px;
  width: 105px;
}
.width-max-105-ion {
  --max-width: 105px;
  --width: 105px;
}

.height-21 {
  height: 21px;
}
.height-21::part(native) {
  height: 21px;
}
.height-21-percent {
  height: 21%;
}
.height-21-percent::part(native) {
  height: 21%;
}
.height-21-ion {
  --height: 21px;
}
.height-21-ion-percent {
  --height: 21%;
}
.height-min-21 {
  min-height: 21px;
  height: 21px;
}
.height-min-21-ion {
  --min-height: 21px;
  --height: 21px;
}
.height-max-21 {
  max-height: 21px;
  height: 21px;
}
.height-max-21-ion {
  --msx-height: 21px;
  --height: 21px;
}

.width-21 {
  width: 21px;
}
.width-21::part(native) {
  width: 21px;
}
.width-21-percent {
  width: 21%;
}
.width-21-percent::part(native) {
  width: 21%;
}
.width-21-ion {
  --width: 21px;
}
.width-21-ion-percent {
  --width: 21%;
}
.width-min-21 {
  min-width: 21px;
  width: 21px;
}
.width-min-21-ion {
  --min-width: 21px;
  --width: 21px;
}
.width-max-21 {
  max-width: 21px;
  width: 21px;
}
.width-max-21-ion {
  --max-width: 21px;
  --width: 21px;
}

.height-110 {
  height: 110px;
}
.height-110::part(native) {
  height: 110px;
}
.height-110-percent {
  height: 110%;
}
.height-110-percent::part(native) {
  height: 110%;
}
.height-110-ion {
  --height: 110px;
}
.height-110-ion-percent {
  --height: 110%;
}
.height-min-110 {
  min-height: 110px;
  height: 110px;
}
.height-min-110-ion {
  --min-height: 110px;
  --height: 110px;
}
.height-max-110 {
  max-height: 110px;
  height: 110px;
}
.height-max-110-ion {
  --msx-height: 110px;
  --height: 110px;
}

.width-110 {
  width: 110px;
}
.width-110::part(native) {
  width: 110px;
}
.width-110-percent {
  width: 110%;
}
.width-110-percent::part(native) {
  width: 110%;
}
.width-110-ion {
  --width: 110px;
}
.width-110-ion-percent {
  --width: 110%;
}
.width-min-110 {
  min-width: 110px;
  width: 110px;
}
.width-min-110-ion {
  --min-width: 110px;
  --width: 110px;
}
.width-max-110 {
  max-width: 110px;
  width: 110px;
}
.width-max-110-ion {
  --max-width: 110px;
  --width: 110px;
}

.height-22 {
  height: 22px;
}
.height-22::part(native) {
  height: 22px;
}
.height-22-percent {
  height: 22%;
}
.height-22-percent::part(native) {
  height: 22%;
}
.height-22-ion {
  --height: 22px;
}
.height-22-ion-percent {
  --height: 22%;
}
.height-min-22 {
  min-height: 22px;
  height: 22px;
}
.height-min-22-ion {
  --min-height: 22px;
  --height: 22px;
}
.height-max-22 {
  max-height: 22px;
  height: 22px;
}
.height-max-22-ion {
  --msx-height: 22px;
  --height: 22px;
}

.width-22 {
  width: 22px;
}
.width-22::part(native) {
  width: 22px;
}
.width-22-percent {
  width: 22%;
}
.width-22-percent::part(native) {
  width: 22%;
}
.width-22-ion {
  --width: 22px;
}
.width-22-ion-percent {
  --width: 22%;
}
.width-min-22 {
  min-width: 22px;
  width: 22px;
}
.width-min-22-ion {
  --min-width: 22px;
  --width: 22px;
}
.width-max-22 {
  max-width: 22px;
  width: 22px;
}
.width-max-22-ion {
  --max-width: 22px;
  --width: 22px;
}

.height-115 {
  height: 115px;
}
.height-115::part(native) {
  height: 115px;
}
.height-115-percent {
  height: 115%;
}
.height-115-percent::part(native) {
  height: 115%;
}
.height-115-ion {
  --height: 115px;
}
.height-115-ion-percent {
  --height: 115%;
}
.height-min-115 {
  min-height: 115px;
  height: 115px;
}
.height-min-115-ion {
  --min-height: 115px;
  --height: 115px;
}
.height-max-115 {
  max-height: 115px;
  height: 115px;
}
.height-max-115-ion {
  --msx-height: 115px;
  --height: 115px;
}

.width-115 {
  width: 115px;
}
.width-115::part(native) {
  width: 115px;
}
.width-115-percent {
  width: 115%;
}
.width-115-percent::part(native) {
  width: 115%;
}
.width-115-ion {
  --width: 115px;
}
.width-115-ion-percent {
  --width: 115%;
}
.width-min-115 {
  min-width: 115px;
  width: 115px;
}
.width-min-115-ion {
  --min-width: 115px;
  --width: 115px;
}
.width-max-115 {
  max-width: 115px;
  width: 115px;
}
.width-max-115-ion {
  --max-width: 115px;
  --width: 115px;
}

.height-23 {
  height: 23px;
}
.height-23::part(native) {
  height: 23px;
}
.height-23-percent {
  height: 23%;
}
.height-23-percent::part(native) {
  height: 23%;
}
.height-23-ion {
  --height: 23px;
}
.height-23-ion-percent {
  --height: 23%;
}
.height-min-23 {
  min-height: 23px;
  height: 23px;
}
.height-min-23-ion {
  --min-height: 23px;
  --height: 23px;
}
.height-max-23 {
  max-height: 23px;
  height: 23px;
}
.height-max-23-ion {
  --msx-height: 23px;
  --height: 23px;
}

.width-23 {
  width: 23px;
}
.width-23::part(native) {
  width: 23px;
}
.width-23-percent {
  width: 23%;
}
.width-23-percent::part(native) {
  width: 23%;
}
.width-23-ion {
  --width: 23px;
}
.width-23-ion-percent {
  --width: 23%;
}
.width-min-23 {
  min-width: 23px;
  width: 23px;
}
.width-min-23-ion {
  --min-width: 23px;
  --width: 23px;
}
.width-max-23 {
  max-width: 23px;
  width: 23px;
}
.width-max-23-ion {
  --max-width: 23px;
  --width: 23px;
}

.height-120 {
  height: 120px;
}
.height-120::part(native) {
  height: 120px;
}
.height-120-percent {
  height: 120%;
}
.height-120-percent::part(native) {
  height: 120%;
}
.height-120-ion {
  --height: 120px;
}
.height-120-ion-percent {
  --height: 120%;
}
.height-min-120 {
  min-height: 120px;
  height: 120px;
}
.height-min-120-ion {
  --min-height: 120px;
  --height: 120px;
}
.height-max-120 {
  max-height: 120px;
  height: 120px;
}
.height-max-120-ion {
  --msx-height: 120px;
  --height: 120px;
}

.width-120 {
  width: 120px;
}
.width-120::part(native) {
  width: 120px;
}
.width-120-percent {
  width: 120%;
}
.width-120-percent::part(native) {
  width: 120%;
}
.width-120-ion {
  --width: 120px;
}
.width-120-ion-percent {
  --width: 120%;
}
.width-min-120 {
  min-width: 120px;
  width: 120px;
}
.width-min-120-ion {
  --min-width: 120px;
  --width: 120px;
}
.width-max-120 {
  max-width: 120px;
  width: 120px;
}
.width-max-120-ion {
  --max-width: 120px;
  --width: 120px;
}

.height-24 {
  height: 24px;
}
.height-24::part(native) {
  height: 24px;
}
.height-24-percent {
  height: 24%;
}
.height-24-percent::part(native) {
  height: 24%;
}
.height-24-ion {
  --height: 24px;
}
.height-24-ion-percent {
  --height: 24%;
}
.height-min-24 {
  min-height: 24px;
  height: 24px;
}
.height-min-24-ion {
  --min-height: 24px;
  --height: 24px;
}
.height-max-24 {
  max-height: 24px;
  height: 24px;
}
.height-max-24-ion {
  --msx-height: 24px;
  --height: 24px;
}

.width-24 {
  width: 24px;
}
.width-24::part(native) {
  width: 24px;
}
.width-24-percent {
  width: 24%;
}
.width-24-percent::part(native) {
  width: 24%;
}
.width-24-ion {
  --width: 24px;
}
.width-24-ion-percent {
  --width: 24%;
}
.width-min-24 {
  min-width: 24px;
  width: 24px;
}
.width-min-24-ion {
  --min-width: 24px;
  --width: 24px;
}
.width-max-24 {
  max-width: 24px;
  width: 24px;
}
.width-max-24-ion {
  --max-width: 24px;
  --width: 24px;
}

.height-125 {
  height: 125px;
}
.height-125::part(native) {
  height: 125px;
}
.height-125-percent {
  height: 125%;
}
.height-125-percent::part(native) {
  height: 125%;
}
.height-125-ion {
  --height: 125px;
}
.height-125-ion-percent {
  --height: 125%;
}
.height-min-125 {
  min-height: 125px;
  height: 125px;
}
.height-min-125-ion {
  --min-height: 125px;
  --height: 125px;
}
.height-max-125 {
  max-height: 125px;
  height: 125px;
}
.height-max-125-ion {
  --msx-height: 125px;
  --height: 125px;
}

.width-125 {
  width: 125px;
}
.width-125::part(native) {
  width: 125px;
}
.width-125-percent {
  width: 125%;
}
.width-125-percent::part(native) {
  width: 125%;
}
.width-125-ion {
  --width: 125px;
}
.width-125-ion-percent {
  --width: 125%;
}
.width-min-125 {
  min-width: 125px;
  width: 125px;
}
.width-min-125-ion {
  --min-width: 125px;
  --width: 125px;
}
.width-max-125 {
  max-width: 125px;
  width: 125px;
}
.width-max-125-ion {
  --max-width: 125px;
  --width: 125px;
}

.height-25 {
  height: 25px;
}
.height-25::part(native) {
  height: 25px;
}
.height-25-percent {
  height: 25%;
}
.height-25-percent::part(native) {
  height: 25%;
}
.height-25-ion {
  --height: 25px;
}
.height-25-ion-percent {
  --height: 25%;
}
.height-min-25 {
  min-height: 25px;
  height: 25px;
}
.height-min-25-ion {
  --min-height: 25px;
  --height: 25px;
}
.height-max-25 {
  max-height: 25px;
  height: 25px;
}
.height-max-25-ion {
  --msx-height: 25px;
  --height: 25px;
}

.width-25 {
  width: 25px;
}
.width-25::part(native) {
  width: 25px;
}
.width-25-percent {
  width: 25%;
}
.width-25-percent::part(native) {
  width: 25%;
}
.width-25-ion {
  --width: 25px;
}
.width-25-ion-percent {
  --width: 25%;
}
.width-min-25 {
  min-width: 25px;
  width: 25px;
}
.width-min-25-ion {
  --min-width: 25px;
  --width: 25px;
}
.width-max-25 {
  max-width: 25px;
  width: 25px;
}
.width-max-25-ion {
  --max-width: 25px;
  --width: 25px;
}

.height-130 {
  height: 130px;
}
.height-130::part(native) {
  height: 130px;
}
.height-130-percent {
  height: 130%;
}
.height-130-percent::part(native) {
  height: 130%;
}
.height-130-ion {
  --height: 130px;
}
.height-130-ion-percent {
  --height: 130%;
}
.height-min-130 {
  min-height: 130px;
  height: 130px;
}
.height-min-130-ion {
  --min-height: 130px;
  --height: 130px;
}
.height-max-130 {
  max-height: 130px;
  height: 130px;
}
.height-max-130-ion {
  --msx-height: 130px;
  --height: 130px;
}

.width-130 {
  width: 130px;
}
.width-130::part(native) {
  width: 130px;
}
.width-130-percent {
  width: 130%;
}
.width-130-percent::part(native) {
  width: 130%;
}
.width-130-ion {
  --width: 130px;
}
.width-130-ion-percent {
  --width: 130%;
}
.width-min-130 {
  min-width: 130px;
  width: 130px;
}
.width-min-130-ion {
  --min-width: 130px;
  --width: 130px;
}
.width-max-130 {
  max-width: 130px;
  width: 130px;
}
.width-max-130-ion {
  --max-width: 130px;
  --width: 130px;
}

.height-26 {
  height: 26px;
}
.height-26::part(native) {
  height: 26px;
}
.height-26-percent {
  height: 26%;
}
.height-26-percent::part(native) {
  height: 26%;
}
.height-26-ion {
  --height: 26px;
}
.height-26-ion-percent {
  --height: 26%;
}
.height-min-26 {
  min-height: 26px;
  height: 26px;
}
.height-min-26-ion {
  --min-height: 26px;
  --height: 26px;
}
.height-max-26 {
  max-height: 26px;
  height: 26px;
}
.height-max-26-ion {
  --msx-height: 26px;
  --height: 26px;
}

.width-26 {
  width: 26px;
}
.width-26::part(native) {
  width: 26px;
}
.width-26-percent {
  width: 26%;
}
.width-26-percent::part(native) {
  width: 26%;
}
.width-26-ion {
  --width: 26px;
}
.width-26-ion-percent {
  --width: 26%;
}
.width-min-26 {
  min-width: 26px;
  width: 26px;
}
.width-min-26-ion {
  --min-width: 26px;
  --width: 26px;
}
.width-max-26 {
  max-width: 26px;
  width: 26px;
}
.width-max-26-ion {
  --max-width: 26px;
  --width: 26px;
}

.height-135 {
  height: 135px;
}
.height-135::part(native) {
  height: 135px;
}
.height-135-percent {
  height: 135%;
}
.height-135-percent::part(native) {
  height: 135%;
}
.height-135-ion {
  --height: 135px;
}
.height-135-ion-percent {
  --height: 135%;
}
.height-min-135 {
  min-height: 135px;
  height: 135px;
}
.height-min-135-ion {
  --min-height: 135px;
  --height: 135px;
}
.height-max-135 {
  max-height: 135px;
  height: 135px;
}
.height-max-135-ion {
  --msx-height: 135px;
  --height: 135px;
}

.width-135 {
  width: 135px;
}
.width-135::part(native) {
  width: 135px;
}
.width-135-percent {
  width: 135%;
}
.width-135-percent::part(native) {
  width: 135%;
}
.width-135-ion {
  --width: 135px;
}
.width-135-ion-percent {
  --width: 135%;
}
.width-min-135 {
  min-width: 135px;
  width: 135px;
}
.width-min-135-ion {
  --min-width: 135px;
  --width: 135px;
}
.width-max-135 {
  max-width: 135px;
  width: 135px;
}
.width-max-135-ion {
  --max-width: 135px;
  --width: 135px;
}

.height-27 {
  height: 27px;
}
.height-27::part(native) {
  height: 27px;
}
.height-27-percent {
  height: 27%;
}
.height-27-percent::part(native) {
  height: 27%;
}
.height-27-ion {
  --height: 27px;
}
.height-27-ion-percent {
  --height: 27%;
}
.height-min-27 {
  min-height: 27px;
  height: 27px;
}
.height-min-27-ion {
  --min-height: 27px;
  --height: 27px;
}
.height-max-27 {
  max-height: 27px;
  height: 27px;
}
.height-max-27-ion {
  --msx-height: 27px;
  --height: 27px;
}

.width-27 {
  width: 27px;
}
.width-27::part(native) {
  width: 27px;
}
.width-27-percent {
  width: 27%;
}
.width-27-percent::part(native) {
  width: 27%;
}
.width-27-ion {
  --width: 27px;
}
.width-27-ion-percent {
  --width: 27%;
}
.width-min-27 {
  min-width: 27px;
  width: 27px;
}
.width-min-27-ion {
  --min-width: 27px;
  --width: 27px;
}
.width-max-27 {
  max-width: 27px;
  width: 27px;
}
.width-max-27-ion {
  --max-width: 27px;
  --width: 27px;
}

.height-140 {
  height: 140px;
}
.height-140::part(native) {
  height: 140px;
}
.height-140-percent {
  height: 140%;
}
.height-140-percent::part(native) {
  height: 140%;
}
.height-140-ion {
  --height: 140px;
}
.height-140-ion-percent {
  --height: 140%;
}
.height-min-140 {
  min-height: 140px;
  height: 140px;
}
.height-min-140-ion {
  --min-height: 140px;
  --height: 140px;
}
.height-max-140 {
  max-height: 140px;
  height: 140px;
}
.height-max-140-ion {
  --msx-height: 140px;
  --height: 140px;
}

.width-140 {
  width: 140px;
}
.width-140::part(native) {
  width: 140px;
}
.width-140-percent {
  width: 140%;
}
.width-140-percent::part(native) {
  width: 140%;
}
.width-140-ion {
  --width: 140px;
}
.width-140-ion-percent {
  --width: 140%;
}
.width-min-140 {
  min-width: 140px;
  width: 140px;
}
.width-min-140-ion {
  --min-width: 140px;
  --width: 140px;
}
.width-max-140 {
  max-width: 140px;
  width: 140px;
}
.width-max-140-ion {
  --max-width: 140px;
  --width: 140px;
}

.height-28 {
  height: 28px;
}
.height-28::part(native) {
  height: 28px;
}
.height-28-percent {
  height: 28%;
}
.height-28-percent::part(native) {
  height: 28%;
}
.height-28-ion {
  --height: 28px;
}
.height-28-ion-percent {
  --height: 28%;
}
.height-min-28 {
  min-height: 28px;
  height: 28px;
}
.height-min-28-ion {
  --min-height: 28px;
  --height: 28px;
}
.height-max-28 {
  max-height: 28px;
  height: 28px;
}
.height-max-28-ion {
  --msx-height: 28px;
  --height: 28px;
}

.width-28 {
  width: 28px;
}
.width-28::part(native) {
  width: 28px;
}
.width-28-percent {
  width: 28%;
}
.width-28-percent::part(native) {
  width: 28%;
}
.width-28-ion {
  --width: 28px;
}
.width-28-ion-percent {
  --width: 28%;
}
.width-min-28 {
  min-width: 28px;
  width: 28px;
}
.width-min-28-ion {
  --min-width: 28px;
  --width: 28px;
}
.width-max-28 {
  max-width: 28px;
  width: 28px;
}
.width-max-28-ion {
  --max-width: 28px;
  --width: 28px;
}

.height-145 {
  height: 145px;
}
.height-145::part(native) {
  height: 145px;
}
.height-145-percent {
  height: 145%;
}
.height-145-percent::part(native) {
  height: 145%;
}
.height-145-ion {
  --height: 145px;
}
.height-145-ion-percent {
  --height: 145%;
}
.height-min-145 {
  min-height: 145px;
  height: 145px;
}
.height-min-145-ion {
  --min-height: 145px;
  --height: 145px;
}
.height-max-145 {
  max-height: 145px;
  height: 145px;
}
.height-max-145-ion {
  --msx-height: 145px;
  --height: 145px;
}

.width-145 {
  width: 145px;
}
.width-145::part(native) {
  width: 145px;
}
.width-145-percent {
  width: 145%;
}
.width-145-percent::part(native) {
  width: 145%;
}
.width-145-ion {
  --width: 145px;
}
.width-145-ion-percent {
  --width: 145%;
}
.width-min-145 {
  min-width: 145px;
  width: 145px;
}
.width-min-145-ion {
  --min-width: 145px;
  --width: 145px;
}
.width-max-145 {
  max-width: 145px;
  width: 145px;
}
.width-max-145-ion {
  --max-width: 145px;
  --width: 145px;
}

.height-29 {
  height: 29px;
}
.height-29::part(native) {
  height: 29px;
}
.height-29-percent {
  height: 29%;
}
.height-29-percent::part(native) {
  height: 29%;
}
.height-29-ion {
  --height: 29px;
}
.height-29-ion-percent {
  --height: 29%;
}
.height-min-29 {
  min-height: 29px;
  height: 29px;
}
.height-min-29-ion {
  --min-height: 29px;
  --height: 29px;
}
.height-max-29 {
  max-height: 29px;
  height: 29px;
}
.height-max-29-ion {
  --msx-height: 29px;
  --height: 29px;
}

.width-29 {
  width: 29px;
}
.width-29::part(native) {
  width: 29px;
}
.width-29-percent {
  width: 29%;
}
.width-29-percent::part(native) {
  width: 29%;
}
.width-29-ion {
  --width: 29px;
}
.width-29-ion-percent {
  --width: 29%;
}
.width-min-29 {
  min-width: 29px;
  width: 29px;
}
.width-min-29-ion {
  --min-width: 29px;
  --width: 29px;
}
.width-max-29 {
  max-width: 29px;
  width: 29px;
}
.width-max-29-ion {
  --max-width: 29px;
  --width: 29px;
}

.height-150 {
  height: 150px;
}
.height-150::part(native) {
  height: 150px;
}
.height-150-percent {
  height: 150%;
}
.height-150-percent::part(native) {
  height: 150%;
}
.height-150-ion {
  --height: 150px;
}
.height-150-ion-percent {
  --height: 150%;
}
.height-min-150 {
  min-height: 150px;
  height: 150px;
}
.height-min-150-ion {
  --min-height: 150px;
  --height: 150px;
}
.height-max-150 {
  max-height: 150px;
  height: 150px;
}
.height-max-150-ion {
  --msx-height: 150px;
  --height: 150px;
}

.width-150 {
  width: 150px;
}
.width-150::part(native) {
  width: 150px;
}
.width-150-percent {
  width: 150%;
}
.width-150-percent::part(native) {
  width: 150%;
}
.width-150-ion {
  --width: 150px;
}
.width-150-ion-percent {
  --width: 150%;
}
.width-min-150 {
  min-width: 150px;
  width: 150px;
}
.width-min-150-ion {
  --min-width: 150px;
  --width: 150px;
}
.width-max-150 {
  max-width: 150px;
  width: 150px;
}
.width-max-150-ion {
  --max-width: 150px;
  --width: 150px;
}

.height-30 {
  height: 30px;
}
.height-30::part(native) {
  height: 30px;
}
.height-30-percent {
  height: 30%;
}
.height-30-percent::part(native) {
  height: 30%;
}
.height-30-ion {
  --height: 30px;
}
.height-30-ion-percent {
  --height: 30%;
}
.height-min-30 {
  min-height: 30px;
  height: 30px;
}
.height-min-30-ion {
  --min-height: 30px;
  --height: 30px;
}
.height-max-30 {
  max-height: 30px;
  height: 30px;
}
.height-max-30-ion {
  --msx-height: 30px;
  --height: 30px;
}

.width-30 {
  width: 30px;
}
.width-30::part(native) {
  width: 30px;
}
.width-30-percent {
  width: 30%;
}
.width-30-percent::part(native) {
  width: 30%;
}
.width-30-ion {
  --width: 30px;
}
.width-30-ion-percent {
  --width: 30%;
}
.width-min-30 {
  min-width: 30px;
  width: 30px;
}
.width-min-30-ion {
  --min-width: 30px;
  --width: 30px;
}
.width-max-30 {
  max-width: 30px;
  width: 30px;
}
.width-max-30-ion {
  --max-width: 30px;
  --width: 30px;
}

.height-155 {
  height: 155px;
}
.height-155::part(native) {
  height: 155px;
}
.height-155-percent {
  height: 155%;
}
.height-155-percent::part(native) {
  height: 155%;
}
.height-155-ion {
  --height: 155px;
}
.height-155-ion-percent {
  --height: 155%;
}
.height-min-155 {
  min-height: 155px;
  height: 155px;
}
.height-min-155-ion {
  --min-height: 155px;
  --height: 155px;
}
.height-max-155 {
  max-height: 155px;
  height: 155px;
}
.height-max-155-ion {
  --msx-height: 155px;
  --height: 155px;
}

.width-155 {
  width: 155px;
}
.width-155::part(native) {
  width: 155px;
}
.width-155-percent {
  width: 155%;
}
.width-155-percent::part(native) {
  width: 155%;
}
.width-155-ion {
  --width: 155px;
}
.width-155-ion-percent {
  --width: 155%;
}
.width-min-155 {
  min-width: 155px;
  width: 155px;
}
.width-min-155-ion {
  --min-width: 155px;
  --width: 155px;
}
.width-max-155 {
  max-width: 155px;
  width: 155px;
}
.width-max-155-ion {
  --max-width: 155px;
  --width: 155px;
}

.height-31 {
  height: 31px;
}
.height-31::part(native) {
  height: 31px;
}
.height-31-percent {
  height: 31%;
}
.height-31-percent::part(native) {
  height: 31%;
}
.height-31-ion {
  --height: 31px;
}
.height-31-ion-percent {
  --height: 31%;
}
.height-min-31 {
  min-height: 31px;
  height: 31px;
}
.height-min-31-ion {
  --min-height: 31px;
  --height: 31px;
}
.height-max-31 {
  max-height: 31px;
  height: 31px;
}
.height-max-31-ion {
  --msx-height: 31px;
  --height: 31px;
}

.width-31 {
  width: 31px;
}
.width-31::part(native) {
  width: 31px;
}
.width-31-percent {
  width: 31%;
}
.width-31-percent::part(native) {
  width: 31%;
}
.width-31-ion {
  --width: 31px;
}
.width-31-ion-percent {
  --width: 31%;
}
.width-min-31 {
  min-width: 31px;
  width: 31px;
}
.width-min-31-ion {
  --min-width: 31px;
  --width: 31px;
}
.width-max-31 {
  max-width: 31px;
  width: 31px;
}
.width-max-31-ion {
  --max-width: 31px;
  --width: 31px;
}

.height-160 {
  height: 160px;
}
.height-160::part(native) {
  height: 160px;
}
.height-160-percent {
  height: 160%;
}
.height-160-percent::part(native) {
  height: 160%;
}
.height-160-ion {
  --height: 160px;
}
.height-160-ion-percent {
  --height: 160%;
}
.height-min-160 {
  min-height: 160px;
  height: 160px;
}
.height-min-160-ion {
  --min-height: 160px;
  --height: 160px;
}
.height-max-160 {
  max-height: 160px;
  height: 160px;
}
.height-max-160-ion {
  --msx-height: 160px;
  --height: 160px;
}

.width-160 {
  width: 160px;
}
.width-160::part(native) {
  width: 160px;
}
.width-160-percent {
  width: 160%;
}
.width-160-percent::part(native) {
  width: 160%;
}
.width-160-ion {
  --width: 160px;
}
.width-160-ion-percent {
  --width: 160%;
}
.width-min-160 {
  min-width: 160px;
  width: 160px;
}
.width-min-160-ion {
  --min-width: 160px;
  --width: 160px;
}
.width-max-160 {
  max-width: 160px;
  width: 160px;
}
.width-max-160-ion {
  --max-width: 160px;
  --width: 160px;
}

.height-32 {
  height: 32px;
}
.height-32::part(native) {
  height: 32px;
}
.height-32-percent {
  height: 32%;
}
.height-32-percent::part(native) {
  height: 32%;
}
.height-32-ion {
  --height: 32px;
}
.height-32-ion-percent {
  --height: 32%;
}
.height-min-32 {
  min-height: 32px;
  height: 32px;
}
.height-min-32-ion {
  --min-height: 32px;
  --height: 32px;
}
.height-max-32 {
  max-height: 32px;
  height: 32px;
}
.height-max-32-ion {
  --msx-height: 32px;
  --height: 32px;
}

.width-32 {
  width: 32px;
}
.width-32::part(native) {
  width: 32px;
}
.width-32-percent {
  width: 32%;
}
.width-32-percent::part(native) {
  width: 32%;
}
.width-32-ion {
  --width: 32px;
}
.width-32-ion-percent {
  --width: 32%;
}
.width-min-32 {
  min-width: 32px;
  width: 32px;
}
.width-min-32-ion {
  --min-width: 32px;
  --width: 32px;
}
.width-max-32 {
  max-width: 32px;
  width: 32px;
}
.width-max-32-ion {
  --max-width: 32px;
  --width: 32px;
}

.height-165 {
  height: 165px;
}
.height-165::part(native) {
  height: 165px;
}
.height-165-percent {
  height: 165%;
}
.height-165-percent::part(native) {
  height: 165%;
}
.height-165-ion {
  --height: 165px;
}
.height-165-ion-percent {
  --height: 165%;
}
.height-min-165 {
  min-height: 165px;
  height: 165px;
}
.height-min-165-ion {
  --min-height: 165px;
  --height: 165px;
}
.height-max-165 {
  max-height: 165px;
  height: 165px;
}
.height-max-165-ion {
  --msx-height: 165px;
  --height: 165px;
}

.width-165 {
  width: 165px;
}
.width-165::part(native) {
  width: 165px;
}
.width-165-percent {
  width: 165%;
}
.width-165-percent::part(native) {
  width: 165%;
}
.width-165-ion {
  --width: 165px;
}
.width-165-ion-percent {
  --width: 165%;
}
.width-min-165 {
  min-width: 165px;
  width: 165px;
}
.width-min-165-ion {
  --min-width: 165px;
  --width: 165px;
}
.width-max-165 {
  max-width: 165px;
  width: 165px;
}
.width-max-165-ion {
  --max-width: 165px;
  --width: 165px;
}

.height-33 {
  height: 33px;
}
.height-33::part(native) {
  height: 33px;
}
.height-33-percent {
  height: 33%;
}
.height-33-percent::part(native) {
  height: 33%;
}
.height-33-ion {
  --height: 33px;
}
.height-33-ion-percent {
  --height: 33%;
}
.height-min-33 {
  min-height: 33px;
  height: 33px;
}
.height-min-33-ion {
  --min-height: 33px;
  --height: 33px;
}
.height-max-33 {
  max-height: 33px;
  height: 33px;
}
.height-max-33-ion {
  --msx-height: 33px;
  --height: 33px;
}

.width-33 {
  width: 33px;
}
.width-33::part(native) {
  width: 33px;
}
.width-33-percent {
  width: 33%;
}
.width-33-percent::part(native) {
  width: 33%;
}
.width-33-ion {
  --width: 33px;
}
.width-33-ion-percent {
  --width: 33%;
}
.width-min-33 {
  min-width: 33px;
  width: 33px;
}
.width-min-33-ion {
  --min-width: 33px;
  --width: 33px;
}
.width-max-33 {
  max-width: 33px;
  width: 33px;
}
.width-max-33-ion {
  --max-width: 33px;
  --width: 33px;
}

.height-170 {
  height: 170px;
}
.height-170::part(native) {
  height: 170px;
}
.height-170-percent {
  height: 170%;
}
.height-170-percent::part(native) {
  height: 170%;
}
.height-170-ion {
  --height: 170px;
}
.height-170-ion-percent {
  --height: 170%;
}
.height-min-170 {
  min-height: 170px;
  height: 170px;
}
.height-min-170-ion {
  --min-height: 170px;
  --height: 170px;
}
.height-max-170 {
  max-height: 170px;
  height: 170px;
}
.height-max-170-ion {
  --msx-height: 170px;
  --height: 170px;
}

.width-170 {
  width: 170px;
}
.width-170::part(native) {
  width: 170px;
}
.width-170-percent {
  width: 170%;
}
.width-170-percent::part(native) {
  width: 170%;
}
.width-170-ion {
  --width: 170px;
}
.width-170-ion-percent {
  --width: 170%;
}
.width-min-170 {
  min-width: 170px;
  width: 170px;
}
.width-min-170-ion {
  --min-width: 170px;
  --width: 170px;
}
.width-max-170 {
  max-width: 170px;
  width: 170px;
}
.width-max-170-ion {
  --max-width: 170px;
  --width: 170px;
}

.height-34 {
  height: 34px;
}
.height-34::part(native) {
  height: 34px;
}
.height-34-percent {
  height: 34%;
}
.height-34-percent::part(native) {
  height: 34%;
}
.height-34-ion {
  --height: 34px;
}
.height-34-ion-percent {
  --height: 34%;
}
.height-min-34 {
  min-height: 34px;
  height: 34px;
}
.height-min-34-ion {
  --min-height: 34px;
  --height: 34px;
}
.height-max-34 {
  max-height: 34px;
  height: 34px;
}
.height-max-34-ion {
  --msx-height: 34px;
  --height: 34px;
}

.width-34 {
  width: 34px;
}
.width-34::part(native) {
  width: 34px;
}
.width-34-percent {
  width: 34%;
}
.width-34-percent::part(native) {
  width: 34%;
}
.width-34-ion {
  --width: 34px;
}
.width-34-ion-percent {
  --width: 34%;
}
.width-min-34 {
  min-width: 34px;
  width: 34px;
}
.width-min-34-ion {
  --min-width: 34px;
  --width: 34px;
}
.width-max-34 {
  max-width: 34px;
  width: 34px;
}
.width-max-34-ion {
  --max-width: 34px;
  --width: 34px;
}

.height-175 {
  height: 175px;
}
.height-175::part(native) {
  height: 175px;
}
.height-175-percent {
  height: 175%;
}
.height-175-percent::part(native) {
  height: 175%;
}
.height-175-ion {
  --height: 175px;
}
.height-175-ion-percent {
  --height: 175%;
}
.height-min-175 {
  min-height: 175px;
  height: 175px;
}
.height-min-175-ion {
  --min-height: 175px;
  --height: 175px;
}
.height-max-175 {
  max-height: 175px;
  height: 175px;
}
.height-max-175-ion {
  --msx-height: 175px;
  --height: 175px;
}

.width-175 {
  width: 175px;
}
.width-175::part(native) {
  width: 175px;
}
.width-175-percent {
  width: 175%;
}
.width-175-percent::part(native) {
  width: 175%;
}
.width-175-ion {
  --width: 175px;
}
.width-175-ion-percent {
  --width: 175%;
}
.width-min-175 {
  min-width: 175px;
  width: 175px;
}
.width-min-175-ion {
  --min-width: 175px;
  --width: 175px;
}
.width-max-175 {
  max-width: 175px;
  width: 175px;
}
.width-max-175-ion {
  --max-width: 175px;
  --width: 175px;
}

.height-35 {
  height: 35px;
}
.height-35::part(native) {
  height: 35px;
}
.height-35-percent {
  height: 35%;
}
.height-35-percent::part(native) {
  height: 35%;
}
.height-35-ion {
  --height: 35px;
}
.height-35-ion-percent {
  --height: 35%;
}
.height-min-35 {
  min-height: 35px;
  height: 35px;
}
.height-min-35-ion {
  --min-height: 35px;
  --height: 35px;
}
.height-max-35 {
  max-height: 35px;
  height: 35px;
}
.height-max-35-ion {
  --msx-height: 35px;
  --height: 35px;
}

.width-35 {
  width: 35px;
}
.width-35::part(native) {
  width: 35px;
}
.width-35-percent {
  width: 35%;
}
.width-35-percent::part(native) {
  width: 35%;
}
.width-35-ion {
  --width: 35px;
}
.width-35-ion-percent {
  --width: 35%;
}
.width-min-35 {
  min-width: 35px;
  width: 35px;
}
.width-min-35-ion {
  --min-width: 35px;
  --width: 35px;
}
.width-max-35 {
  max-width: 35px;
  width: 35px;
}
.width-max-35-ion {
  --max-width: 35px;
  --width: 35px;
}

.height-180 {
  height: 180px;
}
.height-180::part(native) {
  height: 180px;
}
.height-180-percent {
  height: 180%;
}
.height-180-percent::part(native) {
  height: 180%;
}
.height-180-ion {
  --height: 180px;
}
.height-180-ion-percent {
  --height: 180%;
}
.height-min-180 {
  min-height: 180px;
  height: 180px;
}
.height-min-180-ion {
  --min-height: 180px;
  --height: 180px;
}
.height-max-180 {
  max-height: 180px;
  height: 180px;
}
.height-max-180-ion {
  --msx-height: 180px;
  --height: 180px;
}

.width-180 {
  width: 180px;
}
.width-180::part(native) {
  width: 180px;
}
.width-180-percent {
  width: 180%;
}
.width-180-percent::part(native) {
  width: 180%;
}
.width-180-ion {
  --width: 180px;
}
.width-180-ion-percent {
  --width: 180%;
}
.width-min-180 {
  min-width: 180px;
  width: 180px;
}
.width-min-180-ion {
  --min-width: 180px;
  --width: 180px;
}
.width-max-180 {
  max-width: 180px;
  width: 180px;
}
.width-max-180-ion {
  --max-width: 180px;
  --width: 180px;
}

.height-36 {
  height: 36px;
}
.height-36::part(native) {
  height: 36px;
}
.height-36-percent {
  height: 36%;
}
.height-36-percent::part(native) {
  height: 36%;
}
.height-36-ion {
  --height: 36px;
}
.height-36-ion-percent {
  --height: 36%;
}
.height-min-36 {
  min-height: 36px;
  height: 36px;
}
.height-min-36-ion {
  --min-height: 36px;
  --height: 36px;
}
.height-max-36 {
  max-height: 36px;
  height: 36px;
}
.height-max-36-ion {
  --msx-height: 36px;
  --height: 36px;
}

.width-36 {
  width: 36px;
}
.width-36::part(native) {
  width: 36px;
}
.width-36-percent {
  width: 36%;
}
.width-36-percent::part(native) {
  width: 36%;
}
.width-36-ion {
  --width: 36px;
}
.width-36-ion-percent {
  --width: 36%;
}
.width-min-36 {
  min-width: 36px;
  width: 36px;
}
.width-min-36-ion {
  --min-width: 36px;
  --width: 36px;
}
.width-max-36 {
  max-width: 36px;
  width: 36px;
}
.width-max-36-ion {
  --max-width: 36px;
  --width: 36px;
}

.height-185 {
  height: 185px;
}
.height-185::part(native) {
  height: 185px;
}
.height-185-percent {
  height: 185%;
}
.height-185-percent::part(native) {
  height: 185%;
}
.height-185-ion {
  --height: 185px;
}
.height-185-ion-percent {
  --height: 185%;
}
.height-min-185 {
  min-height: 185px;
  height: 185px;
}
.height-min-185-ion {
  --min-height: 185px;
  --height: 185px;
}
.height-max-185 {
  max-height: 185px;
  height: 185px;
}
.height-max-185-ion {
  --msx-height: 185px;
  --height: 185px;
}

.width-185 {
  width: 185px;
}
.width-185::part(native) {
  width: 185px;
}
.width-185-percent {
  width: 185%;
}
.width-185-percent::part(native) {
  width: 185%;
}
.width-185-ion {
  --width: 185px;
}
.width-185-ion-percent {
  --width: 185%;
}
.width-min-185 {
  min-width: 185px;
  width: 185px;
}
.width-min-185-ion {
  --min-width: 185px;
  --width: 185px;
}
.width-max-185 {
  max-width: 185px;
  width: 185px;
}
.width-max-185-ion {
  --max-width: 185px;
  --width: 185px;
}

.height-37 {
  height: 37px;
}
.height-37::part(native) {
  height: 37px;
}
.height-37-percent {
  height: 37%;
}
.height-37-percent::part(native) {
  height: 37%;
}
.height-37-ion {
  --height: 37px;
}
.height-37-ion-percent {
  --height: 37%;
}
.height-min-37 {
  min-height: 37px;
  height: 37px;
}
.height-min-37-ion {
  --min-height: 37px;
  --height: 37px;
}
.height-max-37 {
  max-height: 37px;
  height: 37px;
}
.height-max-37-ion {
  --msx-height: 37px;
  --height: 37px;
}

.width-37 {
  width: 37px;
}
.width-37::part(native) {
  width: 37px;
}
.width-37-percent {
  width: 37%;
}
.width-37-percent::part(native) {
  width: 37%;
}
.width-37-ion {
  --width: 37px;
}
.width-37-ion-percent {
  --width: 37%;
}
.width-min-37 {
  min-width: 37px;
  width: 37px;
}
.width-min-37-ion {
  --min-width: 37px;
  --width: 37px;
}
.width-max-37 {
  max-width: 37px;
  width: 37px;
}
.width-max-37-ion {
  --max-width: 37px;
  --width: 37px;
}

.height-190 {
  height: 190px;
}
.height-190::part(native) {
  height: 190px;
}
.height-190-percent {
  height: 190%;
}
.height-190-percent::part(native) {
  height: 190%;
}
.height-190-ion {
  --height: 190px;
}
.height-190-ion-percent {
  --height: 190%;
}
.height-min-190 {
  min-height: 190px;
  height: 190px;
}
.height-min-190-ion {
  --min-height: 190px;
  --height: 190px;
}
.height-max-190 {
  max-height: 190px;
  height: 190px;
}
.height-max-190-ion {
  --msx-height: 190px;
  --height: 190px;
}

.width-190 {
  width: 190px;
}
.width-190::part(native) {
  width: 190px;
}
.width-190-percent {
  width: 190%;
}
.width-190-percent::part(native) {
  width: 190%;
}
.width-190-ion {
  --width: 190px;
}
.width-190-ion-percent {
  --width: 190%;
}
.width-min-190 {
  min-width: 190px;
  width: 190px;
}
.width-min-190-ion {
  --min-width: 190px;
  --width: 190px;
}
.width-max-190 {
  max-width: 190px;
  width: 190px;
}
.width-max-190-ion {
  --max-width: 190px;
  --width: 190px;
}

.height-38 {
  height: 38px;
}
.height-38::part(native) {
  height: 38px;
}
.height-38-percent {
  height: 38%;
}
.height-38-percent::part(native) {
  height: 38%;
}
.height-38-ion {
  --height: 38px;
}
.height-38-ion-percent {
  --height: 38%;
}
.height-min-38 {
  min-height: 38px;
  height: 38px;
}
.height-min-38-ion {
  --min-height: 38px;
  --height: 38px;
}
.height-max-38 {
  max-height: 38px;
  height: 38px;
}
.height-max-38-ion {
  --msx-height: 38px;
  --height: 38px;
}

.width-38 {
  width: 38px;
}
.width-38::part(native) {
  width: 38px;
}
.width-38-percent {
  width: 38%;
}
.width-38-percent::part(native) {
  width: 38%;
}
.width-38-ion {
  --width: 38px;
}
.width-38-ion-percent {
  --width: 38%;
}
.width-min-38 {
  min-width: 38px;
  width: 38px;
}
.width-min-38-ion {
  --min-width: 38px;
  --width: 38px;
}
.width-max-38 {
  max-width: 38px;
  width: 38px;
}
.width-max-38-ion {
  --max-width: 38px;
  --width: 38px;
}

.height-195 {
  height: 195px;
}
.height-195::part(native) {
  height: 195px;
}
.height-195-percent {
  height: 195%;
}
.height-195-percent::part(native) {
  height: 195%;
}
.height-195-ion {
  --height: 195px;
}
.height-195-ion-percent {
  --height: 195%;
}
.height-min-195 {
  min-height: 195px;
  height: 195px;
}
.height-min-195-ion {
  --min-height: 195px;
  --height: 195px;
}
.height-max-195 {
  max-height: 195px;
  height: 195px;
}
.height-max-195-ion {
  --msx-height: 195px;
  --height: 195px;
}

.width-195 {
  width: 195px;
}
.width-195::part(native) {
  width: 195px;
}
.width-195-percent {
  width: 195%;
}
.width-195-percent::part(native) {
  width: 195%;
}
.width-195-ion {
  --width: 195px;
}
.width-195-ion-percent {
  --width: 195%;
}
.width-min-195 {
  min-width: 195px;
  width: 195px;
}
.width-min-195-ion {
  --min-width: 195px;
  --width: 195px;
}
.width-max-195 {
  max-width: 195px;
  width: 195px;
}
.width-max-195-ion {
  --max-width: 195px;
  --width: 195px;
}

.height-39 {
  height: 39px;
}
.height-39::part(native) {
  height: 39px;
}
.height-39-percent {
  height: 39%;
}
.height-39-percent::part(native) {
  height: 39%;
}
.height-39-ion {
  --height: 39px;
}
.height-39-ion-percent {
  --height: 39%;
}
.height-min-39 {
  min-height: 39px;
  height: 39px;
}
.height-min-39-ion {
  --min-height: 39px;
  --height: 39px;
}
.height-max-39 {
  max-height: 39px;
  height: 39px;
}
.height-max-39-ion {
  --msx-height: 39px;
  --height: 39px;
}

.width-39 {
  width: 39px;
}
.width-39::part(native) {
  width: 39px;
}
.width-39-percent {
  width: 39%;
}
.width-39-percent::part(native) {
  width: 39%;
}
.width-39-ion {
  --width: 39px;
}
.width-39-ion-percent {
  --width: 39%;
}
.width-min-39 {
  min-width: 39px;
  width: 39px;
}
.width-min-39-ion {
  --min-width: 39px;
  --width: 39px;
}
.width-max-39 {
  max-width: 39px;
  width: 39px;
}
.width-max-39-ion {
  --max-width: 39px;
  --width: 39px;
}

.height-200 {
  height: 200px;
}
.height-200::part(native) {
  height: 200px;
}
.height-200-percent {
  height: 200%;
}
.height-200-percent::part(native) {
  height: 200%;
}
.height-200-ion {
  --height: 200px;
}
.height-200-ion-percent {
  --height: 200%;
}
.height-min-200 {
  min-height: 200px;
  height: 200px;
}
.height-min-200-ion {
  --min-height: 200px;
  --height: 200px;
}
.height-max-200 {
  max-height: 200px;
  height: 200px;
}
.height-max-200-ion {
  --msx-height: 200px;
  --height: 200px;
}

.width-200 {
  width: 200px;
}
.width-200::part(native) {
  width: 200px;
}
.width-200-percent {
  width: 200%;
}
.width-200-percent::part(native) {
  width: 200%;
}
.width-200-ion {
  --width: 200px;
}
.width-200-ion-percent {
  --width: 200%;
}
.width-min-200 {
  min-width: 200px;
  width: 200px;
}
.width-min-200-ion {
  --min-width: 200px;
  --width: 200px;
}
.width-max-200 {
  max-width: 200px;
  width: 200px;
}
.width-max-200-ion {
  --max-width: 200px;
  --width: 200px;
}

.height-40 {
  height: 40px;
}
.height-40::part(native) {
  height: 40px;
}
.height-40-percent {
  height: 40%;
}
.height-40-percent::part(native) {
  height: 40%;
}
.height-40-ion {
  --height: 40px;
}
.height-40-ion-percent {
  --height: 40%;
}
.height-min-40 {
  min-height: 40px;
  height: 40px;
}
.height-min-40-ion {
  --min-height: 40px;
  --height: 40px;
}
.height-max-40 {
  max-height: 40px;
  height: 40px;
}
.height-max-40-ion {
  --msx-height: 40px;
  --height: 40px;
}

.width-40 {
  width: 40px;
}
.width-40::part(native) {
  width: 40px;
}
.width-40-percent {
  width: 40%;
}
.width-40-percent::part(native) {
  width: 40%;
}
.width-40-ion {
  --width: 40px;
}
.width-40-ion-percent {
  --width: 40%;
}
.width-min-40 {
  min-width: 40px;
  width: 40px;
}
.width-min-40-ion {
  --min-width: 40px;
  --width: 40px;
}
.width-max-40 {
  max-width: 40px;
  width: 40px;
}
.width-max-40-ion {
  --max-width: 40px;
  --width: 40px;
}

.height-205 {
  height: 205px;
}
.height-205::part(native) {
  height: 205px;
}
.height-205-percent {
  height: 205%;
}
.height-205-percent::part(native) {
  height: 205%;
}
.height-205-ion {
  --height: 205px;
}
.height-205-ion-percent {
  --height: 205%;
}
.height-min-205 {
  min-height: 205px;
  height: 205px;
}
.height-min-205-ion {
  --min-height: 205px;
  --height: 205px;
}
.height-max-205 {
  max-height: 205px;
  height: 205px;
}
.height-max-205-ion {
  --msx-height: 205px;
  --height: 205px;
}

.width-205 {
  width: 205px;
}
.width-205::part(native) {
  width: 205px;
}
.width-205-percent {
  width: 205%;
}
.width-205-percent::part(native) {
  width: 205%;
}
.width-205-ion {
  --width: 205px;
}
.width-205-ion-percent {
  --width: 205%;
}
.width-min-205 {
  min-width: 205px;
  width: 205px;
}
.width-min-205-ion {
  --min-width: 205px;
  --width: 205px;
}
.width-max-205 {
  max-width: 205px;
  width: 205px;
}
.width-max-205-ion {
  --max-width: 205px;
  --width: 205px;
}

.height-41 {
  height: 41px;
}
.height-41::part(native) {
  height: 41px;
}
.height-41-percent {
  height: 41%;
}
.height-41-percent::part(native) {
  height: 41%;
}
.height-41-ion {
  --height: 41px;
}
.height-41-ion-percent {
  --height: 41%;
}
.height-min-41 {
  min-height: 41px;
  height: 41px;
}
.height-min-41-ion {
  --min-height: 41px;
  --height: 41px;
}
.height-max-41 {
  max-height: 41px;
  height: 41px;
}
.height-max-41-ion {
  --msx-height: 41px;
  --height: 41px;
}

.width-41 {
  width: 41px;
}
.width-41::part(native) {
  width: 41px;
}
.width-41-percent {
  width: 41%;
}
.width-41-percent::part(native) {
  width: 41%;
}
.width-41-ion {
  --width: 41px;
}
.width-41-ion-percent {
  --width: 41%;
}
.width-min-41 {
  min-width: 41px;
  width: 41px;
}
.width-min-41-ion {
  --min-width: 41px;
  --width: 41px;
}
.width-max-41 {
  max-width: 41px;
  width: 41px;
}
.width-max-41-ion {
  --max-width: 41px;
  --width: 41px;
}

.height-210 {
  height: 210px;
}
.height-210::part(native) {
  height: 210px;
}
.height-210-percent {
  height: 210%;
}
.height-210-percent::part(native) {
  height: 210%;
}
.height-210-ion {
  --height: 210px;
}
.height-210-ion-percent {
  --height: 210%;
}
.height-min-210 {
  min-height: 210px;
  height: 210px;
}
.height-min-210-ion {
  --min-height: 210px;
  --height: 210px;
}
.height-max-210 {
  max-height: 210px;
  height: 210px;
}
.height-max-210-ion {
  --msx-height: 210px;
  --height: 210px;
}

.width-210 {
  width: 210px;
}
.width-210::part(native) {
  width: 210px;
}
.width-210-percent {
  width: 210%;
}
.width-210-percent::part(native) {
  width: 210%;
}
.width-210-ion {
  --width: 210px;
}
.width-210-ion-percent {
  --width: 210%;
}
.width-min-210 {
  min-width: 210px;
  width: 210px;
}
.width-min-210-ion {
  --min-width: 210px;
  --width: 210px;
}
.width-max-210 {
  max-width: 210px;
  width: 210px;
}
.width-max-210-ion {
  --max-width: 210px;
  --width: 210px;
}

.height-42 {
  height: 42px;
}
.height-42::part(native) {
  height: 42px;
}
.height-42-percent {
  height: 42%;
}
.height-42-percent::part(native) {
  height: 42%;
}
.height-42-ion {
  --height: 42px;
}
.height-42-ion-percent {
  --height: 42%;
}
.height-min-42 {
  min-height: 42px;
  height: 42px;
}
.height-min-42-ion {
  --min-height: 42px;
  --height: 42px;
}
.height-max-42 {
  max-height: 42px;
  height: 42px;
}
.height-max-42-ion {
  --msx-height: 42px;
  --height: 42px;
}

.width-42 {
  width: 42px;
}
.width-42::part(native) {
  width: 42px;
}
.width-42-percent {
  width: 42%;
}
.width-42-percent::part(native) {
  width: 42%;
}
.width-42-ion {
  --width: 42px;
}
.width-42-ion-percent {
  --width: 42%;
}
.width-min-42 {
  min-width: 42px;
  width: 42px;
}
.width-min-42-ion {
  --min-width: 42px;
  --width: 42px;
}
.width-max-42 {
  max-width: 42px;
  width: 42px;
}
.width-max-42-ion {
  --max-width: 42px;
  --width: 42px;
}

.height-215 {
  height: 215px;
}
.height-215::part(native) {
  height: 215px;
}
.height-215-percent {
  height: 215%;
}
.height-215-percent::part(native) {
  height: 215%;
}
.height-215-ion {
  --height: 215px;
}
.height-215-ion-percent {
  --height: 215%;
}
.height-min-215 {
  min-height: 215px;
  height: 215px;
}
.height-min-215-ion {
  --min-height: 215px;
  --height: 215px;
}
.height-max-215 {
  max-height: 215px;
  height: 215px;
}
.height-max-215-ion {
  --msx-height: 215px;
  --height: 215px;
}

.width-215 {
  width: 215px;
}
.width-215::part(native) {
  width: 215px;
}
.width-215-percent {
  width: 215%;
}
.width-215-percent::part(native) {
  width: 215%;
}
.width-215-ion {
  --width: 215px;
}
.width-215-ion-percent {
  --width: 215%;
}
.width-min-215 {
  min-width: 215px;
  width: 215px;
}
.width-min-215-ion {
  --min-width: 215px;
  --width: 215px;
}
.width-max-215 {
  max-width: 215px;
  width: 215px;
}
.width-max-215-ion {
  --max-width: 215px;
  --width: 215px;
}

.height-43 {
  height: 43px;
}
.height-43::part(native) {
  height: 43px;
}
.height-43-percent {
  height: 43%;
}
.height-43-percent::part(native) {
  height: 43%;
}
.height-43-ion {
  --height: 43px;
}
.height-43-ion-percent {
  --height: 43%;
}
.height-min-43 {
  min-height: 43px;
  height: 43px;
}
.height-min-43-ion {
  --min-height: 43px;
  --height: 43px;
}
.height-max-43 {
  max-height: 43px;
  height: 43px;
}
.height-max-43-ion {
  --msx-height: 43px;
  --height: 43px;
}

.width-43 {
  width: 43px;
}
.width-43::part(native) {
  width: 43px;
}
.width-43-percent {
  width: 43%;
}
.width-43-percent::part(native) {
  width: 43%;
}
.width-43-ion {
  --width: 43px;
}
.width-43-ion-percent {
  --width: 43%;
}
.width-min-43 {
  min-width: 43px;
  width: 43px;
}
.width-min-43-ion {
  --min-width: 43px;
  --width: 43px;
}
.width-max-43 {
  max-width: 43px;
  width: 43px;
}
.width-max-43-ion {
  --max-width: 43px;
  --width: 43px;
}

.height-220 {
  height: 220px;
}
.height-220::part(native) {
  height: 220px;
}
.height-220-percent {
  height: 220%;
}
.height-220-percent::part(native) {
  height: 220%;
}
.height-220-ion {
  --height: 220px;
}
.height-220-ion-percent {
  --height: 220%;
}
.height-min-220 {
  min-height: 220px;
  height: 220px;
}
.height-min-220-ion {
  --min-height: 220px;
  --height: 220px;
}
.height-max-220 {
  max-height: 220px;
  height: 220px;
}
.height-max-220-ion {
  --msx-height: 220px;
  --height: 220px;
}

.width-220 {
  width: 220px;
}
.width-220::part(native) {
  width: 220px;
}
.width-220-percent {
  width: 220%;
}
.width-220-percent::part(native) {
  width: 220%;
}
.width-220-ion {
  --width: 220px;
}
.width-220-ion-percent {
  --width: 220%;
}
.width-min-220 {
  min-width: 220px;
  width: 220px;
}
.width-min-220-ion {
  --min-width: 220px;
  --width: 220px;
}
.width-max-220 {
  max-width: 220px;
  width: 220px;
}
.width-max-220-ion {
  --max-width: 220px;
  --width: 220px;
}

.height-44 {
  height: 44px;
}
.height-44::part(native) {
  height: 44px;
}
.height-44-percent {
  height: 44%;
}
.height-44-percent::part(native) {
  height: 44%;
}
.height-44-ion {
  --height: 44px;
}
.height-44-ion-percent {
  --height: 44%;
}
.height-min-44 {
  min-height: 44px;
  height: 44px;
}
.height-min-44-ion {
  --min-height: 44px;
  --height: 44px;
}
.height-max-44 {
  max-height: 44px;
  height: 44px;
}
.height-max-44-ion {
  --msx-height: 44px;
  --height: 44px;
}

.width-44 {
  width: 44px;
}
.width-44::part(native) {
  width: 44px;
}
.width-44-percent {
  width: 44%;
}
.width-44-percent::part(native) {
  width: 44%;
}
.width-44-ion {
  --width: 44px;
}
.width-44-ion-percent {
  --width: 44%;
}
.width-min-44 {
  min-width: 44px;
  width: 44px;
}
.width-min-44-ion {
  --min-width: 44px;
  --width: 44px;
}
.width-max-44 {
  max-width: 44px;
  width: 44px;
}
.width-max-44-ion {
  --max-width: 44px;
  --width: 44px;
}

.height-225 {
  height: 225px;
}
.height-225::part(native) {
  height: 225px;
}
.height-225-percent {
  height: 225%;
}
.height-225-percent::part(native) {
  height: 225%;
}
.height-225-ion {
  --height: 225px;
}
.height-225-ion-percent {
  --height: 225%;
}
.height-min-225 {
  min-height: 225px;
  height: 225px;
}
.height-min-225-ion {
  --min-height: 225px;
  --height: 225px;
}
.height-max-225 {
  max-height: 225px;
  height: 225px;
}
.height-max-225-ion {
  --msx-height: 225px;
  --height: 225px;
}

.width-225 {
  width: 225px;
}
.width-225::part(native) {
  width: 225px;
}
.width-225-percent {
  width: 225%;
}
.width-225-percent::part(native) {
  width: 225%;
}
.width-225-ion {
  --width: 225px;
}
.width-225-ion-percent {
  --width: 225%;
}
.width-min-225 {
  min-width: 225px;
  width: 225px;
}
.width-min-225-ion {
  --min-width: 225px;
  --width: 225px;
}
.width-max-225 {
  max-width: 225px;
  width: 225px;
}
.width-max-225-ion {
  --max-width: 225px;
  --width: 225px;
}

.height-45 {
  height: 45px;
}
.height-45::part(native) {
  height: 45px;
}
.height-45-percent {
  height: 45%;
}
.height-45-percent::part(native) {
  height: 45%;
}
.height-45-ion {
  --height: 45px;
}
.height-45-ion-percent {
  --height: 45%;
}
.height-min-45 {
  min-height: 45px;
  height: 45px;
}
.height-min-45-ion {
  --min-height: 45px;
  --height: 45px;
}
.height-max-45 {
  max-height: 45px;
  height: 45px;
}
.height-max-45-ion {
  --msx-height: 45px;
  --height: 45px;
}

.width-45 {
  width: 45px;
}
.width-45::part(native) {
  width: 45px;
}
.width-45-percent {
  width: 45%;
}
.width-45-percent::part(native) {
  width: 45%;
}
.width-45-ion {
  --width: 45px;
}
.width-45-ion-percent {
  --width: 45%;
}
.width-min-45 {
  min-width: 45px;
  width: 45px;
}
.width-min-45-ion {
  --min-width: 45px;
  --width: 45px;
}
.width-max-45 {
  max-width: 45px;
  width: 45px;
}
.width-max-45-ion {
  --max-width: 45px;
  --width: 45px;
}

.height-230 {
  height: 230px;
}
.height-230::part(native) {
  height: 230px;
}
.height-230-percent {
  height: 230%;
}
.height-230-percent::part(native) {
  height: 230%;
}
.height-230-ion {
  --height: 230px;
}
.height-230-ion-percent {
  --height: 230%;
}
.height-min-230 {
  min-height: 230px;
  height: 230px;
}
.height-min-230-ion {
  --min-height: 230px;
  --height: 230px;
}
.height-max-230 {
  max-height: 230px;
  height: 230px;
}
.height-max-230-ion {
  --msx-height: 230px;
  --height: 230px;
}

.width-230 {
  width: 230px;
}
.width-230::part(native) {
  width: 230px;
}
.width-230-percent {
  width: 230%;
}
.width-230-percent::part(native) {
  width: 230%;
}
.width-230-ion {
  --width: 230px;
}
.width-230-ion-percent {
  --width: 230%;
}
.width-min-230 {
  min-width: 230px;
  width: 230px;
}
.width-min-230-ion {
  --min-width: 230px;
  --width: 230px;
}
.width-max-230 {
  max-width: 230px;
  width: 230px;
}
.width-max-230-ion {
  --max-width: 230px;
  --width: 230px;
}

.height-46 {
  height: 46px;
}
.height-46::part(native) {
  height: 46px;
}
.height-46-percent {
  height: 46%;
}
.height-46-percent::part(native) {
  height: 46%;
}
.height-46-ion {
  --height: 46px;
}
.height-46-ion-percent {
  --height: 46%;
}
.height-min-46 {
  min-height: 46px;
  height: 46px;
}
.height-min-46-ion {
  --min-height: 46px;
  --height: 46px;
}
.height-max-46 {
  max-height: 46px;
  height: 46px;
}
.height-max-46-ion {
  --msx-height: 46px;
  --height: 46px;
}

.width-46 {
  width: 46px;
}
.width-46::part(native) {
  width: 46px;
}
.width-46-percent {
  width: 46%;
}
.width-46-percent::part(native) {
  width: 46%;
}
.width-46-ion {
  --width: 46px;
}
.width-46-ion-percent {
  --width: 46%;
}
.width-min-46 {
  min-width: 46px;
  width: 46px;
}
.width-min-46-ion {
  --min-width: 46px;
  --width: 46px;
}
.width-max-46 {
  max-width: 46px;
  width: 46px;
}
.width-max-46-ion {
  --max-width: 46px;
  --width: 46px;
}

.height-235 {
  height: 235px;
}
.height-235::part(native) {
  height: 235px;
}
.height-235-percent {
  height: 235%;
}
.height-235-percent::part(native) {
  height: 235%;
}
.height-235-ion {
  --height: 235px;
}
.height-235-ion-percent {
  --height: 235%;
}
.height-min-235 {
  min-height: 235px;
  height: 235px;
}
.height-min-235-ion {
  --min-height: 235px;
  --height: 235px;
}
.height-max-235 {
  max-height: 235px;
  height: 235px;
}
.height-max-235-ion {
  --msx-height: 235px;
  --height: 235px;
}

.width-235 {
  width: 235px;
}
.width-235::part(native) {
  width: 235px;
}
.width-235-percent {
  width: 235%;
}
.width-235-percent::part(native) {
  width: 235%;
}
.width-235-ion {
  --width: 235px;
}
.width-235-ion-percent {
  --width: 235%;
}
.width-min-235 {
  min-width: 235px;
  width: 235px;
}
.width-min-235-ion {
  --min-width: 235px;
  --width: 235px;
}
.width-max-235 {
  max-width: 235px;
  width: 235px;
}
.width-max-235-ion {
  --max-width: 235px;
  --width: 235px;
}

.height-47 {
  height: 47px;
}
.height-47::part(native) {
  height: 47px;
}
.height-47-percent {
  height: 47%;
}
.height-47-percent::part(native) {
  height: 47%;
}
.height-47-ion {
  --height: 47px;
}
.height-47-ion-percent {
  --height: 47%;
}
.height-min-47 {
  min-height: 47px;
  height: 47px;
}
.height-min-47-ion {
  --min-height: 47px;
  --height: 47px;
}
.height-max-47 {
  max-height: 47px;
  height: 47px;
}
.height-max-47-ion {
  --msx-height: 47px;
  --height: 47px;
}

.width-47 {
  width: 47px;
}
.width-47::part(native) {
  width: 47px;
}
.width-47-percent {
  width: 47%;
}
.width-47-percent::part(native) {
  width: 47%;
}
.width-47-ion {
  --width: 47px;
}
.width-47-ion-percent {
  --width: 47%;
}
.width-min-47 {
  min-width: 47px;
  width: 47px;
}
.width-min-47-ion {
  --min-width: 47px;
  --width: 47px;
}
.width-max-47 {
  max-width: 47px;
  width: 47px;
}
.width-max-47-ion {
  --max-width: 47px;
  --width: 47px;
}

.height-240 {
  height: 240px;
}
.height-240::part(native) {
  height: 240px;
}
.height-240-percent {
  height: 240%;
}
.height-240-percent::part(native) {
  height: 240%;
}
.height-240-ion {
  --height: 240px;
}
.height-240-ion-percent {
  --height: 240%;
}
.height-min-240 {
  min-height: 240px;
  height: 240px;
}
.height-min-240-ion {
  --min-height: 240px;
  --height: 240px;
}
.height-max-240 {
  max-height: 240px;
  height: 240px;
}
.height-max-240-ion {
  --msx-height: 240px;
  --height: 240px;
}

.width-240 {
  width: 240px;
}
.width-240::part(native) {
  width: 240px;
}
.width-240-percent {
  width: 240%;
}
.width-240-percent::part(native) {
  width: 240%;
}
.width-240-ion {
  --width: 240px;
}
.width-240-ion-percent {
  --width: 240%;
}
.width-min-240 {
  min-width: 240px;
  width: 240px;
}
.width-min-240-ion {
  --min-width: 240px;
  --width: 240px;
}
.width-max-240 {
  max-width: 240px;
  width: 240px;
}
.width-max-240-ion {
  --max-width: 240px;
  --width: 240px;
}

.height-48 {
  height: 48px;
}
.height-48::part(native) {
  height: 48px;
}
.height-48-percent {
  height: 48%;
}
.height-48-percent::part(native) {
  height: 48%;
}
.height-48-ion {
  --height: 48px;
}
.height-48-ion-percent {
  --height: 48%;
}
.height-min-48 {
  min-height: 48px;
  height: 48px;
}
.height-min-48-ion {
  --min-height: 48px;
  --height: 48px;
}
.height-max-48 {
  max-height: 48px;
  height: 48px;
}
.height-max-48-ion {
  --msx-height: 48px;
  --height: 48px;
}

.width-48 {
  width: 48px;
}
.width-48::part(native) {
  width: 48px;
}
.width-48-percent {
  width: 48%;
}
.width-48-percent::part(native) {
  width: 48%;
}
.width-48-ion {
  --width: 48px;
}
.width-48-ion-percent {
  --width: 48%;
}
.width-min-48 {
  min-width: 48px;
  width: 48px;
}
.width-min-48-ion {
  --min-width: 48px;
  --width: 48px;
}
.width-max-48 {
  max-width: 48px;
  width: 48px;
}
.width-max-48-ion {
  --max-width: 48px;
  --width: 48px;
}

.height-245 {
  height: 245px;
}
.height-245::part(native) {
  height: 245px;
}
.height-245-percent {
  height: 245%;
}
.height-245-percent::part(native) {
  height: 245%;
}
.height-245-ion {
  --height: 245px;
}
.height-245-ion-percent {
  --height: 245%;
}
.height-min-245 {
  min-height: 245px;
  height: 245px;
}
.height-min-245-ion {
  --min-height: 245px;
  --height: 245px;
}
.height-max-245 {
  max-height: 245px;
  height: 245px;
}
.height-max-245-ion {
  --msx-height: 245px;
  --height: 245px;
}

.width-245 {
  width: 245px;
}
.width-245::part(native) {
  width: 245px;
}
.width-245-percent {
  width: 245%;
}
.width-245-percent::part(native) {
  width: 245%;
}
.width-245-ion {
  --width: 245px;
}
.width-245-ion-percent {
  --width: 245%;
}
.width-min-245 {
  min-width: 245px;
  width: 245px;
}
.width-min-245-ion {
  --min-width: 245px;
  --width: 245px;
}
.width-max-245 {
  max-width: 245px;
  width: 245px;
}
.width-max-245-ion {
  --max-width: 245px;
  --width: 245px;
}

.height-49 {
  height: 49px;
}
.height-49::part(native) {
  height: 49px;
}
.height-49-percent {
  height: 49%;
}
.height-49-percent::part(native) {
  height: 49%;
}
.height-49-ion {
  --height: 49px;
}
.height-49-ion-percent {
  --height: 49%;
}
.height-min-49 {
  min-height: 49px;
  height: 49px;
}
.height-min-49-ion {
  --min-height: 49px;
  --height: 49px;
}
.height-max-49 {
  max-height: 49px;
  height: 49px;
}
.height-max-49-ion {
  --msx-height: 49px;
  --height: 49px;
}

.width-49 {
  width: 49px;
}
.width-49::part(native) {
  width: 49px;
}
.width-49-percent {
  width: 49%;
}
.width-49-percent::part(native) {
  width: 49%;
}
.width-49-ion {
  --width: 49px;
}
.width-49-ion-percent {
  --width: 49%;
}
.width-min-49 {
  min-width: 49px;
  width: 49px;
}
.width-min-49-ion {
  --min-width: 49px;
  --width: 49px;
}
.width-max-49 {
  max-width: 49px;
  width: 49px;
}
.width-max-49-ion {
  --max-width: 49px;
  --width: 49px;
}

.height-250 {
  height: 250px;
}
.height-250::part(native) {
  height: 250px;
}
.height-250-percent {
  height: 250%;
}
.height-250-percent::part(native) {
  height: 250%;
}
.height-250-ion {
  --height: 250px;
}
.height-250-ion-percent {
  --height: 250%;
}
.height-min-250 {
  min-height: 250px;
  height: 250px;
}
.height-min-250-ion {
  --min-height: 250px;
  --height: 250px;
}
.height-max-250 {
  max-height: 250px;
  height: 250px;
}
.height-max-250-ion {
  --msx-height: 250px;
  --height: 250px;
}

.width-250 {
  width: 250px;
}
.width-250::part(native) {
  width: 250px;
}
.width-250-percent {
  width: 250%;
}
.width-250-percent::part(native) {
  width: 250%;
}
.width-250-ion {
  --width: 250px;
}
.width-250-ion-percent {
  --width: 250%;
}
.width-min-250 {
  min-width: 250px;
  width: 250px;
}
.width-min-250-ion {
  --min-width: 250px;
  --width: 250px;
}
.width-max-250 {
  max-width: 250px;
  width: 250px;
}
.width-max-250-ion {
  --max-width: 250px;
  --width: 250px;
}

.height-50 {
  height: 50px;
}
.height-50::part(native) {
  height: 50px;
}
.height-50-percent {
  height: 50%;
}
.height-50-percent::part(native) {
  height: 50%;
}
.height-50-ion {
  --height: 50px;
}
.height-50-ion-percent {
  --height: 50%;
}
.height-min-50 {
  min-height: 50px;
  height: 50px;
}
.height-min-50-ion {
  --min-height: 50px;
  --height: 50px;
}
.height-max-50 {
  max-height: 50px;
  height: 50px;
}
.height-max-50-ion {
  --msx-height: 50px;
  --height: 50px;
}

.width-50 {
  width: 50px;
}
.width-50::part(native) {
  width: 50px;
}
.width-50-percent {
  width: 50%;
}
.width-50-percent::part(native) {
  width: 50%;
}
.width-50-ion {
  --width: 50px;
}
.width-50-ion-percent {
  --width: 50%;
}
.width-min-50 {
  min-width: 50px;
  width: 50px;
}
.width-min-50-ion {
  --min-width: 50px;
  --width: 50px;
}
.width-max-50 {
  max-width: 50px;
  width: 50px;
}
.width-max-50-ion {
  --max-width: 50px;
  --width: 50px;
}

.height-255 {
  height: 255px;
}
.height-255::part(native) {
  height: 255px;
}
.height-255-percent {
  height: 255%;
}
.height-255-percent::part(native) {
  height: 255%;
}
.height-255-ion {
  --height: 255px;
}
.height-255-ion-percent {
  --height: 255%;
}
.height-min-255 {
  min-height: 255px;
  height: 255px;
}
.height-min-255-ion {
  --min-height: 255px;
  --height: 255px;
}
.height-max-255 {
  max-height: 255px;
  height: 255px;
}
.height-max-255-ion {
  --msx-height: 255px;
  --height: 255px;
}

.width-255 {
  width: 255px;
}
.width-255::part(native) {
  width: 255px;
}
.width-255-percent {
  width: 255%;
}
.width-255-percent::part(native) {
  width: 255%;
}
.width-255-ion {
  --width: 255px;
}
.width-255-ion-percent {
  --width: 255%;
}
.width-min-255 {
  min-width: 255px;
  width: 255px;
}
.width-min-255-ion {
  --min-width: 255px;
  --width: 255px;
}
.width-max-255 {
  max-width: 255px;
  width: 255px;
}
.width-max-255-ion {
  --max-width: 255px;
  --width: 255px;
}

.height-51 {
  height: 51px;
}
.height-51::part(native) {
  height: 51px;
}
.height-51-percent {
  height: 51%;
}
.height-51-percent::part(native) {
  height: 51%;
}
.height-51-ion {
  --height: 51px;
}
.height-51-ion-percent {
  --height: 51%;
}
.height-min-51 {
  min-height: 51px;
  height: 51px;
}
.height-min-51-ion {
  --min-height: 51px;
  --height: 51px;
}
.height-max-51 {
  max-height: 51px;
  height: 51px;
}
.height-max-51-ion {
  --msx-height: 51px;
  --height: 51px;
}

.width-51 {
  width: 51px;
}
.width-51::part(native) {
  width: 51px;
}
.width-51-percent {
  width: 51%;
}
.width-51-percent::part(native) {
  width: 51%;
}
.width-51-ion {
  --width: 51px;
}
.width-51-ion-percent {
  --width: 51%;
}
.width-min-51 {
  min-width: 51px;
  width: 51px;
}
.width-min-51-ion {
  --min-width: 51px;
  --width: 51px;
}
.width-max-51 {
  max-width: 51px;
  width: 51px;
}
.width-max-51-ion {
  --max-width: 51px;
  --width: 51px;
}

.height-260 {
  height: 260px;
}
.height-260::part(native) {
  height: 260px;
}
.height-260-percent {
  height: 260%;
}
.height-260-percent::part(native) {
  height: 260%;
}
.height-260-ion {
  --height: 260px;
}
.height-260-ion-percent {
  --height: 260%;
}
.height-min-260 {
  min-height: 260px;
  height: 260px;
}
.height-min-260-ion {
  --min-height: 260px;
  --height: 260px;
}
.height-max-260 {
  max-height: 260px;
  height: 260px;
}
.height-max-260-ion {
  --msx-height: 260px;
  --height: 260px;
}

.width-260 {
  width: 260px;
}
.width-260::part(native) {
  width: 260px;
}
.width-260-percent {
  width: 260%;
}
.width-260-percent::part(native) {
  width: 260%;
}
.width-260-ion {
  --width: 260px;
}
.width-260-ion-percent {
  --width: 260%;
}
.width-min-260 {
  min-width: 260px;
  width: 260px;
}
.width-min-260-ion {
  --min-width: 260px;
  --width: 260px;
}
.width-max-260 {
  max-width: 260px;
  width: 260px;
}
.width-max-260-ion {
  --max-width: 260px;
  --width: 260px;
}

.height-52 {
  height: 52px;
}
.height-52::part(native) {
  height: 52px;
}
.height-52-percent {
  height: 52%;
}
.height-52-percent::part(native) {
  height: 52%;
}
.height-52-ion {
  --height: 52px;
}
.height-52-ion-percent {
  --height: 52%;
}
.height-min-52 {
  min-height: 52px;
  height: 52px;
}
.height-min-52-ion {
  --min-height: 52px;
  --height: 52px;
}
.height-max-52 {
  max-height: 52px;
  height: 52px;
}
.height-max-52-ion {
  --msx-height: 52px;
  --height: 52px;
}

.width-52 {
  width: 52px;
}
.width-52::part(native) {
  width: 52px;
}
.width-52-percent {
  width: 52%;
}
.width-52-percent::part(native) {
  width: 52%;
}
.width-52-ion {
  --width: 52px;
}
.width-52-ion-percent {
  --width: 52%;
}
.width-min-52 {
  min-width: 52px;
  width: 52px;
}
.width-min-52-ion {
  --min-width: 52px;
  --width: 52px;
}
.width-max-52 {
  max-width: 52px;
  width: 52px;
}
.width-max-52-ion {
  --max-width: 52px;
  --width: 52px;
}

.height-265 {
  height: 265px;
}
.height-265::part(native) {
  height: 265px;
}
.height-265-percent {
  height: 265%;
}
.height-265-percent::part(native) {
  height: 265%;
}
.height-265-ion {
  --height: 265px;
}
.height-265-ion-percent {
  --height: 265%;
}
.height-min-265 {
  min-height: 265px;
  height: 265px;
}
.height-min-265-ion {
  --min-height: 265px;
  --height: 265px;
}
.height-max-265 {
  max-height: 265px;
  height: 265px;
}
.height-max-265-ion {
  --msx-height: 265px;
  --height: 265px;
}

.width-265 {
  width: 265px;
}
.width-265::part(native) {
  width: 265px;
}
.width-265-percent {
  width: 265%;
}
.width-265-percent::part(native) {
  width: 265%;
}
.width-265-ion {
  --width: 265px;
}
.width-265-ion-percent {
  --width: 265%;
}
.width-min-265 {
  min-width: 265px;
  width: 265px;
}
.width-min-265-ion {
  --min-width: 265px;
  --width: 265px;
}
.width-max-265 {
  max-width: 265px;
  width: 265px;
}
.width-max-265-ion {
  --max-width: 265px;
  --width: 265px;
}

.height-53 {
  height: 53px;
}
.height-53::part(native) {
  height: 53px;
}
.height-53-percent {
  height: 53%;
}
.height-53-percent::part(native) {
  height: 53%;
}
.height-53-ion {
  --height: 53px;
}
.height-53-ion-percent {
  --height: 53%;
}
.height-min-53 {
  min-height: 53px;
  height: 53px;
}
.height-min-53-ion {
  --min-height: 53px;
  --height: 53px;
}
.height-max-53 {
  max-height: 53px;
  height: 53px;
}
.height-max-53-ion {
  --msx-height: 53px;
  --height: 53px;
}

.width-53 {
  width: 53px;
}
.width-53::part(native) {
  width: 53px;
}
.width-53-percent {
  width: 53%;
}
.width-53-percent::part(native) {
  width: 53%;
}
.width-53-ion {
  --width: 53px;
}
.width-53-ion-percent {
  --width: 53%;
}
.width-min-53 {
  min-width: 53px;
  width: 53px;
}
.width-min-53-ion {
  --min-width: 53px;
  --width: 53px;
}
.width-max-53 {
  max-width: 53px;
  width: 53px;
}
.width-max-53-ion {
  --max-width: 53px;
  --width: 53px;
}

.height-270 {
  height: 270px;
}
.height-270::part(native) {
  height: 270px;
}
.height-270-percent {
  height: 270%;
}
.height-270-percent::part(native) {
  height: 270%;
}
.height-270-ion {
  --height: 270px;
}
.height-270-ion-percent {
  --height: 270%;
}
.height-min-270 {
  min-height: 270px;
  height: 270px;
}
.height-min-270-ion {
  --min-height: 270px;
  --height: 270px;
}
.height-max-270 {
  max-height: 270px;
  height: 270px;
}
.height-max-270-ion {
  --msx-height: 270px;
  --height: 270px;
}

.width-270 {
  width: 270px;
}
.width-270::part(native) {
  width: 270px;
}
.width-270-percent {
  width: 270%;
}
.width-270-percent::part(native) {
  width: 270%;
}
.width-270-ion {
  --width: 270px;
}
.width-270-ion-percent {
  --width: 270%;
}
.width-min-270 {
  min-width: 270px;
  width: 270px;
}
.width-min-270-ion {
  --min-width: 270px;
  --width: 270px;
}
.width-max-270 {
  max-width: 270px;
  width: 270px;
}
.width-max-270-ion {
  --max-width: 270px;
  --width: 270px;
}

.height-54 {
  height: 54px;
}
.height-54::part(native) {
  height: 54px;
}
.height-54-percent {
  height: 54%;
}
.height-54-percent::part(native) {
  height: 54%;
}
.height-54-ion {
  --height: 54px;
}
.height-54-ion-percent {
  --height: 54%;
}
.height-min-54 {
  min-height: 54px;
  height: 54px;
}
.height-min-54-ion {
  --min-height: 54px;
  --height: 54px;
}
.height-max-54 {
  max-height: 54px;
  height: 54px;
}
.height-max-54-ion {
  --msx-height: 54px;
  --height: 54px;
}

.width-54 {
  width: 54px;
}
.width-54::part(native) {
  width: 54px;
}
.width-54-percent {
  width: 54%;
}
.width-54-percent::part(native) {
  width: 54%;
}
.width-54-ion {
  --width: 54px;
}
.width-54-ion-percent {
  --width: 54%;
}
.width-min-54 {
  min-width: 54px;
  width: 54px;
}
.width-min-54-ion {
  --min-width: 54px;
  --width: 54px;
}
.width-max-54 {
  max-width: 54px;
  width: 54px;
}
.width-max-54-ion {
  --max-width: 54px;
  --width: 54px;
}

.height-275 {
  height: 275px;
}
.height-275::part(native) {
  height: 275px;
}
.height-275-percent {
  height: 275%;
}
.height-275-percent::part(native) {
  height: 275%;
}
.height-275-ion {
  --height: 275px;
}
.height-275-ion-percent {
  --height: 275%;
}
.height-min-275 {
  min-height: 275px;
  height: 275px;
}
.height-min-275-ion {
  --min-height: 275px;
  --height: 275px;
}
.height-max-275 {
  max-height: 275px;
  height: 275px;
}
.height-max-275-ion {
  --msx-height: 275px;
  --height: 275px;
}

.width-275 {
  width: 275px;
}
.width-275::part(native) {
  width: 275px;
}
.width-275-percent {
  width: 275%;
}
.width-275-percent::part(native) {
  width: 275%;
}
.width-275-ion {
  --width: 275px;
}
.width-275-ion-percent {
  --width: 275%;
}
.width-min-275 {
  min-width: 275px;
  width: 275px;
}
.width-min-275-ion {
  --min-width: 275px;
  --width: 275px;
}
.width-max-275 {
  max-width: 275px;
  width: 275px;
}
.width-max-275-ion {
  --max-width: 275px;
  --width: 275px;
}

.height-55 {
  height: 55px;
}
.height-55::part(native) {
  height: 55px;
}
.height-55-percent {
  height: 55%;
}
.height-55-percent::part(native) {
  height: 55%;
}
.height-55-ion {
  --height: 55px;
}
.height-55-ion-percent {
  --height: 55%;
}
.height-min-55 {
  min-height: 55px;
  height: 55px;
}
.height-min-55-ion {
  --min-height: 55px;
  --height: 55px;
}
.height-max-55 {
  max-height: 55px;
  height: 55px;
}
.height-max-55-ion {
  --msx-height: 55px;
  --height: 55px;
}

.width-55 {
  width: 55px;
}
.width-55::part(native) {
  width: 55px;
}
.width-55-percent {
  width: 55%;
}
.width-55-percent::part(native) {
  width: 55%;
}
.width-55-ion {
  --width: 55px;
}
.width-55-ion-percent {
  --width: 55%;
}
.width-min-55 {
  min-width: 55px;
  width: 55px;
}
.width-min-55-ion {
  --min-width: 55px;
  --width: 55px;
}
.width-max-55 {
  max-width: 55px;
  width: 55px;
}
.width-max-55-ion {
  --max-width: 55px;
  --width: 55px;
}

.height-280 {
  height: 280px;
}
.height-280::part(native) {
  height: 280px;
}
.height-280-percent {
  height: 280%;
}
.height-280-percent::part(native) {
  height: 280%;
}
.height-280-ion {
  --height: 280px;
}
.height-280-ion-percent {
  --height: 280%;
}
.height-min-280 {
  min-height: 280px;
  height: 280px;
}
.height-min-280-ion {
  --min-height: 280px;
  --height: 280px;
}
.height-max-280 {
  max-height: 280px;
  height: 280px;
}
.height-max-280-ion {
  --msx-height: 280px;
  --height: 280px;
}

.width-280 {
  width: 280px;
}
.width-280::part(native) {
  width: 280px;
}
.width-280-percent {
  width: 280%;
}
.width-280-percent::part(native) {
  width: 280%;
}
.width-280-ion {
  --width: 280px;
}
.width-280-ion-percent {
  --width: 280%;
}
.width-min-280 {
  min-width: 280px;
  width: 280px;
}
.width-min-280-ion {
  --min-width: 280px;
  --width: 280px;
}
.width-max-280 {
  max-width: 280px;
  width: 280px;
}
.width-max-280-ion {
  --max-width: 280px;
  --width: 280px;
}

.height-56 {
  height: 56px;
}
.height-56::part(native) {
  height: 56px;
}
.height-56-percent {
  height: 56%;
}
.height-56-percent::part(native) {
  height: 56%;
}
.height-56-ion {
  --height: 56px;
}
.height-56-ion-percent {
  --height: 56%;
}
.height-min-56 {
  min-height: 56px;
  height: 56px;
}
.height-min-56-ion {
  --min-height: 56px;
  --height: 56px;
}
.height-max-56 {
  max-height: 56px;
  height: 56px;
}
.height-max-56-ion {
  --msx-height: 56px;
  --height: 56px;
}

.width-56 {
  width: 56px;
}
.width-56::part(native) {
  width: 56px;
}
.width-56-percent {
  width: 56%;
}
.width-56-percent::part(native) {
  width: 56%;
}
.width-56-ion {
  --width: 56px;
}
.width-56-ion-percent {
  --width: 56%;
}
.width-min-56 {
  min-width: 56px;
  width: 56px;
}
.width-min-56-ion {
  --min-width: 56px;
  --width: 56px;
}
.width-max-56 {
  max-width: 56px;
  width: 56px;
}
.width-max-56-ion {
  --max-width: 56px;
  --width: 56px;
}

.height-285 {
  height: 285px;
}
.height-285::part(native) {
  height: 285px;
}
.height-285-percent {
  height: 285%;
}
.height-285-percent::part(native) {
  height: 285%;
}
.height-285-ion {
  --height: 285px;
}
.height-285-ion-percent {
  --height: 285%;
}
.height-min-285 {
  min-height: 285px;
  height: 285px;
}
.height-min-285-ion {
  --min-height: 285px;
  --height: 285px;
}
.height-max-285 {
  max-height: 285px;
  height: 285px;
}
.height-max-285-ion {
  --msx-height: 285px;
  --height: 285px;
}

.width-285 {
  width: 285px;
}
.width-285::part(native) {
  width: 285px;
}
.width-285-percent {
  width: 285%;
}
.width-285-percent::part(native) {
  width: 285%;
}
.width-285-ion {
  --width: 285px;
}
.width-285-ion-percent {
  --width: 285%;
}
.width-min-285 {
  min-width: 285px;
  width: 285px;
}
.width-min-285-ion {
  --min-width: 285px;
  --width: 285px;
}
.width-max-285 {
  max-width: 285px;
  width: 285px;
}
.width-max-285-ion {
  --max-width: 285px;
  --width: 285px;
}

.height-57 {
  height: 57px;
}
.height-57::part(native) {
  height: 57px;
}
.height-57-percent {
  height: 57%;
}
.height-57-percent::part(native) {
  height: 57%;
}
.height-57-ion {
  --height: 57px;
}
.height-57-ion-percent {
  --height: 57%;
}
.height-min-57 {
  min-height: 57px;
  height: 57px;
}
.height-min-57-ion {
  --min-height: 57px;
  --height: 57px;
}
.height-max-57 {
  max-height: 57px;
  height: 57px;
}
.height-max-57-ion {
  --msx-height: 57px;
  --height: 57px;
}

.width-57 {
  width: 57px;
}
.width-57::part(native) {
  width: 57px;
}
.width-57-percent {
  width: 57%;
}
.width-57-percent::part(native) {
  width: 57%;
}
.width-57-ion {
  --width: 57px;
}
.width-57-ion-percent {
  --width: 57%;
}
.width-min-57 {
  min-width: 57px;
  width: 57px;
}
.width-min-57-ion {
  --min-width: 57px;
  --width: 57px;
}
.width-max-57 {
  max-width: 57px;
  width: 57px;
}
.width-max-57-ion {
  --max-width: 57px;
  --width: 57px;
}

.height-290 {
  height: 290px;
}
.height-290::part(native) {
  height: 290px;
}
.height-290-percent {
  height: 290%;
}
.height-290-percent::part(native) {
  height: 290%;
}
.height-290-ion {
  --height: 290px;
}
.height-290-ion-percent {
  --height: 290%;
}
.height-min-290 {
  min-height: 290px;
  height: 290px;
}
.height-min-290-ion {
  --min-height: 290px;
  --height: 290px;
}
.height-max-290 {
  max-height: 290px;
  height: 290px;
}
.height-max-290-ion {
  --msx-height: 290px;
  --height: 290px;
}

.width-290 {
  width: 290px;
}
.width-290::part(native) {
  width: 290px;
}
.width-290-percent {
  width: 290%;
}
.width-290-percent::part(native) {
  width: 290%;
}
.width-290-ion {
  --width: 290px;
}
.width-290-ion-percent {
  --width: 290%;
}
.width-min-290 {
  min-width: 290px;
  width: 290px;
}
.width-min-290-ion {
  --min-width: 290px;
  --width: 290px;
}
.width-max-290 {
  max-width: 290px;
  width: 290px;
}
.width-max-290-ion {
  --max-width: 290px;
  --width: 290px;
}

.height-58 {
  height: 58px;
}
.height-58::part(native) {
  height: 58px;
}
.height-58-percent {
  height: 58%;
}
.height-58-percent::part(native) {
  height: 58%;
}
.height-58-ion {
  --height: 58px;
}
.height-58-ion-percent {
  --height: 58%;
}
.height-min-58 {
  min-height: 58px;
  height: 58px;
}
.height-min-58-ion {
  --min-height: 58px;
  --height: 58px;
}
.height-max-58 {
  max-height: 58px;
  height: 58px;
}
.height-max-58-ion {
  --msx-height: 58px;
  --height: 58px;
}

.width-58 {
  width: 58px;
}
.width-58::part(native) {
  width: 58px;
}
.width-58-percent {
  width: 58%;
}
.width-58-percent::part(native) {
  width: 58%;
}
.width-58-ion {
  --width: 58px;
}
.width-58-ion-percent {
  --width: 58%;
}
.width-min-58 {
  min-width: 58px;
  width: 58px;
}
.width-min-58-ion {
  --min-width: 58px;
  --width: 58px;
}
.width-max-58 {
  max-width: 58px;
  width: 58px;
}
.width-max-58-ion {
  --max-width: 58px;
  --width: 58px;
}

.height-295 {
  height: 295px;
}
.height-295::part(native) {
  height: 295px;
}
.height-295-percent {
  height: 295%;
}
.height-295-percent::part(native) {
  height: 295%;
}
.height-295-ion {
  --height: 295px;
}
.height-295-ion-percent {
  --height: 295%;
}
.height-min-295 {
  min-height: 295px;
  height: 295px;
}
.height-min-295-ion {
  --min-height: 295px;
  --height: 295px;
}
.height-max-295 {
  max-height: 295px;
  height: 295px;
}
.height-max-295-ion {
  --msx-height: 295px;
  --height: 295px;
}

.width-295 {
  width: 295px;
}
.width-295::part(native) {
  width: 295px;
}
.width-295-percent {
  width: 295%;
}
.width-295-percent::part(native) {
  width: 295%;
}
.width-295-ion {
  --width: 295px;
}
.width-295-ion-percent {
  --width: 295%;
}
.width-min-295 {
  min-width: 295px;
  width: 295px;
}
.width-min-295-ion {
  --min-width: 295px;
  --width: 295px;
}
.width-max-295 {
  max-width: 295px;
  width: 295px;
}
.width-max-295-ion {
  --max-width: 295px;
  --width: 295px;
}

.height-59 {
  height: 59px;
}
.height-59::part(native) {
  height: 59px;
}
.height-59-percent {
  height: 59%;
}
.height-59-percent::part(native) {
  height: 59%;
}
.height-59-ion {
  --height: 59px;
}
.height-59-ion-percent {
  --height: 59%;
}
.height-min-59 {
  min-height: 59px;
  height: 59px;
}
.height-min-59-ion {
  --min-height: 59px;
  --height: 59px;
}
.height-max-59 {
  max-height: 59px;
  height: 59px;
}
.height-max-59-ion {
  --msx-height: 59px;
  --height: 59px;
}

.width-59 {
  width: 59px;
}
.width-59::part(native) {
  width: 59px;
}
.width-59-percent {
  width: 59%;
}
.width-59-percent::part(native) {
  width: 59%;
}
.width-59-ion {
  --width: 59px;
}
.width-59-ion-percent {
  --width: 59%;
}
.width-min-59 {
  min-width: 59px;
  width: 59px;
}
.width-min-59-ion {
  --min-width: 59px;
  --width: 59px;
}
.width-max-59 {
  max-width: 59px;
  width: 59px;
}
.width-max-59-ion {
  --max-width: 59px;
  --width: 59px;
}

.height-300 {
  height: 300px;
}
.height-300::part(native) {
  height: 300px;
}
.height-300-percent {
  height: 300%;
}
.height-300-percent::part(native) {
  height: 300%;
}
.height-300-ion {
  --height: 300px;
}
.height-300-ion-percent {
  --height: 300%;
}
.height-min-300 {
  min-height: 300px;
  height: 300px;
}
.height-min-300-ion {
  --min-height: 300px;
  --height: 300px;
}
.height-max-300 {
  max-height: 300px;
  height: 300px;
}
.height-max-300-ion {
  --msx-height: 300px;
  --height: 300px;
}

.width-300 {
  width: 300px;
}
.width-300::part(native) {
  width: 300px;
}
.width-300-percent {
  width: 300%;
}
.width-300-percent::part(native) {
  width: 300%;
}
.width-300-ion {
  --width: 300px;
}
.width-300-ion-percent {
  --width: 300%;
}
.width-min-300 {
  min-width: 300px;
  width: 300px;
}
.width-min-300-ion {
  --min-width: 300px;
  --width: 300px;
}
.width-max-300 {
  max-width: 300px;
  width: 300px;
}
.width-max-300-ion {
  --max-width: 300px;
  --width: 300px;
}

.height-60 {
  height: 60px;
}
.height-60::part(native) {
  height: 60px;
}
.height-60-percent {
  height: 60%;
}
.height-60-percent::part(native) {
  height: 60%;
}
.height-60-ion {
  --height: 60px;
}
.height-60-ion-percent {
  --height: 60%;
}
.height-min-60 {
  min-height: 60px;
  height: 60px;
}
.height-min-60-ion {
  --min-height: 60px;
  --height: 60px;
}
.height-max-60 {
  max-height: 60px;
  height: 60px;
}
.height-max-60-ion {
  --msx-height: 60px;
  --height: 60px;
}

.width-60 {
  width: 60px;
}
.width-60::part(native) {
  width: 60px;
}
.width-60-percent {
  width: 60%;
}
.width-60-percent::part(native) {
  width: 60%;
}
.width-60-ion {
  --width: 60px;
}
.width-60-ion-percent {
  --width: 60%;
}
.width-min-60 {
  min-width: 60px;
  width: 60px;
}
.width-min-60-ion {
  --min-width: 60px;
  --width: 60px;
}
.width-max-60 {
  max-width: 60px;
  width: 60px;
}
.width-max-60-ion {
  --max-width: 60px;
  --width: 60px;
}

.height-305 {
  height: 305px;
}
.height-305::part(native) {
  height: 305px;
}
.height-305-percent {
  height: 305%;
}
.height-305-percent::part(native) {
  height: 305%;
}
.height-305-ion {
  --height: 305px;
}
.height-305-ion-percent {
  --height: 305%;
}
.height-min-305 {
  min-height: 305px;
  height: 305px;
}
.height-min-305-ion {
  --min-height: 305px;
  --height: 305px;
}
.height-max-305 {
  max-height: 305px;
  height: 305px;
}
.height-max-305-ion {
  --msx-height: 305px;
  --height: 305px;
}

.width-305 {
  width: 305px;
}
.width-305::part(native) {
  width: 305px;
}
.width-305-percent {
  width: 305%;
}
.width-305-percent::part(native) {
  width: 305%;
}
.width-305-ion {
  --width: 305px;
}
.width-305-ion-percent {
  --width: 305%;
}
.width-min-305 {
  min-width: 305px;
  width: 305px;
}
.width-min-305-ion {
  --min-width: 305px;
  --width: 305px;
}
.width-max-305 {
  max-width: 305px;
  width: 305px;
}
.width-max-305-ion {
  --max-width: 305px;
  --width: 305px;
}

.height-61 {
  height: 61px;
}
.height-61::part(native) {
  height: 61px;
}
.height-61-percent {
  height: 61%;
}
.height-61-percent::part(native) {
  height: 61%;
}
.height-61-ion {
  --height: 61px;
}
.height-61-ion-percent {
  --height: 61%;
}
.height-min-61 {
  min-height: 61px;
  height: 61px;
}
.height-min-61-ion {
  --min-height: 61px;
  --height: 61px;
}
.height-max-61 {
  max-height: 61px;
  height: 61px;
}
.height-max-61-ion {
  --msx-height: 61px;
  --height: 61px;
}

.width-61 {
  width: 61px;
}
.width-61::part(native) {
  width: 61px;
}
.width-61-percent {
  width: 61%;
}
.width-61-percent::part(native) {
  width: 61%;
}
.width-61-ion {
  --width: 61px;
}
.width-61-ion-percent {
  --width: 61%;
}
.width-min-61 {
  min-width: 61px;
  width: 61px;
}
.width-min-61-ion {
  --min-width: 61px;
  --width: 61px;
}
.width-max-61 {
  max-width: 61px;
  width: 61px;
}
.width-max-61-ion {
  --max-width: 61px;
  --width: 61px;
}

.height-310 {
  height: 310px;
}
.height-310::part(native) {
  height: 310px;
}
.height-310-percent {
  height: 310%;
}
.height-310-percent::part(native) {
  height: 310%;
}
.height-310-ion {
  --height: 310px;
}
.height-310-ion-percent {
  --height: 310%;
}
.height-min-310 {
  min-height: 310px;
  height: 310px;
}
.height-min-310-ion {
  --min-height: 310px;
  --height: 310px;
}
.height-max-310 {
  max-height: 310px;
  height: 310px;
}
.height-max-310-ion {
  --msx-height: 310px;
  --height: 310px;
}

.width-310 {
  width: 310px;
}
.width-310::part(native) {
  width: 310px;
}
.width-310-percent {
  width: 310%;
}
.width-310-percent::part(native) {
  width: 310%;
}
.width-310-ion {
  --width: 310px;
}
.width-310-ion-percent {
  --width: 310%;
}
.width-min-310 {
  min-width: 310px;
  width: 310px;
}
.width-min-310-ion {
  --min-width: 310px;
  --width: 310px;
}
.width-max-310 {
  max-width: 310px;
  width: 310px;
}
.width-max-310-ion {
  --max-width: 310px;
  --width: 310px;
}

.height-62 {
  height: 62px;
}
.height-62::part(native) {
  height: 62px;
}
.height-62-percent {
  height: 62%;
}
.height-62-percent::part(native) {
  height: 62%;
}
.height-62-ion {
  --height: 62px;
}
.height-62-ion-percent {
  --height: 62%;
}
.height-min-62 {
  min-height: 62px;
  height: 62px;
}
.height-min-62-ion {
  --min-height: 62px;
  --height: 62px;
}
.height-max-62 {
  max-height: 62px;
  height: 62px;
}
.height-max-62-ion {
  --msx-height: 62px;
  --height: 62px;
}

.width-62 {
  width: 62px;
}
.width-62::part(native) {
  width: 62px;
}
.width-62-percent {
  width: 62%;
}
.width-62-percent::part(native) {
  width: 62%;
}
.width-62-ion {
  --width: 62px;
}
.width-62-ion-percent {
  --width: 62%;
}
.width-min-62 {
  min-width: 62px;
  width: 62px;
}
.width-min-62-ion {
  --min-width: 62px;
  --width: 62px;
}
.width-max-62 {
  max-width: 62px;
  width: 62px;
}
.width-max-62-ion {
  --max-width: 62px;
  --width: 62px;
}

.height-315 {
  height: 315px;
}
.height-315::part(native) {
  height: 315px;
}
.height-315-percent {
  height: 315%;
}
.height-315-percent::part(native) {
  height: 315%;
}
.height-315-ion {
  --height: 315px;
}
.height-315-ion-percent {
  --height: 315%;
}
.height-min-315 {
  min-height: 315px;
  height: 315px;
}
.height-min-315-ion {
  --min-height: 315px;
  --height: 315px;
}
.height-max-315 {
  max-height: 315px;
  height: 315px;
}
.height-max-315-ion {
  --msx-height: 315px;
  --height: 315px;
}

.width-315 {
  width: 315px;
}
.width-315::part(native) {
  width: 315px;
}
.width-315-percent {
  width: 315%;
}
.width-315-percent::part(native) {
  width: 315%;
}
.width-315-ion {
  --width: 315px;
}
.width-315-ion-percent {
  --width: 315%;
}
.width-min-315 {
  min-width: 315px;
  width: 315px;
}
.width-min-315-ion {
  --min-width: 315px;
  --width: 315px;
}
.width-max-315 {
  max-width: 315px;
  width: 315px;
}
.width-max-315-ion {
  --max-width: 315px;
  --width: 315px;
}

.height-63 {
  height: 63px;
}
.height-63::part(native) {
  height: 63px;
}
.height-63-percent {
  height: 63%;
}
.height-63-percent::part(native) {
  height: 63%;
}
.height-63-ion {
  --height: 63px;
}
.height-63-ion-percent {
  --height: 63%;
}
.height-min-63 {
  min-height: 63px;
  height: 63px;
}
.height-min-63-ion {
  --min-height: 63px;
  --height: 63px;
}
.height-max-63 {
  max-height: 63px;
  height: 63px;
}
.height-max-63-ion {
  --msx-height: 63px;
  --height: 63px;
}

.width-63 {
  width: 63px;
}
.width-63::part(native) {
  width: 63px;
}
.width-63-percent {
  width: 63%;
}
.width-63-percent::part(native) {
  width: 63%;
}
.width-63-ion {
  --width: 63px;
}
.width-63-ion-percent {
  --width: 63%;
}
.width-min-63 {
  min-width: 63px;
  width: 63px;
}
.width-min-63-ion {
  --min-width: 63px;
  --width: 63px;
}
.width-max-63 {
  max-width: 63px;
  width: 63px;
}
.width-max-63-ion {
  --max-width: 63px;
  --width: 63px;
}

.height-320 {
  height: 320px;
}
.height-320::part(native) {
  height: 320px;
}
.height-320-percent {
  height: 320%;
}
.height-320-percent::part(native) {
  height: 320%;
}
.height-320-ion {
  --height: 320px;
}
.height-320-ion-percent {
  --height: 320%;
}
.height-min-320 {
  min-height: 320px;
  height: 320px;
}
.height-min-320-ion {
  --min-height: 320px;
  --height: 320px;
}
.height-max-320 {
  max-height: 320px;
  height: 320px;
}
.height-max-320-ion {
  --msx-height: 320px;
  --height: 320px;
}

.width-320 {
  width: 320px;
}
.width-320::part(native) {
  width: 320px;
}
.width-320-percent {
  width: 320%;
}
.width-320-percent::part(native) {
  width: 320%;
}
.width-320-ion {
  --width: 320px;
}
.width-320-ion-percent {
  --width: 320%;
}
.width-min-320 {
  min-width: 320px;
  width: 320px;
}
.width-min-320-ion {
  --min-width: 320px;
  --width: 320px;
}
.width-max-320 {
  max-width: 320px;
  width: 320px;
}
.width-max-320-ion {
  --max-width: 320px;
  --width: 320px;
}

.height-64 {
  height: 64px;
}
.height-64::part(native) {
  height: 64px;
}
.height-64-percent {
  height: 64%;
}
.height-64-percent::part(native) {
  height: 64%;
}
.height-64-ion {
  --height: 64px;
}
.height-64-ion-percent {
  --height: 64%;
}
.height-min-64 {
  min-height: 64px;
  height: 64px;
}
.height-min-64-ion {
  --min-height: 64px;
  --height: 64px;
}
.height-max-64 {
  max-height: 64px;
  height: 64px;
}
.height-max-64-ion {
  --msx-height: 64px;
  --height: 64px;
}

.width-64 {
  width: 64px;
}
.width-64::part(native) {
  width: 64px;
}
.width-64-percent {
  width: 64%;
}
.width-64-percent::part(native) {
  width: 64%;
}
.width-64-ion {
  --width: 64px;
}
.width-64-ion-percent {
  --width: 64%;
}
.width-min-64 {
  min-width: 64px;
  width: 64px;
}
.width-min-64-ion {
  --min-width: 64px;
  --width: 64px;
}
.width-max-64 {
  max-width: 64px;
  width: 64px;
}
.width-max-64-ion {
  --max-width: 64px;
  --width: 64px;
}

.height-325 {
  height: 325px;
}
.height-325::part(native) {
  height: 325px;
}
.height-325-percent {
  height: 325%;
}
.height-325-percent::part(native) {
  height: 325%;
}
.height-325-ion {
  --height: 325px;
}
.height-325-ion-percent {
  --height: 325%;
}
.height-min-325 {
  min-height: 325px;
  height: 325px;
}
.height-min-325-ion {
  --min-height: 325px;
  --height: 325px;
}
.height-max-325 {
  max-height: 325px;
  height: 325px;
}
.height-max-325-ion {
  --msx-height: 325px;
  --height: 325px;
}

.width-325 {
  width: 325px;
}
.width-325::part(native) {
  width: 325px;
}
.width-325-percent {
  width: 325%;
}
.width-325-percent::part(native) {
  width: 325%;
}
.width-325-ion {
  --width: 325px;
}
.width-325-ion-percent {
  --width: 325%;
}
.width-min-325 {
  min-width: 325px;
  width: 325px;
}
.width-min-325-ion {
  --min-width: 325px;
  --width: 325px;
}
.width-max-325 {
  max-width: 325px;
  width: 325px;
}
.width-max-325-ion {
  --max-width: 325px;
  --width: 325px;
}

.height-65 {
  height: 65px;
}
.height-65::part(native) {
  height: 65px;
}
.height-65-percent {
  height: 65%;
}
.height-65-percent::part(native) {
  height: 65%;
}
.height-65-ion {
  --height: 65px;
}
.height-65-ion-percent {
  --height: 65%;
}
.height-min-65 {
  min-height: 65px;
  height: 65px;
}
.height-min-65-ion {
  --min-height: 65px;
  --height: 65px;
}
.height-max-65 {
  max-height: 65px;
  height: 65px;
}
.height-max-65-ion {
  --msx-height: 65px;
  --height: 65px;
}

.width-65 {
  width: 65px;
}
.width-65::part(native) {
  width: 65px;
}
.width-65-percent {
  width: 65%;
}
.width-65-percent::part(native) {
  width: 65%;
}
.width-65-ion {
  --width: 65px;
}
.width-65-ion-percent {
  --width: 65%;
}
.width-min-65 {
  min-width: 65px;
  width: 65px;
}
.width-min-65-ion {
  --min-width: 65px;
  --width: 65px;
}
.width-max-65 {
  max-width: 65px;
  width: 65px;
}
.width-max-65-ion {
  --max-width: 65px;
  --width: 65px;
}

.height-330 {
  height: 330px;
}
.height-330::part(native) {
  height: 330px;
}
.height-330-percent {
  height: 330%;
}
.height-330-percent::part(native) {
  height: 330%;
}
.height-330-ion {
  --height: 330px;
}
.height-330-ion-percent {
  --height: 330%;
}
.height-min-330 {
  min-height: 330px;
  height: 330px;
}
.height-min-330-ion {
  --min-height: 330px;
  --height: 330px;
}
.height-max-330 {
  max-height: 330px;
  height: 330px;
}
.height-max-330-ion {
  --msx-height: 330px;
  --height: 330px;
}

.width-330 {
  width: 330px;
}
.width-330::part(native) {
  width: 330px;
}
.width-330-percent {
  width: 330%;
}
.width-330-percent::part(native) {
  width: 330%;
}
.width-330-ion {
  --width: 330px;
}
.width-330-ion-percent {
  --width: 330%;
}
.width-min-330 {
  min-width: 330px;
  width: 330px;
}
.width-min-330-ion {
  --min-width: 330px;
  --width: 330px;
}
.width-max-330 {
  max-width: 330px;
  width: 330px;
}
.width-max-330-ion {
  --max-width: 330px;
  --width: 330px;
}

.height-66 {
  height: 66px;
}
.height-66::part(native) {
  height: 66px;
}
.height-66-percent {
  height: 66%;
}
.height-66-percent::part(native) {
  height: 66%;
}
.height-66-ion {
  --height: 66px;
}
.height-66-ion-percent {
  --height: 66%;
}
.height-min-66 {
  min-height: 66px;
  height: 66px;
}
.height-min-66-ion {
  --min-height: 66px;
  --height: 66px;
}
.height-max-66 {
  max-height: 66px;
  height: 66px;
}
.height-max-66-ion {
  --msx-height: 66px;
  --height: 66px;
}

.width-66 {
  width: 66px;
}
.width-66::part(native) {
  width: 66px;
}
.width-66-percent {
  width: 66%;
}
.width-66-percent::part(native) {
  width: 66%;
}
.width-66-ion {
  --width: 66px;
}
.width-66-ion-percent {
  --width: 66%;
}
.width-min-66 {
  min-width: 66px;
  width: 66px;
}
.width-min-66-ion {
  --min-width: 66px;
  --width: 66px;
}
.width-max-66 {
  max-width: 66px;
  width: 66px;
}
.width-max-66-ion {
  --max-width: 66px;
  --width: 66px;
}

.height-335 {
  height: 335px;
}
.height-335::part(native) {
  height: 335px;
}
.height-335-percent {
  height: 335%;
}
.height-335-percent::part(native) {
  height: 335%;
}
.height-335-ion {
  --height: 335px;
}
.height-335-ion-percent {
  --height: 335%;
}
.height-min-335 {
  min-height: 335px;
  height: 335px;
}
.height-min-335-ion {
  --min-height: 335px;
  --height: 335px;
}
.height-max-335 {
  max-height: 335px;
  height: 335px;
}
.height-max-335-ion {
  --msx-height: 335px;
  --height: 335px;
}

.width-335 {
  width: 335px;
}
.width-335::part(native) {
  width: 335px;
}
.width-335-percent {
  width: 335%;
}
.width-335-percent::part(native) {
  width: 335%;
}
.width-335-ion {
  --width: 335px;
}
.width-335-ion-percent {
  --width: 335%;
}
.width-min-335 {
  min-width: 335px;
  width: 335px;
}
.width-min-335-ion {
  --min-width: 335px;
  --width: 335px;
}
.width-max-335 {
  max-width: 335px;
  width: 335px;
}
.width-max-335-ion {
  --max-width: 335px;
  --width: 335px;
}

.height-67 {
  height: 67px;
}
.height-67::part(native) {
  height: 67px;
}
.height-67-percent {
  height: 67%;
}
.height-67-percent::part(native) {
  height: 67%;
}
.height-67-ion {
  --height: 67px;
}
.height-67-ion-percent {
  --height: 67%;
}
.height-min-67 {
  min-height: 67px;
  height: 67px;
}
.height-min-67-ion {
  --min-height: 67px;
  --height: 67px;
}
.height-max-67 {
  max-height: 67px;
  height: 67px;
}
.height-max-67-ion {
  --msx-height: 67px;
  --height: 67px;
}

.width-67 {
  width: 67px;
}
.width-67::part(native) {
  width: 67px;
}
.width-67-percent {
  width: 67%;
}
.width-67-percent::part(native) {
  width: 67%;
}
.width-67-ion {
  --width: 67px;
}
.width-67-ion-percent {
  --width: 67%;
}
.width-min-67 {
  min-width: 67px;
  width: 67px;
}
.width-min-67-ion {
  --min-width: 67px;
  --width: 67px;
}
.width-max-67 {
  max-width: 67px;
  width: 67px;
}
.width-max-67-ion {
  --max-width: 67px;
  --width: 67px;
}

.height-340 {
  height: 340px;
}
.height-340::part(native) {
  height: 340px;
}
.height-340-percent {
  height: 340%;
}
.height-340-percent::part(native) {
  height: 340%;
}
.height-340-ion {
  --height: 340px;
}
.height-340-ion-percent {
  --height: 340%;
}
.height-min-340 {
  min-height: 340px;
  height: 340px;
}
.height-min-340-ion {
  --min-height: 340px;
  --height: 340px;
}
.height-max-340 {
  max-height: 340px;
  height: 340px;
}
.height-max-340-ion {
  --msx-height: 340px;
  --height: 340px;
}

.width-340 {
  width: 340px;
}
.width-340::part(native) {
  width: 340px;
}
.width-340-percent {
  width: 340%;
}
.width-340-percent::part(native) {
  width: 340%;
}
.width-340-ion {
  --width: 340px;
}
.width-340-ion-percent {
  --width: 340%;
}
.width-min-340 {
  min-width: 340px;
  width: 340px;
}
.width-min-340-ion {
  --min-width: 340px;
  --width: 340px;
}
.width-max-340 {
  max-width: 340px;
  width: 340px;
}
.width-max-340-ion {
  --max-width: 340px;
  --width: 340px;
}

.height-68 {
  height: 68px;
}
.height-68::part(native) {
  height: 68px;
}
.height-68-percent {
  height: 68%;
}
.height-68-percent::part(native) {
  height: 68%;
}
.height-68-ion {
  --height: 68px;
}
.height-68-ion-percent {
  --height: 68%;
}
.height-min-68 {
  min-height: 68px;
  height: 68px;
}
.height-min-68-ion {
  --min-height: 68px;
  --height: 68px;
}
.height-max-68 {
  max-height: 68px;
  height: 68px;
}
.height-max-68-ion {
  --msx-height: 68px;
  --height: 68px;
}

.width-68 {
  width: 68px;
}
.width-68::part(native) {
  width: 68px;
}
.width-68-percent {
  width: 68%;
}
.width-68-percent::part(native) {
  width: 68%;
}
.width-68-ion {
  --width: 68px;
}
.width-68-ion-percent {
  --width: 68%;
}
.width-min-68 {
  min-width: 68px;
  width: 68px;
}
.width-min-68-ion {
  --min-width: 68px;
  --width: 68px;
}
.width-max-68 {
  max-width: 68px;
  width: 68px;
}
.width-max-68-ion {
  --max-width: 68px;
  --width: 68px;
}

.height-345 {
  height: 345px;
}
.height-345::part(native) {
  height: 345px;
}
.height-345-percent {
  height: 345%;
}
.height-345-percent::part(native) {
  height: 345%;
}
.height-345-ion {
  --height: 345px;
}
.height-345-ion-percent {
  --height: 345%;
}
.height-min-345 {
  min-height: 345px;
  height: 345px;
}
.height-min-345-ion {
  --min-height: 345px;
  --height: 345px;
}
.height-max-345 {
  max-height: 345px;
  height: 345px;
}
.height-max-345-ion {
  --msx-height: 345px;
  --height: 345px;
}

.width-345 {
  width: 345px;
}
.width-345::part(native) {
  width: 345px;
}
.width-345-percent {
  width: 345%;
}
.width-345-percent::part(native) {
  width: 345%;
}
.width-345-ion {
  --width: 345px;
}
.width-345-ion-percent {
  --width: 345%;
}
.width-min-345 {
  min-width: 345px;
  width: 345px;
}
.width-min-345-ion {
  --min-width: 345px;
  --width: 345px;
}
.width-max-345 {
  max-width: 345px;
  width: 345px;
}
.width-max-345-ion {
  --max-width: 345px;
  --width: 345px;
}

.height-69 {
  height: 69px;
}
.height-69::part(native) {
  height: 69px;
}
.height-69-percent {
  height: 69%;
}
.height-69-percent::part(native) {
  height: 69%;
}
.height-69-ion {
  --height: 69px;
}
.height-69-ion-percent {
  --height: 69%;
}
.height-min-69 {
  min-height: 69px;
  height: 69px;
}
.height-min-69-ion {
  --min-height: 69px;
  --height: 69px;
}
.height-max-69 {
  max-height: 69px;
  height: 69px;
}
.height-max-69-ion {
  --msx-height: 69px;
  --height: 69px;
}

.width-69 {
  width: 69px;
}
.width-69::part(native) {
  width: 69px;
}
.width-69-percent {
  width: 69%;
}
.width-69-percent::part(native) {
  width: 69%;
}
.width-69-ion {
  --width: 69px;
}
.width-69-ion-percent {
  --width: 69%;
}
.width-min-69 {
  min-width: 69px;
  width: 69px;
}
.width-min-69-ion {
  --min-width: 69px;
  --width: 69px;
}
.width-max-69 {
  max-width: 69px;
  width: 69px;
}
.width-max-69-ion {
  --max-width: 69px;
  --width: 69px;
}

.height-350 {
  height: 350px;
}
.height-350::part(native) {
  height: 350px;
}
.height-350-percent {
  height: 350%;
}
.height-350-percent::part(native) {
  height: 350%;
}
.height-350-ion {
  --height: 350px;
}
.height-350-ion-percent {
  --height: 350%;
}
.height-min-350 {
  min-height: 350px;
  height: 350px;
}
.height-min-350-ion {
  --min-height: 350px;
  --height: 350px;
}
.height-max-350 {
  max-height: 350px;
  height: 350px;
}
.height-max-350-ion {
  --msx-height: 350px;
  --height: 350px;
}

.width-350 {
  width: 350px;
}
.width-350::part(native) {
  width: 350px;
}
.width-350-percent {
  width: 350%;
}
.width-350-percent::part(native) {
  width: 350%;
}
.width-350-ion {
  --width: 350px;
}
.width-350-ion-percent {
  --width: 350%;
}
.width-min-350 {
  min-width: 350px;
  width: 350px;
}
.width-min-350-ion {
  --min-width: 350px;
  --width: 350px;
}
.width-max-350 {
  max-width: 350px;
  width: 350px;
}
.width-max-350-ion {
  --max-width: 350px;
  --width: 350px;
}

.height-70 {
  height: 70px;
}
.height-70::part(native) {
  height: 70px;
}
.height-70-percent {
  height: 70%;
}
.height-70-percent::part(native) {
  height: 70%;
}
.height-70-ion {
  --height: 70px;
}
.height-70-ion-percent {
  --height: 70%;
}
.height-min-70 {
  min-height: 70px;
  height: 70px;
}
.height-min-70-ion {
  --min-height: 70px;
  --height: 70px;
}
.height-max-70 {
  max-height: 70px;
  height: 70px;
}
.height-max-70-ion {
  --msx-height: 70px;
  --height: 70px;
}

.width-70 {
  width: 70px;
}
.width-70::part(native) {
  width: 70px;
}
.width-70-percent {
  width: 70%;
}
.width-70-percent::part(native) {
  width: 70%;
}
.width-70-ion {
  --width: 70px;
}
.width-70-ion-percent {
  --width: 70%;
}
.width-min-70 {
  min-width: 70px;
  width: 70px;
}
.width-min-70-ion {
  --min-width: 70px;
  --width: 70px;
}
.width-max-70 {
  max-width: 70px;
  width: 70px;
}
.width-max-70-ion {
  --max-width: 70px;
  --width: 70px;
}

.height-355 {
  height: 355px;
}
.height-355::part(native) {
  height: 355px;
}
.height-355-percent {
  height: 355%;
}
.height-355-percent::part(native) {
  height: 355%;
}
.height-355-ion {
  --height: 355px;
}
.height-355-ion-percent {
  --height: 355%;
}
.height-min-355 {
  min-height: 355px;
  height: 355px;
}
.height-min-355-ion {
  --min-height: 355px;
  --height: 355px;
}
.height-max-355 {
  max-height: 355px;
  height: 355px;
}
.height-max-355-ion {
  --msx-height: 355px;
  --height: 355px;
}

.width-355 {
  width: 355px;
}
.width-355::part(native) {
  width: 355px;
}
.width-355-percent {
  width: 355%;
}
.width-355-percent::part(native) {
  width: 355%;
}
.width-355-ion {
  --width: 355px;
}
.width-355-ion-percent {
  --width: 355%;
}
.width-min-355 {
  min-width: 355px;
  width: 355px;
}
.width-min-355-ion {
  --min-width: 355px;
  --width: 355px;
}
.width-max-355 {
  max-width: 355px;
  width: 355px;
}
.width-max-355-ion {
  --max-width: 355px;
  --width: 355px;
}

.height-71 {
  height: 71px;
}
.height-71::part(native) {
  height: 71px;
}
.height-71-percent {
  height: 71%;
}
.height-71-percent::part(native) {
  height: 71%;
}
.height-71-ion {
  --height: 71px;
}
.height-71-ion-percent {
  --height: 71%;
}
.height-min-71 {
  min-height: 71px;
  height: 71px;
}
.height-min-71-ion {
  --min-height: 71px;
  --height: 71px;
}
.height-max-71 {
  max-height: 71px;
  height: 71px;
}
.height-max-71-ion {
  --msx-height: 71px;
  --height: 71px;
}

.width-71 {
  width: 71px;
}
.width-71::part(native) {
  width: 71px;
}
.width-71-percent {
  width: 71%;
}
.width-71-percent::part(native) {
  width: 71%;
}
.width-71-ion {
  --width: 71px;
}
.width-71-ion-percent {
  --width: 71%;
}
.width-min-71 {
  min-width: 71px;
  width: 71px;
}
.width-min-71-ion {
  --min-width: 71px;
  --width: 71px;
}
.width-max-71 {
  max-width: 71px;
  width: 71px;
}
.width-max-71-ion {
  --max-width: 71px;
  --width: 71px;
}

.height-360 {
  height: 360px;
}
.height-360::part(native) {
  height: 360px;
}
.height-360-percent {
  height: 360%;
}
.height-360-percent::part(native) {
  height: 360%;
}
.height-360-ion {
  --height: 360px;
}
.height-360-ion-percent {
  --height: 360%;
}
.height-min-360 {
  min-height: 360px;
  height: 360px;
}
.height-min-360-ion {
  --min-height: 360px;
  --height: 360px;
}
.height-max-360 {
  max-height: 360px;
  height: 360px;
}
.height-max-360-ion {
  --msx-height: 360px;
  --height: 360px;
}

.width-360 {
  width: 360px;
}
.width-360::part(native) {
  width: 360px;
}
.width-360-percent {
  width: 360%;
}
.width-360-percent::part(native) {
  width: 360%;
}
.width-360-ion {
  --width: 360px;
}
.width-360-ion-percent {
  --width: 360%;
}
.width-min-360 {
  min-width: 360px;
  width: 360px;
}
.width-min-360-ion {
  --min-width: 360px;
  --width: 360px;
}
.width-max-360 {
  max-width: 360px;
  width: 360px;
}
.width-max-360-ion {
  --max-width: 360px;
  --width: 360px;
}

.height-72 {
  height: 72px;
}
.height-72::part(native) {
  height: 72px;
}
.height-72-percent {
  height: 72%;
}
.height-72-percent::part(native) {
  height: 72%;
}
.height-72-ion {
  --height: 72px;
}
.height-72-ion-percent {
  --height: 72%;
}
.height-min-72 {
  min-height: 72px;
  height: 72px;
}
.height-min-72-ion {
  --min-height: 72px;
  --height: 72px;
}
.height-max-72 {
  max-height: 72px;
  height: 72px;
}
.height-max-72-ion {
  --msx-height: 72px;
  --height: 72px;
}

.width-72 {
  width: 72px;
}
.width-72::part(native) {
  width: 72px;
}
.width-72-percent {
  width: 72%;
}
.width-72-percent::part(native) {
  width: 72%;
}
.width-72-ion {
  --width: 72px;
}
.width-72-ion-percent {
  --width: 72%;
}
.width-min-72 {
  min-width: 72px;
  width: 72px;
}
.width-min-72-ion {
  --min-width: 72px;
  --width: 72px;
}
.width-max-72 {
  max-width: 72px;
  width: 72px;
}
.width-max-72-ion {
  --max-width: 72px;
  --width: 72px;
}

.height-365 {
  height: 365px;
}
.height-365::part(native) {
  height: 365px;
}
.height-365-percent {
  height: 365%;
}
.height-365-percent::part(native) {
  height: 365%;
}
.height-365-ion {
  --height: 365px;
}
.height-365-ion-percent {
  --height: 365%;
}
.height-min-365 {
  min-height: 365px;
  height: 365px;
}
.height-min-365-ion {
  --min-height: 365px;
  --height: 365px;
}
.height-max-365 {
  max-height: 365px;
  height: 365px;
}
.height-max-365-ion {
  --msx-height: 365px;
  --height: 365px;
}

.width-365 {
  width: 365px;
}
.width-365::part(native) {
  width: 365px;
}
.width-365-percent {
  width: 365%;
}
.width-365-percent::part(native) {
  width: 365%;
}
.width-365-ion {
  --width: 365px;
}
.width-365-ion-percent {
  --width: 365%;
}
.width-min-365 {
  min-width: 365px;
  width: 365px;
}
.width-min-365-ion {
  --min-width: 365px;
  --width: 365px;
}
.width-max-365 {
  max-width: 365px;
  width: 365px;
}
.width-max-365-ion {
  --max-width: 365px;
  --width: 365px;
}

.height-73 {
  height: 73px;
}
.height-73::part(native) {
  height: 73px;
}
.height-73-percent {
  height: 73%;
}
.height-73-percent::part(native) {
  height: 73%;
}
.height-73-ion {
  --height: 73px;
}
.height-73-ion-percent {
  --height: 73%;
}
.height-min-73 {
  min-height: 73px;
  height: 73px;
}
.height-min-73-ion {
  --min-height: 73px;
  --height: 73px;
}
.height-max-73 {
  max-height: 73px;
  height: 73px;
}
.height-max-73-ion {
  --msx-height: 73px;
  --height: 73px;
}

.width-73 {
  width: 73px;
}
.width-73::part(native) {
  width: 73px;
}
.width-73-percent {
  width: 73%;
}
.width-73-percent::part(native) {
  width: 73%;
}
.width-73-ion {
  --width: 73px;
}
.width-73-ion-percent {
  --width: 73%;
}
.width-min-73 {
  min-width: 73px;
  width: 73px;
}
.width-min-73-ion {
  --min-width: 73px;
  --width: 73px;
}
.width-max-73 {
  max-width: 73px;
  width: 73px;
}
.width-max-73-ion {
  --max-width: 73px;
  --width: 73px;
}

.height-370 {
  height: 370px;
}
.height-370::part(native) {
  height: 370px;
}
.height-370-percent {
  height: 370%;
}
.height-370-percent::part(native) {
  height: 370%;
}
.height-370-ion {
  --height: 370px;
}
.height-370-ion-percent {
  --height: 370%;
}
.height-min-370 {
  min-height: 370px;
  height: 370px;
}
.height-min-370-ion {
  --min-height: 370px;
  --height: 370px;
}
.height-max-370 {
  max-height: 370px;
  height: 370px;
}
.height-max-370-ion {
  --msx-height: 370px;
  --height: 370px;
}

.width-370 {
  width: 370px;
}
.width-370::part(native) {
  width: 370px;
}
.width-370-percent {
  width: 370%;
}
.width-370-percent::part(native) {
  width: 370%;
}
.width-370-ion {
  --width: 370px;
}
.width-370-ion-percent {
  --width: 370%;
}
.width-min-370 {
  min-width: 370px;
  width: 370px;
}
.width-min-370-ion {
  --min-width: 370px;
  --width: 370px;
}
.width-max-370 {
  max-width: 370px;
  width: 370px;
}
.width-max-370-ion {
  --max-width: 370px;
  --width: 370px;
}

.height-74 {
  height: 74px;
}
.height-74::part(native) {
  height: 74px;
}
.height-74-percent {
  height: 74%;
}
.height-74-percent::part(native) {
  height: 74%;
}
.height-74-ion {
  --height: 74px;
}
.height-74-ion-percent {
  --height: 74%;
}
.height-min-74 {
  min-height: 74px;
  height: 74px;
}
.height-min-74-ion {
  --min-height: 74px;
  --height: 74px;
}
.height-max-74 {
  max-height: 74px;
  height: 74px;
}
.height-max-74-ion {
  --msx-height: 74px;
  --height: 74px;
}

.width-74 {
  width: 74px;
}
.width-74::part(native) {
  width: 74px;
}
.width-74-percent {
  width: 74%;
}
.width-74-percent::part(native) {
  width: 74%;
}
.width-74-ion {
  --width: 74px;
}
.width-74-ion-percent {
  --width: 74%;
}
.width-min-74 {
  min-width: 74px;
  width: 74px;
}
.width-min-74-ion {
  --min-width: 74px;
  --width: 74px;
}
.width-max-74 {
  max-width: 74px;
  width: 74px;
}
.width-max-74-ion {
  --max-width: 74px;
  --width: 74px;
}

.height-375 {
  height: 375px;
}
.height-375::part(native) {
  height: 375px;
}
.height-375-percent {
  height: 375%;
}
.height-375-percent::part(native) {
  height: 375%;
}
.height-375-ion {
  --height: 375px;
}
.height-375-ion-percent {
  --height: 375%;
}
.height-min-375 {
  min-height: 375px;
  height: 375px;
}
.height-min-375-ion {
  --min-height: 375px;
  --height: 375px;
}
.height-max-375 {
  max-height: 375px;
  height: 375px;
}
.height-max-375-ion {
  --msx-height: 375px;
  --height: 375px;
}

.width-375 {
  width: 375px;
}
.width-375::part(native) {
  width: 375px;
}
.width-375-percent {
  width: 375%;
}
.width-375-percent::part(native) {
  width: 375%;
}
.width-375-ion {
  --width: 375px;
}
.width-375-ion-percent {
  --width: 375%;
}
.width-min-375 {
  min-width: 375px;
  width: 375px;
}
.width-min-375-ion {
  --min-width: 375px;
  --width: 375px;
}
.width-max-375 {
  max-width: 375px;
  width: 375px;
}
.width-max-375-ion {
  --max-width: 375px;
  --width: 375px;
}

.height-75 {
  height: 75px;
}
.height-75::part(native) {
  height: 75px;
}
.height-75-percent {
  height: 75%;
}
.height-75-percent::part(native) {
  height: 75%;
}
.height-75-ion {
  --height: 75px;
}
.height-75-ion-percent {
  --height: 75%;
}
.height-min-75 {
  min-height: 75px;
  height: 75px;
}
.height-min-75-ion {
  --min-height: 75px;
  --height: 75px;
}
.height-max-75 {
  max-height: 75px;
  height: 75px;
}
.height-max-75-ion {
  --msx-height: 75px;
  --height: 75px;
}

.width-75 {
  width: 75px;
}
.width-75::part(native) {
  width: 75px;
}
.width-75-percent {
  width: 75%;
}
.width-75-percent::part(native) {
  width: 75%;
}
.width-75-ion {
  --width: 75px;
}
.width-75-ion-percent {
  --width: 75%;
}
.width-min-75 {
  min-width: 75px;
  width: 75px;
}
.width-min-75-ion {
  --min-width: 75px;
  --width: 75px;
}
.width-max-75 {
  max-width: 75px;
  width: 75px;
}
.width-max-75-ion {
  --max-width: 75px;
  --width: 75px;
}

.height-380 {
  height: 380px;
}
.height-380::part(native) {
  height: 380px;
}
.height-380-percent {
  height: 380%;
}
.height-380-percent::part(native) {
  height: 380%;
}
.height-380-ion {
  --height: 380px;
}
.height-380-ion-percent {
  --height: 380%;
}
.height-min-380 {
  min-height: 380px;
  height: 380px;
}
.height-min-380-ion {
  --min-height: 380px;
  --height: 380px;
}
.height-max-380 {
  max-height: 380px;
  height: 380px;
}
.height-max-380-ion {
  --msx-height: 380px;
  --height: 380px;
}

.width-380 {
  width: 380px;
}
.width-380::part(native) {
  width: 380px;
}
.width-380-percent {
  width: 380%;
}
.width-380-percent::part(native) {
  width: 380%;
}
.width-380-ion {
  --width: 380px;
}
.width-380-ion-percent {
  --width: 380%;
}
.width-min-380 {
  min-width: 380px;
  width: 380px;
}
.width-min-380-ion {
  --min-width: 380px;
  --width: 380px;
}
.width-max-380 {
  max-width: 380px;
  width: 380px;
}
.width-max-380-ion {
  --max-width: 380px;
  --width: 380px;
}

.height-76 {
  height: 76px;
}
.height-76::part(native) {
  height: 76px;
}
.height-76-percent {
  height: 76%;
}
.height-76-percent::part(native) {
  height: 76%;
}
.height-76-ion {
  --height: 76px;
}
.height-76-ion-percent {
  --height: 76%;
}
.height-min-76 {
  min-height: 76px;
  height: 76px;
}
.height-min-76-ion {
  --min-height: 76px;
  --height: 76px;
}
.height-max-76 {
  max-height: 76px;
  height: 76px;
}
.height-max-76-ion {
  --msx-height: 76px;
  --height: 76px;
}

.width-76 {
  width: 76px;
}
.width-76::part(native) {
  width: 76px;
}
.width-76-percent {
  width: 76%;
}
.width-76-percent::part(native) {
  width: 76%;
}
.width-76-ion {
  --width: 76px;
}
.width-76-ion-percent {
  --width: 76%;
}
.width-min-76 {
  min-width: 76px;
  width: 76px;
}
.width-min-76-ion {
  --min-width: 76px;
  --width: 76px;
}
.width-max-76 {
  max-width: 76px;
  width: 76px;
}
.width-max-76-ion {
  --max-width: 76px;
  --width: 76px;
}

.height-385 {
  height: 385px;
}
.height-385::part(native) {
  height: 385px;
}
.height-385-percent {
  height: 385%;
}
.height-385-percent::part(native) {
  height: 385%;
}
.height-385-ion {
  --height: 385px;
}
.height-385-ion-percent {
  --height: 385%;
}
.height-min-385 {
  min-height: 385px;
  height: 385px;
}
.height-min-385-ion {
  --min-height: 385px;
  --height: 385px;
}
.height-max-385 {
  max-height: 385px;
  height: 385px;
}
.height-max-385-ion {
  --msx-height: 385px;
  --height: 385px;
}

.width-385 {
  width: 385px;
}
.width-385::part(native) {
  width: 385px;
}
.width-385-percent {
  width: 385%;
}
.width-385-percent::part(native) {
  width: 385%;
}
.width-385-ion {
  --width: 385px;
}
.width-385-ion-percent {
  --width: 385%;
}
.width-min-385 {
  min-width: 385px;
  width: 385px;
}
.width-min-385-ion {
  --min-width: 385px;
  --width: 385px;
}
.width-max-385 {
  max-width: 385px;
  width: 385px;
}
.width-max-385-ion {
  --max-width: 385px;
  --width: 385px;
}

.height-77 {
  height: 77px;
}
.height-77::part(native) {
  height: 77px;
}
.height-77-percent {
  height: 77%;
}
.height-77-percent::part(native) {
  height: 77%;
}
.height-77-ion {
  --height: 77px;
}
.height-77-ion-percent {
  --height: 77%;
}
.height-min-77 {
  min-height: 77px;
  height: 77px;
}
.height-min-77-ion {
  --min-height: 77px;
  --height: 77px;
}
.height-max-77 {
  max-height: 77px;
  height: 77px;
}
.height-max-77-ion {
  --msx-height: 77px;
  --height: 77px;
}

.width-77 {
  width: 77px;
}
.width-77::part(native) {
  width: 77px;
}
.width-77-percent {
  width: 77%;
}
.width-77-percent::part(native) {
  width: 77%;
}
.width-77-ion {
  --width: 77px;
}
.width-77-ion-percent {
  --width: 77%;
}
.width-min-77 {
  min-width: 77px;
  width: 77px;
}
.width-min-77-ion {
  --min-width: 77px;
  --width: 77px;
}
.width-max-77 {
  max-width: 77px;
  width: 77px;
}
.width-max-77-ion {
  --max-width: 77px;
  --width: 77px;
}

.height-390 {
  height: 390px;
}
.height-390::part(native) {
  height: 390px;
}
.height-390-percent {
  height: 390%;
}
.height-390-percent::part(native) {
  height: 390%;
}
.height-390-ion {
  --height: 390px;
}
.height-390-ion-percent {
  --height: 390%;
}
.height-min-390 {
  min-height: 390px;
  height: 390px;
}
.height-min-390-ion {
  --min-height: 390px;
  --height: 390px;
}
.height-max-390 {
  max-height: 390px;
  height: 390px;
}
.height-max-390-ion {
  --msx-height: 390px;
  --height: 390px;
}

.width-390 {
  width: 390px;
}
.width-390::part(native) {
  width: 390px;
}
.width-390-percent {
  width: 390%;
}
.width-390-percent::part(native) {
  width: 390%;
}
.width-390-ion {
  --width: 390px;
}
.width-390-ion-percent {
  --width: 390%;
}
.width-min-390 {
  min-width: 390px;
  width: 390px;
}
.width-min-390-ion {
  --min-width: 390px;
  --width: 390px;
}
.width-max-390 {
  max-width: 390px;
  width: 390px;
}
.width-max-390-ion {
  --max-width: 390px;
  --width: 390px;
}

.height-78 {
  height: 78px;
}
.height-78::part(native) {
  height: 78px;
}
.height-78-percent {
  height: 78%;
}
.height-78-percent::part(native) {
  height: 78%;
}
.height-78-ion {
  --height: 78px;
}
.height-78-ion-percent {
  --height: 78%;
}
.height-min-78 {
  min-height: 78px;
  height: 78px;
}
.height-min-78-ion {
  --min-height: 78px;
  --height: 78px;
}
.height-max-78 {
  max-height: 78px;
  height: 78px;
}
.height-max-78-ion {
  --msx-height: 78px;
  --height: 78px;
}

.width-78 {
  width: 78px;
}
.width-78::part(native) {
  width: 78px;
}
.width-78-percent {
  width: 78%;
}
.width-78-percent::part(native) {
  width: 78%;
}
.width-78-ion {
  --width: 78px;
}
.width-78-ion-percent {
  --width: 78%;
}
.width-min-78 {
  min-width: 78px;
  width: 78px;
}
.width-min-78-ion {
  --min-width: 78px;
  --width: 78px;
}
.width-max-78 {
  max-width: 78px;
  width: 78px;
}
.width-max-78-ion {
  --max-width: 78px;
  --width: 78px;
}

.height-395 {
  height: 395px;
}
.height-395::part(native) {
  height: 395px;
}
.height-395-percent {
  height: 395%;
}
.height-395-percent::part(native) {
  height: 395%;
}
.height-395-ion {
  --height: 395px;
}
.height-395-ion-percent {
  --height: 395%;
}
.height-min-395 {
  min-height: 395px;
  height: 395px;
}
.height-min-395-ion {
  --min-height: 395px;
  --height: 395px;
}
.height-max-395 {
  max-height: 395px;
  height: 395px;
}
.height-max-395-ion {
  --msx-height: 395px;
  --height: 395px;
}

.width-395 {
  width: 395px;
}
.width-395::part(native) {
  width: 395px;
}
.width-395-percent {
  width: 395%;
}
.width-395-percent::part(native) {
  width: 395%;
}
.width-395-ion {
  --width: 395px;
}
.width-395-ion-percent {
  --width: 395%;
}
.width-min-395 {
  min-width: 395px;
  width: 395px;
}
.width-min-395-ion {
  --min-width: 395px;
  --width: 395px;
}
.width-max-395 {
  max-width: 395px;
  width: 395px;
}
.width-max-395-ion {
  --max-width: 395px;
  --width: 395px;
}

.height-79 {
  height: 79px;
}
.height-79::part(native) {
  height: 79px;
}
.height-79-percent {
  height: 79%;
}
.height-79-percent::part(native) {
  height: 79%;
}
.height-79-ion {
  --height: 79px;
}
.height-79-ion-percent {
  --height: 79%;
}
.height-min-79 {
  min-height: 79px;
  height: 79px;
}
.height-min-79-ion {
  --min-height: 79px;
  --height: 79px;
}
.height-max-79 {
  max-height: 79px;
  height: 79px;
}
.height-max-79-ion {
  --msx-height: 79px;
  --height: 79px;
}

.width-79 {
  width: 79px;
}
.width-79::part(native) {
  width: 79px;
}
.width-79-percent {
  width: 79%;
}
.width-79-percent::part(native) {
  width: 79%;
}
.width-79-ion {
  --width: 79px;
}
.width-79-ion-percent {
  --width: 79%;
}
.width-min-79 {
  min-width: 79px;
  width: 79px;
}
.width-min-79-ion {
  --min-width: 79px;
  --width: 79px;
}
.width-max-79 {
  max-width: 79px;
  width: 79px;
}
.width-max-79-ion {
  --max-width: 79px;
  --width: 79px;
}

.height-400 {
  height: 400px;
}
.height-400::part(native) {
  height: 400px;
}
.height-400-percent {
  height: 400%;
}
.height-400-percent::part(native) {
  height: 400%;
}
.height-400-ion {
  --height: 400px;
}
.height-400-ion-percent {
  --height: 400%;
}
.height-min-400 {
  min-height: 400px;
  height: 400px;
}
.height-min-400-ion {
  --min-height: 400px;
  --height: 400px;
}
.height-max-400 {
  max-height: 400px;
  height: 400px;
}
.height-max-400-ion {
  --msx-height: 400px;
  --height: 400px;
}

.width-400 {
  width: 400px;
}
.width-400::part(native) {
  width: 400px;
}
.width-400-percent {
  width: 400%;
}
.width-400-percent::part(native) {
  width: 400%;
}
.width-400-ion {
  --width: 400px;
}
.width-400-ion-percent {
  --width: 400%;
}
.width-min-400 {
  min-width: 400px;
  width: 400px;
}
.width-min-400-ion {
  --min-width: 400px;
  --width: 400px;
}
.width-max-400 {
  max-width: 400px;
  width: 400px;
}
.width-max-400-ion {
  --max-width: 400px;
  --width: 400px;
}

.height-80 {
  height: 80px;
}
.height-80::part(native) {
  height: 80px;
}
.height-80-percent {
  height: 80%;
}
.height-80-percent::part(native) {
  height: 80%;
}
.height-80-ion {
  --height: 80px;
}
.height-80-ion-percent {
  --height: 80%;
}
.height-min-80 {
  min-height: 80px;
  height: 80px;
}
.height-min-80-ion {
  --min-height: 80px;
  --height: 80px;
}
.height-max-80 {
  max-height: 80px;
  height: 80px;
}
.height-max-80-ion {
  --msx-height: 80px;
  --height: 80px;
}

.width-80 {
  width: 80px;
}
.width-80::part(native) {
  width: 80px;
}
.width-80-percent {
  width: 80%;
}
.width-80-percent::part(native) {
  width: 80%;
}
.width-80-ion {
  --width: 80px;
}
.width-80-ion-percent {
  --width: 80%;
}
.width-min-80 {
  min-width: 80px;
  width: 80px;
}
.width-min-80-ion {
  --min-width: 80px;
  --width: 80px;
}
.width-max-80 {
  max-width: 80px;
  width: 80px;
}
.width-max-80-ion {
  --max-width: 80px;
  --width: 80px;
}

.height-405 {
  height: 405px;
}
.height-405::part(native) {
  height: 405px;
}
.height-405-percent {
  height: 405%;
}
.height-405-percent::part(native) {
  height: 405%;
}
.height-405-ion {
  --height: 405px;
}
.height-405-ion-percent {
  --height: 405%;
}
.height-min-405 {
  min-height: 405px;
  height: 405px;
}
.height-min-405-ion {
  --min-height: 405px;
  --height: 405px;
}
.height-max-405 {
  max-height: 405px;
  height: 405px;
}
.height-max-405-ion {
  --msx-height: 405px;
  --height: 405px;
}

.width-405 {
  width: 405px;
}
.width-405::part(native) {
  width: 405px;
}
.width-405-percent {
  width: 405%;
}
.width-405-percent::part(native) {
  width: 405%;
}
.width-405-ion {
  --width: 405px;
}
.width-405-ion-percent {
  --width: 405%;
}
.width-min-405 {
  min-width: 405px;
  width: 405px;
}
.width-min-405-ion {
  --min-width: 405px;
  --width: 405px;
}
.width-max-405 {
  max-width: 405px;
  width: 405px;
}
.width-max-405-ion {
  --max-width: 405px;
  --width: 405px;
}

.height-81 {
  height: 81px;
}
.height-81::part(native) {
  height: 81px;
}
.height-81-percent {
  height: 81%;
}
.height-81-percent::part(native) {
  height: 81%;
}
.height-81-ion {
  --height: 81px;
}
.height-81-ion-percent {
  --height: 81%;
}
.height-min-81 {
  min-height: 81px;
  height: 81px;
}
.height-min-81-ion {
  --min-height: 81px;
  --height: 81px;
}
.height-max-81 {
  max-height: 81px;
  height: 81px;
}
.height-max-81-ion {
  --msx-height: 81px;
  --height: 81px;
}

.width-81 {
  width: 81px;
}
.width-81::part(native) {
  width: 81px;
}
.width-81-percent {
  width: 81%;
}
.width-81-percent::part(native) {
  width: 81%;
}
.width-81-ion {
  --width: 81px;
}
.width-81-ion-percent {
  --width: 81%;
}
.width-min-81 {
  min-width: 81px;
  width: 81px;
}
.width-min-81-ion {
  --min-width: 81px;
  --width: 81px;
}
.width-max-81 {
  max-width: 81px;
  width: 81px;
}
.width-max-81-ion {
  --max-width: 81px;
  --width: 81px;
}

.height-410 {
  height: 410px;
}
.height-410::part(native) {
  height: 410px;
}
.height-410-percent {
  height: 410%;
}
.height-410-percent::part(native) {
  height: 410%;
}
.height-410-ion {
  --height: 410px;
}
.height-410-ion-percent {
  --height: 410%;
}
.height-min-410 {
  min-height: 410px;
  height: 410px;
}
.height-min-410-ion {
  --min-height: 410px;
  --height: 410px;
}
.height-max-410 {
  max-height: 410px;
  height: 410px;
}
.height-max-410-ion {
  --msx-height: 410px;
  --height: 410px;
}

.width-410 {
  width: 410px;
}
.width-410::part(native) {
  width: 410px;
}
.width-410-percent {
  width: 410%;
}
.width-410-percent::part(native) {
  width: 410%;
}
.width-410-ion {
  --width: 410px;
}
.width-410-ion-percent {
  --width: 410%;
}
.width-min-410 {
  min-width: 410px;
  width: 410px;
}
.width-min-410-ion {
  --min-width: 410px;
  --width: 410px;
}
.width-max-410 {
  max-width: 410px;
  width: 410px;
}
.width-max-410-ion {
  --max-width: 410px;
  --width: 410px;
}

.height-82 {
  height: 82px;
}
.height-82::part(native) {
  height: 82px;
}
.height-82-percent {
  height: 82%;
}
.height-82-percent::part(native) {
  height: 82%;
}
.height-82-ion {
  --height: 82px;
}
.height-82-ion-percent {
  --height: 82%;
}
.height-min-82 {
  min-height: 82px;
  height: 82px;
}
.height-min-82-ion {
  --min-height: 82px;
  --height: 82px;
}
.height-max-82 {
  max-height: 82px;
  height: 82px;
}
.height-max-82-ion {
  --msx-height: 82px;
  --height: 82px;
}

.width-82 {
  width: 82px;
}
.width-82::part(native) {
  width: 82px;
}
.width-82-percent {
  width: 82%;
}
.width-82-percent::part(native) {
  width: 82%;
}
.width-82-ion {
  --width: 82px;
}
.width-82-ion-percent {
  --width: 82%;
}
.width-min-82 {
  min-width: 82px;
  width: 82px;
}
.width-min-82-ion {
  --min-width: 82px;
  --width: 82px;
}
.width-max-82 {
  max-width: 82px;
  width: 82px;
}
.width-max-82-ion {
  --max-width: 82px;
  --width: 82px;
}

.height-415 {
  height: 415px;
}
.height-415::part(native) {
  height: 415px;
}
.height-415-percent {
  height: 415%;
}
.height-415-percent::part(native) {
  height: 415%;
}
.height-415-ion {
  --height: 415px;
}
.height-415-ion-percent {
  --height: 415%;
}
.height-min-415 {
  min-height: 415px;
  height: 415px;
}
.height-min-415-ion {
  --min-height: 415px;
  --height: 415px;
}
.height-max-415 {
  max-height: 415px;
  height: 415px;
}
.height-max-415-ion {
  --msx-height: 415px;
  --height: 415px;
}

.width-415 {
  width: 415px;
}
.width-415::part(native) {
  width: 415px;
}
.width-415-percent {
  width: 415%;
}
.width-415-percent::part(native) {
  width: 415%;
}
.width-415-ion {
  --width: 415px;
}
.width-415-ion-percent {
  --width: 415%;
}
.width-min-415 {
  min-width: 415px;
  width: 415px;
}
.width-min-415-ion {
  --min-width: 415px;
  --width: 415px;
}
.width-max-415 {
  max-width: 415px;
  width: 415px;
}
.width-max-415-ion {
  --max-width: 415px;
  --width: 415px;
}

.height-83 {
  height: 83px;
}
.height-83::part(native) {
  height: 83px;
}
.height-83-percent {
  height: 83%;
}
.height-83-percent::part(native) {
  height: 83%;
}
.height-83-ion {
  --height: 83px;
}
.height-83-ion-percent {
  --height: 83%;
}
.height-min-83 {
  min-height: 83px;
  height: 83px;
}
.height-min-83-ion {
  --min-height: 83px;
  --height: 83px;
}
.height-max-83 {
  max-height: 83px;
  height: 83px;
}
.height-max-83-ion {
  --msx-height: 83px;
  --height: 83px;
}

.width-83 {
  width: 83px;
}
.width-83::part(native) {
  width: 83px;
}
.width-83-percent {
  width: 83%;
}
.width-83-percent::part(native) {
  width: 83%;
}
.width-83-ion {
  --width: 83px;
}
.width-83-ion-percent {
  --width: 83%;
}
.width-min-83 {
  min-width: 83px;
  width: 83px;
}
.width-min-83-ion {
  --min-width: 83px;
  --width: 83px;
}
.width-max-83 {
  max-width: 83px;
  width: 83px;
}
.width-max-83-ion {
  --max-width: 83px;
  --width: 83px;
}

.height-420 {
  height: 420px;
}
.height-420::part(native) {
  height: 420px;
}
.height-420-percent {
  height: 420%;
}
.height-420-percent::part(native) {
  height: 420%;
}
.height-420-ion {
  --height: 420px;
}
.height-420-ion-percent {
  --height: 420%;
}
.height-min-420 {
  min-height: 420px;
  height: 420px;
}
.height-min-420-ion {
  --min-height: 420px;
  --height: 420px;
}
.height-max-420 {
  max-height: 420px;
  height: 420px;
}
.height-max-420-ion {
  --msx-height: 420px;
  --height: 420px;
}

.width-420 {
  width: 420px;
}
.width-420::part(native) {
  width: 420px;
}
.width-420-percent {
  width: 420%;
}
.width-420-percent::part(native) {
  width: 420%;
}
.width-420-ion {
  --width: 420px;
}
.width-420-ion-percent {
  --width: 420%;
}
.width-min-420 {
  min-width: 420px;
  width: 420px;
}
.width-min-420-ion {
  --min-width: 420px;
  --width: 420px;
}
.width-max-420 {
  max-width: 420px;
  width: 420px;
}
.width-max-420-ion {
  --max-width: 420px;
  --width: 420px;
}

.height-84 {
  height: 84px;
}
.height-84::part(native) {
  height: 84px;
}
.height-84-percent {
  height: 84%;
}
.height-84-percent::part(native) {
  height: 84%;
}
.height-84-ion {
  --height: 84px;
}
.height-84-ion-percent {
  --height: 84%;
}
.height-min-84 {
  min-height: 84px;
  height: 84px;
}
.height-min-84-ion {
  --min-height: 84px;
  --height: 84px;
}
.height-max-84 {
  max-height: 84px;
  height: 84px;
}
.height-max-84-ion {
  --msx-height: 84px;
  --height: 84px;
}

.width-84 {
  width: 84px;
}
.width-84::part(native) {
  width: 84px;
}
.width-84-percent {
  width: 84%;
}
.width-84-percent::part(native) {
  width: 84%;
}
.width-84-ion {
  --width: 84px;
}
.width-84-ion-percent {
  --width: 84%;
}
.width-min-84 {
  min-width: 84px;
  width: 84px;
}
.width-min-84-ion {
  --min-width: 84px;
  --width: 84px;
}
.width-max-84 {
  max-width: 84px;
  width: 84px;
}
.width-max-84-ion {
  --max-width: 84px;
  --width: 84px;
}

.height-425 {
  height: 425px;
}
.height-425::part(native) {
  height: 425px;
}
.height-425-percent {
  height: 425%;
}
.height-425-percent::part(native) {
  height: 425%;
}
.height-425-ion {
  --height: 425px;
}
.height-425-ion-percent {
  --height: 425%;
}
.height-min-425 {
  min-height: 425px;
  height: 425px;
}
.height-min-425-ion {
  --min-height: 425px;
  --height: 425px;
}
.height-max-425 {
  max-height: 425px;
  height: 425px;
}
.height-max-425-ion {
  --msx-height: 425px;
  --height: 425px;
}

.width-425 {
  width: 425px;
}
.width-425::part(native) {
  width: 425px;
}
.width-425-percent {
  width: 425%;
}
.width-425-percent::part(native) {
  width: 425%;
}
.width-425-ion {
  --width: 425px;
}
.width-425-ion-percent {
  --width: 425%;
}
.width-min-425 {
  min-width: 425px;
  width: 425px;
}
.width-min-425-ion {
  --min-width: 425px;
  --width: 425px;
}
.width-max-425 {
  max-width: 425px;
  width: 425px;
}
.width-max-425-ion {
  --max-width: 425px;
  --width: 425px;
}

.height-85 {
  height: 85px;
}
.height-85::part(native) {
  height: 85px;
}
.height-85-percent {
  height: 85%;
}
.height-85-percent::part(native) {
  height: 85%;
}
.height-85-ion {
  --height: 85px;
}
.height-85-ion-percent {
  --height: 85%;
}
.height-min-85 {
  min-height: 85px;
  height: 85px;
}
.height-min-85-ion {
  --min-height: 85px;
  --height: 85px;
}
.height-max-85 {
  max-height: 85px;
  height: 85px;
}
.height-max-85-ion {
  --msx-height: 85px;
  --height: 85px;
}

.width-85 {
  width: 85px;
}
.width-85::part(native) {
  width: 85px;
}
.width-85-percent {
  width: 85%;
}
.width-85-percent::part(native) {
  width: 85%;
}
.width-85-ion {
  --width: 85px;
}
.width-85-ion-percent {
  --width: 85%;
}
.width-min-85 {
  min-width: 85px;
  width: 85px;
}
.width-min-85-ion {
  --min-width: 85px;
  --width: 85px;
}
.width-max-85 {
  max-width: 85px;
  width: 85px;
}
.width-max-85-ion {
  --max-width: 85px;
  --width: 85px;
}

.height-430 {
  height: 430px;
}
.height-430::part(native) {
  height: 430px;
}
.height-430-percent {
  height: 430%;
}
.height-430-percent::part(native) {
  height: 430%;
}
.height-430-ion {
  --height: 430px;
}
.height-430-ion-percent {
  --height: 430%;
}
.height-min-430 {
  min-height: 430px;
  height: 430px;
}
.height-min-430-ion {
  --min-height: 430px;
  --height: 430px;
}
.height-max-430 {
  max-height: 430px;
  height: 430px;
}
.height-max-430-ion {
  --msx-height: 430px;
  --height: 430px;
}

.width-430 {
  width: 430px;
}
.width-430::part(native) {
  width: 430px;
}
.width-430-percent {
  width: 430%;
}
.width-430-percent::part(native) {
  width: 430%;
}
.width-430-ion {
  --width: 430px;
}
.width-430-ion-percent {
  --width: 430%;
}
.width-min-430 {
  min-width: 430px;
  width: 430px;
}
.width-min-430-ion {
  --min-width: 430px;
  --width: 430px;
}
.width-max-430 {
  max-width: 430px;
  width: 430px;
}
.width-max-430-ion {
  --max-width: 430px;
  --width: 430px;
}

.height-86 {
  height: 86px;
}
.height-86::part(native) {
  height: 86px;
}
.height-86-percent {
  height: 86%;
}
.height-86-percent::part(native) {
  height: 86%;
}
.height-86-ion {
  --height: 86px;
}
.height-86-ion-percent {
  --height: 86%;
}
.height-min-86 {
  min-height: 86px;
  height: 86px;
}
.height-min-86-ion {
  --min-height: 86px;
  --height: 86px;
}
.height-max-86 {
  max-height: 86px;
  height: 86px;
}
.height-max-86-ion {
  --msx-height: 86px;
  --height: 86px;
}

.width-86 {
  width: 86px;
}
.width-86::part(native) {
  width: 86px;
}
.width-86-percent {
  width: 86%;
}
.width-86-percent::part(native) {
  width: 86%;
}
.width-86-ion {
  --width: 86px;
}
.width-86-ion-percent {
  --width: 86%;
}
.width-min-86 {
  min-width: 86px;
  width: 86px;
}
.width-min-86-ion {
  --min-width: 86px;
  --width: 86px;
}
.width-max-86 {
  max-width: 86px;
  width: 86px;
}
.width-max-86-ion {
  --max-width: 86px;
  --width: 86px;
}

.height-435 {
  height: 435px;
}
.height-435::part(native) {
  height: 435px;
}
.height-435-percent {
  height: 435%;
}
.height-435-percent::part(native) {
  height: 435%;
}
.height-435-ion {
  --height: 435px;
}
.height-435-ion-percent {
  --height: 435%;
}
.height-min-435 {
  min-height: 435px;
  height: 435px;
}
.height-min-435-ion {
  --min-height: 435px;
  --height: 435px;
}
.height-max-435 {
  max-height: 435px;
  height: 435px;
}
.height-max-435-ion {
  --msx-height: 435px;
  --height: 435px;
}

.width-435 {
  width: 435px;
}
.width-435::part(native) {
  width: 435px;
}
.width-435-percent {
  width: 435%;
}
.width-435-percent::part(native) {
  width: 435%;
}
.width-435-ion {
  --width: 435px;
}
.width-435-ion-percent {
  --width: 435%;
}
.width-min-435 {
  min-width: 435px;
  width: 435px;
}
.width-min-435-ion {
  --min-width: 435px;
  --width: 435px;
}
.width-max-435 {
  max-width: 435px;
  width: 435px;
}
.width-max-435-ion {
  --max-width: 435px;
  --width: 435px;
}

.height-87 {
  height: 87px;
}
.height-87::part(native) {
  height: 87px;
}
.height-87-percent {
  height: 87%;
}
.height-87-percent::part(native) {
  height: 87%;
}
.height-87-ion {
  --height: 87px;
}
.height-87-ion-percent {
  --height: 87%;
}
.height-min-87 {
  min-height: 87px;
  height: 87px;
}
.height-min-87-ion {
  --min-height: 87px;
  --height: 87px;
}
.height-max-87 {
  max-height: 87px;
  height: 87px;
}
.height-max-87-ion {
  --msx-height: 87px;
  --height: 87px;
}

.width-87 {
  width: 87px;
}
.width-87::part(native) {
  width: 87px;
}
.width-87-percent {
  width: 87%;
}
.width-87-percent::part(native) {
  width: 87%;
}
.width-87-ion {
  --width: 87px;
}
.width-87-ion-percent {
  --width: 87%;
}
.width-min-87 {
  min-width: 87px;
  width: 87px;
}
.width-min-87-ion {
  --min-width: 87px;
  --width: 87px;
}
.width-max-87 {
  max-width: 87px;
  width: 87px;
}
.width-max-87-ion {
  --max-width: 87px;
  --width: 87px;
}

.height-440 {
  height: 440px;
}
.height-440::part(native) {
  height: 440px;
}
.height-440-percent {
  height: 440%;
}
.height-440-percent::part(native) {
  height: 440%;
}
.height-440-ion {
  --height: 440px;
}
.height-440-ion-percent {
  --height: 440%;
}
.height-min-440 {
  min-height: 440px;
  height: 440px;
}
.height-min-440-ion {
  --min-height: 440px;
  --height: 440px;
}
.height-max-440 {
  max-height: 440px;
  height: 440px;
}
.height-max-440-ion {
  --msx-height: 440px;
  --height: 440px;
}

.width-440 {
  width: 440px;
}
.width-440::part(native) {
  width: 440px;
}
.width-440-percent {
  width: 440%;
}
.width-440-percent::part(native) {
  width: 440%;
}
.width-440-ion {
  --width: 440px;
}
.width-440-ion-percent {
  --width: 440%;
}
.width-min-440 {
  min-width: 440px;
  width: 440px;
}
.width-min-440-ion {
  --min-width: 440px;
  --width: 440px;
}
.width-max-440 {
  max-width: 440px;
  width: 440px;
}
.width-max-440-ion {
  --max-width: 440px;
  --width: 440px;
}

.height-88 {
  height: 88px;
}
.height-88::part(native) {
  height: 88px;
}
.height-88-percent {
  height: 88%;
}
.height-88-percent::part(native) {
  height: 88%;
}
.height-88-ion {
  --height: 88px;
}
.height-88-ion-percent {
  --height: 88%;
}
.height-min-88 {
  min-height: 88px;
  height: 88px;
}
.height-min-88-ion {
  --min-height: 88px;
  --height: 88px;
}
.height-max-88 {
  max-height: 88px;
  height: 88px;
}
.height-max-88-ion {
  --msx-height: 88px;
  --height: 88px;
}

.width-88 {
  width: 88px;
}
.width-88::part(native) {
  width: 88px;
}
.width-88-percent {
  width: 88%;
}
.width-88-percent::part(native) {
  width: 88%;
}
.width-88-ion {
  --width: 88px;
}
.width-88-ion-percent {
  --width: 88%;
}
.width-min-88 {
  min-width: 88px;
  width: 88px;
}
.width-min-88-ion {
  --min-width: 88px;
  --width: 88px;
}
.width-max-88 {
  max-width: 88px;
  width: 88px;
}
.width-max-88-ion {
  --max-width: 88px;
  --width: 88px;
}

.height-445 {
  height: 445px;
}
.height-445::part(native) {
  height: 445px;
}
.height-445-percent {
  height: 445%;
}
.height-445-percent::part(native) {
  height: 445%;
}
.height-445-ion {
  --height: 445px;
}
.height-445-ion-percent {
  --height: 445%;
}
.height-min-445 {
  min-height: 445px;
  height: 445px;
}
.height-min-445-ion {
  --min-height: 445px;
  --height: 445px;
}
.height-max-445 {
  max-height: 445px;
  height: 445px;
}
.height-max-445-ion {
  --msx-height: 445px;
  --height: 445px;
}

.width-445 {
  width: 445px;
}
.width-445::part(native) {
  width: 445px;
}
.width-445-percent {
  width: 445%;
}
.width-445-percent::part(native) {
  width: 445%;
}
.width-445-ion {
  --width: 445px;
}
.width-445-ion-percent {
  --width: 445%;
}
.width-min-445 {
  min-width: 445px;
  width: 445px;
}
.width-min-445-ion {
  --min-width: 445px;
  --width: 445px;
}
.width-max-445 {
  max-width: 445px;
  width: 445px;
}
.width-max-445-ion {
  --max-width: 445px;
  --width: 445px;
}

.height-89 {
  height: 89px;
}
.height-89::part(native) {
  height: 89px;
}
.height-89-percent {
  height: 89%;
}
.height-89-percent::part(native) {
  height: 89%;
}
.height-89-ion {
  --height: 89px;
}
.height-89-ion-percent {
  --height: 89%;
}
.height-min-89 {
  min-height: 89px;
  height: 89px;
}
.height-min-89-ion {
  --min-height: 89px;
  --height: 89px;
}
.height-max-89 {
  max-height: 89px;
  height: 89px;
}
.height-max-89-ion {
  --msx-height: 89px;
  --height: 89px;
}

.width-89 {
  width: 89px;
}
.width-89::part(native) {
  width: 89px;
}
.width-89-percent {
  width: 89%;
}
.width-89-percent::part(native) {
  width: 89%;
}
.width-89-ion {
  --width: 89px;
}
.width-89-ion-percent {
  --width: 89%;
}
.width-min-89 {
  min-width: 89px;
  width: 89px;
}
.width-min-89-ion {
  --min-width: 89px;
  --width: 89px;
}
.width-max-89 {
  max-width: 89px;
  width: 89px;
}
.width-max-89-ion {
  --max-width: 89px;
  --width: 89px;
}

.height-450 {
  height: 450px;
}
.height-450::part(native) {
  height: 450px;
}
.height-450-percent {
  height: 450%;
}
.height-450-percent::part(native) {
  height: 450%;
}
.height-450-ion {
  --height: 450px;
}
.height-450-ion-percent {
  --height: 450%;
}
.height-min-450 {
  min-height: 450px;
  height: 450px;
}
.height-min-450-ion {
  --min-height: 450px;
  --height: 450px;
}
.height-max-450 {
  max-height: 450px;
  height: 450px;
}
.height-max-450-ion {
  --msx-height: 450px;
  --height: 450px;
}

.width-450 {
  width: 450px;
}
.width-450::part(native) {
  width: 450px;
}
.width-450-percent {
  width: 450%;
}
.width-450-percent::part(native) {
  width: 450%;
}
.width-450-ion {
  --width: 450px;
}
.width-450-ion-percent {
  --width: 450%;
}
.width-min-450 {
  min-width: 450px;
  width: 450px;
}
.width-min-450-ion {
  --min-width: 450px;
  --width: 450px;
}
.width-max-450 {
  max-width: 450px;
  width: 450px;
}
.width-max-450-ion {
  --max-width: 450px;
  --width: 450px;
}

.height-90 {
  height: 90px;
}
.height-90::part(native) {
  height: 90px;
}
.height-90-percent {
  height: 90%;
}
.height-90-percent::part(native) {
  height: 90%;
}
.height-90-ion {
  --height: 90px;
}
.height-90-ion-percent {
  --height: 90%;
}
.height-min-90 {
  min-height: 90px;
  height: 90px;
}
.height-min-90-ion {
  --min-height: 90px;
  --height: 90px;
}
.height-max-90 {
  max-height: 90px;
  height: 90px;
}
.height-max-90-ion {
  --msx-height: 90px;
  --height: 90px;
}

.width-90 {
  width: 90px;
}
.width-90::part(native) {
  width: 90px;
}
.width-90-percent {
  width: 90%;
}
.width-90-percent::part(native) {
  width: 90%;
}
.width-90-ion {
  --width: 90px;
}
.width-90-ion-percent {
  --width: 90%;
}
.width-min-90 {
  min-width: 90px;
  width: 90px;
}
.width-min-90-ion {
  --min-width: 90px;
  --width: 90px;
}
.width-max-90 {
  max-width: 90px;
  width: 90px;
}
.width-max-90-ion {
  --max-width: 90px;
  --width: 90px;
}

.height-455 {
  height: 455px;
}
.height-455::part(native) {
  height: 455px;
}
.height-455-percent {
  height: 455%;
}
.height-455-percent::part(native) {
  height: 455%;
}
.height-455-ion {
  --height: 455px;
}
.height-455-ion-percent {
  --height: 455%;
}
.height-min-455 {
  min-height: 455px;
  height: 455px;
}
.height-min-455-ion {
  --min-height: 455px;
  --height: 455px;
}
.height-max-455 {
  max-height: 455px;
  height: 455px;
}
.height-max-455-ion {
  --msx-height: 455px;
  --height: 455px;
}

.width-455 {
  width: 455px;
}
.width-455::part(native) {
  width: 455px;
}
.width-455-percent {
  width: 455%;
}
.width-455-percent::part(native) {
  width: 455%;
}
.width-455-ion {
  --width: 455px;
}
.width-455-ion-percent {
  --width: 455%;
}
.width-min-455 {
  min-width: 455px;
  width: 455px;
}
.width-min-455-ion {
  --min-width: 455px;
  --width: 455px;
}
.width-max-455 {
  max-width: 455px;
  width: 455px;
}
.width-max-455-ion {
  --max-width: 455px;
  --width: 455px;
}

.height-91 {
  height: 91px;
}
.height-91::part(native) {
  height: 91px;
}
.height-91-percent {
  height: 91%;
}
.height-91-percent::part(native) {
  height: 91%;
}
.height-91-ion {
  --height: 91px;
}
.height-91-ion-percent {
  --height: 91%;
}
.height-min-91 {
  min-height: 91px;
  height: 91px;
}
.height-min-91-ion {
  --min-height: 91px;
  --height: 91px;
}
.height-max-91 {
  max-height: 91px;
  height: 91px;
}
.height-max-91-ion {
  --msx-height: 91px;
  --height: 91px;
}

.width-91 {
  width: 91px;
}
.width-91::part(native) {
  width: 91px;
}
.width-91-percent {
  width: 91%;
}
.width-91-percent::part(native) {
  width: 91%;
}
.width-91-ion {
  --width: 91px;
}
.width-91-ion-percent {
  --width: 91%;
}
.width-min-91 {
  min-width: 91px;
  width: 91px;
}
.width-min-91-ion {
  --min-width: 91px;
  --width: 91px;
}
.width-max-91 {
  max-width: 91px;
  width: 91px;
}
.width-max-91-ion {
  --max-width: 91px;
  --width: 91px;
}

.height-460 {
  height: 460px;
}
.height-460::part(native) {
  height: 460px;
}
.height-460-percent {
  height: 460%;
}
.height-460-percent::part(native) {
  height: 460%;
}
.height-460-ion {
  --height: 460px;
}
.height-460-ion-percent {
  --height: 460%;
}
.height-min-460 {
  min-height: 460px;
  height: 460px;
}
.height-min-460-ion {
  --min-height: 460px;
  --height: 460px;
}
.height-max-460 {
  max-height: 460px;
  height: 460px;
}
.height-max-460-ion {
  --msx-height: 460px;
  --height: 460px;
}

.width-460 {
  width: 460px;
}
.width-460::part(native) {
  width: 460px;
}
.width-460-percent {
  width: 460%;
}
.width-460-percent::part(native) {
  width: 460%;
}
.width-460-ion {
  --width: 460px;
}
.width-460-ion-percent {
  --width: 460%;
}
.width-min-460 {
  min-width: 460px;
  width: 460px;
}
.width-min-460-ion {
  --min-width: 460px;
  --width: 460px;
}
.width-max-460 {
  max-width: 460px;
  width: 460px;
}
.width-max-460-ion {
  --max-width: 460px;
  --width: 460px;
}

.height-92 {
  height: 92px;
}
.height-92::part(native) {
  height: 92px;
}
.height-92-percent {
  height: 92%;
}
.height-92-percent::part(native) {
  height: 92%;
}
.height-92-ion {
  --height: 92px;
}
.height-92-ion-percent {
  --height: 92%;
}
.height-min-92 {
  min-height: 92px;
  height: 92px;
}
.height-min-92-ion {
  --min-height: 92px;
  --height: 92px;
}
.height-max-92 {
  max-height: 92px;
  height: 92px;
}
.height-max-92-ion {
  --msx-height: 92px;
  --height: 92px;
}

.width-92 {
  width: 92px;
}
.width-92::part(native) {
  width: 92px;
}
.width-92-percent {
  width: 92%;
}
.width-92-percent::part(native) {
  width: 92%;
}
.width-92-ion {
  --width: 92px;
}
.width-92-ion-percent {
  --width: 92%;
}
.width-min-92 {
  min-width: 92px;
  width: 92px;
}
.width-min-92-ion {
  --min-width: 92px;
  --width: 92px;
}
.width-max-92 {
  max-width: 92px;
  width: 92px;
}
.width-max-92-ion {
  --max-width: 92px;
  --width: 92px;
}

.height-465 {
  height: 465px;
}
.height-465::part(native) {
  height: 465px;
}
.height-465-percent {
  height: 465%;
}
.height-465-percent::part(native) {
  height: 465%;
}
.height-465-ion {
  --height: 465px;
}
.height-465-ion-percent {
  --height: 465%;
}
.height-min-465 {
  min-height: 465px;
  height: 465px;
}
.height-min-465-ion {
  --min-height: 465px;
  --height: 465px;
}
.height-max-465 {
  max-height: 465px;
  height: 465px;
}
.height-max-465-ion {
  --msx-height: 465px;
  --height: 465px;
}

.width-465 {
  width: 465px;
}
.width-465::part(native) {
  width: 465px;
}
.width-465-percent {
  width: 465%;
}
.width-465-percent::part(native) {
  width: 465%;
}
.width-465-ion {
  --width: 465px;
}
.width-465-ion-percent {
  --width: 465%;
}
.width-min-465 {
  min-width: 465px;
  width: 465px;
}
.width-min-465-ion {
  --min-width: 465px;
  --width: 465px;
}
.width-max-465 {
  max-width: 465px;
  width: 465px;
}
.width-max-465-ion {
  --max-width: 465px;
  --width: 465px;
}

.height-93 {
  height: 93px;
}
.height-93::part(native) {
  height: 93px;
}
.height-93-percent {
  height: 93%;
}
.height-93-percent::part(native) {
  height: 93%;
}
.height-93-ion {
  --height: 93px;
}
.height-93-ion-percent {
  --height: 93%;
}
.height-min-93 {
  min-height: 93px;
  height: 93px;
}
.height-min-93-ion {
  --min-height: 93px;
  --height: 93px;
}
.height-max-93 {
  max-height: 93px;
  height: 93px;
}
.height-max-93-ion {
  --msx-height: 93px;
  --height: 93px;
}

.width-93 {
  width: 93px;
}
.width-93::part(native) {
  width: 93px;
}
.width-93-percent {
  width: 93%;
}
.width-93-percent::part(native) {
  width: 93%;
}
.width-93-ion {
  --width: 93px;
}
.width-93-ion-percent {
  --width: 93%;
}
.width-min-93 {
  min-width: 93px;
  width: 93px;
}
.width-min-93-ion {
  --min-width: 93px;
  --width: 93px;
}
.width-max-93 {
  max-width: 93px;
  width: 93px;
}
.width-max-93-ion {
  --max-width: 93px;
  --width: 93px;
}

.height-470 {
  height: 470px;
}
.height-470::part(native) {
  height: 470px;
}
.height-470-percent {
  height: 470%;
}
.height-470-percent::part(native) {
  height: 470%;
}
.height-470-ion {
  --height: 470px;
}
.height-470-ion-percent {
  --height: 470%;
}
.height-min-470 {
  min-height: 470px;
  height: 470px;
}
.height-min-470-ion {
  --min-height: 470px;
  --height: 470px;
}
.height-max-470 {
  max-height: 470px;
  height: 470px;
}
.height-max-470-ion {
  --msx-height: 470px;
  --height: 470px;
}

.width-470 {
  width: 470px;
}
.width-470::part(native) {
  width: 470px;
}
.width-470-percent {
  width: 470%;
}
.width-470-percent::part(native) {
  width: 470%;
}
.width-470-ion {
  --width: 470px;
}
.width-470-ion-percent {
  --width: 470%;
}
.width-min-470 {
  min-width: 470px;
  width: 470px;
}
.width-min-470-ion {
  --min-width: 470px;
  --width: 470px;
}
.width-max-470 {
  max-width: 470px;
  width: 470px;
}
.width-max-470-ion {
  --max-width: 470px;
  --width: 470px;
}

.height-94 {
  height: 94px;
}
.height-94::part(native) {
  height: 94px;
}
.height-94-percent {
  height: 94%;
}
.height-94-percent::part(native) {
  height: 94%;
}
.height-94-ion {
  --height: 94px;
}
.height-94-ion-percent {
  --height: 94%;
}
.height-min-94 {
  min-height: 94px;
  height: 94px;
}
.height-min-94-ion {
  --min-height: 94px;
  --height: 94px;
}
.height-max-94 {
  max-height: 94px;
  height: 94px;
}
.height-max-94-ion {
  --msx-height: 94px;
  --height: 94px;
}

.width-94 {
  width: 94px;
}
.width-94::part(native) {
  width: 94px;
}
.width-94-percent {
  width: 94%;
}
.width-94-percent::part(native) {
  width: 94%;
}
.width-94-ion {
  --width: 94px;
}
.width-94-ion-percent {
  --width: 94%;
}
.width-min-94 {
  min-width: 94px;
  width: 94px;
}
.width-min-94-ion {
  --min-width: 94px;
  --width: 94px;
}
.width-max-94 {
  max-width: 94px;
  width: 94px;
}
.width-max-94-ion {
  --max-width: 94px;
  --width: 94px;
}

.height-475 {
  height: 475px;
}
.height-475::part(native) {
  height: 475px;
}
.height-475-percent {
  height: 475%;
}
.height-475-percent::part(native) {
  height: 475%;
}
.height-475-ion {
  --height: 475px;
}
.height-475-ion-percent {
  --height: 475%;
}
.height-min-475 {
  min-height: 475px;
  height: 475px;
}
.height-min-475-ion {
  --min-height: 475px;
  --height: 475px;
}
.height-max-475 {
  max-height: 475px;
  height: 475px;
}
.height-max-475-ion {
  --msx-height: 475px;
  --height: 475px;
}

.width-475 {
  width: 475px;
}
.width-475::part(native) {
  width: 475px;
}
.width-475-percent {
  width: 475%;
}
.width-475-percent::part(native) {
  width: 475%;
}
.width-475-ion {
  --width: 475px;
}
.width-475-ion-percent {
  --width: 475%;
}
.width-min-475 {
  min-width: 475px;
  width: 475px;
}
.width-min-475-ion {
  --min-width: 475px;
  --width: 475px;
}
.width-max-475 {
  max-width: 475px;
  width: 475px;
}
.width-max-475-ion {
  --max-width: 475px;
  --width: 475px;
}

.height-95 {
  height: 95px;
}
.height-95::part(native) {
  height: 95px;
}
.height-95-percent {
  height: 95%;
}
.height-95-percent::part(native) {
  height: 95%;
}
.height-95-ion {
  --height: 95px;
}
.height-95-ion-percent {
  --height: 95%;
}
.height-min-95 {
  min-height: 95px;
  height: 95px;
}
.height-min-95-ion {
  --min-height: 95px;
  --height: 95px;
}
.height-max-95 {
  max-height: 95px;
  height: 95px;
}
.height-max-95-ion {
  --msx-height: 95px;
  --height: 95px;
}

.width-95 {
  width: 95px;
}
.width-95::part(native) {
  width: 95px;
}
.width-95-percent {
  width: 95%;
}
.width-95-percent::part(native) {
  width: 95%;
}
.width-95-ion {
  --width: 95px;
}
.width-95-ion-percent {
  --width: 95%;
}
.width-min-95 {
  min-width: 95px;
  width: 95px;
}
.width-min-95-ion {
  --min-width: 95px;
  --width: 95px;
}
.width-max-95 {
  max-width: 95px;
  width: 95px;
}
.width-max-95-ion {
  --max-width: 95px;
  --width: 95px;
}

.height-480 {
  height: 480px;
}
.height-480::part(native) {
  height: 480px;
}
.height-480-percent {
  height: 480%;
}
.height-480-percent::part(native) {
  height: 480%;
}
.height-480-ion {
  --height: 480px;
}
.height-480-ion-percent {
  --height: 480%;
}
.height-min-480 {
  min-height: 480px;
  height: 480px;
}
.height-min-480-ion {
  --min-height: 480px;
  --height: 480px;
}
.height-max-480 {
  max-height: 480px;
  height: 480px;
}
.height-max-480-ion {
  --msx-height: 480px;
  --height: 480px;
}

.width-480 {
  width: 480px;
}
.width-480::part(native) {
  width: 480px;
}
.width-480-percent {
  width: 480%;
}
.width-480-percent::part(native) {
  width: 480%;
}
.width-480-ion {
  --width: 480px;
}
.width-480-ion-percent {
  --width: 480%;
}
.width-min-480 {
  min-width: 480px;
  width: 480px;
}
.width-min-480-ion {
  --min-width: 480px;
  --width: 480px;
}
.width-max-480 {
  max-width: 480px;
  width: 480px;
}
.width-max-480-ion {
  --max-width: 480px;
  --width: 480px;
}

.height-96 {
  height: 96px;
}
.height-96::part(native) {
  height: 96px;
}
.height-96-percent {
  height: 96%;
}
.height-96-percent::part(native) {
  height: 96%;
}
.height-96-ion {
  --height: 96px;
}
.height-96-ion-percent {
  --height: 96%;
}
.height-min-96 {
  min-height: 96px;
  height: 96px;
}
.height-min-96-ion {
  --min-height: 96px;
  --height: 96px;
}
.height-max-96 {
  max-height: 96px;
  height: 96px;
}
.height-max-96-ion {
  --msx-height: 96px;
  --height: 96px;
}

.width-96 {
  width: 96px;
}
.width-96::part(native) {
  width: 96px;
}
.width-96-percent {
  width: 96%;
}
.width-96-percent::part(native) {
  width: 96%;
}
.width-96-ion {
  --width: 96px;
}
.width-96-ion-percent {
  --width: 96%;
}
.width-min-96 {
  min-width: 96px;
  width: 96px;
}
.width-min-96-ion {
  --min-width: 96px;
  --width: 96px;
}
.width-max-96 {
  max-width: 96px;
  width: 96px;
}
.width-max-96-ion {
  --max-width: 96px;
  --width: 96px;
}

.height-485 {
  height: 485px;
}
.height-485::part(native) {
  height: 485px;
}
.height-485-percent {
  height: 485%;
}
.height-485-percent::part(native) {
  height: 485%;
}
.height-485-ion {
  --height: 485px;
}
.height-485-ion-percent {
  --height: 485%;
}
.height-min-485 {
  min-height: 485px;
  height: 485px;
}
.height-min-485-ion {
  --min-height: 485px;
  --height: 485px;
}
.height-max-485 {
  max-height: 485px;
  height: 485px;
}
.height-max-485-ion {
  --msx-height: 485px;
  --height: 485px;
}

.width-485 {
  width: 485px;
}
.width-485::part(native) {
  width: 485px;
}
.width-485-percent {
  width: 485%;
}
.width-485-percent::part(native) {
  width: 485%;
}
.width-485-ion {
  --width: 485px;
}
.width-485-ion-percent {
  --width: 485%;
}
.width-min-485 {
  min-width: 485px;
  width: 485px;
}
.width-min-485-ion {
  --min-width: 485px;
  --width: 485px;
}
.width-max-485 {
  max-width: 485px;
  width: 485px;
}
.width-max-485-ion {
  --max-width: 485px;
  --width: 485px;
}

.height-97 {
  height: 97px;
}
.height-97::part(native) {
  height: 97px;
}
.height-97-percent {
  height: 97%;
}
.height-97-percent::part(native) {
  height: 97%;
}
.height-97-ion {
  --height: 97px;
}
.height-97-ion-percent {
  --height: 97%;
}
.height-min-97 {
  min-height: 97px;
  height: 97px;
}
.height-min-97-ion {
  --min-height: 97px;
  --height: 97px;
}
.height-max-97 {
  max-height: 97px;
  height: 97px;
}
.height-max-97-ion {
  --msx-height: 97px;
  --height: 97px;
}

.width-97 {
  width: 97px;
}
.width-97::part(native) {
  width: 97px;
}
.width-97-percent {
  width: 97%;
}
.width-97-percent::part(native) {
  width: 97%;
}
.width-97-ion {
  --width: 97px;
}
.width-97-ion-percent {
  --width: 97%;
}
.width-min-97 {
  min-width: 97px;
  width: 97px;
}
.width-min-97-ion {
  --min-width: 97px;
  --width: 97px;
}
.width-max-97 {
  max-width: 97px;
  width: 97px;
}
.width-max-97-ion {
  --max-width: 97px;
  --width: 97px;
}

.height-490 {
  height: 490px;
}
.height-490::part(native) {
  height: 490px;
}
.height-490-percent {
  height: 490%;
}
.height-490-percent::part(native) {
  height: 490%;
}
.height-490-ion {
  --height: 490px;
}
.height-490-ion-percent {
  --height: 490%;
}
.height-min-490 {
  min-height: 490px;
  height: 490px;
}
.height-min-490-ion {
  --min-height: 490px;
  --height: 490px;
}
.height-max-490 {
  max-height: 490px;
  height: 490px;
}
.height-max-490-ion {
  --msx-height: 490px;
  --height: 490px;
}

.width-490 {
  width: 490px;
}
.width-490::part(native) {
  width: 490px;
}
.width-490-percent {
  width: 490%;
}
.width-490-percent::part(native) {
  width: 490%;
}
.width-490-ion {
  --width: 490px;
}
.width-490-ion-percent {
  --width: 490%;
}
.width-min-490 {
  min-width: 490px;
  width: 490px;
}
.width-min-490-ion {
  --min-width: 490px;
  --width: 490px;
}
.width-max-490 {
  max-width: 490px;
  width: 490px;
}
.width-max-490-ion {
  --max-width: 490px;
  --width: 490px;
}

.height-98 {
  height: 98px;
}
.height-98::part(native) {
  height: 98px;
}
.height-98-percent {
  height: 98%;
}
.height-98-percent::part(native) {
  height: 98%;
}
.height-98-ion {
  --height: 98px;
}
.height-98-ion-percent {
  --height: 98%;
}
.height-min-98 {
  min-height: 98px;
  height: 98px;
}
.height-min-98-ion {
  --min-height: 98px;
  --height: 98px;
}
.height-max-98 {
  max-height: 98px;
  height: 98px;
}
.height-max-98-ion {
  --msx-height: 98px;
  --height: 98px;
}

.width-98 {
  width: 98px;
}
.width-98::part(native) {
  width: 98px;
}
.width-98-percent {
  width: 98%;
}
.width-98-percent::part(native) {
  width: 98%;
}
.width-98-ion {
  --width: 98px;
}
.width-98-ion-percent {
  --width: 98%;
}
.width-min-98 {
  min-width: 98px;
  width: 98px;
}
.width-min-98-ion {
  --min-width: 98px;
  --width: 98px;
}
.width-max-98 {
  max-width: 98px;
  width: 98px;
}
.width-max-98-ion {
  --max-width: 98px;
  --width: 98px;
}

.height-495 {
  height: 495px;
}
.height-495::part(native) {
  height: 495px;
}
.height-495-percent {
  height: 495%;
}
.height-495-percent::part(native) {
  height: 495%;
}
.height-495-ion {
  --height: 495px;
}
.height-495-ion-percent {
  --height: 495%;
}
.height-min-495 {
  min-height: 495px;
  height: 495px;
}
.height-min-495-ion {
  --min-height: 495px;
  --height: 495px;
}
.height-max-495 {
  max-height: 495px;
  height: 495px;
}
.height-max-495-ion {
  --msx-height: 495px;
  --height: 495px;
}

.width-495 {
  width: 495px;
}
.width-495::part(native) {
  width: 495px;
}
.width-495-percent {
  width: 495%;
}
.width-495-percent::part(native) {
  width: 495%;
}
.width-495-ion {
  --width: 495px;
}
.width-495-ion-percent {
  --width: 495%;
}
.width-min-495 {
  min-width: 495px;
  width: 495px;
}
.width-min-495-ion {
  --min-width: 495px;
  --width: 495px;
}
.width-max-495 {
  max-width: 495px;
  width: 495px;
}
.width-max-495-ion {
  --max-width: 495px;
  --width: 495px;
}

.height-99 {
  height: 99px;
}
.height-99::part(native) {
  height: 99px;
}
.height-99-percent {
  height: 99%;
}
.height-99-percent::part(native) {
  height: 99%;
}
.height-99-ion {
  --height: 99px;
}
.height-99-ion-percent {
  --height: 99%;
}
.height-min-99 {
  min-height: 99px;
  height: 99px;
}
.height-min-99-ion {
  --min-height: 99px;
  --height: 99px;
}
.height-max-99 {
  max-height: 99px;
  height: 99px;
}
.height-max-99-ion {
  --msx-height: 99px;
  --height: 99px;
}

.width-99 {
  width: 99px;
}
.width-99::part(native) {
  width: 99px;
}
.width-99-percent {
  width: 99%;
}
.width-99-percent::part(native) {
  width: 99%;
}
.width-99-ion {
  --width: 99px;
}
.width-99-ion-percent {
  --width: 99%;
}
.width-min-99 {
  min-width: 99px;
  width: 99px;
}
.width-min-99-ion {
  --min-width: 99px;
  --width: 99px;
}
.width-max-99 {
  max-width: 99px;
  width: 99px;
}
.width-max-99-ion {
  --max-width: 99px;
  --width: 99px;
}

.height-500 {
  height: 500px;
}
.height-500::part(native) {
  height: 500px;
}
.height-500-percent {
  height: 500%;
}
.height-500-percent::part(native) {
  height: 500%;
}
.height-500-ion {
  --height: 500px;
}
.height-500-ion-percent {
  --height: 500%;
}
.height-min-500 {
  min-height: 500px;
  height: 500px;
}
.height-min-500-ion {
  --min-height: 500px;
  --height: 500px;
}
.height-max-500 {
  max-height: 500px;
  height: 500px;
}
.height-max-500-ion {
  --msx-height: 500px;
  --height: 500px;
}

.width-500 {
  width: 500px;
}
.width-500::part(native) {
  width: 500px;
}
.width-500-percent {
  width: 500%;
}
.width-500-percent::part(native) {
  width: 500%;
}
.width-500-ion {
  --width: 500px;
}
.width-500-ion-percent {
  --width: 500%;
}
.width-min-500 {
  min-width: 500px;
  width: 500px;
}
.width-min-500-ion {
  --min-width: 500px;
  --width: 500px;
}
.width-max-500 {
  max-width: 500px;
  width: 500px;
}
.width-max-500-ion {
  --max-width: 500px;
  --width: 500px;
}

.height-100 {
  height: 100px;
}
.height-100::part(native) {
  height: 100px;
}
.height-100-percent {
  height: 100%;
}
.height-100-percent::part(native) {
  height: 100%;
}
.height-100-ion {
  --height: 100px;
}
.height-100-ion-percent {
  --height: 100%;
}
.height-min-100 {
  min-height: 100px;
  height: 100px;
}
.height-min-100-ion {
  --min-height: 100px;
  --height: 100px;
}
.height-max-100 {
  max-height: 100px;
  height: 100px;
}
.height-max-100-ion {
  --msx-height: 100px;
  --height: 100px;
}

.width-100 {
  width: 100px;
}
.width-100::part(native) {
  width: 100px;
}
.width-100-percent {
  width: 100%;
}
.width-100-percent::part(native) {
  width: 100%;
}
.width-100-ion {
  --width: 100px;
}
.width-100-ion-percent {
  --width: 100%;
}
.width-min-100 {
  min-width: 100px;
  width: 100px;
}
.width-min-100-ion {
  --min-width: 100px;
  --width: 100px;
}
.width-max-100 {
  max-width: 100px;
  width: 100px;
}
.width-max-100-ion {
  --max-width: 100px;
  --width: 100px;
}

.m-auto {
  margin: auto;
}

.d-block {
  display: block;
}

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

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

.d-flex,
.d-flex-i {
  flex-direction: column;
}
.d-flex.row,
.d-flex-i.row {
  flex-direction: row;
}
.d-flex.row-reverse,
.d-flex-i.row-reverse {
  flex-direction: row-reverse;
}
.d-flex.column,
.d-flex-i.column {
  flex-direction: column;
}
.d-flex.column-reverse,
.d-flex-i.column-reverse {
  flex-direction: column-reverse;
}
.d-flex.wrap,
.d-flex-i.wrap {
  flex-wrap: wrap;
}
.d-flex.gap,
.d-flex-i.gap {
  gap: 16px;
}
.d-flex.gap-2,
.d-flex-i.gap-2 {
  gap: 2px;
}
.d-flex.gap-4,
.d-flex-i.gap-4 {
  gap: 4px;
}
.d-flex.gap-6,
.d-flex-i.gap-6 {
  gap: 6px;
}
.d-flex.gap-8,
.d-flex-i.gap-8 {
  gap: 8px;
}
.d-flex.gap-10,
.d-flex-i.gap-10 {
  gap: 10px;
}
.d-flex.gap-12,
.d-flex-i.gap-12 {
  gap: 12px;
}
.d-flex.gap-14,
.d-flex-i.gap-14 {
  gap: 14px;
}
.d-flex.gap-16,
.d-flex-i.gap-16 {
  gap: 16px;
}
.d-flex.gap-18,
.d-flex-i.gap-18 {
  gap: 18px;
}
.d-flex.gap-20,
.d-flex-i.gap-20 {
  gap: 20px;
}
.d-flex.gap-22,
.d-flex-i.gap-22 {
  gap: 22px;
}
.d-flex.gap-24,
.d-flex-i.gap-24 {
  gap: 24px;
}
.d-flex.gap-26,
.d-flex-i.gap-26 {
  gap: 26px;
}
.d-flex.gap-28,
.d-flex-i.gap-28 {
  gap: 28px;
}
.d-flex.gap-30,
.d-flex-i.gap-30 {
  gap: 30px;
}
.d-flex.gap-32,
.d-flex-i.gap-32 {
  gap: 32px;
}
.d-flex.gap-34,
.d-flex-i.gap-34 {
  gap: 34px;
}
.d-flex.gap-36,
.d-flex-i.gap-36 {
  gap: 36px;
}
.d-flex.gap-38,
.d-flex-i.gap-38 {
  gap: 38px;
}
.d-flex.gap-40,
.d-flex-i.gap-40 {
  gap: 40px;
}
.d-flex.gap-42,
.d-flex-i.gap-42 {
  gap: 42px;
}
.d-flex.gap-44,
.d-flex-i.gap-44 {
  gap: 44px;
}
.d-flex.gap-46,
.d-flex-i.gap-46 {
  gap: 46px;
}
.d-flex.gap-48,
.d-flex-i.gap-48 {
  gap: 48px;
}
.d-flex.align-center,
.d-flex-i.align-center {
  align-items: center;
}
.d-flex.align-end,
.d-flex-i.align-end {
  align-items: flex-end;
}
.d-flex.justify-center,
.d-flex-i.justify-center {
  justify-content: center;
}
.d-flex.justify-between,
.d-flex-i.justify-between {
  justify-content: space-between;
}
.d-flex.justify-around,
.d-flex-i.justify-around {
  justify-content: space-around;
}
.d-flex.justify-evenly,
.d-flex-i.justify-evenly {
  justify-content: space-evenly;
}
.d-flex.justify-start,
.d-flex-i.justify-start {
  justify-content: flex-start;
}
.d-flex.justify-end,
.d-flex-i.justify-end {
  justify-content: flex-end;
}
.d-flex .flex-grow,
.d-flex-i .flex-grow {
  flex-grow: 1;
}
.d-flex .flex-shrink,
.d-flex-i .flex-shrink {
  flex-shrink: 1;
}
.d-flex .flex-1,
.d-flex-i .flex-1 {
  flex: 1;
}
.d-flex .flex-2,
.d-flex-i .flex-2 {
  flex: 2;
}
.d-flex .flex-3,
.d-flex-i .flex-3 {
  flex: 3;
}
.d-flex .flex-4,
.d-flex-i .flex-4 {
  flex: 4;
}

.gap-2 {
  gap: 2px;
}

.gap-4 {
  gap: 4px;
}

.gap-6 {
  gap: 6px;
}

.gap-8 {
  gap: 8px;
}

.gap-10 {
  gap: 10px;
}

.gap-12 {
  gap: 12px;
}

.gap-14 {
  gap: 14px;
}

.gap-16 {
  gap: 16px;
}

.gap-18 {
  gap: 18px;
}

.gap-20 {
  gap: 20px;
}

.gap-22 {
  gap: 22px;
}

.gap-24 {
  gap: 24px;
}

.gap-26 {
  gap: 26px;
}

.gap-28 {
  gap: 28px;
}

.gap-30 {
  gap: 30px;
}

.gap-32 {
  gap: 32px;
}

.gap-34 {
  gap: 34px;
}

.gap-36 {
  gap: 36px;
}

.gap-38 {
  gap: 38px;
}

.gap-40 {
  gap: 40px;
}

.gap-42 {
  gap: 42px;
}

.gap-44 {
  gap: 44px;
}

.gap-46 {
  gap: 46px;
}

.gap-48 {
  gap: 48px;
}

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

.d-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
.d-grid.col-3 {
  grid-template-columns: repeat(3, 1fr);
}

/**
    margin, padding - end
*/
/**
    font-size
*/
.font-size-0 {
  font-size: 0px;
  line-height: 0px;
}
.font-size-0-i {
  font-size: 0px !important;
  line-height: 0px !important;
}
.font-size-0-i-line-100, .font-size-0-i.line-100 {
  font-size: 0px !important;
  line-height: 0px !important;
}

.font-size-1 {
  font-size: 1px;
  line-height: 1.5px;
}
.font-size-1-i {
  font-size: 1px !important;
  line-height: 1.5px !important;
}
.font-size-1-i-line-100, .font-size-1-i.line-100 {
  font-size: 1px !important;
  line-height: 1px !important;
}

.font-size-2 {
  font-size: 2px;
  line-height: 3px;
}
.font-size-2-i {
  font-size: 2px !important;
  line-height: 3px !important;
}
.font-size-2-i-line-100, .font-size-2-i.line-100 {
  font-size: 2px !important;
  line-height: 2px !important;
}

.font-size-3 {
  font-size: 3px;
  line-height: 4.5px;
}
.font-size-3-i {
  font-size: 3px !important;
  line-height: 4.5px !important;
}
.font-size-3-i-line-100, .font-size-3-i.line-100 {
  font-size: 3px !important;
  line-height: 3px !important;
}

.font-size-4 {
  font-size: 4px;
  line-height: 6px;
}
.font-size-4-i {
  font-size: 4px !important;
  line-height: 6px !important;
}
.font-size-4-i-line-100, .font-size-4-i.line-100 {
  font-size: 4px !important;
  line-height: 4px !important;
}

.font-size-5 {
  font-size: 5px;
  line-height: 7.5px;
}
.font-size-5-i {
  font-size: 5px !important;
  line-height: 7.5px !important;
}
.font-size-5-i-line-100, .font-size-5-i.line-100 {
  font-size: 5px !important;
  line-height: 5px !important;
}

.font-size-6 {
  font-size: 6px;
  line-height: 9px;
}
.font-size-6-i {
  font-size: 6px !important;
  line-height: 9px !important;
}
.font-size-6-i-line-100, .font-size-6-i.line-100 {
  font-size: 6px !important;
  line-height: 6px !important;
}

.font-size-7 {
  font-size: 7px;
  line-height: 10.5px;
}
.font-size-7-i {
  font-size: 7px !important;
  line-height: 10.5px !important;
}
.font-size-7-i-line-100, .font-size-7-i.line-100 {
  font-size: 7px !important;
  line-height: 7px !important;
}

.font-size-8 {
  font-size: 8px;
  line-height: 12px;
}
.font-size-8-i {
  font-size: 8px !important;
  line-height: 12px !important;
}
.font-size-8-i-line-100, .font-size-8-i.line-100 {
  font-size: 8px !important;
  line-height: 8px !important;
}

.font-size-9 {
  font-size: 9px;
  line-height: 13.5px;
}
.font-size-9-i {
  font-size: 9px !important;
  line-height: 13.5px !important;
}
.font-size-9-i-line-100, .font-size-9-i.line-100 {
  font-size: 9px !important;
  line-height: 9px !important;
}

.font-size-10 {
  font-size: 10px;
  line-height: 15px;
}
.font-size-10-i {
  font-size: 10px !important;
  line-height: 15px !important;
}
.font-size-10-i-line-100, .font-size-10-i.line-100 {
  font-size: 10px !important;
  line-height: 10px !important;
}

.font-size-11 {
  font-size: 11px;
  line-height: 16.5px;
}
.font-size-11-i {
  font-size: 11px !important;
  line-height: 16.5px !important;
}
.font-size-11-i-line-100, .font-size-11-i.line-100 {
  font-size: 11px !important;
  line-height: 11px !important;
}

.font-size-12 {
  font-size: 12px;
  line-height: 18px;
}
.font-size-12-i {
  font-size: 12px !important;
  line-height: 18px !important;
}
.font-size-12-i-line-100, .font-size-12-i.line-100 {
  font-size: 12px !important;
  line-height: 12px !important;
}

.font-size-13 {
  font-size: 13px;
  line-height: 19.5px;
}
.font-size-13-i {
  font-size: 13px !important;
  line-height: 19.5px !important;
}
.font-size-13-i-line-100, .font-size-13-i.line-100 {
  font-size: 13px !important;
  line-height: 13px !important;
}

.font-size-14 {
  font-size: 14px;
  line-height: 21px;
}
.font-size-14-i {
  font-size: 14px !important;
  line-height: 21px !important;
}
.font-size-14-i-line-100, .font-size-14-i.line-100 {
  font-size: 14px !important;
  line-height: 14px !important;
}

.font-size-15 {
  font-size: 15px;
  line-height: 22.5px;
}
.font-size-15-i {
  font-size: 15px !important;
  line-height: 22.5px !important;
}
.font-size-15-i-line-100, .font-size-15-i.line-100 {
  font-size: 15px !important;
  line-height: 15px !important;
}

.font-size-16 {
  font-size: 16px;
  line-height: 24px;
}
.font-size-16-i {
  font-size: 16px !important;
  line-height: 24px !important;
}
.font-size-16-i-line-100, .font-size-16-i.line-100 {
  font-size: 16px !important;
  line-height: 16px !important;
}

.font-size-17 {
  font-size: 17px;
  line-height: 25.5px;
}
.font-size-17-i {
  font-size: 17px !important;
  line-height: 25.5px !important;
}
.font-size-17-i-line-100, .font-size-17-i.line-100 {
  font-size: 17px !important;
  line-height: 17px !important;
}

.font-size-18 {
  font-size: 18px;
  line-height: 27px;
}
.font-size-18-i {
  font-size: 18px !important;
  line-height: 27px !important;
}
.font-size-18-i-line-100, .font-size-18-i.line-100 {
  font-size: 18px !important;
  line-height: 18px !important;
}

.font-size-19 {
  font-size: 19px;
  line-height: 28.5px;
}
.font-size-19-i {
  font-size: 19px !important;
  line-height: 28.5px !important;
}
.font-size-19-i-line-100, .font-size-19-i.line-100 {
  font-size: 19px !important;
  line-height: 19px !important;
}

.font-size-20 {
  font-size: 20px;
  line-height: 30px;
}
.font-size-20-i {
  font-size: 20px !important;
  line-height: 30px !important;
}
.font-size-20-i-line-100, .font-size-20-i.line-100 {
  font-size: 20px !important;
  line-height: 20px !important;
}

.font-size-21 {
  font-size: 21px;
  line-height: 31.5px;
}
.font-size-21-i {
  font-size: 21px !important;
  line-height: 31.5px !important;
}
.font-size-21-i-line-100, .font-size-21-i.line-100 {
  font-size: 21px !important;
  line-height: 21px !important;
}

.font-size-22 {
  font-size: 22px;
  line-height: 33px;
}
.font-size-22-i {
  font-size: 22px !important;
  line-height: 33px !important;
}
.font-size-22-i-line-100, .font-size-22-i.line-100 {
  font-size: 22px !important;
  line-height: 22px !important;
}

.font-size-23 {
  font-size: 23px;
  line-height: 34.5px;
}
.font-size-23-i {
  font-size: 23px !important;
  line-height: 34.5px !important;
}
.font-size-23-i-line-100, .font-size-23-i.line-100 {
  font-size: 23px !important;
  line-height: 23px !important;
}

.font-size-24 {
  font-size: 24px;
  line-height: 36px;
}
.font-size-24-i {
  font-size: 24px !important;
  line-height: 36px !important;
}
.font-size-24-i-line-100, .font-size-24-i.line-100 {
  font-size: 24px !important;
  line-height: 24px !important;
}

.font-size-25 {
  font-size: 25px;
  line-height: 37.5px;
}
.font-size-25-i {
  font-size: 25px !important;
  line-height: 37.5px !important;
}
.font-size-25-i-line-100, .font-size-25-i.line-100 {
  font-size: 25px !important;
  line-height: 25px !important;
}

.font-size-26 {
  font-size: 26px;
  line-height: 39px;
}
.font-size-26-i {
  font-size: 26px !important;
  line-height: 39px !important;
}
.font-size-26-i-line-100, .font-size-26-i.line-100 {
  font-size: 26px !important;
  line-height: 26px !important;
}

.font-size-27 {
  font-size: 27px;
  line-height: 40.5px;
}
.font-size-27-i {
  font-size: 27px !important;
  line-height: 40.5px !important;
}
.font-size-27-i-line-100, .font-size-27-i.line-100 {
  font-size: 27px !important;
  line-height: 27px !important;
}

.font-size-28 {
  font-size: 28px;
  line-height: 42px;
}
.font-size-28-i {
  font-size: 28px !important;
  line-height: 42px !important;
}
.font-size-28-i-line-100, .font-size-28-i.line-100 {
  font-size: 28px !important;
  line-height: 28px !important;
}

.font-size-29 {
  font-size: 29px;
  line-height: 43.5px;
}
.font-size-29-i {
  font-size: 29px !important;
  line-height: 43.5px !important;
}
.font-size-29-i-line-100, .font-size-29-i.line-100 {
  font-size: 29px !important;
  line-height: 29px !important;
}

.font-size-30 {
  font-size: 30px;
  line-height: 45px;
}
.font-size-30-i {
  font-size: 30px !important;
  line-height: 45px !important;
}
.font-size-30-i-line-100, .font-size-30-i.line-100 {
  font-size: 30px !important;
  line-height: 30px !important;
}

.font-size-31 {
  font-size: 31px;
  line-height: 46.5px;
}
.font-size-31-i {
  font-size: 31px !important;
  line-height: 46.5px !important;
}
.font-size-31-i-line-100, .font-size-31-i.line-100 {
  font-size: 31px !important;
  line-height: 31px !important;
}

.font-size-32 {
  font-size: 32px;
  line-height: 48px;
}
.font-size-32-i {
  font-size: 32px !important;
  line-height: 48px !important;
}
.font-size-32-i-line-100, .font-size-32-i.line-100 {
  font-size: 32px !important;
  line-height: 32px !important;
}

.font-size-33 {
  font-size: 33px;
  line-height: 49.5px;
}
.font-size-33-i {
  font-size: 33px !important;
  line-height: 49.5px !important;
}
.font-size-33-i-line-100, .font-size-33-i.line-100 {
  font-size: 33px !important;
  line-height: 33px !important;
}

.font-size-34 {
  font-size: 34px;
  line-height: 51px;
}
.font-size-34-i {
  font-size: 34px !important;
  line-height: 51px !important;
}
.font-size-34-i-line-100, .font-size-34-i.line-100 {
  font-size: 34px !important;
  line-height: 34px !important;
}

.font-size-35 {
  font-size: 35px;
  line-height: 52.5px;
}
.font-size-35-i {
  font-size: 35px !important;
  line-height: 52.5px !important;
}
.font-size-35-i-line-100, .font-size-35-i.line-100 {
  font-size: 35px !important;
  line-height: 35px !important;
}

.font-size-36 {
  font-size: 36px;
  line-height: 54px;
}
.font-size-36-i {
  font-size: 36px !important;
  line-height: 54px !important;
}
.font-size-36-i-line-100, .font-size-36-i.line-100 {
  font-size: 36px !important;
  line-height: 36px !important;
}

.font-size-37 {
  font-size: 37px;
  line-height: 55.5px;
}
.font-size-37-i {
  font-size: 37px !important;
  line-height: 55.5px !important;
}
.font-size-37-i-line-100, .font-size-37-i.line-100 {
  font-size: 37px !important;
  line-height: 37px !important;
}

.font-size-38 {
  font-size: 38px;
  line-height: 57px;
}
.font-size-38-i {
  font-size: 38px !important;
  line-height: 57px !important;
}
.font-size-38-i-line-100, .font-size-38-i.line-100 {
  font-size: 38px !important;
  line-height: 38px !important;
}

.font-size-39 {
  font-size: 39px;
  line-height: 58.5px;
}
.font-size-39-i {
  font-size: 39px !important;
  line-height: 58.5px !important;
}
.font-size-39-i-line-100, .font-size-39-i.line-100 {
  font-size: 39px !important;
  line-height: 39px !important;
}

.font-size-40 {
  font-size: 40px;
  line-height: 60px;
}
.font-size-40-i {
  font-size: 40px !important;
  line-height: 60px !important;
}
.font-size-40-i-line-100, .font-size-40-i.line-100 {
  font-size: 40px !important;
  line-height: 40px !important;
}

.font-size-41 {
  font-size: 41px;
  line-height: 61.5px;
}
.font-size-41-i {
  font-size: 41px !important;
  line-height: 61.5px !important;
}
.font-size-41-i-line-100, .font-size-41-i.line-100 {
  font-size: 41px !important;
  line-height: 41px !important;
}

.font-size-42 {
  font-size: 42px;
  line-height: 63px;
}
.font-size-42-i {
  font-size: 42px !important;
  line-height: 63px !important;
}
.font-size-42-i-line-100, .font-size-42-i.line-100 {
  font-size: 42px !important;
  line-height: 42px !important;
}

.font-size-43 {
  font-size: 43px;
  line-height: 64.5px;
}
.font-size-43-i {
  font-size: 43px !important;
  line-height: 64.5px !important;
}
.font-size-43-i-line-100, .font-size-43-i.line-100 {
  font-size: 43px !important;
  line-height: 43px !important;
}

.font-size-44 {
  font-size: 44px;
  line-height: 66px;
}
.font-size-44-i {
  font-size: 44px !important;
  line-height: 66px !important;
}
.font-size-44-i-line-100, .font-size-44-i.line-100 {
  font-size: 44px !important;
  line-height: 44px !important;
}

.font-size-45 {
  font-size: 45px;
  line-height: 67.5px;
}
.font-size-45-i {
  font-size: 45px !important;
  line-height: 67.5px !important;
}
.font-size-45-i-line-100, .font-size-45-i.line-100 {
  font-size: 45px !important;
  line-height: 45px !important;
}

.font-size-46 {
  font-size: 46px;
  line-height: 69px;
}
.font-size-46-i {
  font-size: 46px !important;
  line-height: 69px !important;
}
.font-size-46-i-line-100, .font-size-46-i.line-100 {
  font-size: 46px !important;
  line-height: 46px !important;
}

.font-size-47 {
  font-size: 47px;
  line-height: 70.5px;
}
.font-size-47-i {
  font-size: 47px !important;
  line-height: 70.5px !important;
}
.font-size-47-i-line-100, .font-size-47-i.line-100 {
  font-size: 47px !important;
  line-height: 47px !important;
}

.font-size-48 {
  font-size: 48px;
  line-height: 72px;
}
.font-size-48-i {
  font-size: 48px !important;
  line-height: 72px !important;
}
.font-size-48-i-line-100, .font-size-48-i.line-100 {
  font-size: 48px !important;
  line-height: 48px !important;
}

.font-size-49 {
  font-size: 49px;
  line-height: 73.5px;
}
.font-size-49-i {
  font-size: 49px !important;
  line-height: 73.5px !important;
}
.font-size-49-i-line-100, .font-size-49-i.line-100 {
  font-size: 49px !important;
  line-height: 49px !important;
}

.font-size-50 {
  font-size: 50px;
  line-height: 75px;
}
.font-size-50-i {
  font-size: 50px !important;
  line-height: 75px !important;
}
.font-size-50-i-line-100, .font-size-50-i.line-100 {
  font-size: 50px !important;
  line-height: 50px !important;
}

.font-size-51 {
  font-size: 51px;
  line-height: 76.5px;
}
.font-size-51-i {
  font-size: 51px !important;
  line-height: 76.5px !important;
}
.font-size-51-i-line-100, .font-size-51-i.line-100 {
  font-size: 51px !important;
  line-height: 51px !important;
}

.font-size-52 {
  font-size: 52px;
  line-height: 78px;
}
.font-size-52-i {
  font-size: 52px !important;
  line-height: 78px !important;
}
.font-size-52-i-line-100, .font-size-52-i.line-100 {
  font-size: 52px !important;
  line-height: 52px !important;
}

.font-size-53 {
  font-size: 53px;
  line-height: 79.5px;
}
.font-size-53-i {
  font-size: 53px !important;
  line-height: 79.5px !important;
}
.font-size-53-i-line-100, .font-size-53-i.line-100 {
  font-size: 53px !important;
  line-height: 53px !important;
}

.font-size-54 {
  font-size: 54px;
  line-height: 81px;
}
.font-size-54-i {
  font-size: 54px !important;
  line-height: 81px !important;
}
.font-size-54-i-line-100, .font-size-54-i.line-100 {
  font-size: 54px !important;
  line-height: 54px !important;
}

.font-size-55 {
  font-size: 55px;
  line-height: 82.5px;
}
.font-size-55-i {
  font-size: 55px !important;
  line-height: 82.5px !important;
}
.font-size-55-i-line-100, .font-size-55-i.line-100 {
  font-size: 55px !important;
  line-height: 55px !important;
}

.font-size-56 {
  font-size: 56px;
  line-height: 84px;
}
.font-size-56-i {
  font-size: 56px !important;
  line-height: 84px !important;
}
.font-size-56-i-line-100, .font-size-56-i.line-100 {
  font-size: 56px !important;
  line-height: 56px !important;
}

.font-size-57 {
  font-size: 57px;
  line-height: 85.5px;
}
.font-size-57-i {
  font-size: 57px !important;
  line-height: 85.5px !important;
}
.font-size-57-i-line-100, .font-size-57-i.line-100 {
  font-size: 57px !important;
  line-height: 57px !important;
}

.font-size-58 {
  font-size: 58px;
  line-height: 87px;
}
.font-size-58-i {
  font-size: 58px !important;
  line-height: 87px !important;
}
.font-size-58-i-line-100, .font-size-58-i.line-100 {
  font-size: 58px !important;
  line-height: 58px !important;
}

.font-size-59 {
  font-size: 59px;
  line-height: 88.5px;
}
.font-size-59-i {
  font-size: 59px !important;
  line-height: 88.5px !important;
}
.font-size-59-i-line-100, .font-size-59-i.line-100 {
  font-size: 59px !important;
  line-height: 59px !important;
}

.font-size-60 {
  font-size: 60px;
  line-height: 90px;
}
.font-size-60-i {
  font-size: 60px !important;
  line-height: 90px !important;
}
.font-size-60-i-line-100, .font-size-60-i.line-100 {
  font-size: 60px !important;
  line-height: 60px !important;
}

.font-size-61 {
  font-size: 61px;
  line-height: 91.5px;
}
.font-size-61-i {
  font-size: 61px !important;
  line-height: 91.5px !important;
}
.font-size-61-i-line-100, .font-size-61-i.line-100 {
  font-size: 61px !important;
  line-height: 61px !important;
}

.font-size-62 {
  font-size: 62px;
  line-height: 93px;
}
.font-size-62-i {
  font-size: 62px !important;
  line-height: 93px !important;
}
.font-size-62-i-line-100, .font-size-62-i.line-100 {
  font-size: 62px !important;
  line-height: 62px !important;
}

.font-size-63 {
  font-size: 63px;
  line-height: 94.5px;
}
.font-size-63-i {
  font-size: 63px !important;
  line-height: 94.5px !important;
}
.font-size-63-i-line-100, .font-size-63-i.line-100 {
  font-size: 63px !important;
  line-height: 63px !important;
}

.font-size-64 {
  font-size: 64px;
  line-height: 96px;
}
.font-size-64-i {
  font-size: 64px !important;
  line-height: 96px !important;
}
.font-size-64-i-line-100, .font-size-64-i.line-100 {
  font-size: 64px !important;
  line-height: 64px !important;
}

/**
    font-size end
*/
/**
    font-weight
*/
.font-weight-300 {
  /* burada daha sonradan tüm uygulamadaki font-weightler arttırılmak istendiği için
            class name ile value arasında 200 birimlik bir fark var. bir noktada tüm projede
            classlar düzenlenirse bu toplama işlemi geri alınabilir.
        */
  font-weight: 300;
}
.font-weight-300-i {
  font-weight: 300 !important;
}

.font-weight-350 {
  /* burada daha sonradan tüm uygulamadaki font-weightler arttırılmak istendiği için
            class name ile value arasında 200 birimlik bir fark var. bir noktada tüm projede
            classlar düzenlenirse bu toplama işlemi geri alınabilir.
        */
  font-weight: 350;
}
.font-weight-350-i {
  font-weight: 350 !important;
}

.font-weight-400 {
  /* burada daha sonradan tüm uygulamadaki font-weightler arttırılmak istendiği için
            class name ile value arasında 200 birimlik bir fark var. bir noktada tüm projede
            classlar düzenlenirse bu toplama işlemi geri alınabilir.
        */
  font-weight: 400;
}
.font-weight-400-i {
  font-weight: 400 !important;
}

.font-weight-450 {
  /* burada daha sonradan tüm uygulamadaki font-weightler arttırılmak istendiği için
            class name ile value arasında 200 birimlik bir fark var. bir noktada tüm projede
            classlar düzenlenirse bu toplama işlemi geri alınabilir.
        */
  font-weight: 450;
}
.font-weight-450-i {
  font-weight: 450 !important;
}

.font-weight-500 {
  /* burada daha sonradan tüm uygulamadaki font-weightler arttırılmak istendiği için
            class name ile value arasında 200 birimlik bir fark var. bir noktada tüm projede
            classlar düzenlenirse bu toplama işlemi geri alınabilir.
        */
  font-weight: 500;
}
.font-weight-500-i {
  font-weight: 500 !important;
}

.font-weight-550 {
  /* burada daha sonradan tüm uygulamadaki font-weightler arttırılmak istendiği için
            class name ile value arasında 200 birimlik bir fark var. bir noktada tüm projede
            classlar düzenlenirse bu toplama işlemi geri alınabilir.
        */
  font-weight: 550;
}
.font-weight-550-i {
  font-weight: 550 !important;
}

.font-weight-600 {
  /* burada daha sonradan tüm uygulamadaki font-weightler arttırılmak istendiği için
            class name ile value arasında 200 birimlik bir fark var. bir noktada tüm projede
            classlar düzenlenirse bu toplama işlemi geri alınabilir.
        */
  font-weight: 600;
}
.font-weight-600-i {
  font-weight: 600 !important;
}

.font-weight-650 {
  /* burada daha sonradan tüm uygulamadaki font-weightler arttırılmak istendiği için
            class name ile value arasında 200 birimlik bir fark var. bir noktada tüm projede
            classlar düzenlenirse bu toplama işlemi geri alınabilir.
        */
  font-weight: 650;
}
.font-weight-650-i {
  font-weight: 650 !important;
}

.font-weight-700 {
  /* burada daha sonradan tüm uygulamadaki font-weightler arttırılmak istendiği için
            class name ile value arasında 200 birimlik bir fark var. bir noktada tüm projede
            classlar düzenlenirse bu toplama işlemi geri alınabilir.
        */
  font-weight: 700;
}
.font-weight-700-i {
  font-weight: 700 !important;
}

.font-weight-750 {
  /* burada daha sonradan tüm uygulamadaki font-weightler arttırılmak istendiği için
            class name ile value arasında 200 birimlik bir fark var. bir noktada tüm projede
            classlar düzenlenirse bu toplama işlemi geri alınabilir.
        */
  font-weight: 750;
}
.font-weight-750-i {
  font-weight: 750 !important;
}

.font-weight-800 {
  /* burada daha sonradan tüm uygulamadaki font-weightler arttırılmak istendiği için
            class name ile value arasında 200 birimlik bir fark var. bir noktada tüm projede
            classlar düzenlenirse bu toplama işlemi geri alınabilir.
        */
  font-weight: 800;
}
.font-weight-800-i {
  font-weight: 800 !important;
}

.font-weight-850 {
  /* burada daha sonradan tüm uygulamadaki font-weightler arttırılmak istendiği için
            class name ile value arasında 200 birimlik bir fark var. bir noktada tüm projede
            classlar düzenlenirse bu toplama işlemi geri alınabilir.
        */
  font-weight: 850;
}
.font-weight-850-i {
  font-weight: 850 !important;
}

.font-weight-900 {
  /* burada daha sonradan tüm uygulamadaki font-weightler arttırılmak istendiği için
            class name ile value arasında 200 birimlik bir fark var. bir noktada tüm projede
            classlar düzenlenirse bu toplama işlemi geri alınabilir.
        */
  font-weight: 900;
}
.font-weight-900-i {
  font-weight: 900 !important;
}

.font-weight-950 {
  /* burada daha sonradan tüm uygulamadaki font-weightler arttırılmak istendiği için
            class name ile value arasında 200 birimlik bir fark var. bir noktada tüm projede
            classlar düzenlenirse bu toplama işlemi geri alınabilir.
        */
  font-weight: 950;
}
.font-weight-950-i {
  font-weight: 950 !important;
}

/**
   değerler yüzdelik olarak verilmiştir. 
*/
.line-height-100 {
  line-height: 100%;
}
.line-height-100-i {
  line-height: 100% !important;
}
.line-height-150 {
  line-height: 150%;
}
.line-height-150-i {
  line-height: 150% !important;
}
.line-height-200 {
  line-height: 200%;
}
.line-height-200-i {
  line-height: 200% !important;
}

/**
    font-weight end
*/
.border-basic {
  border: 1px solid var(--ion-color-overlay);
}
.border-basic-bottom {
  border-bottom: 1px solid var(--ion-color-overlay);
}
.border-primary {
  border-color: var(--ion-color-primary);
}
.border-radius-full-8 {
  border-radius: 8px;
}
.border-radius-full-24 {
  border-radius: 24px;
}
.border-radius-top-none {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.border-radius-bottom {
  border: 1px solid var(--ion-color-overlay);
}
.border-radius-bottom-none {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.position-top {
  position: fixed;
  top: calc(20px + var(--ion-safe-area-top));
  left: 0;
}
.position-top-10 {
  position: fixed;
  top: calc(10px + var(--ion-safe-area-top));
  left: 0;
}
.position-top-end {
  position: fixed;
  top: calc(20px + var(--ion-safe-area-top));
  right: 20px;
}
.position-top-end-10 {
  position: fixed;
  top: calc(10px + var(--ion-safe-area-top));
  right: 10px;
}
.position-top-start {
  position: fixed;
  top: calc(20px + var(--ion-safe-area-top));
  left: 20px;
}
.position-top-start-10 {
  position: fixed;
  top: calc(10px + var(--ion-safe-area-top));
  left: 10px;
}
.position-bottom {
  position: fixed;
  bottom: calc(20px + var(--ion-safe-area-bottom));
  left: 0;
}
.position-bottom-end {
  position: fixed;
  bottom: calc(20px + var(--ion-safe-area-bottom));
  right: 20px;
}
.position-bottom-start {
  position: fixed;
  bottom: calc(20px + var(--ion-safe-area-bottom));
  left: 20px;
}
.position-relative {
  position: relative;
}
.position-absolute {
  position: absolute;
}
.position-absolute-top {
  position: absolute;
  top: 20px;
}
.position-absolute-top-end {
  position: absolute;
  top: 20px;
  right: 20px;
}
.position-absolute-bottom {
  position: absolute;
  bottom: 20px;
}
.position-absolute-bottom-end {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

/**
    z-index
*/
.z-index-0 {
  z-index: 0;
}

.z-index-10 {
  z-index: 10;
}

.z-index-20 {
  z-index: 20;
}

.z-index-30 {
  z-index: 30;
}

.z-index-40 {
  z-index: 40;
}

.z-index-50 {
  z-index: 50;
}

.z-index-60 {
  z-index: 60;
}

.z-index-70 {
  z-index: 70;
}

.z-index-80 {
  z-index: 80;
}

.z-index-90 {
  z-index: 90;
}

.z-index-100 {
  z-index: 100;
}

.z-index-110 {
  z-index: 110;
}

.z-index-120 {
  z-index: 120;
}

.z-index-130 {
  z-index: 130;
}

.z-index-140 {
  z-index: 140;
}

.z-index-150 {
  z-index: 150;
}

.z-index-160 {
  z-index: 160;
}

.z-index-170 {
  z-index: 170;
}

.z-index-180 {
  z-index: 180;
}

.z-index-190 {
  z-index: 190;
}

.z-index-200 {
  z-index: 200;
}

.z-index-210 {
  z-index: 210;
}

.z-index-220 {
  z-index: 220;
}

.z-index-230 {
  z-index: 230;
}

.z-index-240 {
  z-index: 240;
}

.z-index-250 {
  z-index: 250;
}

.z-index-260 {
  z-index: 260;
}

.z-index-270 {
  z-index: 270;
}

.z-index-280 {
  z-index: 280;
}

.z-index-290 {
  z-index: 290;
}

.z-index-300 {
  z-index: 300;
}

.z-index-310 {
  z-index: 310;
}

.z-index-320 {
  z-index: 320;
}

.z-index-330 {
  z-index: 330;
}

.z-index-340 {
  z-index: 340;
}

.z-index-350 {
  z-index: 350;
}

.z-index-360 {
  z-index: 360;
}

.z-index-370 {
  z-index: 370;
}

.z-index-380 {
  z-index: 380;
}

.z-index-390 {
  z-index: 390;
}

.z-index-400 {
  z-index: 400;
}

.z-index-410 {
  z-index: 410;
}

.z-index-420 {
  z-index: 420;
}

.z-index-430 {
  z-index: 430;
}

.z-index-440 {
  z-index: 440;
}

.z-index-450 {
  z-index: 450;
}

.z-index-460 {
  z-index: 460;
}

.z-index-470 {
  z-index: 470;
}

.z-index-480 {
  z-index: 480;
}

.z-index-490 {
  z-index: 490;
}

.z-index-500 {
  z-index: 500;
}

.z-index-510 {
  z-index: 510;
}

.z-index-520 {
  z-index: 520;
}

.z-index-530 {
  z-index: 530;
}

.z-index-540 {
  z-index: 540;
}

.z-index-550 {
  z-index: 550;
}

.z-index-560 {
  z-index: 560;
}

.z-index-570 {
  z-index: 570;
}

.z-index-580 {
  z-index: 580;
}

.z-index-590 {
  z-index: 590;
}

.z-index-600 {
  z-index: 600;
}

.z-index-610 {
  z-index: 610;
}

.z-index-620 {
  z-index: 620;
}

.z-index-630 {
  z-index: 630;
}

.z-index-640 {
  z-index: 640;
}

.z-index-650 {
  z-index: 650;
}

.z-index-660 {
  z-index: 660;
}

.z-index-670 {
  z-index: 670;
}

.z-index-680 {
  z-index: 680;
}

.z-index-690 {
  z-index: 690;
}

.z-index-700 {
  z-index: 700;
}

.z-index-710 {
  z-index: 710;
}

.z-index-720 {
  z-index: 720;
}

.z-index-730 {
  z-index: 730;
}

.z-index-740 {
  z-index: 740;
}

.z-index-750 {
  z-index: 750;
}

.z-index-760 {
  z-index: 760;
}

.z-index-770 {
  z-index: 770;
}

.z-index-780 {
  z-index: 780;
}

.z-index-790 {
  z-index: 790;
}

.z-index-800 {
  z-index: 800;
}

.z-index-810 {
  z-index: 810;
}

.z-index-820 {
  z-index: 820;
}

.z-index-830 {
  z-index: 830;
}

.z-index-840 {
  z-index: 840;
}

.z-index-850 {
  z-index: 850;
}

.z-index-860 {
  z-index: 860;
}

.z-index-870 {
  z-index: 870;
}

.z-index-880 {
  z-index: 880;
}

.z-index-890 {
  z-index: 890;
}

.z-index-900 {
  z-index: 900;
}

.z-index-910 {
  z-index: 910;
}

.z-index-920 {
  z-index: 920;
}

.z-index-930 {
  z-index: 930;
}

.z-index-940 {
  z-index: 940;
}

.z-index-950 {
  z-index: 950;
}

.z-index-960 {
  z-index: 960;
}

.z-index-970 {
  z-index: 970;
}

.z-index-980 {
  z-index: 980;
}

.z-index-990 {
  z-index: 990;
}

.z-index-1000 {
  z-index: 1000;
}

.z-index-1 {
  z-index: 1;
}

.z-index-2 {
  z-index: 2;
}

.z-index-3 {
  z-index: 3;
}

.z-index-4 {
  z-index: 4;
}

.z-index-5 {
  z-index: 5;
}

.z-index-6 {
  z-index: 6;
}

.z-index-7 {
  z-index: 7;
}

.z-index-8 {
  z-index: 8;
}

.z-index-9 {
  z-index: 9;
}

.z-index-10 {
  z-index: 10;
}

.z-index-11 {
  z-index: 11;
}

.z-index-12 {
  z-index: 12;
}

.z-index-13 {
  z-index: 13;
}

.z-index-14 {
  z-index: 14;
}

.z-index-15 {
  z-index: 15;
}

.z-index-16 {
  z-index: 16;
}

.z-index-17 {
  z-index: 17;
}

.z-index-18 {
  z-index: 18;
}

.z-index-19 {
  z-index: 19;
}

.z-index-20 {
  z-index: 20;
}

/**
    z-index - end
*/
.arpa-input-item-old {
  --min-height: 54px !important;
  --max-height: 54px !important;
  height: 54px !important;
  --inner-padding-end: 16px !important;
}
.arpa-input-item-old::part(native) {
  --min-height: 54px !important;
  --max-height: 54px !important;
  height: 54px !important;
}
.arpa-input-item-old ion-input {
  font-size: 14px !important;
  font-weight: 600 !important;
  --color: var(--ion-color-dark);
  --placeholder-color: var(--ion-color-medium-light);
  --highlight-color-focused: var(--ion-color-primary);
  min-height: 25px !important;
  height: 25px !important;
}
.arpa-input-item-old ion-input .native-input {
  color: var(--ion-color-dark);
  padding: 0;
  margin-top: -12px;
  --padding-bottom: 0;
  --padding-top: 0;
}
.arpa-input-item-old ion-input .label-text {
  color: var(--ion-color-medium-light);
  font-size: 12px;
  font-weight: 500;
}

.ion-item-invalid {
  border: 1px solid var(--ion-color-danger);
  --background: #fff4f2;
}

.form-error {
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 20px;
  color: var(--ion-color-danger);
  display: inline-block;
}

.ion-item-invalid {
  border: 1px solid var(--ion-color-danger);
  --background: #fff4f2;
}

.item-has-focus .form-label,
.item-has-value .form-label {
  margin-top: 0px;
  transform: scale(1);
}

.form-label {
  margin-top: -12px;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 20px !important;
  letter-spacing: 0px;
  text-align: left;
  --color: #a9a9a9 !important;
  color: #a9a9a9 !important;
}

.item-height-61 {
  --min-height: 55px !important;
  --max-height: 55px !important;
  height: 55px !important;
  --inner-padding-end: 0px !important;
}
.item-height-61 ion-input {
  font-size: 14px !important;
  font-weight: 700 !important;
  --color: var(--ion-color-dark);
  --placeholder-color: var(--ion-color-medium-light);
  --highlight-color-focused: var(--ion-color-primary);
}
.item-height-61 ion-input .native-input {
  color: var(--ion-color-dark);
  padding: 0;
  margin-top: -10px;
}

.divider {
  width: 100%;
  height: 2px;
  border-radius: 100%;
}
.divider.thin {
  height: 1px;
}
.divider.thinner {
  height: 0.1px;
  opacity: 0.5;
}
.divider-darker {
  background-color: var(--ion-color-darker);
}
.divider-dark {
  background-color: var(--ion-color-dark);
}
.divider-medium {
  background-color: var(--ion-color-medium);
}
.divider-light {
  background-color: var(--ion-color-light);
}
.divider-lighter {
  background-color: var(--ion-color-lighter);
}
.divider-dots {
  border-bottom: 2px dashed var(--ion-color-tertiary);
  width: calc(100% - 32px);
  margin: 16px;
  border-radius: 10px;
}

.text-color-primary {
  color: var(--ion-color-primary);
}

span[color=primary],
p[color=primary],
h1[color=primary],
h2[color=primary],
h3[color=primary],
h4[color=primary],
h5[color=primary],
h6[color=primary] {
  color: var(--ion-color-primary);
}
span[color=secondary],
p[color=secondary],
h1[color=secondary],
h2[color=secondary],
h3[color=secondary],
h4[color=secondary],
h5[color=secondary],
h6[color=secondary] {
  color: var(--ion-color-secondary);
}
span[color=tertiary],
p[color=tertiary],
h1[color=tertiary],
h2[color=tertiary],
h3[color=tertiary],
h4[color=tertiary],
h5[color=tertiary],
h6[color=tertiary] {
  color: var(--ion-color-tertiary);
}
span[color=success],
p[color=success],
h1[color=success],
h2[color=success],
h3[color=success],
h4[color=success],
h5[color=success],
h6[color=success] {
  color: var(--ion-color-success);
}
span[color=warning],
p[color=warning],
h1[color=warning],
h2[color=warning],
h3[color=warning],
h4[color=warning],
h5[color=warning],
h6[color=warning] {
  color: var(--ion-color-warning);
}
span[color=danger],
p[color=danger],
h1[color=danger],
h2[color=danger],
h3[color=danger],
h4[color=danger],
h5[color=danger],
h6[color=danger] {
  color: var(--ion-color-danger);
}
span[color=dark],
p[color=dark],
h1[color=dark],
h2[color=dark],
h3[color=dark],
h4[color=dark],
h5[color=dark],
h6[color=dark] {
  color: var(--ion-color-dark);
}
span[color=medium-dark],
p[color=medium-dark],
h1[color=medium-dark],
h2[color=medium-dark],
h3[color=medium-dark],
h4[color=medium-dark],
h5[color=medium-dark],
h6[color=medium-dark] {
  color: var(--ion-color-medium-dark);
}
span[color=medium],
p[color=medium],
h1[color=medium],
h2[color=medium],
h3[color=medium],
h4[color=medium],
h5[color=medium],
h6[color=medium] {
  color: var(--ion-color-medium);
}
span[color=medium-light],
p[color=medium-light],
h1[color=medium-light],
h2[color=medium-light],
h3[color=medium-light],
h4[color=medium-light],
h5[color=medium-light],
h6[color=medium-light] {
  color: var(--ion-color-medium-light);
}
span[color=light],
p[color=light],
h1[color=light],
h2[color=light],
h3[color=light],
h4[color=light],
h5[color=light],
h6[color=light] {
  color: var(--ion-color-light);
}
span[color=white],
p[color=white],
h1[color=white],
h2[color=white],
h3[color=white],
h4[color=white],
h5[color=white],
h6[color=white] {
  color: var(--ion-color-white);
}
span[color=black],
p[color=black],
h1[color=black],
h2[color=black],
h3[color=black],
h4[color=black],
h5[color=black],
h6[color=black] {
  color: var(--ion-color-black);
}
span[color=addition-1],
p[color=addition-1],
h1[color=addition-1],
h2[color=addition-1],
h3[color=addition-1],
h4[color=addition-1],
h5[color=addition-1],
h6[color=addition-1] {
  color: var(--ion-color-addition-1);
}
span[color=addition-2],
p[color=addition-2],
h1[color=addition-2],
h2[color=addition-2],
h3[color=addition-2],
h4[color=addition-2],
h5[color=addition-2],
h6[color=addition-2] {
  color: var(--ion-color-addition-2);
}
span[color=addition-3],
p[color=addition-3],
h1[color=addition-3],
h2[color=addition-3],
h3[color=addition-3],
h4[color=addition-3],
h5[color=addition-3],
h6[color=addition-3] {
  color: var(--ion-color-addition-3);
}
span[color=addition-4],
p[color=addition-4],
h1[color=addition-4],
h2[color=addition-4],
h3[color=addition-4],
h4[color=addition-4],
h5[color=addition-4],
h6[color=addition-4] {
  color: var(--ion-color-addition-4);
}
span[color=addition-5],
p[color=addition-5],
h1[color=addition-5],
h2[color=addition-5],
h3[color=addition-5],
h4[color=addition-5],
h5[color=addition-5],
h6[color=addition-5] {
  color: var(--ion-color-addition-5);
}

.farm-avatar {
  background-color: var(--ion-color-light);
  --border-radius: 0px;
  height: 42px;
  width: 42px;
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 10px;
}

.farm-svg {
  border: 5px solid var(--ion-color-light);
  border-radius: 10px;
  background-color: var(--ion-color-light);
  fill: rgba(var(--ion-color-tertiary-rgb), 1);
  width: 100%;
  height: 100%;
  stroke: var(--ion-color-tertiary);
  stroke-width: 10px;
}

.hidden {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 1s linear;
}
.hidden-open {
  visibility: visible;
  opacity: 1;
}

.ng-otp-input-wrapper {
  text-align: center !important;
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.otp-input {
  height: 83px !important;
  flex: 1;
  max-width: 83px !important;
  font-size: 30px !important;
  font-weight: 700;
  background-color: #ffffff;
  border: 1px solid #eeeeee !important;
  border-radius: 10px !important;
}
.otp-input:focus, .otp-input:active {
  outline-style: none !important;
  border-top: 1px solid #eeeeee !important;
  border-right: 1px solid #eeeeee !important;
  border-left: 1px solid #eeeeee !important;
  border-bottom: 2px solid var(--ion-color-secondary) !important;
}

.popover ion-backdrop {
  --backdrop-opacity: 0.6;
}
.popover-no-bg {
  --background: rgba(0, 0, 0, 0);
  --box-shadow: unset;
}
.popover-small {
  --width: 30%;
}
.popover-small.center .popover-content {
  --offset-x: calc(35% - 5px);
}
.popover-medium {
  --width: 60%;
}
.popover-medium.center {
  --offset-x: calc(20% - 5px);
}
.popover-large {
  --width: 90%;
}
.popover-large.center {
  --offset-x: calc(5% - 5px);
}

.placeholder-color-dark {
  --placeholder-color: var(--ion-color-dark) !important;
}

.object-fit-cover {
  object-fit: cover;
}

.width-px-60 {
  width: 60px;
}

.overflow-lock {
  overflow: hidden;
}
.overflow-scroll {
  overflow: scroll;
}

.text-align-center {
  text-align: center;
}

.loader-animation {
  background-image: url('spinner_first_step.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50px;
  min-height: 50px;
  min-width: 50px;
  padding: 16px;
  animation: spin 3000ms linear infinite;
  transition: all 1s ease;
}

/* Spinning the sphere using key frames */
@keyframes spin {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
.custom-list-items {
  list-style-type: none;
  padding-left: 0;
}
.custom-list-items li {
  margin-bottom: 16px;
}
.custom-list-items li:last-of-type {
  margin-bottom: 0;
}

.farm-drawing-marker {
  width: 18px;
  height: 18px;
  background-color: var(--ion-color-light);
  border-radius: 100%;
}
.farm-drawing-marker.first-marker {
  background-color: var(--ion-color-primary);
}
.farm-drawing-marker:first-of-type {
  background-color: var(--ion-color-primary);
}

.filter-blur {
  filter: blur(1px);
}
.filter-blur-2 {
  filter: blur(2px);
}

.no-pointer {
  pointer-events: none;
}

.m-minus-bottom-1 {
  margin-bottom: -1px !important;
}
.m-minus-left-1 {
  margin-left: -1px !important;
}
.m-minus-horizontal-1 {
  margin-left: -1px !important;
  margin-right: -1px !important;
}

.m-minus-bottom-2 {
  margin-bottom: -2px !important;
}
.m-minus-left-2 {
  margin-left: -2px !important;
}
.m-minus-horizontal-2 {
  margin-left: -2px !important;
  margin-right: -2px !important;
}

.m-minus-bottom-3 {
  margin-bottom: -3px !important;
}
.m-minus-left-3 {
  margin-left: -3px !important;
}
.m-minus-horizontal-3 {
  margin-left: -3px !important;
  margin-right: -3px !important;
}

.m-minus-bottom-4 {
  margin-bottom: -4px !important;
}
.m-minus-left-4 {
  margin-left: -4px !important;
}
.m-minus-horizontal-4 {
  margin-left: -4px !important;
  margin-right: -4px !important;
}

.m-minus-bottom-5 {
  margin-bottom: -5px !important;
}
.m-minus-left-5 {
  margin-left: -5px !important;
}
.m-minus-horizontal-5 {
  margin-left: -5px !important;
  margin-right: -5px !important;
}

.m-minus-bottom-6 {
  margin-bottom: -6px !important;
}
.m-minus-left-6 {
  margin-left: -6px !important;
}
.m-minus-horizontal-6 {
  margin-left: -6px !important;
  margin-right: -6px !important;
}

.m-minus-bottom-7 {
  margin-bottom: -7px !important;
}
.m-minus-left-7 {
  margin-left: -7px !important;
}
.m-minus-horizontal-7 {
  margin-left: -7px !important;
  margin-right: -7px !important;
}

.m-minus-bottom-8 {
  margin-bottom: -8px !important;
}
.m-minus-left-8 {
  margin-left: -8px !important;
}
.m-minus-horizontal-8 {
  margin-left: -8px !important;
  margin-right: -8px !important;
}

.m-minus-bottom-9 {
  margin-bottom: -9px !important;
}
.m-minus-left-9 {
  margin-left: -9px !important;
}
.m-minus-horizontal-9 {
  margin-left: -9px !important;
  margin-right: -9px !important;
}

.m-minus-bottom-10 {
  margin-bottom: -10px !important;
}
.m-minus-left-10 {
  margin-left: -10px !important;
}
.m-minus-horizontal-10 {
  margin-left: -10px !important;
  margin-right: -10px !important;
}

.m-minus-bottom-11 {
  margin-bottom: -11px !important;
}
.m-minus-left-11 {
  margin-left: -11px !important;
}
.m-minus-horizontal-11 {
  margin-left: -11px !important;
  margin-right: -11px !important;
}

.m-minus-bottom-12 {
  margin-bottom: -12px !important;
}
.m-minus-left-12 {
  margin-left: -12px !important;
}
.m-minus-horizontal-12 {
  margin-left: -12px !important;
  margin-right: -12px !important;
}

.m-minus-bottom-13 {
  margin-bottom: -13px !important;
}
.m-minus-left-13 {
  margin-left: -13px !important;
}
.m-minus-horizontal-13 {
  margin-left: -13px !important;
  margin-right: -13px !important;
}

.m-minus-bottom-14 {
  margin-bottom: -14px !important;
}
.m-minus-left-14 {
  margin-left: -14px !important;
}
.m-minus-horizontal-14 {
  margin-left: -14px !important;
  margin-right: -14px !important;
}

.m-minus-bottom-15 {
  margin-bottom: -15px !important;
}
.m-minus-left-15 {
  margin-left: -15px !important;
}
.m-minus-horizontal-15 {
  margin-left: -15px !important;
  margin-right: -15px !important;
}

.m-minus-bottom-16 {
  margin-bottom: -16px !important;
}
.m-minus-left-16 {
  margin-left: -16px !important;
}
.m-minus-horizontal-16 {
  margin-left: -16px !important;
  margin-right: -16px !important;
}

.m-minus-bottom-17 {
  margin-bottom: -17px !important;
}
.m-minus-left-17 {
  margin-left: -17px !important;
}
.m-minus-horizontal-17 {
  margin-left: -17px !important;
  margin-right: -17px !important;
}

.m-minus-bottom-18 {
  margin-bottom: -18px !important;
}
.m-minus-left-18 {
  margin-left: -18px !important;
}
.m-minus-horizontal-18 {
  margin-left: -18px !important;
  margin-right: -18px !important;
}

.m-minus-bottom-19 {
  margin-bottom: -19px !important;
}
.m-minus-left-19 {
  margin-left: -19px !important;
}
.m-minus-horizontal-19 {
  margin-left: -19px !important;
  margin-right: -19px !important;
}

.m-minus-bottom-20 {
  margin-bottom: -20px !important;
}
.m-minus-left-20 {
  margin-left: -20px !important;
}
.m-minus-horizontal-20 {
  margin-left: -20px !important;
  margin-right: -20px !important;
}

.text-decoration-underline {
  text-decoration: underline;
}
.text-decoration-italic {
  font-style: italic;
}

ion-title.ios:not(.custom) {
  padding-left: 45px !important;
  padding-right: 45px !important;
}
ion-title.ios:not(.custom) .toolbar-title {
  white-space: unset !important;
  word-wrap: break-word !important;
  text-overflow: unset !important;
}

.top-0 {
  top: 0;
}
.top-10 {
  top: 10px;
}
.top-minus-0 {
  top: 0;
}
.top-minus-7 {
  top: -7px;
}
.top-minus-10 {
  top: -10px;
}
.top-minus-15 {
  top: -15px;
}

.bottom-0 {
  bottom: 0;
}
.bottom-minus-0 {
  bottom: 0;
}
.bottom-minus-10 {
  bottom: -10px;
}
.bottom-minus-15 {
  bottom: -15px;
}

.left-0 {
  left: 0;
}
.left-minus-0 {
  left: 0;
}
.left-minus-10 {
  left: -10px;
}
.left-minus-15 {
  left: -15px;
}

.right-0 {
  right: 0;
}
.right-minus-0 {
  right: 0;
}
.right-minus-10 {
  right: -10px;
}
.right-minus-15 {
  right: -15px;
}

ion-fab-button[contentLabel] {
  margin-bottom: 20px;
}
ion-fab-button[contentLabel]::after {
  content: attr(contentLabel);
  font-size: 12px;
  font-weight: 500;
  color: var(--ion-color-light);
}

.onboarding-btn-signin {
  color: var(--ion-color-primary);
}

.onboarding-btn-register {
  color: var(--ion-color-primary);
}

.letter-space-minus-01 {
  letter-spacing: -0.1px;
}

.letter-space-minus-02 {
  letter-spacing: -0.2px;
}

.letter-space-minus-03 {
  letter-spacing: -0.3px;
}

.letter-space-minus-04 {
  letter-spacing: -0.4px;
}

.letter-space-minus-05 {
  letter-spacing: -0.5px;
}

.letter-space-minus-06 {
  letter-spacing: -0.6px;
}

.letter-space-minus-07 {
  letter-spacing: -0.7px;
}

.letter-space-minus-08 {
  letter-spacing: -0.8px;
}

.letter-space-minus-09 {
  letter-spacing: -0.9px;
}

.letter-space-minus-010 {
  letter-spacing: -1px;
}

.letter-space-minus-011 {
  letter-spacing: -1.1px;
}

.letter-space-minus-012 {
  letter-spacing: -1.2px;
}

.letter-space-minus-013 {
  letter-spacing: -1.3px;
}

.letter-space-minus-014 {
  letter-spacing: -1.4px;
}

.letter-space-minus-015 {
  letter-spacing: -1.5px;
}

.letter-space-minus-016 {
  letter-spacing: -1.6px;
}

.letter-space-minus-017 {
  letter-spacing: -1.7px;
}

.letter-space-minus-018 {
  letter-spacing: -1.8px;
}

.letter-space-minus-019 {
  letter-spacing: -1.9px;
}

.letter-space-minus-020 {
  letter-spacing: -2px;
}

.input-item {
  --color-activated: red;
  --color-focused: red;
}

ion-item.focus-border.item-has-focus {
  border-color: var(--ion-color-primary) !important;
}

ion-input.focus-border.has-focus {
  --border-color: var(--ion-color-primary) !important;
  border-color: var(--ion-color-primary) !important;
}

.image-pixelated {
  image-rendering: pixelated;
}

ion-item.arpa-input-item {
  --min-height: 56px !important;
  --max-height: 56px !important;
  --border-style: solid;
  --border-width: 1px;
  --border-radius: 8px;
  --detail-icon-color: var(--ion-color-dark);
}
ion-item.arpa-input-item.item-has-focus {
  border-color: var(--ion-color-primary) !important;
}
ion-item.arpa-input-item.item-has-value .label-floating {
  transform: scale(1) !important;
  margin-top: 5px;
}
ion-item.arpa-input-item::part(native) {
  height: 56px;
}
ion-item.arpa-input-item:has(.has-focus) {
  --border-color: var(--ion-color-primary);
}
ion-item.arpa-input-item ion-input {
  --padding-bottom: 10px !important;
  --padding-top: 2px !important;
}

.opacity-1 {
  opacity: 0.1;
}

.opacity-2 {
  opacity: 0.2;
}

.opacity-3 {
  opacity: 0.3;
}

.opacity-4 {
  opacity: 0.4;
}

.opacity-5 {
  opacity: 0.5;
}

.opacity-6 {
  opacity: 0.6;
}

.opacity-7 {
  opacity: 0.7;
}

.opacity-8 {
  opacity: 0.8;
}

.opacity-9 {
  opacity: 0.9;
}

.opacity-10 {
  opacity: 1;
}

.font-family-poppins {
  font-family: "Poppins";
}

.heading-lg {
  font-size: 40px;
  font-weight: 900;
  line-height: 150%;
  letter-spacing: 0px;
}
.heading-md {
  font-size: 30px;
  font-weight: 900;
  line-height: 150%;
  letter-spacing: 0px;
}
.heading-sm {
  font-size: 18px;
  font-weight: 850;
  line-height: 150%;
  letter-spacing: 0px;
}
.heading-xs {
  font-size: 13px;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0px;
}

.content-list-item {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 21px;
}
.content-body-1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0px;
}
.text-color-primary {
  color: var(--ion-color-primary);
}
.text-color-primary-ion {
  --color: var(--ion-color-primary);
}
.text-color-dark {
  color: var(--ion-color-dark);
}
.text-color-dark-ion {
  --color: var(--ion-color-dark);
}
.text-color-medium {
  color: var(--ion-color-medium);
}
.text-color-medium-ion {
  --color: var(--ion-color-medium);
}
.text-color-light {
  color: var(--ion-color-light);
}
.text-color-light-ion {
  --color: var(--ion-color-light);
}
.text-color-tertiary {
  color: var(--ion-color-tertiary);
}
.text-color-tertiary-ion {
  --color: var(--ion-color-tertiary);
}

.title-1 {
  color: var(--ion-text-color, #333);
  font-family: Manrope;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  /* 133.333% */
}
.title-1-medium {
  color: var(--ion-text-color, #333);
  font-family: Manrope;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  /* 133.333% */
}
.title-1-bold {
  color: var(--ion-text-color, #333);
  font-family: Manrope;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  /* 133.333% */
}
.title-2 {
  color: var(--ion-text-color, #333);
  font-family: Manrope;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 48px;
  /* 150% */
}
.title-2-medium {
  color: var(--ion-text-color, #333);
  font-family: Manrope;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
  /* 150% */
}
.title-2-bold {
  color: var(--ion-text-color, #333);
  font-family: Manrope;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
  /* 150% */
}
.title-3 {
  color: var(--ion-text-color, #333);
  font-family: Manrope;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 56px;
  /* 140% */
}
.title-3-medium {
  color: var(--ion-text-color, #333);
  font-family: Manrope;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 56px;
  /* 140% */
}
.title-3-bold {
  color: var(--ion-text-color, #333);
  font-family: Manrope;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px;
  /* 140% */
}

.body-large {
  color: var(--ion-text-color, #333);
  font-family: Manrope;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  /* 160% */
}
.body-large-medium {
  color: var(--ion-text-color, #333);
  font-family: Manrope;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  /* 160% */
}
.body-large-bold {
  color: var(--ion-text-color, #333);
  font-family: Manrope;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  /* 160% */
}
.body-regular {
  color: var(--ion-text-color, #333);
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}
.body-regular-medium {
  color: var(--ion-text-color, #333);
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}
.body-regular-bold {
  color: var(--ion-text-color, #333);
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
}
.body-small {
  color: var(--ion-text-color, #333);
  font-family: Manrope;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  /* 114.286% */
}
.body-small-medium {
  color: var(--ion-text-color, #333);
  font-family: Manrope;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  /* 114.286% */
}
.body-small-bold {
  color: var(--ion-text-color, #333);
  font-family: Manrope;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  /* 114.286% */
}

.footnote {
  color: var(--ion-text-color, #333);
  font-family: Manrope;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  /* 133.333% */
}
.footnote-medium {
  color: var(--ion-text-color, #333);
  font-family: Manrope;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  /* 133.333% */
}
.footnote-bold {
  color: var(--ion-text-color, #333);
  font-family: Manrope;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  /* 133.333% */
}

.legal {
  color: var(--ion-text-color, #333);
  font-family: Manrope;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  /* 160% */
}
.legal-medium {
  color: var(--ion-text-color, #333);
  font-family: Manrope;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  /* 160% */
}
.legal-bold {
  color: var(--ion-text-color, #333);
  font-family: Manrope;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  /* 160% */
}

.stop-tracking,
.no-purchase {
  background-color: #f2f4f5;
  color: #8f8f8f;
  font-size: 9px;
  font-weight: 1000;
  line-height: 100%;
  letter-spacing: 0px;
  border-radius: 4px;
  text-align: center;
}

.purchase {
  background-color: #ffb83d;
  color: white;
  font-size: 9px;
  font-weight: 1000;
  line-height: 100%;
  letter-spacing: 0px;
  border-radius: 4px;
  text-align: center;
}

.marker {
  background-size: contain;
  width: 32px;
  height: 33px;
  background-repeat: no-repeat;
  background-image: url('white-ellipse.png');
  background-position: center bottom;
  filter: drop-shadow(3px 4px 4px rgba(0, 0, 0, 0.3));
  /**
  * buradaki numaralar 918 grupIdli inspectType constantlarının ConstantId değerleridir 
  */
}
.marker.active {
  background-image: url('pin-white.png');
}
.markerV4 {
  background-image: url('marker_v4.png');
}
.marker-prob-spot {
  background-image: url('prob-spot.svg');
}
.marker-prob-spot.active {
  background-image: url('prob-spot.svg');
  animation: flag-pop-effect 500ms linear forwards;
}
.marker-newnote {
  background-image: url('new_note_pin.svg');
}
.marker-newnote.active {
  background-image: url('new_note_pin.svg');
  animation: flag-pop-effect 500ms linear forwards;
}
.marker-blue, .marker-1458 {
  background-image: url('irrigation_1458.png');
}
.marker-blue.active, .marker-1458.active {
  background-image: url('irrigation_1458.png');
}
.marker-gray, .marker-1457 {
  background-image: url('nutrition_1457.png');
}
.marker-gray.active, .marker-1457.active {
  background-image: url('nutrition_1457.png');
}
.marker-orange, .marker-919 {
  background-image: url('disease_919.png');
}
.marker-orange.active, .marker-919.active {
  background-image: url('disease_919.png');
}
.marker-green, .marker-921 {
  background-image: url('wild_plant_921.png');
}
.marker-green.active, .marker-921.active {
  background-image: url('wild_plant_921.png');
}
.marker-purple, .marker-920 {
  background-image: url('pest_920.png');
}
.marker-purple.active, .marker-920.active {
  background-image: url('pest_920.png');
}
.marker-yellow, .marker-1164 {
  background-image: url('other_1164.png');
}
.marker-yellow.active, .marker-1164.active {
  background-image: url('other_1164.png');
}

.custom-toggle {
  --background: var(--ion-color-light);
  --background-checked: attr("color");
  --handle-background: var(--ion-color-ultra-light);
  --handle-background-checked: var(--ion-color-ultra-light);
  border: 1px solid var(--ion-color-light);
  border-radius: 50px;
  padding: 0;
  width: 52px;
  height: 30px;
  transition: width 110ms linear, height 110ms linear, border 110ms linear;
  --handle-spacing: 1px;
  --handle-width: 28px;
  --handle-height: 28px;
}
.custom-toggle.toggle-checked {
  border: 1px solid var(--background);
  border-radius: 50px;
  --handle-spacing: 1px;
  --handle-width: 28px;
  --handle-height: 28px;
  transition: width 110ms linear, height 110ms linear, border 110ms linear;
}

.blob {
  background: black;
  border-radius: 50%;
  border: 3px solid white;
  box-shadow: 0 0 0 0 rgb(0, 0, 0);
  margin: 10px;
  height: 20px;
  width: 20px;
  animation: pulse-black 2s infinite;
}

@keyframes pulse-black {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  70% {
    box-shadow: 0 0 0 30px rgba(0, 0, 0, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}
.blob.yellow {
  background: rgb(255, 177, 66);
  box-shadow: 0 0 0 0 rgb(255, 177, 66);
  animation: pulse-yellow 2s infinite;
}

@keyframes pulse-yellow {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 177, 66, 0.7);
  }
  70% {
    box-shadow: 0 0 0 30px rgba(255, 177, 66, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 177, 66, 0);
  }
}
.blob.blue {
  background: rgb(52, 172, 224);
  box-shadow: 0 0 0 0 rgb(52, 172, 224);
  animation: pulse-blue 2s infinite;
}

@keyframes pulse-blue {
  0% {
    box-shadow: 0 0 0 0 rgba(52, 172, 224, 0.7);
  }
  70% {
    box-shadow: 0 0 0 30px rgba(52, 172, 224, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(52, 172, 224, 0);
  }
}
.irtem-marker {
  background-position: bottom;
  width: 34px;
  height: 34px;
  position: relative !important;
  background-image: url('vra-marker.svg');
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 100%;
  bottom: -17px;
}
.irtem-marker.pulse-effect {
  background-color: rgba(106, 191, 75, 0.6);
  z-index: 1;
  animation: pulse-irtem 2000ms linear infinite;
}

@keyframes pulse-irtem {
  0% {
    box-shadow: 0 0 0 0 rgba(105, 191, 74, 0.6);
  }
  50% {
    box-shadow: 0 0 0 30px rgba(105, 191, 74, 0.4);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(105, 191, 74, 0.2);
  }
}
.btn-height-46 {
  min-height: 46px;
  height: 46px;
}

.fab-div {
  height: 28px;
  width: 28px;
  float: right;
  border-radius: 50%;
  background: var(--ion-color-medium-light);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.custom-checkbox {
  --size: 25px;
}

.custom-checkbox::part(container) {
  border-radius: 4px;
  --border-radius: 4px;
  --border-style: solid;
  --border-width: 1px;
  --border-color: var(--ion-color-medium);
  --border-color-checked: var(--ion-color-base);
  padding: 4px;
}

.mapboxgl-popup-content {
  border-radius: 5px !important;
  color: black;
}

.map-popup-container {
  max-width: unset !important;
  border-radius: 5px;
  color: #000000;
}
.map-popup-btn-later {
  min-width: 56px;
  height: 31px;
  background: #FFFFFF;
  color: #000000;
  box-shadow: 3px 5px 4px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  padding: 5.5px 12px;
}
.map-popup-btn-checked {
  min-width: 56px;
  height: 31px;
  background: #000000;
  color: #FFFFFF;
  box-shadow: 3px 5px 4px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  padding: 5.5px 12px;
}

.circled-close-icon {
  height: 20px;
  width: 20px;
  border-radius: 100%;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  background: rgba(162, 162, 162, 0.15);
}

@keyframes flag-pop-effect {
  0% {
    width: 32px;
    height: 33px;
  }
  100% {
    width: 48px;
    height: 49px;
  }
}
/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 30, 2023
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/mapbox-gl/dist/mapbox-gl.css?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************/
.mapboxgl-map{font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative;-webkit-tap-highlight-color:rgb(0 0 0/0)}.mapboxgl-canvas{left:0;position:absolute;top:0}.mapboxgl-map:-webkit-full-screen{height:100%;width:100%}.mapboxgl-canary{background-color:salmon}.mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass{cursor:grab;-webkit-user-select:none;user-select:none}.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer{cursor:pointer}.mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active{cursor:grabbing}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:pinch-zoom}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:none}.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-top-left,.mapboxgl-ctrl-top-right{pointer-events:none;position:absolute;z-index:2}.mapboxgl-ctrl-top-left{left:0;top:0}.mapboxgl-ctrl-top-right{right:0;top:0}.mapboxgl-ctrl-bottom-left{bottom:0;left:0}.mapboxgl-ctrl-bottom-right{bottom:0;right:0}.mapboxgl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.mapboxgl-ctrl-top-left .mapboxgl-ctrl{float:left;margin:10px 0 0 10px}.mapboxgl-ctrl-top-right .mapboxgl-ctrl{float:right;margin:10px 10px 0 0}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl{float:left;margin:0 0 10px 10px}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl{float:right;margin:0 10px 10px 0}.mapboxgl-ctrl-group{background:#fff;border-radius:4px}.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px rgba(0,0,0,.1)}@media (-ms-high-contrast:active){.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}.mapboxgl-ctrl-group button{background-color:transparent;border:0;box-sizing:border-box;cursor:pointer;display:block;height:29px;outline:none;overflow:hidden;padding:0;width:29px}.mapboxgl-ctrl-group button+button{border-top:1px solid #ddd}.mapboxgl-ctrl button .mapboxgl-ctrl-icon{background-position:50%;background-repeat:no-repeat;display:block;height:100%;width:100%}@media (-ms-high-contrast:active){.mapboxgl-ctrl-icon{background-color:transparent}.mapboxgl-ctrl-group button+button{border-top:1px solid ButtonText}}.mapboxgl-ctrl-attrib-button:focus,.mapboxgl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl button:disabled{cursor:not-allowed}.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon{opacity:.25}.mapboxgl-ctrl-group button:first-child{border-radius:4px 4px 0 0}.mapboxgl-ctrl-group button:last-child{border-radius:0 0 4px 4px}.mapboxgl-ctrl-group button:only-child{border-radius:inherit}.mapboxgl-ctrl button:not(:disabled):hover{background-color:rgb(0 0 0/5%)}.mapboxgl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon{animation:mapboxgl-spin 2s linear infinite}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}}@keyframes mapboxgl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='0.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='0.9' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer;display:block;height:23px;margin:0 0 -4px -4px;overflow:hidden;width:88px}a.mapboxgl-ctrl-logo.mapboxgl-compact{width:23px}@media (-ms-high-contrast:active){a.mapboxgl-ctrl-logo{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23000'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")}}.mapboxgl-ctrl.mapboxgl-ctrl-attrib{background-color:hsla(0,0%,100%,.5);margin:0;padding:0 5px}@media screen{.mapboxgl-ctrl-attrib.mapboxgl-compact{background-color:#fff;border-radius:12px;box-sizing:content-box;margin:10px;min-height:20px;padding:2px 24px 2px 0;position:relative}.mapboxgl-ctrl-attrib.mapboxgl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show{border-radius:12px;padding:2px 8px 2px 28px}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner{display:none}.mapboxgl-ctrl-attrib-button{background-color:hsla(0,0%,100%,.5);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");border:0;border-radius:12px;box-sizing:border-box;cursor:pointer;display:none;height:24px;outline:none;position:absolute;right:0;top:0;width:24px}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button{left:0}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner{display:block}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button{background-color:rgb(0 0 0/5%)}.mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;right:0}.mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0;top:0}.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0;top:0}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;left:0}}@media screen and (-ms-high-contrast:active){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}@media screen and (-ms-high-contrast:black-on-white){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}.mapboxgl-ctrl-attrib a{color:rgba(0,0,0,.75);text-decoration:none}.mapboxgl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.mapboxgl-ctrl-attrib .mapbox-improve-map{font-weight:700;margin-left:2px}.mapboxgl-attrib-empty{display:none}.mapboxgl-ctrl-scale{background-color:hsla(0,0%,100%,.75);border:2px solid #333;border-top:#333;box-sizing:border-box;color:#333;font-size:10px;padding:0 5px;white-space:nowrap}.mapboxgl-popup{display:flex;left:0;pointer-events:none;position:absolute;top:0;will-change:transform}.mapboxgl-popup-anchor-top,.mapboxgl-popup-anchor-top-left,.mapboxgl-popup-anchor-top-right{flex-direction:column}.mapboxgl-popup-anchor-bottom,.mapboxgl-popup-anchor-bottom-left,.mapboxgl-popup-anchor-bottom-right{flex-direction:column-reverse}.mapboxgl-popup-anchor-left{flex-direction:row}.mapboxgl-popup-anchor-right{flex-direction:row-reverse}.mapboxgl-popup-tip{border:10px solid transparent;height:0;width:0;z-index:1}.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{align-self:center;border-bottom-color:#fff;border-top:none}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom-color:#fff;border-left:none;border-top:none}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom-color:#fff;border-right:none;border-top:none}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{align-self:center;border-bottom:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{align-self:center;border-left:none;border-right-color:#fff}.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{align-self:center;border-left-color:#fff;border-right:none}.mapboxgl-popup-close-button{background-color:transparent;border:0;border-radius:0 3px 0 0;cursor:pointer;position:absolute;right:0;top:0}.mapboxgl-popup-close-button:hover{background-color:rgb(0 0 0/5%)}.mapboxgl-popup-content{background:#fff;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.1);padding:10px 10px 15px;pointer-events:auto;position:relative}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content{border-top-left-radius:0}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content{border-top-right-radius:0}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content{border-bottom-left-radius:0}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content{border-bottom-right-radius:0}.mapboxgl-popup-track-pointer{display:none}.mapboxgl-popup-track-pointer *{pointer-events:none;-webkit-user-select:none;user-select:none}.mapboxgl-map:hover .mapboxgl-popup-track-pointer{display:flex}.mapboxgl-map:active .mapboxgl-popup-track-pointer{display:none}.mapboxgl-marker{left:0;opacity:1;position:absolute;top:0;transition:opacity .2s;will-change:transform}.mapboxgl-user-location-dot,.mapboxgl-user-location-dot:before{background-color:#1da1f2;border-radius:50%;height:15px;width:15px}.mapboxgl-user-location-dot:before{animation:mapboxgl-user-location-dot-pulse 2s infinite;content:"";position:absolute}.mapboxgl-user-location-dot:after{border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px rgba(0,0,0,.35);box-sizing:border-box;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading{height:0;width:0}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-bottom:7.5px solid #4aa1eb;content:"";position:absolute}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-left:7.5px solid transparent;transform:translateY(-28px) skewY(-20deg)}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after{border-right:7.5px solid transparent;transform:translate(7.5px,-28px) skewY(20deg)}@keyframes mapboxgl-user-location-dot-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(3)}to{opacity:0;transform:scale(1)}}.mapboxgl-user-location-dot-stale{background-color:#aaa}.mapboxgl-user-location-dot-stale:after{display:none}.mapboxgl-user-location-accuracy-circle{background-color:#1da1f233;border-radius:100%;height:1px;width:1px}.mapboxgl-crosshair,.mapboxgl-crosshair .mapboxgl-interactive,.mapboxgl-crosshair .mapboxgl-interactive:active{cursor:crosshair}.mapboxgl-boxzoom{background:#fff;border:2px dotted #202020;height:0;left:0;opacity:.5;position:absolute;top:0;width:0}@media print{.mapbox-improve-map{display:none}}.mapboxgl-scroll-zoom-blocker,.mapboxgl-touch-pan-blocker{align-items:center;background:rgba(0,0,0,.7);color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;text-align:center;top:0;transition:opacity .75s ease-in-out;transition-delay:1s;width:100%}.mapboxgl-scroll-zoom-blocker-show,.mapboxgl-touch-pan-blocker-show{opacity:1;transition:opacity .1s ease-in-out}.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas{touch-action:pan-x pan-y}
/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@mapbox/mapbox-gl-draw/dist/mapbox-gl-draw.css?ngGlobalStyle ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/

/* Override default control style */
.mapbox-gl-draw_ctrl-bottom-left,
.mapbox-gl-draw_ctrl-top-left {
  margin-left:0;
  border-radius:0 4px 4px 0;
}
.mapbox-gl-draw_ctrl-top-right,
.mapbox-gl-draw_ctrl-bottom-right {
  margin-right:0;
  border-radius:4px 0 0 4px;
}

.mapbox-gl-draw_ctrl-draw-btn {
  border-color:rgba(0,0,0,0.9);
  color:rgba(255,255,255,0.5);
  width:30px;
  height:30px;
}

.mapbox-gl-draw_ctrl-draw-btn.active,
.mapbox-gl-draw_ctrl-draw-btn.active:hover {
  background-color:rgb(0 0 0/5%);
}
.mapbox-gl-draw_ctrl-draw-btn {
  background-repeat: no-repeat;
  background-position: center;
}

.mapbox-gl-draw_point {
  background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m10 2c-3.3 0-6 2.7-6 6s6 9 6 9 6-5.7 6-9-2.7-6-6-6zm0 2c2.1 0 3.8 1.7 3.8 3.8 0 1.5-1.8 3.9-2.9 5.2h-1.7c-1.1-1.4-2.9-3.8-2.9-5.2-.1-2.1 1.6-3.8 3.7-3.8z"/>%3C/svg>');
}
.mapbox-gl-draw_polygon {
  background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m15 12.3v-4.6c.6-.3 1-1 1-1.7 0-1.1-.9-2-2-2-.7 0-1.4.4-1.7 1h-4.6c-.3-.6-1-1-1.7-1-1.1 0-2 .9-2 2 0 .7.4 1.4 1 1.7v4.6c-.6.3-1 1-1 1.7 0 1.1.9 2 2 2 .7 0 1.4-.4 1.7-1h4.6c.3.6 1 1 1.7 1 1.1 0 2-.9 2-2 0-.7-.4-1.4-1-1.7zm-8-.3v-4l1-1h4l1 1v4l-1 1h-4z"/>%3C/svg>');
}
.mapbox-gl-draw_line {
  background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m13.5 3.5c-1.4 0-2.5 1.1-2.5 2.5 0 .3 0 .6.2.9l-3.8 3.8c-.3-.1-.6-.2-.9-.2-1.4 0-2.5 1.1-2.5 2.5s1.1 2.5 2.5 2.5 2.5-1.1 2.5-2.5c0-.3 0-.6-.2-.9l3.8-3.8c.3.1.6.2.9.2 1.4 0 2.5-1.1 2.5-2.5s-1.1-2.5-2.5-2.5z"/>%3C/svg>');
}
.mapbox-gl-draw_trash {
  background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="M10,3.4 c-0.8,0-1.5,0.5-1.8,1.2H5l-1,1v1h12v-1l-1-1h-3.2C11.5,3.9,10.8,3.4,10,3.4z M5,8v7c0,1,1,2,2,2h6c1,0,2-1,2-2V8h-2v5.5h-1.5V8h-3 v5.5H7V8H5z"/>%3C/svg>');
}
.mapbox-gl-draw_uncombine {
  background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m12 2c-.3 0-.5.1-.7.3l-1 1c-.4.4-.4 1 0 1.4l1 1c.4.4 1 .4 1.4 0l1-1c.4-.4.4-1 0-1.4l-1-1c-.2-.2-.4-.3-.7-.3zm4 4c-.3 0-.5.1-.7.3l-1 1c-.4.4-.4 1 0 1.4l1 1c.4.4 1 .4 1.4 0l1-1c.4-.4.4-1 0-1.4l-1-1c-.2-.2-.4-.3-.7-.3zm-7 1c-1 0-1 1-.5 1.5.3.3 1 1 1 1l-1 1s-.5.5 0 1 1 0 1 0l1-1 1 1c.5.5 1.5.5 1.5-.5v-4zm-5 3c-.3 0-.5.1-.7.3l-1 1c-.4.4-.4 1 0 1.4l4.9 4.9c.4.4 1 .4 1.4 0l1-1c.4-.4.4-1 0-1.4l-4.9-4.9c-.1-.2-.4-.3-.7-.3z"/>%3C/svg>');
}
.mapbox-gl-draw_combine {
  background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="M12.1,2c-0.3,0-0.5,0.1-0.7,0.3l-1,1c-0.4,0.4-0.4,1,0,1.4l4.9,4.9c0.4,0.4,1,0.4,1.4,0l1-1 c0.4-0.4,0.4-1,0-1.4l-4.9-4.9C12.6,2.1,12.3,2,12.1,2z M8,8C7,8,7,9,7.5,9.5c0.3,0.3,1,1,1,1l-1,1c0,0-0.5,0.5,0,1s1,0,1,0l1-1l1,1 C11,13,12,13,12,12V8H8z M4,10c-0.3,0-0.5,0.1-0.7,0.3l-1,1c-0.4,0.4-0.4,1,0,1.4l1,1c0.4,0.4,1,0.4,1.4,0l1-1c0.4-0.4,0.4-1,0-1.4 l-1-1C4.5,10.1,4.3,10,4,10z M8,14c-0.3,0-0.5,0.1-0.7,0.3l-1,1c-0.4,0.4-0.4,1,0,1.4l1,1c0.4,0.4,1,0.4,1.4,0l1-1 c0.4-0.4,0.4-1,0-1.4l-1-1C8.5,14.1,8.3,14,8,14z"/>%3C/svg>');
}

.mapboxgl-map.mouse-pointer .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: pointer;
}
.mapboxgl-map.mouse-move .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: move;
}
.mapboxgl-map.mouse-add .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: crosshair;
}
.mapboxgl-map.mouse-move.mode-direct_select .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: grab;
  cursor: -webkit-grab;
}
.mapboxgl-map.mode-direct_select.feature-vertex.mouse-move .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: move;
}
.mapboxgl-map.mode-direct_select.feature-midpoint.mouse-pointer .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: cell;
}
.mapboxgl-map.mode-direct_select.feature-feature.mouse-move .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: move;
}
.mapboxgl-map.mode-static.mouse-pointer  .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: grab;
  cursor: -webkit-grab;
}

.mapbox-gl-draw_boxselect {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    background: rgba(0,0,0,.1);
    border: 2px dotted #fff;
    opacity: 0.5;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@mapbox/mapbox-gl-geocoder/dist/mapbox-gl-geocoder.css?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
/* Basics */
.mapboxgl-ctrl-geocoder,
.mapboxgl-ctrl-geocoder *,
.mapboxgl-ctrl-geocoder *:after,
.mapboxgl-ctrl-geocoder *:before {
  box-sizing: border-box;
}

.mapboxgl-ctrl-geocoder {
  font-size: 18px;
  line-height: 24px;
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, Helvetica, sans-serif;
  position: relative;
  background-color: #fff;
  width: 100%;
  min-width: 240px;
  z-index: 1;
  border-radius: 4px;
  transition: width .25s, min-width .25s;
}

.mapboxgl-ctrl-geocoder--input {
  font: inherit;
  width: 100%;
  border: 0;
  background-color: transparent;
  margin: 0;
  height: 50px;
  color: #404040; /* fallback */
  color: rgba(0, 0, 0, 0.75);
  padding: 6px 45px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.mapboxgl-ctrl-geocoder--input::-ms-clear {
  display: none; /* hide input clear button in IE */
}

.mapboxgl-ctrl-geocoder--input:focus {
  color: #404040; /* fallback */
  color: rgba(0, 0, 0, 0.75);
  outline: 0;
  box-shadow: none;
  outline: thin dotted;
}

.mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--pin-right > * {
  z-index: 2;
  position: absolute;
  right: 8px;
  top: 7px;
  display: none;
}

.mapboxgl-ctrl-geocoder,
.mapboxgl-ctrl-geocoder .suggestions {
  box-shadow: 0 0 10px 2px rgba(0,0,0,.1);
}

/* Collapsed */
.mapboxgl-ctrl-geocoder.mapboxgl-ctrl-geocoder--collapsed {
  width: 50px;
  min-width: 50px;
  transition: width .25s, min-width .25s;
}

/* Suggestions */
.mapboxgl-ctrl-geocoder .suggestions {
  background-color: #fff;
  border-radius: 4px;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
  top: 110%; /* fallback */
  top: calc(100% + 6px);
  z-index: 1000;
  overflow: hidden;
  font-size: 15px;
}

.mapboxgl-ctrl-bottom-left .suggestions,
.mapboxgl-ctrl-bottom-right .suggestions {
  top: auto;
  bottom: 100%;
}

.mapboxgl-ctrl-geocoder .suggestions > li > a {
  cursor: default;
  display: block;
  padding: 6px 12px;
  color: #404040;
}

.mapboxgl-ctrl-geocoder .suggestions > .active > a,
.mapboxgl-ctrl-geocoder .suggestions > li > a:hover {
  color: #404040;
  background-color: #f3f3f3;
  text-decoration: none;
  cursor: pointer;
}

.mapboxgl-ctrl-geocoder--suggestion-title {
  font-weight: bold;
}

.mapboxgl-ctrl-geocoder--suggestion-title,
.mapboxgl-ctrl-geocoder--suggestion-address {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* Icons */
.mapboxgl-ctrl-geocoder--icon {
  display: inline-block;
  vertical-align: middle;
  speak: none;
  fill: #757575;
  top: 15px;
}

.mapboxgl-ctrl-geocoder--icon-search {
  position: absolute;
  top: 13px;
  left: 12px;
  width: 23px;
  height: 23px;
}

.mapboxgl-ctrl-geocoder--button {
  padding: 0;
  margin: 0;
  border: none;
  cursor: pointer;
  background: #fff;
  line-height: 1;
}

.mapboxgl-ctrl-geocoder--icon-close {
  width: 20px;
  height: 20px;
  margin-top: 8px;
  margin-right: 3px;
}

.mapboxgl-ctrl-geocoder--button:hover .mapboxgl-ctrl-geocoder--icon-close {
  fill: #909090;
}

.mapboxgl-ctrl-geocoder--icon-geolocate {
  width: 22px;
  height: 22px;
  margin-top: 6px;
  margin-right: 3px;
}

.mapboxgl-ctrl-geocoder--icon-loading {
  width: 26px;
  height: 26px;
  margin-top: 5px;
  margin-right: 0px;
  animation: rotate 0.8s infinite cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.mapboxgl-ctrl-geocoder--powered-by {
  display: block;
  float: left;
  padding: 6px 12px;
  padding-bottom: 9px;
  font-size: 13px;
}

.mapboxgl-ctrl-geocoder--powered-by a {
  color: #909090;
}

.mapboxgl-ctrl-geocoder--powered-by a:not(:hover) {
  text-decoration: none;  
}

/* Animation */

@keyframes rotate {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Media queries*/
@media screen and (min-width: 640px) {

  .mapboxgl-ctrl-geocoder.mapboxgl-ctrl-geocoder--collapsed {
    width: 36px;
    min-width: 36px;
  }

  .mapboxgl-ctrl-geocoder {
    width: 33.3333%;
    font-size: 15px;
    line-height: 20px;
    max-width: 360px;
  }
  .mapboxgl-ctrl-geocoder .suggestions {
    font-size: 13px;
  }

  .mapboxgl-ctrl-geocoder--icon {
    top: 8px;
  }

  .mapboxgl-ctrl-geocoder--icon-close {
    width: 16px;
    height: 16px;
    margin-top: 3px;
    margin-right: 0;
  }

  .mapboxgl-ctrl-geocoder--icon-geolocate {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    margin-right: 0;
  }

  .mapboxgl-ctrl-geocoder--icon-search {
    left: 7px;
    width: 20px;
    height: 20px;
  }

  .mapboxgl-ctrl-geocoder--input {
    height: 36px;
    padding: 6px 35px;
  }

  .mapboxgl-ctrl-geocoder--icon-loading {
    width: 26px;
    height: 26px;
    margin-top: -2px;
    margin-right: -5px;
  }

  .mapbox-gl-geocoder--error{
    color:#909090;
    padding: 6px 12px;
    font-size: 16px;
    text-align: center;
  }

  .mapboxgl-ctrl-geocoder--powered-by {
    font-size: 11px !important;
  }
}

/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/leaflet/dist/leaflet.css?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************/
/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

.leaflet-container img.leaflet-tile {
	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
	mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url('layers.png');
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url('layers-2x.png');
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url('marker-icon.png');
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;
	transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Printing */

@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}


/*# sourceMappingURL=styles.css.map*/