/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
input[type="text"] {
  border: none;
}
input[type="text"]:focus,
input[type="text"]:active {
  outline: none;
}
button {
  border: none;
  background-color: transparent;
}
button:focus,
button:active {
  outline: none;
}
.sq-overlay-popup__wrapper {
  display: flex;
  flex-direction: column;
  background: #fff;
  background: #f5f6f7;
  padding: 24px 32px 24px 32px;
  margin: 100px auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 200px;
  box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.06);
  border: solid 1px #ccd2d9;
  border-radius: 4px;
}
.sq-overlay-popup__header {
  display: flex;
  flex-direction: row;
  position: relative;
  margin: 0 32px 24px 0;
}
.sq-overlay-popup__header-inner {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 16px;
  /*!-designToken-font-bold-medium-font-size*/
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sq-overlay-popup__header__close-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  right: -48px;
  top: -4px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
  position: absolute;
}
.sq-overlay-popup__header__close-icon::after {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: -3px;
  right: -3px;
  box-sizing: border-box;
  border: 2px solid transparent;
  border-radius: 7px;
  /*!-designToken-state-focus-passive-border-radius*/
  transition: border-color 0.1s linear, border-radius 0.1s linear, top 0.1s linear, bottom 0.1s linear, left 0.1s linear, right 0.1s linear;
}
.sq-overlay-popup__header__close-icon:hover::after,
.sq-overlay-popup__header__close-icon:focus::after {
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  border-color: #ffbb29;
  /*!-designToken-state-focus-active-border-color*/
  border-radius: 7px;
  /*!-designToken-state-focus-active-border-radius*/
}
.sq-overlay-popup__header__close-icon-svg {
  fill: #363d4d;
  width: 20px;
  height: 20px;
}
.sq-overlay-popup__content {
  display: flex;
  flex-direction: column;
}
.sq-overlay-popup__footer {
  display: flex;
  flex-direction: row;
  margin: 32px 0 0 0;
  justify-content: flex-end;
}
.sq-overlay-popup__footer > * {
  margin: 0 10px 0 10px;
}
.sq-overlay-popup__footer > *:first-child {
  margin: 0 10px 0 0;
}
.sq-overlay-popup__footer > *:last-child {
  margin: 0 0 0 10px;
}
.sq-overlay-popup__status {
  display: flex;
  flex-direction: row;
  margin: 32px 0 0 0;
}
.sq-confirm-popup__wrapper {
  display: flex;
  flex-direction: column;
  background: #fff;
  background: #f5f6f7;
  padding: 24px 32px 24px 32px;
  margin: 100px auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 200px;
  box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.06);
  border: solid 1px #ccd2d9;
  border-radius: 4px;
}
.sq-confirm-popup__header {
  display: flex;
  flex-direction: row;
  position: relative;
  margin: 0 32px 24px 0;
}
.sq-confirm-popup__header-inner {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 16px;
  /*!-designToken-font-bold-medium-font-size*/
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sq-confirm-popup__header__close-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  right: -48px;
  top: -4px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
  position: absolute;
}
.sq-confirm-popup__header__close-icon::after {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: -3px;
  right: -3px;
  box-sizing: border-box;
  border: 2px solid transparent;
  border-radius: 7px;
  /*!-designToken-state-focus-passive-border-radius*/
  transition: border-color 0.1s linear, border-radius 0.1s linear, top 0.1s linear, bottom 0.1s linear, left 0.1s linear, right 0.1s linear;
}
.sq-confirm-popup__header__close-icon:hover::after,
.sq-confirm-popup__header__close-icon:focus::after {
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  border-color: #ffbb29;
  /*!-designToken-state-focus-active-border-color*/
  border-radius: 7px;
  /*!-designToken-state-focus-active-border-radius*/
}
.sq-confirm-popup__header__close-icon-svg {
  fill: #363d4d;
  width: 20px;
  height: 20px;
}
.sq-confirm-popup__content {
  display: flex;
  flex-direction: column;
}
.sq-confirm-popup__content .ux-label__content {
  margin-bottom: 24px;
  min-width: 300px;
}
.sq-confirm-popup__footer {
  display: flex;
  flex-direction: row;
  margin: 32px 0 0 0;
  justify-content: flex-end;
}
.sq-confirm-popup__footer > * {
  margin: 0 10px 0 10px;
}
.sq-confirm-popup__footer > *:first-child {
  margin: 0 10px 0 0;
}
.sq-confirm-popup__footer > *:last-child {
  margin: 0 0 0 10px;
}
.sevana-qualtest {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.sevana-qualtest-inner {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 800px) {
  .sevana-qualtest-inner {
    min-width: 800px;
  }
}
@media screen and (min-width: 801px) and (max-width: 1024px) {
  .sevana-qualtest-inner {
    width: calc(100% - 2*17px);
  }
}
@media screen and (min-width: 1025px) and (max-width: 1059px) {
  .sevana-qualtest-inner {
    width: calc(1025px - 2*17px);
  }
}
@media screen and (min-width: 1060px) {
  .sevana-qualtest-inner {
    min-width: 1024px;
  }
}
.sevana-qualtest-inner > .ux-notification._error {
  background-color: #fce7e7;
}
.sevana-qualtest-inner-header {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sevana-qualtest-inner-header-item {
  margin: 0 24px;
}
.sevana-qualtest-inner-header-item:first-child {
  margin-left: 0;
}
.sevana-qualtest-inner-header-item:last-child {
  margin-right: 0;
}
.sevana-qualtest-inner-header-item._username {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 12px;
  /*!-designToken-font-bold-small-font-size*/
  white-space: nowrap;
}
.sevana-qualtest-inner-header-item._logout {
  cursor: pointer;
}
.sevana-qualtest-inner-content {
  margin: 24px 36px 24px 36px;
}
.sevana-qualtest-inner-content._login {
  margin-top: 0;
}
.sq-login__wrapper {
  display: flex;
  flex-direction: column;
}
.sq-login__panel {
  display: flex;
  flex-direction: column;
  width: 400px;
  margin: 10% auto;
  border: solid 1px #ccd2d9;
  border-radius: 4px;
  background: #fff;
}
.sq-login__panel-content {
  display: flex;
  flex-direction: column;
  margin: 36px 36px 36px 36px;
}
.sq-login__panel-content ux-label {
  margin: 16px 0 16px 0;
}
.sq-login__panel-content ux-label:first-child {
  margin-top: 0;
}
.sq-login__panel-content ux-label:last-child {
  margin-bottom: 0;
}
.sq-login__panel-content-error {
  height: 20px;
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 12px;
  /*!-designToken-font-bold-small-font-size*/
  color: #f04d30;
}
.sq-login__panel-footer {
  display: flex;
  flex-direction: row;
  margin: 8px 36px 36px 36px;
  height: 32px;
  justify-content: center;
}
.sq-login__panel-footer .ux-linear-dots-loader__inner {
  height: 32px;
}
.sq-devices-card-list {
  display: flex;
  flex-direction: column;
}
.sq-devices-card-list__wrapper {
  display: flex;
  flex-direction: column;
}
.sq-devices-card-list__content {
  display: flex;
  flex-direction: column;
}
.sq-devices-card-list__footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin: 16px 0 0 0;
}
.sq-devices-card-list__footer .ux-paging {
  width: auto;
}
.sq-devices-card-list__footer .ux-paging__navigation {
  margin: 0 32px 0 0;
}
.sq-devices-card-list__card {
  display: flex;
  flex-direction: column;
  min-height: 78px;
}
.sq-devices-card-list__card-empty-content {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 32px 32px 32px 32px;
}
.sq-devices-card-list__card-empty-content-label {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 300;
  /*!-designToken-font-light-font-weight*/
  font-size: 12px;
  /*!-designToken-font-light-small-font-size*/
}
.sq-devices-card-list__card-content {
  display: flex;
  flex-direction: row;
  margin: 8px 0 4px 0;
}
.sq-devices-card-list__card-item {
  display: flex;
  flex-direction: column;
  margin: 8px 16px 8px 16px;
  min-width: 200px;
}
.sq-devices-card-list__card-item._head {
  min-width: 200px;
  width: 25%;
  margin: 0 auto 0 0;
}
.sq-devices-card-list__card-item:last-of-type {
  min-width: 100px;
}
.sq-devices-card-list__card-row {
  display: flex;
  flex-direction: row;
  margin: 4px 0;
}
.sq-devices-card-list__card ._icon {
  min-width: 24px;
  width: 24px;
  height: 24px;
  margin: auto 16px auto 16px;
}
.sq-devices-card-list__card ._icon._selectable_row {
  margin-left: 48px;
}
.sq-devices-card-list__card ._icon._action {
  margin: 8px 8px 8px 8px;
  opacity: 0.8;
  transition: opacity 0.3s;
}
.sq-devices-card-list__card ._icon._action:first-of-type {
  margin-left: 16px;
}
.sq-devices-card-list__card ._icon._action:hover {
  opacity: 1;
}
.sq-devices-card-list__card ._icon._action._expand {
  transition: transform 0.2s;
}
.sq-devices-card-list__card ._icon._action._collapse {
  transform: rotate(180deg);
  transition: transform 0.2s;
}
.sq-devices-card-list__card ._mobile {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPGcgdHJhbnNmb3JtPSJtYXRyaXgoLjA0NzQyNyAwIDAgLjA0NzQyNyAuMzE5MDEgLjE1ODU0KSIgZmlsbD0iIzBjNmNiMCI+DQoJPGcgZmlsbD0iIzBjNmNiMCI+DQoJCTxwYXRoIGQ9Im0zMzcuMzIgMGgtMTcwLjEzYy0yOC45MjQgMC01My41IDIzLjU4NC01My41IDUyLjV2Mzk4LjY2YzAgMjguOTE2IDI0LjA1NiA1Mi40NCA1Mi45OCA1Mi40NGwxNzAuNDEtMC4xODRjMjguOTIgMCA1Mi41OC0yMy41MjggNTIuNTgtNTIuNDQ4bDAuMjQ4LTM5OC41Yy00ZS0zIC0yOS4wMi0yMy41NDgtNTIuNDcyLTUyLjU4OC01Mi40NzJ6bS0xMDkuNjQgMzEuNDc2aDQ5LjM2YzQuMzM2IDAgNy44NjggMy41MiA3Ljg2OCA3Ljg2OHMtMy41MzIgNy44NjgtNy44NjggNy44NjhoLTQ5LjM2Yy00LjM0OCAwLTcuODY4LTMuNTItNy44NjgtNy44NjhzMy41Mi03Ljg2OCA3Ljg2OC03Ljg2OHptLTI5LjY2IDIuNTA0YzIuOTE2LTIuOTEyIDguMjI0LTIuOTUyIDExLjEzNiAwIDEuNDYgMS40NTYgMi4zMjQgMy41IDIuMzI0IDUuNTg4IDAgMi4wNDgtMC44NjQgNC4wODgtMi4zMjQgNS41NDgtMS40NTIgMS40Ni0zLjUwNCAyLjMyLTUuNTQ4IDIuMzItMi4wODQgMC00LjA4OC0wLjg2LTUuNTg4LTIuMzItMS40NTItMS40NTYtMi4yOC0zLjUtMi4yOC01LjU0OC00ZS0zIC0yLjA4OCAwLjgyOC00LjEzMiAyLjI4LTUuNTg4em01Mi43NTIgNDU0LjAzYy0xMi45ODQgMC0yMy41NDQtMTAuNTY4LTIzLjU0NC0yMy41NDggMC0xMi45ODQgMTAuNTYtMjMuNTQ4IDIzLjU0NC0yMy41NDhzMjMuNTQ0IDEwLjU2NCAyMy41NDQgMjMuNTQ4YzAgMTIuOTgtMTAuNTY0IDIzLjU0OC0yMy41NDQgMjMuNTQ4em0xMTQuNzItNjMuMWgtMjI0LjI2di0zNTAuMTVoMjI0LjI2eiIgZmlsbD0iIzBjNmNiMCIvPg0KCTwvZz4NCjwvZz4NCg0KDQoNCg0KDQoNCg0KDQoNCg0KDQoNCg0KDQoNCjwvc3ZnPg0K");
  background-repeat: no-repeat;
}
.sq-devices-card-list__card ._mobile_in {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPGcgdHJhbnNmb3JtPSJtYXRyaXgoLjA0NzQyNyAwIDAgLjA0NzQyNyAtNS4xNTA4IC4xNTg1NCkiIGZpbGw9IiMwYzZjYjAiPg0KPGcgZmlsbD0iIzBjNmNiMCI+DQo8cGF0aCBkPSJtMzM3LjMyIDBoLTE3MC4xM2MtMjguOTI0IDAtNTMuNSAyMy41ODQtNTMuNSA1Mi41djM5OC42NmMwIDI4LjkxNiAyNC4wNTYgNTIuNDQgNTIuOTggNTIuNDRsMTcwLjQxLTAuMTg0YzI4LjkyIDAgNTIuNTgtMjMuNTI4IDUyLjU4LTUyLjQ0OGwwLjI0OC0zOTguNWMtNGUtMyAtMjkuMDItMjMuNTQ4LTUyLjQ3Mi01Mi41ODgtNTIuNDcyem0tMTA5LjY0IDMxLjQ3Nmg0OS4zNmM0LjMzNiAwIDcuODY4IDMuNTIgNy44NjggNy44NjhzLTMuNTMyIDcuODY4LTcuODY4IDcuODY4aC00OS4zNmMtNC4zNDggMC03Ljg2OC0zLjUyLTcuODY4LTcuODY4czMuNTItNy44NjggNy44NjgtNy44Njh6bS0yOS42NiAyLjUwNGMyLjkxNi0yLjkxMiA4LjIyNC0yLjk1MiAxMS4xMzYgMCAxLjQ2IDEuNDU2IDIuMzI0IDMuNSAyLjMyNCA1LjU4OCAwIDIuMDQ4LTAuODY0IDQuMDg4LTIuMzI0IDUuNTQ4LTEuNDUyIDEuNDYtMy41MDQgMi4zMi01LjU0OCAyLjMyLTIuMDg0IDAtNC4wODgtMC44Ni01LjU4OC0yLjMyLTEuNDUyLTEuNDU2LTIuMjgtMy41LTIuMjgtNS41NDgtNGUtMyAtMi4wODggMC44MjgtNC4xMzIgMi4yOC01LjU4OHptNTIuNzUyIDQ1NC4wM2MtMTIuOTg0IDAtMjMuNTQ0LTEwLjU2OC0yMy41NDQtMjMuNTQ4IDAtMTIuOTg0IDEwLjU2LTIzLjU0OCAyMy41NDQtMjMuNTQ4czIzLjU0NCAxMC41NjQgMjMuNTQ0IDIzLjU0OGMwIDEyLjk4LTEwLjU2NCAyMy41NDgtMjMuNTQ0IDIzLjU0OHptMTE0LjcyLTYzLjFoLTIyNC4yNnYtMzUwLjE1aDIyNC4yNnoiIGZpbGw9IiMwYzZjYjAiLz4NCjwvZz4NCjwvZz4NCjxwYXRoIGQ9Im0yMy42NTEgMy4zNDIzYy0wLjA3ODg0LTAuMDI1OC0wLjE1Njg0LTAuMDUzNy0wLjIzNDE5LTAuMDgzM2wtMy45NTczLTAuMDM1OCAwLjAxMjE3LTEuMzM0YzAuMDAxMS0wLjEzMzU3LTAuMDcxMDQtMC4yNTY4OS0wLjE4NzgzLTAuMzIxNDMtMC4xMTY4OC0wLjA2NDMtMC4yNTk4Mi0wLjA1OTUtMC4zNzE5OCAwLjAxMjdsLTQuOTEwOCAzLjE2MTVjLTAuMTAyNzQgMC4wNjYyLTAuMTY1NDIgMC4xNzk3MS0wLjE2NjUzIDAuMzAyMTEtMC4wMDEyIDAuMTIyMjkgMC4wNTk0NiAwLjIzNjkgMC4xNjExMSAwLjMwNDkybDQuODUyNyAzLjI0OTljMC4xMTA5NSAwLjA3NDMgMC4yNTM3IDAuMDgxNyAwLjM3MTYgMC4wMTk0IDAuMTE4MDgtMC4wNjIzIDAuMTkyNDEtMC4xODQzNCAwLjE5MzYzLTAuMzE3NzhsMC4wMTIwOS0xLjMzNDEgMy45NTMgMC4wMzU5YzAuMDc4OS0wLjAyODcgMC4xNTg1LTAuMDU1NyAwLjIzODgxLTAuMDgwNCAwLjA5Nzg1LTEuMTkwMSAwLjEwOTA3LTIuMzg4OCAwLjAzMzYzLTMuNTc5N3oiIHN0cm9rZS13aWR0aD0iLjA2MjUiLz4NCjwvc3ZnPg0K");
  background-repeat: no-repeat;
}
.sq-devices-card-list__card ._mobile_out {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPGcgdHJhbnNmb3JtPSJtYXRyaXgoLjA0NzQyNyAwIDAgLjA0NzQyNyAtNS4xNTA4IC4xNTg1NCkiIGZpbGw9IiMwYzZjYjAiPg0KPGcgZmlsbD0iIzBjNmNiMCI+DQo8cGF0aCBkPSJtMzM3LjMyIDBoLTE3MC4xM2MtMjguOTI0IDAtNTMuNSAyMy41ODQtNTMuNSA1Mi41djM5OC42NmMwIDI4LjkxNiAyNC4wNTYgNTIuNDQgNTIuOTggNTIuNDRsMTcwLjQxLTAuMTg0YzI4LjkyIDAgNTIuNTgtMjMuNTI4IDUyLjU4LTUyLjQ0OGwwLjI0OC0zOTguNWMtNGUtMyAtMjkuMDItMjMuNTQ4LTUyLjQ3Mi01Mi41ODgtNTIuNDcyem0tMTA5LjY0IDMxLjQ3Nmg0OS4zNmM0LjMzNiAwIDcuODY4IDMuNTIgNy44NjggNy44NjhzLTMuNTMyIDcuODY4LTcuODY4IDcuODY4aC00OS4zNmMtNC4zNDggMC03Ljg2OC0zLjUyLTcuODY4LTcuODY4czMuNTItNy44NjggNy44NjgtNy44Njh6bS0yOS42NiAyLjUwNGMyLjkxNi0yLjkxMiA4LjIyNC0yLjk1MiAxMS4xMzYgMCAxLjQ2IDEuNDU2IDIuMzI0IDMuNSAyLjMyNCA1LjU4OCAwIDIuMDQ4LTAuODY0IDQuMDg4LTIuMzI0IDUuNTQ4LTEuNDUyIDEuNDYtMy41MDQgMi4zMi01LjU0OCAyLjMyLTIuMDg0IDAtNC4wODgtMC44Ni01LjU4OC0yLjMyLTEuNDUyLTEuNDU2LTIuMjgtMy41LTIuMjgtNS41NDgtNGUtMyAtMi4wODggMC44MjgtNC4xMzIgMi4yOC01LjU4OHptNTIuNzUyIDQ1NC4wM2MtMTIuOTg0IDAtMjMuNTQ0LTEwLjU2OC0yMy41NDQtMjMuNTQ4IDAtMTIuOTg0IDEwLjU2LTIzLjU0OCAyMy41NDQtMjMuNTQ4czIzLjU0NCAxMC41NjQgMjMuNTQ0IDIzLjU0OGMwIDEyLjk4LTEwLjU2NCAyMy41NDgtMjMuNTQ0IDIzLjU0OHptMTE0LjcyLTYzLjFoLTIyNC4yNnYtMzUwLjE1aDIyNC4yNnoiIGZpbGw9IiMwYzZjYjAiLz4NCjwvZz4NCjwvZz4NCjxwYXRoIGQ9Im0xMy44ODMgMy4zNDIzYzAuMDc4ODQtMC4wMjU4IDAuMTU2ODQtMC4wNTM3IDAuMjM0MTktMC4wODMzbDMuOTU3My0wLjAzNTgtMC4wMTIxNy0xLjMzNGMtMC4wMDExLTAuMTMzNTcgMC4wNzEwNC0wLjI1Njg5IDAuMTg3ODMtMC4zMjE0MyAwLjExNjg4LTAuMDY0MyAwLjI1OTgyLTAuMDU5NSAwLjM3MTk4IDAuMDEyN2w0LjkxMDggMy4xNjE1YzAuMTAyNzQgMC4wNjYyIDAuMTY1NDIgMC4xNzk3MSAwLjE2NjUzIDAuMzAyMTEgMC4wMDEyIDAuMTIyMjktMC4wNTk0NiAwLjIzNjktMC4xNjExMSAwLjMwNDkybC00Ljg1MjcgMy4yNDk5Yy0wLjExMDk1IDAuMDc0My0wLjI1MzcgMC4wODE3LTAuMzcxNiAwLjAxOTQtMC4xMTgwOC0wLjA2MjMtMC4xOTI0MS0wLjE4NDM0LTAuMTkzNjMtMC4zMTc3OGwtMC4wMTIwOS0xLjMzNDEtMy45NTMgMC4wMzU5Yy0wLjA3ODktMC4wMjg3LTAuMTU4NS0wLjA1NTctMC4yMzg4MS0wLjA4MDQtMC4wOTc4NS0xLjE5MDEtMC4xMDkwNy0yLjM4ODgtMC4wMzM2My0zLjU3OTd6IiBzdHJva2Utd2lkdGg9Ii4wNjI1Ii8+DQo8L3N2Zz4NCg==");
  background-repeat: no-repeat;
}
.sq-devices-card-list__card ._sip {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtMzYwKSI+DQoJDQoJCQ0KCQkJDQoJCQkNCgkJCQ0KCQkJPHBhdGggZD0ibTkuMTUgMzc4Ljk5Yy0wLjc1NTQ1LTAuNzU1NDUtMS4zNzg3LTEuNjE0OS0xLjg0OTEtMi41NDk3LTAuMjI3ODUtMC40NjEzNC0wLjc1Nzc4LTAuNzc3MjEtMS4xODM3LTAuNzcxNWwtMi40MzMzLTAuMzM5NThjLTAuNzQ5NDQtMi40NjY0LTAuNzUwMDgtNC40NDc3LTAuMDAxMDItNi44OTFsMi4zNjg0LTAuMzM0MjNjMC41Mjg2IDAgMS4wMDc0LTAuMjkxNDEgMS4yNTM2LTAuNzY1MTYgMC40NzQ0MS0wLjk0MDExIDEuMDk3My0xLjggMS44NTE0LTIuNTU0IDAuNTQ1NzUtMC41NDU2OCAwLjU0NjA4LTEuNDMzMyA2Ljk3ZS01IC0xLjk3OTNsLTIuMjY1LTIuMjY1Yy0wLjU0NjAxLTAuNTQ2LTEuNDMzNi0wLjU0NTY1LTEuOTc5MiAxZS01IC02LjI1NSA2LjI1NS02LjI1NSAxNi40MzItMi45MWUtNSAyMi42ODcgMC41NDYwMSAwLjU0NiAxLjQzMzYgMC41NDU2OCAxLjk3OTMgMGwyLjI1ODYtMi4yNTg2YzAuNTQ1NjItMC41NDU2OSAwLjU0NTk4LTEuNDMzMy0yLjg2ZS01IC0xLjk3OTN6IiBmaWxsPSIjMGM2Y2IwIiBzdHJva2Utd2lkdGg9Ii4wNDU0MjIiLz4NCgkJPGcgdHJhbnNmb3JtPSJtYXRyaXgoLjA3NDUwOCAwIDAgLjA3NDUwOCAtNC40ODc0IDM3NS41NikiPjxwYXRoIGQ9Im0yMjIuNzIgODcuMjE0aC0yMS4zMzNjLTUuODk2IDAtMTAuNjY3IDQuNzcxLTEwLjY2NyAxMC42NjcgMCA1Ljg5NiA0Ljc3MSAxMC42NjcgMTAuNjY3IDEwLjY2N2gyMS4zMzNjMTcuNjQ2IDAgMzItMTQuMzU0IDMyLTMycy0xNC4zNTQtMzItMzItMzJjLTUuODc1IDAtMTAuNjY3LTQuNzgxLTEwLjY2Ny0xMC42NjdzNC43OTItMTAuNjY3IDEwLjY2Ny0xMC42NjdoMjEuMzMzYzUuODk2IDAgMTAuNjY3LTQuNzcxIDEwLjY2Ny0xMC42NjcgMC01Ljg5NS00Ljc3MS0xMC42NjYtMTAuNjY3LTEwLjY2NmgtMjEuMzMzYy0xNy42NDYgMC0zMiAxNC4zNTQtMzIgMzJzMTQuMzU0IDMyIDMyIDMyYzUuODc1IDAgMTAuNjY3IDQuNzgxIDEwLjY2NyAxMC42NjcgMCA1Ljg4NS00Ljc5MiAxMC42NjYtMTAuNjY3IDEwLjY2NnoiLz48cGF0aCBkPSJtMjg2LjcyIDEwOC41NWM1Ljg5NiAwIDEwLjY2Ny00Ljc3MSAxMC42NjctMTAuNjY3di04NS4zMzNjMC01Ljg5Ni00Ljc3MS0xMC42NjctMTAuNjY3LTEwLjY2N3MtMTAuNjY3IDQuNzcxLTEwLjY2NyAxMC42Njd2ODUuMzMzYzAgNS44OTYgNC43NzEgMTAuNjY3IDEwLjY2NyAxMC42Njd6Ii8+PHBhdGggZD0ibTMyOS4zOSAxMDguNTVjNS44OTYgMCAxMC42NjctNC43NzEgMTAuNjY3LTEwLjY2N3YtMzJoMTAuNjY2YzE3LjY0NiAwIDMyLTE0LjM1NCAzMi0zMnMtMTQuMzU0LTMyLTMyLTMyaC0yMS4zMzNjLTUuODk2IDAtMTAuNjY3IDQuNzcxLTEwLjY2NyAxMC42Njd2ODUuMzMzYzAgNS44OTYgNC43NzEgMTAuNjY3IDEwLjY2NyAxMC42Njd6bTEwLjY2Ni04NS4zMzRoMTAuNjY3YzUuODc1IDAgMTAuNjY3IDQuNzgxIDEwLjY2NyAxMC42NjdzLTQuNzkyIDEwLjY2Ny0xMC42NjcgMTAuNjY3aC0xMC42Njd6Ii8+PC9nPg0KCQ0KPC9nPg0KDQoNCg0KDQoNCg0KDQoNCg0KDQoNCg0KDQoNCg0KPC9zdmc+DQo=");
  background-repeat: no-repeat;
}
.sq-devices-card-list__card ._sip_in {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtMzYwKSI+DQo8cGF0aCBkPSJtOS4xNSAzNzguOTljLTAuNzU1NDUtMC43NTU0NS0xLjM3ODctMS42MTQ5LTEuODQ5MS0yLjU0OTctMC4yMjc4NS0wLjQ2MTM0LTAuNzU3NzgtMC43NzcyMS0xLjE4MzctMC43NzE1bC0yLjQzMzMtMC4zMzk1OGMtMC43NDk0NC0yLjQ2NjQtMC43NTAwOC00LjQ0NzctMC4wMDEwMi02Ljg5MWwyLjM2ODQtMC4zMzQyM2MwLjUyODYgMCAxLjAwNzQtMC4yOTE0MSAxLjI1MzYtMC43NjUxNiAwLjQ3NDQxLTAuOTQwMTEgMS4wOTczLTEuOCAxLjg1MTQtMi41NTQgMC41NDU3NS0wLjU0NTY4IDAuNTQ2MDgtMS40MzMzIDYuOTdlLTUgLTEuOTc5M2wtMi4yNjUtMi4yNjVjLTAuNTQ2MDEtMC41NDYtMS40MzM2LTAuNTQ1NjUtMS45NzkyIDFlLTUgLTYuMjU1IDYuMjU1LTYuMjU1IDE2LjQzMi0yLjkxZS01IDIyLjY4NyAwLjU0NjAxIDAuNTQ2IDEuNDMzNiAwLjU0NTY4IDEuOTc5MyAwbDIuMjU4Ni0yLjI1ODZjMC41NDU2Mi0wLjU0NTY5IDAuNTQ1OTgtMS40MzMzLTIuODZlLTUgLTEuOTc5M3oiIGZpbGw9IiMwYzZjYjAiIHN0cm9rZS13aWR0aD0iLjA0NTQyMiIvPg0KPHBhdGggZD0ibTIzLjAxNiAzNjIuOTljLTAuMDc4ODQtMC4wMjU4LTAuMTU2ODQtMC4wNTM3LTAuMjM0MTktMC4wODMzbC0zLjk1NzMtMC4wMzU4IDAuMDEyMTctMS4zMzRjMC4wMDExLTAuMTMzNTctMC4wNzEwNC0wLjI1Njg5LTAuMTg3ODMtMC4zMjE0My0wLjExNjg4LTAuMDY0My0wLjI1OTgyLTAuMDU5NS0wLjM3MTk4IDAuMDEyN2wtNC45MTA4IDMuMTYxNWMtMC4xMDI3NCAwLjA2NjItMC4xNjU0MiAwLjE3OTcxLTAuMTY2NTMgMC4zMDIxMS0wLjAwMTIgMC4xMjIyOSAwLjA1OTQ2IDAuMjM2OSAwLjE2MTExIDAuMzA0OTJsNC44NTI3IDMuMjQ5OWMwLjExMDk1IDAuMDc0MyAwLjI1MzcgMC4wODE3IDAuMzcxNiAwLjAxOTQgMC4xMTgwOC0wLjA2MjMgMC4xOTI0MS0wLjE4NDM0IDAuMTkzNjMtMC4zMTc3OGwwLjAxMjA5LTEuMzM0MSAzLjk1MyAwLjAzNTljMC4wNzg5LTAuMDI4NyAwLjE1ODUtMC4wNTU3IDAuMjM4ODEtMC4wODA0IDAuMDk3ODUtMS4xOTAxIDAuMTA5MDctMi4zODg4IDAuMDMzNjMtMy41Nzk3eiIgc3Ryb2tlLXdpZHRoPSIuMDYyNSIvPjxnIHRyYW5zZm9ybT0ibWF0cml4KC4wNzQ1MDggMCAwIC4wNzQ1MDggLTQuNDg3NCAzNzUuNTYpIj48cGF0aCBkPSJtMjIyLjcyIDg3LjIxNGgtMjEuMzMzYy01Ljg5NiAwLTEwLjY2NyA0Ljc3MS0xMC42NjcgMTAuNjY3IDAgNS44OTYgNC43NzEgMTAuNjY3IDEwLjY2NyAxMC42NjdoMjEuMzMzYzE3LjY0NiAwIDMyLTE0LjM1NCAzMi0zMnMtMTQuMzU0LTMyLTMyLTMyYy01Ljg3NSAwLTEwLjY2Ny00Ljc4MS0xMC42NjctMTAuNjY3czQuNzkyLTEwLjY2NyAxMC42NjctMTAuNjY3aDIxLjMzM2M1Ljg5NiAwIDEwLjY2Ny00Ljc3MSAxMC42NjctMTAuNjY3IDAtNS44OTUtNC43NzEtMTAuNjY2LTEwLjY2Ny0xMC42NjZoLTIxLjMzM2MtMTcuNjQ2IDAtMzIgMTQuMzU0LTMyIDMyczE0LjM1NCAzMiAzMiAzMmM1Ljg3NSAwIDEwLjY2NyA0Ljc4MSAxMC42NjcgMTAuNjY3IDAgNS44ODUtNC43OTIgMTAuNjY2LTEwLjY2NyAxMC42NjZ6Ii8+PHBhdGggZD0ibTI4Ni43MiAxMDguNTVjNS44OTYgMCAxMC42NjctNC43NzEgMTAuNjY3LTEwLjY2N3YtODUuMzMzYzAtNS44OTYtNC43NzEtMTAuNjY3LTEwLjY2Ny0xMC42NjdzLTEwLjY2NyA0Ljc3MS0xMC42NjcgMTAuNjY3djg1LjMzM2MwIDUuODk2IDQuNzcxIDEwLjY2NyAxMC42NjcgMTAuNjY3eiIvPjxwYXRoIGQ9Im0zMjkuMzkgMTA4LjU1YzUuODk2IDAgMTAuNjY3LTQuNzcxIDEwLjY2Ny0xMC42Njd2LTMyaDEwLjY2NmMxNy42NDYgMCAzMi0xNC4zNTQgMzItMzJzLTE0LjM1NC0zMi0zMi0zMmgtMjEuMzMzYy01Ljg5NiAwLTEwLjY2NyA0Ljc3MS0xMC42NjcgMTAuNjY3djg1LjMzM2MwIDUuODk2IDQuNzcxIDEwLjY2NyAxMC42NjcgMTAuNjY3em0xMC42NjYtODUuMzM0aDEwLjY2N2M1Ljg3NSAwIDEwLjY2NyA0Ljc4MSAxMC42NjcgMTAuNjY3cy00Ljc5MiAxMC42NjctMTAuNjY3IDEwLjY2N2gtMTAuNjY3eiIvPjwvZz4NCjwvZz4NCjwvc3ZnPg0K");
  background-repeat: no-repeat;
}
.sq-devices-card-list__card ._sip_out {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtMzYwKSI+DQo8cGF0aCBkPSJtOS4xNSAzNzguOTljLTAuNzU1NDUtMC43NTU0NS0xLjM3ODctMS42MTQ5LTEuODQ5MS0yLjU0OTctMC4yMjc4NS0wLjQ2MTM0LTAuNzU3NzgtMC43NzcyMS0xLjE4MzctMC43NzE1bC0yLjQzMzMtMC4zMzk1OGMtMC43NDk0NC0yLjQ2NjQtMC43NTAwOC00LjQ0NzctMC4wMDEwMi02Ljg5MWwyLjM2ODQtMC4zMzQyM2MwLjUyODYgMCAxLjAwNzQtMC4yOTE0MSAxLjI1MzYtMC43NjUxNiAwLjQ3NDQxLTAuOTQwMTEgMS4wOTczLTEuOCAxLjg1MTQtMi41NTQgMC41NDU3NS0wLjU0NTY4IDAuNTQ2MDgtMS40MzMzIDYuOTdlLTUgLTEuOTc5M2wtMi4yNjUtMi4yNjVjLTAuNTQ2MDEtMC41NDYtMS40MzM2LTAuNTQ1NjUtMS45NzkyIDFlLTUgLTYuMjU1IDYuMjU1LTYuMjU1IDE2LjQzMi0yLjkxZS01IDIyLjY4NyAwLjU0NjAxIDAuNTQ2IDEuNDMzNiAwLjU0NTY4IDEuOTc5MyAwbDIuMjU4Ni0yLjI1ODZjMC41NDU2Mi0wLjU0NTY5IDAuNTQ1OTgtMS40MzMzLTIuODZlLTUgLTEuOTc5M3oiIGZpbGw9IiMwYzZjYjAiIHN0cm9rZS13aWR0aD0iLjA0NTQyMiIvPg0KPHBhdGggZD0ibTEzLjI0OSAzNjIuOTljMC4wNzg4NC0wLjAyNTggMC4xNTY4NC0wLjA1MzcgMC4yMzQxOS0wLjA4MzNsMy45NTczLTAuMDM1OC0wLjAxMjE3LTEuMzM0Yy0wLjAwMTEtMC4xMzM1NyAwLjA3MTA0LTAuMjU2ODkgMC4xODc4My0wLjMyMTQzIDAuMTE2ODgtMC4wNjQzIDAuMjU5ODItMC4wNTk1IDAuMzcxOTggMC4wMTI3bDQuOTEwOCAzLjE2MTVjMC4xMDI3NCAwLjA2NjIgMC4xNjU0MiAwLjE3OTcxIDAuMTY2NTMgMC4zMDIxMSAwLjAwMTIgMC4xMjIyOS0wLjA1OTQ2IDAuMjM2OS0wLjE2MTExIDAuMzA0OTJsLTQuODUyNyAzLjI0OTljLTAuMTEwOTUgMC4wNzQzLTAuMjUzNyAwLjA4MTctMC4zNzE2IDAuMDE5NC0wLjExODA4LTAuMDYyMy0wLjE5MjQxLTAuMTg0MzQtMC4xOTM2My0wLjMxNzc4bC0wLjAxMjA5LTEuMzM0MS0zLjk1MyAwLjAzNTljLTAuMDc4OS0wLjAyODctMC4xNTg1LTAuMDU1Ny0wLjIzODgxLTAuMDgwNC0wLjA5Nzg1LTEuMTkwMS0wLjEwOTA3LTIuMzg4OC0wLjAzMzYzLTMuNTc5N3oiIHN0cm9rZS13aWR0aD0iLjA2MjUiLz48ZyB0cmFuc2Zvcm09Im1hdHJpeCguMDc0NTA4IDAgMCAuMDc0NTA4IC00LjQ4NzQgMzc1LjU2KSI+PHBhdGggZD0ibTIyMi43MiA4Ny4yMTRoLTIxLjMzM2MtNS44OTYgMC0xMC42NjcgNC43NzEtMTAuNjY3IDEwLjY2NyAwIDUuODk2IDQuNzcxIDEwLjY2NyAxMC42NjcgMTAuNjY3aDIxLjMzM2MxNy42NDYgMCAzMi0xNC4zNTQgMzItMzJzLTE0LjM1NC0zMi0zMi0zMmMtNS44NzUgMC0xMC42NjctNC43ODEtMTAuNjY3LTEwLjY2N3M0Ljc5Mi0xMC42NjcgMTAuNjY3LTEwLjY2N2gyMS4zMzNjNS44OTYgMCAxMC42NjctNC43NzEgMTAuNjY3LTEwLjY2NyAwLTUuODk1LTQuNzcxLTEwLjY2Ni0xMC42NjctMTAuNjY2aC0yMS4zMzNjLTE3LjY0NiAwLTMyIDE0LjM1NC0zMiAzMnMxNC4zNTQgMzIgMzIgMzJjNS44NzUgMCAxMC42NjcgNC43ODEgMTAuNjY3IDEwLjY2NyAwIDUuODg1LTQuNzkyIDEwLjY2Ni0xMC42NjcgMTAuNjY2eiIvPjxwYXRoIGQ9Im0yODYuNzIgMTA4LjU1YzUuODk2IDAgMTAuNjY3LTQuNzcxIDEwLjY2Ny0xMC42Njd2LTg1LjMzM2MwLTUuODk2LTQuNzcxLTEwLjY2Ny0xMC42NjctMTAuNjY3cy0xMC42NjcgNC43NzEtMTAuNjY3IDEwLjY2N3Y4NS4zMzNjMCA1Ljg5NiA0Ljc3MSAxMC42NjcgMTAuNjY3IDEwLjY2N3oiLz48cGF0aCBkPSJtMzI5LjM5IDEwOC41NWM1Ljg5NiAwIDEwLjY2Ny00Ljc3MSAxMC42NjctMTAuNjY3di0zMmgxMC42NjZjMTcuNjQ2IDAgMzItMTQuMzU0IDMyLTMycy0xNC4zNTQtMzItMzItMzJoLTIxLjMzM2MtNS44OTYgMC0xMC42NjcgNC43NzEtMTAuNjY3IDEwLjY2N3Y4NS4zMzNjMCA1Ljg5NiA0Ljc3MSAxMC42NjcgMTAuNjY3IDEwLjY2N3ptMTAuNjY2LTg1LjMzNGgxMC42NjdjNS44NzUgMCAxMC42NjcgNC43ODEgMTAuNjY3IDEwLjY2N3MtNC43OTIgMTAuNjY3LTEwLjY2NyAxMC42NjdoLTEwLjY2N3oiLz48L2c+DQo8L2c+DQo8L3N2Zz4NCg==");
  background-repeat: no-repeat;
}
.sq-devices-card-list__card ._skype {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQwIDQwIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBpZD0iU29jaWFsIiB0cmFuc2Zvcm09Im1hdHJpeCguODMzMzMgMCAwIC44MzMzMyAtNC42NjY3IC00LjY2NjcpIj48ZyBpZD0iU2t5cGVfM18iPjxwYXRoIGQ9Im0zMC4zIDIxLjZjMC4xLTAuNSAwLjEtMS4xIDAuMS0xLjYgMC01LjktNC44LTEwLjQtMTAuNy0xMC40LTAuNiAwLTEuMSAwLjEtMS42IDAuMS0xLjEtMC45LTIuNS0xLjctNC0xLjctMy40IDAtNi4xIDIuNy02LjEgNi4xIDAgMS40IDAuNSAyLjYgMS4yIDMuNy0wLjEgMC43LTAuMiAxLjQtMC4yIDIuMiAwIDUuOSA0LjggMTEgMTAuNyAxMSAwLjggMCAxLjUtMC4xIDIuMi0wLjIgMS4xIDAuOSAyLjUgMS4yIDQgMS4yIDMuNCAwIDYuMS0yLjcgNi4xLTYuMSAwLTEuNy0wLjctMy4yLTEuNy00LjN6IiBmaWxsPSIjMzQ5OGQ4Ii8+PHBhdGggZD0ibTI0LjcgMjQuOWMtMC40IDAuNi0xIDEuMS0xLjkgMS40LTAuOCAwLjMtMS44IDAuNS0yLjkgMC41LTEuMyAwLTIuNC0wLjItMy4zLTAuNy0wLjYtMC4zLTEuMS0wLjgtMS41LTEuMy0wLjQtMC42LTAuNi0xLjEtMC42LTEuNiAwLTAuMyAwLjEtMC42IDAuMy0wLjhzMC41LTAuMyAwLjktMC4zYzAuMyAwIDAuNSAwLjEgMC43IDAuM3MwLjQgMC40IDAuNSAwLjhjMC4yIDAuNCAwLjQgMC43IDAuNiAxczAuNSAwLjUgMC44IDAuN2MwLjQgMC4yIDAuOCAwLjMgMS40IDAuMyAwLjggMCAxLjUtMC4yIDItMC41czAuOC0wLjggMC44LTEuM2MwLTAuNC0wLjEtMC43LTAuNC0xcy0wLjYtMC41LTEuMS0wLjZjLTAuNC0wLjEtMS0wLjMtMS43LTAuNC0xLTAuMi0xLjgtMC41LTIuNC0wLjctMC43LTAuMy0xLjItMC43LTEuNi0xLjEtMC40LTAuNS0wLjYtMS4xLTAuNi0xLjhzMC4yLTEuMyAwLjYtMS44IDEtMC45IDEuOC0xLjIgMS43LTAuNCAyLjctMC40YzAuOCAwIDEuNSAwLjEgMi4yIDAuMyAwLjYgMC4yIDEuMSAwLjQgMS41IDAuOCAwLjQgMC4zIDAuNyAwLjYgMC45IDEgMC4yIDAuMyAwLjMgMC43IDAuMyAxcy0wLjEgMC42LTAuMyAwLjgtMC41IDAuNC0wLjkgMC40Yy0wLjMgMC0wLjYtMC4xLTAuNy0wLjItMC4yLTAuMS0wLjMtMC40LTAuNS0wLjctMC4yLTAuNS0wLjUtMC44LTAuOS0xLjEtMC4zLTAuMy0wLjktMC40LTEuNy0wLjQtMC43IDAtMS4zIDAuMS0xLjcgMC40cy0wLjcgMC42LTAuNyAxYzAgMC4yIDAuMSAwLjUgMC4yIDAuNiAwLjEgMC4yIDAuNCAwLjMgMC42IDAuNSAwLjMgMC4xIDAuNSAwLjIgMC44IDAuM3MwLjcgMC4yIDEuMyAwLjNjMC44IDAuMiAxLjUgMC4zIDIuMSAwLjVzMS4xIDAuNCAxLjYgMC43YzAuNCAwLjMgMC44IDAuNiAxIDEuMSAwLjIgMC40IDAuNCAxIDAuNCAxLjYgMCAwLjQtMC4yIDEtMC42IDEuNnoiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg0K");
  background-repeat: no-repeat;
}
.sq-devices-card-list__card ._skype_in {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQwIDQwIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBpZD0iU2t5cGVfM18iIHRyYW5zZm9ybT0ibWF0cml4KC44MzMzMyAwIDAgLjgzMzMzIC02LjMwMDMgLTQuNjY2NykiPjxwYXRoIGQ9Im0zMC4zIDIxLjZjMC4xLTAuNSAwLjEtMS4xIDAuMS0xLjYgMC01LjktNC44LTEwLjQtMTAuNy0xMC40LTAuNiAwLTEuMSAwLjEtMS42IDAuMS0xLjEtMC45LTIuNS0xLjctNC0xLjctMy40IDAtNi4xIDIuNy02LjEgNi4xIDAgMS40IDAuNSAyLjYgMS4yIDMuNy0wLjEgMC43LTAuMiAxLjQtMC4yIDIuMiAwIDUuOSA0LjggMTEgMTAuNyAxMSAwLjggMCAxLjUtMC4xIDIuMi0wLjIgMS4xIDAuOSAyLjUgMS4yIDQgMS4yIDMuNCAwIDYuMS0yLjcgNi4xLTYuMSAwLTEuNy0wLjctMy4yLTEuNy00LjN6IiBmaWxsPSIjMGM2Y2IwIi8+PHBhdGggZD0ibTI0LjcgMjQuOWMtMC40IDAuNi0xIDEuMS0xLjkgMS40LTAuOCAwLjMtMS44IDAuNS0yLjkgMC41LTEuMyAwLTIuNC0wLjItMy4zLTAuNy0wLjYtMC4zLTEuMS0wLjgtMS41LTEuMy0wLjQtMC42LTAuNi0xLjEtMC42LTEuNiAwLTAuMyAwLjEtMC42IDAuMy0wLjhzMC41LTAuMyAwLjktMC4zYzAuMyAwIDAuNSAwLjEgMC43IDAuM3MwLjQgMC40IDAuNSAwLjhjMC4yIDAuNCAwLjQgMC43IDAuNiAxczAuNSAwLjUgMC44IDAuN2MwLjQgMC4yIDAuOCAwLjMgMS40IDAuMyAwLjggMCAxLjUtMC4yIDItMC41czAuOC0wLjggMC44LTEuM2MwLTAuNC0wLjEtMC43LTAuNC0xcy0wLjYtMC41LTEuMS0wLjZjLTAuNC0wLjEtMS0wLjMtMS43LTAuNC0xLTAuMi0xLjgtMC41LTIuNC0wLjctMC43LTAuMy0xLjItMC43LTEuNi0xLjEtMC40LTAuNS0wLjYtMS4xLTAuNi0xLjhzMC4yLTEuMyAwLjYtMS44IDEtMC45IDEuOC0xLjIgMS43LTAuNCAyLjctMC40YzAuOCAwIDEuNSAwLjEgMi4yIDAuMyAwLjYgMC4yIDEuMSAwLjQgMS41IDAuOCAwLjQgMC4zIDAuNyAwLjYgMC45IDEgMC4yIDAuMyAwLjMgMC43IDAuMyAxcy0wLjEgMC42LTAuMyAwLjgtMC41IDAuNC0wLjkgMC40Yy0wLjMgMC0wLjYtMC4xLTAuNy0wLjItMC4yLTAuMS0wLjMtMC40LTAuNS0wLjctMC4yLTAuNS0wLjUtMC44LTAuOS0xLjEtMC4zLTAuMy0wLjktMC40LTEuNy0wLjQtMC43IDAtMS4zIDAuMS0xLjcgMC40cy0wLjcgMC42LTAuNyAxYzAgMC4yIDAuMSAwLjUgMC4yIDAuNiAwLjEgMC4yIDAuNCAwLjMgMC42IDAuNSAwLjMgMC4xIDAuNSAwLjIgMC44IDAuM3MwLjcgMC4yIDEuMyAwLjNjMC44IDAuMiAxLjUgMC4zIDIuMSAwLjVzMS4xIDAuNCAxLjYgMC43YzAuNCAwLjMgMC44IDAuNiAxIDEuMSAwLjIgMC40IDAuNCAxIDAuNCAxLjYgMCAwLjQtMC4yIDEtMC42IDEuNnoiIGZpbGw9IiNmZmYiLz48L2c+PHBhdGggZD0ibTIzLjIgMi42NDY4Yy0wLjA3ODg0LTAuMDI1OC0wLjE1Njg0LTAuMDUzNy0wLjIzNDE5LTAuMDgzM2wtMy45NTczLTAuMDM1OCAwLjAxMjE3LTEuMzM0YzAuMDAxMS0wLjEzMzU3LTAuMDcxMDQtMC4yNTY4OS0wLjE4NzgzLTAuMzIxNDMtMC4xMTY4OC0wLjA2NDMtMC4yNTk4Mi0wLjA1OTUtMC4zNzE5OCAwLjAxMjdsLTQuOTEwOCAzLjE2MTVjLTAuMTAyNzQgMC4wNjYyLTAuMTY1NDIgMC4xNzk3MS0wLjE2NjUzIDAuMzAyMTEtMC4wMDEyIDAuMTIyMjkgMC4wNTk0NiAwLjIzNjkgMC4xNjExMSAwLjMwNDkybDQuODUyNyAzLjI0OTljMC4xMTA5NSAwLjA3NDMgMC4yNTM3IDAuMDgxNyAwLjM3MTYgMC4wMTk0IDAuMTE4MDgtMC4wNjIzIDAuMTkyNDEtMC4xODQzNCAwLjE5MzYzLTAuMzE3NzhsMC4wMTIwOS0xLjMzNDEgMy45NTMgMC4wMzU5YzAuMDc4OS0wLjAyODcgMC4xNTg1LTAuMDU1NyAwLjIzODgxLTAuMDgwNCAwLjA5Nzg1LTEuMTkwMSAwLjEwOTA3LTIuMzg4OCAwLjAzMzYzLTMuNTc5N3oiIHN0cm9rZS13aWR0aD0iLjA2MjUiLz48L3N2Zz4NCg==");
  background-repeat: no-repeat;
}
.sq-devices-card-list__card ._skype_out {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQwIDQwIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBpZD0iU2t5cGVfM18iIHRyYW5zZm9ybT0ibWF0cml4KC44MzMzMyAwIDAgLjgzMzMzIC02LjMwMDMgLTQuNjY2NykiPjxwYXRoIGQ9Im0zMC4zIDIxLjZjMC4xLTAuNSAwLjEtMS4xIDAuMS0xLjYgMC01LjktNC44LTEwLjQtMTAuNy0xMC40LTAuNiAwLTEuMSAwLjEtMS42IDAuMS0xLjEtMC45LTIuNS0xLjctNC0xLjctMy40IDAtNi4xIDIuNy02LjEgNi4xIDAgMS40IDAuNSAyLjYgMS4yIDMuNy0wLjEgMC43LTAuMiAxLjQtMC4yIDIuMiAwIDUuOSA0LjggMTEgMTAuNyAxMSAwLjggMCAxLjUtMC4xIDIuMi0wLjIgMS4xIDAuOSAyLjUgMS4yIDQgMS4yIDMuNCAwIDYuMS0yLjcgNi4xLTYuMSAwLTEuNy0wLjctMy4yLTEuNy00LjN6IiBmaWxsPSIjMGM2Y2IwIi8+PHBhdGggZD0ibTI0LjcgMjQuOWMtMC40IDAuNi0xIDEuMS0xLjkgMS40LTAuOCAwLjMtMS44IDAuNS0yLjkgMC41LTEuMyAwLTIuNC0wLjItMy4zLTAuNy0wLjYtMC4zLTEuMS0wLjgtMS41LTEuMy0wLjQtMC42LTAuNi0xLjEtMC42LTEuNiAwLTAuMyAwLjEtMC42IDAuMy0wLjhzMC41LTAuMyAwLjktMC4zYzAuMyAwIDAuNSAwLjEgMC43IDAuM3MwLjQgMC40IDAuNSAwLjhjMC4yIDAuNCAwLjQgMC43IDAuNiAxczAuNSAwLjUgMC44IDAuN2MwLjQgMC4yIDAuOCAwLjMgMS40IDAuMyAwLjggMCAxLjUtMC4yIDItMC41czAuOC0wLjggMC44LTEuM2MwLTAuNC0wLjEtMC43LTAuNC0xcy0wLjYtMC41LTEuMS0wLjZjLTAuNC0wLjEtMS0wLjMtMS43LTAuNC0xLTAuMi0xLjgtMC41LTIuNC0wLjctMC43LTAuMy0xLjItMC43LTEuNi0xLjEtMC40LTAuNS0wLjYtMS4xLTAuNi0xLjhzMC4yLTEuMyAwLjYtMS44IDEtMC45IDEuOC0xLjIgMS43LTAuNCAyLjctMC40YzAuOCAwIDEuNSAwLjEgMi4yIDAuMyAwLjYgMC4yIDEuMSAwLjQgMS41IDAuOCAwLjQgMC4zIDAuNyAwLjYgMC45IDEgMC4yIDAuMyAwLjMgMC43IDAuMyAxcy0wLjEgMC42LTAuMyAwLjgtMC41IDAuNC0wLjkgMC40Yy0wLjMgMC0wLjYtMC4xLTAuNy0wLjItMC4yLTAuMS0wLjMtMC40LTAuNS0wLjctMC4yLTAuNS0wLjUtMC44LTAuOS0xLjEtMC4zLTAuMy0wLjktMC40LTEuNy0wLjQtMC43IDAtMS4zIDAuMS0xLjcgMC40cy0wLjcgMC42LTAuNyAxYzAgMC4yIDAuMSAwLjUgMC4yIDAuNiAwLjEgMC4yIDAuNCAwLjMgMC42IDAuNSAwLjMgMC4xIDAuNSAwLjIgMC44IDAuM3MwLjcgMC4yIDEuMyAwLjNjMC44IDAuMiAxLjUgMC4zIDIuMSAwLjVzMS4xIDAuNCAxLjYgMC43YzAuNCAwLjMgMC44IDAuNiAxIDEuMSAwLjIgMC40IDAuNCAxIDAuNCAxLjYgMCAwLjQtMC4yIDEtMC42IDEuNnoiIGZpbGw9IiNmZmYiLz48L2c+PHBhdGggZD0ibTEzLjQzMyAyLjY0NjhjMC4wNzg4NC0wLjAyNTggMC4xNTY4NC0wLjA1MzcgMC4yMzQxOS0wLjA4MzNsMy45NTczLTAuMDM1OC0wLjAxMjE3LTEuMzM0Yy0wLjAwMTEtMC4xMzM1NyAwLjA3MTA0LTAuMjU2ODkgMC4xODc4My0wLjMyMTQzIDAuMTE2ODgtMC4wNjQzIDAuMjU5ODItMC4wNTk1IDAuMzcxOTggMC4wMTI3bDQuOTEwOCAzLjE2MTVjMC4xMDI3NCAwLjA2NjIgMC4xNjU0MiAwLjE3OTcxIDAuMTY2NTMgMC4zMDIxMSAwLjAwMTIgMC4xMjIyOS0wLjA1OTQ2IDAuMjM2OS0wLjE2MTExIDAuMzA0OTJsLTQuODUyNyAzLjI0OTljLTAuMTEwOTUgMC4wNzQzLTAuMjUzNyAwLjA4MTctMC4zNzE2IDAuMDE5NC0wLjExODA4LTAuMDYyMy0wLjE5MjQxLTAuMTg0MzQtMC4xOTM2My0wLjMxNzc4bC0wLjAxMjA5LTEuMzM0MS0zLjk1MyAwLjAzNTljLTAuMDc4OS0wLjAyODctMC4xNTg1LTAuMDU1Ny0wLjIzODgxLTAuMDgwNC0wLjA5Nzg1LTEuMTkwMS0wLjEwOTA3LTIuMzg4OC0wLjAzMzYzLTMuNTc5N3oiIHN0cm9rZS13aWR0aD0iLjA2MjUiLz48L3N2Zz4NCg==");
  background-repeat: no-repeat;
}
.sq-devices-card-list__card ._folder {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDUwIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIj48cmVjdCB4PSItLjA2NjA4NSIgd2lkdGg9IjI0LjEyOCIgaGVpZ2h0PSIyNCIgc3Ryb2tlLXdpZHRoPSIuNDgxMjgiLz48cGF0aCBkPSJtMjIuMTMyIDcuMnYtMS45MmMwLTAuNTI5OTItMC40MzIzOC0wLjk2LTAuOTY1MTQtMC45NmgtMTIuNTQ3Yy0wLjcwODg5IDAtMS4xOTg3LTEuOTItMS45MzAzLTEuOTJoLTUuMzA4MmMtMC41MzI3NSAwLTAuOTY1MTQgMC40MzAwOC0wLjk2NTE0IDAuOTZ2MTcuNzZjMCAwLjUyOTkyIDAuNDMyMzggMC45NiAwLjk2NTE0IDAuOTZoMTguODJjMC41MzI3NiAwIDAuOTY1MTQtMC40MzAwOCAwLjk2NTE0LTAuOTYiIHN0cm9rZT0iIzBjNmNiMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iLjk2MjU2Ii8+PHBhdGggZD0ibTAuNDE2NDggMjEuMTIgMi40MTI4LTEyLjk2YzAtMC41Mjk5MiAwLjQzMjM4LTAuOTYgMC45NjUxNC0wLjk2aDE4LjgyYzAuNTMyNzYgMCAwLjk2NTE0IDAuNDMwMDggMC45NjUxNCAwLjk2bC0yLjQxMjggMTIuOTYiIHN0cm9rZT0iIzBjNmNiMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iLjk2MjU2Ii8+PC9nPjwvc3ZnPg0K");
  background-repeat: no-repeat;
}
.sq-devices-card-list__card ._title {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 16px;
  /*!-designToken-font-bold-medium-font-size*/
  color: #686868;
}
.sq-devices-card-list__card ._label {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 12px;
  /*!-designToken-font-bold-small-font-size*/
  color: #686868;
}
.sq-devices-card-list__card ._text {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-size: 12px;
  /*!-designToken-font-regular-small-font-size*/
}
.sq-devices-card-list__card ._satisfaction {
  width: 16px;
  height: 16px;
  margin: 0 8px 0 0;
}
.sq-devices-card-list__card ._satisfaction._level_u {
  background: #CECECE;
}
.sq-devices-card-list__card ._satisfaction._level_0 {
  background: #CE0010;
}
.sq-devices-card-list__card ._satisfaction._level_1 {
  background: #DE2429;
}
.sq-devices-card-list__card ._satisfaction._level_2 {
  background: #F75521;
}
.sq-devices-card-list__card ._satisfaction._level_3 {
  background: #FFBA21;
}
.sq-devices-card-list__card ._satisfaction._level_4 {
  background: #84C339;
}
.sq-devices-card-list__card ._satisfaction._level_5 {
  background: #219A18;
}
.sq-devices-card-list__card ._progress {
  position: relative;
  height: 30px;
  width: 60px;
}
.sq-devices-card-list__card-expandable {
  display: flex;
  flex-direction: column;
}
.sq-devices-card-list__card-expandable-title {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 16px;
  /*!-designToken-font-bold-medium-font-size*/
  color: #7f8387;
  margin: 8px 8px 8px 8px;
}
.sq-devices-card-list__card-expandable .ux-card-tree__node-list {
  border: none;
  background-color: transparent;
}
.sq-devices-list {
  display: flex;
  flex-direction: column;
}
.sq-devices-list__wrapper {
  border: solid 1px #ccd2d9;
  border-radius: 4px;
  background-color: #f5f6f7;
  padding: 16px 16px 16px 16px;
}
.sq-devices-list__wrapper .ux-toolbar-left {
  width: 50%;
}
.sq-devices-list__header {
  display: flex;
  flex-direction: row;
}
.sq-devices-list__content {
  display: flex;
  flex-direction: column;
  margin: 32px 0 0 0;
}
.sq-devices-list__footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.sq-devices-list__footer .ux-paging {
  width: auto;
}
.sq-devices-list__footer .ux-paging__navigation {
  margin: 0 32px 0 0;
}
.sq-devices-full-list {
  display: flex;
  flex-direction: column;
}
.sq-devices-full-list__wrapper {
  border: solid 1px #ccd2d9;
  border-radius: 4px;
  background-color: #f5f6f7;
  padding: 16px 16px 16px 16px;
}
.sq-devices-full-list__wrapper .ux-toolbar-left {
  width: 50%;
}
.sq-devices-full-list__header {
  display: flex;
  flex-direction: row;
}
.sq-devices-full-list__content {
  display: flex;
  flex-direction: column;
  margin: 32px 0 0 0;
}
.sq-devices-full-list__footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.sq-devices-full-list__footer .ux-paging {
  width: auto;
}
.sq-devices-full-list__footer .ux-paging__navigation {
  margin: 0 32px 0 0;
}
.sq-device-confirm__wrapper {
  display: flex;
  flex-direction: column;
  background: #fff;
  background: #f5f6f7;
  padding: 24px 32px 24px 32px;
  margin: 100px auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 200px;
  box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.06);
  border: solid 1px #ccd2d9;
  border-radius: 4px;
}
.sq-device-confirm__header {
  display: flex;
  flex-direction: row;
  position: relative;
  margin: 0 32px 24px 0;
}
.sq-device-confirm__header-inner {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 16px;
  /*!-designToken-font-bold-medium-font-size*/
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sq-device-confirm__header__close-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  right: -48px;
  top: -4px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
  position: absolute;
}
.sq-device-confirm__header__close-icon::after {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: -3px;
  right: -3px;
  box-sizing: border-box;
  border: 2px solid transparent;
  border-radius: 7px;
  /*!-designToken-state-focus-passive-border-radius*/
  transition: border-color 0.1s linear, border-radius 0.1s linear, top 0.1s linear, bottom 0.1s linear, left 0.1s linear, right 0.1s linear;
}
.sq-device-confirm__header__close-icon:hover::after,
.sq-device-confirm__header__close-icon:focus::after {
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  border-color: #ffbb29;
  /*!-designToken-state-focus-active-border-color*/
  border-radius: 7px;
  /*!-designToken-state-focus-active-border-radius*/
}
.sq-device-confirm__header__close-icon-svg {
  fill: #363d4d;
  width: 20px;
  height: 20px;
}
.sq-device-confirm__content {
  display: flex;
  flex-direction: column;
}
.sq-device-confirm__content .ux-label__content {
  margin-bottom: 24px;
  min-width: 300px;
}
.sq-device-confirm__footer {
  display: flex;
  flex-direction: row;
  margin: 32px 0 0 0;
  justify-content: flex-end;
}
.sq-device-confirm__footer > * {
  margin: 0 10px 0 10px;
}
.sq-device-confirm__footer > *:first-child {
  margin: 0 10px 0 0;
}
.sq-device-confirm__footer > *:last-child {
  margin: 0 0 0 10px;
}
.sq-device-edit > sq-overlay-popup .sq-overlay-popup__wrapper {
  min-width: 560px;
  max-width: 560px;
}
.sq-device-edit__form .ux-label__content {
  margin-bottom: 24px;
  min-width: 300px;
}
.sq-device-edit .ux-attachment {
  margin-top: 8px;
}
.sq-device-edit .ux-attachment .ux-attachment__drop-area {
  height: 36px;
}
.sq-device-edit .ux-memo-field,
.sq-device-edit .ux-memo-field .ux-scroll__custom-scrollable-block {
  min-height: 120px;
  max-height: 400px;
  min-width: 490px;
  max-width: 490px;
}
.sq-device-folder-edit__form .ux-label__content {
  margin-bottom: 24px;
  min-width: 300px;
}
.sq-device-linked-test .sq-overlay-popup__content {
  min-width: 400px;
}
.sq-device-linked-test .sq-tests-card-list__content._filled {
  max-height: 300px;
  overflow-y: scroll;
}
.sq-device-link-new-test-popup .sq-overlay-popup__footer {
  justify-content: space-between;
}
.sq-device-link-new-test-popup__footer-message {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: #b1b1b1;
}
.sq-device-link-new-test-popup__footer-message ._error {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 12px;
  /*!-designToken-font-bold-small-font-size*/
  color: #f04d30;
}
.sq-device-link-new-test-popup__footer-controls {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.sq-device-link-new-test-popup__footer-controls > * {
  margin: 0 10px 0 10px;
}
.sq-device-link-new-test-popup__footer-controls > *:first-child {
  margin: 0 10px 0 0;
}
.sq-device-link-new-test-popup__footer-controls > *:last-child {
  margin: 0 0 0 10px;
}
.sq-device-new-test-list .sq-overlay-popup__footer {
  justify-content: space-between;
}
.sq-device-new-test-list__popup-footer-message {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: #b1b1b1;
}
.sq-device-new-test-list__popup-footer-message ._error {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 12px;
  /*!-designToken-font-bold-small-font-size*/
  color: #f04d30;
}
.sq-device-new-test-list__popup-footer-controls {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.sq-device-new-test-list__popup-footer-controls > * {
  margin: 0 10px 0 10px;
}
.sq-device-new-test-list__popup-footer-controls > *:first-child {
  margin: 0 10px 0 0;
}
.sq-device-new-test-list__popup-footer-controls > *:last-child {
  margin: 0 0 0 10px;
}
.sq-tests-list {
  display: flex;
  flex-direction: column;
}
.sq-tests-list-actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.sq-tests-list-actions__item {
  display: flex;
  flex-direction: row;
}
.sq-tests-list-actions__item-button {
  padding: 0 16px 0 0;
}
.sq-tests-list-actions__item-search {
  margin: 0 2.6em 0 0;
  width: 20em;
}
.sq-tests-list-table {
  display: flex;
  flex-direction: column;
}
.sq-tests-list-table > .ux-table {
  width: 100%;
}
.sq-tests-list-table .ux-table__column:nth-of-type(1) {
  flex: 0 0 28px;
  min-width: 28px;
}
.sq-tests-list-table .ux-table__column:nth-of-type(2) {
  flex: 0 1 20%;
  min-width: calc(20% - 28px);
}
.sq-tests-list-table .ux-table__column:nth-of-type(3) {
  flex: 0 1 20%;
  min-width: 20%;
}
.sq-tests-list-table .ux-table__column:nth-of-type(4) {
  flex: 0 1 20%;
  min-width: 20%;
}
.sq-tests-list-table .ux-table__column:nth-of-type(5) {
  flex: 0 1 20%;
  min-width: 20%;
}
.sq-tests-list-table .ux-table__column:nth-of-type(6) {
  flex: 0 1 20%;
  min-width: 20%;
}
.sq-tests-list-advanced {
  display: flex;
  flex-direction: column;
}
.sq-tests-list-advanced-actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.sq-tests-list-advanced-actions__item {
  display: flex;
  flex-direction: row;
}
.sq-tests-list-advanced-actions__item-button {
  padding: 0 16px 0 0;
}
.sq-tests-list-advanced-actions__item-search {
  margin: 0 2.6em 0 0;
  width: 20em;
}
.sq-tests-list-advanced-table {
  display: flex;
  flex-direction: column;
}
.sq-tests-list-advanced-table-footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-top: 50px;
}
.sq-tests-list-advanced-table-footer-item {
  margin: 0 16px 0 0;
}
.sq-tests-list-advanced-table > .ux-table {
  width: 100%;
}
.sq-tests-list-advanced-table > .ux-table .ux-table__column:nth-of-type(1) {
  flex: 0 0 28px;
  min-width: 28px;
}
.sq-tests-list-advanced-table > .ux-table .ux-table__column:nth-of-type(2) {
  flex: 0 1 40%;
  min-width: calc(40% - 28px);
}
.sq-tests-list-advanced-table > .ux-table .ux-table__column:nth-of-type(3) {
  flex: 0 1 20%;
  min-width: 20%;
}
.sq-tests-list-advanced-table > .ux-table .ux-table__column:nth-of-type(4) {
  flex: 0 1 20%;
  min-width: 20%;
}
.sq-tests-list-advanced-table > .ux-table .ux-table__column:nth-of-type(5) {
  flex: 0 1 20%;
  min-width: 20%;
}
.sq-tests-list-advanced-table > .ux-table._fullView .ux-table__column:nth-of-type(1) {
  flex: 0 0 28px;
  min-width: 28px;
}
.sq-tests-list-advanced-table > .ux-table._fullView .ux-table__column:nth-of-type(2) {
  flex: 0 1 20%;
  min-width: calc(20% - 28px);
}
.sq-tests-list-advanced-table > .ux-table._fullView .ux-table__column:nth-of-type(3) {
  flex: 0 1 10%;
  min-width: 10%;
}
.sq-tests-list-advanced-table > .ux-table._fullView .ux-table__column:nth-of-type(4) {
  flex: 0 1 10%;
  min-width: 10%;
}
.sq-tests-list-advanced-table > .ux-table._fullView .ux-table__column:nth-of-type(5) {
  flex: 0 1 20%;
  min-width: 20%;
}
.sq-tests-list-advanced-table > .ux-table._fullView .ux-table__column:nth-of-type(6) {
  flex: 0 1 20%;
  min-width: 20%;
}
.sq-tests-list-advanced-table > .ux-table._fullView .ux-table__column:nth-of-type(7) {
  flex: 0 1 20%;
  min-width: 20%;
}
.sq-tests-list-advanced-table > .ux-paging {
  margin: 40px 0 40px 0;
}
.sq-tests-list-compact {
  display: flex;
  flex-direction: column;
}
.sq-tests-list-compact-actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.sq-tests-list-compact-actions__item {
  display: flex;
  flex-direction: row;
}
.sq-tests-list-compact-actions__item-button {
  padding: 0 16px 0 0;
}
.sq-tests-list-compact-actions__item-search {
  margin: 0 2.6em 0 0;
  width: 20em;
}
.sq-tests-list-compact-table {
  display: flex;
  flex-direction: column;
}
.sq-tests-list-compact-table-footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-top: 50px;
}
.sq-tests-list-compact-table-footer-item {
  margin: 0 16px 0 0;
}
.sq-tests-list-compact-table > .ux-table {
  width: 100%;
}
.sq-tests-list-compact-table > .ux-table .ux-table__column:nth-of-type(1) {
  flex: 0 0 28px;
  min-width: 28px;
}
.sq-tests-list-compact-table > .ux-table .ux-table__column:nth-of-type(2) {
  flex: 0 1 40%;
  min-width: calc(40% - 28px);
}
.sq-tests-list-compact-table > .ux-table .ux-table__column:nth-of-type(3) {
  flex: 0 1 20%;
  min-width: 20%;
}
.sq-tests-list-compact-table > .ux-table .ux-table__column:nth-of-type(4) {
  flex: 0 1 20%;
  min-width: 20%;
}
.sq-tests-list-compact-table > .ux-table .ux-table__column:nth-of-type(5) {
  flex: 0 1 20%;
  min-width: 20%;
}
.sq-tests-list-compact-table > .ux-table._fullView .ux-table__column:nth-of-type(1) {
  flex: 0 0 28px;
  min-width: 28px;
}
.sq-tests-list-compact-table > .ux-table._fullView .ux-table__column:nth-of-type(2) {
  flex: 0 1 20%;
  min-width: calc(20% - 28px);
}
.sq-tests-list-compact-table > .ux-table._fullView .ux-table__column:nth-of-type(3) {
  flex: 0 1 10%;
  min-width: 10%;
}
.sq-tests-list-compact-table > .ux-table._fullView .ux-table__column:nth-of-type(4) {
  flex: 0 1 10%;
  min-width: 10%;
}
.sq-tests-list-compact-table > .ux-table._fullView .ux-table__column:nth-of-type(5) {
  flex: 0 1 20%;
  min-width: 20%;
}
.sq-tests-list-compact-table > .ux-table._fullView .ux-table__column:nth-of-type(6) {
  flex: 0 1 20%;
  min-width: 20%;
}
.sq-tests-list-compact-table > .ux-table._fullView .ux-table__column:nth-of-type(7) {
  flex: 0 1 20%;
  min-width: 20%;
}
.sq-tests-list-compact-table > .ux-paging {
  margin: 40px 0 40px 0;
}
.sq-test-view-wrapper {
  display: flex;
  flex-direction: row;
}
.sq-test-view__sidepanel {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-right: 20px;
  margin-top: 18px;
}
.sq-test-view__content {
  display: flex;
  flex-direction: column;
  flex-grow: 3;
}
.sq-test-view__header {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.sq-test-view__section {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 36px;
}
.sq-test-view__section-header {
  font-size: 22px;
  line-height: 36px;
  text-align: left;
  color: #262626;
  white-space: nowrap;
}
.sq-test-view__section-body {
  display: table;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-spacing: 10px;
}
.sq-test-view__section-body-row {
  display: table-row;
}
.sq-test-view__section-body-row-item {
  display: table-cell;
}
.sq-test-view__section-body-row-item.label {
  vertical-align: text-top;
  width: 10em;
  color: #aaaeb3;
  /*!-designToken-label-text-color*/
}
.sq-test-view__section-body-row-item.field {
  width: 20em;
  position: relative;
}
.sq-test-view__section-body-row-item.field__input {
  width: 20em;
  padding-top: 8px;
  display: inline-block;
  word-break: break-all;
}
.sq-test-view__section-footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.sq-test-view__section-footer-item {
  margin: 0 16px 0 0;
}
.sq-test-view__results-table {
  display: flex;
  flex-direction: column;
}
.sq-test-create__form-item {
  width: 230px;
  margin: 0 20px 20px 0;
}
.sq-test-create__form-item-row:not(:first-child) {
  margin: 20px 0 0 0;
}
.sq-test-confirm__wrapper {
  display: flex;
  flex-direction: column;
  background: #fff;
  background: #f5f6f7;
  padding: 24px 32px 24px 32px;
  margin: 100px auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 200px;
  box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.06);
  border: solid 1px #ccd2d9;
  border-radius: 4px;
}
.sq-test-confirm__header {
  display: flex;
  flex-direction: row;
  position: relative;
  margin: 0 32px 24px 0;
}
.sq-test-confirm__header-inner {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 16px;
  /*!-designToken-font-bold-medium-font-size*/
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sq-test-confirm__header__close-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  right: -48px;
  top: -4px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
  position: absolute;
}
.sq-test-confirm__header__close-icon::after {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: -3px;
  right: -3px;
  box-sizing: border-box;
  border: 2px solid transparent;
  border-radius: 7px;
  /*!-designToken-state-focus-passive-border-radius*/
  transition: border-color 0.1s linear, border-radius 0.1s linear, top 0.1s linear, bottom 0.1s linear, left 0.1s linear, right 0.1s linear;
}
.sq-test-confirm__header__close-icon:hover::after,
.sq-test-confirm__header__close-icon:focus::after {
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  border-color: #ffbb29;
  /*!-designToken-state-focus-active-border-color*/
  border-radius: 7px;
  /*!-designToken-state-focus-active-border-radius*/
}
.sq-test-confirm__header__close-icon-svg {
  fill: #363d4d;
  width: 20px;
  height: 20px;
}
.sq-test-confirm__content {
  display: flex;
  flex-direction: column;
}
.sq-test-confirm__content .ux-label__content {
  margin-bottom: 24px;
  min-width: 300px;
}
.sq-test-confirm__footer {
  display: flex;
  flex-direction: row;
  margin: 32px 0 0 0;
  justify-content: flex-end;
}
.sq-test-confirm__footer > * {
  margin: 0 10px 0 10px;
}
.sq-test-confirm__footer > *:first-child {
  margin: 0 10px 0 0;
}
.sq-test-confirm__footer > *:last-child {
  margin: 0 0 0 10px;
}
.sq-test-edit__form .ux-label__content {
  margin-bottom: 24px;
  min-width: 300px;
}
.sq-test-edit .ux-attachment {
  margin-top: 8px;
}
.sq-test-edit .ux-attachment .ux-attachment__drop-area {
  height: 36px;
}
.sq-test-edit .ux-memo-field,
.sq-test-edit .ux-memo-field .ux-scroll__custom-scrollable-block {
  min-height: 120px;
  max-height: 400px;
  min-width: 300px;
  max-width: 300px;
}
.sq-test-folder-edit__form .ux-label__content {
  margin-bottom: 24px;
  min-width: 300px;
}
.sq-tests-full-list {
  display: flex;
  flex-direction: column;
}
.sq-tests-full-list__wrapper {
  border: solid 1px #ccd2d9;
  border-radius: 4px;
  background-color: #f5f6f7;
  padding: 16px 16px 16px 16px;
}
.sq-tests-full-list__wrapper .ux-toolbar-left {
  width: 50%;
}
.sq-tests-full-list__header {
  display: flex;
  flex-direction: row;
}
.sq-tests-full-list__content {
  display: flex;
  flex-direction: column;
  margin: 32px 0 0 0;
}
.sq-tests-full-list__footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.sq-tests-full-list__footer .ux-paging {
  width: auto;
}
.sq-tests-full-list__footer .ux-paging__navigation {
  margin: 0 32px 0 0;
}
.sq-tests-full-list {
  display: flex;
  flex-direction: column;
}
.sq-tests-full-list__wrapper {
  border: solid 1px #ccd2d9;
  border-radius: 4px;
  background-color: #f5f6f7;
  padding: 16px 16px 16px 16px;
}
.sq-tests-full-list__wrapper .ux-toolbar-left {
  width: 50%;
}
.sq-tests-full-list__header {
  display: flex;
  flex-direction: row;
}
.sq-tests-full-list__content {
  display: flex;
  flex-direction: column;
  margin: 32px 0 0 0;
}
.sq-tests-full-list__footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.sq-tests-full-list__footer .ux-paging {
  width: auto;
}
.sq-tests-full-list__footer .ux-paging__navigation {
  margin: 0 32px 0 0;
}
.sq-tests-card-list {
  display: flex;
  flex-direction: column;
}
.sq-tests-card-list__wrapper {
  display: flex;
  flex-direction: column;
}
.sq-tests-card-list__content {
  display: flex;
  flex-direction: column;
}
.sq-tests-card-list__footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin: 16px 0 0 0;
}
.sq-tests-card-list__footer .ux-paging {
  width: auto;
}
.sq-tests-card-list__footer .ux-paging__navigation {
  margin: 0 32px 0 0;
}
.sq-tests-card-list__card {
  display: flex;
  flex-direction: column;
}
.sq-tests-card-list__card-empty-content {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 32px 32px 32px 32px;
}
.sq-tests-card-list__card-empty-content-label {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 300;
  /*!-designToken-font-light-font-weight*/
  font-size: 12px;
  /*!-designToken-font-light-small-font-size*/
}
.sq-tests-card-list__card-content {
  display: flex;
  flex-direction: row;
  margin: 8px 0 4px 0;
}
.sq-tests-card-list__card-item {
  display: flex;
  flex-direction: column;
  margin: 8px 16px 8px 16px;
  min-width: 200px;
}
.sq-tests-card-list__card-item._head {
  min-width: 200px;
  width: 25%;
  margin: 0 auto 0 0;
}
.sq-tests-card-list__card-item:last-of-type {
  min-width: 100px;
}
.sq-tests-card-list__card-row {
  display: flex;
  flex-direction: row;
  margin: 4px 0;
}
.sq-tests-card-list__card ._icon {
  min-width: 24px;
  width: 24px;
  height: 24px;
  margin: 8px 16px 8px 16px;
}
.sq-tests-card-list__card ._icon._selectable_row {
  margin-left: 32px;
}
.sq-tests-card-list__card ._icon._type {
  opacity: 0.8;
}
.sq-tests-card-list__card ._icon._type:hover {
  opacity: 1;
}
.sq-tests-card-list__card ._icon._action {
  margin: 8px 8px 8px 8px;
  opacity: 0.8;
  transition: opacity 0.3s;
}
.sq-tests-card-list__card ._icon._action:first-of-type {
  margin-left: 16px;
}
.sq-tests-card-list__card ._icon._action:hover {
  opacity: 1;
}
.sq-tests-card-list__card ._icon._action._expand {
  transition: transform 0.2s;
}
.sq-tests-card-list__card ._icon._action._collapse {
  transform: rotate(180deg);
  transition: transform 0.2s;
}
.sq-tests-card-list__card ._call {
  background-image: url(data:image/svg+xml;base64,CjxpbWcgc3R5bGU9IndpZHRoOiA1MDBweDsgaGVpZ2h0OiBhdXRvOyBmbG9hdDogbGVmdDsiIHNyYz0iLy9jZG4ub25saW5ld2ViZm9udHMuY29tL3N2Zy9pbWdfNTIyMTMucG5nIiBhbHQ9IkluY29taW5nIFBob25lIENhbGwgU3ltYm9sIj4KICA=);
  background-repeat: no-repeat;
}
.sq-tests-card-list__card ._answer {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAxlBMVEVHcEyzs7OxsbGxsbG2trawsLCxsbGxsbGxsbGxsbG0tLSxsbGxsbGxsbGxsbGxsbGxsbGwsLCxsbGvr6+xsbGysrKzs7OxsbGxsbGxsbGxsbGysrKxsbGysrKwsLCxsbGqqqqysrKxsbGxsbGwsLCwsLCwsLCwsLCysrKxsbG1tbWxsbGysrKxsbGvr6+wsLCysrKxsbGxsbGysrKxsbGysrKysrK/v7+wsLCqqqqxsbGysrKxsbGysrKAgID///+wsLCxsbG3sFO2AAAAQXRSTlMAFM3yFZ/9+un5IrD+zvRY6C3mML7JCuud6o1P+L9eywNg0ds6rx1asrEYXDjcIHjWgvN3tF2BBE0MjJGTWQIBVwfbIs4AAAC3SURBVCjPrdLXDoMwDAVQMwOF0r333nvv3v//qSYgVYDyiF9i5cixLYUo0WgBsK9EDwYiEGBlArA54E7kKeTDO5cNoCLAIHoy6yvgU8gH0BGQFhm/CT9lCDBvPONvcPg37/kVFzJhvSKgM2A7l83rYKVLF1nCW8tXPMKRQ2qPg1wWcE9+0i3HZAd3ww9FNVWj3gjLGZiN9b5YCc1IzUSDNkAQsQmmgBSIhiMmB968XS3V7GKyH+EHqekco8dLsHsAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
}
.sq-tests-card-list__card ._folder {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDUwIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIj48cmVjdCB4PSItLjA2NjA4NSIgd2lkdGg9IjI0LjEyOCIgaGVpZ2h0PSIyNCIgc3Ryb2tlLXdpZHRoPSIuNDgxMjgiLz48cGF0aCBkPSJtMjIuMTMyIDcuMnYtMS45MmMwLTAuNTI5OTItMC40MzIzOC0wLjk2LTAuOTY1MTQtMC45NmgtMTIuNTQ3Yy0wLjcwODg5IDAtMS4xOTg3LTEuOTItMS45MzAzLTEuOTJoLTUuMzA4MmMtMC41MzI3NSAwLTAuOTY1MTQgMC40MzAwOC0wLjk2NTE0IDAuOTZ2MTcuNzZjMCAwLjUyOTkyIDAuNDMyMzggMC45NiAwLjk2NTE0IDAuOTZoMTguODJjMC41MzI3NiAwIDAuOTY1MTQtMC40MzAwOCAwLjk2NTE0LTAuOTYiIHN0cm9rZT0iIzBjNmNiMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iLjk2MjU2Ii8+PHBhdGggZD0ibTAuNDE2NDggMjEuMTIgMi40MTI4LTEyLjk2YzAtMC41Mjk5MiAwLjQzMjM4LTAuOTYgMC45NjUxNC0wLjk2aDE4LjgyYzAuNTMyNzYgMCAwLjk2NTE0IDAuNDMwMDggMC45NjUxNCAwLjk2bC0yLjQxMjggMTIuOTYiIHN0cm9rZT0iIzBjNmNiMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iLjk2MjU2Ii8+PC9nPjwvc3ZnPg0K");
  background-repeat: no-repeat;
}
.sq-tests-card-list__card ._title {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 16px;
  /*!-designToken-font-bold-medium-font-size*/
  color: #686868;
}
.sq-tests-card-list__card ._label {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 12px;
  /*!-designToken-font-bold-small-font-size*/
  color: #686868;
}
.sq-tests-card-list__card ._text {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-size: 12px;
  /*!-designToken-font-regular-small-font-size*/
}
.sq-tests-card-list__card ._satisfaction {
  width: 16px;
  height: 16px;
  margin: 0 8px 0 0;
}
.sq-tests-card-list__card ._satisfaction._level_u {
  background: #CECECE;
}
.sq-tests-card-list__card ._satisfaction._level_0 {
  background: #CE0010;
}
.sq-tests-card-list__card ._satisfaction._level_1 {
  background: #DE2429;
}
.sq-tests-card-list__card ._satisfaction._level_2 {
  background: #F75521;
}
.sq-tests-card-list__card ._satisfaction._level_3 {
  background: #FFBA21;
}
.sq-tests-card-list__card ._satisfaction._level_4 {
  background: #84C339;
}
.sq-tests-card-list__card ._satisfaction._level_5 {
  background: #219A18;
}
.sq-tests-card-list__card ._progress {
  position: relative;
  height: 30px;
  width: 60px;
}
.sq-tests-card-list__card-expandable {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 16px 24px 16px 16px;
}
.sq-tests-card-list__card-expandable-statistics {
  background: #f5f6f7;
  border: solid 1px #ccd2d9;
  border-radius: 4px;
}
.sq-tests-card-list__card-expandable-statistics ._text {
  color: #686868;
}
.sq-tests-card-list__card-expandable-statistics ._probe-link {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 12px;
  /*!-designToken-font-bold-small-font-size*/
  color: #0c6cb0;
  cursor: pointer;
}
.sq-tests-card-list__card-expandable-statistics ._probe-link:hover {
  color: #1f8eda;
}
.sq-tests-card-list__card-expandable ._value {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 16px;
  /*!-designToken-font-bold-medium-font-size*/
}
.sq-tests-card-list__card-expandable ._value._level_u {
  color: #CECECE;
}
.sq-tests-card-list__card-expandable ._value._level_0 {
  color: #CE0010;
}
.sq-tests-card-list__card-expandable ._value._level_1 {
  color: #DE2429;
}
.sq-tests-card-list__card-expandable ._value._level_2 {
  color: #F75521;
}
.sq-tests-card-list__card-expandable ._value._level_3 {
  color: #FFBA21;
}
.sq-tests-card-list__card-expandable ._value._level_4 {
  color: #84C339;
}
.sq-tests-card-list__card-expandable ._value._level_5 {
  color: #219A18;
}
.sq-tests-card-list__card-expandable ._center {
  align-items: center;
}
.sq-audio-full-list {
  display: flex;
  flex-direction: column;
}
.sq-audio-full-list__wrapper {
  border: solid 1px #ccd2d9;
  border-radius: 4px;
  background-color: #f5f6f7;
  padding: 16px 16px 16px 16px;
}
.sq-audio-full-list__wrapper .ux-toolbar-left {
  width: 50%;
}
.sq-audio-full-list__header {
  display: flex;
  flex-direction: row;
}
.sq-audio-full-list__content {
  display: flex;
  flex-direction: column;
  margin: 32px 0 0 0;
}
.sq-audio-full-list__footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.sq-audio-full-list__footer .ux-paging {
  width: auto;
}
.sq-audio-full-list__footer .ux-paging__navigation {
  margin: 0 32px 0 0;
}
.sq-audio-card-list {
  display: flex;
  flex-direction: column;
}
.sq-audio-card-list__wrapper {
  display: flex;
  flex-direction: column;
}
.sq-audio-card-list__content {
  display: flex;
  flex-direction: column;
}
.sq-audio-card-list__footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin: 16px 0 0 0;
}
.sq-audio-card-list__footer .ux-paging {
  width: auto;
}
.sq-audio-card-list__footer .ux-paging__navigation {
  margin: 0 32px 0 0;
}
.sq-audio-card-list__card {
  display: flex;
  flex-direction: column;
}
.sq-audio-card-list__card-empty-content {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 32px 32px 32px 32px;
}
.sq-audio-card-list__card-empty-content-label {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 300;
  /*!-designToken-font-light-font-weight*/
  font-size: 12px;
  /*!-designToken-font-light-small-font-size*/
}
.sq-audio-card-list__card-content {
  display: flex;
  flex-direction: row;
  margin: 8px 0 4px 0;
}
.sq-audio-card-list__card-item {
  display: flex;
  flex-direction: column;
  margin: 0 16px 0 16px;
  min-width: 200px;
}
.sq-audio-card-list__card-item._head {
  min-width: 200px;
  width: 25%;
  margin: 0 auto 0 0;
}
.sq-audio-card-list__card-item:last-of-type {
  min-width: 100px;
}
.sq-audio-card-list__card-row {
  display: flex;
  flex-direction: row;
  margin: 4px 0;
}
.sq-audio-card-list__card ._icon {
  min-width: 24px;
  width: 24px;
  height: 24px;
  margin: 8px 16px 8px 16px;
}
.sq-audio-card-list__card ._icon._selectable_row {
  margin-left: 32px;
}
.sq-audio-card-list__card ._icon._action {
  margin: 8px 8px 8px 8px;
  opacity: 0.8;
  transition: opacity 0.3s;
}
.sq-audio-card-list__card ._icon._action:first-of-type {
  margin-left: 16px;
}
.sq-audio-card-list__card ._icon._action:hover {
  opacity: 1;
}
.sq-audio-card-list__card ._audio_file {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPGcgdHJhbnNmb3JtPSJtYXRyaXgoLjAyMjA0MyAwIDAgLjAyMjQ0OSAuOTc4NjkgLjg5NDk0KSI+PHBhdGggZD0ibTI3MC40NiA0LjY3OTgtMTYxLjk3IDE2MnY4MThoMzI2LjY5di04MS42OTZoLTI0NS4wOHYtNjUzLjNoMTYzLjN2LTE2My4zaDQwOC4zOHY0MDguM2g4MS42OTR2LTQ5MHptNDQyLjg1IDU2NS44N2EzOC44OTkgMzguMTk1IDAgMCAwLTM4LjQ1NSAzOC40NTVsMS4wNjMyIDE3MC43YTEwNi40MyAxMDQuNCAwIDAgMC0yNy45OTktMy44MjgxIDEwNi40MyAxMDQuNCAwIDAgMC0xMDYuNDEgMTA0LjQgMTA2LjQzIDEwNC40IDAgMCAwIDEwNi40MSAxMDQuNCAxMDYuNDMgMTA0LjQgMCAwIDAgMTA2LjUtMTA0LjRsLTEuNDE3Ny0yMDcuNjggMTAxLjgxIDUzLjI0NiAzNi42ODMtNjcuMzQtMTU5LjQ5LTgzLjUyM2EzOC44OTkgMzguMTk1IDAgMCAwLTE4LjY5Ni00LjQzNzF6Ii8+PC9nPg0KPC9zdmc+DQo=");
  background-repeat: no-repeat;
}
.sq-audio-card-list__card ._title {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 16px;
  /*!-designToken-font-bold-medium-font-size*/
  color: #686868;
}
.sq-audio-card-list__card ._label {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 12px;
  /*!-designToken-font-bold-small-font-size*/
  color: #686868;
}
.sq-audio-card-list__card ._text {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-size: 12px;
  /*!-designToken-font-regular-small-font-size*/
}
.sq-audio-card-list__card ._satisfaction {
  width: 16px;
  height: 16px;
  margin: 0 8px 0 0;
}
.sq-audio-card-list__card ._satisfaction._level_u {
  background: #CECECE;
}
.sq-audio-card-list__card ._satisfaction._level_0 {
  background: #CE0010;
}
.sq-audio-card-list__card ._satisfaction._level_1 {
  background: #DE2429;
}
.sq-audio-card-list__card ._satisfaction._level_2 {
  background: #F75521;
}
.sq-audio-card-list__card ._satisfaction._level_3 {
  background: #FFBA21;
}
.sq-audio-card-list__card ._satisfaction._level_4 {
  background: #84C339;
}
.sq-audio-card-list__card ._satisfaction._level_5 {
  background: #219A18;
}
.sq-audio-card-list__card ._progress {
  position: relative;
  height: 30px;
  width: 60px;
}
.sq-audio-card-list__card-expandable {
  display: flex;
  flex-direction: column;
}
.sq-audio-card-list__card-expandable-title {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 16px;
  /*!-designToken-font-bold-medium-font-size*/
  color: #7f8387;
  margin: 8px 8px 8px 8px;
}
.sq-audio-card-list__card-expandable .ux-card-tree__node-list {
  border: none;
  background-color: transparent;
}
.sq-audio-edit__form .ux-label__content {
  margin-bottom: 24px;
  min-width: 300px;
}
.sq-results-list-advanced {
  display: flex;
  flex-direction: column;
}
.sq-results-list-advanced-actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.sq-results-list-advanced-actions__item {
  display: flex;
  flex-direction: row;
}
.sq-results-list-advanced-actions__item-button {
  padding: 0 16px 0 0;
}
.sq-results-list-advanced-actions__item-search {
  margin: 0 2.6em 0 0;
  width: 20em;
}
.sq-results-list-advanced-table {
  display: flex;
  flex-direction: column;
}
.sq-results-list-advanced-table-footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-top: 50px;
}
.sq-results-list-advanced-table-footer-item {
  margin: 0 16px 0 0;
}
.sq-results-list-advanced-table > .ux-table {
  width: 100%;
}
.sq-results-list-advanced-table > .ux-table .ux-table__column:nth-of-type(1) {
  flex: 0 0 28px;
  min-width: 28px;
}
.sq-results-list-advanced-table > .ux-table .ux-table__column:nth-of-type(2) {
  flex: 0 1 20%;
  min-width: calc(20% - 28px);
}
.sq-results-list-advanced-table > .ux-table .ux-table__column:nth-of-type(3) {
  flex: 0 1 10%;
  min-width: 10%;
}
.sq-results-list-advanced-table > .ux-table .ux-table__column:nth-of-type(4) {
  flex: 0 1 10%;
  min-width: 10%;
}
.sq-results-list-advanced-table > .ux-table .ux-table__column:nth-of-type(5) {
  flex: 0 1 10%;
  min-width: 10%;
}
.sq-results-list-advanced-table > .ux-table .ux-table__column:nth-of-type(6) {
  flex: 0 1 10%;
  min-width: 10%;
}
.sq-results-list-advanced-table > .ux-table .ux-table__column:nth-of-type(7) {
  flex: 0 1 10%;
  min-width: 10%;
}
.sq-results-list-advanced-table > .ux-table .ux-table__column:nth-of-type(8) {
  flex: 0 1 10%;
  min-width: 10%;
}
.sq-results-list-advanced-table > .ux-table .ux-table__column:nth-of-type(9) {
  flex: 0 1 10%;
  min-width: 10%;
}
.sq-results-list-advanced-table > .ux-table .ux-table__column:nth-of-type(10) {
  flex: 0 1 10%;
  min-width: 10%;
}
.sq-results-list-advanced-table > .ux-table._fullView .ux-table__column:nth-of-type(1) {
  flex: 0 0 28px;
  min-width: 28px;
}
.sq-results-list-advanced-table > .ux-table._fullView .ux-table__column:nth-of-type(2) {
  flex: 0 1 20%;
  min-width: calc(20% - 28px);
}
.sq-results-list-advanced-table > .ux-table._fullView .ux-table__column:nth-of-type(3) {
  flex: 0 1 10%;
  min-width: 10%;
}
.sq-results-list-advanced-table > .ux-table._fullView .ux-table__column:nth-of-type(4) {
  flex: 0 1 10%;
  min-width: 10%;
}
.sq-results-list-advanced-table > .ux-table._fullView .ux-table__column:nth-of-type(5) {
  flex: 0 1 10%;
  min-width: 10%;
}
.sq-results-list-advanced-table > .ux-table._fullView .ux-table__column:nth-of-type(6) {
  flex: 0 1 10%;
  min-width: 10%;
}
.sq-results-list-advanced-table > .ux-table._fullView .ux-table__column:nth-of-type(7) {
  flex: 0 1 10%;
  min-width: 10%;
}
.sq-results-list-advanced-table > .ux-table._fullView .ux-table__column:nth-of-type(8) {
  flex: 0 1 10%;
  min-width: 10%;
}
.sq-results-list-advanced-table > .ux-table._fullView .ux-table__column:nth-of-type(9) {
  flex: 0 1 10%;
  min-width: 10%;
}
.sq-results-list-advanced-table > .ux-table._fullView .ux-table__column:nth-of-type(10) {
  flex: 0 1 10%;
  min-width: 10%;
}
.sq-results-list-advanced-table > .ux-paging {
  margin: 40px 0 40px 0;
}
.sq-results-list {
  display: flex;
  flex-direction: column;
}
.sq-results-list-actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.sq-results-list-actions__item {
  display: flex;
  flex-direction: row;
}
.sq-results-list-actions__item-button {
  padding: 0 16px 0 0;
}
.sq-results-list-actions__item-search {
  margin: 0 2.6em 0 0;
  width: 20em;
}
.sq-results-list-table {
  display: flex;
  flex-direction: column;
}
.sq-results-list-table > .ux-table {
  width: 100%;
}
.sq-results-list-table .ux-table__column:nth-of-type(1) {
  flex: 0 0 28px;
  min-width: 28px;
}
.sq-results-list-table .ux-table__column:nth-of-type(2) {
  flex: 0 1 20%;
  min-width: calc(20% - 28px);
}
.sq-results-list-table .ux-table__column:nth-of-type(3) {
  flex: 0 1 20%;
  min-width: 20%;
}
.sq-results-list-table .ux-table__column:nth-of-type(4) {
  flex: 0 1 10%;
  min-width: 10%;
}
.sq-results-list-table .ux-table__column:nth-of-type(5) {
  flex: 0 1 10%;
  min-width: 10%;
}
.sq-results-list-table .ux-table__column:nth-of-type(6) {
  flex: 0 1 10%;
  min-width: 10%;
}
.sq-results-list-table .ux-table__column:nth-of-type(7) {
  flex: 0 1 10%;
  min-width: 10%;
}
.sq-results-list-table .ux-table__column:nth-of-type(8) {
  flex: 0 1 10%;
  min-width: 10%;
}
.sq-results-list-table .ux-table__column:nth-of-type(9) {
  flex: 0 1 10%;
  min-width: 10%;
}
.sq-results-report-pvqa {
  display: flex;
  flex-direction: column;
}
.sq-results-report-pvqa__header {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.sq-results-report-pvqa__section {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 30px 0 0 0;
}
.sq-results-report-pvqa__table-body > .ux-table {
  width: 100%;
}
.sq-results-report-pvqa__table-body .ux-table__column:nth-of-type(1) {
  flex: 0 0 12%;
  min-width: 12%;
}
.sq-results-report-pvqa__table-body .ux-table__column:nth-of-type(2) {
  flex: 0 0 9.5%;
  min-width: 9.5%;
}
.sq-results-report-pvqa__table-body .ux-table__column:nth-of-type(3) {
  flex: 0 0 9.5%;
  min-width: 9.5%;
}
.sq-results-report-pvqa__table-body .ux-table__column:nth-of-type(4) {
  flex: 0 0 9.5%;
  min-width: 9.5%;
}
.sq-results-report-pvqa__table-body .ux-table__column:nth-of-type(5) {
  flex: 0 0 9.5%;
  min-width: 9.5%;
}
.sq-results-report-pvqa__table-body .ux-table__column:nth-of-type(6) {
  flex: 0 0 9.5%;
  min-width: 9.5%;
}
.sq-results-report-pvqa__table-body .ux-table__column:nth-of-type(7) {
  flex: 0 0 9.5%;
  min-width: 9.5%;
}
.sq-results-report-pvqa__table-body .ux-table__column:nth-of-type(8) {
  flex: 0 0 9.5%;
  min-width: 9.5%;
}
.sq-results-report-pvqa__table-body .ux-table__column:nth-of-type(9) {
  flex: 0 0 9.5%;
  min-width: 9.5%;
}
.sq-results-report-pvqa__table-body .ux-table__column:nth-of-type(10) {
  flex: 0 0 calc(12% - 40px);
  min-width: calc(12% - 40px);
}
.sq-results-report-pvqa__table-body .ux-table__column:nth-of-type(11) {
  flex: 0 1 40px;
  min-width: 40px;
  width: 40px;
  max-width: 40px;
  justify-content: flex-end;
}
.sq-results-report-aqua {
  display: flex;
  flex-direction: column;
}
.sq-results-report-aqua__header {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.sq-results-report-aqua__section {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 30px 0 0 0;
}
.sq-results-report-aqua__table {
  margin: 0 0 40px 0;
}
.sq-results-report-aqua__table-body > .ux-table {
  width: 100%;
}
.qualityResultsTable .sq-results-report-aqua__table-body .ux-table__column:nth-of-type(1) {
  flex: 0 0 40px;
  min-width: 40px;
}
.qualityResultsTable .sq-results-report-aqua__table-body .ux-table__column:nth-of-type(2) {
  flex: 0 0 15%;
  min-width: 15%;
}
.qualityResultsTable .sq-results-report-aqua__table-body .ux-table__column:nth-of-type(3) {
  flex: 0 0 calc(85% - 40px);
  min-width: calc(85% - 40px);
}
.reasonsTable .sq-results-report-aqua__table-body .ux-table__column:nth-of-type(1) {
  flex: 0 0 40px;
  min-width: 40px;
}
.reasonsTable .sq-results-report-aqua__table-body .ux-table__column:nth-of-type(2) {
  flex: 0 0 calc(100% - 40px);
  min-width: calc(100% - 40px);
}
.valuesTable .sq-results-report-aqua__table-body .ux-table__column:nth-of-type(1) {
  flex: 0 0 40px;
  min-width: 40px;
}
.valuesTable .sq-results-report-aqua__table-body .ux-table__column:nth-of-type(2) {
  flex: 0 0 20%;
  min-width: 20%;
}
.valuesTable .sq-results-report-aqua__table-body .ux-table__column:nth-of-type(3) {
  flex: 0 0 20%;
  min-width: 20%;
}
.valuesTable .sq-results-report-aqua__table-body .ux-table__column:nth-of-type(4) {
  flex: 0 0 20%;
  min-width: 20%;
}
.valuesTable .sq-results-report-aqua__table-body .ux-table__column:nth-of-type(5) {
  flex: 0 0 calc(40% - 40px);
  min-width: calc(40% - 40px);
}
.spectrumTable .sq-results-report-aqua__table-body .ux-table__column:nth-of-type(1) {
  flex: 0 0 40px;
  min-width: 40px;
}
.spectrumTable .sq-results-report-aqua__table-body .ux-table__column:nth-of-type(2) {
  flex: 0 0 30%;
  min-width: 30%;
}
.spectrumTable .sq-results-report-aqua__table-body .ux-table__column:nth-of-type(3) {
  flex: 0 0 calc(70% - 40px);
  min-width: calc(70% - 40px);
}
.sq-results-full-list {
  display: flex;
  flex-direction: column;
}
.sq-results-full-list-actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.sq-results-full-list-actions__item {
  display: flex;
  flex-direction: row;
}
.sq-results-full-list-actions__item-button {
  padding: 0 16px 0 0;
}
.sq-results-full-list-actions__item-search {
  margin: 0 2.6em 0 0;
  width: 20em;
}
.sq-results-full-list-table {
  display: flex;
  flex-direction: column;
}
.sq-results-full-list-table__functions {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.sq-results-full-list-table__function._icon {
  min-width: 20px;
  width: 20px;
  height: 20px;
  margin: 8px 6px 8px 6px;
  opacity: 0.8;
  transition: opacity 0.3s;
}
.sq-results-full-list-table__function._icon:hover {
  opacity: 1;
}
.sq-results-full-list-table__function._progress {
  position: relative;
}
.sq-results-full-list-table__footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.sq-results-full-list-table__footer .ux-paging {
  width: auto;
}
.sq-results-full-list-table__footer .ux-paging__navigation {
  margin: 0 32px 0 0;
}
.sq-results-full-list-table-footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-top: 50px;
}
.sq-results-full-list-table-footer-item {
  margin: 0 16px 0 0;
}
.sq-results-full-list-table > .ux-table {
  width: 100%;
}
.sq-results-full-list-table > .ux-table .ux-table__column:nth-of-type(1) {
  flex: 0 1 calc((100% - 678px)/4);
  min-width: calc((100% - 678px)/4);
  width: calc((100% - 678px)/4);
}
.sq-results-full-list-table > .ux-table .ux-table__column:nth-of-type(2) {
  flex: 0 1 calc((100% - 678px)/4);
  min-width: calc((100% - 678px)/4);
  width: calc((100% - 678px)/4);
}
.sq-results-full-list-table > .ux-table .ux-table__column:nth-of-type(3) {
  flex: 0 1 calc((100% - 678px)/4);
  min-width: calc((100% - 678px)/4);
  width: calc((100% - 678px)/4);
}
.sq-results-full-list-table > .ux-table .ux-table__column:nth-of-type(4) {
  flex: 0 1 calc((100% - 678px)/4);
  min-width: calc((100% - 678px)/4);
  width: calc((100% - 678px)/4);
}
.sq-results-full-list-table > .ux-table .ux-table__column:nth-of-type(5) {
  flex: 0 1 110px;
  min-width: 110px;
  width: 110px;
}
.sq-results-full-list-table > .ux-table .ux-table__column:nth-of-type(6) {
  flex: 0 1 110px;
  min-width: 110px;
  width: 110px;
}
.sq-results-full-list-table > .ux-table .ux-table__column:nth-of-type(7) {
  flex: 0 1 110px;
  min-width: 110px;
  width: 110px;
}
.sq-results-full-list-table > .ux-table .ux-table__column:nth-of-type(8) {
  flex: 0 1 110px;
  min-width: 110px;
  width: 110px;
}
.sq-results-full-list-table > .ux-table .ux-table__column:nth-of-type(8) {
  flex: 0 1 110px;
  min-width: 110px;
  width: 110px;
}
.sq-results-full-list-table > .ux-table .ux-table__column:nth-of-type(9) {
  flex: 0 0 128px;
  min-width: 128px;
}
.sq-results-full-list-table > .ux-paging {
  margin: 40px 0 40px 0;
}
.sq-report-filter__container {
  display: flex;
  flex-direction: column;
}
.sq-report-filter__container-row {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}
.sq-report-filter__container-row-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.sq-report-filter__container-row-item-message {
  margin-top: 8px;
}
.sq-report-filter__container-row-item-message.error {
  color: #f04d30;
}
.sq-report-filter__container-footer {
  margin-top: 20px;
  width: 416px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.sq-report-filter__container-footer._compact {
  width: 300px;
}
.sq-report-filter__container-footer-item {
  margin: 0 20px 0 0;
}
.sq-report-filter__container-footer-item:last-child {
  margin: 0 0 0 0;
}
.sq-report-filter__container ux-label {
  width: 416px;
}
.sq-report-filter__container ux-label._compact {
  width: 300px;
}
.sq-report-filter__container .ux-multiple-field-devices {
  min-width: 600px;
  max-width: 600px;
}
.sq-report-filter__container .ux-multiple-field-devices._compact {
  min-width: 300px;
  max-width: 300px;
}
.sq-reports-view__wrapper {
  display: flex;
  flex-direction: row;
}
.sq-reports-view__wrapper-initial {
  display: flex;
  flex-direction: column;
}
.sq-reports-view__navigation-panel {
  display: flex;
  flex-direction: column;
  margin: 0 36px 0 0;
}
.sq-reports-view__container {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 30px 20px 30px 20px ;
}
.sq-reports-view__container-row {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}
.sq-reports-view__container-row-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.sq-reports-view__container-row-item-message {
  margin-top: 8px;
}
.sq-reports-view__container-row-item-message.error {
  color: #f04d30;
}
.sq-reports-view__container-footer {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.sq-reports-view__container-footer-item {
  margin: 0 20px 0 0;
}
.sq-reports-view__container-footer-item:last-child {
  margin: 0 0 0 0;
}
.sq-reports-view__container ux-label {
  width: 228px;
}
.sq-reports-view__container .ux-multiple-field-devices {
  min-width: 228px;
  max-width: 228px;
}
@media screen and (max-width: 800px) {
  .sq-reports-view__container-charts {
    min-width: 800px;
    max-width: 800px;
  }
}
@media screen and (min-width: 801px) and (max-width: 1024px) {
  .sq-reports-view__container-charts {
    width: calc(100% - 2*17px);
  }
}
@media screen and (min-width: 1025px) and (max-width: 1059px) {
  .sq-reports-view__container-charts {
    width: calc(1025px - 2*17px);
  }
}
@media screen and (min-width: 1060px) {
  .sq-reports-view__container-charts {
    min-width: 1024px;
    width: 1024px;
  }
}
.sq-reports-view__container-chart {
  width: 100%;
  height: 300px;
  margin: 40px 0 40px 0;
  display: block;
}
.sq-report-view__wrapper {
  display: flex;
  flex-direction: column;
}
.sq-report-view__toolbar {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin: 0 0 20px 0;
}
.sq-report-view__content {
  display: flex;
  flex-direction: row;
}
.sq-report-view__content-references {
  display: flex;
  flex-direction: column;
  width: 250px;
  min-width: 250px;
}
.sq-report-view__content-references-item {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 12px;
  /*!-designToken-font-bold-small-font-size*/
  height: 24px;
  line-height: 24px;
  padding: 0 24px 0 24px;
  margin: 4px 16px 4px 0;
  cursor: pointer;
}
.sq-report-view__content-references-item:first-child {
  margin-top: 0;
}
.sq-report-view__content-references-item:last-child {
  margin-bottom: 0;
}
.sq-report-view__content-references-item:hover {
  background: #fafafa;
}
.sq-report-view__content-data {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.sq-report-view__content-data-card {
  border: solid 1px #ccd2d9;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  background: #fafafa;
  margin: 24px 0 24px 0;
  padding: 24px 16px 24px 16px;
}
.sq-report-view__content-data-card:first-child {
  margin-top: 0;
}
.sq-report-view__content-data-card:last-child {
  margin-bottom: 0;
}
.sq-report-view__content-data-card-item {
  display: flex;
  flex-direction: column;
  margin: 16px 0 16px 0;
}
.sq-report-view__content-data-card-item:first-child {
  margin-top: 0;
}
.sq-report-view__content-data-card-item:last-child {
  margin-bottom: 0;
}
.sq-report-view__content-data-card-row {
  display: flex;
  flex-direction: row;
}
.sq-report-view__content-data-card-column {
  display: flex;
  flex-direction: column;
  flex: auto;
  margin: 0 16px 0 16px;
}
.sq-report-view__content-data-card-column:first-child {
  margin-left: 0;
}
.sq-report-view__content-data-card-column:last-child {
  margin-right: 0;
}
.sq-report-view__content-data-card-content {
  display: flex;
  flex-direction: column;
}
.sq-report-view__content-data-card ._loading {
  position: relative;
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 12px;
  /*!-designToken-font-bold-small-font-size*/
  color: #8a8d91;
}
.sq-report-view__content-data-card ._title {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 16px;
  /*!-designToken-font-bold-medium-font-size*/
  color: #8a8d91;
  margin: 0 0 16px 0;
}
.sq-report-view__content-data-card ._chart._summary {
  max-width: 400px;
}
.sq-report-view__table {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.sq-report-view__table-functions {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.sq-report-view__table-function._icon {
  min-width: 20px;
  width: 20px;
  height: 20px;
  margin: 8px 6px 8px 6px;
  opacity: 0.8;
  transition: opacity 0.3s;
}
.sq-report-view__table-function._icon:hover {
  opacity: 1;
}
.sq-report-view__table-function._progress {
  position: relative;
}
.sq-report-view__table > .ux-table {
  width: 100%;
}
.sq-report-view__table > .ux-table .ux-table__column:nth-of-type(1) {
  flex: 0 1 calc((100% - 788px)/4);
  min-width: calc((100% - 788px)/4);
  width: calc((100% - 788px)/4);
}
.sq-report-view__table > .ux-table .ux-table__column:nth-of-type(2) {
  flex: 0 1 calc((100% - 788px)/4);
  min-width: calc((100% - 788px)/4);
  width: calc((100% - 788px)/4);
}
.sq-report-view__table > .ux-table .ux-table__column:nth-of-type(3) {
  flex: 0 1 calc((100% - 788px)/4);
  min-width: calc((100% - 788px)/4);
  width: calc((100% - 788px)/4);
}
.sq-report-view__table > .ux-table .ux-table__column:nth-of-type(4) {
  flex: 0 1 calc((100% - 788px)/4);
  min-width: calc((100% - 788px)/4);
  width: calc((100% - 788px)/4);
}
.sq-report-view__table > .ux-table .ux-table__column:nth-of-type(5) {
  flex: 0 1 110px;
  min-width: 110px;
  width: 110px;
}
.sq-report-view__table > .ux-table .ux-table__column:nth-of-type(6) {
  flex: 0 1 110px;
  min-width: 110px;
  width: 110px;
}
.sq-report-view__table > .ux-table .ux-table__column:nth-of-type(7) {
  flex: 0 1 110px;
  min-width: 110px;
  width: 110px;
}
.sq-report-view__table > .ux-table .ux-table__column:nth-of-type(8) {
  flex: 0 1 110px;
  min-width: 110px;
  width: 110px;
}
.sq-report-view__table > .ux-table .ux-table__column:nth-of-type(9) {
  flex: 0 1 110px;
  min-width: 110px;
  width: 110px;
}
.sq-report-view__table > .ux-table .ux-table__column:nth-of-type(10) {
  flex: 0 1 110px;
  min-width: 110px;
  width: 110px;
}
.sq-report-view__table > .ux-table .ux-table__column:nth-of-type(11) {
  flex: 0 0 128px;
  min-width: 128px;
  width: 128px;
}
.sq-report-view__table-footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.sq-report-view__table-footer > .ux-paging {
  margin: 40px 0 40px 0;
  width: auto;
}
.sq-report-by-devices__wrapper {
  display: flex;
  flex-direction: column;
}
.sq-report-by-devices__phone {
  display: flex;
  flex-direction: column;
}
.sq-report-by-devices__phone-title {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 16px;
  /*!-designToken-font-bold-medium-font-size*/
}
.sq-report-by-devices__phone-data {
  display: flex;
  flex-direction: column;
}
.sq-report-by-devices__container {
  display: flex;
  flex-direction: column;
  flex-grow: 3;
}
.sq-report-by-devices__container-row {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}
.sq-report-by-devices__container-row-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.sq-report-by-devices__container-row-item-message {
  margin-top: 8px;
}
.sq-report-by-devices__container-row-item-message.error {
  color: #f04d30;
}
@media screen and (max-width: 800px) {
  .sq-report-by-devices__container-charts {
    min-width: 800px;
    max-width: 800px;
  }
}
@media screen and (min-width: 801px) and (max-width: 1024px) {
  .sq-report-by-devices__container-charts {
    width: calc(100% - 2*17px);
  }
}
@media screen and (min-width: 1025px) and (max-width: 1059px) {
  .sq-report-by-devices__container-charts {
    width: calc(1025px - 2*17px);
  }
}
@media screen and (min-width: 1060px) {
  .sq-report-by-devices__container-charts {
    min-width: 1024px;
    width: 1024px;
  }
}
.sq-report-by-devices__container-chart {
  width: 100%;
  height: 300px;
  margin: 40px 0 40px 0;
  display: block;
}
.sq-report-by-devices__container-chart > .ux-highchart {
  height: 300px;
}
.sq-report-by-results {
  display: flex;
  flex-direction: column;
}
.sq-report-by-results__back-to-tests {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 12px;
  /*!-designToken-font-bold-small-font-size*/
  color: #0c6cb0;
  cursor: pointer;
  margin: 0 0 20px 0;
}
.sq-report-by-results__back-to-tests:hover {
  color: #1f8eda;
}
.sq-report-by-results__wrapper {
  width: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.sq-report-by-results__card {
  display: flex;
  flex-direction: column;
}
.sq-report-by-results__card-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.sq-report-by-results__card-header-title {
  display: flex;
  flex-direction: column;
}
.sq-report-by-results__card-header-title._caption {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 16px;
  /*!-designToken-font-bold-medium-font-size*/
  color: #262626;
  line-height: 30px;
  padding: 0 20px 0 18px;
}
.sq-report-by-results__card-header-title._caption._empty {
  color: #aaaeb3;
}
.sq-report-by-results__card-header-title._no_results {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-size: 12px;
  /*!-designToken-font-regular-small-font-size*/
  color: #8a8d91;
  padding: 0 20px 0 18px;
}
.sq-report-by-results__card-header-toolbar {
  display: flex;
  flex-direction: row;
}
.sq-report-by-results__card-header-toolbar-item {
  display: flex;
  flex-direction: column;
  width: 200px;
  line-height: 30px;
}
.sq-report-by-results__card-header-toolbar-item._caption {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 12px;
  /*!-designToken-font-bold-small-font-size*/
  color: #aaaeb3;
}
.sq-report-by-results__card-header-toolbar-item._content {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-size: 12px;
  /*!-designToken-font-regular-small-font-size*/
  overflow: hidden;
  text-overflow: ellipsis;
}
.sq-report-by-results__card-content {
  display: flex;
  flex-direction: column;
}
.sq-report-by-results__card-content-title {
  display: flex;
  flex-direction: row;
  padding: 0 0 0 18px;
  cursor: pointer;
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 12px;
  /*!-designToken-font-bold-small-font-size*/
  color: #262626;
  line-height: 30px;
}
.sq-report-by-results__card-content-title._caption {
  padding: 0;
}
.sq-report-by-results__card-content-title._details {
  padding: 0 0 0 18px;
  color: #0c6cb0;
}
.sq-report-by-results__card-content-title._details:hover {
  color: #1f8eda;
}
.sq-report-by-results__card-content-title._details._icon {
  padding: 0;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmlld0JveD0iMCAwIDE3OTIgMTc5MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTM5NSA3MzZxMCAxMy0xMCAyM2wtNDY2IDQ2NnEtMTAgMTAtMjMgMTB0LTIzLTEwbC00NjYtNDY2cS0xMC0xMC0xMC0yM3QxMC0yM2w1MC01MHExMC0xMCAyMy0xMHQyMyAxMGwzOTMgMzkzIDM5My0zOTNxMTAtMTAgMjMtMTB0MjMgMTBsNTAgNTBxMTAgMTAgMTAgMjN6Ii8+PC9zdmc+);
  background-repeat: no-repeat;
  display: block;
  cursor: pointer;
  width: 24px;
  height: 24px;
  background-position: center;
  transition: transform 0.3s, _ 0.3s;
  position: relative;
  top: 2px;
}
.sq-report-by-results__card-content-title._details._icon._collapsed {
  transform: rotate(-180deg);
}
.sq-report-by-results__card-content-statistics {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 0 8px 0;
}
.sq-report-by-results__card-content-statistics-list {
  display: flex;
  flex-direction: row;
}
.sq-report-by-results__card-content-statistics-list-item {
  display: flex;
  flex-direction: column;
  padding: 0 8px 0 8px;
}
.sq-report-by-results__card-content-statistics-list-item._caption {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 12px;
  /*!-designToken-font-bold-small-font-size*/
  color: #aaaeb3;
  line-height: 30px;
  padding: 0 8px 0 8px;
  margin: 0 auto;
}
.sq-report-by-results__card-content-statistics-list-item._values {
  display: flex;
  flex-direction: row;
}
.sq-report-by-results__card-content-statistics-list-item._values-group {
  display: flex;
  flex-direction: column;
  padding: 0 8px 0 8px;
}
.sq-report-by-results__card-content-statistics-list-item._values-group._value {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 12px;
  /*!-designToken-font-bold-small-font-size*/
  padding: 0;
}
.sq-report-by-results__card-content-statistics-list-item._values-group._value._level_0 {
  color: #CE0010;
}
.sq-report-by-results__card-content-statistics-list-item._values-group._value._level_1 {
  color: #DE2429;
}
.sq-report-by-results__card-content-statistics-list-item._values-group._value._level_2 {
  color: #F75521;
}
.sq-report-by-results__card-content-statistics-list-item._values-group._value._level_3 {
  color: #FFBA21;
}
.sq-report-by-results__card-content-statistics-list-item._values-group._value._level_4 {
  color: #84C339;
}
.sq-report-by-results__card-content-statistics-list-item._values-group._value._level_5 {
  color: #219A18;
}
.sq-report-by-results__card-content-statistics-list-item._values-group._label {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-size: 12px;
  /*!-designToken-font-regular-small-font-size*/
  padding: 0;
}
.sq-report-by-results__card-content-expanded {
  padding: 0 0 0 18px;
}
.sq-report-by-results__card-content-expanded-wrapper {
  display: flex;
  flex-direction: column;
}
.sq-report-by-results__card-content-expanded-tab {
  width: 100%;
  min-height: 300px;
}
.sq-report-by-results__card-content-expanded-tab__item-container {
  display: flex;
  flex-direction: column;
  border: 1px solid #d4d7d9;
  border-radius: 4px;
  background-color: #fff;
  padding: 16px 16px 16px 16px;
  margin: 16px 32px 16px 0;
}
.sq-report-by-results__card-content-expanded-tab__chart {
  display: flex;
  flex-direction: column;
}
.sq-report-by-results__card-content-expanded-tab__chart-head {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 16px;
  /*!-designToken-font-bold-medium-font-size*/
  margin: 0 0 32px 0;
}
.sq-report-by-results__card-content-expanded-tab__chart-linear {
  margin: 0 0 32px 0;
}
.sq-report-by-results__card-content-expanded-summary-tab {
  display: flex;
  flex-direction: row;
}
.sq-report-by-results__card-content-expanded-summary-tab__table {
  margin: 16px;
  padding: 0 18px;
  border: solid 1px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
}
.sq-report-by-results__card-content-expanded-summary-tab__table > table > thead > tr > td {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 12px;
  /*!-designToken-font-bold-small-font-size*/
  line-height: 40px;
  padding: 0 18px;
}
.sq-report-by-results__card-content-expanded-summary-tab__table > table > tbody > tr > td {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-size: 12px;
  /*!-designToken-font-regular-small-font-size*/
  line-height: 30px;
  padding: 0 18px;
}
.sq-report-by-results__card-content-expanded-summary-tab__table > table > tbody > tr > td._level_0 {
  color: #CE0010;
}
.sq-report-by-results__card-content-expanded-summary-tab__table > table > tbody > tr > td._level_1 {
  color: #DE2429;
}
.sq-report-by-results__card-content-expanded-summary-tab__table > table > tbody > tr > td._level_2 {
  color: #F75521;
}
.sq-report-by-results__card-content-expanded-summary-tab__table > table > tbody > tr > td._level_3 {
  color: #FFBA21;
}
.sq-report-by-results__card-content-expanded-summary-tab__table > table > tbody > tr > td._level_4 {
  color: #84C339;
}
.sq-report-by-results__card-content-expanded-summary-tab__table > table > tbody > tr > td._level_5 {
  color: #219A18;
}
.sq-report-by-results__card-content-expanded-summary-tab__table > table > tbody > tr > td:first-child {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 12px;
  /*!-designToken-font-bold-small-font-size*/
  padding: 0 36px;
}
.sq-report-by-results__card-content-expanded-summary-tab__satisfaction-chart {
  width: 350px;
  height: 260px;
  margin: 16px;
}
.sq-report-by-results__card-content-expanded__probes {
  display: flex;
  flex-direction: column;
}
.sq-report-by-results__card-content-expanded__probes-progress {
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.sq-report-by-results__card-content-expanded-collaps {
  display: flex;
  flex-direction: row;
  cursor: pointer;
}
.sq-satisfaction-chart {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.sq-satisfaction-chart__wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  background: #fff;
  border: solid 1px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
}
.sq-satisfaction-chart__header {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 12px;
  /*!-designToken-font-bold-small-font-size*/
  color: #8a8d91;
  margin: 0 auto;
  line-height: 30px;
}
.sq-satisfaction-chart__content {
  display: flex;
  flex-direction: column;
}
.sq-satisfaction-chart__content-level {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-size: 12px;
  /*!-designToken-font-regular-small-font-size*/
  display: flex;
  flex-direction: row;
  line-height: 30px;
  padding: 0 16px;
}
.sq-satisfaction-chart__content-level-axe-value {
  color: #262626;
  padding: 0 4px 0 16px;
}
.sq-satisfaction-chart__content-level-legend {
  color: #ffffff;
  width: 100%;
  position: relative;
  top: 15px;
}
.sq-satisfaction-chart__content-level-legend-caption {
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.sq-satisfaction-chart__content-level-legend._level_empty {
  background-color: transparent;
}
.sq-satisfaction-chart__content-level-legend._level_0 {
  background-color: #CE0010;
}
.sq-satisfaction-chart__content-level-legend._level_1 {
  background-color: #DE2429;
}
.sq-satisfaction-chart__content-level-legend._level_2 {
  background-color: #F75521;
}
.sq-satisfaction-chart__content-level-legend._level_3 {
  background-color: #FFBA21;
}
.sq-satisfaction-chart__content-level-legend._level_4 {
  background-color: #84C339;
}
.sq-satisfaction-chart__content-level-legend._level_5 {
  background-color: #219A18;
}
.sq-summary-chart {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.sq-summary-chart__wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  background: #fff;
  border: solid 1px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  padding: 32px 32px 32px 32px;
}
.sq-summary-chart__wrapper tr td {
  padding: 8px 0 8px 0;
}
.sq-summary-chart__statistic._title {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-size: 12px;
  /*!-designToken-font-regular-small-font-size*/
  color: #262626;
}
.sq-summary-chart__statistic._label {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 12px;
  /*!-designToken-font-bold-small-font-size*/
  color: #8a8d91;
}
.sq-summary-chart__statistic._value {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 12px;
  /*!-designToken-font-bold-small-font-size*/
}
.sq-summary-chart__statistic._value._level_u {
  color: #CECECE;
}
.sq-summary-chart__statistic._value._level_0 {
  color: #CE0010;
}
.sq-summary-chart__statistic._value._level_1 {
  color: #DE2429;
}
.sq-summary-chart__statistic._value._level_2 {
  color: #F75521;
}
.sq-summary-chart__statistic._value._level_3 {
  color: #FFBA21;
}
.sq-summary-chart__statistic._value._level_4 {
  color: #84C339;
}
.sq-summary-chart__statistic._value._level_5 {
  color: #219A18;
}
.sq-testcase-chart {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.sq-testcase-chart__wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: #fff;
  padding: 32px 32px 32px 32px;
  border: solid 1px #ccd2d9;
  border-radius: 4px;
}
.sq-testcase-chart__card {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 10px 0 10px 0;
}
.sq-testcase-chart__card:first-child {
  margin-top: 0;
}
.sq-testcase-chart__card:last-child {
  margin-bottom: 0;
}
.sq-testcase-chart__card-head ._title {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 18px /*!-designToken-font-bold-big-font-size*/;
  color: #8a8d91;
}
.sq-testcase-chart__card-content {
  margin: 0 0 24px 0;
}
.sq-testcase-chart__card-content-title {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 12px;
  /*!-designToken-font-bold-small-font-size*/
  color: #8a8d91;
}
.sq-testcase-chart__card-content table._stripped tbody tr:nth-child(odd) {
  background: #fafafa;
}
.sq-testcase-chart__card-content table thead tr td {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 12px;
  /*!-designToken-font-bold-small-font-size*/
  color: #8a8d91;
  background: #e1e2e3;
  padding: 8px 0 8px 0;
}
.sq-testcase-chart__card-content table tbody tr td {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-size: 12px;
  /*!-designToken-font-regular-small-font-size*/
  padding: 8px 0 8px 0;
}
.sq-testcase-chart__card-content table tbody tr td._label {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 12px;
  /*!-designToken-font-bold-small-font-size*/
  color: #8a8d91;
  min-width: 200px;
}
.sq-testcase-chart__card-content table tbody tr td._label._top {
  vertical-align: top;
}
.sq-testcase-chart__card-content table tbody tr td._value {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-size: 12px;
  /*!-designToken-font-regular-small-font-size*/
  color: #8a8d91;
  min-width: 100px;
}
.sq-testcase-chart__card-content table tbody tr td._value ._row {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sq-testcase-chart__card-content table tbody tr td._sign {
  min-width: 40px;
}
.sq-testcase-chart__card-content table tbody tr td._sign ._icon {
  height: 16px;
  width: 16px;
}
.sq-testcase-chart__card-content table tbody tr td ._level {
  width: 12px;
  height: 12px;
  margin: 0 8px 0 0;
}
.sq-testcase-chart__card-content table tbody tr td ._level._level_u {
  background: #CECECE;
}
.sq-testcase-chart__card-content table tbody tr td ._level._level_0 {
  background: #CE0010;
}
.sq-testcase-chart__card-content table tbody tr td ._level._level_1 {
  background: #DE2429;
}
.sq-testcase-chart__card-content table tbody tr td ._level._level_2 {
  background: #F75521;
}
.sq-testcase-chart__card-content table tbody tr td ._level._level_3 {
  background: #FFBA21;
}
.sq-testcase-chart__card-content table tbody tr td ._level._level_4 {
  background: #84C339;
}
.sq-testcase-chart__card-content table tbody tr td ._level._level_5 {
  background: #219A18;
}
.sq-testcase-chart__card-content table tbody tr td .audio-label {
  display: flex;
  flex-direction: row;
}
.sq-testcase-chart__card-content table tbody tr td .audio-label._progress {
  position: relative;
}
.sq-testcase-chart__card-content table tbody tr td .audio-label._name {
  position: relative;
  margin: 0 16px 0 0;
}
.sq-testcase-chart__card-content table tbody tr td .audio-label._icon {
  position: relative;
  min-width: 20px;
  width: 20px;
  height: 20px;
  margin: 0 8px 0 8px;
  opacity: 0.8;
  transition: opacity 0.3s;
}
.sq-testcase-chart__card-content table tbody tr td .audio-label._icon:hover {
  opacity: 1;
}
.sq-probes-report-list__cards > .ux-table {
  width: 100%;
}
.sq-probes-report-list__cards > .ux-table .ux-table__column:nth-of-type(1) {
  flex: 0 1 20%;
  min-width: 20%;
}
.sq-probes-report-list__cards > .ux-table .ux-table__column:nth-of-type(2) {
  flex: 0 1 20%;
  min-width: 20%;
}
.sq-probes-report-list__cards > .ux-table .ux-table__column:nth-of-type(3) {
  flex: 0 1 20%;
  min-width: 20%;
}
.sq-probes-report-list__cards > .ux-table .ux-table__column:nth-of-type(4) {
  flex: 0 1 10%;
  min-width: 10%;
}
.sq-probes-report-list__cards > .ux-table .ux-table__column:nth-of-type(5) {
  flex: 0 1 10%;
  min-width: 10%;
}
.sq-probes-report-list__cards > .ux-table .ux-table__column:nth-of-type(6) {
  flex: 0 1 5%;
  min-width: 5%;
}
.sq-probes-report-list__cards > .ux-table .ux-table__column:nth-of-type(7) {
  flex: 0 1 5%;
  min-width: 5%;
}
.sq-probes-report-list__cards > .ux-table .ux-table__column:nth-of-type(8) {
  flex: 0 1 5%;
  min-width: 5%;
}
.sq-probes-report-list__cards > .ux-table .ux-table__column:nth-of-type(9) {
  flex: 0 1 5%;
  min-width: 5%;
}
.sq-report-wizard__wrapper {
  display: flex;
  flex-direction: column;
}
.sq-report-wizard__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.sq-report-wizard__header-head {
  display: flex;
  flex-direction: column;
}
.sq-report-wizard__header-head._title {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 22px /*!-designToken-font-bold-large-font-size*/;
}
.sq-report-wizard__header-navigation {
  display: flex;
  flex-direction: row;
}
.sq-report-wizard__header-navigation-item {
  width: 200px;
}
.sq-report-wizard__header-navigation-item:first-child {
  margin-right: 4px;
}
.sq-report-wizard__header-navigation-item:last-child {
  margin-left: 4px;
}
.sq-report-wizard__header-navigation-item button {
  width: 200px;
}
.sq-report-wizard__content {
  display: flex;
  flex-direction: column;
  min-height: 400px;
  margin: 16px 0 0 0;
  padding: 16px;
  border: solid 1px #ccd2d9;
  border-radius: 4px;
  background: #fafafa;
}
.sq-report-wizard__page {
  display: flex;
  flex-direction: column;
}
.sq-report-wizard__page .ux-label {
  width: 300px;
  margin: 20px 0 20px 0;
}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
input[type="text"] {
  border: none;
}
input[type="text"]:focus,
input[type="text"]:active {
  outline: none;
}
button {
  border: none;
  background-color: transparent;
}
button:focus,
button:active {
  outline: none;
}
* {
  box-sizing: border-box;
}
*:before,
*:after {
  box-sizing: border-box;
}
._margin_no {
  margin: 0 !important;
}
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
}
ul,
li {
  margin: 0;
  padding: 0;
}
p {
  margin: 0;
}
a,
a:hover,
a:focus,
a:active {
  cursor: pointer;
  text-decoration: none;
  outline: none;
}
._page-limiter {
  max-width: 1180px;
  margin: auto;
}
button {
  padding: 0;
}
h3,
h1 {
  margin: 40px 0 20px;
}
._unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
/*base*/
/*****/
/*font-light*/
/**********/
/*font-regular*/
/**********/
/*font-bold*/
/**********/
@font-face {
  font-family: "NotoSans";
  src: url('notosans_light.woff') format('woff');
  /*!-designToken-font-src*/
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "NotoSans";
  src: url('notosans_regular.woff') format('woff');
  /*!-designToken-font-src*/
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "NotoSans";
  src: url('notosans_regular.woff') format('woff');
  /*!-designToken-font-src*/
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "NotoSans";
  src: url('notosans_bold.woff') format('woff');
  /*!-designToken-font-src*/
  font-weight: 700;
  font-style: normal;
}
.ux-accordion {
  display: block;
}
.ux-accordion-item {
  display: block;
}
.ux-accordion-item__header {
  position: relative;
  margin-bottom: 6px;
  padding-left: 16px;
  font-size: 14px;
  line-height: 30px;
  color: #262626;
  letter-spacing: 0.05em;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ux-accordion-item__header:hover {
  cursor: pointer;
}
.ux-accordion-item__header._disabled {
  cursor: default;
}
.ux-accordion-item__header-caption,
.ux-accordion-item__header-content {
  max-width: 100%;
  position: relative;
  display: inline-block;
  vertical-align: top;
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  color: #262626;
  /*!-designToken-accordion-item-header-color*/
}
.ux-accordion-item__header-icon > :first-child {
  position: absolute;
  left: -4px;
  top: 0;
  width: 18px;
  height: 30px;
  fill: #000;
  fill-rule: evenodd;
  stroke: none;
  overflow: hidden;
  transition: transform 0.2s;
}
.ux-accordion-item__header._active > .ux-accordion-item__header-icon > :first-child {
  transition: transform 0.2s;
  transform: rotate(90deg) translate3d(0, 0, 0);
}
.ux-accordion-item__content {
  transition: max-height 0.3s ease;
}
.ux-accordion-item__content-inner {
  position: relative;
  width: 100%;
  font-size: 14px;
  letter-spacing: 0.02em;
  color: #262626;
  text-overflow: ellipsis;
}
.field-placeholder-default::-moz-placeholder {
  font-family: inherit;
  /*!-designToken-field-placeholder-font-family*/
  font-size: inherit;
  /*!-designToken-field-placeholder-font-size*/
  color: #7f8387;
  /*!-designToken-field-placeholder-color*/
}
.field-placeholder-default::placeholder {
  font-family: inherit;
  /*!-designToken-field-placeholder-font-family*/
  font-size: inherit;
  /*!-designToken-field-placeholder-font-size*/
  color: #7f8387;
  /*!-designToken-field-placeholder-color*/
}
.ux-attached-file {
  display: block;
}
.ux-attached-file__files-list-wrapper {
  margin: 20px 0;
}
.ux-attached-file__files-list {
  list-style: none;
}
.ux-attached-file__files-list-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 30px;
  margin-left: 2px;
}
.ux-attached-file__uploaded-file-icon {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbl9hdHRhY2htZW50cyIgdmlld0JveD0iMCAwIDI4IDMyIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxwYXRoIGQ9Ik0yMCAwYTguMTggOC4xOCAwIDAgMC01LjY2IDIuMzZMMy4yMiAxMy4yNWExMSAxMSAwIDAgMCAxNS41NyAxNS41NGw1LTVMMjEgMjFsLTQuNjUgNC41Mi0uMzYuNTJBNy4wMTggNy4wMTggMCAwIDEgNiAxNi4xOGwxMS4xNi0xMWE0LjE1IDQuMTUgMCAwIDEgNS43OCAwIDQuMDUgNC4wNSAwIDAgMSAwIDUuNjVsLTEwIDkuODlhMS4wOCAxLjA4IDAgMSAxLTEuNTItMS41MmwuMjQtLjEyIDMuNjUtMy43Ni0yLjc3LTIuNzYtMy45NCAzLjg2YTUgNSAwIDAgMCA3IDdsMTAtOS43N0E4IDggMCAwIDAgMjAgMHoiPjwvcGF0aD4NCjwvc3ZnPg0K);
  background-repeat: no-repeat;
}
.ux-attached-file__download-file-icon {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQzMy41IDQzMy41IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjAgMCA0MzMuNSA0MzMuNSIgdmVyc2lvbj0iMS4xIiB5PSIwcHgiIHg9IjBweCIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIj48bWV0YWRhdGE+PHJkZjpSREY+PGNjOldvcmsgcmRmOmFib3V0PSIiPjxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PjxkYzp0eXBlIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiLz48ZGM6dGl0bGUvPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48cGF0aCBkPSJtMzk1LjI1IDE1M2gtMTAydi0xNTNoLTE1M3YxNTNoLTEwMmwxNzguNSAxNzguNSAxNzguNS0xNzguNXptLTM1NyAyMjkuNXY1MWgzNTd2LTUxaC0zNTd6Ii8+PC9zdmc+);
  background-repeat: no-repeat;
}
.ux-attached-file__file-name {
  margin-left: 10px;
  line-height: 1.42;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-size: 16px;
  /*!-designToken-font-regular-medium-font-size*/
  color: inherit;
  /*!-designToken-attachment-file-name-color*/
}
.ux-attached-file__file-icon-wrapper {
  flex-shrink: 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 50px;
  height: 20px;
  margin: 0 10px;
}
.ux-attached-file__file-icon-wrapper:hover {
  cursor: pointer;
}
.ux-attached-file__file-icon-wrapper {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.2s linear, opacity 0.2s linear, transform 0.2s linear;
}
.ux-attached-file__files-list-item:hover .ux-attached-file__file-icon-wrapper {
  visibility: visible;
  opacity: 1;
}
.ux-attached-file__file-remove-icon {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-size: contain;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAS9JREFUKBV9kb1KA0EUhe+ZRQhBRUTIprCwNqsPEAufIMkGf1qxsNcqNtZa6QNYCJaCGhu1EwsNloa8w66itYg717lZZ7KarFPMD3O+e8+cQRw0thgq8p/Pr+ifEc83q4xkl9TkumJNRU70WbTQrOUxfYD0DRHGStNeovze5REUWnmgA0CPpZmpOu5OPmCrR0G4zZr34alVazUFkmsCOgaoCSB6B8nBgcQrIO+daRgYgn6D9GlKiiXXQe5lqHQZzNB4IjJGiceZ6NhaGij+QPbRAO5NuRYxnY5K1XWygLH0ICmVu+2DvFT70MtiuMTyDz+AteR3Lw5HgRBAf7GJNe1ggewbXKoKa6ZQG1GlcSsC+3FZcXYfB+EOM+8VUJyj1+rmBC9vFLKCvP1bpT4rd99P/qAhl6c/OAAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
}
.ux-attachment {
  display: block;
}
.ux-attachment__input {
  display: none;
}
.ux-attachment__drop-area {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 20px;
  height: 80px;
  border: 2px dashed #aaaeb3;
  /*!-designToken-attachment-drop-area-border-size dashed -designToken-attachment-drop-area-border-color*/
  border-radius: 4px;
  background-color: transparent;
  /*!-designToken-attachment-drop-area-background-color*/
  transition: background-color 0.2s linear;
}
.ux-attachment__drop-area-text {
  position: relative;
  pointer-events: none;
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-size: 16px;
  /*!-designToken-font-regular-medium-font-size*/
  color: inherit;
  /*!-designToken-attachment-drop-area-text-color*/
}
.ux-attachment__drop-area:hover:not(._disabled) {
  cursor: pointer;
  background-color: rgba(170, 174, 179, 0.25);
  /*!fade(-designToken-attachment-drop-area-hover-background-color, 25%)*/
}
.ux-attachment__drop-area._dragover:not(._disabled) {
  background-color: rgba(170, 174, 179, 0.25);
  /*!fade(-designToken-attachment-drop-area-dragover-background-color, 25%)*/
}
.ux-attachment__drop-area._disabled {
  cursor: default;
  opacity: 0.5;
  pointer-events: none;
}
.ux-attachment__errors {
  position: relative;
  margin: 20px 0;
  padding: 12px 24px 14px 12px;
  border: solid 1px #aaaeb3;
  border-left: 12px solid #f04d30;
  border-radius: 4px;
}
.ux-attachment__errors-close-icon {
  position: absolute;
  top: 15px;
  right: 12px;
  width: 12px;
  height: 12px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi4yODEiIGhlaWdodD0iMTIuMzQiIHZpZXdCb3g9IjAgMCAxMi4yODEgMTIuMzQiPg0KICA8bWV0YWRhdGE+PD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4NCjx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4NCiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+DQogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+DQogICA8L3JkZjpSREY+DQo8L3g6eG1wbWV0YT4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICANCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICANCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICANCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICANCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICANCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICANCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICANCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICANCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICANCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICANCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICANCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICANCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICANCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICANCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICANCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICANCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICANCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICANCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICANCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICANCiAgICAgICAgICAgICAgICAgICAgICAgICAgIA0KPD94cGFja2V0IGVuZD0idyI/PjwvbWV0YWRhdGE+DQo8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik05NjkuMjE4LDI2MDcuNjRsLTUuMjU5LDUuMjYsNS4yMzcsNS4yMy0wLjg2Mi44Ny01LjIzNy01LjI0LTUuMTkzLDUuMTktMC45NzItLjk3LDUuMTkzLTUuMTktNS4xMDUtNS4xMSwwLjg2Mi0uODYsNS4xMDUsNS4xMSw1LjI1OS01LjI2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk1Ni45MzggLTI2MDYuNjYpIi8+DQo8L3N2Zz4NCg==);
  background-repeat: no-repeat;
}
.ux-attachment__errors-title {
  display: inline-block;
  line-height: 1.42;
  margin-bottom: 4px;
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 12px;
  /*!-designToken-font-bold-small-font-size*/
}
.ux-attachment__errors-list-item {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-size: 12px;
  /*!-designToken-font-regular-small-font-size*/
  line-height: 1.42;
  list-style-type: none;
}
.ux-attachment__files-list-wrapper {
  margin: 20px 0;
}
.ux-attachment__files-list-wrapper._disabled {
  cursor: default;
  opacity: 0.5;
  pointer-events: none;
}
.ux-attachment__files-list {
  list-style: none;
}
.ux-attachment__files-list-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 30px;
  margin-left: 2px;
}
.ux-attachment__uploaded-file-icon {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbl9hdHRhY2htZW50cyIgdmlld0JveD0iMCAwIDI4IDMyIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxwYXRoIGQ9Ik0yMCAwYTguMTggOC4xOCAwIDAgMC01LjY2IDIuMzZMMy4yMiAxMy4yNWExMSAxMSAwIDAgMCAxNS41NyAxNS41NGw1LTVMMjEgMjFsLTQuNjUgNC41Mi0uMzYuNTJBNy4wMTggNy4wMTggMCAwIDEgNiAxNi4xOGwxMS4xNi0xMWE0LjE1IDQuMTUgMCAwIDEgNS43OCAwIDQuMDUgNC4wNSAwIDAgMSAwIDUuNjVsLTEwIDkuODlhMS4wOCAxLjA4IDAgMSAxLTEuNTItMS41MmwuMjQtLjEyIDMuNjUtMy43Ni0yLjc3LTIuNzYtMy45NCAzLjg2YTUgNSAwIDAgMCA3IDdsMTAtOS43N0E4IDggMCAwIDAgMjAgMHoiPjwvcGF0aD4NCjwvc3ZnPg0K);
  background-repeat: no-repeat;
}
.ux-attachment__file-upload-progress-icon {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  transform: rotate(-90deg);
}
.ux-attachment__file-upload-progress-icon-background-circle {
  fill: none;
  stroke: #d4d7d9;
  stroke-width: 4px;
}
.ux-attachment__file-upload-progress-icon-foreground-circle {
  fill: none;
  stroke: #5bc029;
  stroke-width: 4px;
  stroke-dasharray: 62.8;
  transition: stroke-dashoffset 0.5s linear;
}
.ux-attachment__file-name {
  margin-left: 10px;
  line-height: 1.42;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-size: 16px;
  /*!-designToken-font-regular-medium-font-size*/
  color: inherit;
  /*!-designToken-attachment-file-name-color*/
}
.ux-attachment__file-size {
  flex-shrink: 0;
  margin-left: 10px;
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-size: 16px;
  /*!-designToken-font-regular-medium-font-size*/
  color: #d4d7d9;
  /*!-designToken-attachment-file-size-color*/
}
.ux-attachment__file-remove-icon-wrapper {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin: 0 10px;
}
.ux-attachment__file-remove-icon-wrapper:hover {
  cursor: pointer;
}
.ux-attachment__file-remove-icon-wrapper {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.2s linear, opacity 0.2s linear, transform 0.2s linear;
}
.ux-attachment__files-list-item:hover .ux-attachment__file-remove-icon-wrapper {
  visibility: visible;
  opacity: 1;
}
.ux-attachment__file-remove-icon {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-size: contain;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAS9JREFUKBV9kb1KA0EUhe+ZRQhBRUTIprCwNqsPEAufIMkGf1qxsNcqNtZa6QNYCJaCGhu1EwsNloa8w66itYg717lZZ7KarFPMD3O+e8+cQRw0thgq8p/Pr+ifEc83q4xkl9TkumJNRU70WbTQrOUxfYD0DRHGStNeovze5REUWnmgA0CPpZmpOu5OPmCrR0G4zZr34alVazUFkmsCOgaoCSB6B8nBgcQrIO+daRgYgn6D9GlKiiXXQe5lqHQZzNB4IjJGiceZ6NhaGij+QPbRAO5NuRYxnY5K1XWygLH0ICmVu+2DvFT70MtiuMTyDz+AteR3Lw5HgRBAf7GJNe1ggewbXKoKa6ZQG1GlcSsC+3FZcXYfB+EOM+8VUJyj1+rmBC9vFLKCvP1bpT4rd99P/qAhl6c/OAAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
}
.ux-attachment__buttons-wrapper {
  margin: 20px 0;
}
.ux-attachment__buttons-wrapper .ux-button:not(:last-child) {
  margin-right: 8px;
}
.ux-breadcrumbs {
  display: block;
  background-color: transparent;
  /*!-designToken-breadcrumbs-background-color*/
}
.ux-breadcrumbs__item {
  display: inline-block;
  vertical-align: middle;
  border-bottom: 1px solid transparent;
  background-color: transparent;
  /*!-designToken-breadcrumbs-item-background-color*/
  line-height: 1.21;
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  color: #0c6cb0;
  /*!-designToken-breadcrumbs-item-color*/
}
.ux-breadcrumbs__item._label {
  cursor: pointer;
}
.ux-breadcrumbs__item._label:focus {
  outline: none;
}
.ux-breadcrumbs__item._label:hover,
.ux-breadcrumbs__item._label:active {
  border-bottom: 1px solid #0c6cb0;
}
.ux-breadcrumbs__item._separator {
  width: 18px;
  height: 18px;
}
.ux-button {
  position: relative;
  display: inline-block;
}
.ux-button._full-width {
  width: 100%;
}
.ux-button__button {
  display: inline-flex;
  align-items: center;
  height: 32px;
  padding: 0 23px;
  border: 1px solid transparent;
  border-radius: 4px;
  /*!-designToken-button-border-radius*/
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06);
  /*!-designToken-button-box-shadow*/
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
  position: relative;
}
.ux-button__button::after {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: -3px;
  right: -3px;
  box-sizing: border-box;
  border: 2px solid transparent;
  border-radius: 7px;
  /*!-designToken-state-focus-passive-border-radius*/
  transition: border-color 0.1s linear, border-radius 0.1s linear, top 0.1s linear, bottom 0.1s linear, left 0.1s linear, right 0.1s linear;
}
.ux-button__button._kind-default {
  border: 1px solid #ccd2d9;
  /*!-designToken-button-default-border-size solid -designToken-button-default-border-color*/
  background-color: #fff;
  /*!-designToken-button-default-background-color*/
  color: #262626;
  /*!-designToken-button-default-color*/
}
.ux-button__button._kind-default:active:not(:disabled) {
  border-color: #ccd2d9;
  /*!-designToken-button-default-active-border-color*/
  background-color: #f5f6f7;
  /*!-designToken-button-default-active-background-color*/
}
.ux-button__button._kind-primary {
  border: 1px solid #1b81c4;
  /*!-designToken-button-primary-border-size solid -designToken-button-primary-border-color*/
  background-color: #1f8eda;
  /*!-designToken-button-primary-background-color*/
  color: #fff;
  /*!-designToken-button-primary-color*/
}
.ux-button__button._kind-primary:active:not(:disabled) {
  border-color: #0b5f9c;
  /*!-designToken-button-primary-active-border-color*/
  background-color: #0c6cb0;
  /*!-designToken-button-primary-active-background-color*/
}
.ux-button__button._disabled,
.ux-button__button:active._disabled {
  cursor: default;
  opacity: 0.5;
}
.ux-button__button._locked,
.ux-button__button:active._locked {
  cursor: default;
}
.ux-button__button:focus:not(:disabled)::after {
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  border-color: #e1e2e3;
  /*!-designToken-state-action-focus-active-border-color*/
  border-radius: 7px;
  /*!-designToken-state-action-focus-active-border-radius*/
}
.ux-button__button:hover:not(:disabled)::after {
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  border-color: #ffbb29;
  /*!-designToken-state-hover-active-border-color*/
  border-radius: 7px;
  /*!-designToken-state-hover-active-border-radius*/
  z-index: 1000;
}
.ux-button__button._with-icon {
  padding-left: 30px;
}
.ux-button__button._with-icon._no-text {
  padding-right: 0;
}
.ux-button._full-width .ux-button__button {
  width: 100%;
  justify-content: center;
}
.ux-button._size-m .ux-button__button {
  height: 40px;
}
.ux-button__text {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  line-height: 1.21;
  margin: 0 auto;
}
.ux-button__icon {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
}
.ux-button__icon > :first-child {
  width: 20px;
  height: 20px;
  fill-rule: evenodd;
  stroke: none;
  overflow: hidden;
}
.ux-button__icon_white > :first-child {
  fill: #fff;
}
.ux-button__icon_black > :first-child {
  fill: #000;
}
.ux-table-header .ux-button + .ux-button,
.ux-table-header .ux-multiple-button + .ux-button,
.ux-toolbar .ux-button + .ux-button,
.ux-toolbar .ux-multiple-button + .ux-button {
  margin-left: 8px;
}
.ux-navigation-button__button {
  display: inline-flex;
  position: relative;
  height: 32px;
  align-items: center;
}
.ux-navigation-button__button._disabled,
.ux-navigation-button__button:active._disabled {
  cursor: default;
  opacity: 0.5;
}
.ux-navigation-button__button._locked,
.ux-navigation-button__button:active._locked {
  cursor: default;
}
.ux-navigation-button__button._type-back {
  padding: 0 25px 0 31px;
}
.ux-navigation-button__button._type-back._no-text {
  padding-right: 2px;
}
.ux-navigation-button__button._type-next {
  padding: 0 32px 0 23px;
}
.ux-navigation-button__button._type-next._no-text {
  padding-left: 1px;
}
.ux-navigation-button._full-width .ux-navigation-button__button {
  width: 100%;
  justify-content: center;
}
.ux-navigation-button__text {
  position: relative;
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  line-height: 1.21;
  margin: 0 auto;
}
.ux-navigation-button__border-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  fill: none;
}
.ux-navigation-button__border-image-part {
  fill: inherit;
  position: absolute;
  transition: background-color 0.2s ease, fill 0.2s ease;
}
.ux-navigation-button__border-image-part._tail {
  top: 0;
  width: 6px;
  height: 32px;
}
.ux-navigation-button__border-image-part._body {
  top: 0;
  bottom: 0;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.ux-navigation-button__border-image-part._nose {
  top: 0;
  width: 19px;
  height: 32px;
}
.ux-navigation-button__button._type-back .ux-navigation-button__border-image-part._tail {
  right: 0;
}
.ux-navigation-button__button._type-back .ux-navigation-button__border-image-part._body {
  left: 18px;
  right: 5px;
}
.ux-navigation-button__button._type-back .ux-navigation-button__border-image-part._nose {
  left: 0;
}
.ux-navigation-button__button._type-next .ux-navigation-button__border-image-part._tail {
  left: 0;
}
.ux-navigation-button__button._type-next .ux-navigation-button__border-image-part._body {
  right: 18px;
  left: 5px;
}
.ux-navigation-button__button._type-next .ux-navigation-button__border-image-part._nose {
  right: 0;
}
.ux-navigation-button__outline-image {
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  opacity: 0;
  transition: opacity 0.2s linear;
  stroke: #ffbb29;
  stroke-width: 2;
}
.ux-navigation-button__outline-image-part {
  fill: none;
  position: absolute;
  transition: stroke 0.2s ease, border-color 0.2s ease;
}
.ux-navigation-button__outline-image-part._tail {
  top: 0;
  width: 10px;
  height: 40px;
}
.ux-navigation-button__outline-image-part._body {
  top: 0;
  bottom: 0;
  border-top: 2px solid #ffbb29;
  border-bottom: 2px solid #ffbb29;
}
.ux-navigation-button__outline-image-part._nose {
  top: 0;
  width: 23px;
  height: 40px;
}
.ux-navigation-button__button._type-back .ux-navigation-button__outline-image-part._tail {
  right: 0;
}
.ux-navigation-button__button._type-back .ux-navigation-button__outline-image-part._body {
  left: 22px;
  right: 9px;
}
.ux-navigation-button__button._type-back .ux-navigation-button__outline-image-part._nose {
  left: 0;
}
.ux-navigation-button__button._type-next .ux-navigation-button__outline-image-part._tail {
  left: 0;
}
.ux-navigation-button__button._type-next .ux-navigation-button__outline-image-part._body {
  left: 9px;
  right: 22px;
}
.ux-navigation-button__button._type-next .ux-navigation-button__outline-image-part._nose {
  right: 0;
}
.ux-navigation-button__button:not(:disabled):focus .ux-navigation-button__outline-image {
  opacity: 1;
  stroke: #e1e2e3;
  /*!-designToken-state-action-focus-active-border-color*/
}
.ux-navigation-button__button:not(:disabled):focus .ux-navigation-button__outline-image-part._body {
  border-color: #e1e2e3;
  /*!-designToken-state-action-focus-active-border-color*/
}
.ux-navigation-button__button:not(:disabled):hover .ux-navigation-button__outline-image {
  opacity: 1;
  stroke: #ffbb29;
  /*!-designToken-state-hover-active-border-color*/
}
.ux-navigation-button__button:not(:disabled):hover .ux-navigation-button__outline-image-part._body {
  border-color: #ffbb29;
  /*!-designToken-state-hover-active-border-color*/
}
.ux-navigation-button__button._kind-default .ux-navigation-button__border-image {
  stroke: #ccd2d9;
  fill: #fff;
}
.ux-navigation-button__button._kind-default .ux-navigation-button__border-image-part._body {
  border-color: #ccd2d9;
  background-color: #fff;
}
.ux-navigation-button__button:not(:disabled):active._kind-default .ux-navigation-button__border-image {
  stroke: #ccd2d9;
  fill: #f5f6f7;
}
.ux-navigation-button__button:not(:disabled):active._kind-default .ux-navigation-button__border-image-part._body {
  background-color: #f5f6f7;
}
.ux-navigation-button__button._kind-primary .ux-navigation-button__text {
  color: #fff;
}
.ux-navigation-button__button._kind-primary .ux-navigation-button__border-image {
  stroke: #1b81c4;
  fill: #1b81c4;
}
.ux-navigation-button__button._kind-primary .ux-navigation-button__border-image-part._body {
  border-color: #1b81c4;
  background-color: #1b81c4;
}
.ux-navigation-button__button:not(:disabled):active._kind-primary .ux-navigation-button__border-image {
  stroke: #0b5f9c;
  fill: #0b5f9c;
}
.ux-navigation-button__button:not(:disabled):active._kind-primary .ux-navigation-button__border-image-part._body {
  background-color: #0b5f9c;
}
.ux-toolbar .ux-navigation-button + .ux-navigation-button,
.ux-toolbar .ux-button + .ux-navigation-button,
.ux-toolbar .ux-multiple-button + .ux-navigation-button {
  margin-left: 8px;
}
.ux-card-tree {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.ux-card-tree ._with-checkbox {
  padding: 0 0 0 40px;
}
.ux-card-tree__node {
  display: flex;
  flex-direction: column;
  position: relative;
  padding-top: 20px;
  padding-left: 60px;
}
.ux-card-tree__node-list {
  padding: 8px;
  border: 1px solid #ccd2d9;
  border-radius: 4px;
  background-color: #f5f6f7;
  /*!-designToken-card-tree-node-content-background-color*/
}
.ux-card-tree__node._full-selector {
  display: flex;
  flex-direction: row;
}
.ux-card-tree__node._full-selector > .ux-card-tree__node-content {
  width: 100%;
}
.ux-card-tree__node._full-selector .ux-card-tree__node-checkbox {
  top: 15px;
}
.ux-card-tree__node._full-selector .ux-card-tree__node-content-wrapper {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 12px;
  /*!-designToken-font-bold-small-font-size*/
  color: #1f8eda;
  cursor: pointer;
  margin: 6px 0 0 0;
}
.ux-card-tree__node._full-selector .ux-card-tree__node-content-wrapper :hover {
  color: #0c6cb0;
}
.ux-card-tree__node._root {
  padding: 0;
}
.ux-card-tree__node._branch ~ .ux-card-tree__node._branch,
.ux-card-tree__node._leaf ~ .ux-card-tree__node._branch,
.ux-card-tree__node._branch ~ .ux-card-tree__node._leaf,
.ux-card-tree__node._leaf ~ .ux-card-tree__node._leaf {
  padding-top: 8px;
}
.ux-card-tree__node-horizontal-line {
  display: block;
  position: absolute;
  top: 63px;
  left: 20px;
  width: 40px;
  border-bottom: 1px dashed #ccd2d9;
  /*!-designToken-card-tree-node-horizontal-line-border-bottom-width dashed --designToken-card-tree-node-horizontal-line-border-bottom-color*/
}
.ux-card-tree__node._root > .ux-card-tree__node-horizontal-line {
  display: none;
}
.ux-card-tree__node._branch ~ .ux-card-tree__node._branch > .ux-card-tree__node-horizontal-line,
.ux-card-tree__node._leaf ~ .ux-card-tree__node._branch > .ux-card-tree__node-horizontal-line,
.ux-card-tree__node._branch ~ .ux-card-tree__node._leaf > .ux-card-tree__node-horizontal-line,
.ux-card-tree__node._leaf ~ .ux-card-tree__node._leaf > .ux-card-tree__node-horizontal-line {
  top: 83px;
}
.ux-card-tree__node-vertical-line {
  display: block;
  position: absolute;
  top: 0;
  left: 20px;
  height: 100%;
  border-left: 1px dashed #ccd2d9;
  /*!-designToken-card-tree-node-vertical-line-border-left-width dashed --designToken-card-tree-node-vertical-line-border-left-color*/
}
.ux-card-tree__node._root > .ux-card-tree__node-vertical-line {
  display: none;
}
.ux-card-tree__node._last > .ux-card-tree__node-vertical-line {
  height: 63px;
}
.ux-card-tree__node._branch ~ .ux-card-tree__node._branch._last > .ux-card-tree__node-vertical-line,
.ux-card-tree__node._leaf ~ .ux-card-tree__node._branch._last > .ux-card-tree__node-vertical-line,
.ux-card-tree__node._branch ~ .ux-card-tree__node._leaf._last > .ux-card-tree__node-vertical-line,
.ux-card-tree__node._leaf ~ .ux-card-tree__node._leaf._last > .ux-card-tree__node-vertical-line {
  height: 83px;
}
.ux-card-tree__node-content {
  min-height: 32px;
  display: flex;
  flex-direction: column;
  position: relative;
  border: 1px solid #ccd2d9;
  /*!-designToken-card-tree-node-content-border-width solid -designToken-card-tree-node-content-border-color*/
  border-radius: 4px;
  background-color: #fff;
  /*!-designToken-card-tree-node-content-background-color*/
}
.ux-card-tree__node-content-wrapper {
  padding: 0 0 0 8px;
}
.ux-card-tree__node-content-arrow {
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  width: 40px;
  height: calc(100% + 2px);
  border: 1px solid #ccd2d9;
  /*!-designToken-card-tree-node-content-arrow-border-width solid -designToken-card-tree-node-content-arrow-border-color*/
  border-radius: 4px;
  background-color: #f5f6f7;
  /*!-designToken-card-tree-node-content-arrow-background-color*/
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ux-card-tree__node-content-arrow:not(._loading):hover {
  cursor: pointer;
  background-color: #e1e2e3;
  /*!-designToken-card-tree-node-content-arrow-hover-background-color*/
}
.ux-card-tree__node-content-arrow-svg,
.ux-card-tree__node-content-arrow-loader {
  left: 10px;
  top: 32px;
  width: 18px;
  height: 18px;
  position: absolute;
}
.ux-card-tree__node-content-arrow-svg {
  transition: transform 0.2s;
}
.ux-card-tree__node-content._opened > .ux-card-tree__node-content-control > .ux-card-tree__node-content-arrow {
  background-color: #fff;
  /*!-designToken-card-tree-node-content-arrow-opened-background-color*/
}
.ux-card-tree__node-content._opened > .ux-card-tree__node-content-control > .ux-card-tree__node-content-arrow:not(._loading):hover {
  background-color: #e1e2e3;
  /*!-designToken-card-tree-node-content-arrow-not-loading-background-color*/
}
.ux-card-tree__node-content._opened > .ux-card-tree__node-content-control > .ux-card-tree__node-content-arrow > .ux-card-tree__node-content-arrow-svg {
  transition: transform 0.2s;
  transform: rotate(90deg) translate3d(0, 0, 0);
}
.ux-card-tree__node-content-title {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 22px /*!-designToken-font-bold-large-font-size*/;
  line-height: 30px;
}
.ux-card-tree__node._branch > .ux-card-tree__node-content {
  padding-left: 40px;
}
.ux-card-tree__node-checkbox2 {
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  width: 40px;
  height: calc(100% + 2px);
  border: 1px solid #ccd2d9;
  /*!-designToken-card-tree-node-content-arrow-border-width solid -designToken-card-tree-node-content-arrow-border-color*/
  border-radius: 4px;
  background-color: #f5f6f7;
  /*!-designToken-card-tree-node-content-arrow-background-color*/
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ux-card-tree__node-checkbox2:not(._loading):hover {
  cursor: pointer;
  background-color: #e1e2e3;
  /*!-designToken-card-tree-node-content-arrow-hover-background-color*/
}
.ux-card-tree__node-checkbox {
  position: absolute;
  top: 30px;
  left: 10px;
  opacity: 1;
  transition: opacity 0.3s;
}
.ux-card-tree__node-checkbox-wrapper:hover > .ux-card-tree__node-checkbox {
  opacity: 1;
}
.ux-card-tree__node-checkbox-wrapper {
  height: 100%;
  top: -10px;
  position: absolute;
}
.ux-card-tree__node-content:hover > .ux-card-tree__node-checkbox-wrapper > .ux-card-tree__node-checkbox {
  opacity: 1;
}
.ux-card-tree__node[data-level='0'] > .ux-card-tree__node-content > .ux-card-tree__node-checkbox-wrapper {
  width: 40px;
  left: 16px;
}
.ux-card-tree__node[data-level='1'] > .ux-card-tree__node-content > .ux-card-tree__node-checkbox-wrapper {
  width: 100px;
  left: -76px;
}
.ux-card-tree__node[data-level='2'] > .ux-card-tree__node-content > .ux-card-tree__node-checkbox-wrapper {
  width: 160px;
  left: -136px;
}
.ux-card-tree__node[data-level='3'] > .ux-card-tree__node-content > .ux-card-tree__node-checkbox-wrapper {
  width: 220px;
  left: -196px;
}
.ux-card-tree__node[data-level='4'] > .ux-card-tree__node-content > .ux-card-tree__node-checkbox-wrapper {
  width: 280px;
  left: -256px;
}
.ux-card-tree__node[data-level='5'] > .ux-card-tree__node-content > .ux-card-tree__node-checkbox-wrapper {
  width: 340px;
  left: -316px;
}
.ux-card-tree._show-always .ux-card-tree__node-checkbox {
  opacity: 1;
}
.ux-highchart {
  display: block;
  width: 100%;
  height: 400px;
}
.ux-highchart > canvas {
  width: 100%;
  height: 100%;
}
.ux-confirm-dialog__toolbar {
  margin-top: 29px;
}
.ux-content-header {
  display: block;
}
.ux-editable {
  position: absolute;
  top: 0;
  left: 0;
  min-height: 32px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s, visibility 0.2s;
  transform: translate3d(-1px, 1px, 0);
}
.ux-editable._visible {
  opacity: 1;
  visibility: visible;
}
.ux-editable-invisible-host {
  opacity: 0;
  visibility: hidden;
}
.ux-editable._edit:after {
  width: 100%;
}
.ux-editable__text {
  opacity: 0;
}
.ux-editable__textarea {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 16px;
  right: 16px;
  width: calc(100% - 32px);
  padding: 10px 16px 14px;
  margin: 0;
  border: none;
  resize: none;
  outline: none;
  overflow: hidden;
}
.ux-editable__pen {
  display: none;
  opacity: 0.8;
  transition: opacity 0.3s;
}
.ux-editable__pen:hover {
  opacity: 1;
}
.ux-editable__pen-icon {
  width: 17px;
  height: 17px;
  margin-top: 7px;
  fill: #92a0b3;
}
._ux-editable:hover > .ux-editable__pen {
  display: flex;
  justify-content: center;
  position: absolute;
  width: 32px;
  top: -1px;
  bottom: -1px;
  right: 0;
  background-color: #f5f6f7;
  border: 1px solid #ccd2d9;
  border-left: none;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  cursor: pointer;
}
.ux-editable__button {
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 4px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06);
  border: solid 1px #d4d7d9;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: absolute;
  top: 0;
}
.ux-editable__button-icon {
  width: 18px;
  height: 18px;
  opacity: 0.8;
  transition: opacity 0.3s;
}
.ux-editable__button:hover .ux-editable__button-icon {
  opacity: 1;
}
.ux-editable__button._ok {
  fill: #5bc029;
  right: -32px;
}
.ux-editable__button._cancel {
  fill: #92a0b3;
  right: -64px;
}
._ux-editable {
  position: relative;
  border: 1px solid transparent;
  cursor: pointer;
  min-height: 32px;
}
._ux-editable:hover {
  border: 1px solid #ccd2d9;
  border-radius: 4px;
  border-right: none;
}
.ux-editable-dropdown {
  position: absolute;
  top: 0;
  left: 0;
  min-height: 32px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s, visibility 0.2s;
  transform: translate3d(-1px, 1px, 0);
}
.ux-editable-dropdown._visible {
  opacity: 1;
  visibility: visible;
}
.ux-editable-dropdown-invisible-host {
  opacity: 0;
  visibility: hidden;
}
.ux-editable-dropdown._edit:after {
  width: 100%;
}
.ux-editable-dropdown__text {
  opacity: 0;
}
.ux-editable-dropdown__textarea {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 16px;
  right: 16px;
  width: calc(100% - 32px);
  padding: 10px 16px 14px;
  margin: 0;
  border: none;
  resize: none;
  outline: none;
  overflow: hidden;
}
.ux-editable-dropdown__down {
  display: none;
  opacity: 0.8;
  transition: opacity 0.3s;
}
.ux-editable-dropdown__down:hover {
  opacity: 1;
}
.ux-editable-dropdown__down-icon {
  width: 17px;
  height: 17px;
  margin-top: 7px;
  fill: #92a0b3;
}
._ux-editable-dropdown:hover > .ux-editable-dropdown__down {
  display: flex;
  justify-content: center;
  position: absolute;
  width: 32px;
  top: -1px;
  bottom: -1px;
  right: 0;
  background-color: #f5f6f7;
  border: 1px solid #ccd2d9;
  border-left: none;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  cursor: pointer;
}
.ux-editable-dropdown__button {
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 4px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06);
  border: solid 1px #d4d7d9;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: absolute;
  top: 0;
}
.ux-editable-dropdown__button-icon {
  width: 18px;
  height: 18px;
  opacity: 0.8;
  transition: opacity 0.3s;
}
.ux-editable-dropdown__button:hover .ux-editable-dropdown__button-icon {
  opacity: 1;
}
.ux-editable-dropdown__button._ok {
  fill: #5bc029;
  right: -32px;
}
.ux-editable-dropdown__button._cancel {
  fill: #92a0b3;
  right: -64px;
}
._ux-editable-dropdown {
  position: relative;
  border: 1px solid transparent;
  cursor: pointer;
  min-height: 32px;
}
._ux-editable-dropdown:hover {
  border: 1px solid #ccd2d9;
  border-radius: 4px;
  border-right: none;
}
.ux-editable-reference {
  position: absolute;
  top: 0;
  left: 0;
  min-height: 32px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s, visibility 0.2s;
  transform: translate3d(-1px, 1px, 0);
}
.ux-editable-reference._visible {
  opacity: 1;
  visibility: visible;
}
.ux-editable-reference-invisible-host {
  opacity: 0;
  visibility: hidden;
}
.ux-editable-reference._edit:after {
  width: 100%;
}
.ux-editable-reference__text {
  opacity: 0;
}
.ux-editable-reference__textarea {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 16px;
  right: 16px;
  width: calc(100% - 32px);
  padding: 10px 16px 14px;
  margin: 0;
  border: none;
  resize: none;
  outline: none;
  overflow: hidden;
}
.ux-editable-reference__down {
  display: none;
  opacity: 0.8;
  transition: opacity 0.3s;
}
.ux-editable-reference__down:hover {
  opacity: 1;
}
.ux-editable-reference__down-icon {
  width: 17px;
  height: 17px;
  margin-top: 7px;
  fill: #92a0b3;
}
._ux-editable-reference:hover > .ux-editable-reference__down {
  display: flex;
  justify-content: center;
  position: absolute;
  width: 32px;
  top: -1px;
  bottom: -1px;
  right: 0;
  background-color: #f5f6f7;
  border: 1px solid #ccd2d9;
  border-left: none;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  cursor: pointer;
}
.ux-editable-reference__button {
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 4px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06);
  border: solid 1px #d4d7d9;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: absolute;
  top: 0;
}
.ux-editable-reference__button-icon {
  width: 18px;
  height: 18px;
  opacity: 0.8;
  transition: opacity 0.3s;
}
.ux-editable-reference__button:hover .ux-editable-reference__button-icon {
  opacity: 1;
}
.ux-editable-reference__button._ok {
  fill: #5bc029;
  right: -32px;
}
.ux-editable-reference__button._cancel {
  fill: #92a0b3;
  right: -64px;
}
._ux-editable-reference {
  position: relative;
  border: 1px solid transparent;
  cursor: pointer;
  min-height: 32px;
}
._ux-editable-reference:hover {
  border: 1px solid #ccd2d9;
  border-radius: 4px;
  border-right: none;
}
.ux-checkbox-field {
  display: block;
}
.ux-checkbox-field._disabled {
  cursor: default;
  opacity: 0.5;
}
.ux-checkbox-field__label {
  display: flex;
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  line-height: 18px;
  text-align: left;
}
.ux-checkbox-field:not(._disabled) > .ux-checkbox-field__label:hover {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.ux-checkbox-field__input {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-transform: none;
  width: 1px;
}
.ux-checkbox-field:active:not(._disabled) .ux-checkbox-field__label .ux-checkbox-field__icon {
  background-color: #78c4eb;
  border: solid 1px #78c4eb;
}
.ux-checkbox-field._active .ux-checkbox-field__icon,
.ux-checkbox-field:active._active._disabled .ux-checkbox-field__icon {
  background-color: #1f8eda;
  /*!-designToken-checkbox-field-checked-background-color*/
  border: 1px solid #1f8eda;
  /*!-designToken-checkbox-field-checked-border-width solid -designToken-checkbox-field-checked-border-color*/
}
.ux-checkbox-field._active .ux-checkbox-field__icon > :first-child,
.ux-checkbox-field:active._active._disabled .ux-checkbox-field__icon > :first-child {
  display: block;
}
.ux-checkbox-field__icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.07);
  border: 1px solid #ccd2d9;
  /*!-designToken-checkbox-field-unchecked-border-width solid -designToken-checkbox-field-unchecked-border-color*/
  border-radius: 4px;
  /*!-designToken-checkbox-field-border-radius*/
  vertical-align: bottom;
  background-color: #fff;
  /*!-designToken-checkbox-field-unchecked-background-color*/
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ux-checkbox-field__icon::after {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: -3px;
  right: -3px;
  box-sizing: border-box;
  border: 2px solid transparent;
  border-radius: 7px;
  /*!-designToken-state-focus-passive-border-radius*/
  transition: border-color 0.1s linear, border-radius 0.1s linear, top 0.1s linear, bottom 0.1s linear, left 0.1s linear, right 0.1s linear;
}
.ux-checkbox-field__icon > :first-child {
  fill: #fff;
  /*!-designToken-checkbox-field-tick-color*/
  fill-rule: evenodd;
  stroke: none;
  overflow: hidden;
  width: 16px;
  height: 16px;
  padding: 0;
  display: none;
}
.ux-checkbox-field__input:not(:disabled):focus + .ux-checkbox-field__icon::after {
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  border-color: #e1e2e3;
  /*!-designToken-state-action-focus-active-border-color*/
  border-radius: 8px;
  /*!-designToken-state-action-focus-active-border-radius*/
}
.ux-checkbox-field:not(._disabled) .ux-checkbox-field__label:hover .ux-checkbox-field__icon::after {
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  border-color: #ffbb29;
  /*!-designToken-state-hover-active-border-color*/
  border-radius: 7px;
  /*!-designToken-state-hover-active-border-radius*/
  z-index: 1000;
}
.ux-checkbox-field._pseudo-selected:not(._active) .ux-checkbox-field__icon > :first-child {
  display: block;
  fill: #1f8eda;
}
.ux-checkbox-field._round .ux-checkbox-field__icon {
  width: 24px;
  height: 24px;
  border-radius: 11px;
  padding: 3px;
}
.ux-checkbox-field:not(._disabled)._round .ux-checkbox-field__label .ux-checkbox-field__icon:after {
  border-radius: 15px;
}
.ux-checkbox-group-field {
  display: block;
}
.ux-checkbox-group-field__items {
  list-style: none;
}
.ux-checkbox-group-field__item + .ux-checkbox-group-field__item {
  margin-top: 9px;
}
.calendar {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  min-height: 0;
}
.calendar-header {
  margin-bottom: 15px;
}
.calendar-body {
  position: relative;
  width: 252px;
  height: 290px;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.04), 0 1px 1px 0 rgba(0, 0, 0, 0.08);
  border: 1px solid #d4d7d9;
  border-radius: 2px;
  background-color: #fff;
  /*!-designToken-date-field-calendar-body-background-color*/
}
.calendar__month {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  width: calc(100% + 20px);
  overflow: auto;
  transform: translate3d(0, 0, 0);
}
.calendar-months-wrapper,
.calendar-years-wrapper {
  flex: 1 1 auto;
}
.calendar__week,
.calendar__week-header {
  display: flex;
  flex: 1 0 auto;
}
.calendar__week {
  align-items: center;
  padding: 0 14px;
}
.calendar__week:first-child {
  margin-top: 8px;
}
.calendar__week:last-child {
  margin-bottom: 8px;
}
.calendar__week:hover {
  background-color: #f5f6f7;
}
.calendar__week-header {
  padding: 2px 14px 6px 14px;
  border-bottom: 1px solid #e1e2e3;
  /*!-designToken-date-field-calendar-week-header-border-width solid -designToken-date-field-calendar-week-header-border-color*/
  background-color: #f5f6f7;
  /*!-designToken-date-field-calendar-week-header-background-color*/
}
.calendar__day-header {
  width: calc(100% / 7);
  min-width: calc(100% / 7);
  padding: 0 4px;
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
  /*!-designToken-date-field-calendar-day-header-font-size*/
  line-height: 16px;
  color: #363d4d;
  /*!-designToken-date-field-calendar-day-header-color*/
}
.calendar__day-header:first-child {
  color: #f04d30;
}
.calendar__day {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% / 7);
  min-width: calc(100% / 7);
  padding: 6px;
  color: #262626;
  /*!-designToken-date-field-calendar-day-color*/
  opacity: 0.5;
  height: 28px;
  text-align: center;
  font-size: 12px;
  line-height: 28px;
  cursor: pointer;
}
.calendar__day._visible-month {
  opacity: 1;
}
.calendar__day._current {
  color: #262626;
  /*!-designToken-date-field-calendar-day-current-color*/
  background-color: #ffbb29;
  /*!-designToken-date-field-calendar-day-current-background-color*/
  opacity: 1;
}
.calendar__day:not(._disabled):hover {
  background-color: #ffdf99;
  /*!-designToken-date-field-calendar-day-hover-background-color*/
}
.calendar__day._disabled {
  color: #262626;
  /*!-designToken-date-field-calendar-day-disabled-color*/
  opacity: 0.2;
  cursor: default;
}
.calendar__day._disabled._clicked {
  background-color: #ffdf99;
}
.calendar__day._range,
.calendar__day._range-middle {
  color: #262626;
  background-color: #78c4eb;
  opacity: 1;
}
.calendar__day._range-middle {
  background-color: #aeddf5;
}
.calendar__panel {
  font-size: 12px;
}
.calendar__panel-dates {
  display: flex;
  width: 100%;
  padding: 12px 18px;
  background-color: #f5f6f7;
  /*!-designToken-date-field-calendar-panel-dates-background-color*/
}
.calendar__panel-month,
.calendar__panel-year {
  margin-right: 4px;
  font-size: 13px;
  /*!-designToken-date-field-calendar-panel-month-year-font-size*/
  color: #1f8eda;
  /*!-designToken-date-field-calendar-panel-month-year-color*/
  cursor: pointer;
  padding: 4px 0;
}
.calendar__panel-month:hover,
.calendar__panel-year:hover {
  text-decoration: underline;
}
.calendar__panel-prev,
.calendar__panel-next {
  position: relative;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.calendar__panel-prev-icon,
.calendar__panel-next-icon {
  width: 9px;
  height: 12px;
  position: absolute;
  top: 3px;
  left: 6px;
  fill: #7f8387;
}
.calendar__panel-prev:hover .calendar__panel-prev-icon,
.calendar__panel-prev:hover .calendar__panel-next-icon,
.calendar__panel-next:hover .calendar__panel-prev-icon,
.calendar__panel-next:hover .calendar__panel-next-icon {
  fill: #ffbb29;
}
.calendar__panel-next-icon {
  left: 5px;
  transform: rotate(-180deg);
}
.calendar__panel-current {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  height: 38px;
  color: #262626;
  /*!-designToken-date-field-calendar-panel-current-color*/
}
.calendar__panel-current-info-from + .calendar__panel-current-info {
  margin-left: 4px;
}
.calendar__panel-current-info._no-select {
  color: #92a0b3;
}
.calendar-months-wrapper,
.calendar-years-wrapper {
  display: none;
  position: relative;
}
.calendar-months {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
  padding: 8px 12px;
}
.calendar-months-wrapper {
  z-index: 1;
}
.calendar-months__month {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 33.333%;
  height: 46px;
  font-size: 12px;
  color: #262626;
  cursor: pointer;
}
.calendar-months__month:hover {
  background-color: #ffdf99;
  /*!-designToken-date-field-calendar-month-hover-background-color*/
}
.calendar-months__month._current {
  color: #262626;
  /*!-designToken-date-field-calendar-month-current-color*/
  background-color: #ffbb29;
  /*!-designToken-date-field-calendar-month-current-background-color*/
}
.calendar-years {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 20px);
  justify-content: center;
  max-height: 250px;
  overflow: auto;
}
.calendar-years-wrapper {
  overflow: hidden;
  border-top: 1px solid #e1e2e3;
}
.calendar-years__year {
  width: 56px;
  height: 46px;
  font-size: 12px;
  line-height: 46px;
  text-align: center;
  color: #262626;
  cursor: pointer;
}
.calendar-years__year:hover {
  background-color: #ffdf99;
  /*!-designToken-date-field-calendar-year-hover-background-color*/
}
.calendar-years__year._current {
  color: #262626;
  /*!-designToken-date-field-calendar-year-current-color*/
  background-color: #ffbb29;
  /*!-designToken-date-field-calendar-year-current-background-color*/
}
.calendar-years__year-arrow-prev,
.calendar-years__year-arrow-next {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 40px;
  background-color: #fff;
  transition: all 0.2s;
  z-index: 2;
  cursor: pointer;
  border-radius: 4px 4px 0 0;
  justify-content: center;
  align-items: center;
}
.calendar-years__year-arrow-prev-icon,
.calendar-years__year-arrow-next-icon {
  width: 24px;
  height: 24px;
}
.calendar-years__year-arrow-prev:hover,
.calendar-years__year-arrow-next:hover {
  background-color: #f5f6f7;
}
.calendar-years__year-arrow-prev {
  bottom: 0;
  top: auto;
  transform: rotate(-180deg);
}
.ux-date-field {
  display: block;
  position: relative;
}
.ux-date-field::after {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px;
  box-sizing: border-box;
  border: 2px solid transparent;
  border-radius: 7px;
  /*!-designToken-state-focus-passive-border-radius*/
  transition: border-color 0.1s linear, border-radius 0.1s linear, top 0.1s linear, bottom 0.1s linear, left 0.1s linear, right 0.1s linear;
}
.ux-date-field:after {
  z-index: -1;
}
.ux-date-field._focused::after {
  top: -4px;
  bottom: -4px;
  left: -4px;
  right: -4px;
  border-color: #ffbb29;
  /*!-designToken-state-focus-active-border-color*/
  border-radius: 7px;
  /*!-designToken-state-focus-active-border-radius*/
}
.ux-date-field__input,
.ux-date-field__input[type=text] {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  border-width: 1px;
  border-style: solid;
  border-color: #ccd2d9;
  box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.07);
  border: 1px solid #ccd2d9;
  border-radius: 4px;
  /*!-designToken-default-field-border-border-radius*/
  width: 100%;
  height: 32px;
  line-height: 1.21;
  background-color: #fff;
  color: #262626;
  outline: none;
  padding: 0 11px 1px 11px;
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
  display: flex;
  min-width: 100%;
  padding-right: 32px;
}
.ux-date-field__input:disabled,
.ux-date-field__input[type=text]:disabled,
.ux-date-field__input:active:disabled,
.ux-date-field__input[type=text]:active:disabled,
.ux-date-field__input._disabled,
.ux-date-field__input[type=text]._disabled,
.ux-date-field__input:active._disabled,
.ux-date-field__input[type=text]:active._disabled {
  cursor: default;
  opacity: 0.5;
}
.ux-date-field__input::-ms-clear,
.ux-date-field__input[type=text]::-ms-clear {
  display: none;
}
.ux-date-field._disabled .ux-date-field__calendar-icon {
  cursor: default;
}
.ux-date-field__content-wrapper {
  display: flex;
}
.ux-date-field__content-wrapper:focus {
  outline: none;
}
.ux-date-field__calendar {
  z-index: 502;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
}
.ux-date-field__calendar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: 34px;
  height: 32px;
}
.ux-date-field__calendar-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 32px;
  fill: #92a0b3;
  /*!-designToken-date-field-icon-color*/
  fill-rule: evenodd;
  stroke: none;
  overflow: hidden;
  opacity: 0.5;
  cursor: pointer;
  z-index: 10;
}
.ux-date-field__calendar-icon-wrapper._visible .ux-date-field__icon > :first-child,
.ux-date-field__calendar-icon-wrapper._visible .ux-range-date-field__icon > :first-child {
  fill: #ffbb29;
  /*!-designToken-date-field-icon-active-color*/
}
.ux-date-field__icon-svg {
  width: 18px;
  height: 18px;
  display: block;
}
.ux-date-field._error .ux-date-field__input {
  padding: 0 10px 1px 10px;
  border: 2px solid #f04d30;
  /*!-designToken-state-error-border-size solid -designToken-state-error-border-color*/
}
.ux-range-date-field {
  min-width: 228px;
  display: block;
  position: relative;
}
.ux-range-date-field::after {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px;
  box-sizing: border-box;
  border: 2px solid transparent;
  border-radius: 7px;
  /*!-designToken-state-focus-passive-border-radius*/
  transition: border-color 0.1s linear, border-radius 0.1s linear, top 0.1s linear, bottom 0.1s linear, left 0.1s linear, right 0.1s linear;
}
.ux-range-date-field:after {
  z-index: -1;
}
.ux-range-date-field._focused::after {
  top: -4px;
  bottom: -4px;
  left: -4px;
  right: -4px;
  border-color: #ffbb29;
  /*!-designToken-state-focus-active-border-color*/
  border-radius: 7px;
  /*!-designToken-state-focus-active-border-radius*/
}
.ux-range-date-field__input,
.ux-range-date-field__input[type=text] {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  border-width: 1px;
  border-style: solid;
  border-color: #ccd2d9;
  box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.07);
  border: 1px solid #ccd2d9;
  border-radius: 4px;
  /*!-designToken-default-field-border-border-radius*/
  width: 100%;
  height: 32px;
  line-height: 1.21;
  background-color: #fff;
  color: #262626;
  outline: none;
  padding: 0 11px 1px 11px;
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
  display: flex;
  min-width: 100%;
  padding-right: 32px;
}
.ux-range-date-field__input:disabled,
.ux-range-date-field__input[type=text]:disabled,
.ux-range-date-field__input:active:disabled,
.ux-range-date-field__input[type=text]:active:disabled,
.ux-range-date-field__input._disabled,
.ux-range-date-field__input[type=text]._disabled,
.ux-range-date-field__input:active._disabled,
.ux-range-date-field__input[type=text]:active._disabled {
  cursor: default;
  opacity: 0.5;
}
.ux-range-date-field__input::-ms-clear,
.ux-range-date-field__input[type=text]::-ms-clear {
  display: none;
}
.ux-range-date-field._disabled .ux-range-date-field__calendar-icon {
  cursor: default;
}
.ux-range-date-field__content-wrapper {
  display: flex;
}
.ux-range-date-field__content-wrapper:focus {
  outline: none;
}
.ux-range-date-field__calendar {
  z-index: 502;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
}
.ux-range-date-field__calendar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: 34px;
  height: 32px;
}
.ux-range-date-field__calendar-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 32px;
  fill: #92a0b3;
  /*!-designToken-date-field-icon-color*/
  fill-rule: evenodd;
  stroke: none;
  overflow: hidden;
  opacity: 0.5;
  cursor: pointer;
  z-index: 10;
}
.ux-range-date-field__calendar-icon-wrapper._visible .ux-date-field__icon > :first-child,
.ux-range-date-field__calendar-icon-wrapper._visible .ux-range-date-field__icon > :first-child {
  fill: #ffbb29;
  /*!-designToken-date-field-icon-active-color*/
}
.ux-range-date-field__icon-svg {
  width: 18px;
  height: 18px;
  display: block;
}
.ux-range-date-field__input,
.ux-range-date-field__input[type=text] {
  flex: 1 1 auto;
  min-width: 0;
  height: 30px;
  padding-right: 0;
  padding-left: 0;
  padding-top: 1px;
  border: none;
  box-shadow: none;
  background-color: transparent;
  text-align: center;
}
.ux-range-date-field__calendar-wrapper,
.ux-range-date-field__calendar-icon-wrapper {
  width: 38px;
}
.ux-range-date-field__calendar {
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: #fff;
  min-height: 0;
}
.ux-range-date-field__range {
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 32px;
  padding: 0 38px 0 10px;
  border-width: 1px;
  border-style: solid;
  border-color: #ccd2d9;
  box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.07);
  border: 1px solid #ccd2d9;
  border-radius: 4px;
  /*!-designToken-default-field-border-border-radius*/
  background-color: #fff;
  /*!-designToken-range-date-field-range-background-color*/
}
.ux-range-date-field__range-separator {
  padding: 0 5px;
}
.ux-range-date-field._error .ux-range-date-field__range {
  padding: 0 10px 1px 10px;
  border: 2px solid #f04d30;
  /*!-designToken-state-error-border-size solid -designToken-state-error-border-color*/
  padding: 0 37px 0 9px;
}
.ux-range-date-field._disabled .ux-range-date-field__range-separator,
.ux-range-date-field._disabled .ux-range-date-field__calendar-wrapper,
.ux-range-date-field._disabled .ux-range-date-field__calendar-icon-wrapper {
  cursor: default;
  opacity: 0.5;
}
.ux-dropdown-field {
  position: relative;
  display: block;
  touch-action: manipulation;
}
.ux-dropdown-field__input {
  overflow: hidden;
  width: 0;
  height: 0;
}
.ux-dropdown-field__label {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  border-width: 1px;
  border-style: solid;
  border-color: #ccd2d9;
  box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.07);
  border-radius: 4px;
  /*!-designToken-default-field-border-border-radius*/
  width: 100%;
  height: 32px;
  line-height: 1.21;
  outline: none;
  padding: 0 11px 1px 11px;
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
  position: relative;
  color: #262626;
  /*!-designToken-dropdown-field-color*/
  background-color: #fff;
  /*!-designToken-dropdown-field-background-color*/
  border: 1px solid #ccd2d9;
  /*!-designToken-dropdown-field-border-size solid -designToken-dropdown-field-border-color*/
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  padding: 0 32px 0 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ux-dropdown-field__label::after {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: -3px;
  right: -3px;
  box-sizing: border-box;
  border: 2px solid transparent;
  border-radius: 7px;
  /*!-designToken-state-focus-passive-border-radius*/
  transition: border-color 0.1s linear, border-radius 0.1s linear, top 0.1s linear, bottom 0.1s linear, left 0.1s linear, right 0.1s linear;
}
.ux-dropdown-field__label-placeholder {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #8a8d91;
  /*!-designToken-dropdown-placeholder-color*/
}
.ux-dropdown-field__label-text {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ux-dropdown-field._error .ux-dropdown-field__label {
  padding: 0 10px 1px 10px;
  border: 2px solid #f04d30;
  /*!-designToken-state-error-border-size solid -designToken-state-error-border-color*/
}
.ux-dropdown-field:active._disabled .ux-dropdown-field__label {
  border-width: 1px;
  border-style: solid;
  border-color: #ccd2d9;
  box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.07);
  border: 1px solid #ccd2d9;
  border-radius: 4px;
  /*!-designToken-default-field-border-border-radius*/
}
.ux-dropdown-field._disabled .ux-dropdown-field__label {
  cursor: default;
  opacity: 0.5;
}
.ux-dropdown-field._focused:not(._disabled) .ux-dropdown-field__label::after,
.ux-dropdown-field._opened .ux-dropdown-field__label::after {
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  border-color: #ffbb29;
  /*!-designToken-state-focus-active-border-color*/
  border-radius: 7px;
  /*!-designToken-state-focus-active-border-radius*/
}
.ux-dropdown-field._error._focused:not(._disabled) .ux-dropdown-field__label::after,
.ux-dropdown-field._error._opened .ux-dropdown-field__label::after {
  top: -6px;
  bottom: -6px;
  left: -6px;
  right: -6px;
  border-color: #ffbb29;
  /*!-designToken-state-focus-active-border-color*/
  border-radius: 7px;
  /*!-designToken-state-focus-active-border-radius*/
}
.ux-dropdown-field._mobile .ux-dropdown-field__label {
  padding: 0;
}
.ux-dropdown-field__icon {
  position: absolute;
  right: 0;
  width: 20px;
  height: 20px;
  fill: #000;
  fill-rule: evenodd;
  stroke: none;
  overflow: hidden;
}
.ux-dropdown-field__icon._input {
  margin-right: 7px;
}
.ux-dropdown-field__icon > :first-child {
  width: 20px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.ux-dropdown-field__items {
  padding: 7px 0;
  overflow-x: hidden;
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
}
.ux-dropdown-field__item {
  font-weight: normal;
  cursor: pointer;
  padding: 6px 12px 7px 12px;
  text-align: left;
  outline: none;
}
.ux-dropdown-field__item-value {
  display: block;
}
.ux-dropdown-field__item-value._nowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ux-dropdown-field__item + .ux-dropdown-field__item {
  margin-top: 1px;
}
.ux-dropdown-field__item_highlight {
  background: #aeddf5;
  /*!-designToken-dropdown-field-item-selected-background-color*/
}
.ux-dropdown-field__item:not(.ux-dropdown-field__item_highlight):not(._disabled):hover {
  background: #ffdf99;
  /*!-designToken-dropdown-field-item-hover-background-color*/
}
.ux-dropdown-field__item_empty {
  text-indent: -9999px;
}
.ux-dropdown-field__item._disabled {
  cursor: default;
  opacity: 0.5;
}
.ux-dropdown-field__input-wrapper {
  clip: rect(0 0 0 0);
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  display: inline-block;
  height: 100%;
}
.ux-paging__dropdown .ux-dropdown-field__list {
  margin-top: 0;
}
.ux-paging__dropdown .ux-dropdown-field__label {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: 1px 16px 0 0;
  height: 20px;
  border: none;
  box-shadow: none;
  color: #000;
  font-size: inherit;
}
.ux-paging__dropdown .ux-dropdown-field__label::after {
  border: transparent;
}
.ux-paging__dropdown .ux-dropdown-field__label-text {
  min-width: 24px;
  text-align: end;
}
.ux-paging__dropdown .ux-dropdown-field__trigger {
  padding: 0;
  width: 12px;
}
.ux-paging__dropdown .ux-dropdown-field__trigger::after {
  left: 0;
}
.ux-paging__dropdown .ux-dropdown-field__icon {
  margin-right: 0;
}
.ux-dropdown-field.ux-paging__dropdown:active._disabled .ux-dropdown-field__label {
  border: none;
}
.ux-dropdown-field__empty-message {
  padding: 7px 8px;
  color: #7f8387;
  cursor: default;
}
.ux-dropdown-field__select {
  width: 100%;
  border: none;
  outline: 0;
  z-index: 1000;
  padding-left: 7px;
  transform: translate3d(0, -1px, 0);
  background-color: transparent;
}
.ux-form-field {
  position: relative;
  display: block;
}
.ux-form-field__input {
  display: none;
}
.ux-mask-field {
  display: block;
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  border-width: 1px;
  border-style: solid;
  border-color: #ccd2d9;
  box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.07);
  border: 1px solid #ccd2d9;
  border-radius: 4px;
  /*!-designToken-default-field-border-border-radius*/
  width: 100%;
  height: 32px;
  line-height: 1.21;
  background-color: #fff;
  color: #262626;
  outline: none;
  padding: 0 11px 1px 11px;
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
  position: relative;
  display: flex;
  align-items: center;
  line-height: 30px;
}
.ux-mask-field::after {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: -3px;
  right: -3px;
  box-sizing: border-box;
  border: 2px solid transparent;
  border-radius: 7px;
  /*!-designToken-state-focus-passive-border-radius*/
  transition: border-color 0.1s linear, border-radius 0.1s linear, top 0.1s linear, bottom 0.1s linear, left 0.1s linear, right 0.1s linear;
}
.ux-mask-field:focus:not(:disabled)::after,
.ux-mask-field:focus:not(._disabled)::after,
.ux-mask-field ._focused::after,
.ux-mask-field._focused:not(._disabled)::after {
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  border-color: #ffbb29;
  /*!-designToken-state-focus-active-border-color*/
  border-radius: 7px;
  /*!-designToken-state-focus-active-border-radius*/
}
.ux-mask-field:focus:not(:disabled)._error,
.ux-mask-field:focus:not(._disabled)._error,
.ux-mask-field ._focused._error,
.ux-mask-field._focused:not(._disabled)._error {
  border-color: #f04d30;
}
.ux-mask-field:disabled,
.ux-mask-field:active:disabled,
.ux-mask-field._disabled,
.ux-mask-field:active._disabled {
  cursor: default;
  opacity: 0.5;
}
.ux-mask-field__input {
  position: relative;
  flex: 1 1 auto;
  min-width: 1px;
  border: 0 none;
  background-color: transparent;
  z-index: 1;
}
.ux-mask-field__input:focus:not(:disabled) {
  outline: none;
}
.ux-mask-field__input::-webkit-outer-spin-button,
.ux-mask-field__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ux-mask-field__prefix {
  position: relative;
  flex: 0 0 auto;
  color: #92a0b3;
  padding-right: 6px;
  z-index: 1;
}
.ux-mask-field__suffix {
  transform: translate3d(1px, 0, 0);
  position: relative;
  flex: 0 0 auto;
  margin-left: auto;
  color: #92a0b3;
  padding-left: 6px;
  z-index: 1;
}
.ux-mask-field__wrapper {
  position: relative;
  width: 100%;
}
.ux-mask-field__mask {
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  letter-spacing: normal;
  pointer-events: none;
  color: #aaaeb3;
}
.ux-mask-field__mask-valid {
  visibility: hidden;
}
.ux-mask-field__input {
  z-index: 2;
  position: relative;
  width: 100%;
}
.ux-mask-field__input::-ms-clear {
  display: none;
}
.ux-memo-field {
  display: inline-block;
  padding: 0;
  min-width: 132px;
  min-height: 64px;
  position: relative;
}
.ux-memo-field::after {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: -3px;
  right: -3px;
  box-sizing: border-box;
  border: 2px solid transparent;
  border-radius: 7px;
  /*!-designToken-state-focus-passive-border-radius*/
  transition: border-color 0.1s linear, border-radius 0.1s linear, top 0.1s linear, bottom 0.1s linear, left 0.1s linear, right 0.1s linear;
}
.ux-memo-field:hover:not(._disabled)::after,
.ux-memo-field:focus:not(._disabled)::after {
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  border-color: #ffbb29;
  /*!-designToken-state-focus-active-border-color*/
  border-radius: 7px;
  /*!-designToken-state-focus-active-border-radius*/
}
.ux-memo-field._focused::after {
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  border-color: #ffbb29;
  /*!-designToken-state-focus-active-border-color*/
  border-radius: 7px;
  /*!-designToken-state-focus-active-border-radius*/
}
.ux-memo-field__input {
  resize: none;
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  font-size: 14px;
  padding: 5px 11px;
  border: none;
  background-color: #fff;
  /*!-designToken-memo-field-input-background-color*/
  transition: background-color 0.2s ease;
  color: inherit;
  /*!-designToken-memo-field-input-color*/
  box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.07);
}
.ux-memo-field__input::-moz-placeholder {
  font-family: inherit;
  /*!-designToken-field-placeholder-font-family*/
  font-size: inherit;
  /*!-designToken-field-placeholder-font-size*/
  color: #7f8387;
  /*!-designToken-field-placeholder-color*/
}
.ux-memo-field__input::placeholder {
  font-family: inherit;
  /*!-designToken-field-placeholder-font-family*/
  font-size: inherit;
  /*!-designToken-field-placeholder-font-size*/
  color: #7f8387;
  /*!-designToken-field-placeholder-color*/
}
.ux-memo-field__input-wrapper {
  overflow: hidden;
}
.ux-memo-field__input:focus {
  outline: none;
}
.ux-memo-field._disabled .ux-memo-field__input {
  background-color: white;
  cursor: default;
  opacity: 0.5;
}
.ux-memo-field._error .ux-memo-field__input-wrapper {
  padding: 0 10px 1px 10px;
  border: 2px solid #f04d30;
  /*!-designToken-state-error-border-size solid -designToken-state-error-border-color*/
  border-radius: 4px;
  padding: 0;
}
.ux-memo-field__resize {
  position: absolute;
  cursor: se-resize;
  bottom: 0;
  right: 0;
  width: 16px;
  height: 16px;
  color: #7f8387;
  z-index: 15;
}
.ux-memo-field__resize:before {
  position: absolute;
  content: "";
  bottom: 4px;
  right: 4px;
  width: 3px;
  height: 3px;
  z-index: 15;
  border-radius: 1.5px;
  background-color: #7f8387;
  /*!-designToken-memo-field-resize-background-color*/
}
.ux-memo-field._mobile .ux-memo-field__resize {
  bottom: -6px;
  right: -6px;
  width: 28px;
  height: 28px;
}
.ux-memo-field._mobile .ux-memo-field__resize:before {
  bottom: 10px;
  right: 10px;
}
.ux-memo-field._disabled .ux-memo-field__resize {
  color: #aaaeb3;
  cursor: default;
}
.ux-resize {
  position: absolute;
  z-index: 15;
  cursor: se-resize;
  bottom: 3px;
  right: 3px;
  width: 12px;
  height: 12px;
  color: #7f8387;
}
.ux-resize:before {
  position: absolute;
  content: "";
  bottom: 0;
  right: 0;
  width: 3px;
  height: 3px;
  z-index: 15;
  border-radius: 1.5px;
  background-color: #7f8387;
}
.ux-memo-field._disabled .ux-memo-field__input ~ .ux-resize {
  color: #aaaeb3;
  cursor: default;
}
.ux-multiple-field {
  display: flex;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
}
.ux-multiple-field__value-item {
  display: flex;
  overflow: hidden;
  margin: 6px 4px 6px 0;
  padding: 2px 4px 2px 8px;
  width: initial;
  /*!-designToken-multiple-field-value-item-width*/
  height: initial;
  /*!-designToken-multiple-field-value-item-height*/
  border-radius: 3px;
  background-color: #aeddf5;
  /*!-designToken-multiple-field-value-item-background-color*/
}
.ux-multiple-field__value-item._last {
  margin-right: 8px;
}
.ux-multiple-field__value-item-caption {
  width: calc(100% - 16px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  line-height: 1.21;
  color: #262626;
  /*!-designToken-multiple-field-value-item-caption-color*/
}
.ux-multiple-field__value-item-remove {
  margin-left: 4px;
  width: 14px;
  height: 14px;
}
.ux-multiple-field__value-item-remove-icon {
  width: 14px;
  height: 14px;
  fill: #363d4d;
  transform: translate3d(-1px, 1px, 0);
  vertical-align: top;
}
.ux-multiple-field__value-item-remove:not(._disabled):hover {
  opacity: 0.7;
  cursor: pointer;
}
.ux-multiple-field._add-button-before .ux-multiple-field__button {
  order: -1;
}
.ux-multiple-field._add-button-before .ux-multiple-field__value-item._last {
  margin-right: 4px;
}
.ux-multiple-field._add-button-before .ux-multiple-field__value-item:first-child {
  margin-left: 8px;
}
.ux-multiple-selector-field-popover-content {
  display: block;
  padding: 7px 10px;
  background-color: transparent;
  /*!-designToken-multiple-selector-field-popover-content-background-color*/
}
.ux-multiple-selector-field-popover-content__checkbox-group {
  padding: 10px;
}
.ux-multiple-selector-field-popover-content__empty-message {
  padding: 7px 8px;
  color: #7f8387;
  cursor: default;
}
.ux-multiple-text-field-popover-content {
  display: block;
  padding: 17px 20px 20px 20px;
  background-color: transparent;
  /*!-designToken-multiple-text-field-popover-content-background-color*/
}
.ux-multiple-text-field-popover-content__toolbar {
  margin-top: 20px;
}
.ux-multiple-text-field-popover-content__field {
  /* Fix for correct width of text field*/
  max-width: 0;
  min-width: 100%;
}
.ux-password-field {
  display: block;
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  border-width: 1px;
  border-style: solid;
  border-color: #ccd2d9;
  box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.07);
  border: 1px solid #ccd2d9;
  border-radius: 4px;
  /*!-designToken-default-field-border-border-radius*/
  width: 100%;
  height: 32px;
  line-height: 1.21;
  background-color: #fff;
  color: #262626;
  outline: none;
  padding: 0 11px 1px 11px;
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
  position: relative;
  display: flex;
  align-items: center;
}
.ux-password-field::after {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: -3px;
  right: -3px;
  box-sizing: border-box;
  border: 2px solid transparent;
  border-radius: 7px;
  /*!-designToken-state-focus-passive-border-radius*/
  transition: border-color 0.1s linear, border-radius 0.1s linear, top 0.1s linear, bottom 0.1s linear, left 0.1s linear, right 0.1s linear;
}
.ux-password-field:focus:not(:disabled)::after,
.ux-password-field:focus:not(._disabled)::after,
.ux-password-field ._focused::after,
.ux-password-field._focused:not(._disabled)::after {
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  border-color: #ffbb29;
  /*!-designToken-state-focus-active-border-color*/
  border-radius: 7px;
  /*!-designToken-state-focus-active-border-radius*/
}
.ux-password-field:focus:not(:disabled)._error,
.ux-password-field:focus:not(._disabled)._error,
.ux-password-field ._focused._error,
.ux-password-field._focused:not(._disabled)._error {
  border-color: #f04d30;
}
.ux-password-field:disabled,
.ux-password-field:active:disabled,
.ux-password-field._disabled,
.ux-password-field:active._disabled {
  cursor: default;
  opacity: 0.5;
}
.ux-password-field__input {
  position: relative;
  flex: 1 1 auto;
  min-width: 1px;
  border: 0 none;
  background-color: transparent;
  z-index: 1;
}
.ux-password-field__input:focus:not(:disabled) {
  outline: none;
}
.ux-password-field__input::-webkit-outer-spin-button,
.ux-password-field__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ux-password-field__icon-container {
  transform: translate3d(1px, 0, 0);
  position: relative;
  flex: 0 0 auto;
  margin-left: auto;
  color: #92a0b3;
  padding-left: 6px;
  z-index: 1;
}
.ux-password-field__icon-container {
  width: 24px;
  height: 32px;
  display: flex;
  align-items: center;
}
.ux-password-field__icon-container:hover {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.ux-password-field._disabled .ux-password-field__icon-container {
  cursor: default;
}
.ux-password-field__icon {
  display: flex;
  align-items: center;
}
.ux-password-field__icon > :first-child {
  width: 16px;
  height: 12px;
  fill: #000;
  fill-rule: evenodd;
  stroke: none;
  overflow: hidden;
}
.ux-password-field._error {
  padding: 0 10px 1px 10px;
  border: 2px solid #f04d30;
  /*!-designToken-state-error-border-size solid -designToken-state-error-border-color*/
}
.ux-password-field._size-m {
  height: 40px;
  font-size: 18px;
  /*!-designToken-text-field-font-size-m*/
}
.ux-radio-field {
  display: block;
  height: 22px;
}
.ux-radio-field__label {
  display: inline-block;
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  line-height: 18px;
  color: #262626;
}
.ux-radio-field__input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.ux-radio-field__icon {
  display: inline-block;
  vertical-align: bottom;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.07);
  border: 1px solid #ccd2d9;
  /*!-designToken-radio-field-border-width solid -designToken-radio-field-border-color*/
  border-radius: 9px;
  background-color: #fff;
  /*!-designToken-radio-field-background-color*/
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
  position: relative;
}
.ux-radio-field__icon::after {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: -3px;
  right: -3px;
  box-sizing: border-box;
  border: 2px solid transparent;
  border-radius: 10px;
  /*!-designToken-state-focus-passive-border-radius*/
  transition: border-color 0.1s linear, border-radius 0.1s linear, top 0.1s linear, bottom 0.1s linear, left 0.1s linear, right 0.1s linear;
}
.ux-radio-field__input:checked + .ux-radio-field__icon {
  background-color: #1f8eda;
  /*!-designToken-radio-field-checked-background-color*/
  border-color: #1f8eda;
  /*!-designToken-radio-field-checked-border-color*/
  position: relative;
}
.ux-radio-field__input:checked + .ux-radio-field__icon::after {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px;
  box-sizing: border-box;
  border: 2px solid transparent;
  border-radius: 10px;
  /*!-designToken-state-focus-passive-border-radius*/
  transition: border-color 0.1s linear, border-radius 0.1s linear, top 0.1s linear, bottom 0.1s linear, left 0.1s linear, right 0.1s linear;
}
.ux-radio-field__input:checked + .ux-radio-field__icon:before {
  display: block;
  content: '';
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 100%;
  margin: 5px;
}
.ux-radio-field__input:focus + .ux-radio-field__icon::after {
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  border-color: #e1e2e3;
  /*!-designToken-state-action-focus-active-border-color*/
  border-radius: 13px;
  /*!-designToken-state-action-focus-active-border-radius*/
}
.ux-radio-field__input:checked:focus + .ux-radio-field__icon::after {
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  border-color: #e1e2e3;
  /*!-designToken-state-action-focus-active-border-color*/
  border-radius: 13px;
  /*!-designToken-state-action-focus-active-border-radius*/
}
.ux-radio-field._disabled > .ux-radio-field__label {
  cursor: default;
  opacity: 0.5;
}
.ux-radio-field:not(._disabled) > .ux-radio-field__label:hover {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.ux-radio-field:not(._disabled) > .ux-radio-field__label:hover > .ux-radio-field__icon {
  background-color: #fff;
  /*!-designToken-radio-field-unchecked-hover-background-color*/
  border-color: #ccd2d9;
  /*!-designToken-radio-field-unchecked-hover-border-color*/
}
.ux-radio-field:not(._disabled) > .ux-radio-field__label:hover > .ux-radio-field__icon::after {
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  border-color: #ffbb29;
  /*!-designToken-state-hover-active-border-color*/
  border-radius: 13px;
  /*!-designToken-state-hover-active-border-radius*/
  z-index: 1000;
}
.ux-radio-field:not(._disabled) > .ux-radio-field__label:hover > .ux-radio-field__icon::after {
  border: 2px solid #ffbb29;
  /*!-designToken-radio-field-unchecked-hover-active-border-width solid -designToken-radio-field-unchecked-hover-active-border-color*/
}
.ux-radio-field:not(._disabled) > .ux-radio-field__label:active > .ux-radio-field__icon {
  background-color: #78c4eb;
  border-color: #78c4eb;
  box-shadow: none;
}
.ux-radio-field:not(._disabled) > .ux-radio-field__label:hover .ux-radio-field__input:checked + .ux-radio-field__icon {
  background-color: #1f8eda;
  /*!-designToken-radio-field-checked-hover-background-color*/
  border-color: #1f8eda;
  /*!-designToken-radio-field-checked-hover-border-color*/
}
.ux-radio-field:not(._disabled) > .ux-radio-field__label:hover .ux-radio-field__input:checked + .ux-radio-field__icon::after {
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  border-color: #ffbb29;
  /*!-designToken-state-hover-active-border-color*/
  border-radius: 13px;
  /*!-designToken-state-hover-active-border-radius*/
  z-index: 1000;
}
.ux-radio-field:not(._disabled) > .ux-radio-field__label:hover .ux-radio-field__input:checked + .ux-radio-field__icon::after {
  border: 2px solid #ffbb29;
  /*!-designToken-radio-field-checked-hover-active-border-width solid -designToken-radio-field-checked-hover-active-border-color*/
}
.ux-radio-field:not(._disabled) > .ux-radio-field__label:active .ux-radio-field__input:checked + .ux-radio-field__icon {
  background-color: #78c4eb;
  border-color: #78c4eb;
  box-shadow: none;
}
.ux-radio-group-field {
  display: block;
}
.ux-radio-group-field__items {
  list-style: none;
}
.ux-radio-group-field__item + .ux-radio-group-field__item {
  margin-top: 5px;
}
.ux-reference-field {
  display: block;
  position: relative;
  touch-action: manipulation;
}
.ux-reference-field__wrapper {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  border-width: 1px;
  border-style: solid;
  border-color: #ccd2d9;
  box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.07);
  border-radius: 4px;
  /*!-designToken-default-field-border-border-radius*/
  width: 100%;
  height: 32px;
  line-height: 1.21;
  outline: none;
  padding: 0 11px 1px 11px;
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  height: auto;
  min-height: 32px;
  padding: 0 0 0 28px;
  border: 1px solid #ccd2d9;
  /*!-designToken-reference-field-border-width solid -designToken-reference-field-border-color*/
  background-color: #fff;
  /*!-designToken-reference-field-background-color*/
  color: #262626;
  /*!-designToken-reference-field-color*/
}
.ux-reference-field__wrapper::after {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: -3px;
  right: -3px;
  box-sizing: border-box;
  border: 2px solid transparent;
  border-radius: 7px;
  /*!-designToken-state-focus-passive-border-radius*/
  transition: border-color 0.1s linear, border-radius 0.1s linear, top 0.1s linear, bottom 0.1s linear, left 0.1s linear, right 0.1s linear;
}
.ux-reference-field__wrapper._show-dropdown {
  padding-right: 22px;
}
.ux-reference-field._error .ux-reference-field__wrapper {
  padding: 0 10px 1px 10px;
  border: 2px solid #f04d30;
  /*!-designToken-state-error-border-size solid -designToken-state-error-border-color*/
  position: relative;
  line-height: 27px;
  padding: 0 0 0 34px;
}
.ux-reference-field._error .ux-reference-field__wrapper::after {
  content: "";
  display: block;
  position: absolute;
  top: -4px;
  bottom: -4px;
  left: -4px;
  right: -4px;
  box-sizing: border-box;
  border: 2px solid transparent;
  border-radius: 7px;
  /*!-designToken-state-focus-passive-border-radius*/
  transition: border-color 0.1s linear, border-radius 0.1s linear, top 0.1s linear, bottom 0.1s linear, left 0.1s linear, right 0.1s linear;
}
.ux-reference-field._error .ux-reference-field__wrapper._show-dropdown {
  padding-right: 34px;
}
.ux-reference-field:active._disabled .ux-reference-field__wrapper {
  border-width: 1px;
  border-style: solid;
  border-color: #ccd2d9;
  box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.07);
  border: 1px solid #ccd2d9;
  border-radius: 4px;
  /*!-designToken-default-field-border-border-radius*/
}
.ux-reference-field._disabled .ux-reference-field__wrapper {
  cursor: default;
  opacity: 0.5;
}
.ux-reference-field._focused:not(._disabled) .ux-reference-field__wrapper::after,
.ux-reference-field._opened .ux-reference-field__wrapper::after {
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  border-color: #ffbb29;
  /*!-designToken-state-focus-active-border-color*/
  border-radius: 7px;
  /*!-designToken-state-focus-active-border-radius*/
}
.ux-reference-field._error._focused:not(._disabled) .ux-reference-field__wrapper::after,
.ux-reference-field._error._opened .ux-reference-field__wrapper::after {
  top: -6px;
  bottom: -6px;
  left: -6px;
  right: -6px;
  border-color: #ffbb29;
  /*!-designToken-state-focus-active-border-color*/
  border-radius: 7px;
  /*!-designToken-state-focus-active-border-radius*/
}
.ux-reference-field._disabled:after {
  z-index: 2;
}
.ux-reference-field._loading .ux-reference-field__dropdown-button {
  visibility: hidden;
}
.ux-reference-field._multiple {
  height: auto;
  min-height: 32px;
}
.ux-reference-field__loader-wrapper {
  width: 12px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.ux-reference-field__input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  height: 29px;
  width: 100%;
  z-index: 1;
}
.ux-reference-field._multiple:not(._input-visible) .ux-reference-field__input-wrapper {
  opacity: 0;
  left: 0;
  top: 0;
  position: absolute;
}
.ux-reference-field._multiple:not(._input-visible):not(._disabled) .ux-reference-field__input-wrapper {
  cursor: pointer;
}
.ux-reference-field._multiple:not(._input-visible):not(._disabled) .ux-reference-field__input {
  cursor: pointer;
}
input.ux-reference-field__input {
  position: relative;
  width: calc(100% - 24px);
  border: none;
  background: #fff;
  /*!-designToken-reference-field-input-background-color*/
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
}
input.ux-reference-field__input._button-enabled {
  padding-right: 35px;
}
input.ux-reference-field__input::-ms-clear {
  display: none;
}
.ux-reference-field__dropdown-button {
  width: 32px;
  height: 32px;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 4px;
  z-index: 1;
  display: none;
}
.ux-reference-field__dropdown-button._show-dropdown {
  display: block;
  cursor: pointer;
  vertical-align: top;
}
.ux-reference-field__dropdown-button._show-dropdown._disabled {
  cursor: default;
}
.ux-reference-field__icon > :first-child {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 20px;
  height: 20px;
  fill: #000;
  fill-rule: evenodd;
  stroke: none;
  overflow: hidden;
}
.ux-reference-field._mobile .ux-reference-field__icon > :first-child {
  transform: rotate(-90deg);
}
.ux-reference-field__suggestion-item {
  cursor: pointer;
  padding: 6px 10px 4px 10px;
  line-height: 1.21;
  position: relative;
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-size: 16px;
  /*!-designToken-font-regular-medium-font-size*/
  color: inherit;
  /*!-designToken-reference-field-suggestion-item-color*/
}
.ux-reference-field__suggestion-item + .ux-reference-field__suggestion-item {
  margin-top: 1px;
}
.ux-reference-field__suggestion-item._highlighted {
  background: #ffdf99;
  /*!-designToken-reference-field-suggestion-item-hover-background*/
}
.ux-reference-field__suggestion-item._selected {
  background: #aeddf5;
  /*!-designToken-reference-field-suggestion-item-selected-background*/
}
.ux-reference-field__suggestion-item._highlighted._selected {
  background: #d4d7d9;
  /*!-designToken-reference-field-suggestion-item-selected-hover-background*/
}
.ux-reference-field__suggestion-item-add {
  width: 40px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ux-reference-field__suggestion-item-add-icon {
  width: 20px;
  height: 20px;
  fill: #ccd2d9;
}
.ux-reference-field._mobile .ux-reference-field__suggestion-item {
  padding-right: 40px;
}
.ux-reference-field__suggestions-popup {
  padding: 7px 0;
}
.ux-reference-field__values {
  padding: 3px 0;
  overflow-x: hidden;
  width: 100%;
}
.ux-reference-field__values-wrapper {
  max-height: 78px;
  min-height: 100%;
  width: 100%;
  display: flex;
  z-index: 2;
  position: relative;
}
.ux-reference-field__values-wrapper .ux-scroll__inner {
  padding-right: 10px;
  /*Temporary hack to make scroll works as expected*/
  overflow-x: hidden !important;
  margin-bottom: 0 !important;
  height: 100% !important;
}
.ux-reference-field__values-list {
  display: flex;
  flex-wrap: wrap;
  overflow-x: hidden;
}
.ux-reference-field._mobile .ux-reference-field__values-wrapper {
  max-height: 100%;
}
.ux-reference-field._disabled .ux-reference-field__value-remove:hover {
  background-color: #1f8eda;
}
.ux-reference-field__value-caption {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  line-height: 1.21;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.ux-reference-field__value-caption:after {
  content: "";
  display: none;
  position: absolute;
  top: 0;
  right: 2px;
  width: 40px;
  height: 100%;
  background: linear-gradient(to left, #aeddf5 30%, transparent);
}
.ux-reference-field__value-item-wrapper._token .ux-reference-field__value-caption {
  width: calc(100% - 16px);
}
.ux-reference-field__value-item-wrapper:not(._token):not(._disabled):hover .ux-reference-field__value-caption:after {
  display: block;
}
.ux-reference-field__value-item {
  position: relative;
  width: 100%;
  display: flex;
  overflow: hidden;
  padding: 2px 8px 2px 8px;
  border-radius: 3px;
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  background-color: #aeddf5;
  /*!-designToken-reference-field-value-item-background-color*/
  color: #262626;
  /*!-designToken-reference-field-value-item-color*/
}
.ux-reference-field__value-item-wrapper._token .ux-reference-field__value-item {
  padding-right: 4px;
}
.ux-reference-field__value-item-wrapper._token._opened-options .ux-reference-field__value-item {
  background-color: #1f8eda;
  color: #fff;
}
.ux-reference-field__value-item-wrapper {
  position: relative;
  display: flex;
  margin: 2px;
  max-width: 100%;
  z-index: 2;
}
.ux-reference-field__value-item-remove {
  display: none;
  position: absolute;
  top: 3px;
  right: 1px;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.ux-reference-field__value-item-remove._disabled {
  cursor: default;
}
.ux-reference-field__value-item-remove-icon {
  width: 14px;
  height: 14px;
  fill: #363d4d;
  vertical-align: top;
}
.ux-reference-field__value-item-wrapper:not(._token):not(._disabled):hover .ux-reference-field__value-item-remove {
  display: block;
}
.ux-reference-field__value-item-arrow {
  margin-left: 2px;
  width: 16px;
  height: 16px;
}
.ux-reference-field__value-item-arrow-icon {
  width: 16px;
  height: 16px;
  fill: #363d4d;
  vertical-align: top;
}
.ux-reference-field__value-item-arrow:not(._disabled):hover {
  opacity: 0.7;
  cursor: pointer;
}
.ux-reference-field__value-item-wrapper._token._opened-options .ux-reference-field__value-item-arrow-icon {
  fill: #fff;
}
.ux-reference-field__empty-message {
  display: flex;
  justify-content: center;
  padding: 8px;
}
.ux-reference-field__empty-message-text {
  color: #7f8387;
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-style: italic;
  margin-left: 6px;
}
.ux-reference-field__empty-message-icon {
  fill: #92a0b3;
  width: 20px;
  height: 20px;
  transform: translate3d(0, -1px, 0);
}
.ux-reference-field__empty-message._enter .ux-reference-field__empty-message-text {
  margin-left: 10px;
}
.ux-reference-field__empty-message._enter .ux-reference-field__empty-message-icon {
  width: 23px;
  height: 24px;
  transform: scale(1, -1) translate3d(0, 2px, 0);
}
.ux-reference-field__search-icon {
  position: absolute;
  top: 5px;
  left: 6px;
  width: 19px;
  height: 19px;
  fill: #92a0b3;
}
.ux-reference-field__popover-input {
  width: 100%;
}
.ux-reference-field__popover-input-wrapper {
  padding: 10px;
  border-bottom: 1px solid #ccd2d9;
  display: flex;
}
.ux-reference-field__popover-input-cross {
  fill: #ccd2d9;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.ux-reference-field__popover-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background-color: #f5f6f7;
  border-bottom: 1px solid #ccd2d9;
}
.ux-reference-field__popover-toolbar-text {
  padding: 0 10px;
  text-align: center;
}
.ux-reference-field__popover-values {
  padding: 3px 8px 0 8px;
}
.ux-reference-field__label {
  width: 100%;
  height: 29px;
  line-height: 29px;
  z-index: 1;
  outline: 0;
}
.ux-reference-field__label-text {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  display: block;
}
.ux-reference-field-toolbar {
  background-color: #f5f6f7;
  border-bottom: 1px solid #ccd2d9;
  height: 32px;
  padding: 0 7px;
  display: flex;
  align-items: center;
}
.ux-search-field {
  display: block;
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  border-width: 1px;
  border-style: solid;
  border-color: #ccd2d9;
  box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.07);
  border-radius: 4px;
  /*!-designToken-default-field-border-border-radius*/
  width: 100%;
  height: 32px;
  line-height: 1.21;
  color: #262626;
  outline: none;
  padding: 0 11px 1px 11px;
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 27px;
  background-color: #fff;
  /*!-designToken-search-field-background-color*/
  border: 1px solid #ccd2d9;
  /*!-designToken-search-field-border-size solid -designToken-search-field-border-color*/
}
.ux-search-field::after {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: -3px;
  right: -3px;
  box-sizing: border-box;
  border: 2px solid transparent;
  border-radius: 7px;
  /*!-designToken-state-focus-passive-border-radius*/
  transition: border-color 0.1s linear, border-radius 0.1s linear, top 0.1s linear, bottom 0.1s linear, left 0.1s linear, right 0.1s linear;
}
.ux-search-field:focus:not(:disabled)::after,
.ux-search-field:focus:not(._disabled)::after,
.ux-search-field ._focused::after,
.ux-search-field._focused:not(._disabled)::after {
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  border-color: #ffbb29;
  /*!-designToken-state-focus-active-border-color*/
  border-radius: 7px;
  /*!-designToken-state-focus-active-border-radius*/
}
.ux-search-field:focus:not(:disabled)._error,
.ux-search-field:focus:not(._disabled)._error,
.ux-search-field ._focused._error,
.ux-search-field._focused:not(._disabled)._error {
  border-color: #f04d30;
}
.ux-search-field:disabled,
.ux-search-field:active:disabled,
.ux-search-field._disabled,
.ux-search-field:active._disabled {
  cursor: default;
  opacity: 0.5;
}
.ux-search-field__input {
  position: relative;
  flex: 1 1 auto;
  min-width: 1px;
  border: 0 none;
  background-color: transparent;
  z-index: 1;
}
.ux-search-field__input:focus:not(:disabled) {
  outline: none;
}
.ux-search-field__input::-webkit-outer-spin-button,
.ux-search-field__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ux-search-field::-moz-placeholder {
  font-family: inherit;
  /*!-designToken-field-placeholder-font-family*/
  font-size: inherit;
  /*!-designToken-field-placeholder-font-size*/
  color: #7f8387;
  /*!-designToken-field-placeholder-color*/
}
.ux-search-field::placeholder {
  font-family: inherit;
  /*!-designToken-field-placeholder-font-family*/
  font-size: inherit;
  /*!-designToken-field-placeholder-font-size*/
  color: #7f8387;
  /*!-designToken-field-placeholder-color*/
}
.ux-search-field._show-clear-button {
  padding-right: 27px;
}
.ux-search-field._show-clear-button .ux-search-field__clear {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s, visibility 0.2s;
}
.ux-search-field._show-clear-button._empty .ux-search-field__clear {
  opacity: 0;
  visibility: hidden;
}
.ux-search-field__input {
  color: #262626;
  /*!-designToken-search-field-input-color*/
  background-position: 0 center;
  background-size: 14px;
}
.ux-search-field__input::-ms-clear {
  display: none;
}
.ux-search-field__icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 27px;
  height: 30px;
}
.ux-search-field__icon > :first-child {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 14px;
  height: 14px;
  fill: #92a0b3;
  fill-rule: evenodd;
  stroke: none;
  overflow: hidden;
}
.ux-search-field._error {
  padding: 0 10px 1px 10px;
  border: 2px solid #f04d30;
  /*!-designToken-state-error-border-size solid -designToken-state-error-border-color*/
}
.ux-search-field__clear {
  display: none;
  cursor: pointer;
  width: 27px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.ux-search-field__clear-icon {
  fill: #92a0b3;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 5px;
  left: 2px;
}
.ux-search-field._show-clear-button .ux-search-field__clear {
  display: block;
}
.ux-field-suggestion-popup {
  display: block;
}
.ux-field-suggestion-popup__inner {
  max-width: 240px;
  background: #fff;
  /*!-designToken-suggestion-popup-inner-suggestion-background-color*/
}
.ux-field-suggestion-popup__inner:focus {
  outline: none;
}
.ux-paging .ux-field-suggestion-popup__inner {
  min-width: 50px;
}
.ux-switch-selector-field {
  position: relative;
  display: block;
  width: 100%;
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}
.ux-switch-selector-field__items {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.ux-switch-selector-field__item {
  display: flex;
  flex-grow: 1;
  flex-direction: row;
  justify-content: center;
  border-top: 1px solid #ccd2d9;
  border-bottom: 1px solid #ccd2d9;
  height: 30px;
  align-items: center;
  border-right: 1px solid #ccd2d9;
  background-color: #fff;
  /*!-designToken-button-default-active-background-color*/
  position: relative;
}
.ux-switch-selector-field__item::after {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: -3px;
  right: -3px;
  box-sizing: border-box;
  border: 2px solid transparent;
  border-radius: 0;
  /*!-designToken-state-focus-passive-border-radius*/
  transition: border-color 0.1s linear, border-radius 0.1s linear, top 0.1s linear, bottom 0.1s linear, left 0.1s linear, right 0.1s linear;
}
.ux-switch-selector-field__item:first-child {
  border-left: 1px solid #ccd2d9;
  border-radius: 15px 0 0 15px;
}
.ux-switch-selector-field__item:first-child:hover:after {
  border-radius: 15px 0 0 15px;
}
.ux-switch-selector-field__item:last-child {
  border-right: 1px solid #ccd2d9;
  border-radius: 0 15px 15px 0;
}
.ux-switch-selector-field__item:last-child:hover:after {
  border-radius: 0 15px 15px 0;
}
.ux-switch-selector-field__item:hover {
  cursor: pointer;
}
.ux-switch-selector-field__item:hover::after {
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px;
  border-color: #ffbb29;
  /*!-designToken-state-hover-active-border-color*/
  border-radius: 0;
  /*!-designToken-state-hover-active-border-radius*/
  z-index: 1000;
}
.ux-switch-selector-field__item.selected {
  background-color: #78c4eb;
  /*!-designToken-button-default-active-background-color*/
}
.ux-switch-selector-field__item-content {
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ux-switcher-field {
  position: relative;
  display: block;
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}
.ux-switcher-field._disabled,
.ux-switcher-field:active._disabled {
  cursor: default;
  opacity: 0.5;
}
.ux-switcher-field__label {
  display: flex;
  align-items: center;
}
.ux-switcher-field:not(._disabled) > .ux-switcher-field__label:hover {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.ux-switcher-field__label-text {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  color: inherit;
  /*!-designToken-switcher-field-label-color*/
  line-height: 18px;
}
.ux-switcher-field__label-text._left {
  padding-right: 8px;
}
.ux-switcher-field__label-text._right {
  padding-left: 8px;
}
.ux-switcher-field__input {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-transform: none;
  width: 1px;
}
.ux-switcher-field__control-wrapper {
  display: inline-block;
  width: 38px;
  /*!-designToken-switcher-field-width*/
  height: 24px;
  /*!-designToken-switcher-field-height*/
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ux-switcher-field__control-wrapper::after {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px;
  box-sizing: border-box;
  border: 2px solid transparent;
  border-radius: 14px;
  /*!-designToken-state-focus-passive-border-radius*/
  transition: border-color 0.1s linear, border-radius 0.1s linear, top 0.1s linear, bottom 0.1s linear, left 0.1s linear, right 0.1s linear;
}
.ux-switcher-field__control {
  position: relative;
  width: 38px;
  /*!-designToken-switcher-field-width*/
  height: 24px;
  /*!-designToken-switcher-field-height*/
  border: 1px solid #ccd2d9;
  /*!-designToken-switcher-field-border-size solid -designToken-switcher-field-border-color*/
  border-radius: 22px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}
.ux-switcher-field__control,
.ux-switcher-field:active._disabled .ux-switcher-field__control {
  background-color: #e1e2e3;
  /*!-designToken-switcher-field-inactive-background-color*/
  border: 1px solid #c4c9cc;
  /*!-designToken-switcher-field-inactive-border-size solid -designToken-switcher-field-inactive-border-color*/
}
.ux-switcher-field._active .ux-switcher-field__control,
.ux-switcher-field:active._active._disabled .ux-switcher-field__control {
  background-color: #1f8eda;
  /*!-designToken-switcher-field-active-background-color*/
  border: 1px solid #1f8eda;
  /*!-designToken-switcher-field-active-border-size solid -designToken-switcher-field-active-border-color*/
}
.ux-switcher-field__control:after {
  content: '';
  transition-delay: 0.03s;
}
.ux-switcher-field__control:after,
.ux-switcher-field__icon {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background-color: #fff;
  /*!-designToken-switcher-field-icon-background-color*/
  transform: translate3d(0, 0, 0);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 5px 15px 3px rgba(0, 0, 0, 0.07);
}
.ux-switcher-field__icon,
.ux-switcher-field._disabled:hover .ux-switcher-field__icon,
.ux-switcher-field._active._disabled:hover .ux-switcher-field__icon {
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.06);
}
.ux-switcher-field._active:hover .ux-switcher-field__control {
  background-color: #1f8eda;
  /*!-designToken-switcher-field-active-hover-background-color*/
}
.ux-switcher-field:active .ux-switcher-field__icon {
  transform: translate3d(2px, 0, 0);
  transition-duration: 0.2s;
}
.ux-switcher-field:active._disabled .ux-switcher-field__icon,
.ux-switcher-field:active._disabled .ux-switcher-field__control:after {
  transform: translate3d(0px, 0, 0);
}
.ux-switcher-field:active._active .ux-switcher-field__icon {
  transform: translate3d(12px, 0, 0);
  transition-duration: 0.2s;
}
.ux-switcher-field:active._disabled._active .ux-switcher-field__icon,
.ux-switcher-field:active._disabled._active .ux-switcher-field__control:after {
  transform: translate3d(14px, 0, 0);
}
.ux-switcher-field._active .ux-switcher-field__control:after,
.ux-switcher-field._active .ux-switcher-field__icon {
  transform: translate3d(14px, 0, 0);
}
.ux-switcher-field._focused:not(._disabled) .ux-switcher-field__control-wrapper::after {
  top: -4px;
  bottom: -4px;
  left: -4px;
  right: -4px;
  border-color: #ffbb29;
  /*!-designToken-state-focus-active-border-color*/
  border-radius: 16px;
  /*!-designToken-state-focus-active-border-radius*/
}
.ux-switcher-field:not(._disabled) .ux-switcher-field__label:hover .ux-switcher-field__control-wrapper::after {
  top: -4px;
  bottom: -4px;
  left: -4px;
  right: -4px;
  border-color: #ffbb29;
  /*!-designToken-state-focus-active-border-color*/
  border-radius: 16px;
  /*!-designToken-state-focus-active-border-radius*/
}
.ux-text-field {
  display: block;
  position: relative;
}
.ux-text-field::after {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px;
  box-sizing: border-box;
  border: 2px solid transparent;
  border-radius: 7px;
  /*!-designToken-state-focus-passive-border-radius*/
  transition: border-color 0.1s linear, border-radius 0.1s linear, top 0.1s linear, bottom 0.1s linear, left 0.1s linear, right 0.1s linear;
}
.ux-text-field._focused::after {
  top: -4px;
  bottom: -4px;
  left: -4px;
  right: -4px;
  border-color: #ffbb29;
  /*!-designToken-state-focus-active-border-color*/
  border-radius: 7px;
  /*!-designToken-state-focus-active-border-radius*/
}
.ux-text-field__input {
  position: relative;
  z-index: 1;
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  border-width: 1px;
  border-style: solid;
  border-color: #ccd2d9;
  box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.07);
  border: 1px solid #ccd2d9;
  /*!-designToken-default-field-border-border-radius*/
  width: 100%;
  height: 32px;
  line-height: 1.21;
  outline: none;
  padding: 0 11px 1px 11px;
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
  color: #262626;
  /*!-designToken-text-field-color*/
  background-color: #fff;
  /*!-designToken-text-field-background-color*/
  border-width: 1px solid #ccd2d9;
  /*!-designToken-text-field-border-width solid -designToken-text-field-border-color*/
  border-radius: 4px;
  /*!-designToken-text-field-border-radius*/
}
.ux-text-field__input::-moz-placeholder {
  font-family: inherit;
  /*!-designToken-field-placeholder-font-family*/
  font-size: inherit;
  /*!-designToken-field-placeholder-font-size*/
  color: #7f8387;
  /*!-designToken-field-placeholder-color*/
}
.ux-text-field__input::placeholder {
  font-family: inherit;
  /*!-designToken-field-placeholder-font-family*/
  font-size: inherit;
  /*!-designToken-field-placeholder-font-size*/
  color: #7f8387;
  /*!-designToken-field-placeholder-color*/
}
.ux-text-field__input:disabled,
.ux-text-field__input:active:disabled,
.ux-text-field__input._disabled,
.ux-text-field__input:active._disabled {
  cursor: default;
  opacity: 0.5;
}
.ux-text-field__input::-ms-clear {
  display: none;
}
.ux-text-field._error .ux-text-field__input {
  padding: 0 10px 1px 10px;
  border: 2px solid #f04d30;
  /*!-designToken-state-error-border-size solid -designToken-state-error-border-color*/
}
.ux-text-field._height-m .ux-text-field__input,
.ux-text-field._size-m .ux-text-field__input {
  height: 40px;
  font-size: 18px;
  /*!-designToken-text-field-font-size-m*/
}
.ux-header {
  display: flex;
  height: 56px;
  min-height: 56px;
  padding: 0 30px 0 40px;
  color: #fff;
  background-color: #78c4eb;
  /*!-designToken-header-background-color*/
  border-bottom: solid 1px #0091dc;
}
.ux-header__logo {
  display: inline-block;
  width: 178px;
  height: 40px;
  margin-right: 36px;
  background-image: url('sevana-logo-inverse-137x40.png');
  background-repeat: no-repeat;
}
.ux-header__inner {
  display: flex;
  width: 100%;
}
.ux-header-group {
  margin: 0;
  padding: 0;
  float: left;
  display: flex;
  align-items: center;
  order: 0;
  flex-grow: 0;
}
.ux-header-group[position="right"] {
  margin: 0 13px 0 auto;
  order: 1;
}
.ux-header-button {
  height: 100%;
  display: block;
  padding: 19px 12px 21px 12px;
  margin: 0;
  cursor: pointer;
  border-bottom: 4px solid transparent;
  position: relative;
}
.ux-header-button:hover {
  border-bottom: 4px solid #ffbb29;
}
.ux-header-button__icon {
  display: flex;
  width: 16px;
  height: 16px;
  align-items: center;
  justify-content: center;
  position: relative;
}
.ux-header-button__icon > :first-child {
  fill: #fff;
  fill-rule: evenodd;
  stroke: #fff;
  stroke-width: 0.4;
  overflow: hidden;
  height: 100%;
}
.ux-header-button__icon._active-bell {
  width: 14px;
}
.ux-header-button__icon._active-bell > :first-child {
  width: 14px;
}
.ux-header-button__icon._active-bell:after {
  display: block;
  content: '';
  width: 6px;
  height: 6px;
  background-color: #ffbb29;
  border-radius: 6px;
  position: absolute;
  top: -2px;
  right: 1px;
}
.ux-header-button__icon._language {
  width: 21px;
}
.ux-header-button__icon._language > :first-child {
  width: 21px;
}
.ux-header-button__icon._bell {
  width: 14px;
}
.ux-header-button__icon._bell > :first-child {
  width: 14px;
}
.ux-header-button__icon._plus {
  width: 20px;
}
.ux-header-button__icon._plus > :first-child {
  width: 20px;
  height: 20px;
}
.ux-header-button__icon._search > :first-child {
  width: 16px;
}
.ux-header-button__icon._location,
.ux-header-button__icon._user {
  width: 15px;
}
.ux-header-button__icon._location > :first-child,
.ux-header-button__icon._user > :first-child {
  width: 15px;
}
.ux-router-link {
  display: block;
}
.ux-router-link__ref {
  padding: 10px 12px 0;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
}
.ux-router-link__ref,
.ux-router-link__ref:visited,
.ux-router-link__ref:not(:visited) {
  color: #fff;
}
.ux-router-link__ref-content {
  padding: 0 6px 0 0;
  line-height: 42px;
  transition: border 300ms ease;
  border-bottom: 4px solid transparent;
}
.ux-router-link__ref:hover .ux-router-link__ref-content {
  border-bottom-color: #ffbb29;
}
.ux-router-link__ref._active {
  cursor: default;
}
.ux-router-link__ref._active .ux-router-link__ref-content {
  border-bottom-color: #ffbb29;
}
.ux-label {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  display: flex;
  flex-direction: column;
}
.ux-label._align-left {
  flex-direction: row;
}
.ux-label__text {
  padding-bottom: 4px;
  color: #aaaeb3;
  /*!-designToken-label-text-color*/
}
.ux-label._error > .ux-label__text {
  color: #f04d30;
}
.ux-label._align-left .ux-label__text {
  padding: 6px 20px 0 0;
}
.ux-label__optional {
  font-size: 12px;
  color: #aaaeb3;
  /*!-designToken-label-optional-color*/
}
.ux-label._dark .ux-label__text {
  color: #000;
  /*!-designToken-label-dark-text-color*/
}
.ux-label._required .ux-label__text {
  position: relative;
  padding-left: 10px;
}
.ux-label._required .ux-label__text:before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background-color: #f04d30;
  /*!-designToken-label-required-background-color*/
  top: 8px;
  position: absolute;
  left: 1px;
}
.ux-app-loader {
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  width: 30px;
  height: 30px;
  margin-left: -27px;
  margin-top: -27px;
  transform: scale(0.14);
}
.ux-app-loader__spinner-item {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background-color: #1f8eda;
}
.ux-app-loader__spinner-item-wrapper {
  width: 24px;
  height: 24px;
  margin-left: 4px;
  margin-top: 4px;
  position: absolute;
}
.ux-app-loader__spinner-item-wrapper:nth-of-type(1) .ux-app-loader__spinner-item {
  -webkit-animation: ux-app-loader 1s linear infinite;
          animation: ux-app-loader 1s linear infinite;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.ux-app-loader__spinner-item-wrapper:nth-of-type(1) {
  transform: translate3d(84px, 84px, 0) rotate(45deg) translate3d(70px, 0, 0);
}
.ux-app-loader__spinner-item-wrapper:nth-of-type(2) .ux-app-loader__spinner-item {
  -webkit-animation: ux-app-loader 1s linear infinite;
          animation: ux-app-loader 1s linear infinite;
  -webkit-animation-delay: 0.12s;
          animation-delay: 0.12s;
}
.ux-app-loader__spinner-item-wrapper:nth-of-type(2) {
  transform: translate3d(84px, 84px, 0) rotate(90deg) translate3d(70px, 0, 0);
}
.ux-app-loader__spinner-item-wrapper:nth-of-type(3) .ux-app-loader__spinner-item {
  -webkit-animation: ux-app-loader 1s linear infinite;
          animation: ux-app-loader 1s linear infinite;
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
}
.ux-app-loader__spinner-item-wrapper:nth-of-type(3) {
  transform: translate3d(84px, 84px, 0) rotate(135deg) translate3d(70px, 0, 0);
}
.ux-app-loader__spinner-item-wrapper:nth-of-type(4) .ux-app-loader__spinner-item {
  -webkit-animation: ux-app-loader 1s linear infinite;
          animation: ux-app-loader 1s linear infinite;
  -webkit-animation-delay: 0.37s;
          animation-delay: 0.37s;
}
.ux-app-loader__spinner-item-wrapper:nth-of-type(4) {
  transform: translate3d(84px, 84px, 0) rotate(180deg) translate3d(70px, 0, 0);
}
.ux-app-loader__spinner-item-wrapper:nth-of-type(5) .ux-app-loader__spinner-item {
  -webkit-animation: ux-app-loader 1s linear infinite;
          animation: ux-app-loader 1s linear infinite;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.ux-app-loader__spinner-item-wrapper:nth-of-type(5) {
  transform: translate3d(84px, 84px, 0) rotate(225deg) translate3d(70px, 0, 0);
}
.ux-app-loader__spinner-item-wrapper:nth-of-type(6) .ux-app-loader__spinner-item {
  -webkit-animation: ux-app-loader 1s linear infinite;
          animation: ux-app-loader 1s linear infinite;
  -webkit-animation-delay: 0.62s;
          animation-delay: 0.62s;
}
.ux-app-loader__spinner-item-wrapper:nth-of-type(6) {
  transform: translate3d(84px, 84px, 0) rotate(270deg) translate3d(70px, 0, 0);
}
.ux-app-loader__spinner-item-wrapper:nth-of-type(7) .ux-app-loader__spinner-item {
  -webkit-animation: ux-app-loader 1s linear infinite;
          animation: ux-app-loader 1s linear infinite;
  -webkit-animation-delay: 0.75s;
          animation-delay: 0.75s;
}
.ux-app-loader__spinner-item-wrapper:nth-of-type(7) {
  transform: translate3d(84px, 84px, 0) rotate(315deg) translate3d(70px, 0, 0);
}
.ux-app-loader__spinner-item-wrapper:nth-of-type(8) .ux-app-loader__spinner-item {
  -webkit-animation: ux-app-loader 1s linear infinite;
          animation: ux-app-loader 1s linear infinite;
  -webkit-animation-delay: 0.87s;
          animation-delay: 0.87s;
}
.ux-app-loader__spinner-item-wrapper:nth-of-type(8) {
  transform: translate3d(84px, 84px, 0) rotate(360deg) translate3d(70px, 0, 0);
}
@-webkit-keyframes ux-app-loader {
  0% {
    opacity: 1;
    transform: scale(1.3);
  }
  100% {
    opacity: 0.1;
    transform: scale(1);
  }
}
@keyframes ux-app-loader {
  0% {
    opacity: 1;
    transform: scale(1.3);
  }
  100% {
    opacity: 0.1;
    transform: scale(1);
  }
}
.ux-bagel-loader._absolute {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ux-bagel-loader__svg {
  width: 25px;
  height: 25px;
  transform: rotate(-90deg);
}
.ux-bagel-loader__svg-background-circle {
  fill: none;
  stroke: #d4d7d9;
  stroke-width: 4px;
}
.ux-bagel-loader__svg-foreground-circle {
  fill: none;
  stroke: #1f8eda;
  stroke-width: 4px;
  stroke-dasharray: 62.8;
  transition: stroke-dashoffset 0.1s linear;
}
.ux-circular-loader {
  display: block;
  width: 24px;
  height: 24px;
  fill: #f04d30;
}
.ux-circular-loader._absolute {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: calc(50% - 12px);
  left: calc(50% - 12px);
}
.ux-circular-loader__svg {
  height: 100%;
  width: 100%;
}
.ux-circular-loader__loader {
  fill: #1f8eda;
}
.ux-circular-loader__back {
  fill: transparent;
  stroke-width: 2;
  stroke: #0c6cb0;
}
.ux-circular-loader._blue .ux-circular-loader__loader {
  fill: #1f8eda;
}
.ux-circular-loader._blue .ux-circular-loader__back {
  stroke: #0c6cb0;
}
.ux-circular-loader._white .ux-circular-loader__loader {
  fill: #fff;
}
.ux-circular-loader._white .ux-circular-loader__back {
  stroke: #fff;
}
.ux-circular-loader._grey .ux-circular-loader__loader {
  fill: #d4d7d9;
}
.ux-circular-loader._grey .ux-circular-loader__back {
  stroke: #aaaeb3;
}
.ux-linear-dots-loader._absolute {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ux-linear-dots-loader__inner {
  width: 40px;
  height: 14px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.ux-linear-dots-loader__dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  opacity: 0;
  background-color: #1f8eda;
  -webkit-animation: blink-animation 2s infinite;
          animation: blink-animation 2s infinite;
}
.ux-linear-dots-loader__dot._second-dot {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.ux-linear-dots-loader__dot._third-dot {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
@-webkit-keyframes blink-animation {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes blink-animation {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.ux-round-dots-loader {
  display: none;
}
.ux-round-dots-loader._visible {
  display: block;
}
.ux-round-dots-loader._absolute {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ux-round-dots-loader__inner {
  transform: scale(0.14);
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -27px;
  margin-top: -27px;
}
.ux-round-dots-loader__spinner-item {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background-color: #1f8eda;
}
.ux-round-dots-loader__spinner-item-wrapper {
  width: 24px;
  height: 24px;
  margin-left: 4px;
  margin-top: 4px;
  position: absolute;
}
.ux-round-dots-loader__spinner-item-wrapper:nth-of-type(1) .ux-round-dots-loader__spinner-item {
  -webkit-animation: ux-round-dots-loader 1s linear infinite;
          animation: ux-round-dots-loader 1s linear infinite;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.ux-round-dots-loader__spinner-item-wrapper:nth-of-type(1) .ux-round-dots-loader__spinner-item {
  -webkit-animation: ux-round-dots-loader 1s linear infinite;
          animation: ux-round-dots-loader 1s linear infinite;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.ux-round-dots-loader__spinner-item-wrapper:nth-of-type(1) {
  transform: translate3d(84px, 84px, 0) rotate(45deg) translate3d(70px, 0, 0);
}
.ux-round-dots-loader__spinner-item-wrapper:nth-of-type(2) .ux-round-dots-loader__spinner-item {
  -webkit-animation: ux-round-dots-loader 1s linear infinite;
          animation: ux-round-dots-loader 1s linear infinite;
  -webkit-animation-delay: 0.12s;
          animation-delay: 0.12s;
}
.ux-round-dots-loader__spinner-item-wrapper:nth-of-type(2) {
  transform: translate3d(84px, 84px, 0) rotate(90deg) translate3d(70px, 0, 0);
}
.ux-round-dots-loader__spinner-item-wrapper:nth-of-type(3) .ux-round-dots-loader__spinner-item {
  -webkit-animation: ux-round-dots-loader 1s linear infinite;
          animation: ux-round-dots-loader 1s linear infinite;
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
}
.ux-round-dots-loader__spinner-item-wrapper:nth-of-type(3) {
  transform: translate3d(84px, 84px, 0) rotate(135deg) translate3d(70px, 0, 0);
}
.ux-round-dots-loader__spinner-item-wrapper:nth-of-type(4) .ux-round-dots-loader__spinner-item {
  -webkit-animation: ux-round-dots-loader 1s linear infinite;
          animation: ux-round-dots-loader 1s linear infinite;
  -webkit-animation-delay: 0.37s;
          animation-delay: 0.37s;
}
.ux-round-dots-loader__spinner-item-wrapper:nth-of-type(4) {
  transform: translate3d(84px, 84px, 0) rotate(180deg) translate3d(70px, 0, 0);
}
.ux-round-dots-loader__spinner-item-wrapper:nth-of-type(5) .ux-round-dots-loader__spinner-item {
  -webkit-animation: ux-round-dots-loader 1s linear infinite;
          animation: ux-round-dots-loader 1s linear infinite;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.ux-round-dots-loader__spinner-item-wrapper:nth-of-type(5) {
  transform: translate3d(84px, 84px, 0) rotate(225deg) translate3d(70px, 0, 0);
}
.ux-round-dots-loader__spinner-item-wrapper:nth-of-type(6) .ux-round-dots-loader__spinner-item {
  -webkit-animation: ux-round-dots-loader 1s linear infinite;
          animation: ux-round-dots-loader 1s linear infinite;
  -webkit-animation-delay: 0.62s;
          animation-delay: 0.62s;
}
.ux-round-dots-loader__spinner-item-wrapper:nth-of-type(6) {
  transform: translate3d(84px, 84px, 0) rotate(270deg) translate3d(70px, 0, 0);
}
.ux-round-dots-loader__spinner-item-wrapper:nth-of-type(7) .ux-round-dots-loader__spinner-item {
  -webkit-animation: ux-round-dots-loader 1s linear infinite;
          animation: ux-round-dots-loader 1s linear infinite;
  -webkit-animation-delay: 0.75s;
          animation-delay: 0.75s;
}
.ux-round-dots-loader__spinner-item-wrapper:nth-of-type(7) {
  transform: translate3d(84px, 84px, 0) rotate(315deg) translate3d(70px, 0, 0);
}
.ux-round-dots-loader__spinner-item-wrapper:nth-of-type(8) .ux-round-dots-loader__spinner-item {
  -webkit-animation: ux-round-dots-loader 1s linear infinite;
          animation: ux-round-dots-loader 1s linear infinite;
  -webkit-animation-delay: 0.87s;
          animation-delay: 0.87s;
}
.ux-round-dots-loader__spinner-item-wrapper:nth-of-type(8) {
  transform: translate3d(84px, 84px, 0) rotate(360deg) translate3d(70px, 0, 0);
}
@-webkit-keyframes ux-round-dots-loader {
  0% {
    opacity: 1;
    transform: scale(1.3);
  }
  100% {
    opacity: 0.1;
    transform: scale(1);
  }
}
@keyframes ux-round-dots-loader {
  0% {
    opacity: 1;
    transform: scale(1.3);
  }
  100% {
    opacity: 0.1;
    transform: scale(1);
  }
}
/*UX Menu*/
.ux-menu {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
.ux-menu__caption {
  padding: 13px 12px;
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 300;
  /*!-designToken-font-light-font-weight*/
  font-size: 24px;
  color: #262626;
}
.ux-menu__list-wrapper {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  height: 100%;
}
.ux-menu__list-content {
  position: relative;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  height: 100%;
}
.ux-menu__item {
  display: flex;
  align-items: center;
  padding: 10px 12px;
  border-radius: 4px;
  /*!-designToken-menu-item-border-radius*/
  cursor: pointer;
}
.ux-menu__item._disabled {
  cursor: default;
  opacity: 0.5;
}
.ux-menu__item + .ux-menu__item {
  margin-top: 1px;
}
.ux-menu__item:not(._disabled):hover {
  background-color: #ffdf99;
  /*!-designToken-menu-item-hover-background-color*/
}
.ux-menu__item._active {
  background-color: #aeddf5;
  /*!-designToken-menu-item-active-background-color*/
}
.ux-menu__item-icon {
  display: inline-block;
  flex-shrink: 0;
  width: 25px;
  height: 25px;
  margin: 3px 12px 0 0;
}
.ux-menu__item-close {
  display: inline-block;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin: 0 0 0 20px;
  transform: translate3d(0, -1px, 0);
}
.ux-menu__item-close:hover {
  border-radius: 2px;
}
.ux-menu__item-close > :first-child {
  width: 16px;
  height: 16px;
}
.ux-menu__item-close {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.2s linear, opacity 0.2s linear, transform 0.2s linear;
}
.ux-menu__item:hover .ux-menu__item-close {
  visibility: visible;
  opacity: 1;
}
.ux-menu__item-caption {
  line-height: 1.2;
  display: block;
}
.ux-menu__item-caption-wrapper {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-word;
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 300;
  /*!-designToken-font-light-font-weight*/
  color: #262626;
  /*!-designToken-menu-item-color*/
}
.ux-menu__item-description {
  display: block;
  margin-top: 4px;
  font-size: 11px;
  color: #7f8387;
}
.ux-multiple-menu {
  display: inline-block;
  position: relative;
  border-right: 1px solid #ccd2d9;
  /*Only for multiple-menu*/
  /***********************/
}
.ux-multiple-menu._child {
  position: absolute;
  top: 0;
  left: 100%;
  opacity: 0;
  visibility: hidden;
  min-width: 0;
  transition: opacity 0.2s linear 0.05s, visibility 0.2s linear 0.05s;
}
.ux-multiple-menu._visible {
  opacity: 1;
  visibility: visible;
}
.ux-multiple-menu__title {
  min-height: 40px;
  padding: 0 20px;
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  color: #262626;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.ux-multiple-menu__list {
  list-style: none;
}
.ux-multiple-menu__list-wrapper,
.ux-multiple-menu__custom-content {
  height: calc(100% - 40px);
}
.ux-multiple-menu__link,
.ux-multiple-menu__content {
  display: block;
  outline: none;
}
.ux-multiple-menu__link-caption,
.ux-multiple-menu__content-caption {
  display: block;
  position: relative;
  padding: 10px 20px;
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 300;
  /*!-designToken-font-light-font-weight*/
  line-height: 1.2;
  color: #262626;
  border-radius: 4px;
  white-space: nowrap;
}
.ux-multiple-menu__link-caption:after,
.ux-multiple-menu__content-caption:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  transition: background-color 0.2s;
}
.ux-multiple-menu__content {
  color: #262626;
  cursor: auto;
}
.ux-multiple-menu__content:hover {
  color: #262626;
  cursor: auto;
}
.ux-multiple-menu__link._active > .ux-multiple-menu,
.ux-multiple-menu__content._active > .ux-multiple-menu {
  display: inline-block;
}
.ux-multiple-menu__link > .ux-multiple-menu__link-caption,
.ux-multiple-menu__content > .ux-multiple-menu__link-caption {
  min-width: 100%;
}
.ux-multiple-menu__link._active > .ux-multiple-menu__link-caption,
.ux-multiple-menu__content._active > .ux-multiple-menu__link-caption {
  color: #0c6cb0;
}
.ux-multiple-menu__link._active > .ux-multiple-menu__link-caption:after,
.ux-multiple-menu__content._active > .ux-multiple-menu__link-caption:after {
  background-color: #0c6cb0;
}
.ux-multiple-menu__link._active > .ux-multiple-menu__link-caption {
  text-decoration: underline;
}
.ux-multiple-menu .ux-scroll,
.ux-multiple-menu .ux-scroll__inner {
  position: static;
}
.ux-multiple-menu .ux-scroll__slider-vertical-wrap {
  transform: translate3d(0, 40px, 0);
  height: calc(100% - 40px);
}
.ux-multiple-menu .ux-scroll__content {
  transform: none !important;
}
.ux-tree-menu {
  display: block;
}
.ux-tree-sub-menu {
  position: relative;
  display: block;
  list-style: none;
}
.ux-tree-sub-menu__item {
  margin-top: 1px;
}
.ux-tree-sub-menu__item-content {
  padding: 10px 16px 10px 20px;
  border-radius: 4px;
  position: relative;
}
.ux-tree-sub-menu__item-content:not(._disabled):hover {
  background: #ffdf99;
  cursor: pointer;
}
.ux-tree-sub-menu__item-content:not(._disabled)._active {
  background: #aeddf5;
}
.ux-tree-sub-menu__item-content:not(._disabled)._highlighted {
  background-color: #d4d7d9;
}
.ux-tree-sub-menu__item-arrow-icon {
  width: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.ux-tree-sub-menu__item-arrow-icon > :first-child {
  position: relative;
  left: 0;
  top: 10px;
  width: 20px;
  height: 20px;
  fill: #000;
  stroke: none;
  overflow: hidden;
  transition: transform 0.3s;
}
.ux-tree-sub-menu__item-content._opened > .ux-tree-sub-menu__item-arrow-icon > :first-child {
  transition: transform 0.3s;
  transform: rotate(90deg) translate3d(0, 0, 0);
}
.ux-tree-sub-menu__item-close {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyINCgkgaWQ9IlRyYXNoIg0KCSB2aWV3Qm94PSIwIDAgMjAgMjAiPg0KCTxwYXRoIGQ9Ik0zLjM4OSw3LjExM0w0LjQ5LDE4LjAyMUM0LjU1MSwxOC40ODIsNi43NzcsMTkuOTk4LDEwLDIwYzMuMjI1LTAuMDAyLDUuNDUxLTEuNTE4LDUuNTExLTEuOTc5bDEuMTAyLTEwLjkwOA0KCQlDMTQuOTI5LDguMDU1LDEyLjQxMiw4LjUsMTAsOC41QzcuNTksOC41LDUuMDcyLDguMDU1LDMuMzg5LDcuMTEzeiBNMTMuMTY4LDEuNTFsLTAuODU5LTAuOTUxQzExLjk3NywwLjA4NiwxMS42MTcsMCwxMC45MTYsMA0KCQlIOS4wODVjLTAuNywwLTEuMDYxLDAuMDg2LTEuMzkyLDAuNTU5TDYuODM0LDEuNTFDNC4yNjQsMS45NTksMi40LDMuMTUsMi40LDQuMDI5djAuMTdDMi40LDUuNzQ2LDUuODAzLDcsMTAsNw0KCQljNC4xOTgsMCw3LjYwMS0xLjI1NCw3LjYwMS0yLjgwMXYtMC4xN0MxNy42MDEsMy4xNSwxNS43MzgsMS45NTksMTMuMTY4LDEuNTF6IE0xMi4wNyw0LjM0TDExLDNIOUw3LjkzMiw0LjM0aC0xLjcNCgkJYzAsMCwxLjg2Mi0yLjIyMSwyLjExMS0yLjUyMkM4LjUzMywxLjU4OCw4LjcyNywxLjUsOC45NzksMS41aDIuMDQzYzAuMjUzLDAsMC40NDcsMC4wODgsMC42MzcsMC4zMTgNCgkJYzAuMjQ4LDAuMzAxLDIuMTExLDIuNTIyLDIuMTExLDIuNTIySDEyLjA3eiI+PC9wYXRoPg0KPC9zdmc+DQo=);
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: 50%;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  visibility: hidden;
  position: absolute;
  right: 11px;
  top: 11px;
}
.ux-tree-sub-menu__item-content:hover .ux-tree-sub-menu__item-close {
  visibility: visible;
}
.ux-tree-sub-menu__item-caption {
  display: block;
  pointer-events: none;
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
}
.ux-tree-sub-menu__item-caption-wrapper {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-word;
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 300;
  /*!-designToken-font-light-font-weight*/
  color: #262626;
}
.ux-tree-sub-menu__item-content._disabled > .ux-tree-sub-menu__item-caption {
  opacity: 0.5;
  cursor: default;
}
.ux-tree-sub-menu._first > .ux-tree-sub-menu__item:first-child {
  margin-top: 0;
}
.ux-tree-sub-menu:not(._first) {
  padding-left: 10px;
}
.ux-notification {
  display: block;
  position: relative;
  padding: 8px 24px 8px 10px;
  margin-bottom: 8px;
  overflow-y: hidden;
  z-index: 1000;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.2s linear, opacity 0.2s linear, transform 0.2s linear;
  text-align: left;
  background-color: #fff;
  /*!-designToken-notification-background-color*/
  border: solid 1px #ccd2d9;
  border-left: 12px solid transparent;
  /*!-designToken-notification-border-left*/
  border-radius: 4px;
  /*!-designToken-notification-border-radius*/
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.08), 0 4px 16px 0 rgba(0, 0, 0, 0.04);
}
.ux-notification._visible {
  visibility: visible;
  opacity: 1;
}
.ux-notification._top-right {
  position: absolute;
  top: 30px;
  right: 30px;
  min-width: 300px;
  max-width: 400px;
  transform: translate3d(0, -100%, 0);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  z-index: 1005;
}
.ux-notification._top-right._visible {
  transform: translate3d(0, 0, 0);
}
.ux-notification._mobile {
  border-radius: 0;
  border-top: none;
  border-right: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 100%;
}
.ux-notification._visible {
  pointer-events: auto;
}
.ux-notification._closable {
  padding-right: 46px;
}
.ux-notification._none {
  padding-left: 21px;
  border: solid 1px #ccd2d9;
}
.ux-notification._info {
  border-left-color: #78c4eb;
}
.ux-notification._warn {
  border-left-color: #ffbb29;
}
.ux-notification._error {
  border-left-color: #f04d30;
}
.ux-notification._success {
  border-left-color: #5bc029;
  background-color: #c3e8a2;
  /*!-designToken-notification-background-color*/
}
.ux-notification__icon {
  width: 10px;
  height: 10px;
}
.ux-notification__icon-wrapper {
  position: absolute;
  top: 9px;
  right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.ux-notification__content {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-size: 12px;
  /*!-designToken-font-regular-small-font-size*/
  color: inherit;
  /*!-designToken-notification-content-color*/
  line-height: 1.42;
  word-wrap: break-word;
}
.ux-notification__caption {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 12px;
  /*!-designToken-font-bold-small-font-size*/
  color: inherit;
  /*!-designToken-notification-caption-color*/
  line-height: 1.42;
  word-wrap: break-word;
}
.ux-overlay {
  display: block;
}
.ux-overlay._absolute > .ux-overlay__inner {
  position: absolute;
}
.ux-overlay__inner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background-color: rgba(127, 131, 135, 0.6);
}
.ux-overlay._light .ux-overlay__inner {
  background-color: rgba(255, 255, 255, 0.1);
}
.ux-paging {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: none;
  box-shadow: none;
  color: #7f8387;
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-size: 12px;
  /*!-designToken-font-regular-small-font-size*/
}
.ux-paging__navigation {
  display: inline-flex;
  flex-direction: row;
}
.ux-paging__link {
  margin: 0 6px;
  display: inline-block;
  cursor: pointer;
  text-align: center;
}
.ux-paging__link._selected {
  color: #000;
}
.ux-paging__arrow {
  margin: 0;
  display: flex;
  align-items: center;
  width: 17px;
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.2s;
}
.ux-paging__arrow:hover {
  opacity: 1;
}
.ux-paging__arrow._disabled,
.ux-paging__arrow._disabled:hover {
  opacity: 0.2;
  cursor: default;
}
.ux-paging__arrow > :first-child {
  display: block;
  width: 12px;
  height: 12px;
}
.ux-paging ._focused {
  box-shadow: none;
}
.ux-paging__info {
  display: flex;
  align-items: center;
}
.ux-paging__info-per-page {
  margin-left: 2px;
}
.ux-paging__info-items-shown {
  margin-right: 4px;
}
.ux-paging__dropdown {
  display: inline-block;
}
.ux-popover {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  /*Transitions*/
}
.ux-popover__inner {
  padding: 30px 30px 23px;
  display: block;
  height: 100%;
  outline: none;
  border: 1px solid #d4d7d9;
  /*!-designToken-popover-inner-border-width solid -designToken-popover-inner-border-color*/
  background-color: #f5f6f7;
  /*!-designToken-popover-inner-background-color*/
  border-radius: 4px;
  /*!-designToken-popover-inner-border-radius*/
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.08), 0 4px 16px 0 rgba(0, 0, 0, 0.04);
}
.ux-popover__inner._mobile {
  border-radius: 0;
  border: none;
}
.ux-popover._white .ux-popover__inner,
.ux-popover._white .ux-popover__arrow:before {
  background-color: #fff;
}
.ux-popover._no-padding .ux-popover__content,
.ux-popover._no-padding .ux-popover__inner {
  padding: 0;
}
.ux-popover__arrow {
  overflow: hidden;
  position: absolute;
  z-index: 2;
}
.ux-popover__arrow:before {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.08), 0 4px 16px 0 rgba(0, 0, 0, 0.04);
  background-color: #f5f6f7;
  /*!-designToken-popover-arrow-background-color*/
  border: 1px solid #d4d7d9;
  /*!-designToken-popover-arrow-border-width solid -designToken-popover-arrow-border-color*/
  position: absolute;
  transform: rotate(45deg);
  margin: 2px;
  content: "";
  width: 13px;
  height: 13px;
}
.ux-popover._calendar .ux-popover__inner {
  border: none;
}
.ux-popover._calendar .ux-popover__arrow {
  z-index: 520;
}
.ux-popover._calendar .ux-popover__arrow:before {
  background-color: #fff;
}
.ux-popover__inner._top .ux-popover__arrow,
.ux-popover__inner._bottom .ux-popover__arrow {
  width: 20px;
  height: 12px;
  top: 0;
  left: 50%;
}
.ux-popover__inner._right .ux-popover__arrow,
.ux-popover__inner._left .ux-popover__arrow {
  width: 12px;
  height: 20px;
  left: 0;
  top: 50%;
}
.ux-popover__inner._top .ux-popover__arrow {
  top: calc(100% - 1px);
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  margin-top: -1px;
}
.ux-popover__inner._top .ux-popover__arrow:before {
  left: 1px;
  bottom: 3px;
}
.ux-popover__inner._bottom .ux-popover__arrow {
  left: 50%;
  transform: translate3d(-50%, -100%, 0);
  margin-top: 1px;
}
.ux-popover__inner._bottom .ux-popover__arrow:before {
  left: 1px;
  top: 3px;
}
.ux-popover__inner._left .ux-popover__arrow {
  top: 50%;
  left: calc(100% - 1px);
  transform: translate3d(0, -50%, 0);
  margin-left: -1px;
}
.ux-popover__inner._left .ux-popover__arrow:before {
  left: calc(-100% + 3px);
  top: 1px;
}
.ux-popover__inner._right .ux-popover__arrow {
  top: 50%;
  transform: translate3d(-100%, -50%, 0);
  margin-left: 1px;
}
.ux-popover__inner._right .ux-popover__arrow:before {
  left: 3px;
  top: 1px;
}
.ux-popover__header {
  padding-right: 30px;
  line-height: 18px;
  position: relative;
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  font-size: 22px /*!-designToken-font-bold-large-font-size*/;
  color: inherit;
  /*!-designToken-popover-header-color*/
}
.ux-popover__close-icon {
  right: -5px;
  top: -5px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
  position: absolute;
}
.ux-popover__close-icon::after {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: -3px;
  right: -3px;
  box-sizing: border-box;
  border: 2px solid transparent;
  border-radius: 7px;
  /*!-designToken-state-focus-passive-border-radius*/
  transition: border-color 0.1s linear, border-radius 0.1s linear, top 0.1s linear, bottom 0.1s linear, left 0.1s linear, right 0.1s linear;
}
.ux-popover__close-icon:hover::after,
.ux-popover__close-icon:focus::after {
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  border-color: #ffbb29;
  /*!-designToken-state-focus-active-border-color*/
  border-radius: 7px;
  /*!-designToken-state-focus-active-border-radius*/
}
.ux-popover__close-icon-svg {
  fill: #363d4d;
  width: 20px;
  height: 20px;
}
.ux-date-field__calendar-popover .ux-popover__close-icon-svg,
.ux-range-date-field__calendar-popover .ux-popover__close-icon-svg {
  fill: #92a0b3;
}
.ux-popover._calendar .ux-popover__close-icon {
  z-index: 600;
  transform: translate3d(-13px, 13px, 0);
}
.ux-popover__content {
  padding-top: 16px;
  height: calc(100% - 18px);
  background-color: transparent;
  /*!-designToken-popover-content-background-color*/
  color: inherit;
  /*!-designToken-popover-content-color*/
}
.ux-popover__inner._no-caption .ux-popover__content {
  height: 100%;
}
.ux-popover._no-padding .ux-popover__content {
  padding-top: 0;
}
.ux-popover._mobile {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
}
.ux-popover._suggestion .ux-popover__arrow:before {
  background-color: #fff;
  /*!-designToken-popover-suggestion-background-color*/
}
.ux-popover._suggestion .ux-popover__inner {
  background-color: #fff;
  /*!-designToken-popover-suggestion-inner-background-color*/
}
.ux-popover._mobile .ux-popover__arrow,
.ux-popover._no-arrow .ux-popover__arrow {
  display: none;
}
.ux-popover._transition {
  transition: transform 0.3s ease;
}
.ux-popover._initial-bottom-to-top {
  transform: translate3d(0, 80vh, 0);
}
.ux-popover._bottom-to-top {
  transform: translate3d(0, 0, 0);
}
.ux-popover._initial-right-to-left {
  transform: translate3d(80vw, 0, 0);
}
.ux-popover._right-to-left {
  transform: translate3d(0, 0, 0);
}
.ux-route-tab-panel {
  display: flex;
  width: 100%;
  background-color: transparent;
  /*!-designToken-route-tab-panel-background-color*/
}
.ux-route-tab-panel._header-border {
  border-bottom: 1px solid #ccd2d9;
  /*!-designToken-route-tab-panel-header-border-size solid -designToken-route-tab-panel-header-border-color*/
}
.ux-route-tab-panel-header {
  display: flex;
  position: relative;
  align-self: flex-end;
  flex-wrap: nowrap;
  overflow: visible;
  max-width: 0;
  min-width: 50px;
}
._light-font .ux-route-tab-panel-header {
  padding: 15px 6px 0;
}
.ux-route-tab-panel-header__item {
  position: relative;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none;
  line-height: 32px;
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  margin-right: 30px;
  background-color: transparent;
  /*!-designToken-route-tab-panel-item-background-color*/
}
.ux-route-tab-panel-header__item:last-child {
  margin-right: 0;
}
.ux-route-tab-panel-header__item-inner {
  color: #262626;
  /*!-designToken-route-tab-panel-item-inner-color*/
  background-color: transparent;
  /*!-designToken-route-tab-panel-item-inner-background-color*/
  padding-bottom: 5px;
}
._light-font .ux-route-tab-panel-header__item-inner {
  padding-bottom: 9px;
  color: #fff;
  /*!-designToken-route-tab-panel-item-inner-light-font-color*/
}
.ux-route-tab-panel-header__item-title {
  vertical-align: top;
  display: block;
  text-align: center;
}
._light-font .ux-route-tab-panel-header__item {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  color: #fff;
  /*!-designToken-route-tab-panel-item-light-font-color*/
}
.ux-route-tab-panel-header__item._hidden {
  display: none;
}
.ux-route-tab-panel-header__item:first-child {
  padding-left: 0;
}
.ux-route-tab-panel-header__item._selected,
.ux-route-tab-panel-header__item._selected:hover {
  cursor: default;
}
.ux-route-tab-panel-header__item-inner {
  text-decoration: none;
}
.ux-route-tab-panel-header__item-inner:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  transition: background 0.2s ease;
  z-index: 1;
}
.ux-route-tab-panel-header__item._selected .ux-route-tab-panel-header__item-inner:after {
  background: #1f8eda;
  /*!-designToken-route-tab-panel-active-item-color*/
}
._light-font .ux-route-tab-panel-header__item._selected .ux-route-tab-panel-header__item-inner:after {
  background: #ffbb29;
  /*!-designToken-route-tab-panel-active-item-light-font-color*/
}
.ux-route-tab-panel-header__item:not(._selected):hover .ux-route-tab-panel-header__item-inner:after {
  background: #aeddf5;
  /*!-designToken-route-tab-panel-inactive-item-hover-background*/
}
._light-font .ux-route-tab-panel-header__item:not(._selected):hover .ux-route-tab-panel-header__item-inner:after {
  background: #ffdf99;
  /*!-designToken-route-tab-panel-inactive-item-hover-light-font-background*/
}
.ux-route-tab-panel-header-dropdown {
  position: relative;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  z-index: 10;
  transition: opacity 0.2s, visibility 0s;
}
.ux-route-tab-panel-header-dropdown._active .ux-route-tab-panel-header-dropdown__icon,
.ux-route-tab-panel-header-dropdown._active .ux-route-tab-panel-header-dropdown__list {
  background-color: #f5f6f7;
  border: 1px solid #ccd2d9;
}
.ux-route-tab-panel-header-dropdown._active .ux-route-tab-panel-header-dropdown__icon > :first-child {
  opacity: 1;
}
.ux-route-tab-panel-header-dropdown._active .ux-route-tab-panel-header-dropdown__icon:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 3px;
  background-color: #f5f6f7;
}
.ux-route-tab-panel-header-dropdown._visible,
.ux-route-tab-panel-header-dropdown._active .ux-route-tab-panel-header-dropdown__list {
  opacity: 1;
  visibility: visible;
}
.ux-route-tab-panel-header-dropdown__list {
  position: absolute;
  top: 100%;
  right: 0;
  padding: 10px 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s, visibility 0s;
}
.ux-route-tab-panel._light-font .ux-route-tab-panel-header-dropdown__list {
  transform: translate3d(0, 0, 0);
}
.ux-route-tab-panel-header-dropdown._right .ux-route-tab-panel-header-dropdown__list {
  left: 0;
  right: auto;
}
.ux-route-tab-panel-header-dropdown__item {
  display: none;
}
.ux-route-tab-panel-header-dropdown__item._visible {
  display: block;
}
.ux-route-tab-panel-header-dropdown__link,
.ux-route-tab-panel-header-dropdown__link:hover,
.ux-route-tab-panel-header-dropdown__link:visited {
  display: block;
  position: relative;
  padding: 0 20px;
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  line-height: 32px;
  text-decoration: none;
  color: #262626;
  white-space: nowrap;
}
.ux-route-tab-panel-header-dropdown__link:before,
.ux-route-tab-panel-header-dropdown__link:hover:before,
.ux-route-tab-panel-header-dropdown__link:visited:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  transition: background-color 0.2s ease;
  z-index: 1;
}
.ux-route-tab-panel-header-dropdown__link:hover:before,
.ux-route-tab-panel-header-dropdown__link:hover:hover:before,
.ux-route-tab-panel-header-dropdown__link:visited:hover:before {
  background-color: #aeddf5;
}
.ux-route-tab-panel._light-font .ux-route-tab-panel-header-dropdown__link:hover:before,
.ux-route-tab-panel._light-font .ux-route-tab-panel-header-dropdown__link:hover:hover:before,
.ux-route-tab-panel._light-font .ux-route-tab-panel-header-dropdown__link:visited:hover:before {
  background-color: #ffdf99;
}
.ux-route-tab-panel-header-dropdown__link._selected:before,
.ux-route-tab-panel-header-dropdown__link:hover._selected:before,
.ux-route-tab-panel-header-dropdown__link:visited._selected:before {
  background-color: #1f8eda;
}
.ux-route-tab-panel._light-font .ux-route-tab-panel-header-dropdown__link._selected:before,
.ux-route-tab-panel._light-font .ux-route-tab-panel-header-dropdown__link:hover._selected:before,
.ux-route-tab-panel._light-font .ux-route-tab-panel-header-dropdown__link:visited._selected:before {
  background-color: #ffbb29;
}
.ux-route-tab-panel-header-dropdown__icon {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  transition: background-color 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: 10;
}
.ux-route-tab-panel._light-font .ux-route-tab-panel-header-dropdown__icon {
  width: 41px;
  height: 41px;
}
.ux-route-tab-panel-header-dropdown__icon > :first-child {
  width: 16px;
  height: 16px;
  fill: #7f8387;
  opacity: 0.8;
}
.ux-route-tab-panel._light-font .ux-route-tab-panel-header-dropdown__icon > :first-child {
  width: 18px;
  height: 18px;
  fill: #f5f6f7;
  transform: translate3d(0, -2px, 0);
}
.ux-route-tab-panel-header-dropdown__icon:hover > :first-child {
  opacity: 1;
}
.ux-route-tab-panel._light-font .ux-route-tab-panel-header-dropdown._active .ux-route-tab-panel-header-dropdown__icon > :first-child {
  fill: #7f8387;
}
.ux-scroll {
  display: block;
  position: relative;
  overflow: hidden;
}
.ux-scroll:focus {
  outline: none;
}
.ux-scroll._border {
  box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.06);
  border: solid 1px #ccd2d9;
  border-radius: 4px;
  border: 1px solid #ccd2d9;
  /*!-designToken-scroll-border-width solid -designToken-scroll-border-color*/
}
.ux-scroll > .ux-scroll__inner > .ux-scroll__content {
  transform: translate3d(0, 0, 0);
}
.ux-scroll > .ux-scroll__inner > .ux-scroll__content._no-pointer-events {
  pointer-events: none;
}
.ux-scroll._no-padding > .ux-scroll__inner > .ux-scroll__content {
  padding: 0;
}
.ux-scroll._full-size-flex {
  flex-grow: 1;
}
.ux-scroll._full-size-flex > .ux-scroll__inner > .ux-scroll__content {
  display: flex;
  flex-grow: 1;
}
.ux-scroll._full-height,
.ux-scroll._full-height > .ux-scroll__inner > .ux-scroll__content {
  height: 100%;
}
.ux-scroll._full-width {
  width: 100%;
}
.ux-scroll__inner,
.ux-scroll__custom-scrollable-block > :first-child {
  position: relative;
  overflow: scroll !important;
  -webkit-overflow-scrolling: touch;
}
.ux-scroll__inner._mobile::-webkit-scrollbar,
.ux-scroll__custom-scrollable-block > :first-child._mobile::-webkit-scrollbar,
.ux-scroll__inner._mobile::-webkit-scrollbar-thumb,
.ux-scroll__custom-scrollable-block > :first-child._mobile::-webkit-scrollbar-thumb,
.ux-scroll__inner._mobile::-webkit-scrollbar-track,
.ux-scroll__custom-scrollable-block > :first-child._mobile::-webkit-scrollbar-track {
  display: none;
  width: 0;
  height: 0;
  background-color: transparent;
}
.ux-scroll__custom-scrollable-block {
  height: 1px;
  min-width: 132px;
  min-height: 64px;
}
.ux-scroll__slider-vertical-wrap {
  position: absolute;
  overflow: hidden;
  right: 0;
  top: 0;
  width: 10px;
  height: 100%;
  z-index: 10;
  opacity: 0;
  transition: opacity 0.2s;
}
.ux-scroll__slider-vertical-wrap._transparent {
  opacity: 0.3;
}
.ux-scroll__slider-horizontal-wrap {
  position: absolute;
  overflow: hidden;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  z-index: 10;
  opacity: 0;
  transition: opacity 0.2s;
}
.ux-scroll__slider-horizontal-wrap._transparent {
  opacity: 0.3;
}
.ux-scroll:hover > .ux-scroll__slider-vertical-wrap,
.ux-scroll:hover > .ux-scroll__slider-horizontal-wrap {
  opacity: 0.6;
}
.ux-scroll__slider-vertical {
  position: absolute;
  right: 3px;
  top: 0;
  width: 4px;
  cursor: pointer;
}
.ux-scroll__slider-vertical:before {
  content: '';
  position: absolute;
  left: 0;
  top: 6px;
  bottom: 6px;
  width: 4px;
  border-radius: 10px;
  background: #bac0c8;
}
.ux-scroll__slider-horizontal {
  position: absolute;
  left: 0;
  bottom: 3px;
  height: 4px;
  cursor: pointer;
}
.ux-scroll__slider-horizontal:before {
  content: '';
  position: absolute;
  top: 0;
  left: 6px;
  right: 6px;
  height: 4px;
  border-radius: 10px;
  background: #bac0c8;
}
.ux-sidebar__control:not(._custom) > :first-child {
  width: 24px;
  height: 24px;
  fill: #000;
  cursor: pointer;
}
.ux-sidebar__panel {
  position: fixed;
  display: flex;
  flex-direction: column;
  top: 0;
  left: 0;
  bottom: 0;
  width: 200px;
  height: 100%;
  transform: translate3d(-220px, 0, 0);
  transition: transform 0.3s ease;
  z-index: 10000;
  background-color: #f5f6f7;
  border-right: 1px solid #ccd2d9;
}
.ux-sidebar__panel._active {
  transform: translate3d(0, 0, 0);
}
.ux-sidebar__panel-content {
  flex: 1 1 100%;
  transform: translate3d(0, 0, 0);
}
.ux-sidebar__animated-element {
  display: block;
  transform: scale3d(0.8, 0.9, 1);
}
.ux-sidebar__overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9000;
}
.ux-sidebar__overlay._active {
  display: block;
}
.ux-sidebar__overflow {
  overflow: hidden !important;
}
.ux-tab-panel {
  display: block;
}
.ux-tab-panel._full-size-flex {
  flex-grow: 1;
  display: flex;
}
.ux-tab-panel._full-size-flex .ux-tab-panel__content {
  flex-grow: 1;
  display: flex;
}
.ux-tab-panel-header {
  overflow: hidden;
  display: flex;
  position: relative;
}
.ux-tab-panel-header__inner {
  display: flex;
  flex-wrap: wrap;
}
.ux-tab-panel-header._mobile .ux-tab-panel-header__inner {
  flex-wrap: nowrap;
}
.ux-tab-panel-header._header-border:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #ccd2d9;
}
.ux-tab-panel-header__item {
  position: relative;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none;
  line-height: 32px;
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
  margin-right: 30px;
}
.ux-tab-panel-header__item:last-child {
  margin-right: 0;
}
.ux-tab-panel-header__item-title {
  vertical-align: top;
  display: block;
  text-align: center;
  padding-bottom: 5px;
}
._light-font .ux-tab-panel-header__item {
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  color: #fff;
}
.ux-tab-panel-header__item:first-child {
  padding-left: 0;
}
.ux-tab-panel-header__item._selected,
.ux-tab-panel-header__item._selected:hover {
  cursor: default;
}
.ux-tab-panel-header__item._disabled,
.ux-tab-panel-header__item._disabled:hover {
  cursor: default;
  opacity: 0.5;
}
.ux-tab-panel-header__item-inner {
  text-decoration: none;
}
.ux-tab-panel-header__item-inner:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  transition: background 0.2s ease;
  z-index: 1;
}
.ux-tab-panel-header__item._selected:not(._disabled) .ux-tab-panel-header__item-inner:after {
  background: #1f8eda;
}
._light-font .ux-tab-panel-header__item._selected:not(._disabled) .ux-tab-panel-header__item-inner:after {
  background: #ffbb29;
}
.ux-tab-panel-header__item:not(._selected):not(._disabled):hover .ux-tab-panel-header__item-inner:after {
  background: #aeddf5;
}
._light-font .ux-tab-panel-header__item:not(._selected):not(._disabled):hover .ux-tab-panel-header__item-inner:after {
  background: #ffdf99;
}
.ux-tab-panel-item__content {
  background: none;
  padding: 6px 0;
  border-top: none;
  display: none;
}
.ux-tab-panel-item._no-padding .ux-tab-panel-item__content {
  padding: 0;
}
.ux-tab-panel-item._selected .ux-tab-panel-item__content {
  display: block;
}
._full-size-flex .ux-tab-panel-item._selected .ux-tab-panel-item__content,
._full-size-flex .ux-tab-panel-item._selected .ux-tab-panel-item__template,
._full-size-flex .ux-tab-panel-item._selected {
  flex-grow: 1;
  display: flex;
}
.ux-tab-panel-template__content {
  background: none;
  padding: 6px 0;
  border-top: none;
  display: none;
}
.ux-tab-panel-template._selected .ux-tab-panel-template__content {
  display: block;
}
.ux-table {
  display: block;
  position: relative;
  font-size: 14px;
}
.ux-table._resizable > .ux-table__ux-scroll {
  position: absolute;
  top: 41px;
  left: 0;
  right: 0;
  bottom: 0;
}
.ux-table__header {
  border-radius: 4px;
  /*!-designToken-table-header-border-radius*/
  background-color: #78c4eb;
  /*!-designToken-table-header-background-color*/
  color: #262626;
  /*!-designToken-table-header-color*/
}
.ux-table__body {
  margin-right: 1px;
}
.ux-table__body-shadow {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 0.8) 100%);
  pointer-events: none;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.2s linear, opacity 0.2s linear, transform 0.2s linear;
}
.ux-table__body-shadow._visible {
  visibility: visible;
  opacity: 1;
}
.ux-table__ux-scroll._scroll .ux-table__body {
  margin-right: 16px;
}
.ux-table__row {
  display: flex;
  position: relative;
  padding: 0 6px;
  cursor: pointer;
  min-height: 40px;
  border: 2px solid transparent;
  /*!-designToken-table-row-border-width solid -designToken-table-row-border-color*/
}
.ux-table__row._header {
  align-items: normal;
  height: 36px;
  min-height: 36px;
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-size: 12px;
  /*!-designToken-font-regular-small-font-size*/
  cursor: default;
  border: 2px solid transparent;
  /*!-designToken-table-row-header-border-width solid -designToken-table-row-header-border-color*/
  border-top: none;
  border-bottom: none;
}
.ux-table__row:not(._header):hover {
  border-color: #ffbb29;
}
.ux-table__row:not(._header):after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.ux-table__row._last {
  position: relative;
  z-index: 1;
}
.ux-table__row:hover .ux-table__pin {
  opacity: 1;
}
.ux-table__column {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
  /* fix for ie 11 */
  min-height: 36px;
}
.ux-table__column._link {
  position: relative;
  z-index: 1;
}
.ux-table__column._sort {
  cursor: pointer;
}
.ux-table__column._header > ._resizer {
  width: 4px;
  border-left: ridge 1px #aeddf5;
  border-right: ridge 1px #aeddf5;
  position: absolute;
  right: 4px;
  height: 80%;
  cursor: col-resize;
}
.ux-table__column._checkbox {
  border-bottom-color: transparent;
}
.ux-table__column-text {
  transition: font-weight 0.2s;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #262626;
  font-size: 14px;
}
._header > .ux-table__column-text {
  color: #fff;
}
.ux-table__column._asc .ux-table__column-text,
.ux-table__column._desc .ux-table__column-text {
  font-weight: 700;
}
.ux-table__column._checkbox:before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  bottom: -2px;
  right: -2px;
  z-index: 2;
  cursor: pointer;
}
.ux-table__pin {
  display: none;
  width: 20px;
  height: 20px;
  margin-left: 15px;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
}
.ux-table__pin._pinnable {
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: initial;
}
.ux-table__pin._pinned {
  opacity: 1;
  pointer-events: initial;
}
.ux-table__pin-svg {
  fill: #aaaeb3;
  width: 16px;
  height: 16px;
}
.ux-table__filter {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin-left: 5px;
  cursor: pointer;
}
.ux-table__filter._opened {
  background-color: #aaaeb3;
  border-radius: 4px;
  box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.07);
}
.ux-table__filter-svg {
  width: 12px;
  height: 12px;
  fill: #aaaeb3;
  /*!-designToken-table-filter-svg-color*/
}
.ux-table__filter._filtered .ux-table__filter-svg {
  fill: #1f8eda;
  /*!-designToken-table-filtered-svg-color*/
}
.ux-table__filter._opened .ux-table__filter-svg {
  fill: #fff;
}
.ux-table__sort {
  display: none;
  width: 12px;
  height: 14px;
  margin-left: 7px;
}
.ux-table__sort-svg {
  width: 12px;
  height: 14px;
  fill: #1f8eda;
}
.ux-table__column._asc .ux-table__sort {
  display: block;
  transform: rotate(-180deg);
}
.ux-table__column._desc .ux-table__sort {
  display: block;
}
.ux-table__sort {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.2s linear, opacity 0.2s linear, transform 0.2s linear;
}
.ux-table__column._asc .ux-table__sort,
.ux-table .ux-table__column._desc .ux-table__sort {
  visibility: visible;
  opacity: 1;
}
.ux-table__link {
  position: relative;
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  color: #0c6cb0;
  line-height: 1.2;
}
.ux-table__link:hover {
  text-decoration: underline;
}
.ux-table__virtual-scroll {
  display: block;
  overflow: visible !important;
  overflow-y: visible !important;
}
.ux-table__empty-content {
  padding: 15px 0;
  text-align: center;
  color: #262626;
}
.ux-table__disable-pointer-events {
  pointer-events: none !important;
}
.ux-table-header {
  display: block;
  margin-bottom: 5px;
}
.ux-table-header__title {
  margin: 0 auto 0 0;
  padding-right: 61px;
  font-size: 22px;
  line-height: 36px;
  text-align: left;
  color: #262626;
  white-space: nowrap;
  transform: translate3d(0, 1px, 0);
}
.ux-table-header__content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-grow: 1;
}
.ux-table-header__block {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.ux-table-header__info {
  display: flex;
  margin: 0 44px 0 0;
  padding: 9px 0;
}
.ux-table-header__info-item {
  display: flex;
  position: relative;
  padding: 0 37px 0 20px;
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-size: 12px;
  /*!-designToken-font-regular-small-font-size*/
  line-height: 22px;
  border-radius: 12px;
  color: inherit;
  /*!-designToken-table-header-info-item-color*/
  background-color: #fff;
  /*!-designToken-table-header-info-item-background-color*/
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04);
  border: solid 1px #ccd2d9;
  cursor: pointer;
}
.ux-table-header__info-item + .ux-table-header__info-item {
  margin-left: 8px;
}
.ux-table-header__info-cross {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  right: 11px;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  transition: opacity 0.2s;
  opacity: 0.7;
}
.ux-table-header__info-cross:hover {
  opacity: 1;
}
.ux-table-header__info-text {
  white-space: nowrap;
}
.ux-table-header__info-svg {
  fill: #7f8387;
  width: 16px;
  height: 16px;
}
.ux-table-header__controls {
  display: flex;
  align-items: center;
  padding: 9px 0;
}
.ux-toolbar {
  width: 100%;
  display: flex;
  justify-content: space-between;
  /*TODO Remove in 2.0.0*/
  /*********/
}
.ux-toolbar._mobile {
  flex-wrap: wrap;
  transform: translate3d(0, -20px, 0);
  margin-bottom: -20px;
}
.ux-toolbar__left {
  float: left;
}
.ux-toolbar__right {
  float: right;
}
.ux-toolbar-left {
  display: flex;
}
.ux-toolbar._mobile .ux-toolbar-left {
  padding-right: 20px;
  margin-top: 20px;
}
.ux-toolbar-right {
  display: flex;
}
.ux-toolbar._mobile .ux-toolbar-right {
  margin-top: 20px;
}
.ux-tooltip {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ux-tooltip._left,
.ux-tooltip._right {
  padding: 0 8px;
}
.ux-tooltip._top,
.ux-tooltip._bottom {
  padding: 8px 0;
}
.ux-tooltip._align-center {
  text-align: center;
}
.ux-tooltip._align-left {
  text-align: left;
}
.ux-tooltip._align-right {
  text-align: right;
}
.ux-tooltip__text {
  padding: 5px 8px 6px 8px;
  background-color: #4c4c4c;
  color: #ffffff;
  /*!-designToken-tooltip-color*/
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-size: 12px;
  /*!-designToken-font-regular-small-font-size*/
  box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}
.ux-tooltip__arrow {
  position: absolute;
  width: 0;
  height: 0;
  border: solid transparent;
}
.ux-tooltip._right .ux-tooltip__arrow {
  top: 50%;
  left: 4px;
  margin-top: -4px;
  border-width: 4px 4px 4px 0;
  border-right-color: #4c4c4c;
}
.ux-tooltip._left .ux-tooltip__arrow {
  top: 50%;
  right: 4px;
  margin-top: -4px;
  border-width: 4px 0 4px 4px;
  border-left-color: #4c4c4c;
}
.ux-tooltip._align-top .ux-tooltip__arrow {
  top: 16px;
}
.ux-tooltip._align-bottom .ux-tooltip__arrow {
  top: auto;
  bottom: 16px;
  margin-top: auto;
  margin-bottom: -4px;
}
.ux-tooltip._top .ux-tooltip__arrow {
  bottom: 4px;
  left: 50%;
  margin-left: -4px;
  border-width: 4px 4px 0;
  border-top-color: #4c4c4c;
}
.ux-tooltip._bottom .ux-tooltip__arrow {
  top: 4px;
  left: 50%;
  margin-left: -4px;
  border-width: 0 4px 4px;
  border-bottom-color: #4c4c4c;
}
.ux-tooltip._align-left .ux-tooltip__arrow {
  left: 16px;
}
.ux-tooltip._align-right .ux-tooltip__arrow {
  right: 16px;
  left: auto;
}
.ux-wizard-navigation {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
.ux-wizard-navigation__step {
  position: relative;
  white-space: nowrap;
  text-decoration: none;
  line-height: 31px;
  padding: 4px 30px 0 0;
  font-family: NotoSans, sans-serif;
  /*!-designToken-font-base-font-family*/
  font-weight: 400;
  /*!-designToken-font-base-font-weight*/
  font-style: normal;
  font-size: 14px;
  /*!-designToken-font-base-font-size*/
  font-weight: 700;
  /*!-designToken-font-bold-font-weight*/
}
.ux-wizard-navigation__step-inner {
  vertical-align: top;
  display: block;
  text-align: center;
  opacity: 0.4;
  text-decoration: none;
  border-bottom: 4px solid transparent;
}
._light-font .ux-wizard-navigation__step {
  color: #fff;
}
.ux-wizard-navigation__step._active .ux-wizard-navigation__step-inner {
  opacity: 1;
  border-bottom-color: #1f8eda;
}
._light-font .ux-wizard-navigation__step._active .ux-wizard-navigation__step-inner {
  border-bottom-color: #ffbb29;
}
.ux-wizard-navigation__step._passed .ux-wizard-navigation__step-inner {
  opacity: 0.6;
}