/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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 ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --ion-background-color: #f9f8fe;
  --ion-background-color-rgb: 249, 248, 254;
  --ion-color-primary: #7304dd;
  --ion-color-primary-rgb: 115, 4, 221;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #6504c2;
  --ion-color-primary-tint: #811de0;
  --ion-color-secondary: #3dc2ff;
  --ion-color-secondary-rgb: 61, 194, 255;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #36abe0;
  --ion-color-secondary-tint: #50c8ff;
  --ion-color-tertiary: #559eff;
  --ion-color-tertiary-rgb: 85, 158, 255;
  --ion-color-tertiary-contrast: #000000;
  --ion-color-tertiary-contrast-rgb: 0, 0, 0;
  --ion-color-tertiary-shade: #4b8be0;
  --ion-color-tertiary-tint: #66a8ff;
  --ion-color-success: #198754;
  --ion-color-success-rgb: 25, 135, 84;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #16774a;
  --ion-color-success-tint: #309365;
  --ion-color-warning: #ffc107;
  --ion-color-warning-rgb: 255, 193, 7;
  --ion-color-warning-contrast: #000000;
  --ion-color-warning-contrast-rgb: 0, 0, 0;
  --ion-color-warning-shade: #e0aa06;
  --ion-color-warning-tint: #ffc720;
  --ion-color-danger: #dc3545;
  --ion-color-danger-rgb: 220, 53, 69;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #c22f3d;
  --ion-color-danger-tint: #e04958;
  --ion-color-dark: #222428;
  --ion-color-dark-rgb: 34, 36, 40;
  --ion-color-dark-contrast: #ffffff;
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #1e2023;
  --ion-color-dark-tint: #383a3e;
  --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;
  --ion-color-light: #ffffff;
  --ion-color-light-rgb: 255, 255, 255;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #e0e0e0;
  --ion-color-light-tint: #ffffff;
  --ion-color-local: #47e58d;
  --ion-color-local-rgb: 71, 229, 141;
  --ion-color-local-contrast: #000000;
  --ion-color-local-contrast-rgb: 0, 0, 0;
  --ion-color-local-shade: #3eca7c;
  --ion-color-local-tint: #59e898;
  --ion-color-remote: #559eff;
  --ion-color-remote-rgb: 85, 158, 255;
  --ion-color-remote-contrast: #000000;
  --ion-color-remote-contrast-rgb: 0, 0, 0;
  --ion-color-remote-shade: #4b8be0;
  --ion-color-remote-tint: #66a8ff;
  --ion-color-offline: #bdc0c7;
  --ion-color-offline-rgb: 189, 192, 199;
  --ion-color-offline-contrast: #000000;
  --ion-color-offline-contrast-rgb: 0, 0, 0;
  --ion-color-offline-shade: #a6a9af;
  --ion-color-offline-tint: #c4c6cd;
  --ion-color-invalid: #bdc0c7;
  --ion-color-invalid-rgb: 255, 0, 0;
  --ion-color-invalid-contrast: #000000;
  --ion-color-invalid-contrast-rgb: 255, 255, 255;
  --ion-color-invalid-shade: #a6a9af;
  --ion-color-invalid-tint: #c4c6cd;
  --ion-color-on: #47e58d;
  --ion-color-on-rgb: 71, 229, 141;
  --ion-color-on-contrast: #000000;
  --ion-color-on-contrast-rgb: 0, 0, 0;
  --ion-color-on-shade: #3eca7c;
  --ion-color-on-tint: #59e898;
  --ion-color-off: #222428;
  --ion-color-off-rgb: 34, 36, 40;
  --ion-color-off-contrast: #ffffff;
  --ion-color-off-contrast-rgb: 255, 255, 255;
  --ion-color-off-shade: #1e2023;
  --ion-color-off-tint: #383a3e;
  --ion-color-freezing: #3880ff;
  --ion-color-freezing-rgb: 56, 128, 255;
  --ion-color-freezing-contrast: #ffffff;
  --ion-color-freezing-contrast-rgb: 255, 255, 255;
  --ion-color-freezing-shade: #3171e0;
  --ion-color-freezing-tint: #4c8dff;
  --ion-color-cold: #4294ff;
  --ion-color-cold-rgb: 66, 148, 255;
  --ion-color-cold-contrast: #000000;
  --ion-color-cold-contrast-rgb: 0, 0, 0;
  --ion-color-cold-shade: #3a82e0;
  --ion-color-cold-tint: #559fff;
  --ion-color-optimal: #fdc100;
  --ion-color-optimal-rgb: 253, 193, 0;
  --ion-color-optimal-contrast: #000000;
  --ion-color-optimal-contrast-rgb: 0, 0, 0;
  --ion-color-optimal-shade: #dfaa00;
  --ion-color-optimal-tint: #fdc71a;
  --ion-color-ideal: #ff9442;
  --ion-color-ideal-rgb: 255, 148, 66;
  --ion-color-ideal-contrast: #000000;
  --ion-color-ideal-contrast-rgb: 0, 0, 0;
  --ion-color-ideal-shade: #e0823a;
  --ion-color-ideal-tint: #ff9f55;
  --ion-color-hot: #ff6600;
  --ion-color-hot-rgb: 255, 102, 0;
  --ion-color-hot-contrast: #000000;
  --ion-color-hot-contrast-rgb: 0, 0, 0;
  --ion-color-hot-shade: #e05a00;
  --ion-color-hot-tint: #ff751a;
  --ion-color-notfication-unread: #e9d1ff;
  --ion-color-notfication-unread-rgb: 233, 209, 255;
  --ion-color-notfication-unread-contrast: #000000;
  --ion-color-notfication-unread-contrast-rgb: 0, 0, 0;
  --ion-color-notfication-unread-shade: #cdb8e0;
  --ion-color-notfication-unread-tint: #ebd6ff;
  --ion-color-notfication-read: #f0fff6;
  --ion-color-notfication-read-rgb: 240, 255, 246;
  --ion-color-notfication-read-contrast: #000000;
  --ion-color-notfication-read-contrast-rgb: 0, 0, 0;
  --ion-color-notfication-read-shade: #d3e0d8;
  --ion-color-notfication-read-tint: #f2fff7;
  --ion-color-notfication-selected: #7304dd;
  --ion-color-notfication-selected-rgb: 115, 4, 221;
  --ion-color-notfication-selected-contrast: #ffffff;
  --ion-color-notfication-selected-contrast-rgb: 255, 255, 255;
  --ion-color-notfication-selected-shade: #6504c2;
  --ion-color-notfication-selected-tint: #811de0;
  --ion-color-favorite: #47e58d;
  --ion-color-favorite-rgb: 71, 229, 141;
  --ion-color-favorite-contrast: #000000;
  --ion-color-favorite-contrast-rgb: 0, 0, 0;
  --ion-color-favorite-shade: #3eca7c;
  --ion-color-favorite-tint: #59e898;
  --ion-color-scada-navigation: #ffffffd3;
  --ion-color-scada-navigation-rgb: 255, 255, 255;
  --ion-color-scada-navigation-contrast: #7304dd;
  --ion-color-scada-navigation-contrast-rgb: 115, 4, 221;
  --ion-color-scada-navigation-shade: #e0e0e0;
  --ion-color-scada-navigation-tint: #ffffff;
  --ion-color-scada-label: #ffffffd3;
  --ion-color-scada-label-rgb: 255, 255, 255;
  --ion-color-scada-label-contrast: #7304dd;
  --ion-color-scada-label-contrast-rgb: 115, 4, 221;
  --ion-color-scada-label-shade: #e0e0e0;
  --ion-color-scada-label-tint: #ffffff;
}
:root .ion-color-local {
  --ion-color-base: var(--ion-color-local);
  --ion-color-base-rgb: var(--ion-color-local-rgb);
  --ion-color-contrast: var(--ion-color-local-contrast);
  --ion-color-contrast-rgb: var(--ion-color-local-contrast-rgb);
  --ion-color-shade: var(--ion-color-local-shade);
  --ion-color-tint: var(--ion-color-local-tint);
}
:root .ion-color-remote {
  --ion-color-base: var(--ion-color-remote);
  --ion-color-base-rgb: var(--ion-color-remote-rgb);
  --ion-color-contrast: var(--ion-color-remote-contrast);
  --ion-color-contrast-rgb: var(--ion-color-remote-contrast-rgb);
  --ion-color-shade: var(--ion-color-remote-shade);
  --ion-color-tint: var(--ion-color-remote-tint);
}
:root .ion-color-offline {
  --ion-color-base: var(--ion-color-offline);
  --ion-color-base-rgb: var(--ion-color-offline-rgb);
  --ion-color-contrast: var(--ion-color-offline-contrast);
  --ion-color-contrast-rgb: var(--ion-color-offline-contrast-rgb);
  --ion-color-shade: var(--ion-color-offline-shade);
  --ion-color-tint: var(--ion-color-offline-tint);
}
:root .ion-color-invalid {
  --ion-color-base: var(--ion-color-invalid);
  --ion-color-base-rgb: var(--ion-color-invalid-rgb);
  --ion-color-contrast: var(--ion-color-invalid-contrast);
  --ion-color-contrast-rgb: var(--ion-color-invalid-contrast-rgb);
  --ion-color-shade: var(--ion-color-invalid-shade);
  --ion-color-tint: var(--ion-color-invalid-tint);
}
:root .ion-color-on {
  --ion-color-base: var(--ion-color-on);
  --ion-color-base-rgb: var(--ion-color-on-rgb);
  --ion-color-contrast: var(--ion-color-on-contrast);
  --ion-color-contrast-rgb: var(--ion-color-on-contrast-rgb);
  --ion-color-shade: var(--ion-color-on-shade);
  --ion-color-tint: var(--ion-color-on-tint);
}
:root .ion-color-off {
  --ion-color-base: var(--ion-color-off);
  --ion-color-base-rgb: var(--ion-color-off-rgb);
  --ion-color-contrast: var(--ion-color-off-contrast);
  --ion-color-contrast-rgb: var(--ion-color-off-contrast-rgb);
  --ion-color-shade: var(--ion-color-off-shade);
  --ion-color-tint: var(--ion-color-off-tint);
}
:root .ion-color-freezing {
  --ion-color-base: var(--ion-color-freezing);
  --ion-color-base-rgb: var(--ion-color-freezing-rgb);
  --ion-color-contrast: var(--ion-color-freezing-contrast);
  --ion-color-contrast-rgb: var(--ion-color-freezing-contrast-rgb);
  --ion-color-shade: var(--ion-color-freezing-shade);
  --ion-color-tint: var(--ion-color-freezing-tint);
}
:root .ion-color-cold {
  --ion-color-base: var(--ion-color-cold);
  --ion-color-base-rgb: var(--ion-color-cold-rgb);
  --ion-color-contrast: var(--ion-color-cold-contrast);
  --ion-color-contrast-rgb: var(--ion-color-cold-contrast-rgb);
  --ion-color-shade: var(--ion-color-cold-shade);
  --ion-color-tint: var(--ion-color-cold-tint);
}
:root .ion-color-optimal {
  --ion-color-base: var(--ion-color-optimal);
  --ion-color-base-rgb: var(--ion-color-optimal-rgb);
  --ion-color-contrast: var(--ion-color-optimal-contrast);
  --ion-color-contrast-rgb: var(--ion-color-optimal-contrast-rgb);
  --ion-color-shade: var(--ion-color-optimal-shade);
  --ion-color-tint: var(--ion-color-optimal-tint);
}
:root .ion-color-ideal {
  --ion-color-base: var(--ion-color-ideal);
  --ion-color-base-rgb: var(--ion-color-ideal-rgb);
  --ion-color-contrast: var(--ion-color-ideal-contrast);
  --ion-color-contrast-rgb: var(--ion-color-ideal-contrast-rgb);
  --ion-color-shade: var(--ion-color-ideal-shade);
  --ion-color-tint: var(--ion-color-ideal-tint);
}
:root .ion-color-hot {
  --ion-color-base: var(--ion-color-hot);
  --ion-color-base-rgb: var(--ion-color-hot-rgb);
  --ion-color-contrast: var(--ion-color-hot-contrast);
  --ion-color-contrast-rgb: var(--ion-color-hot-contrast-rgb);
  --ion-color-shade: var(--ion-color-hot-shade);
  --ion-color-tint: var(--ion-color-hot-tint);
}
:root .ion-color-notfication-unread {
  --ion-color-base: var(--ion-color-notfication-unread);
  --ion-color-base-rgb: var(--ion-color-notfication-unread-rgb);
  --ion-color-contrast: var(--ion-color-notfication-unread-contrast);
  --ion-color-contrast-rgb: var(--ion-color-notfication-unread-contrast-rgb);
  --ion-color-shade: var(--ion-color-notfication-unread-shade);
  --ion-color-tint: var(--ion-color-notfication-unread-tint);
}
:root .ion-color-notfication-read {
  --ion-color-base: var(--ion-color-notfication-read);
  --ion-color-base-rgb: var(--ion-color-notfication-read-rgb);
  --ion-color-contrast: var(--ion-color-notfication-read-contrast);
  --ion-color-contrast-rgb: var(--ion-color-notfication-read-contrast-rgb);
  --ion-color-shade: var(--ion-color-notfication-read-shade);
  --ion-color-tint: var(--ion-color-notfication-read-tint);
}
:root .ion-color-notfication-selected {
  --ion-color-base: var(--ion-color-notfication-selected);
  --ion-color-base-rgb: var(--ion-color-notfication-selected-rgb);
  --ion-color-contrast: var(--ion-color-notfication-selected-contrast);
  --ion-color-contrast-rgb: var(--ion-color-notfication-selected-contrast-rgb);
  --ion-color-shade: var(--ion-color-notfication-selected-shade);
  --ion-color-tint: var(--ion-color-notfication-selected-tint);
}
:root .ion-color-favorite {
  --ion-color-base: var(--ion-color-favorite);
  --ion-color-base-rgb: var(--ion-color-favorite-rgb);
  --ion-color-contrast: var(--ion-color-favorite-contrast);
  --ion-color-contrast-rgb: var(--ion-color-favorite-contrast-rgb);
  --ion-color-shade: var(--ion-color-favorite-shade);
  --ion-color-tint: var(--ion-color-favorite-tint);
}
:root .ion-color-scada-navigation {
  --ion-color-base: var(--ion-color-scada-navigation);
  --ion-color-base-rgb: var(--ion-color-scada-navigation-rgb);
  --ion-color-contrast: var(--ion-color-scada-navigation-contrast);
  --ion-color-contrast-rgb: var(--ion-color-scada-navigation-contrast-rgb);
  --ion-color-shade: var(--ion-color-scada-navigation-shade);
  --ion-color-tint: var(--ion-color-scada-navigation-tint);
}
:root .ion-color-scada-label {
  --ion-color-base: var(--ion-color-scada-label);
  --ion-color-base-rgb: var(--ion-color-scada-label-rgb);
  --ion-color-contrast: var(--ion-color-scada-label-contrast);
  --ion-color-contrast-rgb: var(--ion-color-scada-label-contrast-rgb);
  --ion-color-shade: var(--ion-color-scada-label-shade);
  --ion-color-tint: var(--ion-color-scada-label-tint);
}
@font-face {
  font-family: "Proxima Nova Regular";
  src: url('proximanova-regular.otf') format("opentype"), url('proximanova-regular.woff') format("woff2");
}
:root {
  --ion-font-family: "Proxima Nova Regular";
}
* {
  letter-spacing: 0px;
  text-transform: none;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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 ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
 * 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 */
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-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.
 */
ion-modal.modal-default:not(.overlay-hidden) ~ 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;
  overflow: hidden;
  z-index: 0;
}
.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,
[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: constant(safe-area-inset-top)) {
  html {
    --ion-safe-area-top: constant(safe-area-inset-top);
    --ion-safe-area-bottom: constant(safe-area-inset-bottom);
    --ion-safe-area-left: constant(safe-area-inset-left);
    --ion-safe-area-right: constant(safe-area-inset-right);
  }
}
@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;
}
/* Basic CSS for apps built with Ionic */
audio,
canvas,
progress,
video {
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
b,
strong {
  font-weight: bold;
}
img {
  max-width: 100%;
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
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 {
  border: 0;
  border-radius: 0;
  font-family: inherit;
  font-style: inherit;
  font-feature-settings: 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=checkbox],
input[type=radio] {
  padding: 0;
  box-sizing: border-box;
}
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;
}
* {
  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;
}
html {
  font-family: 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: 26px;
}
h2 {
  margin-top: 18px;
  font-size: 24px;
}
h3 {
  font-size: 22px;
}
h4 {
  font-size: 20px;
}
h5 {
  font-size: 18px;
}
h6 {
  font-size: 16px;
}
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;
}
.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;
  }
}
/* Optional CSS utils that can be commented out */
.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-left: var(--ion-padding, 16px);
  padding-right: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding {
    padding-left: unset;
    padding-right: unset;
    padding-inline-start: var(--ion-padding, 16px);
    padding-inline-end: 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-left: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding-start {
    padding-left: unset;
    padding-inline-start: var(--ion-padding, 16px);
  }
}
.ion-padding-end {
  --padding-end: var(--ion-padding, 16px);
  padding-right: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding-end {
    padding-right: unset;
    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-left: var(--ion-padding, 16px);
  padding-right: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding-horizontal {
    padding-left: unset;
    padding-right: unset;
    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-left: var(--ion-margin, 16px);
  margin-right: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin {
    margin-left: unset;
    margin-right: unset;
    margin-inline-start: var(--ion-margin, 16px);
    margin-inline-end: 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-left: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin-start {
    margin-left: unset;
    margin-inline-start: var(--ion-margin, 16px);
  }
}
.ion-margin-end {
  --margin-end: var(--ion-margin, 16px);
  margin-right: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin-end {
    margin-right: unset;
    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-left: var(--ion-margin, 16px);
  margin-right: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin-horizontal {
    margin-left: unset;
    margin-right: unset;
    margin-inline-start: var(--ion-margin, 16px);
    margin-inline-end: var(--ion-margin, 16px);
  }
}
.ion-float-left {
  float: left !important;
}
.ion-float-right {
  float: right !important;
}
.ion-float-start {
  float: left !important;
}
[dir=rtl] .ion-float-start, :host-context([dir=rtl]) .ion-float-start {
  float: right !important;
}
.ion-float-end {
  float: right !important;
}
[dir=rtl] .ion-float-end, :host-context([dir=rtl]) .ion-float-end {
  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;
  }
  [dir=rtl] .ion-float-sm-start, :host-context([dir=rtl]) .ion-float-sm-start {
    float: right !important;
  }

  .ion-float-sm-end {
    float: right !important;
  }
  [dir=rtl] .ion-float-sm-end, :host-context([dir=rtl]) .ion-float-sm-end {
    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;
  }
  [dir=rtl] .ion-float-md-start, :host-context([dir=rtl]) .ion-float-md-start {
    float: right !important;
  }

  .ion-float-md-end {
    float: right !important;
  }
  [dir=rtl] .ion-float-md-end, :host-context([dir=rtl]) .ion-float-md-end {
    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;
  }
  [dir=rtl] .ion-float-lg-start, :host-context([dir=rtl]) .ion-float-lg-start {
    float: right !important;
  }

  .ion-float-lg-end {
    float: right !important;
  }
  [dir=rtl] .ion-float-lg-end, :host-context([dir=rtl]) .ion-float-lg-end {
    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;
  }
  [dir=rtl] .ion-float-xl-start, :host-context([dir=rtl]) .ion-float-xl-start {
    float: right !important;
  }

  .ion-float-xl-end {
    float: right !important;
  }
  [dir=rtl] .ion-float-xl-end, :host-context([dir=rtl]) .ion-float-xl-end {
    float: left !important;
  }
}
.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;
  }
}
.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;
  }
}
.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;
}
.el-cp-palette{background-color:var(--palette-bg,#eee);box-sizing:border-box;cursor:default;height:var(--palette-height,150px);position:relative;width:var(--palette-width,100%)}
.el-cp-palette:after,.el-cp-palette:before{bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}
.el-cp-palette:before{background-color:rgba(204,154,129,0);background-image:linear-gradient(90deg,#fff,hsla(20,42%,65%,0));background-repeat:repeat-x}
.el-cp-palette:after{background-image:linear-gradient(0deg,#000,hsla(20,42%,65%,0))}
.el-cp-palette:active .el-cp-palette__pointer{box-shadow:var(--shadow-pointer-active)}
.el-cp-palette__pointer{border:var(--size-pointer-stroke) solid var(--color-pointer-fill);border-radius:50%;box-shadow:var(--shadow-pointer);box-sizing:border-box;display:block;height:var(--size-pointer);position:absolute;transform:translate(-50%,-50%);width:var(--size-pointer);z-index:2}
.el-cp-color-form{border:none;margin:0;padding:0}
.el-cp-color-form legend{font-size:0}
.el-cp-color-form__wrap{display:flex;margin:0}
.el-cp-color-form.hex .el-cp-color-field:first-child,.el-cp-color-form.hsl .el-cp-color-field:nth-child(3),.el-cp-color-form.rgb .el-cp-color-field:nth-child(2){display:flex}
.el-cp-color-field{display:none;flex:1;gap:4px}
.el-cp-color-field label{display:block;flex:1;text-align:center}
.el-cp-color-field input{-moz-appearance:textfield;background:var(--form-bg);border:none;border-radius:2px;box-shadow:inset 0 0 0 1px var(--form-border-color);box-sizing:border-box;color:var(--color-fill);display:block;font-size:12px;font-weight:500;height:24px;margin:0;outline:none;padding:0;text-align:center;transition:box-shadow var(--speed-focus) ease-out;width:100%}
.el-cp-color-field input:focus{box-shadow:inset 0 1px 5px 0 var(--form-border-color),inset 0 0 0 1px var(--form-border-color),0 0 0 2px var(--color-key)}
.el-cp-color-field input::-webkit-inner-spin-button,.el-cp-color-field input::-webkit-outer-spin-button{-webkit-appearance:none}
.el-cp-color-field span{color:var(--color-blur);display:block;font-size:10px;line-height:1.15;margin:4px 0 0}
.el-cp-color-nav{margin-left:var(--size-inner-padding)}
.el-cp-color-nav__label{-webkit-tap-highlight-color:transparent;background:none;border:none;border-radius:2px;height:24px;margin:0;padding:0;position:relative;transition:box-shadow var(--speed-focus) ease-out;width:36px}
.el-cp-color-nav__label,.el-cp-color-nav__label select{box-sizing:border-box;cursor:pointer;display:block;outline:none}
.el-cp-color-nav__label select{-webkit-appearance:none;appearance:none;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}
.el-cp-color-nav__label svg{stroke-width:1.5px;color:var(--color-fill);display:block;height:100%;margin:0 auto;transform-origin:50% 50%;transition:transform var(--speed-focus) ease-out;width:20px}
.el-cp-color-nav__label:focus-within{box-shadow:0 0 0 2px var(--color-key)}
.el-cp-color-nav__label:active svg{transform:rotate(90deg)}
.el-cp-swatches__header{align-items:center;display:flex;margin:0 0 16px}
.el-cp-swatches__header h2{cursor:auto;flex:1;font-size:12px;font-weight:600;line-height:1.15;margin:0}
.el-cp-colors{display:grid;gap:var(--swatch-gap,10px);grid-template-columns:repeat(var(--swatch-column,5),1fr);list-style:none;margin:0;padding:0}
.el-cp-colors>li button{border:none;border-radius:var(--swatch-item-stroke-radius);box-sizing:border-box;cursor:pointer;display:block;font-size:0;height:var(--swatch-item-size,20px);margin:0 auto;outline:none;padding:0;transition:box-shadow var(--speed-focus) ease-out;width:var(--swatch-item-size,20px)}
.el-cp-colors>li button:active{opacity:.5}
.el-cp-colors__item{background-color:transparent;background-image:linear-gradient(45deg,#ccc 25%,transparent 0),linear-gradient(-45deg,#ccc 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ccc 0),linear-gradient(-45deg,transparent 75%,#ccc 0);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;position:relative}
.el-cp-colors__item:after,.el-cp-colors__item:before{border-radius:var(--swatch-item-stroke-radius);bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}
.el-cp-colors__item:before{background-color:var(--color)}
.el-cp-colors__item:after{box-shadow:inset 0 0 0 1px var(--swatch-item-stroke-color)}
.el-cp-colors__item:disabled,.el-cp-colors__item:focus{box-shadow:0 0 0 2px var(--color-key)}
.el-cp-slider{box-sizing:border-box;position:relative}
.el-cp-slider:active .el-cp-slider__circle{box-shadow:var(--shadow-pointer-active)}
.el-cp-slider__body{border-radius:var(--slider-radius,4px);box-sizing:border-box;cursor:default;height:var(--slider-height,8px);margin:0;position:relative}
.el-cp-slider__body:after{bottom:0;box-shadow:inset 0 0 0 1px var(--slider-stroke-color);content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}
.el-cp-slider__bar,.el-cp-slider__body:after{border-radius:var(--slider-radius,4px);display:block}
.el-cp-slider__bar{height:100%}
.el-cp-slider__circle{border-radius:50%}
.el-cp-slider__brick,.el-cp-slider__circle{border:var(--size-pointer-stroke,3px) solid var(--color-pointer-fill,#fff);box-shadow:var(--shadow-pointer);box-sizing:border-box;height:var(--size-pointer,12px);left:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:box-shadow var(--speed-focus) ease-out;width:var(--size-pointer,12px);z-index:2}
.el-cp-slider__brick{border-radius:2px}
.el-cp-slider--hue .el-cp-slider__body{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}
.el-cp-slider--alpha .el-cp-slider__body{background-color:transparent;background-image:linear-gradient(45deg,#ccc 25%,transparent 0),linear-gradient(-45deg,#ccc 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ccc 0),linear-gradient(-45deg,transparent 75%,#ccc 0);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px}
.el-cp-slider--brightness .el-cp-slider__body{background-image:linear-gradient(90deg,#000 0,hsla(0,0%,100%,0))}
.el-cp-slider--vertical .el-cp-slider__body{height:100%}
.el-cp-slider--vertical .el-cp-slider__brick,.el-cp-slider--vertical .el-cp-slider__circle{left:50%;top:0}
.el-cp-slider--vertical .el-cp-slider__brick{height:10px;width:100%}
.el-cp-slider--vertical.el-cp-slider--hue .el-cp-slider__body{background:linear-gradient(180deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}
.el-cp-color-preview{background-color:transparent;background-image:linear-gradient(45deg,#ccc 25%,transparent 0),linear-gradient(-45deg,#ccc 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ccc 0),linear-gradient(-45deg,transparent 75%,#ccc 0);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;box-sizing:border-box;height:var(--preview-size);overflow:hidden;position:relative;width:var(--preview-size)}
.el-cp-color-preview,.el-cp-color-preview:after{border-radius:var(--preview-radius);display:block}
.el-cp-color-preview:after{bottom:0;box-shadow:inset 0 0 0 1px var(--preview-stroke-color);content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}
.el-cp-color-preview em{display:block;height:100%;position:relative}
.el-cp-color-eyedropper button{background:none;border:none;border-radius:var(--size-radius);box-sizing:border-box;cursor:pointer;display:block;font-size:0;height:30px;margin:-4px;outline:none;padding:0;transition:box-shadow var(--speed-focus) ease-out,opacity var(--speed-focus) ease-out;width:30px}
.el-cp-color-eyedropper button:focus-visible{box-shadow:0 0 0 2px var(--color-key)}
.el-cp-color-eyedropper button:active{opacity:.5}
.el-cp-color-eyedropper svg{color:var(--color-fill);display:block;margin:0 auto}
.el-colorpicker--default .el-colorpicker__wrap{padding:0 0 16px;position:relative}
.el-colorpicker--default .el-cp-palette,.el-colorpicker--default .el-cp-palette:after,.el-colorpicker--default .el-cp-palette:before{border-top-left-radius:var(--size-radius);border-top-right-radius:var(--size-radius)}
.el-colorpicker--default .el-cp-color-control{align-items:center;display:flex;margin:16px 0 0;padding:0 var(--size-side-padding);-webkit-user-select:none;user-select:none}
.el-colorpicker--default .el-cp-color-control__left{margin-right:var(--size-inner-padding,16px)}
.el-colorpicker--default .el-cp-color-control__body{flex:1}
.el-colorpicker--default .el-cp-color-control__body>:nth-child(n+2){margin-top:8px}
.el-colorpicker--default .el-cp-color-control__right{margin-left:var(--size-inner-padding,16px)}
.el-colorpicker--default .el-cp-color-form{margin:16px 0 0;padding:0 var(--size-side-padding)}
.el-colorpicker--default .el-cp-swatches{border-top:1px solid var(--swatch-border-color);margin:16px 0 0;padding:16px var(--size-side-padding) 0}
.el-cp-palette-circle{box-sizing:border-box;display:flex;justify-content:center}
.el-cp-palette-circle__wrap{position:relative}
.el-cp-palette-circle__canvas{border-radius:50%;display:block;overflow:hidden}
.el-cp-palette-circle__brightness{border-radius:50%;box-sizing:border-box;display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}
.el-cp-palette-circle__pointer{border:var(--size-pointer-stroke) solid var(--color-pointer-fill);border-radius:50%;box-shadow:var(--shadow-pointer);box-sizing:border-box;display:block;height:var(--size-pointer);left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:var(--size-pointer);z-index:2}
.el-cp-palette-circle:active .el-cp-palette-circle__pointer{box-shadow:var(--shadow-pointer-active)}
.el-colorpicker--circle .el-colorpicker__wrap{padding:0 0 16px;position:relative}
.el-colorpicker--circle .el-cp-palette-circle{padding:20px}
.el-colorpicker--circle .el-cp-color-control{align-items:center;display:flex;margin:0;padding:0 var(--size-side-padding);-webkit-user-select:none;user-select:none}
.el-colorpicker--circle .el-cp-color-control__left{margin-right:var(--size-inner-padding,16px)}
.el-colorpicker--circle .el-cp-color-control__body{flex:1}
.el-colorpicker--circle .el-cp-color-control__body>:nth-child(n+2){margin-top:8px}
.el-colorpicker--circle .el-cp-color-control__right{margin-left:var(--size-side-padding,16px)}
.el-colorpicker--circle .el-cp-color-form{margin:16px 0 0;padding:0 var(--size-side-padding)}
.el-colorpicker--circle .el-cp-swatches{border-top:1px solid var(--swatch-border-color);margin:16px 0 0;padding:16px var(--size-side-padding) 0}
.el-cp-palette-ring{box-sizing:border-box;display:flex;justify-content:center}
.el-cp-palette-ring__wrap{margin:0 auto;position:relative}
.el-cp-palette-ring__canvas{border-radius:50%;display:block;margin:0 auto;overflow:hidden}
.el-cp-palette-ring__pointer{border:var(--size-pointer-stroke) solid var(--color-pointer-fill);border-radius:50%;box-shadow:var(--shadow-pointer);box-sizing:border-box;display:block;height:var(--size-pointer);left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:var(--size-pointer);z-index:2}
.el-cp-palette-ring:active .el-cp-palette-ring__pointer{box-shadow:var(--shadow-pointer-active)}
.el-colorpicker--ring .el-colorpicker__wrap{padding:20px 0 16px}
.el-colorpicker--ring .el-colorpicker__body{height:var(--height);margin:0 auto 16px;padding:20px;position:relative;width:var(--width)}
.el-colorpicker--ring .el-cp-palette-ring{height:var(--height);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--width)}
.el-colorpicker--ring .el-cp-palette{height:calc(var(--height) - var(--thickness)*2 - 30%);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(var(--width) - var(--thickness)*2 - 30%);z-index:3}
.el-colorpicker--ring .el-cp-color-control{align-items:center;display:flex;margin:0;padding:0 var(--size-side-padding);-webkit-user-select:none;user-select:none}
.el-colorpicker--ring .el-cp-color-control__left{margin-right:var(--size-inner-padding,16px)}
.el-colorpicker--ring .el-cp-color-control__body{flex:1}
.el-colorpicker--ring .el-cp-color-control__body>:nth-child(n+2){margin-top:8px}
.el-colorpicker--ring .el-cp-color-control__right{margin-left:var(--size-side-padding,16px)}
.el-colorpicker--ring .el-cp-color-form{margin:16px 0 0;padding:0 var(--size-side-padding)}
.el-colorpicker--ring .el-cp-swatches{border-top:1px solid var(--swatch-border-color);margin:16px 0 0;padding:16px var(--size-side-padding) 0}
.el-colorpicker--mini{--control-width:40px}
.el-colorpicker--mini .el-colorpicker__wrap{position:relative}
.el-colorpicker--mini .el-colorpicker__body{padding-right:var(--control-width);position:relative}
.el-colorpicker--mini .el-colorpicker__palette{padding-top:100%;position:relative}
.el-colorpicker--mini .el-cp-palette{--palette-width:100%;--palette-height:100%;bottom:0;left:0;position:absolute;right:0;top:0}
.el-colorpicker--mini .el-cp-palette,.el-colorpicker--mini .el-cp-palette:after,.el-colorpicker--mini .el-cp-palette:before{border-bottom-left-radius:var(--size-radius);border-top-left-radius:var(--size-radius)}
.el-colorpicker--mini .el-cp-color-control{--slider-radius:0;bottom:0;display:flex;position:absolute;right:0;top:0;width:var(--control-width)}
.el-colorpicker--mini .el-cp-color-control>*{flex:1}
.el-colorpicker--mini .el-cp-color-control>:last-child .el-cp-slider__body:after{border-bottom-right-radius:var(--size-radius);border-top-right-radius:var(--size-radius)}
.el-colorpicker--mini .el-cp-swatches{margin:0;padding:16px var(--size-side-padding) 16px}
.el-colorpicker--none .el-colorpicker__wrap{padding:16px;position:relative}
.el-colorpicker--none .el-colorpicker__empty{align-items:center;color:var(--color-blur);display:flex;font-size:12px;height:65px;justify-content:center;letter-spacing:-.25px}
.gradient-editor{position:relative;-webkit-user-select:none;user-select:none}
.gradient-editor .unit{grid-column-gap:2px;display:grid;font-size:11px;grid-template-columns:70px 50px 50px}
.gradient-editor [data-editor]{display:none;margin-top:6px}
.gradient-editor [data-editor]>label{font-size:11px}
.gradient-editor:not([data-selected-editor*=static-gradient]) [data-editor=gradient],.gradient-editor:not([data-selected-editor*=static-gradient]) [data-editor=tools],.gradient-editor[data-selected-editor=conic-gradient] [data-editor=angle],.gradient-editor[data-selected-editor=conic-gradient] [data-editor=centerX],.gradient-editor[data-selected-editor=conic-gradient] [data-editor=centerY],.gradient-editor[data-selected-editor=linear-gradient] [data-editor=angle],.gradient-editor[data-selected-editor=radial-gradient] [data-editor=centerX],.gradient-editor[data-selected-editor=radial-gradient] [data-editor=centerY],.gradient-editor[data-selected-editor=repeating-conic-gradient] [data-editor=angle],.gradient-editor[data-selected-editor=repeating-conic-gradient] [data-editor=centerX],.gradient-editor[data-selected-editor=repeating-conic-gradient] [data-editor=centerY],.gradient-editor[data-selected-editor=repeating-linear-gradient] [data-editor=angle],.gradient-editor[data-selected-editor=repeating-radial-gradient] [data-editor=centerX],.gradient-editor[data-selected-editor=repeating-radial-gradient] [data-editor=centerY]{display:grid}
.gradient-editor[data-selected-editor=conic-gradient] [data-editor=radialType],.gradient-editor[data-selected-editor=radial-gradient] [data-editor=radialType],.gradient-editor[data-selected-editor=repeating-conic-gradient] [data-editor=radialType],.gradient-editor[data-selected-editor=repeating-radial-gradient] [data-editor=radialType]{grid-column-gap:2px;display:grid;grid-template-columns:50px 80px;margin-top:5px}
.gradient-editor[data-selected-editor=conic-gradient] [data-editor=radialType] select,.gradient-editor[data-selected-editor=radial-gradient] [data-editor=radialType] select,.gradient-editor[data-selected-editor=repeating-conic-gradient] [data-editor=radialType] select,.gradient-editor[data-selected-editor=repeating-radial-gradient] [data-editor=radialType] select{font-size:12px;width:100%}
.gradient-editor .sub-editor{padding:0 8px 10px}
.gradient-editor .sub-editor>div{grid-template-columns:50px 1fr}
.gradient-editor .gradient-steps{height:30px;position:relative}
.gradient-editor .hue,.gradient-editor .hue-container{background-color:transparent;background-image:linear-gradient(45deg,#ccc 25%,transparent 0),linear-gradient(-45deg,#ccc 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ccc 0),linear-gradient(-45deg,transparent 75%,#ccc 0);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;border:1px solid var(--gradientpicker-border-color);border-radius:10px;box-sizing:border-box;height:14px;left:10px;pointer-events:all;position:absolute;right:10px;top:4px}
.gradient-editor .hue{pointer-events:none}
.gradient-editor .hue .step-list{border-radius:10px;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}
.gradient-editor .hue .step-list[data-selected-index="0"] [data-index="0"]{border:0;transform:translateX(-50%) translateY(100%)}
.gradient-editor .hue .step-list[data-selected-index="0"] [data-index="0"] .arrow{display:block}
.gradient-editor .hue .step-list[data-selected-index="1"] [data-index="1"]{border:0;transform:translateX(-50%) translateY(100%)}
.gradient-editor .hue .step-list[data-selected-index="1"] [data-index="1"] .arrow{display:block}
.gradient-editor .hue .step-list[data-selected-index="2"] [data-index="2"]{border:0;transform:translateX(-50%) translateY(100%)}
.gradient-editor .hue .step-list[data-selected-index="2"] [data-index="2"] .arrow{display:block}
.gradient-editor .hue .step-list[data-selected-index="3"] [data-index="3"]{border:0;transform:translateX(-50%) translateY(100%)}
.gradient-editor .hue .step-list[data-selected-index="3"] [data-index="3"] .arrow{display:block}
.gradient-editor .hue .step-list[data-selected-index="4"] [data-index="4"]{border:0;transform:translateX(-50%) translateY(100%)}
.gradient-editor .hue .step-list[data-selected-index="4"] [data-index="4"] .arrow{display:block}
.gradient-editor .hue .step-list[data-selected-index="5"] [data-index="5"]{border:0;transform:translateX(-50%) translateY(100%)}
.gradient-editor .hue .step-list[data-selected-index="5"] [data-index="5"] .arrow{display:block}
.gradient-editor .hue .step-list[data-selected-index="6"] [data-index="6"]{border:0;transform:translateX(-50%) translateY(100%)}
.gradient-editor .hue .step-list[data-selected-index="6"] [data-index="6"] .arrow{display:block}
.gradient-editor .hue .step-list[data-selected-index="7"] [data-index="7"]{border:0;transform:translateX(-50%) translateY(100%)}
.gradient-editor .hue .step-list[data-selected-index="7"] [data-index="7"] .arrow{display:block}
.gradient-editor .hue .step-list[data-selected-index="8"] [data-index="8"]{border:0;transform:translateX(-50%) translateY(100%)}
.gradient-editor .hue .step-list[data-selected-index="8"] [data-index="8"] .arrow{display:block}
.gradient-editor .hue .step-list[data-selected-index="9"] [data-index="9"]{border:0;transform:translateX(-50%) translateY(100%)}
.gradient-editor .hue .step-list[data-selected-index="9"] [data-index="9"] .arrow{display:block}
.gradient-editor .hue .step-list[data-selected-index="10"] [data-index="10"]{border:0;transform:translateX(-50%) translateY(100%)}
.gradient-editor .hue .step-list[data-selected-index="10"] [data-index="10"] .arrow{display:block}
.gradient-editor .hue .step-list[data-selected-index="11"] [data-index="11"]{border:0;transform:translateX(-50%) translateY(100%)}
.gradient-editor .hue .step-list[data-selected-index="11"] [data-index="11"] .arrow{display:block}
.gradient-editor .hue .step-list[data-selected-index="12"] [data-index="12"]{border:0;transform:translateX(-50%) translateY(100%)}
.gradient-editor .hue .step-list[data-selected-index="12"] [data-index="12"] .arrow{display:block}
.gradient-editor .hue .step-list[data-selected-index="13"] [data-index="13"]{border:0;transform:translateX(-50%) translateY(100%)}
.gradient-editor .hue .step-list[data-selected-index="13"] [data-index="13"] .arrow{display:block}
.gradient-editor .hue .step-list[data-selected-index="14"] [data-index="14"]{border:0;transform:translateX(-50%) translateY(100%)}
.gradient-editor .hue .step-list[data-selected-index="14"] [data-index="14"] .arrow{display:block}
.gradient-editor .hue .step-list[data-selected-index="15"] [data-index="15"]{border:0;transform:translateX(-50%) translateY(100%)}
.gradient-editor .hue .step-list[data-selected-index="15"] [data-index="15"] .arrow{display:block}
.gradient-editor .hue .step-list[data-selected-index="16"] [data-index="16"]{border:0;transform:translateX(-50%) translateY(100%)}
.gradient-editor .hue .step-list[data-selected-index="16"] [data-index="16"] .arrow{display:block}
.gradient-editor .hue .step-list[data-selected-index="17"] [data-index="17"]{border:0;transform:translateX(-50%) translateY(100%)}
.gradient-editor .hue .step-list[data-selected-index="17"] [data-index="17"] .arrow{display:block}
.gradient-editor .hue .step-list[data-selected-index="18"] [data-index="18"]{border:0;transform:translateX(-50%) translateY(100%)}
.gradient-editor .hue .step-list[data-selected-index="18"] [data-index="18"] .arrow{display:block}
.gradient-editor .hue .step-list[data-selected-index="19"] [data-index="19"]{border:0;transform:translateX(-50%) translateY(100%)}
.gradient-editor .hue .step-list[data-selected-index="19"] [data-index="19"] .arrow{display:block}
.gradient-editor .hue .step-list .step{background-color:transparent;background-image:linear-gradient(45deg,#ccc 25%,transparent 0),linear-gradient(-45deg,#ccc 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ccc 0),linear-gradient(-45deg,transparent 75%,#ccc 0);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;border:1px solid #fff;border-radius:100%;box-shadow:0 0 2px 0 rgba(0,0,0,.5);box-sizing:border-box;display:inline-block;height:10px;pointer-events:all;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:10px}
.gradient-editor .hue .step-list .step[data-cut=true],.gradient-editor .hue .step-list .step[data-cut=true] .color-view{border-radius:0}
.gradient-editor .hue .step-list .step .color-view{border-radius:100%;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}
.gradient-editor .hue .step-list .step .arrow{clip-path:polygon(40% 0,60% 0,60% 100%,40% 100%);display:none;height:5px;left:50%;pointer-events:none;position:absolute;top:0;transform:translateX(-50%) translateY(-120%);width:5px}
.gradient-editor input[type=range]{-webkit-appearance:none;appearance:none;background-color:transparent;margin:6.2px 0;width:100%}
.gradient-editor input[type=range]:focus{outline:none}
.gradient-editor input[type=range]::-webkit-slider-runnable-track{background:var(--range-thumb-color);border:0 solid #010101;border-radius:0;cursor:pointer;height:1px;width:100%}
.gradient-editor input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--range-thumb-color);border-radius:10px;cursor:pointer;height:var(--range-thumb-width);margin-top:-5px;width:var(--range-thumb-width)}
.gradient-editor input[type=range]:focus::-webkit-slider-runnable-track{background:#3174ad}
.gradient-editor input[type=range]::-moz-range-track{background:var(--range-thumb-color);border:0 solid #010101;border-radius:0;cursor:pointer;height:1px;width:100%}
.gradient-editor input[type=range]::-moz-range-thumb{background:var(--range-thumb-color);border:1px solid #000;border-radius:9px;cursor:pointer;height:var(--range-thumb-width);width:var(--range-thumb-height)}
.gradient-editor input[type=range]::-ms-track{background:transparent;border-color:transparent;color:transparent;cursor:pointer;height:1px;width:100%}
.gradient-editor input[type=range]::-ms-fill-lower{box-shadow:0 0 0 #000,0 0 0 #0d0d0d}
.gradient-editor input[type=range]::-ms-fill-lower,.gradient-editor input[type=range]::-ms-fill-upper{background:var(--range-thumb-color);border:0 solid #010101;border-radius:0}
.gradient-editor input[type=range]::-ms-thumb{background:var(--range-thumb-color);border-radius:9px;cursor:pointer;height:var(--range-thumb-width);width:var(--range-thumb-height)}
.gradient-editor input[type=range]:focus::-ms-fill-lower,.gradient-editor input[type=range]:focus::-ms-fill-upper{background:var(--range-thumb-color)}
.gradient-editor .right-menu{display:inline-block;float:right}
.gradient-editor .right-menu button{background-color:transparent;border:0;border-radius:4px;font-size:11px;height:20px;text-align:center;vertical-align:middle;width:20px}
.gradient-editor .right-menu button:hover{background-color:var(--gradientpicker-border-color)}
.gradient-picker{border:1px solid #ececec;box-sizing:border-box}
.gradient-picker .gradient-body{display:grid;grid-template-columns:1fr 224px}
.gradient-picker .gradient-body>div:first-child{border-right:1px solid var(--gradientpicker-border-color);padding:5px}
.gradient-picker .popup-item{margin-bottom:5px}
.gradient-picker .grid-2{display:grid;grid-template-columns:60px 1fr}
.gradient-picker .grid-2 label{font-size:11px;padding-right:2px;text-align:left}
.gradient-picker label{font-size:11px}
.gradient-picker .gradient-preview{background-color:transparent;background-image:linear-gradient(45deg,#ccc 25%,transparent 0),linear-gradient(-45deg,#ccc 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ccc 0),linear-gradient(-45deg,transparent 75%,#ccc 0);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;height:150px;overflow:hidden;position:relative;width:100%}
.gradient-picker .gradient-preview .gradient-view{bottom:0;left:0;position:absolute;right:0;top:0}
.gradient-picker .picker-tab{margin-top:4px;-webkit-user-select:none;user-select:none}
.gradient-picker .picker-tab .picker-tab-list{padding:2px 0;text-align:center}
.gradient-picker .picker-tab .picker-tab-list[data-value=linear-gradient] .picker-tab-item[data-selected-value=linear-gradient]{box-shadow:0 0 3px 0 rgba(0,0,0,.5)}
.gradient-picker .picker-tab .picker-tab-list[data-value=linear-gradient] .picker-tab-item[data-selected-value=linear-gradient] .icon svg path{fill:rgba(0,0,255,.5)}
.gradient-picker .picker-tab .picker-tab-list[data-value=repeating-linear-gradient] .picker-tab-item[data-selected-value=repeating-linear-gradient]{box-shadow:0 0 3px 0 rgba(0,0,0,.5)}
.gradient-picker .picker-tab .picker-tab-list[data-value=repeating-linear-gradient] .picker-tab-item[data-selected-value=repeating-linear-gradient] .icon svg path{fill:rgba(0,0,255,.5)}
.gradient-picker .picker-tab .picker-tab-list[data-value=radial-gradient] .picker-tab-item[data-selected-value=radial-gradient]{box-shadow:0 0 3px 0 rgba(0,0,0,.5)}
.gradient-picker .picker-tab .picker-tab-list[data-value=radial-gradient] .picker-tab-item[data-selected-value=radial-gradient] .icon svg path{fill:rgba(0,0,255,.5)}
.gradient-picker .picker-tab .picker-tab-list[data-value=repeating-radial-gradient] .picker-tab-item[data-selected-value=repeating-radial-gradient]{box-shadow:0 0 3px 0 rgba(0,0,0,.5)}
.gradient-picker .picker-tab .picker-tab-list[data-value=repeating-radial-gradient] .picker-tab-item[data-selected-value=repeating-radial-gradient] .icon svg path{fill:rgba(0,0,255,.5)}
.gradient-picker .picker-tab .picker-tab-list[data-value=conic-gradient] .picker-tab-item[data-selected-value=conic-gradient]{box-shadow:0 0 3px 0 rgba(0,0,0,.5)}
.gradient-picker .picker-tab .picker-tab-list[data-value=conic-gradient] .picker-tab-item[data-selected-value=conic-gradient] .icon svg path{fill:rgba(0,0,255,.5)}
.gradient-picker .picker-tab .picker-tab-list[data-value=repeating-conic-gradient] .picker-tab-item[data-selected-value=repeating-conic-gradient]{box-shadow:0 0 3px 0 rgba(0,0,0,.5)}
.gradient-picker .picker-tab .picker-tab-list[data-value=repeating-conic-gradient] .picker-tab-item[data-selected-value=repeating-conic-gradient] .icon svg path{fill:rgba(0,0,255,.5)}
.gradient-picker .picker-tab .picker-tab-list .picker-tab-item{border-radius:20%;box-sizing:border-box;cursor:pointer;display:inline-block;height:20px;position:relative;vertical-align:middle;width:20px}
.gradient-picker .picker-tab .picker-tab-list .picker-tab-item .icon{border-radius:100%;display:inline-block;height:90%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:90%}
.gradient-picker .picker-tab .picker-tab-list .picker-tab-item .icon svg{height:100%;width:100%}
.gradient-picker .picker-tab .picker-tab-list .picker-tab-item[data-selected-value=static-gradient] .icon{background-image:linear-gradient(90deg,red,red)}
.gradient-picker .picker-tab .picker-tab-list .picker-tab-item[data-selected-value=linear-gradient] .icon{background-image:linear-gradient(90deg,#000,gray)}
.gradient-picker .picker-tab .picker-tab-list .picker-tab-item[data-selected-value=radial-gradient] .icon{background-image:radial-gradient(closest-side,#000,#ebf8e1,gray)}
.gradient-picker .picker-tab .picker-tab-list .picker-tab-item[data-selected-value=conic-gradient] .icon{background-image:conic-gradient(#000,#ebf8e1)}
.gradient-picker .picker-tab .picker-tab-list .picker-tab-item[data-selected-value=repeating-linear-gradient] .icon{background-image:repeating-linear-gradient(45deg,#3f87a6,#ebf8e1 15%,#f69d3c 20%)}
.gradient-picker .picker-tab .picker-tab-list .picker-tab-item[data-selected-value=repeating-radial-gradient] .icon{background-image:repeating-radial-gradient(circle,#3f87a6,#ebf8e1 15%,#f69d3c 20%)}
.gradient-picker .picker-tab .picker-tab-list .picker-tab-item[data-selected-value=repeating-conic-gradient] .icon{background-image:repeating-conic-gradient(#3f87a6,#ebf8e1 5%,#f69d3c 10%)}
.gradient-picker .picker-tab .picker-gradient-selector{padding:2px 10px}
.gradient-picker .picker-tab .picker-gradient-selector .gradient-steps{display:block;height:30px;position:relative}
.gradient-picker .picker-tab .picker-gradient-selector .gradient-steps .hue-container{background-color:transparent;background-image:linear-gradient(45deg,#ccc 25%,transparent 0),linear-gradient(-45deg,#ccc 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ccc 0),linear-gradient(-45deg,transparent 75%,#ccc 0);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;box-shadow:0 0 1px 0 rgba(0,0,0,.1);height:14px;position:absolute;width:100%;z-index:0}
.gradient-picker .picker-tab .picker-gradient-selector .gradient-steps .hue{cursor:pointer;margin:0;padding:0;position:relative}
.gradient-picker .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list{cursor:copy;height:14px;position:relative;width:100%;z-index:1}
.gradient-picker .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list.mode-drag{cursor:pointer}
.gradient-picker .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar{background-color:rgba(255,255,255,.8);border:2px solid #fff;border-radius:50%;box-shadow:0 0 2px 0 rgba(0,0,0,.6);cursor:pointer;display:inline-block;height:10px;left:0;position:absolute;top:17px;transform:translateX(-50%);transition:top .3s ease-out;width:10px}
.gradient-picker .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar .guide-line{bottom:8px;height:0;left:3px;pointer-events:none;position:absolute;transform:translateX(-1px);transition:all .3s ease-out;width:1px}
.gradient-picker .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected{top:30px;z-index:1}
.gradient-picker .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-line{height:17px}
.gradient-picker .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-change{opacity:1}
.gradient-picker .el-colorpicker{--shadow-outer:none;--size-radius:0}
.el-gradientpicker--default{display:flex}
.el-gradientpicker--default>.box:nth-child(n+2){border-left:1px solid var(--gradientpicker-border-color)}
.el-colorpicker{--color-bg:var(--cp-color-bg,#fff);--color-fill:var(--cp-color-fill,#222);--color-key:var(--cp-color-key,#30a2ff);--color-blur:var(--cp-color-blur,#888);--color-pointer-fill:var(--cp-color-pointer-fill,#fff);--size-width:var(--cp-size-width,240px);--size-radius:var(--cp-size-radius,2px);--size-side-padding:var(--cp-size-side-padding,16px);--size-inner-padding:var(--cp-size-inner-padding,10px);--size-pointer:var(--cp-size-pointer,12px);--size-pointer-stroke:var(--cp-size-pointer-stroke,3px);--palette-width:var(--cp-palette-width,100%);--palette-height:var(--cp-palette-height,150px);--slider-height:var(--cp-slider-height,8px);--slider-radius:var(--cp-slider-radius,4px);--slider-stroke-color:var(--cp-slider-stroke-color,rgba(0,0,0,.15));--preview-size:var(--cp-preview-size,36px);--preview-radius:var(--cp-preview-radius,50%);--preview-stroke-color:var(--cp-preview-stroke-color,rgba(0,0,0,.15));--form-bg:var(--cp-form-bg,#fff);--form-border-color:var(--cp-form-border-color,#ddd);--swatch-column:var(--cp-swatch-column,7);--swatch-gap:var(--cp-swatch-gap,8px);--swatch-item-size:var(--cp-swatch-item-size,22px);--swatch-item-stroke-radius:var(--cp-swatch-item-stroke-radius,50%);--swatch-item-stroke-color:var(--cp-swatch-item-stroke-color,rgba(0,0,0,.15));--swatch-border-color:var(--cp-swatch-border-color,#ddd);--shadow-outer:var(--cp-shadow-outer,0 0 10px 2px rgba(0,0,0,.12),inset 0 0 0 1px rgba(0,0,0,.15));--shadow-pointer:var(--cp-shadow-pointer,0 0 2px 1px rgba(0,0,0,.5),inset 0 0 3px 0 rgba(0,0,0,.5));--shadow-pointer-active:var(--cp-shadow-pointer-active,inset 0 0 0 1px var(--color-key),0 0 3px 1px var(--color-key));--speed-focus:var(--cp-speed-focus,200ms);background-color:var(--color-bg);border-radius:var(--size-radius);box-sizing:border-box;color:var(--color-fill);position:relative;user-select:none;-webkit-user-select:none;width:var(--size-width)}
.el-colorpicker:after{border-radius:var(--size-radius);bottom:0;box-shadow:var(--shadow-outer);content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:0}
.el-colorpicker,.el-colorpicker button,.el-colorpicker input{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.25}
.el-gradientpicker{--gradientpicker-border-color:var(--cp-gradientpicker-border-color,#ddd);--range-thumb-width:var(--cp-range-thumb-width,10px);--range-thumb-height:var(--cp-range-thumb-height,10px);--range-thumb-color:var(--cp-range-thumb-color,#556375)}
ion-modal.vent_group.desktop {
  --min-height: 700px;
  --max-width: 450px;
}
ion-modal.vent_group.tablet {
  --height: 70%;
  --width: 70%;
}
ion-modal.vents_group.desktop {
  --min-height: 700px;
  --max-width: 450px;
}
ion-modal.vents_group.tablet {
  --height: 70%;
  --width: 70%;
}
ion-modal.light_rgb_group.desktop {
  --min-height: 700px;
  --max-width: 500px;
}
ion-modal.light_rgb_group.tablet {
  --height: 70%;
  --width: 70%;
}
ion-modal.hikvision_cameras_group.fullscreen {
  --min-height: 100%;
  --min-width: 100%;
}
ion-modal.hikvision_cameras_group.fullscreen::part(content) {
  border-radius: 0;
}
ion-modal.hikvision_cameras_group {
  --min-height: 90%;
  --min-width: 90%;
}
ion-modal.hikvision_camera_item.desktop {
  --min-height: 500px;
  --min-width: 900px;
}
ion-modal.hikvision_camera_item.desktop.fullscreen {
  --min-height: 90%;
  --min-width: 90%;
}
ion-modal.hikvision_camera_item.tablet.portrait {
  --min-width: 90%;
  --max-height: 50%;
}
ion-modal.hikvision_camera_item.tablet.landscape {
  --min-height: 90%;
  --min-width: 90%;
}
ion-modal.light_dimmer_item.desktop {
  --max-height: 450px;
  --max-width: 350px;
}
ion-modal.light_dimmer_item.tablet {
  --height: 70%;
  --width: 70%;
}
ion-modal.temperature_item.desktop {
  --max-height: 400px;
}
ion-modal.pressure_group.desktop {
  --min-height: 700px;
}
ion-modal.item_options {
  --height: 133px;
  --width: 300px;
}
ion-modal.item_options.history {
  --height: 178px;
  --width: 300px;
}
ion-modal.edit_name {
  --max-height: 115px;
  --max-width: 300px;
}
/* small modals */
ion-modal.small_modal {
  --max-height: 182px;
}
ion-modal.small_modal.fireclass_item.tablet {
  --max-height: 450px;
}
ion-modal.small_modal.fireclass_item.mobile {
  --max-height: 100%;
}
ion-modal.small_modal.desktop {
  --max-width: 250px;
  --max-height: 176px;
}
ion-modal.small_modal.tablet.portrait {
  --max-width: 30%;
}
@media only screen and (max-width: 600px) {
  ion-modal.small_modal.tablet.portrait {
    --max-width: 50%;
  }
}
ion-modal.small_modal.tablet.landscape {
  --max-width: 25%;
}
@media only screen and (max-width: 600px) {
  ion-modal.small_modal.tablet.landscape {
    --max-width: 50%;
  }
}
ion-modal.small_modal.mobile.landscape {
  --max-width: 35%;
}
@media only screen and (max-width: 500px) {
  ion-modal.small_modal.mobile.landscape {
    --max-width: 50%;
  }
}
ion-modal.small_modal.mobile.portrait {
  --max-width: 60%;
}
@media only screen and (max-width: 500px) {
  ion-modal.small_modal.mobile.portrait {
    --max-width: 70%;
  }
}
/* small modals */
ion-modal.fireclass_panel.desktop {
  --max-width: 60%;
  --max-height: 90%;
}
/* alerts modal */
ion-modal.alerts-modal.mobile.landscape {
  --max-width: 60%;
}
ion-modal.alerts-modal.tablet.landscape {
  --max-width: 60%;
}
ion-modal.alerts-modal.tablet.portrait {
  --max-width: 80%;
}
/* scada-modal */
ion-modal.scada-modal.mobile.landscape {
  --max-width: 60%;
}
ion-modal.scada-modal.tablet.landscape {
  --max-width: 60%;
}
ion-modal.scada-modal.tablet.portrait {
  --max-width: 80%;
}
ion-modal {
  --border-radius: 10px !important;
  border-radius: 0px !important;
}
ion-modal.mobile.large_modal {
  --border-radius: 0px !important;
}
ion-modal.desktop.large_modal.service-details {
  --min-height: 100%;
  --min-width: 100%;
}
ion-modal.desktop.large_modal.service-edit {
  --min-height: 80%;
  --min-width: 80%;
}
ion-modal.desktop.large_modal.order-details {
  --height: 70%;
  --width: 50%;
}
ion-modal.desktop.large_modal.announcement-details {
  --height: 60%;
  --width: 50%;
}
ion-modal.desktop.large_modal.announcement-create {
  --height: 70%;
  --width: 50%;
}
ion-modal.desktop.large_modal.booking-details {
  --height: 60%;
  --width: 50%;
}
ion-modal.desktop.large_modal.booking-create {
  --height: 60%;
  --width: 60%;
}
ion-modal.desktop.large_modal.booking-update {
  --height: 100%;
  --width: 100%;
}
ion-modal.desktop.large_modal.marketplace-service-create {
  --height: 60%;
  --width: 60%;
}
ion-modal.desktop.large_modal.card-assign {
  --height: 90%;
  --width: 90%;
}
ion-modal.desktop.project-card-update {
  --height: 500px;
  --width: 500px;
}
ion-modal.modal.date-picker {
  --height: 394px;
  --width: 320px;
}
ion-popover.date-picker {
  --width: unset;
}
ion-modal.desktop.app-user-update {
  --height: 615px;
  --width: 550px;
}
ion-modal.mobile.app-user-update {
  --height: 615px;
  --width: 500px;
}
.light-on {
  content: url("/assets/svg/icons/light-on.svg");
}
.light-off {
  content: url("/assets/svg/icons/light-off.svg");
}
.light-offline {
  content: url("/assets/svg/icons/light-offline.svg");
}
.dimmer-on {
  content: url("/assets/svg/icons/dimmer-on.svg");
}
.dimmer-off {
  content: url("/assets/svg/icons/dimmer-off.svg");
}
.dimmer-offline {
  content: url("/assets/svg/icons/dimmer-offline.svg");
}
.lights_group-on {
  content: url("/assets/svg/icons/lights_group-on.svg");
}
.lights_group-off {
  content: url("/assets/svg/icons/lights_group-off.svg");
}
.lights_group-offline {
  content: url("/assets/svg/icons/lights_group-offline.svg");
}
.lights_group_two_circuits-on {
  content: url("/assets/svg/icons/lights_group_two_circuits-on.svg");
}
.lights_group_two_circuits-left {
  content: url("/assets/svg/icons/lights_group_two_circuits-left.svg");
}
.lights_group_two_circuits-right {
  content: url("/assets/svg/icons/lights_group_two_circuits-right.svg");
}
.lights_group_two_circuits-off {
  content: url("/assets/svg/icons/lights_group_two_circuits-off.svg");
}
.lights_group_two_circuits-offline {
  content: url("/assets/svg/icons/lights_group_two_circuits-offline.svg");
}
.rgb_group-on {
  content: url("/assets/svg/icons/rgb_group-on.svg");
}
.rgb_group-off {
  content: url("/assets/svg/icons/rgb_group-off.svg");
}
.rgb_group-offline {
  content: url("/assets/svg/icons/rgb_group-offline.svg");
}
.group_vcv-local {
  content: url("/assets/svg/icons/group_vcv-local.svg");
}
.group_vcv-remote {
  content: url("/assets/svg/icons/group_vcv-remote.svg");
}
.group_vcv-offline {
  content: url("/assets/svg/icons/group_vcv-offline.svg");
}
.temperature_group-local {
  content: url("/assets/svg/icons/temperature_group-local.svg");
}
.temperature_group-remote {
  content: url("/assets/svg/icons/temperature_group-remote.svg");
}
.temperature_group-offline {
  content: url("/assets/svg/icons/temperature_group-offline.svg");
}
.temperature-local {
  content: url("/assets/svg/icons/temperature-local.svg");
}
.temperature-remote {
  content: url("/assets/svg/icons/temperature-remote.svg");
}
.temperature-offline {
  content: url("/assets/svg/icons/temperature-offline.svg");
}
.humidity-local {
  content: url("/assets/svg/icons/humidity-local.svg");
}
.humidity-remote {
  content: url("/assets/svg/icons/humidity-remote.svg");
}
.humidity-offline {
  content: url("/assets/svg/icons/humidity-offline.svg");
}
.scenario-on {
  content: url("/assets/svg/icons/scenario-on.svg");
}
.scenario-off {
  content: url("/assets/svg/icons/scenario-off.svg");
}
.scenario-offline {
  content: url("/assets/svg/icons/scenario-offline.svg");
}
.arming_disarming_security_panel-on {
  content: url("/assets/svg/icons/arming_disarming_security_panel-on.svg");
}
.arming_disarming_security_panel-off {
  content: url("/assets/svg/icons/arming_disarming_security_panel-off.svg");
}
.arming_disarming_security_panel-offline {
  content: url("/assets/svg/icons/arming_disarming_security_panel-offline.svg");
}
.door_sensor-on {
  content: url("/assets/svg/icons/door_sensor-on.svg");
}
.door_sensor-off {
  content: url("/assets/svg/icons/door_sensor-off.svg");
}
.door_sensor-offline {
  content: url("/assets/svg/icons/door_sensor-offline.svg");
}
.door_lock-on {
  content: url("/assets/svg/icons/door_lock-on.svg");
}
.door_lock-off {
  content: url("/assets/svg/icons/door_lock-off.svg");
}
.door_lock-offline {
  content: url("/assets/svg/icons/door_lock-offline.svg");
}
.gate-on {
  content: url("/assets/svg/icons/gate-on.svg");
}
.gate-off {
  content: url("/assets/svg/icons/gate-off.svg");
}
.gate-offline {
  content: url("/assets/svg/icons/gate-offline.svg");
}
.intercom-on {
  content: url("/assets/svg/icons/intercom-on.svg");
}
.intercom-off {
  content: url("/assets/svg/icons/intercom-off.svg");
}
.intercom-offline {
  content: url("/assets/svg/icons/intercom-offline.svg");
}
.garage_door-on {
  content: url("/assets/svg/icons/garage_door-on.svg");
}
.garage_door-off {
  content: url("/assets/svg/icons/garage_door-off.svg");
}
.garage_door-offline {
  content: url("/assets/svg/icons/garage_door-offline.svg");
}
.barrier-on {
  content: url("/assets/svg/icons/barrier-on.svg");
}
.barrier-off {
  content: url("/assets/svg/icons/barrier-off.svg");
}
.barrier-offline {
  content: url("/assets/svg/icons/barrier-offline.svg");
}
.plug-on {
  content: url("/assets/svg/icons/plug-on.svg");
}
.plug-off {
  content: url("/assets/svg/icons/plug-off.svg");
}
.plug-offline {
  content: url("/assets/svg/icons/plug-offline.svg");
}
.actuator_group-on {
  content: url("/assets/svg/icons/actuator_group-on.svg");
}
.actuator_group-off {
  content: url("/assets/svg/icons/actuator_group-off.svg");
}
.actuator_group-offline {
  content: url("/assets/svg/icons/actuator_group-offline.svg");
}
.fan_low_control-on {
  content: url("/assets/svg/icons/fan_low_control-on.svg");
}
.fan_low_control-off {
  content: url("/assets/svg/icons/fan_low_control-off.svg");
}
.fan_low_control-offline {
  content: url("/assets/svg/icons/fan_low_control-offline.svg");
}
.fan_medium_control-on {
  content: url("/assets/svg/icons/fan_medium_control-on.svg");
}
.fan_medium_control-off {
  content: url("/assets/svg/icons/fan_medium_control-off.svg");
}
.fan_medium_control-offline {
  content: url("/assets/svg/icons/fan_medium_control-offline.svg");
}
.fan_high_control-on {
  content: url("/assets/svg/icons/fan_high_control-on.svg");
}
.fan_high_control-off {
  content: url("/assets/svg/icons/fan_high_control-off.svg");
}
.fan_high_control-offline {
  content: url("/assets/svg/icons/fan_high_control-offline.svg");
}
.burglar_alarm-on {
  content: url("/assets/svg/icons/burglar_alarm-on.svg");
}
.burglar_alarm-off {
  content: url("/assets/svg/icons/burglar_alarm-off.svg");
}
.burglar_alarm-offline {
  content: url("/assets/svg/icons/burglar_alarm-offline.svg");
}
.flood_sensor-on {
  content: url("/assets/svg/icons/flood_sensor-on.svg");
}
.flood_sensor-off {
  content: url("/assets/svg/icons/flood_sensor-off.svg");
}
.flood_sensor-offline {
  content: url("/assets/svg/icons/flood_sensor-offline.svg");
}
.presence_sensor-on {
  content: url("/assets/svg/icons/presence_sensor-on.svg");
}
.presence_sensor-off {
  content: url("/assets/svg/icons/presence_sensor-off.svg");
}
.presence_sensor-offline {
  content: url("/assets/svg/icons/presence_sensor-offline.svg");
}
.sealing_ambient-on {
  content: url("/assets/svg/icons/sealing_ambient-on.svg");
}
.sealing_ambient-off {
  content: url("/assets/svg/icons/sealing_ambient-off.svg");
}
.sealing_ambient-offline {
  content: url("/assets/svg/icons/sealing_ambient-offline.svg");
}
.security_system_ready_to_arm-on {
  content: url("/assets/svg/icons/security_system_ready_to_arm-on.svg");
}
.security_system_ready_to_arm-off {
  content: url("/assets/svg/icons/security_system_ready_to_arm-off.svg");
}
.security_system_ready_to_arm-offline {
  content: url("/assets/svg/icons/security_system_ready_to_arm-offline.svg");
}
.security_system_status-on {
  content: url("/assets/svg/icons/security_system_status-on.svg");
}
.security_system_status-off {
  content: url("/assets/svg/icons/security_system_status-off.svg");
}
.security_system_status-offline {
  content: url("/assets/svg/icons/security_system_status-offline.svg");
}
.burglary_outdoor_siren-on {
  content: url("/assets/svg/icons/burglary_outdoor_siren-on.svg");
}
.burglary_outdoor_siren-off {
  content: url("/assets/svg/icons/burglary_outdoor_siren-off.svg");
}
.burglary_outdoor_siren-offline {
  content: url("/assets/svg/icons/burglary_outdoor_siren-offline.svg");
}
.burglary_indoor_siren-on {
  content: url("/assets/svg/icons/burglary_indoor_siren-on.svg");
}
.burglary_indoor_siren-off {
  content: url("/assets/svg/icons/burglary_indoor_siren-off.svg");
}
.burglary_indoor_siren-offline {
  content: url("/assets/svg/icons/burglary_indoor_siren-offline.svg");
}
.smoke_indoor_siren-on {
  content: url("/assets/svg/icons/smoke_indoor_siren-on.svg");
}
.smoke_indoor_siren-off {
  content: url("/assets/svg/icons/smoke_indoor_siren-off.svg");
}
.smoke_indoor_siren-offline {
  content: url("/assets/svg/icons/smoke_indoor_siren-offline.svg");
}
.smoke_outdoor_siren-on {
  content: url("/assets/svg/icons/smoke_outdoor_siren-on.svg");
}
.smoke_outdoor_siren-off {
  content: url("/assets/svg/icons/smoke_outdoor_siren-off.svg");
}
.smoke_outdoor_siren-offline {
  content: url("/assets/svg/icons/smoke_outdoor_siren-offline.svg");
}
.smoke_sensor-on {
  content: url("/assets/svg/icons/smoke_sensor-on.svg");
}
.smoke_sensor-off {
  content: url("/assets/svg/icons/smoke_sensor-off.svg");
}
.smoke_sensor-offline {
  content: url("/assets/svg/icons/smoke_sensor-offline.svg");
}
.status_fire_valve-on {
  content: url("/assets/svg/icons/status_fire_valve-on.svg");
}
.status_fire_valve-off {
  content: url("/assets/svg/icons/status_fire_valve-off.svg");
}
.status_fire_valve-offline {
  content: url("/assets/svg/icons/status_fire_valve-offline.svg");
}
.window_sensor-on {
  content: url("/assets/svg/icons/window_sensor-on.svg");
}
.window_sensor-off {
  content: url("/assets/svg/icons/window_sensor-off.svg");
}
.window_sensor-offline {
  content: url("/assets/svg/icons/window_sensor-offline.svg");
}
.blinds-on {
  content: url("/assets/svg/icons/blinds-on.svg");
}
.blinds-off {
  content: url("/assets/svg/icons/blinds-off.svg");
}
.blinds-pause {
  content: url("/assets/svg/icons/blinds-pause.svg");
}
.blinds-offline {
  content: url("/assets/svg/icons/blinds-offline.svg");
}
.shutters-on {
  content: url("/assets/svg/icons/shutters-on.svg");
}
.shutters-off {
  content: url("/assets/svg/icons/shutters-off.svg");
}
.shutters-pause {
  content: url("/assets/svg/icons/shutters-pause.svg");
}
.shutters-offline {
  content: url("/assets/svg/icons/shutters-offline.svg");
}
.rollups-on {
  content: url("/assets/svg/icons/rollups-on.svg");
}
.rollups-off {
  content: url("/assets/svg/icons/rollups-off.svg");
}
.rollups-pause {
  content: url("/assets/svg/icons/rollups-pause.svg");
}
.rollups-offline {
  content: url("/assets/svg/icons/rollups-offline.svg");
}
.louvers-on {
  content: url("/assets/svg/icons/louvers-on.svg");
}
.louvers-off {
  content: url("/assets/svg/icons/louvers-off.svg");
}
.louvers-pause {
  content: url("/assets/svg/icons/louvers-pause.svg");
}
.louvers-offline {
  content: url("/assets/svg/icons/louvers-offline.svg");
}
.drapes-on {
  content: url("/assets/svg/icons/drapes-on.svg");
}
.drapes-off {
  content: url("/assets/svg/icons/drapes-off.svg");
}
.drapes-pause {
  content: url("/assets/svg/icons/drapes-pause.svg");
}
.drapes-offline {
  content: url("/assets/svg/icons/drapes-offline.svg");
}
.courtains-on {
  content: url("/assets/svg/icons/courtains-on.svg");
}
.courtains-off {
  content: url("/assets/svg/icons/courtains-off.svg");
}
.courtains-pause {
  content: url("/assets/svg/icons/courtains-pause.svg");
}
.courtains-offline {
  content: url("/assets/svg/icons/courtains-offline.svg");
}
.cta-on {
  content: url("/assets/svg/icons/cta-on.svg");
  font-size: 40px;
}
.cta-off {
  content: url("/assets/svg/icons/cta-off.svg");
  font-size: 40px;
}
.cta-offline {
  content: url("/assets/svg/icons/cta-offline.svg");
  font-size: 40px;
}
.cta-alert {
  content: url("/assets/svg/icons/cta-alert.svg");
  font-size: 40px;
}
.el-colorpicker {
  background: transparent !important;
}
.el-cp-color-control .el-cp-color-control__right,
.el-cp-color-control .el-cp-color-control__left {
  display: none !important;
}
.el-cp-palette:active .el-cp-palette__pointer,
.el-cp-palette-ring:active .el-cp-palette-ring__pointer,
.el-cp-palette-ring:active .el-cp-palette-ring__pointer,
.el-cp-slider:active .el-cp-slider__circle,
.el-cp-palette-circle:active .el-cp-palette-circle__pointer {
  box-shadow: unset;
}
.el-colorpicker__body {
  padding: 0 !important;
  margin-bottom: 0 !important;
}
.noWhite .el-cp-color-control__body {
  display: none !important;
}
.el-cp-color-form.rgba,
.el-cp-color-form.rgb {
  display: none !important;
}
.el-colorpicker--ring .el-colorpicker__wrap {
  padding: 0 !important;
}
.el-colorpicker--ring .el-colorpicker__wrap {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.el-colorpicker {
  --shadow-outer: 0 0 0 0 !important;
  display: inline;
}
.el-cp-palette__pointer,
.el-cp-palette-ring__pointer,
.el-cp-palette-circle__pointer,
.el-cp-slider__brick,
.el-cp-slider__circle {
  height: 25px;
  width: 25px;
  box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.13), 0 0 0 1px rgba(0, 0, 0, 0.02);
  background-color: #fff;
}
.el-cp-slider .el-cp-slider__body {
  height: 20px;
  margin-top: 10px;
}
.el-cp-slider--vertical.el-cp-slider--hue .el-cp-slider__body {
  width: 30px;
}
.el-cp-slider--vertical .el-cp-slider__body {
  width: 30px;
}
.el-colorpicker--circle .el-cp-palette-circle {
  padding: 5px;
}
.el-colorpicker--circle .el-colorpicker__wrap {
  padding: 0;
}
.desktop .el-cp-palette-circle__canvas {
  height: 180px;
}
.modal-shadow {
  --height: 133px !important;
  --width: 300px !important;
}
:focus,
input:active,
textarea:active,
select:active,
button:active,
a:active {
  outline: none;
}
input:-webkit-autofill,
input:-webkit-autofill:focus {
  height: 0px;
  box-shadow: 0 0 0 10px var(--ion-background-color) inset;
  -webkit-text-fill-color: black;
}
.action-sheet-button.local ion-icon {
  color: var(--ion-color-local) !important;
}
.action-sheet-button.remote ion-icon {
  color: var(--ion-color-remote) !important;
}
.action-sheet-button.invalid ion-icon,
.action-sheet-button.offline ion-icon {
  color: var(--ion-color-offline) !important;
}
ion-button.ios {
  --border-width: 2px;
  height: 36px !important;
}
.grid_view ion-button::part(native),
.list_view ion-button::part(native) {
  font-size: 13px;
}
ion-button app-template-svg[slot=start],
ion-button app-menu-svg[slot=start],
ion-fab-button app-template-svg[slot=start],
ion-fab-button app-menu-svg[slot=start] {
  margin-left: unset;
  margin-right: unset;
  margin-inline: -0.3em 0.3em;
  margin: 0px 0.3em 0px -0.3em;
}
ion-button app-template-svg[slot=end],
ion-button app-menu-svg[slot=end],
ion-fab-button app-template-svg[slot=end],
ion-fab-button app-menu-svg[slot=end] {
  margin-left: unset;
  margin-right: unset;
  margin-inline: 0.3em -0.2em;
  margin: 0px -0.2em 0px 0.3em;
}
ion-item app-template-svg[slot=end],
ion-item app-menu-svg[slot=end] {
  margin-top: 7px;
  margin-bottom: 7px;
  margin-left: unset;
  margin-right: unset;
  margin-inline: 10px;
}
ion-item app-template-svg[slot=start],
ion-item app-menu-svg[slot=start] {
  margin-top: 7px;
  margin-bottom: 7px;
  margin-left: unset;
  margin-right: unset;
  margin-inline: 0px 20px;
}
app-template-svg,
app-panel-svg,
app-menu-svg {
  align-content: stretch;
  justify-content: center;
  flex-wrap: nowrap;
  display: flex;
  align-items: center;
}
ion-loading#resources,
ion-loading#history,
ion-loading#cards,
ion-loading#stream {
  --background: transparent;
  --spinner-color: var(--ion-color-light);
  color: var(--ion-color-light);
}
ion-loading#stream {
  --spinner-color: var(--ion-color-primary);
  color: var(--ion-color-primary);
}
ion-loading#init_loader {
  --background: var(--ion-color-primary);
  --backdrop-opacity: 1;
  --spinner-color: var(--ion-color-light);
  color: var(--ion-color-light);
}
html.mobile {
  height: 101vh !important;
  max-height: none !important;
  overflow: scroll !important;
}
.tox {
  z-index: 1000000 !important;
}

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