/** ----- Relative Faux ----- **/

@font-face {
  font-family: 'Relative Faux';
  font-style: normal;
  font-weight: 400;
  src: local('Relative Faux'),
       local('Relative-Faux'),
       url('Relative-Faux.fead31d52703bb88.woff2') format('woff2'),
       url('Relative-Faux.8f1ea63538d552b9.woff') format('woff');
}

/** ----- Raisonne ----- **/

@font-face {
  font-family: 'Raisonne';
  font-style: normal;
  font-weight: 400;
  src: local('Raisonne'),
       local('Raisonne'),
       url('raisonne.3cc7703709876f5b.woff2') format('woff2'),
       url('raisonne.343d2f6a0fda8e6c.woff') format('woff');
}

/** ----- Signify relative ----- **/

@font-face {
  font-family: 'Signify Relative';
  font-style: normal;
  font-weight: 400;
  src: local('Signify Relative'),
       local('Signify Relative'),
       url('SignifyRelative-Book.e761cb8017014faa.woff2') format('woff2');
}

@font-face {
  font-family: 'Signify Relative';
  font-style: normal;
  font-weight: 700;
  src: local('Signify Relative'),
       local('Signify Relative'),
       url('SignifyRelative-Bold.acefa9e113ecb283.woff2') format('woff2');
}

/** ----- Roboto ----- **/

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'),
       local('Roboto-Thin'),
       url('Roboto-Thin.539f0a96b40596f7.woff2') format('woff2'),
       url('Roboto-Thin.5ba994dac3e79ea8.woff') format('woff');
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'),
       local('Roboto-ThinItalic'),
       url('Roboto-ThinItalic.41ba64219cb743c9.woff2') format('woff2'),
       url('Roboto-ThinItalic.d61e7e8b07c0638c.woff') format('woff');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'),
       local('Roboto-Light'),
       url('Roboto-Light.4d8f8086236bad80.woff2') format('woff2'),
       url('Roboto-Light.6c1bc461047e61f5.woff') format('woff');
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'),
       local('Roboto-LightItalic'),
       url('Roboto-LightItalic.45164643b3bd5824.woff2') format('woff2'),
       url('Roboto-LightItalic.3a529751a590d3c1.woff') format('woff');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'),
       local('Roboto-Regular'),
       url('Roboto-Regular.1e2d4d3a272629cd.woff2') format('woff2'),
       url('Roboto-Regular.7e4a045b9373d9c1.woff') format('woff');
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'),
       local('Roboto-Italic'),
       url('Roboto-Italic.bb3c6955c4334c8a.woff2') format('woff2'),
       url('Roboto-Italic.68431199e5b90ea8.woff') format('woff');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'),
       local('Roboto-Medium'),
       url('Roboto-Medium.1dfbc3dbf815e3f3.woff2') format('woff2'),
       url('Roboto-Medium.e21fe97fd2329ff7.woff') format('woff');
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'),
       local('Roboto-MediumItalic'),
       url('Roboto-MediumItalic.7543a42b12b1452f.woff2') format('woff2'),
       url('Roboto-MediumItalic.aaff6867154023d3.woff') format('woff');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'),
       local('Roboto-Bold'),
       url('Roboto-Bold.12893bfc0762b0f3.woff2') format('woff2'),
       url('Roboto-Bold.02633003129d1e63.woff') format('woff');
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'),
       local('Roboto-BoldItalic'),
       url('Roboto-BoldItalic.bc7179e004e40113.woff2') format('woff2'),
       url('Roboto-BoldItalic.e53062e27c63fafb.woff') format('woff');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'),
       local('Roboto-Black'),
       url('Roboto-Black.282ba77fda1349f3.woff2') format('woff2'),
       url('Roboto-Black.4962e810cbb4d3e5.woff') format('woff');
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: local('Roboto Black Italic'),
       local('Roboto-BlackItalic'),
       url('Roboto-BlackItalic.9c1f80840351fa12.woff2') format('woff2'),
       url('Roboto-BlackItalic.2394134a78bbaef8.woff') format('woff');
}

/** ----- Roboto mono ----- **/

@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Mono Thin'),
       local('RobotoMono-Thin'),
       url('RobotoMono-Thin.2ca2ead966e3d9b3.woff2') format('woff2'),
       url('RobotoMono-Thin.15bea34356732cc4.woff') format('woff');
}

@font-face {
  font-family: 'Roboto Mono';
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Mono Thin Italic'),
       local('RobotoMono-ThinItalic'),
       url('RobotoMono-ThinItalic.01bdd5ea043b6c8e.woff2') format('woff2'),
       url('RobotoMono-ThinItalic.f1988194c251895b.woff') format('woff');
}

@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Mono Light'),
       local('RobotoMono-Light'),
       url('RobotoMono-Light.0df35bf0f9a9b2e5.woff2') format('woff2'),
       url('RobotoMono-Light.e9f68f539b26d0d3.woff') format('woff');
}

@font-face {
  font-family: 'Roboto Mono';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Mono Light Italic'),
       local('RobotoMono-LightItalic'),
       url('RobotoMono-LightItalic.a965d3fea34b6c10.woff2') format('woff2'),
       url('RobotoMono-LightItalic.96f6bb57c2e64794.woff') format('woff');
}

@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Mono'),
       local('RobotoMono-Regular'),
       url('RobotoMono-Regular.795e2fdb8cc3cd3c.woff2') format('woff2'),
       url('RobotoMono-Regular.d3d867db80a61e7b.woff') format('woff');
}

@font-face {
  font-family: 'Roboto Mono';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Mono Italic'),
       local('RobotoMono-Italic'),
       url('RobotoMono-Italic.ca94e202d2f2f87a.woff2') format('woff2'),
       url('RobotoMono-Italic.2d517fc33b32e489.woff') format('woff');
}

@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Mono Medium'),
       local('RobotoMono-Medium'),
       url('RobotoMono-Medium.80857d67a4bee017.woff2') format('woff2'),
       url('RobotoMono-Medium.ec98f00ac13d0250.woff') format('woff');
}

@font-face {
  font-family: 'Roboto Mono';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Mono Medium Italic'),
       local('RobotoMono-MediumItalic'),
       url('RobotoMono-MediumItalic.a718ee545cb17eaf.woff2') format('woff2'),
       url('RobotoMono-MediumItalic.451dc368e73f6eba.woff') format('woff');
}

@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Mono Bold'),
       local('RobotoMono-Bold'),
       url('RobotoMono-Bold.c32d4a06c761b512.woff2') format('woff2'),
       url('RobotoMono-Bold.2bddabaacb5abd84.woff') format('woff');
}

@font-face {
  font-family: 'Roboto Mono';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Mono Bold Italic'),
       local('RobotoMono-BoldItalic'),
       url('RobotoMono-BoldItalic.15f16edf009b7474.woff2') format('woff2'),
       url('RobotoMono-BoldItalic.b51f635cade11c78.woff') format('woff');
}

@font-face {
  font-family: 'Interact Icon';
  src: url('iconfont.57f903c73ce1cc6a.woff2') format('woff2'),
       url('iconfont.4d677ea8f9316084.woff') format('woff');
}

@charset "UTF-8";
/* You can add global styles to this file, and also import other style files */
:root {
  --mid-gray: #969696;
  --white: #FFF;
  --dark-gray-180: #050506;
  --dark-gray-160: #1C1C1F;
  --dark-gray-120: #303034;
  --dark-gray-100: #3C3C41;
  --dark-gray-80: #636367;
  --dark-gray-60: #8A8A8D;
  --dark-gray-40: #B1B1B1;
  --dark-gray-20: #D8D8D9;
  --dark-gray-10: #EBEBEC;
  --dark-gray-5: #F5F5F5;
  --signify-120: #00D17C;
  --signify-100: #00E487;
  --signify-80: #33E99F;
  --signify-60: #66EFB7;
  --signify-40: #99F4CF;
  --signify-20: #CBF9E6;
  --coral-120: #CD2C4C;
  --coral-100: #FF375F;
  --coral-80: #FF5F7F;
  --coral-60: #FFAFBF;
  --coral-20: #FFEBEF;
  --blue-120: #1028CC;
  --blue-100: #1432FF;
  --blue-60: #7284FF;
  --blue-40: #A1ADFF;
  --blue-20: #D0D6FF;
  --red-130: #BF0013;
  --red-100: #FF0019;
  --red-50: #FF8080;
  --red-20: #FFCCD1;
  --orange-130: #DC3205;
  --orange-100: #FF6D00;
  --orange-50: #FFB680;
  --orange-20: #FFE2CC;
  --yellow-130: #FF9800;
  --yellow-100: #FFC107;
  --yellow-50: #FFF59D;
  --yellow-20: #FFFBD8;
  --green-130: #0F9646;
  --green-100: #00C853;
  --green-50: #80E3A9;
  --green-20: #CCF4DD;
  --magenta-150: #801C5F;
  --magenta-120: #BF298F;
  --magenta-100: #FF37BE;
  --magenta-50: #FF9BDF;
  --magenta-20: #FFD7F2;
  --purple-150: #60008F;
  --purple-120: #8000BF;
  --purple-100: #AA00FF;
  --purple-50: #D480FF;
  --purple-20: #EECCFF;
  --ink-blue-150: #153180;
  --ink-blue-120: #1F4ABF;
  --ink-blue-100: #2962FF;
  --ink-blue-50: #94B0FF;
  --ink-blue-20: #D4E0FF;
  --light-blue-150: #21636E;
  --light-blue-120: #008A9F;
  --light-blue-100: #00B8D4;
  --light-blue-50: #80DCEA;
  --light-blue-20: #CCF1F6;
  --aqua-150: #00695B;
  --aqua-120: #008F7C;
  --aqua-100: #00BFA5;
  --aqua-50: #80DFD2;
  --aqua-20: #CCF2ED;
  --lime-green-150: #0F7A07;
  --lime-green-120: #4BA611;
  --lime-green-100: #64DD17;
  --lime-green-50: #B1EE8B;
  --lime-green-20: #E0F8D1;
  --shadow-1: 0 0 4px 0 rgba(0, 0, 0, .1), 0 2px 4px 0 rgba(0, 0, 0, .1);
  --shadow-2: 0 0 6px 0 rgba(0, 0, 0, .1), 0 2px 6px 0 rgba(0, 0, 0, .1);
  --shadow-3: 0 0 8px 0 rgba(0, 0, 0, .1), 0 2px 8px 0 rgba(0, 0, 0, .1);
  --shadow-4: 0 0 6px 0 rgba(0, 0, 0, .24), 0 2px 6px 0 rgba(0, 0, 0, .16);
  --bg-overlay: rgba(5, 5, 6, .6);
  --text-muted: var(--dark-gray-60);
  --button-primary-color: var(--white);
  --button-primary-text-weight: 400;
  --control-primary: var(--coral-100);
  --control-primary-hover: var(--coral-80);
  --control-primary-active: var(--coral-120);
  --control-error: var(--red-100);
  --control-error-light: var(--red-50);
  --control-warning: var(--orange-100);
  --control-success: var(--green-100);
  --global-navigation-height: 44px;
  --tab-height: 44px;
  --navigation-highlight: var(--coral-100);
  --progress-track: var(--dark-gray-40);
  --disabled-opacity: .3;
  --side-margin: 24px;
  --screen-min-width: 1280px;
  --default-font: Roboto,
    -apple-system, BlinkMacSystemFont,
    "Segoe UI",
    "Helvetica Neue", Arial,
    "Microsoft YaHei", "微软雅黑", sans-serif;
  --header-font: "Relative Faux", sans-serif;
  --font-size-xl: 24px;
  --line-height-xl: 36px;
  --font-size-l: 18px;
  --line-height-l: 28px;
  --font-size-m: 16px;
  --line-height-m: 24px;
  --font-size-s: 14px;
  --line-height-s: 20px;
  --font-size-xs: 12px;
  --line-height-xs: 16px;
  --z-snack-bar: 2000;
  --z-dropdown-opened: 1500;
  --z-dropdown-backdrop: 1400;
  --z-global-side-panel: 1200;
  --z-modal-opened: 1100;
  --z-global-backdrop: 1000;
  --z-global-navigation: 900;
  --z-modal-backdrop: 700;
  --z-side-panel: 600;
  --z-contextual-message-overlay: 100;
}
@media (max-width: 1279px) {
  :root {
    --screen-min-width: 960px;
  }
}
@media (max-width: 959px) {
  :root {
    --screen-min-width: 680px;
  }
}
@media (max-width: 679px) {
  :root {
    --side-margin: 16px;
    --screen-min-width: 320px;
  }
}

:root {
  --checked-bg: var(--control-secondary);
  --checked-hover-bg: var(--control-secondary-hover);
  --checked-active-bg: var(--control-secondary-active);
  --focus-border: var(--control-secondary-focus-border);
}

[theme=primary] {
  --checked-bg: var(--control-primary);
  --checked-hover-bg: var(--control-primary-hover);
  --checked-active-bg: var(--control-primary-active);
  --focus-border: var(--control-primary-focus-border);
}

[theme=quiet] {
  --checked-bg: transparent;
  --checked-hover-bg: var(--control-neutral-hover);
  --checked-active-bg: var(--control-neutral-active);
  --focus-border: var(--control-neutral-focus-border);
}

:root {
  --font-size-base: var(--font-size-s);
  --line-height-base: var(--line-height-s);
  --ia-icon-size: 16px;
  --cell-height: 48px;
  --cell-title-height: 48px;
  --cell-action-width: 48px;
  --border-radius: 2px;
  --control-height: 32px;
  --input-margin-h: 7px;
  --input-margin-v: 5px;
  --input-icon-padding: 31px;
  --control-icon-size: 16px;
  --checkbox-size: 16px;
  --checkbox-side-margin: 12px;
  --radio-border: 4px;
  --toggle-height: 16px;
  --toggle-radius: 8px;
  --toggle-thumb: 12px;
  --toggle-margin: 1px;
  --list-header-padding-v: 8px;
  --list-item-padding-v: 6px;
  --list-icon-margin-v: 2px;
}

:root {
  --bg-high: var(--white);
  --bg-medium: var(--dark-gray-5);
  --bg-low: var(--dark-gray-10);
  --bg-hover: var(--dark-gray-10);
  --bg-selected: var(--dark-gray-10);
  --bg-overlay-theme: rgba(255, 255, 255, .8);
  --divider: var(--dark-gray-10);
  --divider-on-bg: var(--dark-gray-20);
  --text-static: var(--dark-gray-80);
  --text-active: var(--dark-gray-100);
  --text-inverse: var(--white);
  --highlight: var(--blue-100);
  --highlight-hover: var(--blue-60);
  --highlight-active: var(--blue-120);
  --breadcrumb-icon: var(--dark-gray-100);
  --control-primary-focus-border: var(--dark-gray-100);
  --control-secondary: var(--dark-gray-100);
  --control-secondary-hover: var(--dark-gray-80);
  --control-secondary-focus-border: var(--blue-100);
  --control-secondary-active: var(--dark-gray-120);
  --control-neutral-border: var(--dark-gray-100);
  --control-neutral-hover: var(--dark-gray-20);
  --control-neutral-focus-border: var(--blue-100);
  --control-neutral-active: var(--dark-gray-40);
  --control-off-active: var(--dark-gray-60);
  --input-border: var(--dark-gray-20);
  --input-bg: var(--dark-gray-10);
  --input-hover-border: var(--dark-gray-60);
  --input-hover-bg: var(--dark-gray-5);
  --input-focus-bg: var(--white);
  --radial-on: rgba(205, 44, 76, .2);
  --radial-off: rgba(60, 60, 65, .2);
}

:root {
  --grey-background: #F7F7FA;
  --white-background: #FFFFFF;
  --primary-background: #F7F7FA;
  --secondary-background: #FFFFFF;
  --avatar-background: #10BBD7;
  --divider-color: #EDEDF0;
  --highlight-font-color: #1432FF;
  --control-height: 44px;
  --primary-font-color: #3C3C41;
  --secondary-font-color: #5d5d61;
  --tertiary-font-color: #636367;
  --primary-border-color: #EBEBEC;
  --primary-btn-font-color: #E30030;
  --proj-img-avatar-primary-color: #10BBD7;
  --proj-img-avatar-secondary-color: #165b69;
  --error-color: #FF0019;
  --transparent: transparent;
  --manual-btn: #EDEDF0;
  --snack-bar-font-color: #5D5D61;
  --all-switch-borders: #B1B1B1;
  --individual-switch-borders: #E61E4E;
  --first-switch-button-color: #A14A44;
  --second-switch-button-color: #EE1D23;
  --third-switch-button-color: #F7931D;
  --fourth-switch-button-color: #FFF101;
  --fifth-switch-button-color: #00A54F;
  --sixth-switch-button-color: #1074BC;
  --seventh-switch-button-color: #652D91;
  --eight-switch-button-color: #3C3C41;
  --ninth-switch-button-color: #8E8E94;
  --overlay-background-color: rgba(0, 0, 0, 0.5);
}

@font-face {
  font-family: "Roboto-Regular";
  src: url('Roboto-Regular.d0bc87a819730d23.ttf') format(truetype);
  background: transparent;
}
@font-face {
  font-family: "Roboto-bold";
  src: url('Roboto-Bold.c36a3fe042b96dc3.ttf') format(truetype);
}
* {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  height: 100%;
}

body {
  background-color: var(--grey-background);
  margin: 0;
  height: 100%;
}
body .m-25 {
  margin: 0.25rem;
}
body .p-25 {
  padding: 0.25rem;
}
body .mt-25 {
  margin-top: 0.25rem;
}
body .mb-25 {
  margin-bottom: 0.25rem;
}
body .ml-25 {
  margin-left: 0.25rem;
}
body .mr-25 {
  margin-right: 0.25rem;
}
body .mtb-25 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
body .mlr-25 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
body .pt-25 {
  padding-top: 0.25rem;
}
body .pb-25 {
  padding-bottom: 0.25rem;
}
body .pl-25 {
  padding-left: 0.25rem;
}
body .pr-25 {
  padding-right: 0.25rem;
}
body .ptb-25 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
body .plr-25 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
body .m-30 {
  margin: 0.3rem;
}
body .p-30 {
  padding: 0.3rem;
}
body .mt-30 {
  margin-top: 0.3rem;
}
body .mb-30 {
  margin-bottom: 0.3rem;
}
body .ml-30 {
  margin-left: 0.3rem;
}
body .mr-30 {
  margin-right: 0.3rem;
}
body .mtb-30 {
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
}
body .mlr-30 {
  margin-left: 0.3rem;
  margin-right: 0.3rem;
}
body .pt-30 {
  padding-top: 0.3rem;
}
body .pb-30 {
  padding-bottom: 0.3rem;
}
body .pl-30 {
  padding-left: 0.3rem;
}
body .pr-30 {
  padding-right: 0.3rem;
}
body .ptb-30 {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}
body .plr-30 {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}
body .m-50 {
  margin: 0.5rem;
}
body .p-50 {
  padding: 0.5rem;
}
body .mt-50 {
  margin-top: 0.5rem;
}
body .mb-50 {
  margin-bottom: 0.5rem;
}
body .ml-50 {
  margin-left: 0.5rem;
}
body .mr-50 {
  margin-right: 0.5rem;
}
body .mtb-50 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
body .mlr-50 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
body .pt-50 {
  padding-top: 0.5rem;
}
body .pb-50 {
  padding-bottom: 0.5rem;
}
body .pl-50 {
  padding-left: 0.5rem;
}
body .pr-50 {
  padding-right: 0.5rem;
}
body .ptb-50 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
body .plr-50 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
body .m-75 {
  margin: 0.75rem;
}
body .p-75 {
  padding: 0.75rem;
}
body .mt-75 {
  margin-top: 0.75rem;
}
body .mb-75 {
  margin-bottom: 0.75rem;
}
body .ml-75 {
  margin-left: 0.75rem;
}
body .mr-75 {
  margin-right: 0.75rem;
}
body .mtb-75 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
body .mlr-75 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
body .pt-75 {
  padding-top: 0.75rem;
}
body .pb-75 {
  padding-bottom: 0.75rem;
}
body .pl-75 {
  padding-left: 0.75rem;
}
body .pr-75 {
  padding-right: 0.75rem;
}
body .ptb-75 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
body .plr-75 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
body .m-100 {
  margin: 1rem;
}
body .p-100 {
  padding: 1rem;
}
body .mt-100 {
  margin-top: 1rem;
}
body .mb-100 {
  margin-bottom: 1rem;
}
body .ml-100 {
  margin-left: 1rem;
}
body .mr-100 {
  margin-right: 1rem;
}
body .mtb-100 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
body .mlr-100 {
  margin-left: 1rem;
  margin-right: 1rem;
}
body .pt-100 {
  padding-top: 1rem;
}
body .pb-100 {
  padding-bottom: 1rem;
}
body .pl-100 {
  padding-left: 1rem;
}
body .pr-100 {
  padding-right: 1rem;
}
body .ptb-100 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
body .plr-100 {
  padding-left: 1rem;
  padding-right: 1rem;
}
body .m-125 {
  margin: 1.25rem;
}
body .p-125 {
  padding: 1.25rem;
}
body .mt-125 {
  margin-top: 1.25rem;
}
body .mb-125 {
  margin-bottom: 1.25rem;
}
body .ml-125 {
  margin-left: 1.25rem;
}
body .mr-125 {
  margin-right: 1.25rem;
}
body .mtb-125 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
body .mlr-125 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
body .pt-125 {
  padding-top: 1.25rem;
}
body .pb-125 {
  padding-bottom: 1.25rem;
}
body .pl-125 {
  padding-left: 1.25rem;
}
body .pr-125 {
  padding-right: 1.25rem;
}
body .ptb-125 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
body .plr-125 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
body .m-150 {
  margin: 1.5rem;
}
body .p-150 {
  padding: 1.5rem;
}
body .mt-150 {
  margin-top: 1.5rem;
}
body .mb-150 {
  margin-bottom: 1.5rem;
}
body .ml-150 {
  margin-left: 1.5rem;
}
body .mr-150 {
  margin-right: 1.5rem;
}
body .mtb-150 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
body .mlr-150 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
body .pt-150 {
  padding-top: 1.5rem;
}
body .pb-150 {
  padding-bottom: 1.5rem;
}
body .pl-150 {
  padding-left: 1.5rem;
}
body .pr-150 {
  padding-right: 1.5rem;
}
body .ptb-150 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
body .plr-150 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
body .m-175 {
  margin: 1.75rem;
}
body .p-175 {
  padding: 1.75rem;
}
body .mt-175 {
  margin-top: 1.75rem;
}
body .mb-175 {
  margin-bottom: 1.75rem;
}
body .ml-175 {
  margin-left: 1.75rem;
}
body .mr-175 {
  margin-right: 1.75rem;
}
body .mtb-175 {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}
body .mlr-175 {
  margin-left: 1.75rem;
  margin-right: 1.75rem;
}
body .pt-175 {
  padding-top: 1.75rem;
}
body .pb-175 {
  padding-bottom: 1.75rem;
}
body .pl-175 {
  padding-left: 1.75rem;
}
body .pr-175 {
  padding-right: 1.75rem;
}
body .ptb-175 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
body .plr-175 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
body .m-200 {
  margin: 2rem;
}
body .p-200 {
  padding: 2rem;
}
body .mt-200 {
  margin-top: 2rem;
}
body .mb-200 {
  margin-bottom: 2rem;
}
body .ml-200 {
  margin-left: 2rem;
}
body .mr-200 {
  margin-right: 2rem;
}
body .mtb-200 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
body .mlr-200 {
  margin-left: 2rem;
  margin-right: 2rem;
}
body .pt-200 {
  padding-top: 2rem;
}
body .pb-200 {
  padding-bottom: 2rem;
}
body .pl-200 {
  padding-left: 2rem;
}
body .pr-200 {
  padding-right: 2rem;
}
body .ptb-200 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
body .plr-200 {
  padding-left: 2rem;
  padding-right: 2rem;
}
body .m-225 {
  margin: 2.25rem;
}
body .p-225 {
  padding: 2.25rem;
}
body .mt-225 {
  margin-top: 2.25rem;
}
body .mb-225 {
  margin-bottom: 2.25rem;
}
body .ml-225 {
  margin-left: 2.25rem;
}
body .mr-225 {
  margin-right: 2.25rem;
}
body .mtb-225 {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}
body .mlr-225 {
  margin-left: 2.25rem;
  margin-right: 2.25rem;
}
body .pt-225 {
  padding-top: 2.25rem;
}
body .pb-225 {
  padding-bottom: 2.25rem;
}
body .pl-225 {
  padding-left: 2.25rem;
}
body .pr-225 {
  padding-right: 2.25rem;
}
body .ptb-225 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
body .plr-225 {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}
body .m-250 {
  margin: 2.5rem;
}
body .p-250 {
  padding: 2.5rem;
}
body .mt-250 {
  margin-top: 2.5rem;
}
body .mb-250 {
  margin-bottom: 2.5rem;
}
body .ml-250 {
  margin-left: 2.5rem;
}
body .mr-250 {
  margin-right: 2.5rem;
}
body .mtb-250 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
body .mlr-250 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
body .pt-250 {
  padding-top: 2.5rem;
}
body .pb-250 {
  padding-bottom: 2.5rem;
}
body .pl-250 {
  padding-left: 2.5rem;
}
body .pr-250 {
  padding-right: 2.5rem;
}
body .ptb-250 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
body .plr-250 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
body .m-275 {
  margin: 2.75rem;
}
body .p-275 {
  padding: 2.75rem;
}
body .mt-275 {
  margin-top: 2.75rem;
}
body .mb-275 {
  margin-bottom: 2.75rem;
}
body .ml-275 {
  margin-left: 2.75rem;
}
body .mr-275 {
  margin-right: 2.75rem;
}
body .mtb-275 {
  margin-top: 2.75rem;
  margin-bottom: 2.75rem;
}
body .mlr-275 {
  margin-left: 2.75rem;
  margin-right: 2.75rem;
}
body .pt-275 {
  padding-top: 2.75rem;
}
body .pb-275 {
  padding-bottom: 2.75rem;
}
body .pl-275 {
  padding-left: 2.75rem;
}
body .pr-275 {
  padding-right: 2.75rem;
}
body .ptb-275 {
  padding-top: 2.75rem;
  padding-bottom: 2.75rem;
}
body .plr-275 {
  padding-left: 2.75rem;
  padding-right: 2.75rem;
}
body .m-300 {
  margin: 3rem;
}
body .p-300 {
  padding: 3rem;
}
body .mt-300 {
  margin-top: 3rem;
}
body .mb-300 {
  margin-bottom: 3rem;
}
body .ml-300 {
  margin-left: 3rem;
}
body .mr-300 {
  margin-right: 3rem;
}
body .mtb-300 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
body .mlr-300 {
  margin-left: 3rem;
  margin-right: 3rem;
}
body .pt-300 {
  padding-top: 3rem;
}
body .pb-300 {
  padding-bottom: 3rem;
}
body .pl-300 {
  padding-left: 3rem;
}
body .pr-300 {
  padding-right: 3rem;
}
body .ptb-300 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
body .plr-300 {
  padding-left: 3rem;
  padding-right: 3rem;
}
body .m-325 {
  margin: 3.25rem;
}
body .p-325 {
  padding: 3.25rem;
}
body .mt-325 {
  margin-top: 3.25rem;
}
body .mb-325 {
  margin-bottom: 3.25rem;
}
body .ml-325 {
  margin-left: 3.25rem;
}
body .mr-325 {
  margin-right: 3.25rem;
}
body .mtb-325 {
  margin-top: 3.25rem;
  margin-bottom: 3.25rem;
}
body .mlr-325 {
  margin-left: 3.25rem;
  margin-right: 3.25rem;
}
body .pt-325 {
  padding-top: 3.25rem;
}
body .pb-325 {
  padding-bottom: 3.25rem;
}
body .pl-325 {
  padding-left: 3.25rem;
}
body .pr-325 {
  padding-right: 3.25rem;
}
body .ptb-325 {
  padding-top: 3.25rem;
  padding-bottom: 3.25rem;
}
body .plr-325 {
  padding-left: 3.25rem;
  padding-right: 3.25rem;
}
body .m-350 {
  margin: 3.5rem;
}
body .p-350 {
  padding: 3.5rem;
}
body .mt-350 {
  margin-top: 3.5rem;
}
body .mb-350 {
  margin-bottom: 3.5rem;
}
body .ml-350 {
  margin-left: 3.5rem;
}
body .mr-350 {
  margin-right: 3.5rem;
}
body .mtb-350 {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}
body .mlr-350 {
  margin-left: 3.5rem;
  margin-right: 3.5rem;
}
body .pt-350 {
  padding-top: 3.5rem;
}
body .pb-350 {
  padding-bottom: 3.5rem;
}
body .pl-350 {
  padding-left: 3.5rem;
}
body .pr-350 {
  padding-right: 3.5rem;
}
body .ptb-350 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
body .plr-350 {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}
body .m-375 {
  margin: 3.75rem;
}
body .p-375 {
  padding: 3.75rem;
}
body .mt-375 {
  margin-top: 3.75rem;
}
body .mb-375 {
  margin-bottom: 3.75rem;
}
body .ml-375 {
  margin-left: 3.75rem;
}
body .mr-375 {
  margin-right: 3.75rem;
}
body .mtb-375 {
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
}
body .mlr-375 {
  margin-left: 3.75rem;
  margin-right: 3.75rem;
}
body .pt-375 {
  padding-top: 3.75rem;
}
body .pb-375 {
  padding-bottom: 3.75rem;
}
body .pl-375 {
  padding-left: 3.75rem;
}
body .pr-375 {
  padding-right: 3.75rem;
}
body .ptb-375 {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}
body .plr-375 {
  padding-left: 3.75rem;
  padding-right: 3.75rem;
}
body .m-400 {
  margin: 4rem;
}
body .p-400 {
  padding: 4rem;
}
body .mt-400 {
  margin-top: 4rem;
}
body .mb-400 {
  margin-bottom: 4rem;
}
body .ml-400 {
  margin-left: 4rem;
}
body .mr-400 {
  margin-right: 4rem;
}
body .mtb-400 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
body .mlr-400 {
  margin-left: 4rem;
  margin-right: 4rem;
}
body .pt-400 {
  padding-top: 4rem;
}
body .pb-400 {
  padding-bottom: 4rem;
}
body .pl-400 {
  padding-left: 4rem;
}
body .pr-400 {
  padding-right: 4rem;
}
body .ptb-400 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
body .plr-400 {
  padding-left: 4rem;
  padding-right: 4rem;
}
body .m-425 {
  margin: 4.25rem;
}
body .p-425 {
  padding: 4.25rem;
}
body .mt-425 {
  margin-top: 4.25rem;
}
body .mb-425 {
  margin-bottom: 4.25rem;
}
body .ml-425 {
  margin-left: 4.25rem;
}
body .mr-425 {
  margin-right: 4.25rem;
}
body .mtb-425 {
  margin-top: 4.25rem;
  margin-bottom: 4.25rem;
}
body .mlr-425 {
  margin-left: 4.25rem;
  margin-right: 4.25rem;
}
body .pt-425 {
  padding-top: 4.25rem;
}
body .pb-425 {
  padding-bottom: 4.25rem;
}
body .pl-425 {
  padding-left: 4.25rem;
}
body .pr-425 {
  padding-right: 4.25rem;
}
body .ptb-425 {
  padding-top: 4.25rem;
  padding-bottom: 4.25rem;
}
body .plr-425 {
  padding-left: 4.25rem;
  padding-right: 4.25rem;
}
body .m-450 {
  margin: 4.5rem;
}
body .p-450 {
  padding: 4.5rem;
}
body .mt-450 {
  margin-top: 4.5rem;
}
body .mb-450 {
  margin-bottom: 4.5rem;
}
body .ml-450 {
  margin-left: 4.5rem;
}
body .mr-450 {
  margin-right: 4.5rem;
}
body .mtb-450 {
  margin-top: 4.5rem;
  margin-bottom: 4.5rem;
}
body .mlr-450 {
  margin-left: 4.5rem;
  margin-right: 4.5rem;
}
body .pt-450 {
  padding-top: 4.5rem;
}
body .pb-450 {
  padding-bottom: 4.5rem;
}
body .pl-450 {
  padding-left: 4.5rem;
}
body .pr-450 {
  padding-right: 4.5rem;
}
body .ptb-450 {
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
}
body .plr-450 {
  padding-left: 4.5rem;
  padding-right: 4.5rem;
}
body .m-475 {
  margin: 4.75rem;
}
body .p-475 {
  padding: 4.75rem;
}
body .mt-475 {
  margin-top: 4.75rem;
}
body .mb-475 {
  margin-bottom: 4.75rem;
}
body .ml-475 {
  margin-left: 4.75rem;
}
body .mr-475 {
  margin-right: 4.75rem;
}
body .mtb-475 {
  margin-top: 4.75rem;
  margin-bottom: 4.75rem;
}
body .mlr-475 {
  margin-left: 4.75rem;
  margin-right: 4.75rem;
}
body .pt-475 {
  padding-top: 4.75rem;
}
body .pb-475 {
  padding-bottom: 4.75rem;
}
body .pl-475 {
  padding-left: 4.75rem;
}
body .pr-475 {
  padding-right: 4.75rem;
}
body .ptb-475 {
  padding-top: 4.75rem;
  padding-bottom: 4.75rem;
}
body .plr-475 {
  padding-left: 4.75rem;
  padding-right: 4.75rem;
}
body .m-500 {
  margin: 5rem;
}
body .p-500 {
  padding: 5rem;
}
body .mt-500 {
  margin-top: 5rem;
}
body .mb-500 {
  margin-bottom: 5rem;
}
body .ml-500 {
  margin-left: 5rem;
}
body .mr-500 {
  margin-right: 5rem;
}
body .mtb-500 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}
body .mlr-500 {
  margin-left: 5rem;
  margin-right: 5rem;
}
body .pt-500 {
  padding-top: 5rem;
}
body .pb-500 {
  padding-bottom: 5rem;
}
body .pl-500 {
  padding-left: 5rem;
}
body .pr-500 {
  padding-right: 5rem;
}
body .ptb-500 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
body .plr-500 {
  padding-left: 5rem;
  padding-right: 5rem;
}
body .w-0 {
  width: 0% !important;
}
body .w-1 {
  width: 1% !important;
}
body .w-2 {
  width: 2% !important;
}
body .w-3 {
  width: 3% !important;
}
body .w-4 {
  width: 4% !important;
}
body .w-5 {
  width: 5% !important;
}
body .w-6 {
  width: 6% !important;
}
body .w-7 {
  width: 7% !important;
}
body .w-8 {
  width: 8% !important;
}
body .w-9 {
  width: 9% !important;
}
body .w-10 {
  width: 10% !important;
}
body .w-11 {
  width: 11% !important;
}
body .w-12 {
  width: 12% !important;
}
body .w-13 {
  width: 13% !important;
}
body .w-14 {
  width: 14% !important;
}
body .w-15 {
  width: 15% !important;
}
body .w-16 {
  width: 16% !important;
}
body .w-17 {
  width: 17% !important;
}
body .w-18 {
  width: 18% !important;
}
body .w-19 {
  width: 19% !important;
}
body .w-20 {
  width: 20% !important;
}
body .w-21 {
  width: 21% !important;
}
body .w-22 {
  width: 22% !important;
}
body .w-23 {
  width: 23% !important;
}
body .w-24 {
  width: 24% !important;
}
body .w-25 {
  width: 25% !important;
}
body .w-26 {
  width: 26% !important;
}
body .w-27 {
  width: 27% !important;
}
body .w-28 {
  width: 28% !important;
}
body .w-29 {
  width: 29% !important;
}
body .w-30 {
  width: 30% !important;
}
body .w-31 {
  width: 31% !important;
}
body .w-32 {
  width: 32% !important;
}
body .w-33 {
  width: 33% !important;
}
body .w-34 {
  width: 34% !important;
}
body .w-35 {
  width: 35% !important;
}
body .w-36 {
  width: 36% !important;
}
body .w-37 {
  width: 37% !important;
}
body .w-38 {
  width: 38% !important;
}
body .w-39 {
  width: 39% !important;
}
body .w-40 {
  width: 40% !important;
}
body .w-41 {
  width: 41% !important;
}
body .w-42 {
  width: 42% !important;
}
body .w-43 {
  width: 43% !important;
}
body .w-44 {
  width: 44% !important;
}
body .w-45 {
  width: 45% !important;
}
body .w-46 {
  width: 46% !important;
}
body .w-47 {
  width: 47% !important;
}
body .w-48 {
  width: 48% !important;
}
body .w-49 {
  width: 49% !important;
}
body .w-50 {
  width: 50% !important;
}
body .w-51 {
  width: 51% !important;
}
body .w-52 {
  width: 52% !important;
}
body .w-53 {
  width: 53% !important;
}
body .w-54 {
  width: 54% !important;
}
body .w-55 {
  width: 55% !important;
}
body .w-56 {
  width: 56% !important;
}
body .w-57 {
  width: 57% !important;
}
body .w-58 {
  width: 58% !important;
}
body .w-59 {
  width: 59% !important;
}
body .w-60 {
  width: 60% !important;
}
body .w-61 {
  width: 61% !important;
}
body .w-62 {
  width: 62% !important;
}
body .w-63 {
  width: 63% !important;
}
body .w-64 {
  width: 64% !important;
}
body .w-65 {
  width: 65% !important;
}
body .w-66 {
  width: 66% !important;
}
body .w-67 {
  width: 67% !important;
}
body .w-68 {
  width: 68% !important;
}
body .w-69 {
  width: 69% !important;
}
body .w-70 {
  width: 70% !important;
}
body .w-71 {
  width: 71% !important;
}
body .w-72 {
  width: 72% !important;
}
body .w-73 {
  width: 73% !important;
}
body .w-74 {
  width: 74% !important;
}
body .w-75 {
  width: 75% !important;
}
body .w-76 {
  width: 76% !important;
}
body .w-77 {
  width: 77% !important;
}
body .w-78 {
  width: 78% !important;
}
body .w-79 {
  width: 79% !important;
}
body .w-80 {
  width: 80% !important;
}
body .w-81 {
  width: 81% !important;
}
body .w-82 {
  width: 82% !important;
}
body .w-83 {
  width: 83% !important;
}
body .w-84 {
  width: 84% !important;
}
body .w-85 {
  width: 85% !important;
}
body .w-86 {
  width: 86% !important;
}
body .w-87 {
  width: 87% !important;
}
body .w-88 {
  width: 88% !important;
}
body .w-89 {
  width: 89% !important;
}
body .w-90 {
  width: 90% !important;
}
body .w-91 {
  width: 91% !important;
}
body .w-92 {
  width: 92% !important;
}
body .w-93 {
  width: 93% !important;
}
body .w-94 {
  width: 94% !important;
}
body .w-95 {
  width: 95% !important;
}
body .w-96 {
  width: 96% !important;
}
body .w-97 {
  width: 97% !important;
}
body .w-98 {
  width: 98% !important;
}
body .w-99 {
  width: 99% !important;
}
body .w-100 {
  width: 100% !important;
}
body .h-0 {
  height: 0% !important;
}
body .h-1 {
  height: 1% !important;
}
body .h-2 {
  height: 2% !important;
}
body .h-3 {
  height: 3% !important;
}
body .h-4 {
  height: 4% !important;
}
body .h-5 {
  height: 5% !important;
}
body .h-6 {
  height: 6% !important;
}
body .h-7 {
  height: 7% !important;
}
body .h-8 {
  height: 8% !important;
}
body .h-9 {
  height: 9% !important;
}
body .h-10 {
  height: 10% !important;
}
body .h-11 {
  height: 11% !important;
}
body .h-12 {
  height: 12% !important;
}
body .h-13 {
  height: 13% !important;
}
body .h-14 {
  height: 14% !important;
}
body .h-15 {
  height: 15% !important;
}
body .h-16 {
  height: 16% !important;
}
body .h-17 {
  height: 17% !important;
}
body .h-18 {
  height: 18% !important;
}
body .h-19 {
  height: 19% !important;
}
body .h-20 {
  height: 20% !important;
}
body .h-21 {
  height: 21% !important;
}
body .h-22 {
  height: 22% !important;
}
body .h-23 {
  height: 23% !important;
}
body .h-24 {
  height: 24% !important;
}
body .h-25 {
  height: 25% !important;
}
body .h-26 {
  height: 26% !important;
}
body .h-27 {
  height: 27% !important;
}
body .h-28 {
  height: 28% !important;
}
body .h-29 {
  height: 29% !important;
}
body .h-30 {
  height: 30% !important;
}
body .h-31 {
  height: 31% !important;
}
body .h-32 {
  height: 32% !important;
}
body .h-33 {
  height: 33% !important;
}
body .h-34 {
  height: 34% !important;
}
body .h-35 {
  height: 35% !important;
}
body .h-36 {
  height: 36% !important;
}
body .h-37 {
  height: 37% !important;
}
body .h-38 {
  height: 38% !important;
}
body .h-39 {
  height: 39% !important;
}
body .h-40 {
  height: 40% !important;
}
body .h-41 {
  height: 41% !important;
}
body .h-42 {
  height: 42% !important;
}
body .h-43 {
  height: 43% !important;
}
body .h-44 {
  height: 44% !important;
}
body .h-45 {
  height: 45% !important;
}
body .h-46 {
  height: 46% !important;
}
body .h-47 {
  height: 47% !important;
}
body .h-48 {
  height: 48% !important;
}
body .h-49 {
  height: 49% !important;
}
body .h-50 {
  height: 50% !important;
}
body .h-51 {
  height: 51% !important;
}
body .h-52 {
  height: 52% !important;
}
body .h-53 {
  height: 53% !important;
}
body .h-54 {
  height: 54% !important;
}
body .h-55 {
  height: 55% !important;
}
body .h-56 {
  height: 56% !important;
}
body .h-57 {
  height: 57% !important;
}
body .h-58 {
  height: 58% !important;
}
body .h-59 {
  height: 59% !important;
}
body .h-60 {
  height: 60% !important;
}
body .h-61 {
  height: 61% !important;
}
body .h-62 {
  height: 62% !important;
}
body .h-63 {
  height: 63% !important;
}
body .h-64 {
  height: 64% !important;
}
body .h-65 {
  height: 65% !important;
}
body .h-66 {
  height: 66% !important;
}
body .h-67 {
  height: 67% !important;
}
body .h-68 {
  height: 68% !important;
}
body .h-69 {
  height: 69% !important;
}
body .h-70 {
  height: 70% !important;
}
body .h-71 {
  height: 71% !important;
}
body .h-72 {
  height: 72% !important;
}
body .h-73 {
  height: 73% !important;
}
body .h-74 {
  height: 74% !important;
}
body .h-75 {
  height: 75% !important;
}
body .h-76 {
  height: 76% !important;
}
body .h-77 {
  height: 77% !important;
}
body .h-78 {
  height: 78% !important;
}
body .h-79 {
  height: 79% !important;
}
body .h-80 {
  height: 80% !important;
}
body .h-81 {
  height: 81% !important;
}
body .h-82 {
  height: 82% !important;
}
body .h-83 {
  height: 83% !important;
}
body .h-84 {
  height: 84% !important;
}
body .h-85 {
  height: 85% !important;
}
body .h-86 {
  height: 86% !important;
}
body .h-87 {
  height: 87% !important;
}
body .h-88 {
  height: 88% !important;
}
body .h-89 {
  height: 89% !important;
}
body .h-90 {
  height: 90% !important;
}
body .h-91 {
  height: 91% !important;
}
body .h-92 {
  height: 92% !important;
}
body .h-93 {
  height: 93% !important;
}
body .h-94 {
  height: 94% !important;
}
body .h-95 {
  height: 95% !important;
}
body .h-96 {
  height: 96% !important;
}
body .h-97 {
  height: 97% !important;
}
body .h-98 {
  height: 98% !important;
}
body .h-99 {
  height: 99% !important;
}
body .h-100 {
  height: 100% !important;
}
body .button-dot-1-switch-bg {
  background-color: var(--first-switch-button-color);
  border: 1px solid var(--first-switch-button-color);
}
body .button-dot-2-switch-bg {
  background-color: var(--second-switch-button-color);
  border: 1px solid var(--second-switch-button-color);
}
body .button-dot-3-switch-bg {
  background-color: var(--third-switch-button-color);
  border: 1px solid var(--third-switch-button-color);
}
body .button-dot-4-switch-bg {
  background-color: var(--fourth-switch-button-color);
  border: 1px solid var(--fourth-switch-button-color);
}
body .button-dot-5-switch-bg {
  background-color: var(--fifth-switch-button-color);
  border: 1px solid var(--fifth-switch-button-color);
}
body .button-dot-6-switch-bg {
  background-color: var(--sixth-switch-button-color);
  border: 1px solid var(--sixth-switch-button-color);
}
body .button-dot-7-switch-bg {
  background-color: var(--seventh-switch-button-color);
  border: 1px solid var(--seventh-switch-button-color);
}
body .button-dot-8-switch-bg {
  background-color: var(--eight-switch-button-color);
  border: 1px solid var(--eight-switch-button-color);
}

.wh-100 {
  width: 100%;
  height: 100%;
}

.h-100 {
  height: 100%;
}

.w-100 {
  width: 100%;
}

.m-0 {
  margin: 0 !important;
}

.mr-0875 {
  margin-right: 0.875rem;
}

.mp-0 {
  margin: 0;
  padding: 0;
}

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

.normal-txt {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: var(--primary-font-color);
  letter-spacing: 0.00938rem;
}

iac-list {
  border-bottom: 1px solid #EDEDF0;
}

iac-list:nth-last-child(1) {
  border: none;
}

.scanner-text {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: var(--divider-color);
  letter-spacing: 0.009375rem;
}

.sc-data-label {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: var(--primary-font-color);
  letter-spacing: 0.005rem;
}

.d-end-center {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: var(--tertiary-font-color);
  letter-spacing: 0.00219rem;
}

.manual-entry-btn {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: var(--manual-btn);
  letter-spacing: 0.00219rem;
  background: var(--transparent);
  border: 1px solid var(--manual-btn);
}

.bold-txt {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  color: var(--primary-font-color);
  letter-spacing: 0.00938rem;
}

.h-380 {
  height: 380px !important;
}

.sec-reg-txt {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: var(--secondary-font-color);
  letter-spacing: 0.00938rem;
}

.very-bold-txt {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5rem;
  color: #003640;
  letter-spacing: 0.00938rem;
}

.value-txt {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: var(--secondary-font-color);
  letter-spacing: 0.01563rem;
}

.manual-entry-label {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
  color: var(--secondary-font-color);
  letter-spacing: 0.025rem;
  color: var(--snack-bar-font-color);
  letter-spacing: 0.015625rem;
}

.manual-entry-modal-header {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.75rem;
  color: var(--primary-font-color);
}

.scanner-manual-entry-btn {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.75rem;
  color: var(--secondary-background);
}

.no-groups {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.00938rem;
  color: var(--secondary-font-color);
}

.switch-scenes-position-txt {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  letter-spacing: 0.00938rem;
  color: var(--secondary-font-color);
}

.buttons {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.00938rem;
}

.modal-title {
  font-family: "Roboto-Regular";
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.75rem;
  color: var(--primary-font-color);
}

.project-details-save-btn {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: var(--white-background);
  letter-spacing: 0.009375rem;
}

.project-details-label {
  font-family: "Roboto-Regular";
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
  color: var(--snack-bar-font-color);
  letter-spacing: 0.025rem;
}

ia-message iac-snack-bar span {
  font-family: "Roboto-Regular";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.015625rem;
  color: var(--snack-bar-font-color);
}

.right-chevron {
  color: var(--primary-font-color);
  font-size: 1rem;
  font-weight: bold;
}

header {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.d-block {
  display: block;
}

.background-white {
  background-color: #FFF;
}

.background-blue {
  background-color: #336AFD;
}

.background-green {
  background-color: #00A740;
}

.background-pink {
  background-color: #FF3ABE;
}

.background-janblue {
  background-color: #009FB9;
}

.txt-right {
  text-align: right;
}

.d-inlineblk {
  display: inline-block;
}

.card {
  display: flex;
  padding: 1rem;
  margin: 1.5rem 1rem;
  align-items: flex-start;
  gap: 1rem;
  align-self: stretch;
  border-radius: 0.125rem;
}

.card-blk {
  display: block;
  padding: 1rem;
  margin: 1.5rem 1rem;
}

.scmodel {
  width: auto;
  position: fixed;
  top: 50%;
  left: 1rem;
  right: 1rem;
  transform: translate3d(0px, -50%, 0px);
}

.d-flex {
  display: flex;
}

.d-flex-row {
  display: flex;
  flex-direction: row;
}

.d-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.d-right {
  flex: 1;
  display: inline-flex;
  align-content: center;
  justify-content: flex-end;
}

.d-start-center {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.d-end-center {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.d-spacebtw-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.d-center-end {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.d-col-start-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.highlight-txt {
  color: var(--highlight-font-color);
}

.ng-invalid {
  border: var(--error-color);
  --border: var(--error-color) !important;
  --hover-border: var(--error-color) !important;
  --focus-border: var(--error-color) !important;
}

zxing-scanner {
  height: 100%;
}
zxing-scanner video {
  height: calc(100vh - 5.5rem) !important;
  width: 100% !important;
}

.whiteBackground {
  background-color: var(--white-background);
}

.sclistelements {
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--primary-border-color);
}

.scan-switch-header-txt {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.75rem;
  color: var(--primary-font-color);
  letter-spacing: 0.00938rem;
}

.highlight-lbl-txt {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: var(--highlight-font-color);
  letter-spacing: 0.00938rem;
}

.scan-switch-label-txt {
  font-family: "Roboto-Regular";
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--primary-font-color);
  letter-spacing: 0.025rem;
}

.scan-switch-pair-btn {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: var(--white-background);
  letter-spacing: 0.00938rem;
}

.switch-add-switch-label-txt {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
  color: var(--secondary-font-color);
  letter-spacing: 0.025rem;
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.switch-menu .menu-list.opened {
  width: 10rem;
}

.visibility-hidden {
  visibility: hidden;
}

.visibility-visible {
  visibility: visible;
}

.row {
  display: flex;
  flex-wrap: wrap;
}

.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col {
  flex: 1 0 0%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.ml-15 {
  margin-left: 1.5rem;
}

.mt-20 {
  margin-top: 2rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
}
.no-border {
  border: none;
}

iac-dialog,
iac-button,
iac-tab-item,
.list-content,
iac-opened-panel,
iac-dropdown,
.empty-scenes-text {
  font-family: "Roboto-Regular";
}

.slider-icon {
  position: absolute !important;
}
.slider-icon .unsynced-icon {
  color: var(--highlight);
}

@media (max-width: 330px) {
  ia-message {
    right: -5px !important;
  }
}
.ellipse {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rotate-left {
  transform: rotate(-90deg);
}

.no-select {
  user-select: none; /* Standard syntax */
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
}

.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
}

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