/* barlow-condensed-100 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 100;
  src: url('/ux/css/fonts/barlow-condensed-v13-latin_latin-ext-100.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-100italic - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 100;
  src: url('/ux/css/fonts/barlow-condensed-v13-latin_latin-ext-100italic.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-200 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 200;
  src: url('/ux/css/fonts/barlow-condensed-v13-latin_latin-ext-200.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-200italic - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 200;
  src: url('/ux/css/fonts/barlow-condensed-v13-latin_latin-ext-200italic.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-300 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('/ux/css/fonts/barlow-condensed-v13-latin_latin-ext-300.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-300italic - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 300;
  src: url('/ux/css/fonts/barlow-condensed-v13-latin_latin-ext-300italic.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-regular - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('/ux/css/fonts/barlow-condensed-v13-latin_latin-ext-regular.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-italic - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('/ux/css/fonts/barlow-condensed-v13-latin_latin-ext-italic.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-500 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  src: url('/ux/css/fonts/barlow-condensed-v13-latin_latin-ext-500.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-500italic - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 500;
  src: url('/ux/css/fonts/barlow-condensed-v13-latin_latin-ext-500italic.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-600 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  src: url('/ux/css/fonts/barlow-condensed-v13-latin_latin-ext-600.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-600italic - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 600;
  src: url('/ux/css/fonts/barlow-condensed-v13-latin_latin-ext-600italic.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-700 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('/ux/css/fonts/barlow-condensed-v13-latin_latin-ext-700.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-700italic - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 700;
  src: url('/ux/css/fonts/barlow-condensed-v13-latin_latin-ext-700italic.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-800 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  src: url('/ux/css/fonts/barlow-condensed-v13-latin_latin-ext-800.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-800italic - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 800;
  src: url('/ux/css/fonts/barlow-condensed-v13-latin_latin-ext-800italic.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-900 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 900;
  src: url('/ux/css/fonts/barlow-condensed-v13-latin_latin-ext-900.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-900italic - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 900;
  src: url('/ux/css/fonts/barlow-condensed-v13-latin_latin-ext-900italic.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-100 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 100;
  src: url('/ux/css/fonts/barlow-v13-latin_latin-ext-100.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-100italic - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 100;
  src: url('/ux/css/fonts/barlow-v13-latin_latin-ext-100italic.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-200 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 200;
  src: url('/ux/css/fonts/barlow-v13-latin_latin-ext-200.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-200italic - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 200;
  src: url('/ux/css/fonts/barlow-v13-latin_latin-ext-200italic.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-300 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 300;
  src: url('/ux/css/fonts/barlow-v13-latin_latin-ext-300.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-300italic - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 300;
  src: url('/ux/css/fonts/barlow-v13-latin_latin-ext-300italic.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-regular - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: url('/ux/css/fonts/barlow-v13-latin_latin-ext-regular.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-italic - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 400;
  src: url('/ux/css/fonts/barlow-v13-latin_latin-ext-italic.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-500 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  src: url('/ux/css/fonts/barlow-v13-latin_latin-ext-500.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-500italic - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 500;
  src: url('/ux/css/fonts/barlow-v13-latin_latin-ext-500italic.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-600 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  src: url('/ux/css/fonts/barlow-v13-latin_latin-ext-600.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-600italic - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 600;
  src: url('/ux/css/fonts/barlow-v13-latin_latin-ext-600italic.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-700 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  src: url('/ux/css/fonts/barlow-v13-latin_latin-ext-700.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-700italic - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 700;
  src: url('/ux/css/fonts/barlow-v13-latin_latin-ext-700italic.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-800 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 800;
  src: url('/ux/css/fonts/barlow-v13-latin_latin-ext-800.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-800italic - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 800;
  src: url('/ux/css/fonts/barlow-v13-latin_latin-ext-800italic.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-900 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 900;
  src: url('/ux/css/fonts/barlow-v13-latin_latin-ext-900.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-900italic - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 900;
  src: url('/ux/css/fonts/barlow-v13-latin_latin-ext-900italic.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  user-select: none;
}
body {
  font-weight: 400;
  font-size: 15px;
  margin: 0;
  padding: 0;
  background-color: var(--ux-gray11);
  color: var(--ux-gray1);
  transition: 0.5s opacity;
}
body.changing-auth {
  opacity: 0;
}
* {
  font-optical-sizing: auto;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -ms-overflow-style: none;
  scrollbar-width: none;
  user-select: none;
}
div:focus {
  outline: none;
}
svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.ux-svg {
  position: relative;
  width: 100%;
  height: 100%;
}
.ux-svg.mono path,
.ux-svg.mono circle,
.ux-svg.mono rect {
  fill: var(--ux-gray1);
}
.ux-svg.placeholder path,
.ux-svg.placeholder circle,
.ux-svg.placeholder rect {
  stroke: var(--ux-gray8) !important;
}
.ux-svg.placeholder .fill {
  fill: var(--ux-gray8) !important;
}
.ux-svg.ux-rotate-90 {
  transform: rotate(90deg);
}
.ux-svg.ux-rotate-180 {
  transform: rotate(180deg);
}
.ux-svg.ux-rotate-270 {
  transform: rotate(270deg);
}
.ux-spinner-view {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transition: 0.5s opacity;
}
.ux-spinner-view .ux-spinner {
  border: 1px solid var(--ux-gray1-80);
  border-top-color: var(--ux-gray1-20);
  width: 48px;
  height: 48px;
  border-radius: 50%;
  animation: rotating 1s linear infinite;
}
.wait > .ux-spinner-view {
  opacity: 1;
  pointer-events: all;
}
@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
#ux-webapp {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.ux-view {
  position: relative;
}
.ux-view.absolute {
  position: absolute;
}
.ux-view.fixed {
  position: fixed;
}
.ux-fill-parent {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.ux-fill-parent.padding-12 {
  left: 12px;
  top: 12px;
  right: 12px;
  bottom: 12px;
}
.ux-content-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ux-pages {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.ux-pages .ux-page {
  background-color: var(--ux-gray11);
  color: var(--ux-gray1);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  will-change: transform, opacity;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}
.ux-pages .ux-page .ux-page-background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: var(--ux-gray12-50);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.5s;
}
.ux-pages .ux-page .ux-page-body {
  position: absolute;
  padding-left: var(--safe-area-left);
  padding-right: var(--safe-area-right);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-top: var(--safe-header-height);
  padding-bottom: var(--safe-footer-height);
}
.ux-pages .ux-page .ux-page-body.fullscreen {
  padding-top: var(--safe-area-top);
  padding-bottom: var(--safe-area-bottom);
}
.ux-pages .ux-page .ux-page-body.bottom {
  padding-bottom: var(--safe-area-bottom);
}
.ux-pages .ux-page .ux-page-body.keyboard {
  padding-bottom: 0;
}
.ux-pages .ux-page .ux-page-header {
  position: absolute;
  padding-left: var(--safe-area-left);
  padding-right: var(--safe-area-right);
  left: 0;
  right: 0;
  top: 0px;
  height: var(--safe-header-height);
  background-color: var(--ux-gray11-80);
  border-bottom: 1px solid var(--ux-gray9-0);
  z-index: 2;
}
.ux-pages .ux-page .ux-page-header .ux-title {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ux-pages .ux-page .ux-page-header .ux-title.info {
  opacity: 1;
}
.ux-pages .ux-page .ux-page-header.border {
  border-bottom-color: var(--ux-gray9-50);
}
.ux-pages .ux-page .ux-page-header.scroll-top .ux-title {
  opacity: 1;
}
.ux-pages .ux-page .ux-page-header .ux-button-todo {
  width: var(--header-height);
  height: var(--header-height);
  background-color: transparent;
  border-color: transparent;
  border-radius: 0;
  padding: 12px;
  margin: 0;
}
.ux-pages .ux-page .ux-page-header .ux-button-todo svg path,
.ux-pages .ux-page .ux-page-header .ux-button-todo svg rect,
.ux-pages .ux-page .ux-page-header .ux-button-todo svg circle {
  stroke: var(--ux-gray4);
}
.ux-pages .ux-page .ux-page-header .ux-button-todo.left {
  margin-right: -9px;
}
.ux-pages .ux-page .ux-page-header .ux-button-todo.right {
  margin-left: -9px;
}
.ux-pages .ux-page .ux-page-header .ux-flex {
  position: absolute;
  left: var(--safe-area-left);
  right: var(--safe-area-right);
  top: var(--safe-area-top);
  bottom: 0;
}
.ux-pages .ux-page .ux-page-header .ux-flex .ux-grow {
  height: 100%;
}
.ux-pages .ux-page .ux-page-footer {
  position: absolute;
  left: var(--safe-area-left);
  right: var(--safe-area-right);
  height: var(--safe-footer-height);
  bottom: 0px;
  background-color: var(--ux-gray11-80);
  border-top: 1px solid var(--ux-gray9-0);
  z-index: 2;
}
.ux-pages .ux-page .ux-page-footer.border {
  border-top-color: var(--ux-gray9-50);
}
.ux-pages .ux-page .ux-page-footer.ux-page-footer-form {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0 12px;
}
.ux-pages .ux-page .ux-page-footer .ux-tabs {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: var(--safe-area-bottom);
  display: flex;
  align-items: stretch;
}
.ux-pages .ux-page .ux-page-footer .ux-tabs .ux-tab {
  width: 100%;
  position: relative;
}
.ux-pages .ux-page .ux-page-footer .ux-tabs .ux-tab .ux-svg {
  position: absolute;
  left: 0;
  right: 0;
  top: 15%;
  bottom: 40%;
  height: 35%;
}
.ux-pages .ux-page .ux-page-footer .ux-tabs .ux-tab .ux-text {
  position: absolute;
  left: 12px;
  right: 12px;
  top: 50%;
  bottom: 0%;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  line-height: 12px;
  text-align: center;
}
.ux-pages .ux-page .ux-page-footer .ux-tabs .ux-tab.on .ux-svg path,
.ux-pages .ux-page .ux-page-footer .ux-tabs .ux-tab.on .ux-svg circle,
.ux-pages .ux-page .ux-page-footer .ux-tabs .ux-tab.on .ux-svg rect {
  stroke: var(--ux-primary);
}
.ux-pages .ux-page .ux-page-footer .ux-tabs .ux-tab.on .ux-text {
  color: var(--ux-primary);
}
.ux-pages .ux-page.setup-complete {
  transition: opacity 0.25s;
}
.ux-pages .ux-page.setup-complete .ux-page-header {
  transition: border 0.25s, left 0.25s, right 0.25s;
}
.ux-pages .ux-page.setup-complete .ux-page-footer {
  transition: border 0.25s;
}
.ux-pages .ux-page.setup-complete .ux-page-header .ux-title {
  transition: opacity 0.25s;
}
.ux-pages .ux-page.setup-complete .ux-page-body {
  transition: bottom 0.25s, left 0.5s, right 0.5s;
}
.ux-pages .ux-page.ux-page-loading-fade-in {
  opacity: 0;
}
.ux-pages .ux-page.ux-page-fade-in {
  opacity: 1;
}
.ux-pages .ux-page.ux-page-loading-push {
  opacity: 0;
}
.ux-pages .ux-page.ux-page-loading-push .ux-page-header {
  right: -100%;
  left: 100%;
}
.ux-pages .ux-page.ux-page-loading-push .ux-page-body {
  right: -100%;
  left: 100%;
}
.ux-pages .ux-page.ux-page-push {
  opacity: 1;
}
.ux-pages .ux-page.ux-page-push .ux-page-header {
  right: 0;
  left: 0;
}
.ux-pages .ux-page.ux-page-push .ux-page-body {
  right: 0;
  left: 0;
}
.ux-pages .ux-page.ux-page-push-background {
  opacity: 0;
}
.ux-pages .ux-page.ux-page-push-background .ux-page-header {
  left: -25%;
  right: 25%;
}
.ux-pages .ux-page.ux-page-push-background .ux-page-body {
  left: -25%;
  right: 25%;
}
.ux-list {
  width: 100%;
  max-height: 100%;
  margin: 6px;
}
.ux-item {
  display: flex;
  width: 100%;
}
.ux-item.on {
  background-color: var(--ux-gray9);
  border-radius: 6px;
}
.ux-item-separator {
  height: 12px;
}
.ux-icon {
  width: 36px;
  height: 36px;
}
.ux-icon svg {
  left: 6px;
  top: 6px;
  width: 24px;
  height: 24px;
}
.ux-text {
  display: flex;
  align-items: center;
  text-transform: capitalize;
}
div[onclick] {
  cursor: pointer;
}
.ux-view {
  position: relative;
}
.ux-view.absolute {
  position: absolute;
}
.ux-view.fixed {
  position: fixed;
}
.ux-fill-parent {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.ux-fill-parent.padding-12 {
  left: 12px;
  top: 12px;
  right: 12px;
  bottom: 12px;
}
.ux-content-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ux-content-center-v {
  display: flex;
  align-items: center;
}
.ux-alert-message .ux-svg {
  width: 120px;
  height: 120px;
}
.ux-alert-message .ux-svg svg * {
  stroke: var(--ux-gray10);
}
.ux-alert-message .ux-svg svg *.fill {
  fill: var(--ux-gray10);
}
.ux-grid-name {
  display: flex;
  border-bottom: 1px solid var(--ux-gray9);
  margin: 12px 6px;
  margin-bottom: 0px;
  color: var(--ux-gray6);
  text-transform: uppercase;
}
.ux-grid-name .ux-tr {
  font-size: 12px;
}
.ux-grid {
  font-size: 0;
  margin-top: 6px;
}
.ux-grid .ux-grid-item {
  overflow: hidden;
  display: inline-block;
  font-size: 15px;
  margin: 6px;
  margin-bottom: 3px;
  position: relative;
  vertical-align: top;
}
.ux-grid .ux-grid-item .ux-grid-item-content {
  width: 160px;
  height: 90px;
  background: linear-gradient(45deg, var(--ux-gray10), var(--ux-gray9));
  border: 2px solid var(--ux-gray9);
  border-radius: 0px;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /*.ux-svg {
        display: flex;
        align-items: center;
        background-size: auto 36px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: red;
        svg {
          height:36px;
          position:relative;
        }
        &.x2 {
          svg {
            height:72px;
          }
        }
      }*/
  overflow: hidden;
}
.ux-grid .ux-grid-item .ux-grid-item-content * {
  pointer-events: none;
}
.ux-grid .ux-grid-item .ux-grid-item-content.red {
  border-color: var(--ux-red);
}
.ux-grid .ux-grid-item .ux-grid-item-content.yellow {
  border-color: var(--ux-yellow);
}
.ux-grid .ux-grid-item .ux-grid-item-content.green {
  border-color: var(--ux-green);
}
.ux-grid .ux-grid-item .ux-grid-item-content.on {
  border-color: var(--ux-gray3);
}
.ux-grid .ux-grid-item .ux-grid-item-content .ux-photo {
  background-size: 240% auto;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.ux-grid .ux-grid-item .ux-grid-item-content.inline {
  width: 108px;
  height: 36px;
  border-radius: 99px;
  overflow: hidden;
}
.ux-grid .ux-grid-item .ux-grid-item-content .col {
  position: relative;
  background: linear-gradient(45deg, var(--ux-gray9), var(--ux-gray10));
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ux-grid .ux-grid-item .ux-grid-item-content .col.transparent-soft {
  background: linear-gradient(45deg, var(--ux-gray10-10), var(--ux-gray11-10));
}
.ux-grid .ux-grid-item .ux-grid-item-content .col.transparent-strong {
  background: linear-gradient(45deg, var(--ux-gray10-30), var(--ux-gray11-70));
}
.ux-grid .ux-grid-item .ux-grid-item-content .col.transparent {
  background: transparent;
}
.ux-grid .ux-grid-item .ux-grid-item-content .content-left {
  left: 0;
}
.ux-grid .ux-grid-item .ux-grid-item-content .content-right {
  right: 0;
}
.ux-grid .ux-grid-item .ux-grid-item-content .content-top,
.ux-grid .ux-grid-item .ux-grid-item-content .content-bottom {
  position: absolute;
  left: 0;
  right: 0;
  height: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ux-grid .ux-grid-item .ux-grid-item-content .content-top.large,
.ux-grid .ux-grid-item .ux-grid-item-content .content-bottom.large {
  height: 80%;
}
.ux-grid .ux-grid-item .ux-grid-item-content .content-top.small,
.ux-grid .ux-grid-item .ux-grid-item-content .content-bottom.small {
  height: 20%;
  background-color: var(--ux-gray10);
}
.ux-grid .ux-grid-item .ux-grid-item-content .cols {
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.ux-grid .ux-grid-item .ux-grid-item-content .cols.vertical {
  flex-direction: column;
}
.ux-grid .ux-grid-item .ux-grid-item-content .content-top {
  top: 0;
}
.ux-grid .ux-grid-item .ux-grid-item-content .content-bottom {
  bottom: 0;
}
.ux-grid .ux-grid-item .ux-grid-item-content .content-infos {
  width: 100%;
  padding: 6px;
  font-size: 9px;
  text-align: center;
  color: var(--ux-gray4);
}
.ux-grid .ux-grid-item .ux-grid-item-content .content-infos .content-info.state {
  background-color: var(--ux-gray8);
  display: inline-block;
  padding: 3px 6px;
  margin: 3px -6px;
  border-radius: 12px;
}
.ux-grid .ux-grid-item .ux-grid-item-content .ux-spinner-view {
  opacity: 1;
}
.ux-grid .ux-grid-item .ux-grid-item-content .ux-spinner-view .ux-spinner {
  width: 24px;
  height: 24px;
}
.ux-grid .ux-grid-item.photo .ux-grid-item-content {
  width: 160px;
  height: 225px;
}
.ux-grid .ux-grid-item .ux-grid-item-name {
  width: 160px;
  text-align: center;
  padding: 0 6px;
}
.ux-grid .ux-grid-item .ux-grid-item-name .ux-tr {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ux-grid .ux-grid-item .ux-grid-item-name .small {
  color: var(--ux-gray6);
  font-size: 12px;
}
.ux-grid .ux-grid-item .ux-graphic {
  position: absolute;
  left: 12%;
  top: 24%;
  right: 12%;
  bottom: 24%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.ux-grid .ux-grid-item .ux-background {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  transition: 0.5s opacity;
  background: linear-gradient(90deg, var(--ux-gray10-0), var(--ux-gray10-80));
}
.upper {
  text-transform: uppercase;
}
.ux-flag {
  width: 24px;
  height: 16px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
}
.ux-flag-name {
  margin-left: 6px;
}
.ux-grid-item .ux-flag {
  position: absolute;
  right: 0;
  bottom: 0;
}
.ux-col {
  position: absolute;
  bottom: 0;
  left: 6px;
  right: 6px;
  top: 0;
  display: flex;
  flex-direction: column;
}
.ux-col .ux-fixed-height {
  flex: 0 0 auto;
  border-radius: 6px;
  position: relative;
  z-index: 99;
}
.ux-col .ux-fill-height {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  box-sizing: border-box;
  position: relative;
  z-index: 98;
}
.ux-col .ux-fill-height.below-toolbar {
  margin-top: -47px;
  padding-top: 47px;
}
.ux-row {
  display: flex;
  align-items: center;
}
.ux-row .ux-fixed-width {
  position: relative;
  flex: 0 0 auto;
}
.ux-row .ux-fill-width {
  position: relative;
  flex: 1 1 auto;
}
.ux-row .ux-col {
  width: 100%;
  position: relative;
}
.ux-row.ux-card {
  background-color: var(--ux-gray10);
  margin: 0 -5px;
}
.ux-action-item,
.ux-button-todo {
  display: flex;
  background-color: var(--ux-gray10);
  height: 36px;
  align-items: center;
  margin: 1px 3px;
  padding: 0 9px;
  border-radius: 99px;
}
.ux-action-item .ux-icon,
.ux-button-todo .ux-icon {
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
}
.ux-action-item .ux-icon svg,
.ux-button-todo .ux-icon svg {
  left: 1.5px;
  top: 1.5px;
  width: 21px;
  height: 21px;
}
.ux-action-item .ux-tr,
.ux-button-todo .ux-tr {
  line-height: 24px;
  font-size: 15px;
  margin-left: 3px;
  margin-right: 6px;
}
.ux-action-item.on,
.ux-button-todo.on {
  background-color: var(--ux-gray11);
}
.ux-button-todo {
  height: 24px;
  color: var(--ux-gray4);
  transition: 0.5s color, 0.5s background-color;
  border: 1px solid var(--ux-gray9);
}
.ux-button-todo .ux-tr {
  font-size: 12px;
  white-space: nowrap;
}
.ux-button-todo .ux-icon svg {
  top: 3px;
  width: 18px;
  height: 18px;
}
.ux-button-todo.large {
  padding: 12px;
}
.ux-button-todo.large.ux-tr,
.ux-button-todo.large .ux-tr {
  font-size: 15px;
}
.ux-button-todo.cancel {
  color: var(--ux-gray6);
  background-color: var(--ux-gray10-50);
}
.ux-button-todo.default {
  color: var(--ux-gray4);
  background-color: var(--ux-gray10-50);
}
.ux-action-items,
.ux-button-todo {
  display: flex;
}
.ux-buttons-toolbar-todo {
  padding: 0px 3px;
  display: flex;
  align-items: center;
  height: 36px;
  overflow: auto;
  background-color: var(--ux-gray10);
  margin: 0 -5px;
}
.ux-tabs {
  padding: 0 3px;
}
.ux-tabs .ux-action-item {
  margin: 1px -1px 0px -1px;
  border-radius: 0px;
  border: 0;
  color: var(--ux-gray4);
  border-bottom: 1px solid var(--ux-gray11);
  background-color: var(--ux-gray11);
}
.ux-tabs .ux-action-item:first-child {
  margin-left: 3px;
  border-top-left-radius: 12px;
}
.ux-tabs .ux-action-item:last-child {
  margin-right: 3px;
  border-top-right-radius: 12px;
}
.ux-tabs .ux-action-item.on {
  color: var(--ux-gray4);
  border-bottom: 1px solid var(--ux-gray4);
  position: relative;
  z-index: 2;
}
.ux-tabs .ux-tabs-line {
  position: absolute;
  left: 6px;
  right: 6px;
  bottom: 0px;
  height: 1px;
  background-color: var(--ux-gray9);
  z-index: 1;
}
.ux-square-button {
  width: 48px;
  height: 48px;
  overflow: hidden;
}
.ux-square-button .ux-svg {
  margin-top: 20%;
  margin-left: 20%;
  width: 60%;
  height: 60%;
}
.ux-buttons-todo {
  display: flex;
}
.ux-buttons-todo .ux-action-item,
.ux-buttons-todo .ux-button-todo {
  border-radius: 0;
  margin-left: 0;
  margin-right: 1px;
}
.ux-buttons-todo .ux-action-item:first-child,
.ux-buttons-todo .ux-button-todo:first-child {
  border-top-left-radius: 99px;
  border-bottom-left-radius: 99px;
  margin-left: 3px;
}
.ux-buttons-todo .ux-action-item:last-child,
.ux-buttons-todo .ux-button-todo:last-child {
  border-top-right-radius: 99px;
  border-bottom-right-radius: 99px;
  margin-right: 3px;
}
.ux-buttons-todo .ux-action-item.alert,
.ux-buttons-todo .ux-button-todo.alert {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ux-buttons-todo .ux-button-todo {
  margin-left: -1px;
  margin-right: -1px;
}
.ux-search {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  border-bottom: 1px solid var(--ux-gray10);
  margin: 0 6px;
  transition: 0.5s border-bottom;
}
.ux-search .ux-search-input {
  width: 50%;
  min-width: 240px;
  max-width: 360px;
  border: 1px solid var(--ux-gray10);
  transition: 0.5s border-color;
  border-radius: 99px;
  padding: 6px;
  position: relative;
  height: 36px;
}
.ux-search .ux-search-input .ux-svg {
  position: absolute;
  width: 24px;
  height: 24px;
}
.ux-search .ux-search-input .ux-svg.search {
  left: 6px;
}
.ux-search .ux-search-input .ux-svg.close {
  right: 6px;
  opacity: 0;
  pointer-events: none;
}
.ux-search .ux-search-input .ux-svg.close.show {
  opacity: 1;
  pointer-events: all;
  transform: scale(0.75);
}
.ux-search .ux-search-input input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 36px;
  border: 0;
  background-color: transparent;
  padding: 0 36px;
  font-size: 18px;
  line-height: 12px;
  color: var(--ux-gray5);
}
.ux-search .ux-search-input input::selection {
  background: var(--ux-gray9);
}
.ux-search:focus-within {
  border-bottom: 1px solid var(--ux-gray9);
}
.ux-search:focus-within .ux-search-input {
  border-color: var(--ux-gray9);
}
.ux-padding-12 {
  padding: 12px;
}
.ux-padding-24 {
  padding: 24px;
}
.ux-box {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.ux-box.ux-box-in-fill-height {
  bottom: 12px;
  left: 6px;
  right: 6px;
  top: 12px;
}
.shake {
  animation: shake 0.5s;
}
@keyframes shake {
  0% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(12px);
  }
  40% {
    transform: translateX(-9px);
  }
  60% {
    transform: translateX(6px);
  }
  80% {
    transform: translateX(-3px);
  }
  100% {
    transform: translateX(0);
  }
}
.ux-percentage {
  width: 100%;
  height: 9px;
  background-color: var(--ux-gray8);
  margin: 6px;
  border-radius: 99px;
  position: relative;
  overflow: hidden;
  border: 0px solid var(--ux-gray8);
}
.ux-percentage .ux-percentage-value {
  background-color: var(--ux-gray4);
  position: absolute;
  top: 0;
  bottom: 0;
}
.ux-percentage .ux-percentage-value.green {
  background-color: var(--ux-green);
}
.ux-percentage .ux-percentage-value.blue {
  background-color: var(--ux-blue);
}
.ux-percentage.green {
  border-color: var(--ux-green-40);
  background-color: var(--ux-green-20);
}
.ux-percentage.green .ux-percentage-value {
  background-color: var(--ux-green);
}
.ux-percentage.blue {
  border-color: var(--ux-blue-40);
  background-color: var(--ux-blue-20);
}
.ux-percentage.blue .ux-percentage-value {
  background-color: var(--ux-blue);
}
.ux-percentage.ux-readonly {
  background-color: var(--ux-gray10);
  border-color: var(--ux-gray10);
}
.ux-percentage.ux-readonly .ux-percentage-value {
  background-color: var(--ux-gray6);
}
.ux-ratio {
  position: relative;
}
.ux-flex {
  display: flex;
}
.ux-value-set {
  margin: 9px 3px;
  font-size: 0;
}
.ux-value-set .ux-value-item {
  background-color: var(--ux-gray10);
  display: inline-block;
  padding: 6px 12px;
  border-radius: 6px;
  margin: 3px;
  text-align: center;
  border: 1.5px solid var(--ux-gray10);
}
.ux-value-set .ux-value-item .ux-value-name {
  text-transform: uppercase;
  color: var(--ux-gray1);
  font-size: 12px;
}
.ux-value-set .ux-value-item .ux-value {
  font-weight: 600;
  font-size: 24px;
}
.ux-value-set .ux-value-item .ux-value span {
  font-weight: 300;
  font-size: 18px;
}
.ux-value-set .ux-value-item.main {
  border-width: 3px;
}
.ux-value-set .ux-value-item.main .ux-value {
  font-size: 36px;
}
.ux-value-set .ux-value-container {
  border-radius: 6px;
  text-align: center;
  border: 3px solid var(--ux-gray10);
  display: inline-flex;
  margin: 3px;
  margin-bottom: 0;
}
.ux-value-set .ux-value-container .ux-value-item {
  display: inline-block;
  margin: 0;
  background-color: transparent;
  border: 0 solid var(--ux-gray10);
}
.ux-value-set .ux-value-container .ux-value-description {
  font-weight: 600;
  font-size: 24px;
  text-transform: uppercase;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 6px;
  margin-left: 0;
  padding-left: 12px;
  padding-right: 6px;
  border-left: 1.5px solid var(--ux-gray10);
}
.ux-message {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
.ux-message .ux-svg {
  width: 60px;
  height: 60px;
}
.ux-message .ux-svg svg path {
  stroke: var(--ux-gray8);
}
.overflow-hidden {
  overflow: hidden;
}
.ux-upload div {
  pointer-events: none;
}
.ux-upload .ux-input-file {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  pointer-events: none;
}
.ux-upload .ux-input-file-button {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.ux-v-layout {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
}
.ux-v-layout .ux-v-layout-fixed {
  flex: 0 0 auto;
}
.ux-v-layout .ux-v-layout-auto {
  flex: 1 1 auto;
  overflow: auto;
}
.soft {
  color: var(--ux-gray4);
}
.small {
  font-size: 12px;
}
.strong {
  font-weight: 500;
}
.ux-progress {
  position: absolute;
  left: 6px;
  right: 6px;
  bottom: 6px;
  height: 6px;
  background-color: var(--ux-gray8);
  border-radius: 99px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.ux-progress .ux-progress-value {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: var(--ux-gray4);
}
.ux-media-viewer {
  position: absolute;
  left: 0;
  top: 6px;
  right: 0;
  bottom: 6px;
}
.ux-media-viewer video {
  width: 100%;
  height: 100%;
  background-color: transparent !important;
  opacity: 0;
  transition: 0.5s opacity;
}
.ux-media-viewer .ux-media-image {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.ux-background {
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  position: fixed;
}
.ux-icon * {
  pointer-events: none;
}
.ux-buttons-toolbar {
  margin: 0 6px;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 9px;
  height: 48px;
}
.opaque .ux-buttons-toolbar {
  background-color: var(--ux-gray10);
  margin: 0 -5px;
}
.ux-overlay-toolbar {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ux-buttons {
  display: flex;
  border-radius: 36px;
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.1);
  background-color: var(--ux-gray11-60);
  backdrop-filter: blur(8px);
  padding: 3px;
}
.ux-buttons .ux-button {
  pointer-events: all !important;
  display: flex;
  transition: background-color 0.4s;
  border-radius: 30px;
  height: 30px;
  min-width: 30px;
}
.ux-buttons .ux-button:hover {
  background-color: var(--ux-gray9-40);
}
.ux-buttons .ux-button.on {
  background-color: var(--ux-gray9-80);
}
.ux-buttons .ux-button .ux-icon {
  position: relative;
  padding: 0;
  margin-right: -12px;
  width: 30px;
  height: 30px;
}
.ux-buttons .ux-button .ux-icon svg {
  position: absolute;
  left: 6px;
  top: 6px;
  width: 18px;
  height: 18px;
}
.ux-buttons .ux-button .ux-icon svg path {
  stroke: var(--ux-gray1);
}
.ux-buttons .ux-button .ux-text {
  padding: 0 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ux-buttons::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  padding: 1px;
  background: radial-gradient(120% 120% at 0% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.03) 65%), radial-gradient(120% 120% at 100% 100%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.03) 65%);
  -webkit-mask: linear-gradient(#000000 0 0) content-box, linear-gradient(#000000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
/* lato-100 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: url('/ux/css/fonts/lato-v25-latin_latin-ext-100.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-100italic - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: italic;
  font-weight: 100;
  src: url('/ux/css/fonts/lato-v25-latin_latin-ext-100italic.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-300 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('/ux/css/fonts/lato-v25-latin_latin-ext-300.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-300italic - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url('/ux/css/fonts/lato-v25-latin_latin-ext-300italic.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-regular - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('/ux/css/fonts/lato-v25-latin_latin-ext-regular.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-italic - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('/ux/css/fonts/lato-v25-latin_latin-ext-italic.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-700 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('/ux/css/fonts/lato-v25-latin_latin-ext-700.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-700italic - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url('/ux/css/fonts/lato-v25-latin_latin-ext-700italic.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-900 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('/ux/css/fonts/lato-v25-latin_latin-ext-900.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-900italic - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: url('/ux/css/fonts/lato-v25-latin_latin-ext-900italic.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-100 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  src: url('/ux/css/fonts/inter-v20-latin_latin-ext-100.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-100italic - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100;
  src: url('/ux/css/fonts/inter-v20-latin_latin-ext-100italic.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-200 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  src: url('/ux/css/fonts/inter-v20-latin_latin-ext-200.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-200italic - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: italic;
  font-weight: 200;
  src: url('/ux/css/fonts/inter-v20-latin_latin-ext-200italic.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-300 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('/ux/css/fonts/inter-v20-latin_latin-ext-300.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-300italic - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: italic;
  font-weight: 300;
  src: url('/ux/css/fonts/inter-v20-latin_latin-ext-300italic.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-regular - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('/ux/css/fonts/inter-v20-latin_latin-ext-regular.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-italic - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  src: url('/ux/css/fonts/inter-v20-latin_latin-ext-italic.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('/ux/css/fonts/inter-v20-latin_latin-ext-500.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500italic - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: italic;
  font-weight: 500;
  src: url('/ux/css/fonts/inter-v20-latin_latin-ext-500italic.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('/ux/css/fonts/inter-v20-latin_latin-ext-600.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600italic - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: italic;
  font-weight: 600;
  src: url('/ux/css/fonts/inter-v20-latin_latin-ext-600italic.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('/ux/css/fonts/inter-v20-latin_latin-ext-700.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700italic - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: italic;
  font-weight: 700;
  src: url('/ux/css/fonts/inter-v20-latin_latin-ext-700italic.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-800 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url('/ux/css/fonts/inter-v20-latin_latin-ext-800.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-800italic - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: italic;
  font-weight: 800;
  src: url('/ux/css/fonts/inter-v20-latin_latin-ext-800italic.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-900 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url('/ux/css/fonts/inter-v20-latin_latin-ext-900.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-900italic - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: italic;
  font-weight: 900;
  src: url('/ux/css/fonts/inter-v20-latin_latin-ext-900italic.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/*
UTIL
*/
html,
body {
  margin: 0;
}
body,
input,
textarea,
select {
  font-family: "Barlow Condensed", sans-serif;
}
input,
textarea {
  font-size: 18px;
}
pre {
  margin: 0;
  padding: 12px;
  font-family: monospace;
  color: var(--ux-green);
  overflow: auto;
  font-size: 12px;
}
body {
  background-color: var(--ux-gray11);
  color: var(--ux-gray1);
}
body.pdf {
  background-color: var(--ux-gray12);
}
* {
  outline: none !important;
}
/*
SIGN
*/
.es-sign {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.es-sign .es-sign-background {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 300px;
  background-color: var(--ux-gray10);
  overflow: hidden;
}
.es-sign .es-sign-background .logo {
  position: absolute;
  transform: scale(0.5);
}
.es-sign .es-sign-background .logo svg path {
  fill: var(--ux-gray2);
}
.es-sign .es-sign-form {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  width: 300px;
  background-color: var(--ux-gray11);
  display: flex;
  align-items: center;
  justify-content: center;
}
/*
BODY
*/
.es-page-body {
  position: absolute;
  left: 180px;
  top: 0;
  bottom: 0;
  right: 0;
}
.es-page-body .es-page-body-context {
  background-color: var(--ux-gray10);
  position: absolute;
  left: 0;
  top: 0;
  height: 48px;
  right: 0;
}
.es-page-body .es-page-body-info {
  background-color: var(--ux-gray10);
  position: absolute;
  left: 0;
  bottom: 0;
  height: 48px;
  right: 0;
}
.es-page-body .es-page-body-main {
  position: absolute;
  left: 0;
  top: 49px;
  bottom: 49px;
  right: 0;
  overflow: auto;
}
/*
PATH
*/
.es-path {
  display: flex;
  align-items: center;
  height: 48px;
}
.es-path .es-path-separator {
  margin-left: -18px;
  margin-right: -18px;
  pointer-events: none;
}
/*
MENU
*/
.es-page-menu {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 180px;
}
.es-page-menu .es-page-menu-logo {
  background-color: var(--ux-gray10);
  position: absolute;
  left: 0;
  top: 0;
  height: 48px;
  right: 0;
}
.es-page-menu .es-page-menu-logo .ux-svg {
  top: -12px;
  height: 72px;
}
.es-page-menu .es-page-menu-logo .condensed {
  display: none;
  top: 9px;
  height: 30px;
}
.es-page-menu .es-page-menu-toolbar {
  background-color: var(--ux-gray10);
  position: absolute;
  left: 0;
  bottom: 0;
  height: 48px;
  right: 0;
}
.es-page-menu .es-page-menu-main {
  background-color: var(--ux-gray10);
  position: absolute;
  left: 0;
  top: 49px;
  bottom: 49px;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: auto;
}
.menu-condensed .es-page-menu {
  width: 48px;
}
.menu-condensed .es-page-menu .es-page-menu-logo .ux-svg {
  display: none;
}
.menu-condensed .es-page-menu .es-page-menu-logo .condensed {
  display: block;
}
.menu-condensed .es-page-menu .ux-list .ux-text {
  display: none;
}
.menu-condensed .es-page-body {
  left: 48px;
}
.es-countdown {
  height: 200px;
  background-color: var(--ux-gray10);
}
.es-venue {
  font-size: 9px;
}
.www {
  overflow-x: hidden;
}
.www .ux-row {
  background: linear-gradient(45deg, var(--ux-gray10), var(--ux-gray9));
}
.web-row {
  position: relative;
  background: linear-gradient(45deg, var(--ux-gray11), var(--ux-gray10));
  background-size: cover;
  background-position: center;
}
.web-row .slider {
  background: linear-gradient(45deg, var(--ux-gray11), var(--ux-gray10));
  overflow: hidden;
  position: absolute;
  inset: 0;
}
.web-row .slider div {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
}
.web-row .slider div:nth-child(1) {
  opacity: 1;
}
.web-row .slider div:nth-child(2) {
  opacity: 0;
  animation: s2 18s linear infinite;
}
.web-row .slider div:nth-child(3) {
  opacity: 0;
  animation: s3 18s linear infinite;
}
.web-row .ux-ratio {
  max-height: 600px;
}
.web-row .ux-ratio .ux-stage svg {
  filter: drop-shadow(0px 0px 60px rgba(0, 0, 0, 0.5));
}
.web-row .ux-ratio .ux-stage svg path {
  fill: var(--ux-gray1);
}
@keyframes s2 {
  0% {
    opacity: 0;
  }
  30.555555555555557% {
    opacity: 0;
  }
  33.33333333333333% {
    opacity: 1;
  }
  66.66666666666666% {
    opacity: 1;
  }
  69.44444444444444% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes s3 {
  0% {
    opacity: 0;
  }
  63.888888888888886% {
    opacity: 0;
  }
  66.66666666666666% {
    opacity: 1;
  }
  97.22222222222221% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.www .darker-bg {
  background-color: rgba(0, 0, 0, 0.3) !important;
}
.www .ux-buttons {
  position: fixed;
  top: 12px;
  right: 12px;
  z-index: 1000;
}