/*!*********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/@platform/witems/dist/index.css ***!
  \*********************************************************************************************************************************************************************************/
@charset "UTF-8";
.wi-alert {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  margin-bottom: 20px;
  padding: 15px 20px;
}

.wi-alert.type-info {
  background: var(--wi-background-info);
  color: var(--wi-text-primary-info);
}

.wi-alert.type-good {
  background: var(--wi-background-good);
  color: var(--wi-text-primary-good);
}

.wi-alert.type-moderate {
  background: var(--wi-background-moderate);
  color: var(--wi-text-primary-moderate);
}

.wi-alert.type-high {
  background: var(--wi-background-high);
  color: var(--wi-text-primary-high);
}

.wi-alert.type-bad {
  background: var(--wi-background-bad);
  color: var(--wi-text-primary-bad);
}

.wi-alert .alert-icon {
  height: 25px;
}

.wi-alert .alert-icon + .alert-content {
  padding-left: 15px;
}

.wi-alert .alert-link {
  margin-left: 5px;
  text-decoration: underline;
}

.dots {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 80px;
  width: 100%;
}

.dots.inline {
  width: auto;
}

.dots .placeholder-text {
  visibility: hidden;
  width: 0;
}

.dots .dot {
  -webkit-animation: toggleDot 1.5s ease-in-out infinite;
          animation: toggleDot 1.5s ease-in-out infinite;
  border-radius: 50%;
  height: 0.5rem;
  opacity: 0;
  position: relative;
  width: 0.5rem;
}

.dots .dot.primary {
  background-color: var(--wi-background-secondary);
}

.dots .dot.secondary {
  background-color: var(--wi-on-action-secondary);
}

.dots .dot.danger {
  background-color: var(--wi-action-primary-bad);
}

.dots .dot.black {
  background-color: var(--wi-text-secondary);
}

.dots .dot:nth-child(2) {
  margin: 0 0.5rem;
}

.dots .dot:first-child {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}

.dots .dot:nth-child(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.dots .dot:nth-child(3) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

@-webkit-keyframes toggleDot {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes toggleDot {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.w-button {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.w-button.disabled {
  border: none;
  cursor: not-allowed;
}

.w-button:focus {
  outline: 3px solid rgba(var(--wi-black));
  outline-offset: 2px;
}

.w-button.primary {
  background-color: var(--wi-action-primary);
  border: 1px solid var(--wi-action-primary);
  color: var(--wi-on-action-primary);
  font-size: 16px;
}

.w-button.primary:focus, .w-button.primary:hover {
  background-color: var(--wi-action-primary-hover);
}

.w-button.primary:active {
  background-color: var(--wi-action-primary-press);
}

.w-button.primary.disabled {
  background-color: var(--wi-action-primary-disabled);
  border: none;
  color: var(--wi-text-secondary);
}

.w-button.primary.outlined {
  background-color: transparent;
  border: 1px solid var(--wi-action-primary);
  color: var(--wi-text-primary);
}

.w-button.primary.outlined:focus, .w-button.primary.outlined:hover {
  border-color: var(--wi-action-primary-hover);
  color: var(--wi-action-primary-hover);
}

.w-button.primary.outlined:active {
  border-color: var(--wi-action-primary-press);
  color: var(--wi-action-primary-press);
}

.w-button.primary.outlined.disabled {
  border: 1px solid var(--wi-action-primary);
  opacity: 0.6;
}

.w-button.primary.quiet {
  background-color: var(--wi-action-secondary);
  border: 0;
  color: var(--wi-on-action-secondary);
}

.w-button.primary.quiet:hover {
  background-color: var(--wi-action-secondary-hover);
}

.w-button.primary.transparent {
  background-color: transparent;
  border: 0;
  color: var(--wi-action-primary);
}

.w-button.secondary {
  background-color: var(--wi-action-secondary);
  color: var(--wi-on-action-secondary);
  font-size: 16px;
}

.w-button.secondary:focus, .w-button.secondary:hover {
  background-color: var(--wi-action-secondary-hover);
}

.w-button.secondary:active {
  background-color: var(--wi-action-secondary-press);
}

.w-button.secondary.disabled {
  background-color: var(--wi-action-secondary-disabled);
  color: var(--wi-action-primary-disable);
}

.w-button.info {
  background-color: var(--wi-status-info);
  color: var(--wi-on-action-primary);
  font-size: 16px;
}

.w-button.info.disabled {
  background-color: var(--wi-action-secondary-disabled);
  color: var(--wi-action-primary-disable);
}

.w-button.error {
  background-color: var(--wi-action-primary-bad);
  border: 1px solid var(--wi-action-primary);
  border-color: var(--wi-action-primary-bad);
  color: var(--wi-on-action-primary);
  font-size: 16px;
}

.w-button.error:focus, .w-button.error:hover {
  background-color: var(--wi-action-primary-bad-hover);
  border-color: var(--wi-action-primary-bad-hover);
}

.w-button.error:active {
  background-color: var(--wi-action-primary-bad-press);
  border-color: var(--wi-action-primary-bad-press);
}

.w-button.error.disabled {
  background-color: var(--wi-action-primary-disabled);
  border: none;
  color: var(--wi-text-secondary);
}

.w-button.error.outlined {
  background-color: transparent;
  color: var(--wi-action-primary-bad);
}

.w-button.error.outlined:focus, .w-button.error.outlined:hover {
  border-color: var(--wi-action-primary-bad-hover);
  color: var(--wi-action-primary-bad-hover);
}

.w-button.error.outlined:active {
  border-color: var(--wi-action-primary-bad-press);
  color: var(--wi-action-primary-bad-press);
}

.w-button.error.outlined.disabled {
  border: 1px solid var(--wi-action-primary);
  border-color: var(--wi-action-primary-disabled);
  color: var(--wi-text-secondary);
  opacity: 0.6;
}

.w-button.error.transparent {
  background-color: transparent;
  border: 0;
  color: var(--wi-action-primary-bad);
}

.w-button.valid {
  background-color: var(--wi-action-primary-good);
  border: 1px solid var(--wi-action-primary);
  border-color: var(--wi-action-primary-good);
  color: var(--wi-on-action-primary);
  font-size: 16px;
}

.w-button.valid:focus, .w-button.valid:hover {
  background-color: var(--wi-action-primary-good-hover);
  border-color: var(--wi-action-primary-good-hover);
}

.w-button.valid:active {
  background-color: var(--wi-action-primary-good-press);
  border-color: var(--wi-action-primary-good-press);
}

.w-button.valid.disabled {
  background-color: var(--wi-action-primary-disabled);
  border: none;
  color: var(--wi-text-secondary);
}

.w-button.valid.outlined {
  background-color: transparent;
  color: var(--wi-action-primary-good);
}

.w-button.valid.outlined:focus, .w-button.valid.outlined:hover {
  border-color: color-mix(in srgb, var(--wi-action-primary-good) 80%, transparent);
  color: color-mix(in srgb, var(--wi-action-primary-good) 80%, transparent);
}

.w-button.valid.outlined:active {
  background-color: var(--wi-action-primary-good);
  border-color: var(--wi-action-primary-good);
}

.w-button.valid.outlined.disabled {
  border: 1px solid var(--wi-action-primary);
  border-color: var(--wi-action-primary-disabled);
  color: var(--wi-text-secondary);
  opacity: 0.6;
}

.w-button.valid.transparent {
  background-color: transparent;
  border: 0;
  color: var(--wi-action-primary-good);
}

.w-button.xl {
  border-radius: 16px;
  height: 56px;
  padding: 16px 20px;
  width: 335px;
}

.w-button.full {
  width: 100%;
}

.w-button.full, .w-button.large {
  border-radius: 16px;
  height: 52px;
  padding: 16px 20px;
}

.w-button.large {
  width: 335px;
}

.w-button.medium {
  border-radius: 16px;
  height: 44px;
  padding: 10px 20px;
}

.w-button.small {
  border-radius: 8px;
  font-size: 12px;
  height: 24px;
  padding: 4px 16px;
}

.w-button.small.quiet {
  font-size: 16px;
  height: 32px;
  line-height: 16px;
}

.w-button.mini {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 16px;
}

.w-button.mini .icon {
  margin-right: 8px;
}

.w-button.mini.icon-only {
  width: 32px;
}

.w-button.mini.icon-only .icon {
  margin-right: 0;
}

.w-button .icon {
  font-size: 24px;
  margin-right: 16px;
}

.w-button.icon-only .icon {
  margin-right: 0;
}

[data-theme^=v2] .w-button.mini {
  padding: 0;
}

.wi-box-component {
  display: block;
}

.wi-box-component-grid {
  display: grid;
}

.wi-box-component-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.wi-box-component-flex > * {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.wi-box-component-flex-direction-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.wi-box-component-flex-direction-column-verticalAlign-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wi-box-component-flex-direction-column-verticalAlign-top {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.wi-box-component-flex-direction-column-verticalAlign-bottom {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.wi-box-component-flex-direction-column-verticalAlign-left {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.wi-box-component-flex-direction-column-verticalAlign-right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.wi-box-component-flex-direction-column-horizontalAlign-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wi-box-component-flex-direction-column-horizontalAlign-left {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.wi-box-component-flex-direction-column-horizontalAlign-right {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.wi-box-component-flex-direction-column-horizontalAlign-space-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wi-box-component-flex-direction-column-horizontalAlign-space-around {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}

.wi-box-component-flex-direction-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.wi-box-component-flex-direction-row-verticalAlign-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wi-box-component-flex-direction-row-verticalAlign-top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.wi-box-component-flex-direction-row-verticalAlign-bottom {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.wi-box-component-flex-direction-row-verticalAlign-left {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.wi-box-component-flex-direction-row-verticalAlign-right {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.wi-box-component-flex-direction-row-horizontalAlign-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wi-box-component-flex-direction-row-horizontalAlign-left {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.wi-box-component-flex-direction-row-horizontalAlign-right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.wi-box-component-flex-direction-row-horizontalAlign-space-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wi-box-component-flex-direction-row-horizontalAlign-space-around {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}

.wi-box-component.disabled {
  cursor: default;
  pointer-events: none;
}

.wicard {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wicard:hover {
  background-color: var(--wi-background-secondary-pressed);
}

.wicard.action {
  cursor: pointer;
}

.wicard .card-content-top {
  margin-bottom: 20px;
}

.wicard {
  background-color: var(--wi-background-secondary);
  border-radius: 10px;
  color: var(--wi-text-primary);
  font-family: var(--wi-font-family);
  font-size: 16px;
  padding: 15px;
  width: 100%;
}

.card-metrics .metrics {
  font-size: 28px;
  font-weight: 500;
}

.card-metrics .card-icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--wi-background-primary);
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 38px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5px;
  width: 38px;
}

.card-metrics.hoverable:hover {
  background-color: var(--wi-action-secondary-hover);
}

.card-metrics.selected, .card-metrics:active {
  background-color: var(--wi-action-secondary-press);
}

.card-metrics.selected:hover, .card-metrics:active:hover {
  background-color: var(--wi-action-secondary-hover);
}

.card-metrics.clickable {
  cursor: pointer;
}

.cell {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--wi-background-primary);
  color: var(--wi-text-secondary);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Gotham, serif;
  font-size: 16px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-width: 335px;
  padding: 16px 0;
  width: 335px;
}

.cell .middle {
  padding-left: 12px;
}

.cell .middle .title {
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cell .middle .title.is-header {
  -webkit-line-clamp: 1;
  line-clamp: 1;
  font-weight: 500;
}

.cell .middle .sub-title {
  font-size: 14px;
  font-weight: 325;
}

.checkbox-container {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.checkbox-container .label {
  color: var(--wi-text-primary);
  margin-left: 8px;
}

.checkbox-container.rounded, .checkbox-container.rounded .checkbox {
  border-radius: 50%;
}

.checkbox-container input[type=checkbox] {
  display: none;
}

.checkbox-container .checkbox {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 2px solid var(--wi-action-primary-unchecked);
  border-radius: 4px;
  color: var(--wi-text-primary);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  width: 24px;
}

.checkbox-container .checkbox.checked {
  background-color: var(--wi-action-primary);
  border: none;
}

.checkbox-container .checkbox.checked span {
  color: var(--wi-background-primary);
}

.checkbox-container .checkbox.checked:focus {
  outline: 2px solid var(--wi-action-primary);
}

.checkbox-container .checkbox.checked.disabled {
  border: none;
}

.checkbox-container .checkbox.xs {
  height: 16px;
  width: 16px;
}

.checkbox-container .checkbox.xs .icon {
  font-size: 12px;
}

.checkbox-container .checkbox.disabled {
  border: 1px solid var(--wi-action-primary);
  border-color: var(--wi-action-primary-disabled);
  cursor: not-allowed;
  opacity: 0.6;
}

.ring-container {
  font-family: Gotham, serif;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.ring-container .text-container {
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.ring-container .text-container.medium {
  font-size: 24px;
}

.ring-container .text-container.small {
  font-size: 12px;
}

.ring-container .text-container .text {
  font-size: 10px;
}

.ring-container .circle-container.medium {
  height: 76px;
  width: 76px;
}

.ring-container .circle-container.small {
  height: 40px;
  width: 40px;
}

.ring-container .circle-container .circle-bg {
  fill: none;
  stroke: var(--wi-dataviz-status-undefined);
  stroke-width: 3;
}

.ring-container .circle-container .circle {
  fill: none;
  stroke: var(--wi-dataviz-status-neutral);
  stroke-width: 3;
  stroke-linecap: round;
}

.ring-container .circle-container .circle.error {
  stroke: var(--wi-dataviz-status-bad);
}

.ring-container .circle-container .circle.alert {
  stroke: var(--wi-dataviz-status-moderate);
}

.ring-container .circle-container .circle.valid {
  stroke: var(--wi-dataviz-status-good);
}

.ring-container .circle-container .circle.neutral {
  stroke: var(--wi-text-secondary);
}

.ring-container .percentage {
  color: var(--wi-text-primary);
  position: absolute;
}

.converter {
  background-color: inherit;
  border: none;
  border-radius: 8px;
  font-size: 12px;
  height: 24px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 5px;
  position: relative;
  width: 100px;
}

.converter, .converter.with-arrow {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.converter.with-arrow:after {
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  content: "";
  display: block;
  height: 3px;
  position: absolute;
  right: 7px;
  top: 9px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 3px;
}

.converter .units {
  background: var(--wi-background-secondary);
  border: 1px solid var(--wi-action-primary);
  border-radius: 8px;
  color: var(--wi-text-primary);
  display: inline-block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: 24px;
  min-height: 24px;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  width: 100%;
}

.converter .units.open {
  max-height: 1000px;
  z-index: 2;
}

.converter .units.open .unit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.converter .units.unique .unit {
  cursor: default;
}

.converter .units.unique .unit:hover {
  font-weight: 400;
}

.converter .units .unit {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: inherit;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  display: none;
  height: 22px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

.converter .units .unit:focus-visible {
  outline: auto;
  outline-color: #000;
  outline-offset: 5px;
  outline-width: 3px;
}

.converter .units .unit:first-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.converter .units .unit:disabled {
  pointer-events: none;
}

.converter .units .unit:focus-visible, .converter .units .unit:hover {
  font-weight: 700;
}

.field-helpers {
  font-size: 12px;
  margin-top: 8px;
}

.field-helpers.error {
  border-color: var(--wi-status-bad);
  color: var(--wi-status-bad);
  display: block;
}

.field-helpers.warning {
  color: var(--wi-dataviz-status-moderate);
}

.field-helpers.absolute {
  bottom: -20px;
  position: absolute;
}

.field-helpers.inPopup {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-top: 0 !important;
  padding-left: 16px;
  position: absolute;
  top: 0;
  width: 100%;
}

.field-container {
  position: relative;
  z-index: 2;
}

.field-container .field {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--wi-background-secondary);
  border: 1px solid var(--wi-action-primary);
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 56px;
  position: relative;
}

.field-container .field.selectfield, .field-container .field.selectfield input {
  cursor: pointer;
}

.field-container .field.disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

.field-container .field.disabled [role=button] {
  cursor: not-allowed;
}

.field-container .field:focus-within {
  border: 1px solid var(--wi-action-primary);
}

.field-container .field.focus {
  border: 1px solid var(--wi-action-primary);
  color: var(--wi-text-primary);
}

.field-container .field.focus input::-webkit-input-placeholder, .field-container .field.focus textarea::-webkit-input-placeholder {
  color: var(--wi-text-placeholder);
}

.field-container .field.focus input::-moz-placeholder, .field-container .field.focus textarea::-moz-placeholder {
  color: var(--wi-text-placeholder);
}

.field-container .field.focus input:-ms-input-placeholder, .field-container .field.focus textarea:-ms-input-placeholder {
  color: var(--wi-text-placeholder);
}

.field-container .field.focus input::-ms-input-placeholder, .field-container .field.focus textarea::-ms-input-placeholder {
  color: var(--wi-text-placeholder);
}

.field-container .field.focus input::placeholder, .field-container .field.focus textarea::placeholder {
  color: var(--wi-text-placeholder);
}

.field-container .field.filled {
  border: 1px solid var(--wi-action-primary);
  color: var(--wi-text-primary);
}

.field-container .field.error {
  border: 1px solid var(--wi-action-primary);
  border-color: var(--wi-status-bad);
  color: var(--wi-status-bad);
}

.field-container .field.error input::-webkit-input-placeholder, .field-container .field.error textarea::-webkit-input-placeholder {
  color: var(--wi-text-placeholder);
}

.field-container .field.error input::-moz-placeholder, .field-container .field.error textarea::-moz-placeholder {
  color: var(--wi-text-placeholder);
}

.field-container .field.error input:-ms-input-placeholder, .field-container .field.error textarea:-ms-input-placeholder {
  color: var(--wi-text-placeholder);
}

.field-container .field.error input::-ms-input-placeholder, .field-container .field.error textarea::-ms-input-placeholder {
  color: var(--wi-text-placeholder);
}

.field-container .field.error input::placeholder, .field-container .field.error textarea::placeholder {
  color: var(--wi-text-placeholder);
}

.field-container .field input, .field-container .field textarea {
  background: transparent;
  border: none;
  padding: 16px;
  width: 100%;
}

.field-container .field input::-webkit-input-placeholder, .field-container .field textarea::-webkit-input-placeholder {
  color: var(--wi-text-placeholder);
}

.field-container .field input::-moz-placeholder, .field-container .field textarea::-moz-placeholder {
  color: var(--wi-text-placeholder);
}

.field-container .field input:-ms-input-placeholder, .field-container .field textarea:-ms-input-placeholder {
  color: var(--wi-text-placeholder);
}

.field-container .field input::-ms-input-placeholder, .field-container .field textarea::-ms-input-placeholder {
  color: var(--wi-text-placeholder);
}

.field-container .field input::placeholder, .field-container .field textarea::placeholder {
  color: var(--wi-text-placeholder);
}

.field-container .field input:disabled, .field-container .field textarea:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

.field-container .field input::-webkit-inner-spin-button, .field-container .field input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.field-container .field input[type=number] {
  -moz-appearance: textfield;
}

.field-container .field .icon {
  font-size: 22px;
  padding-right: 16px;
}

.field-container .field.has_suffix input, .field-container .field.has_suffix textarea {
  padding-right: 60px;
}

.field-container .field.has_suffix .wi-field-suffix {
  border: 1px solid var(--wi-action-primary);
  border-radius: calc(1vw + 20px);
  color: var(--wi-action-primary);
  font-size: 11px;
  padding: 5px 10px;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.field-container .field.mini {
  max-height: 40px;
  min-height: unset;
}

.field-container .field.mini .icon {
  padding-right: unset;
}

.field-container .field.mini .wi-field-select-icon {
  border-left: none;
  padding-left: 0;
  width: 40px;
}

.field-container .wi-field-select-icon {
  border-left: 1px solid var(--wi-background-secondary-pressed);
  font-size: 22px;
  padding-left: 10px;
}

.field-container .wi-field-select-icon:hover {
  color: var(--wi-text-primary);
}

.wi-field-group-component__label {
  display: block;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.33;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.wi-field-group-component__subtitle {
  margin-bottom: 8px;
}

.wi-field-group-component .margin-right {
  margin-right: 5px;
}

.wi-field-group-component .margin-bottom {
  margin-bottom: 5px;
}

.wi-field-group-component .no-radius-right, .wi-field-group-component .no-radius-right .field {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.wi-field-group-component .no-radius-left, .wi-field-group-component .no-radius-left .field {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.wi-field-group-component .no-radius-top, .wi-field-group-component .no-radius-top .field {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.wi-field-group-component .no-radius-bottom, .wi-field-group-component .no-radius-bottom .field {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.wi-field-group-component__required-indicator {
  font-size: 7px;
  font-style: italic;
}

.wi-field-group-component__content.horizontal {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.country-row {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: grid;
  gap: 0;
  grid-template-columns: 28px 53px 1fr;
  margin-bottom: 8px;
  padding: 5px 3px;
}

.country-row .flag {
  width: 28px;
}

.country-row .name {
  color: var(--wi-text-primary);
}

.country-row .next-flag-identifier {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--wi-text-secondary);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  height: 100%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 8px;
}

.country-row.selected-country {
  background-color: var(--wi-background-primary);
  border-radius: 3px;
  font-weight: 500;
}

.country-row.selected-country .flag {
  margin-top: 3px;
}

.country-selector {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: transparent;
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  height: 22px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 16px;
  position: relative;
  z-index: 8;
}

.country-selector .flag {
  border-radius: 4px;
  margin-top: 2px;
  width: 28px;
  z-index: 2;
}

.country-selector .flag.open {
  z-index: 0;
}

.country-selector .identifier {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--wi-text-secondary);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 5px;
}

.country-selector .countries {
  background: var(--wi-background-secondary);
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  left: 0;
  max-height: 22px;
  max-width: 30px;
  min-height: 22px;
  min-width: 28px;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}

.country-selector .countries .input-country {
  border: none;
  border-bottom: 1px solid var(--wi-divider);
  border-radius: 0;
  height: 100%;
  margin-bottom: 8px;
  min-height: 32px;
  padding: 0;
  width: 100%;
}

.country-selector .countries .input-country input {
  padding: 12px;
}

.country-selector .countries.open {
  border: 1px solid var(--wi-action-primary);
  border-radius: 8px;
  -webkit-box-shadow: 0 4px 12px 0 rgba(20, 20, 20, 0.08);
  box-shadow: 0 4px 12px 0 rgba(20, 20, 20, 0.08);
  left: -4px;
  max-height: 350px;
  min-width: 300px;
  overflow-y: scroll;
  padding: 8px 8px 0;
  position: absolute;
  top: -63px;
}

.field-container.phone {
  border-color: #c2d2de;
}

.field-container.phone input {
  margin-left: 8px;
  padding: 0;
}

.field-container.phone input.country-identifier.one-digit {
  width: 22px;
}

.field-container.phone input.country-identifier.two-digits {
  width: 38px;
}

.field-container.phone input.country-identifier.three-digits {
  width: 47px;
}

.field-container.phone input.country-identifier.more-digits {
  width: 63px;
}

.field-container.phone .help-tooltip {
  margin-right: 8px;
}

.grid {
  display: grid;
}

.modal {
  left: 0;
  position: fixed;
  top: 0;
  z-index: 10;
}

.modal .modal-background {
  background: var(--wi-background-overlay);
  height: 100vh;
  width: 100vw;
  z-index: 1;
}

.modal .modal-content {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--wi-on-action-primary);
  border-radius: 16px;
  -webkit-box-shadow: 0 4px 12px rgba(20, 20, 20, 0.08);
          box-shadow: 0 4px 12px rgba(20, 20, 20, 0.08);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 60vh;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  top: 10%;
  width: 50vw;
  z-index: 2;
}

.modal .modal-content .modal-body {
  background-color: var(--wi-background-primary);
  color: var(--wi-text-primary);
  height: calc(60vh - 128px);
  max-height: calc(60vh - 128px);
  overflow: auto;
  width: 100%;
}

.modal .modal-content .modal-body .body-subtitle, .modal .modal-content .modal-body .body-title {
  margin-left: 15px;
  margin-right: 20px;
}

.modal .modal-content .steps {
  color: var(--wi-text-primary);
  height: 100%;
  width: 100%;
}

.modal .modal-content .steps .step {
  height: 100%;
  padding: 12px;
  width: 100%;
}

.modal .modal-footer, .modal .modal-header {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--wi-background-secondary);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 64px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px;
  width: 100%;
}

.modal .modal-footer .title-container, .modal .modal-header .title-container {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
}

.modal .modal-footer .title-container .title, .modal .modal-header .title-container .title {
  color: var(--wi-text-primary);
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-weight: 500;
  margin-left: 10px;
}

.modal .modal-footer .title-container.center, .modal .modal-header .title-container.center {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.modal .modal-footer .title-container.center .title, .modal .modal-header .title-container.center .title {
  color: var(--wi-text-primary);
  margin-right: 1vw;
  text-align: center;
}

.modal .modal-footer .title-container.center .title.no-back-icon, .modal .modal-header .title-container.center .title.no-back-icon {
  margin-left: 3vw;
}

.modal .modal-footer .back, .modal .modal-footer .close, .modal .modal-header .back, .modal .modal-header .close {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--wi-background-primary);
  border: none;
  border-radius: 22px;
  color: var(--wi-text-primary);
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 22px;
  height: 44px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 44px;
}

.modal .modal-header {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.modal .modal-footer {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.modal .modal-footer .button-container {
  grid-gap: 10px;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.modal .modal-footer .button-container .singleButton {
  grid-column: span 2;
  justify-self: end;
}

dialog {
  border: none;
}

.wi-status {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--wi-status-undefined);
  border-radius: 50%;
  color: var(--wi-on-action-primary);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
}

.wi-status .witems-icon {
  font-size: 40px !important;
}

.wi-status.shape-diamond {
  border-radius: 25%;
  height: 31px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 31px;
}

.wi-status.shape-diamond .witems-icon {
  left: -1px;
  position: relative;
  top: -1px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.wi-status.shape-triangle {
  background-color: transparent !important;
  position: relative;
}

.wi-status.shape-triangle .triangle {
  display: inline-block;
  height: 100%;
  width: 100%;
}

.wi-status.shape-triangle .triangle svg {
  height: 100%;
  width: 100%;
}

.wi-status.shape-triangle .triangle .witems-icon {
  color: var(--wi-text-primary);
  left: 50%;
  position: absolute;
  top: 52%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.wi-status.size-medium {
  height: 23px;
  width: 23px;
}

.wi-status.size-medium .witems-icon {
  font-size: 23px !important;
}

.wi-status.size-medium.shape-triangle .triangle .witems-icon {
  left: 50% !important;
  top: 55% !important;
}

.wi-status.size-small {
  height: 20px;
  width: 20px;
}

.wi-status.size-small .witems-icon {
  font-size: 20px !important;
}

.wi-status.size-small.shape-triangle .triangle .witems-icon {
  left: 50% !important;
  top: 55% !important;
}

.wi-status.size-small.shape-diamond {
  height: 16px;
  width: 16px;
}

.wi-status.size-small.shape-diamond .witems-icon {
  left: -0.5px;
  top: -0.5px;
}

.wi-status.size-mini {
  height: 12px;
  width: 12px;
}

.wi-status.size-mini.shape-triangle {
  height: 15px;
  width: 15px;
}

.wi-status.size-mini.shape-triangle .triangle .witems-icon {
  font-size: 15px !important;
  left: 51% !important;
  top: 53% !important;
}

.wi-status.size-mini.shape-diamond {
  height: 10px;
  width: 10px;
}

.wi-status.type-primary {
  --triangle-color:var(--wi-action-primary);
  background-color: var(--wi-action-primary);
  color: var(--wi-on-action-primary);
}

.wi-status.type-secondary {
  --triangle-color:var(--wi-on-action-secondary);
  background-color: var(--wi-action-secondary);
  color: var(--wi-on-action-secondary);
}

.wi-status.type-info {
  --triangle-color:var(--wi-status-info);
  background-color: var(--wi-status-info);
  color: var(--wi-on-action-primary);
}

.wi-status.type-bad {
  --triangle-color:var(--wi-status-bad);
  background-color: var(--wi-status-bad);
  color: var(--wi-on-action-primary);
}

.wi-status.type-moderate {
  --triangle-color:var(--wi-status-moderate);
  background-color: var(--wi-status-moderate);
  color: var(--wi-text-primary);
}

.wi-status.type-high {
  --triangle-color:var(--wi-status-high);
  background-color: var(--wi-status-high);
  color: var(--wi-on-action-primary);
}

.wi-status.type-good {
  --triangle-color:var(--wi-status-good);
  background-color: var(--wi-status-good);
  color: var(--wi-on-action-primary);
}

.wi-status.mini {
  height: 12px;
  width: 12px;
}

.barres {
  grid-gap: 4px;
  display: grid;
  height: 4px;
  width: 334px;
}

.barres .barre {
  background-color: var(--wi-status-undefined);
  border-radius: 20px;
  height: 4px;
  width: 100%;
}

.barres .barre.colored {
  background-color: var(--wi-status-info);
}

.barres .barre.colored.error {
  background-color: var(--wi-status-bad);
}

.barres .barre.colored.alert {
  background-color: var(--wi-status-moderate);
}

.barres .barre.colored.valid {
  background-color: var(--wi-status-good);
}

.switch-container {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.switch-container .side-label {
  color: var(--wi-text-primary);
  margin: 0 8px;
}

.switch-container input[type=checkbox] {
  display: none;
}

.switch-container .label {
  color: var(--wi-text-primary);
  margin-left: 8px;
}

.switch-container .switch {
  background-color: var(--wi-action-primary-unchecked);
  border-radius: 16px;
  height: 32px;
  position: relative;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 52px;
}

.switch-container .switch.disabled {
  background-color: var(--wi-action-primary-disabled);
  cursor: not-allowed;
  opacity: 0.6;
}

.switch-container .switch.mini {
  background-color: var(--wi-action-primary-unchecked);
  height: 14px;
  width: 36px;
}

.switch-container .switch.mini.checked {
  background-color: color-mix(in srgb, var(--wi-action-primary) 50%, transparent);
}

.switch-container .switch.mini .circle {
  background-color: var(--wi-background-secondary);
  border: none;
  border-radius: 32px;
  -webkit-box-shadow: 0 0.5px 1px 0 rgba(0, 0, 0, 0.502);
          box-shadow: 0 0.5px 1px 0 rgba(0, 0, 0, 0.502);
  height: 20px;
  left: 0;
  position: absolute;
  top: -3px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 20px;
}

.switch-container .switch.mini .circle.checked {
  background-color: var(--wi-action-primary);
  left: calc(100% - 20px);
}

.switch-container .switch .circle {
  background-color: var(--wi-background-secondary);
  border: 1px solid #e5e5e5;
  border-radius: 32px;
  -webkit-box-shadow: 0 4px 12px 0 rgba(20, 20, 20, 0.08);
  box-shadow: 0 4px 12px 0 rgba(20, 20, 20, 0.08);
  height: 28px;
  left: 2px;
  position: absolute;
  top: 2px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 28px;
}

.switch-container .switch .circle.checked {
  left: calc(100% - 30px);
}

.switch-container .switch.checked {
  background-color: var(--wi-action-primary);
}

.toast {
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 68px;
  -webkit-box-shadow: 0 4px 12px 0 rgba(20, 20, 20, 0.08);
  box-shadow: 0 4px 12px 0 rgba(20, 20, 20, 0.08);
  color: var(--wi-text-primary-info);
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 10px 0;
  max-width: 450px;
  min-width: 100px;
  padding: 8px 16px;
  -webkit-transition: background-color 0.25s ease-out;
  transition: background-color 0.25s ease-out;
}

.toast.has-action {
  padding: 8px 40px;
}

.toast.out {
  -webkit-animation: slide-in-left 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-left 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.toast.info {
  background-color: var(--wi-background-info);
  color: var(--wi-text-primary-info);
}

.toast.info:active {
  background-color: var(--wi-dataviz-gridline-neutral);
}

.toast.bad {
  background-color: var(--wi-background-bad);
  color: var(--wi-text-primary-bad);
}

.toast.bad:active {
  background-color: var(--wi-dataviz-gridline-bad);
}

.toast.moderate {
  background-color: var(--wi-background-moderate);
  color: var(--wi-text-primary-moderate);
}

.toast.moderate:active {
  background-color: var(--wi-dataviz-gridline-moderate);
}

.toast.good {
  background-color: var(--wi-background-good);
  color: var(--wi-text-primary-good);
}

.toast.good:active {
  background-color: var(--wi-dataviz-gridline-good);
}

.toast.neutral {
  background-color: var(--wi-background-secondary);
  color: var(--wi-text-primary);
}

.toast.neutral:active {
  background-color: var(--wi-dataviz-gridline-default);
}

.toast.top-left {
  -webkit-animation: slide-in-left 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-left 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.toast.top-right {
  -webkit-animation: slide-in-right 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-right 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.toast.top-center {
  -webkit-animation: slide-in-top 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-top 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.toast.bottom-left {
  -webkit-animation: slide-in-left 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-left 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.toast.bottom-right {
  -webkit-animation: slide-in-right 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-right 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.toast.bottom-center {
  -webkit-animation: slide-in-bottom 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-bottom 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.toast .icon-action {
  font-size: 18px;
  position: absolute;
  right: 8px;
}

.toast .icon-text {
  bottom: 0;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  left: 10px;
  margin: auto 5px;
  position: absolute;
  top: 0;
}

.toast.disabled {
  cursor: default;
}

.toast .label {
  font-size: 12px;
}

.toast .content {
  font-size: 16px;
}

.toasts-portal {
  display: grid;
  position: fixed;
  row-gap: 8px;
  z-index: 99;
}

.toasts-portal .toasts-position {
  position: fixed;
}

.toasts-portal .toasts-position.top-left {
  left: 2%;
  top: 2%;
}

.toasts-portal .toasts-position.top-right {
  right: 2%;
  top: 2%;
}

.toasts-portal .toasts-position.top-center {
  left: 50%;
  top: 2%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.toasts-portal .toasts-position.bottom-left {
  bottom: 2%;
  left: 2%;
}

.toasts-portal .toasts-position.bottom-right {
  bottom: 2%;
  right: 2%;
}

.toasts-portal .toasts-position.bottom-center {
  bottom: 2%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.tooltip-portal {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

.tooltip-portal .tooltip {
  border-radius: 8px;
  -webkit-box-shadow: 0 4px 12px 0 rgba(20, 20, 20, 0.078);
          box-shadow: 0 4px 12px 0 rgba(20, 20, 20, 0.078);
  position: absolute;
  visibility: hidden;
  width: 350px;
  z-index: 999;
}

.tooltip-portal .tooltip.visible {
  -webkit-animation: fadeIn 0.2s ease-out;
          animation: fadeIn 0.2s ease-out;
  opacity: 1;
  visibility: visible;
}

.tooltip-portal .tooltip.hidden {
  -webkit-animation: fadeOut 0.2s ease-out;
          animation: fadeOut 0.2s ease-out;
  opacity: 1;
  visibility: hidden;
}

.tooltip-portal .tooltip.isDeactivated {
  display: none !important;
}

.tooltip-portal .tooltip .tooltip-inner {
  border-radius: 8px;
  font-family: Gotham, serif;
  padding: 20px;
  position: relative;
}

.tooltip-portal .tooltip .tooltip-inner.type-primary {
  background-color: var(--wi-background-primary);
  color: var(--wi-text-primary);
}

.tooltip-portal .tooltip .tooltip-inner.type-primary > .arrow {
  background-color: var(--wi-background-primary);
}

.tooltip-portal .tooltip .tooltip-inner.type-secondary {
  background-color: var(--wi-background-secondary);
  color: var(--wi-text-secondary);
}

.tooltip-portal .tooltip .tooltip-inner.type-secondary > .arrow {
  background-color: var(--wi-background-secondary);
}

.tooltip-portal .tooltip .tooltip-inner.type-info {
  background-color: var(--wi-background-info);
  color: var(--wi-text-secondary-info);
}

.tooltip-portal .tooltip .tooltip-inner.type-info > .arrow {
  background-color: var(--wi-background-info);
}

.tooltip-portal .tooltip .tooltip-inner.type-bad {
  background-color: var(--wi-background-bad);
  color: var(--wi-text-secondary-bad);
}

.tooltip-portal .tooltip .tooltip-inner.type-bad > .arrow {
  background-color: var(--wi-background-bad);
}

.tooltip-portal .tooltip .tooltip-inner.type-moderate {
  background-color: var(--wi-background-moderate);
  color: var(--wi-text-secondary-moderate);
}

.tooltip-portal .tooltip .tooltip-inner.type-moderate > .arrow {
  background-color: var(--wi-background-moderate);
}

.tooltip-portal .tooltip .tooltip-inner.type-good {
  background-color: var(--wi-background-good);
  color: var(--wi-text-secondary-good);
}

.tooltip-portal .tooltip .tooltip-inner.type-good > .arrow {
  background-color: var(--wi-background-good);
}

.tooltip-portal .tooltip .tooltip-inner .title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 12px;
}

.tooltip-portal .tooltip .tooltip-inner .content {
  font-size: 14px;
}

.tooltip-portal .tooltip .tooltip-inner .content a {
  font-weight: 500;
}

.tooltip-portal .tooltip .tooltip-inner .link {
  font-weight: 500;
  margin-top: 16px;
}

.tooltip-portal .tooltip .tooltip-inner .arrow {
  border: inherit;
  border-radius: 0 0 0 0.25em;
  display: block;
  height: 20px;
  position: absolute;
  width: 20px;
  z-index: 999;
}

.tooltip-portal .tooltip .tooltip-inner .arrow.bottom {
  bottom: -10px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.tooltip-portal .tooltip .tooltip-inner .arrow.top {
  top: -10px;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}

.tooltip-portal .tooltip .tooltip-inner .arrow.left {
  left: 25px;
}

.tooltip-portal .tooltip .tooltip-inner .arrow.middle {
  left: 165px;
}

.tooltip-portal .tooltip .tooltip-inner .arrow.right {
  right: 25px;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    visibility: visible;
  }
  to {
    opacity: 1;
    visibility: visible;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    visibility: visible;
  }
  to {
    opacity: 1;
    visibility: visible;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
    visibility: visible;
  }
  to {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
    visibility: visible;
  }
  to {
    opacity: 0;
    visibility: hidden;
  }
}
.list-container > :last-child, .list-container > :last-child li {
  border-bottom: 0 !important;
}

.list-container li {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--wi-background-primary);
  color: var(--wi-text-primary);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

.list-container li.primary-item {
  background-color: var(--wi-background-primary);
  border-bottom: 1px solid var(--wi-divider);
  cursor: pointer;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 56px;
  padding: 16px 24px;
}

.list-container li.primary-item .item-action {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.list-container li.primary-item .item-icon {
  font-size: 24px;
  height: 24px;
  width: 24px;
}

.list-container li.primary-item:hover {
  background-color: var(--wi-background-media) !important;
}

.list-container li.item-edit > div {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  width: 100%;
}

.list-container li.item-edit > div > div {
  width: 100%;
}

.list-container li.item-edit > div .customComponent {
  width: 50%;
}

.list-container li.item-edit > div .item-icon {
  color: var(--wi-text-placeholder);
  opacity: 0;
}

.list-container li.item-edit > div .item-icon:hover {
  color: var(--wi-action-primary);
}

.list-container li.item-edit > div .field-edit {
  border: 1px solid transparent;
  width: 100%;
}

.list-container li.item-edit > div .field-edit:focus-within {
  border: 1px solid var(--wi-text-primary);
}

.list-container li.item-edit.active .field-edit {
  border: 1px solid var(--wi-text-primary);
}

.list-container li.item-edit:hover > div .item-icon {
  opacity: 1;
}

.list-container li.item-edit:hover > div .item-icon input {
  pointer-events: all;
}

.list-container li.item-edit:hover > div .field-edit {
  border: 1px solid var(--wi-text-primary);
}

.list-group-container {
  border-radius: 24px;
  overflow: hidden;
}

:root {
  --switch-tab-bg:var(--wi-background-primary);
  --switch-tab-border-color:var(--wi-divider-primary);
  --switch-tab-disabled-hover-bg:var(--wi-background-primary);
  --switch-tab-selected-bg:var(--wi-action-primary);
  --switch-tab-selected-color:var(--wi-on-action-primary);
  --switch-tab-default-color:var(--wi-black);
  --switch-tab-hover-bg:var(--wi-background-secondary-pressed);
  --switch-tab-border-radius:100px;
}

.switchTab {
  background-color: var(--switch-tab-bg);
  border-radius: var(--switch-tab-border-radius);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  overflow-x: auto;
  padding: 4px;
  position: relative;
}

.switchTab.bordered {
  border: 1px solid var(--switch-tab-border-color);
}

.switchTab.disabled, .switchTab.disabled a {
  cursor: default;
}

.switchTab.disabled a:not(.selected):hover {
  background-color: var(--switch-tab-disabled-hover-bg);
}

.switchTab .background-choiced {
  background-color: var(--switch-tab-selected-bg);
  border-radius: var(--switch-tab-border-radius);
  height: 36px;
  position: absolute;
  width: 148px;
  z-index: 0;
}

.switchTab .background-choiced.transition {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.switchTab a {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: var(--switch-tab-border-radius);
  color: var(--switch-tab-default-color);
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
}

.switchTab a.transition {
  -webkit-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}

.switchTab a.selected {
  color: var(--switch-tab-selected-color);
}

.switchTab a:not(.selected):hover {
  background-color: var(--switch-tab-hover-bg);
}

.datetime-picker--container .input-calendar.empty {
  border-color: var(--wi-text-placeholder);
  color: var(--wi-text-placeholder);
}

.datetime-picker--container .react-datepicker__time-list-item.react-datepicker__time-list-item--selected {
  background-color: var(--wi-action-primary) !important;
}

.datetime-picker--container .react-datepicker__time-list-item {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon:before, .react-datepicker__year-read-view--down-arrow {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
  border: 8px solid transparent;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  content: "";
  height: 0;
  left: -8px;
  position: absolute;
  width: 1px;
  z-index: -1;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-top: -8px;
  top: 0;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
  border-bottom-color: #f0f0f0;
  border-top: none;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after {
  top: 0;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
  border-bottom-color: #aeaeae;
  top: -1px;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
  border-bottom: none;
  border-top-color: #fff;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after {
  bottom: 0;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
  border-top-color: #aeaeae;
  bottom: -1px;
}

.react-datepicker-wrapper {
  border: 0;
  display: inline-block;
  padding: 0;
}

.react-datepicker {
  background-color: #fff;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  color: #000;
  display: inline-block;
  font-family: Helvetica Neue, helvetica, arial, sans-serif;
  font-size: 0.8rem;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time, .react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  left: 50px;
  position: absolute;
}

.react-datepicker-popper {
  z-index: 1;
}

.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}

.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}

.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}

.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}

.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}

.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}

.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
  text-align: center;
}

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}

.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__year-dropdown-container--select {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker-time__header, .react-datepicker-year-header, .react-datepicker__current-month {
  color: #000;
  font-size: 0.944rem;
  font-weight: 700;
  margin-top: 0;
}

.react-datepicker-time__header {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.react-datepicker__navigation {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-align: center;
  text-indent: -999em;
  top: 2px;
  width: 32px;
  z-index: 1;
}

.react-datepicker__navigation--previous {
  left: 2px;
}

.react-datepicker__navigation--next {
  right: 2px;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}

.react-datepicker__navigation--years {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 0;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
}

.react-datepicker__navigation:hover :before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  font-size: 20px;
  position: relative;
  top: -1px;
  width: 0;
}

.react-datepicker__navigation-icon--next {
  left: -2px;
}

.react-datepicker__navigation-icon--next:before {
  left: -7px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.react-datepicker__navigation-icon--previous {
  right: -2px;
}

.react-datepicker__navigation-icon--previous:before {
  right: -7px;
  -webkit-transform: rotate(225deg);
      -ms-transform: rotate(225deg);
          transform: rotate(225deg);
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__year-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  max-width: 180px;
}

.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  margin: 2px;
  width: 4rem;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__month .react-datepicker__month-text, .react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  margin: 2px;
  width: 4rem;
}

.react-datepicker__input-time-container {
  clear: both;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
  width: 100%;
}

.react-datepicker__input-time-container .react-datepicker-time__caption, .react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button, .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  display: inline-block;
  margin-left: 5px;
}

.react-datepicker__time-container {
  border-left: 1px solid #aeaeae;
  float: right;
  width: 85px;
}

.react-datepicker__time-container--with-today-button {
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline;
  position: absolute;
  right: -87px;
  top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
  background: #fff;
  border-bottom-right-radius: 0.3rem;
  position: relative;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  border-bottom-right-radius: 0.3rem;
  margin: 0 auto;
  overflow-x: hidden;
  text-align: center;
  width: 85px;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  height: calc(195px + .85rem);
  list-style: none;
  margin: 0;
  overflow-y: scroll;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  background-color: #f0f0f0;
  cursor: pointer;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: #fff;
  font-weight: 700;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  background-color: transparent;
  cursor: default;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  line-height: 1.7rem;
  margin: 0.166rem;
  text-align: center;
  width: 1.7rem;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected, .react-datepicker__week-number--keyboard-selected):hover {
  background-color: #f0f0f0;
  border-radius: 0.3rem;
}

.react-datepicker__week-number--selected {
  background-color: #216ba5;
  border-radius: 0.3rem;
  color: #fff;
}

.react-datepicker__week-number--selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__week-number--keyboard-selected {
  background-color: #2a87d0;
  border-radius: 0.3rem;
  color: #fff;
}

.react-datepicker__week-number--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day-names {
  margin-bottom: -8px;
  white-space: nowrap;
}

.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day, .react-datepicker__day-name, .react-datepicker__time-name {
  color: #000;
  display: inline-block;
  line-height: 1.7rem;
  margin: 0.166rem;
  text-align: center;
  width: 1.7rem;
}

.react-datepicker__day, .react-datepicker__month-text, .react-datepicker__quarter-text, .react-datepicker__year-text {
  cursor: pointer;
}

.react-datepicker__day:hover, .react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover, .react-datepicker__year-text:hover {
  background-color: #f0f0f0;
  border-radius: 0.3rem;
}

.react-datepicker__day--today, .react-datepicker__month-text--today, .react-datepicker__quarter-text--today, .react-datepicker__year-text--today {
  font-weight: 700;
}

.react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted, .react-datepicker__quarter-text--highlighted, .react-datepicker__year-text--highlighted {
  background-color: #3dcc4a;
  border-radius: 0.3rem;
  color: #fff;
}

.react-datepicker__day--highlighted:hover, .react-datepicker__month-text--highlighted:hover, .react-datepicker__quarter-text--highlighted:hover, .react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1, .react-datepicker__month-text--highlighted-custom-1, .react-datepicker__quarter-text--highlighted-custom-1, .react-datepicker__year-text--highlighted-custom-1 {
  color: #f0f;
}

.react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2, .react-datepicker__quarter-text--highlighted-custom-2, .react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}

.react-datepicker__day--holidays, .react-datepicker__month-text--holidays, .react-datepicker__quarter-text--holidays, .react-datepicker__year-text--holidays {
  background-color: #ff6803;
  border-radius: 0.3rem;
  color: #fff;
  position: relative;
}

.react-datepicker__day--holidays .holiday-overlay, .react-datepicker__month-text--holidays .holiday-overlay, .react-datepicker__quarter-text--holidays .holiday-overlay, .react-datepicker__year-text--holidays .holiday-overlay {
  background-color: #333;
  border-radius: 4px;
  bottom: 100%;
  color: #fff;
  left: 50%;
  opacity: 0;
  padding: 4px;
  position: absolute;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: visibility 0s, opacity 0.3s ease-in-out;
  transition: visibility 0s, opacity 0.3s ease-in-out;
  visibility: hidden;
  white-space: nowrap;
}

.react-datepicker__day--holidays:hover, .react-datepicker__month-text--holidays:hover, .react-datepicker__quarter-text--holidays:hover, .react-datepicker__year-text--holidays:hover {
  background-color: #cf5300;
}

.react-datepicker__day--holidays:hover .holiday-overlay, .react-datepicker__month-text--holidays:hover .holiday-overlay, .react-datepicker__quarter-text--holidays:hover .holiday-overlay, .react-datepicker__year-text--holidays:hover .holiday-overlay {
  opacity: 1;
  visibility: visible;
}

.react-datepicker__day--in-range, .react-datepicker__day--in-selecting-range, .react-datepicker__day--selected, .react-datepicker__month-text--in-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--selected, .react-datepicker__quarter-text--in-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--selected, .react-datepicker__year-text--in-range, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--selected {
  background-color: #216ba5;
  border-radius: 0.3rem;
  color: #fff;
}

.react-datepicker__day--in-range:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--selected:hover, .react-datepicker__month-text--in-range:hover, .react-datepicker__month-text--in-selecting-range:hover, .react-datepicker__month-text--selected:hover, .react-datepicker__quarter-text--in-range:hover, .react-datepicker__quarter-text--in-selecting-range:hover, .react-datepicker__quarter-text--selected:hover, .react-datepicker__year-text--in-range:hover, .react-datepicker__year-text--in-selecting-range:hover, .react-datepicker__year-text--selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected {
  background-color: #bad9f1;
  border-radius: 0.3rem;
  color: #000;
}

.react-datepicker__day--keyboard-selected:hover, .react-datepicker__month-text--keyboard-selected:hover, .react-datepicker__quarter-text--keyboard-selected:hover, .react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}

.react-datepicker__day--disabled, .react-datepicker__month-text--disabled, .react-datepicker__quarter-text--disabled, .react-datepicker__year-text--disabled {
  color: #ccc;
  cursor: default;
}

.react-datepicker__day--disabled:hover, .react-datepicker__month-text--disabled:hover, .react-datepicker__quarter-text--disabled:hover, .react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__input-container {
  display: inline-block;
  position: relative;
  width: 100%;
}

.react-datepicker__input-container .react-datepicker__calendar-icon {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  padding: 0.5rem;
  position: absolute;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__month-read-view, .react-datepicker__month-year-read-view, .react-datepicker__year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}

.react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover, .react-datepicker__year-read-view:hover {
  cursor: pointer;
}

.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
  border-top-color: #b3b3b3;
}

.react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow {
  right: -16px;
  top: 0;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}

.react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown, .react-datepicker__year-dropdown {
  background-color: #f0f0f0;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  left: 25%;
  position: absolute;
  text-align: center;
  top: 30px;
  width: 50%;
  z-index: 1;
}

.react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover, .react-datepicker__year-dropdown:hover {
  cursor: pointer;
}

.react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable, .react-datepicker__year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__month-option, .react-datepicker__month-year-option, .react-datepicker__year-option {
  display: block;
  line-height: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type, .react-datepicker__year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type, .react-datepicker__year-option:last-of-type {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover, .react-datepicker__year-option:hover {
  background-color: #ccc;
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}

.react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected, .react-datepicker__year-option--selected {
  left: 15px;
  position: absolute;
}

.react-datepicker__close-icon {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: table-cell;
  height: 100%;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  right: 0;
  top: 0;
  vertical-align: middle;
}

.react-datepicker__close-icon:after {
  background-color: #216ba5;
  border-radius: 50%;
  color: #fff;
  content: "×";
  cursor: pointer;
  display: table-cell;
  font-size: 12px;
  height: 16px;
  line-height: 1;
  padding: 2px;
  text-align: center;
  vertical-align: middle;
  width: 16px;
}

.react-datepicker__close-icon--disabled {
  cursor: default;
}

.react-datepicker__close-icon--disabled:after {
  background-color: #ccc;
  cursor: default;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  clear: left;
  cursor: pointer;
  font-weight: 700;
  padding: 5px 0;
  text-align: center;
}

.react-datepicker__portal {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__time-name {
  line-height: 3rem;
  width: 3rem;
}

@media (max-height: 550px), (max-width: 400px) {
  .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__time-name {
    line-height: 2rem;
    width: 2rem;
  }
}
.react-datepicker__portal .react-datepicker-time__header, .react-datepicker__portal .react-datepicker__current-month {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  height: auto;
  margin: 0.4rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  width: 13.8rem;
}

.react-datepicker__aria-live {
  border: 0;
  -webkit-clip-path: circle(0);
          clip-path: circle(0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.react-datepicker__calendar-icon {
  height: 1em;
  vertical-align: -0.125em;
  width: 1em;
}

.react-datepicker-popper {
  z-index: 10;
}

.react-datepicker-popper .calendar-container {
  background: var(--wi-background-secondary);
  border-radius: 16px;
  -webkit-box-shadow: inset 0 -1px 0 #e5e6ea;
          box-shadow: inset 0 -1px 0 #e5e6ea;
  -webkit-filter: drop-shadow(0 4px 12px rgba(20, 20, 20, 0.08));
          filter: drop-shadow(0 4px 12px rgba(20, 20, 20, 0.08));
  z-index: 99999;
}

.react-datepicker-popper .calendar-container .react-datepicker {
  background: none;
  border: none;
  font-family: inherit;
}

.react-datepicker-popper .calendar-container .react-datepicker div {
  color: var(--wi-text-primary);
}

.react-datepicker-popper .calendar-container .react-datepicker .react-datepicker__header {
  background-color: inherit;
  border-bottom: 1px solid var(--wi-divider-primary);
  border-radius: inherit;
}

.react-datepicker-popper .calendar-container .react-datepicker .react-datepicker__day--selected {
  background-color: var(--wi-background-tertiary);
}

.react-datepicker-popper .calendar-container .react-datepicker .react-datepicker__day {
  color: var(--wi-text-primary);
}

.react-datepicker-popper .calendar-container .react-datepicker.react-datepicker--time-only .react-datepicker__time {
  background: transparent;
}

.datetime-picker--container .input-calendar {
  background: transparent;
  border: 1px solid #000;
  border-radius: 8px;
  height: 56px;
  padding: 16px;
  text-align: left;
  width: 100%;
}

.datetime-picker--container .input-calendar:focus-within {
  border-color: var(--wi-action-primary);
}

.datetime-picker--container .react-datepicker-wrapper {
  width: 100%;
}

.datetime-picker--container .input-calendar.errorInput {
  border-color: var(--wi-dataviz-status-bad);
}

.datetime-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.datetime-container .datetime-picker--container {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 4px;
  width: 50%;
}

p.msg-error {
  color: var(--wi-dataviz-status-bad);
  height: 16px;
  margin-top: 8px;
}

.modal-rightbar {
  -webkit-animation: insideBackground 0.3s ease-out forwards;
          animation: insideBackground 0.3s ease-out forwards;
  background-color: color-mix(in srgb, var(--wi-background-tertiary) 60%, transparent);
  display: none;
  height: 100vh;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 2;
}

.modal-rightbar.open {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.modal-rightbar.back {
  -webkit-animation: outsideBackground 0.3s ease-out forwards;
          animation: outsideBackground 0.3s ease-out forwards;
}

.modal-rightbar.back .rightbar-element {
  -webkit-animation: outsideMenu 0.5s ease-out forwards;
          animation: outsideMenu 0.5s ease-out forwards;
}

.modal-rightbar .rightbar-element {
  -webkit-animation: insideMenu 0.5s ease-out forwards;
          animation: insideMenu 0.5s ease-out forwards;
  background-color: var(--wi-background-primary);
  height: 100%;
  overflow: scroll;
  position: absolute;
}

.modal-rightbar .rightbar-element header {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid var(--wi-divider);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  padding: 28px 56px;
}

.modal-rightbar .rightbar-element header p {
  margin-left: 10px;
}

.modal-rightbar .rightbar-element .body-rightbar {
  padding: 48px 56px;
}

@-webkit-keyframes insideMenu {
  0% {
    right: -100%;
  }
  to {
    right: 0;
  }
}

@keyframes insideMenu {
  0% {
    right: -100%;
  }
  to {
    right: 0;
  }
}
@-webkit-keyframes insideBackground {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
    pointer-events: all;
  }
}
@keyframes insideBackground {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
    pointer-events: all;
  }
}
@-webkit-keyframes outsideMenu {
  0% {
    right: 0;
  }
  to {
    right: -100%;
  }
}
@keyframes outsideMenu {
  0% {
    right: 0;
  }
  to {
    right: -100%;
  }
}
@-webkit-keyframes outsideBackground {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    pointer-events: none;
  }
}
@keyframes outsideBackground {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    pointer-events: none;
  }
}
.wi-popover-component {
  display: none;
  position: relative;
  z-index: 3;
}

.wi-popover-component.visible {
  display: block;
}

.wi-popover-component-wrapper {
  background: var(--wi-background-secondary);
  border-radius: 8px;
  -webkit-box-shadow: 0 0 5px rgba(var(--wi-black), 0.4);
          box-shadow: 0 0 5px rgba(var(--wi-black), 0.4);
  max-height: 200px;
  min-height: 50px;
  overflow-y: auto;
  position: absolute;
  width: 100%;
}

.wi-popover-component-wrapper.over {
  bottom: 0;
}

.wi-popover-component-wrapper.top {
  bottom: var(--parent-height);
}

.range-picker-component {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--wi-background-info);
  border-radius: 8px;
  -webkit-box-shadow: 0 8px 30px 0 rgba(7, 26, 83, 0.04);
          box-shadow: 0 8px 30px 0 rgba(7, 26, 83, 0.04);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 14px 10px;
  position: relative;
}

.range-picker-component .current-scope {
  color: var(--wi-action-primary);
  pointer-events: none;
  position: relative;
  text-transform: capitalize;
}

.range-picker-component .current-scope .HMIcons {
  font-size: 20px;
}

.range-picker-component .back-arrow, .range-picker-component .next-arrow {
  cursor: pointer;
}

.range-picker-component .back-arrow .HMIcons, .range-picker-component .next-arrow .HMIcons {
  font-size: 30px;
}

.range-picker-component .back-arrow.disabled, .range-picker-component .next-arrow.disabled {
  cursor: not-allowed;
  opacity: 0.3;
  pointer-events: none;
}

.wi-select-component__content.horizontal {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.wi-select-component .tag-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  display: none;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 6px;
  margin: 6px;
}

.wi-select-component .tag-container > .multi-tag {
  background-color: var(--wi-dataviz-gridline-default);
  border-radius: 3px;
  display: grid;
  grid-auto-rows: 1fr;
  grid-template-columns: 1fr 1fr;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}

.wi-select-component .tag-container > .multi-tag > .option-title {
  padding: 2px 3px 2px 6px;
  white-space: nowrap;
}

.wi-select-component .tag-container > .multi-tag .witems-icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0 3px 3px 0 !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-size: inherit !important;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2px;
}

.wi-select-component .tag-container > .multi-tag .witems-icon:hover {
  background-color: var(--wi-action-primary-bad-hover);
}

.wi-select-component .tag-container.hasElement {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.wi-select-component.hideInput input {
  width: 50px;
}

.wi-option-component {
  --padding-left-right:16px;
  border-bottom: 1px solid var(--wi-divider-primary);
  cursor: pointer;
  padding: 12px var(--padding-left-right);
  -webkit-transition: background 0.25s ease-out;
  transition: background 0.25s ease-out;
}

.wi-option-component.selected {
  font-weight: 700;
}

.wi-option-component:hover {
  background: var(--wi-background-primary);
}

.wi-option-component:last-of-type {
  border-bottom: none;
}

.menu-section {
  color: var(--test);
  font-family: var(--wi-font-family);
  height: 100%;
  height: 100px;
  min-width: 250px;
  position: relative;
}

.menu-section .user-button {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  position: relative;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  z-index: 1;
}

.menu-section .user-button .hidding-square {
  background-color: var(--wi-background-secondary);
  height: 3rem;
  margin-bottom: -1rem;
  margin-top: -1rem;
}

.menu-section .user-button .user-header {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--wi-background-primary);
  border: 1px solid var(--wi-background-tertiary);
  border-radius: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  height: 100px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1rem;
  position: relative;
  z-index: 100;
}

.menu-section .user-button .user-header .title {
  font-weight: var(--wi-font-regular);
}

.menu-section .user-button .user-header .subtitle {
  font-size: var(--wi-font-size-small);
  font-weight: var(--wi-font-light);
}

.menu-section .user-button .user-header .picture {
  border-radius: 50%;
  height: 50px;
  width: 50px;
}

.menu-section .user-button .user-header .picture__with-shortname {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--wi-background-tertiary);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.menu-section .user-button .user-header:hover {
  background-color: var(--wi-background-secondary-pressed);
  cursor: pointer;
}

.menu-section .user-menu {
  border-radius: 16px 16px 0 0;
  overflow: hidden;
  position: absolute;
  top: 10px;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: 0.6s;
  transition: 0.6s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  width: 100%;
  z-index: 0;
}

.menu-section .user-menu .section {
  background-color: var(--wi-background-primary);
  border-bottom: 2px solid var(--wi-background-secondary-pressed);
  padding: 1rem;
}

.menu-section .user-menu .section:last-child {
  border-bottom: none;
}

.menu-section .user-menu .section.title {
  background-color: var(--wi-background-secondary-pressed);
  border-bottom: none;
  font-weight: var(--wi-font-bold);
}

.menu-section .user-menu .footer {
  background-color: var(--wi-background-primary);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.5em 0;
}

.menu-section .user-menu .footer .separator {
  padding-left: 0.3em;
  padding-right: 0.3em;
}

.menu-section .user-menu .overlap {
  background-color: var(--wi-background-primary);
  height: 10px;
  width: 100%;
}

.menu-section .user-menu.hidden {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: 0.6s;
  transition: 0.6s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  visibility: hidden;
}

@media screen and (max-width: 1460px) {
  .fullname > p:first-child {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1460px) {
  .fullname > p:first-child {
    font-size: 1.3rem;
  }
}
.wi-chart-header-component {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: var(--wi-font-family);
  gap: 2px;
}

.wi-chart-header-component.action {
  cursor: pointer;
}

.wi-chart-header-component .labelRow {
  color: var(--wi-text-secondary);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.5px;
  line-height: 120%;
  text-transform: uppercase;
}

.wi-chart-header-component .labelRow .labelLegendSquare {
  background-color: var(--wi-dataviz-monochromatic-ghost-4);
  border-radius: 4px;
  display: inline-block;
  height: 12px;
  margin-right: 4px;
  width: 12px;
}

.wi-chart-header-component .valueRow {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  height: 100%;
}

.wi-chart-header-component .valueRow .ring-container {
  height: 24px !important;
  width: 24px !important;
}

.wi-chart-header-component .valueRow .ring-container svg {
  height: 100% !important;
  overflow: visible !important;
  width: 100% !important;
}

.wi-chart-header-component .valueRow .ring-container svg > path {
  stroke-width: 10px;
}

.wi-radio-button-group-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.wi-radio-button-group-container .wi-radio-button-container {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.wi-radio-button-group-container input {
  accent-color: auto;
  height: 24px;
  width: 24px;
}

.wi-radio-button-group-container label {
  padding: 0 5px;
}

.wi-radio-button-group-container .wi-radio-button {
  accent-color: var(--wi-action-primary);
}

.wi-radio-button-group-container .wi-radio-button.disabled {
  background-color: var(--wi-action-primary-disabled);
  border: none;
  cursor: not-allowed;
  opacity: 0.6;
}

.wi-radio-button-group-container .wi-radio-button:checked {
  background-color: var(--wi-action-primary);
}

.wi-radio-button-group-container .wi-radio-button:hover {
  opacity: 0.7;
}

.wi-radio-button-group-container.error {
  border: 1px solid var(--wi-status-bad);
  border-radius: 8px;
}

.wi-radio-button-group-container.error .wi-radio-button {
  accent-color: var(--wi-status-bad);
}

.table-wrapper {
  height: 100%;
  position: relative;
  width: 100%;
}

.table-wrapper .overlay {
  background-color: var(--wi-background-overlay);
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  left: 0;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 10;
}

.table-wrapper .overlay .config {
  background-color: var(--wi-background-primary);
  border-radius: 8px;
  min-width: 40vw;
  padding: 20px;
}

.table-wrapper .overlay .config .columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.table-wrapper .overlay .config .columns > div {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
  width: 50%;
}

.table-wrapper .overlay .config .config-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.table-wrapper .overlay .config .config-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}

.table-wrapper .overlay .config .config-body .column-visibility-toggle {
  background-color: var(--wi-background-secondary);
  border-radius: 8px;
  margin: 10px 0;
  max-height: 50vh;
  overflow: auto;
  padding: 10px;
}

.table-wrapper .overlay .config .config-body .column-visibility-toggle .checkbox-container {
  margin: 5px 0;
}

.table-wrapper .table-header {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--wi-background-secondary-pressed);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  padding: 3px 10px;
}

.table-wrapper .table-content-wrapper {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  max-width: 100vw;
  overflow: auto;
}

.table-wrapper .table-content-wrapper .wi-table {
  background-color: var(--wi-background-secondary-pressed);
  color: var(--wi-text-primary);
  width: 100%;
}

.table-wrapper .table-content-wrapper .wi-table thead {
  text-align: left;
}

.table-wrapper .table-content-wrapper .wi-table thead .wi-table__header-th {
  font-size: 16px;
  font-weight: var(--wi-font-bold);
  line-height: 20px;
  padding: 8px 20px;
}

.table-wrapper .table-content-wrapper .wi-table thead .wi-table__header-th .wi-table__header-th_header-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.table-wrapper .table-content-wrapper .wi-table thead .wi-table__header-th .wi-table__header-th_header-container .text-tooltip-wrapper {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.table-wrapper .table-content-wrapper .wi-table thead .wi-table__header-th .wi-table__header-th_header-container .sort-wrapper {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
}

.table-wrapper .table-content-wrapper .wi-table thead .wi-table__header-th .wi-table__header-th_header-container .sort-wrapper.is-visible {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.table-wrapper .table-content-wrapper .wi-table thead .witems-icon {
  color: var(--wi-text-primary);
}

.table-wrapper .table-content-wrapper .wi-table tbody tr {
  background-color: var(--wi-background-secondary);
  border-bottom: 1px solid var(--wi-divider);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.table-wrapper .table-content-wrapper .wi-table tbody tr td {
  padding: 20px;
  text-align: center;
}

.table-wrapper .table-content-wrapper .wi-table tbody tr td .wi-table__cell--content.flex {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 5px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.table-wrapper .table-content-wrapper .wi-table tbody tr.filter-row {
  background-color: var(--wi-background-secondary-pressed);
}

.table-wrapper .table-content-wrapper .wi-table tbody tr.filter-row td:last-child {
  border-left: none;
}

.table-wrapper .table-content-wrapper .wi-table tbody tr.filter-row td {
  padding: 5px;
}

.table-wrapper .table-content-wrapper .wi-table tbody tr.filter-row td .field {
  min-height: 34px;
}

.table-wrapper .table-content-wrapper .wi-table tbody tr.filter-row td .field input {
  padding: 5px;
}

.table-wrapper .table-content-wrapper .wi-table tbody tr.filter-row:hover {
  background-color: var(--wi-background-secondary-pressed);
}

.table-wrapper .table-content-wrapper .wi-table tbody tr:hover {
  background-color: var(--wi-background-primary);
}

.table-wrapper .table-content-wrapper .wi-table tbody tr.has-click:active {
  background-color: var(--wi-background-secondary-pressed);
}

.table-wrapper .table-content-wrapper.no-radius {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.table-wrapper .wi-table__footer {
  background-color: var(--wi-background-primary);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  min-height: 30px;
  padding: 5px 10px;
}

.table-wrapper .wi-table__footer .wi-table__footer__rowNumberSelect {
  max-width: 200px;
  width: 150px;
}

.table-wrapper .wi-table__footer .wi-table__footer__pagination .pagination .navigation-arrows.disabled {
  color: var(--wi-action-primary-disabled);
  pointer-events: none;
}

.table-wrapper .wi-table__footer .wi-table__footer__pagination .pagination .page-number-wrapper .page-number {
  cursor: pointer;
  height: 20px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: 20px;
}

.table-wrapper .wi-table__footer .wi-table__footer__pagination .pagination .page-number-wrapper .page-number.current {
  background-color: var(--wi-background-tertiary);
  border-radius: 4px;
  font-weight: var(--wi-font-bold);
}

.table-wrapper .wi-table__footer .wi-table__footer__pagination .pagination .page-number-wrapper .page-number.ellipsis {
  margin-left: -10px;
  margin-right: -10px;
  pointer-events: none;
}

.table-wrapper .wi-table__footer .wi-table__footer__pagination .pagination .page-number-wrapper .page-number:hover {
  background-color: var(--wi-background-tertiary);
  border-radius: 4px;
}

.witems-tab-navigation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.witems-tab-navigation .navigation-tab {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--wi-action-primary-unchecked);
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 15px;
  position: relative;
  -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.witems-tab-navigation .navigation-tab:after {
  background-color: var(--wi-on-action-secondary);
  bottom: 0;
  content: "";
  height: 3px;
  left: 0;
  opacity: 0;
  position: absolute;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  width: 100%;
}

.witems-tab-navigation .navigation-tab:hover:not(.disabled) {
  background-color: var(--wi-action-secondary-hover);
  color: var(--wi-on-action-secondary);
}

.witems-tab-navigation .navigation-tab.current {
  color: var(--wi-on-action-secondary);
}

.witems-tab-navigation .navigation-tab.current:after {
  opacity: 1;
}

.witems-tab-navigation .navigation-tab.disabled {
  color: var(--wi-action-secondary-disabled);
  cursor: default;
}

.witems-tab-navigation .navigation-tab .tab-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.witems-tab-navigation .navigation-tab .tab-icon .witems-icon {
  font-size: 1.125rem !important;
  margin-right: 5px;
}

.witems-tag {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--wi-background-primary);
  border-radius: 8px;
  color: var(--wi-text-secondary);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 8px;
}

.witems-tag .tag-custom-content, .witems-tag .witems-icon {
  font-size: 0.875rem !important;
  margin-right: 4px;
}

.witems-tag.primary {
  background-color: var(--wi-action-primary);
  color: var(--wi-on-action-primary);
}

.witems-tag.secondary {
  background-color: var(--wi-action-secondary);
  color: var(--wi-on-action-secondary);
}

.witems-tag.info {
  background-color: var(--wi-background-info);
  color: var(--wi-text-primary-info);
}

.witems-tag.primary-info {
  background-color: var(--wi-status-info);
  color: var(--wi-on-action-primary);
}

.witems-tag.bad {
  background-color: var(--wi-background-bad);
  color: var(--wi-text-primary-bad);
}

.witems-tag.moderate {
  background-color: var(--wi-background-moderate);
  color: var(--wi-text-primary-moderate);
}

.witems-tag.good {
  background-color: var(--wi-background-good);
  color: var(--wi-text-primary-good);
}

.witems-tag.neutral {
  background-color: var(--wi-background-tertiary);
  color: var(--wi-text-primary);
}

.witems-tag.is-clickable {
  cursor: pointer;
}

.witems-tag.small {
  min-height: 22px;
}

.witems-tag.medium {
  min-height: 33px;
}

.witems-tag.height-auto {
  height: auto;
  padding: 8px;
}

.sliderTab {
  background-color: var(--wi-background-primary);
  border-radius: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: hidden;
  padding: 4px;
  position: relative;
}

.sliderTab .threshold {
  bottom: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  width: 50px;
}

.sliderTab .threshold.left {
  left: 0;
}

.sliderTab .threshold.right {
  right: 0;
}

.sliderTab.bordered {
  border: 1px solid var(--wi-divider-primary);
}

.sliderTab.disabled, .sliderTab.disabled a {
  cursor: default;
}

.sliderTab.disabled a:not(.selected):hover {
  background-color: var(--wi-background-primary);
}

.sliderTab .background-choiced {
  background-color: var(--wi-action-primary);
  border-radius: 100px;
  height: 36px;
  position: absolute;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  width: 148px;
  z-index: 0;
}

.sliderTab a {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
  z-index: 1;
}

.sliderTab a.selected {
  color: var(--wi-on-action-primary);
}

.sliderTab a:not(.selected):hover {
  background-color: var(--wi-background-secondary-pressed);
}

.graph-popover-container {
  height: 100%;
  position: relative;
  width: 100%;
}

.graph-popover-container .graph-popover-backdrop {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 8;
}

.graph-popover-container .graph-popover-backdrop.none {
  -webkit-backdrop-filter: blur(0);
          backdrop-filter: blur(0);
}

.graph-popover-container .graph-popover-backdrop.soft {
  -webkit-backdrop-filter: blur(1px);
          backdrop-filter: blur(1px);
}

.graph-popover-container .graph-popover-backdrop.low {
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}

.graph-popover-container .graph-popover-backdrop.medium {
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}

.graph-popover-container .graph-popover-backdrop.high {
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}

.graph-popover-container .graph-popover-backdrop.higher {
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.graph-popover-container .graph-popover-graph {
  z-index: 1;
}

.graph-popover-container .graph-popover-description, .graph-popover-container .graph-popover-icon, .graph-popover-container .graph-popover-title {
  margin-bottom: 10px;
}

.graph-popover-container .graph-popover-description {
  margin-bottom: 20px;
}

.graph-popover-container .graph-popover-button {
  background-color: var(--wi-text-secondary-info) !important;
  border: var(--wi-text-secondary-info) !important;
  cursor: pointer;
  text-transform: none !important;
}

.graph-popover-container .graph-popover-button:hover {
  background-color: var(--wi-action-primary-press) !important;
}

.graph-popover-container .graph-popover-bad, .graph-popover-container .graph-popover-info {
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  left: 50%;
  padding: 20px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 9;
}

.graph-popover-container .graph-popover-bad.graph-popover-bad, .graph-popover-container .graph-popover-info.graph-popover-bad {
  background-color: var(--wi-background-bad);
  color: var(--wi-text-secondary-bad);
}

.graph-popover-container .graph-popover-bad.graph-popover-info, .graph-popover-container .graph-popover-info.graph-popover-info {
  background-color: var(--wi-background-info);
  color: var(--wi-text-secondary-info);
}

@-webkit-keyframes react-loading-skeleton {
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@keyframes react-loading-skeleton {
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
.react-loading-skeleton {
  --base-color:#ebebeb;
  --highlight-color:#f5f5f5;
  --animation-duration:1.5s;
  --animation-direction:normal;
  --pseudo-element-display:block;
  background-color: var(--base-color);
  border-radius: 0.25rem;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
}

.react-loading-skeleton:after {
  -webkit-animation-direction: var(--animation-direction);
          animation-direction: var(--animation-direction);
  -webkit-animation-duration: var(--animation-duration);
          animation-duration: var(--animation-duration);
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: react-loading-skeleton;
          animation-name: react-loading-skeleton;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  background-image: -webkit-linear-gradient(left, var(--base-color), var(--highlight-color), var(--base-color));
  background-image: linear-gradient(90deg, var(--base-color), var(--highlight-color), var(--base-color));
  background-repeat: no-repeat;
  content: " ";
  display: var(--pseudo-element-display);
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

@media (prefers-reduced-motion) {
  .react-loading-skeleton {
    --pseudo-element-display:none;
  }
}
.wi-measurement-item-component {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-width: 280px;
}

.wi-measurement-item-component.loading {
  pointer-events: none;
}

.wi-measurement-item-component.loading .timestamp-section .Wicons_navigation_next {
  color: var(--wi-background-tertiary);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-right: -5px;
}

.wi-measurement-item-component.loading .value-section {
  margin-top: 0 !important;
}

.wi-measurement-item-component.loading .item-core-bottom .value-subvalue-section {
  gap: 8px;
  min-height: 59.8px;
}

.wi-measurement-item-component.loading .shortcut-attachement .shortcut {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  height: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.wi-measurement-item-component.loading .shortcut-attachement .shortcut .Wicons_navigation_next {
  color: var(--wi-background-tertiary);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -5px;
  padding: 0;
}

.wi-measurement-item-component.loading .insight-card {
  background-color: var(--wi-background-secondary-pressed);
}

.wi-measurement-item-component.loading .insight-card .insight-strips {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  margin-top: 20px;
  width: 100%;
}

.wi-measurement-item-component:focus {
  border: 3px solid var(--wi-text-primary);
}

.wi-measurement-item-component .item-core {
  border-radius: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 108px;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: 100%;
  z-index: 1;
}

.wi-measurement-item-component .item-core:active {
  background-color: var(--wi-background-secondary-pressed) !important;
}

.wi-measurement-item-component .item-core .title-timestamp-section {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wi-measurement-item-component .item-core .title-timestamp-section .title-section {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-pack: left;
  -webkit-justify-content: left;
     -moz-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  width: 50%;
}

.wi-measurement-item-component .item-core .title-timestamp-section .title-section p {
  font-size: var(--wi-font-size-medium);
  font-weight: var(--wi-font-regular);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.wi-measurement-item-component .item-core .title-timestamp-section .timestamp-section {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
  -webkit-justify-content: right;
     -moz-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  width: 50%;
}

.wi-measurement-item-component .item-core .title-timestamp-section .timestamp-section .timestamp {
  font-size: 0.8125rem;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 52%;
}

.wi-measurement-item-component .item-core .title-timestamp-section .timestamp-section .Wicons_navigation_next {
  margin-right: -5px;
}

.wi-measurement-item-component .item-core .item-core-bottom {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.wi-measurement-item-component .item-core .item-core-bottom .value-subvalue-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3px;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 55px;
  width: 52%;
}

.wi-measurement-item-component .item-core .item-core-bottom .value-subvalue-section .value-section {
  height: 29px;
  margin-top: 6px;
  width: 40%;
}

.wi-measurement-item-component .item-core .item-core-bottom .value-subvalue-section .value-section .react-loading-skeleton {
  height: 100%;
  line-height: normal;
}

.wi-measurement-item-component .item-core .item-core-bottom .value-subvalue-section .value {
  font-size: 20px;
  font-weight: var(--wi-font-bold);
  line-height: 29px;
}

.wi-measurement-item-component .item-core .item-core-bottom .value-subvalue-section .value-unit {
  font-size: 29px;
  font-weight: var(--wi-font-bold);
  line-height: 29px;
  text-align: left;
}

.wi-measurement-item-component .item-core .item-core-bottom .value-subvalue-section .unit {
  font-size: var(--wi-font-size-medium);
  font-weight: 900;
  line-height: 19.2px;
}

.wi-measurement-item-component .item-core .item-core-bottom .value-subvalue-section .subvalue-section {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  line-height: 17px;
  margin-top: -3px;
}

.wi-measurement-item-component .item-core .item-core-bottom .value-subvalue-section .subvalue-section .wi-status {
  height: 16px !important;
  width: 16px !important;
}

.wi-measurement-item-component .item-core .item-core-bottom .value-subvalue-section .subvalue-section .wi-status .witems-icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px !important;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wi-measurement-item-component .item-core .item-core-bottom .value-subvalue-section .subvalue-section p {
  font-size: 0.875rem;
  font-weight: var(--wi-font-light);
}

.wi-measurement-item-component .item-core .item-core-bottom .slot-element {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 52px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 50%;
}

.wi-measurement-item-component .no-bottom-border {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.wi-measurement-item-component .shortcut-attachement {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-top: 1px solid var(--wi-divider);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 72px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: 100%;
  z-index: 2;
}

.wi-measurement-item-component .shortcut-attachement:active {
  background-color: var(--wi-background-secondary-pressed) !important;
}

.wi-measurement-item-component .shortcut-attachement .shortcut-info-media-section {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  width: 100%;
}

.wi-measurement-item-component .shortcut-attachement .shortcut-info-media-section .shortcut-media {
  background-color: var(--wi-background-primary);
  border: solid;
  border-color: var(--wi-divider);
  border-radius: 8px;
  border-width: 1px;
  height: 40px;
  width: 40px;
}

.wi-measurement-item-component .shortcut-attachement .shortcut-info-media-section p {
  overflow-wrap: break-word;
  width: 84%;
}

.wi-measurement-item-component .insight-card {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  margin-top: -20px !important;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: 100%;
  z-index: 0;
}

.wi-measurement-item-component .insight-card .insight-title-desc-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
  min-height: 40px;
  width: 90%;
}

.wi-measurement-item-component .insight-card .insight-title-desc-section .insight-title {
  font-size: var(--wi-font-size-medium);
  font-weight: var(--wi-font-regular);
  line-height: 19.2px;
}

.wi-measurement-item-component .insight-card .insight-title-desc-section .insight-description {
  font-size: 0.875rem;
  font-weight: var(--wi-font-light);
  line-height: 16.8px;
}

.wi-measurement-item-component .insight-card .insight-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}

.witems-chip {
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: unset;
  border-radius: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
     -moz-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  margin: 2px;
  overflow: hidden;
  padding: 4px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.witems-chip.log {
  background-color: var(--wi-background-primary);
}

.witems-chip.log:active {
  background-color: var(--wi-dataviz-gridline-default);
}

.witems-chip.log:focus {
  outline: 2px solid rgba(var(--wi-black));
}

.witems-chip.filter {
  background-color: transparent;
}

.witems-chip.filter.selected {
  background-color: var(--wi-action-secondary);
  color: var(--wi-on-action-secondary);
}

.witems-chip.filter.selected:active {
  background-color: var(--wi-action-secondary-press);
  color: var(--wi-on-action-secondary);
}

.witems-chip.filter:active {
  color: var(--wi-action-primary-press);
}

.witems-chip.loading {
  background-color: var(--wi-background-primary);
}

.witems-chip__left-icon_container {
  height: 24px;
  padding: 0;
  width: 24px;
}

.witems-chip__left-icon--loader {
  line-height: normal;
}

.witems-chip__label {
  margin: 0 4px;
}

.witems-chip__right-icon_container {
  background-color: var(--wi-background-secondary);
  border-radius: 20px;
  height: 24px;
  line-height: 24px;
  min-width: 24px;
  overflow: hidden;
  padding: 0;
}

.witems-chip__right-icon--details {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 4px;
}

.witems-chip__right-icon--loader {
  line-height: normal;
}

.navigation-bar {
  background-color: var(--wi-background-secondary);
}

.navigation-bar.over-media {
  background-color: transparent;
}

.navigation-bar.border-bottom {
  border-bottom: 1px solid var(--wi-divider);
}

@supports not (-webkit-touch-callout: none) {
  .navigation-bar_title {
    margin-right: auto;
  }
}
.navigation-bar-container {
  width: 100%;
}

.navigation-bar-container .icon-rounded {
  background-color: var(--wi-background-secondary);
  border-radius: 50%;
  padding: 8px;
}

.navigation-bar-container-right {
  min-width: 24px;
}

.wi-component-shape-polygon {
  position: relative;
}

.wi-component-shape-polygon .witems-icon {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.wi-range-segment {
  position: relative;
  width: 100%;
}

.wi-range-segment__bars {
  display: grid;
  grid-auto-flow: column;
}

.wi-range-segment__bar {
  width: 100%;
}

.wi-range-segment__bar.primary {
  background-color: var(--wi-status-primary);
}

.wi-range-segment__bar.secondary {
  background-color: var(--wi-status-secondary);
}

.wi-range-segment__bar.info {
  background-color: var(--wi-status-info);
}

.wi-range-segment__bar.error {
  background-color: var(--wi-status-bad);
}

.wi-range-segment__bar.alert {
  background-color: var(--wi-status-moderate);
}

.wi-range-segment__bar.valid {
  background-color: var(--wi-status-good);
}

.wi-range-segment__bar.neutral, .wi-range-segment__bar.undefined {
  background-color: var(--wi-status-undefined);
}

.wi-range-segment__arrow, .wi-range-segment__label {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wi-component-cell-metric {
  height: 100%;
  padding: 16px;
  width: 100%;
}

.wi-component-cell-metric .wi-typo-component.header3 {
  font-size: 1.05rem;
}

.wi-component-cell-metric .wi-typo-component.desktop-data1 {
  font-size: 1.25rem;
}

.wi-component-cell-metric .cell-content {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 8px;
}

.wi-component-cell-metric .cell-content .cell-value-wrapper {
  gap: 8px;
}

.wi-component-cell-metric .cell-content .cell-left-section, .wi-component-cell-metric .cell-content .cell-right-section {
  min-height: 100%;
}

.wi-component-grid-manager.grid-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
  overflow: hidden;
  padding: 0;
}

.wi-component-grid-manager .grid-row {
  display: grid;
  position: relative;
}

.wi-component-grid-manager .grid-row-divider {
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
}

.wi-component-grid-manager .grid-cell {
  position: relative;
}

.wi-component-grid-manager .grid-cell-divider {
  bottom: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}

.theme-toggle {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--wi-background-secondary);
  border-radius: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2px;
  padding: 3px;
}

.theme-toggle__option {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: transparent;
  border: none;
  border-radius: 50%;
  color: var(--wi-text-placeholder);
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.theme-toggle__option .witems-icon {
  color: inherit;
  font-size: 16px;
}

.theme-toggle__option:hover:not(.theme-toggle__option--active) {
  background: var(--wi-background-secondary-pressed);
  color: var(--wi-text-secondary);
}

.theme-toggle__option--active {
  background: var(--wi-background-primary);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  color: var(--wi-action-primary);
}

.wi-round-step-gauge {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.wi-round-step-gauge__svg {
  display: block;
}

.wi-round-step-gauge__track {
  stroke: var(--wi-dataviz-monochromatic-ghost-2);
}

.wi-round-step-gauge__progress, .wi-round-step-gauge__segment--completed {
  stroke: var(--wi-round-step-gauge-color, var(--wi-status-info));
}

.wi-round-step-gauge__segment--skipped {
  stroke: var(--wi-dataviz-monochromatic-ghost-3);
}

.wi-round-step-gauge__segment--empty {
  stroke: var(--wi-dataviz-monochromatic-ghost-2);
}

.wi-round-step-gauge__content {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-family: sans-serif;
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  color: var(--wi-text-primary);
  margin: 0;
  overscroll-behavior-y: none;
  padding: 0 !important;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

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

[hidden], template {
  display: none;
}

a {
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  color: inherit;
  text-decoration: none;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: 700;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

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

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

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

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

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

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

input {
  border: none;
  line-height: normal;
  outline: none;
}

input[type=checkbox], input[type=radio] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

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

input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

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

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: 700;
}

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

td, th {
  padding: 0;
}

h1, h2, h3, h4, h5, h6, label, p, span, ul {
  margin: 0;
}

ul {
  list-style: none;
  padding: 0;
}

[role=button], [role=link], button {
  cursor: pointer;
  outline: none;
}

.HMIcons_utilitary_downsm {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.HMIcons_utilitary_downsm.rotate {
  -webkit-transform: rotate(180deg) !important;
      -ms-transform: rotate(180deg) !important;
          transform: rotate(180deg) !important;
}

@font-face {
  font-display: block;
  font-family: HMIconsV1;
  font-style: normal;
  font-weight: 400;
  src: url(https://static.withings.com/content/fonts/HMIcons/1.1.0/HMIconFont.svg) format("svg"), url(https://static.withings.com/content/fonts/HMIcons/1.1.0/HMIconFont.ttf) format("truetype"), url(https://static.withings.com/content/fonts/HMIcons/1.1.0/HMIconFont.woff) format("woff"), url(https://static.withings.com/content/fonts/HMIcons/1.1.0/HMIconFont.eot) format("eot"), url(https://static.withings.com/content/fonts/HMIcons/1.1.0/HMIconFont.woff2) format("woff2");
}
.HMIcons.witems-icon {
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: HMIconsV1 !important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
}

.HMIcons_advanced_tutorials_active:before {
  content: "";
}

.HMIcons_advanced_tutorials_addchild:before {
  content: "";
}

.HMIcons_advanced_tutorials_adduser:before {
  content: "";
}

.HMIcons_advanced_tutorials_alert:before {
  content: "";
}

.HMIcons_advanced_tutorials_arterystifness:before {
  content: "";
}

.HMIcons_advanced_tutorials_barefoot:before {
  content: "";
}

.HMIcons_advanced_tutorials_birthday:before {
  content: "";
}

.HMIcons_advanced_tutorials_bloodpressure:before {
  content: "";
}

.HMIcons_advanced_tutorials_cleanfoot:before {
  content: "";
}

.HMIcons_advanced_tutorials_handle:before {
  content: "";
}

.HMIcons_advanced_tutorials_heartsignal:before {
  content: "";
}

.HMIcons_advanced_tutorials_holdbaby:before {
  content: "";
}

.HMIcons_advanced_tutorials_lowbpm:before {
  content: "";
}

.HMIcons_advanced_tutorials_phone:before {
  content: "";
}

.HMIcons_advanced_tutorials_removeshoe:before {
  content: "";
}

.HMIcons_advanced_tutorials_scale:before {
  content: "";
}

.HMIcons_advanced_tutorials_signal:before {
  content: "";
}

.HMIcons_advanced_tutorials_signalbad:before {
  content: "";
}

.HMIcons_advanced_tutorials_standstill:before {
  content: "";
}

.HMIcons_advanced_tutorials_sweatfoot:before {
  content: "";
}

.HMIcons_advanced_tutorials_wait:before {
  content: "";
}

.HMIcons_activity_badminton:before {
  content: "";
}

.HMIcons_activity_baseball:before {
  content: "";
}

.HMIcons_activity_basketball:before {
  content: "";
}

.HMIcons_activity_bike:before {
  content: "";
}

.HMIcons_activity_bike2:before {
  content: "";
}

.HMIcons_activity_bmx:before {
  content: "";
}

.HMIcons_activity_bodyboard:before {
  content: "";
}

.HMIcons_activity_boxing:before {
  content: "";
}

.HMIcons_activity_climbing:before {
  content: "";
}

.HMIcons_activity_custom:before {
  content: "";
}

.HMIcons_activity_cyclingindoor:before {
  content: "";
}

.HMIcons_activity_dance:before {
  content: "";
}

.HMIcons_activity_elliptical:before {
  content: "";
}

.HMIcons_activity_fencing:before {
  content: "";
}

.HMIcons_activity_fitness:before {
  content: "";
}

.HMIcons_activity_football:before {
  content: "";
}

.HMIcons_activity_frisbee:before {
  content: "";
}

.HMIcons_activity_golf:before {
  content: "";
}

.HMIcons_activity_handball:before {
  content: "";
}

.HMIcons_activity_hike:before {
  content: "";
}

.HMIcons_activity_hiphop:before {
  content: "";
}

.HMIcons_activity_hockey:before {
  content: "";
}

.HMIcons_activity_horseriding:before {
  content: "";
}

.HMIcons_activity_icehockey:before {
  content: "";
}

.HMIcons_activity_iceskate:before {
  content: "";
}

.HMIcons_activity_kitesurf:before {
  content: "";
}

.HMIcons_activity_martialarts:before {
  content: "";
}

.HMIcons_activity_muaythai:before {
  content: "";
}

.HMIcons_activity_pilates:before {
  content: "";
}

.HMIcons_activity_pingpong:before {
  content: "";
}

.HMIcons_activity_rowing:before {
  content: "";
}

.HMIcons_activity_rugby:before {
  content: "";
}

.HMIcons_activity_run2:before {
  content: "";
}

.HMIcons_activity_runindoor:before {
  content: "";
}

.HMIcons_activity_skate:before {
  content: "";
}

.HMIcons_activity_skateboard:before {
  content: "";
}

.HMIcons_activity_ski:before {
  content: "";
}

.HMIcons_activity_skydiving:before {
  content: "";
}

.HMIcons_activity_sleep:before {
  content: "";
}

.HMIcons_activity_snowboard:before {
  content: "";
}

.HMIcons_activity_soccer:before {
  content: "";
}

.HMIcons_activity_squash:before {
  content: "";
}

.HMIcons_activity_surfing:before {
  content: "";
}

.HMIcons_activity_swim:before {
  content: "";
}

.HMIcons_activity_tennis:before {
  content: "";
}

.HMIcons_activity_volley:before {
  content: "";
}

.HMIcons_activity_walk:before {
  content: "";
}

.HMIcons_activity_walkindoor:before {
  content: "";
}

.HMIcons_activity_waterpolo:before {
  content: "";
}

.HMIcons_activity_weightlifting:before {
  content: "";
}

.HMIcons_activity_windsurf:before {
  content: "";
}

.HMIcons_activity_wrestling:before {
  content: "";
}

.HMIcons_activity_yoga:before {
  content: "";
}

.HMIcons_activity_zumba:before {
  content: "";
}

.HMIcons_applehealth:before {
  content: "";
}

.HMIcons_category_cooking_mixer:before {
  content: "";
}

.HMIcons_category_magic_rabbit:before {
  content: "";
}

.HMIcons_category_meal:before {
  content: "";
}

.HMIcons_category_read_bulb_idea:before {
  content: "";
}

.HMIcons_category_read_glasses:before {
  content: "";
}

.HMIcons_category_recipebook:before {
  content: "";
}

.HMIcons_category_steps:before {
  content: "";
}

.HMIcons_device_aura:before {
  content: "";
}

.HMIcons_device_bpm:before {
  content: "";
}

.HMIcons_device_device1:before {
  content: "";
}

.HMIcons_device_goscreen:before {
  content: "";
}

.HMIcons_device_goscreen2:before {
  content: "";
}

.HMIcons_device_home:before {
  content: "";
}

.HMIcons_device_scale1:before {
  content: "";
}

.HMIcons_device_scale2:before {
  content: "";
}

.HMIcons_device_scale3:before {
  content: "";
}

.HMIcons_device_scalehandle:before {
  content: "";
}

.HMIcons_device_sleepanalyzer:before {
  content: "";
}

.HMIcons_device_thermo:before {
  content: "";
}

.HMIcons_device_whours:before {
  content: "";
}

.HMIcons_device_whours2:before {
  content: "";
}

.HMIcons_device_wminutes:before {
  content: "";
}

.HMIcons_device_wminutes2:before {
  content: "";
}

.HMIcons_device_wmotion:before {
  content: "";
}

.HMIcons_device_wmotion2:before {
  content: "";
}

.HMIcons_device_wmotionhr:before {
  content: "";
}

.HMIcons_equipment_barbell:before {
  content: "";
}

.HMIcons_equipment_bench:before {
  content: "";
}

.HMIcons_equipment_blanket:before {
  content: "";
}

.HMIcons_equipment_broomstick:before {
  content: "";
}

.HMIcons_equipment_chair:before {
  content: "";
}

.HMIcons_equipment_gripweight:before {
  content: "";
}

.HMIcons_equipment_hightable:before {
  content: "";
}

.HMIcons_equipment_jumpingrope:before {
  content: "";
}

.HMIcons_equipment_mat:before {
  content: "";
}

.HMIcons_equipment_muscle:before {
  content: "";
}

.HMIcons_equipment_pullupbar:before {
  content: "";
}

.HMIcons_equipment_pullupbardoor:before {
  content: "";
}

.HMIcons_equipment_pulluprings:before {
  content: "";
}

.HMIcons_equipment_resistancebands:before {
  content: "";
}

.HMIcons_equipment_sportclothes:before {
  content: "";
}

.HMIcons_equipment_stool:before {
  content: "";
}

.HMIcons_equipment_sweattowel:before {
  content: "";
}

.HMIcons_equipment_swissball:before {
  content: "";
}

.HMIcons_equipment_towel2:before {
  content: "";
}

.HMIcons_equipment_wall:before {
  content: "";
}

.HMIcons_equipment_waterbottle:before {
  content: "";
}

.HMIcons_equipment_weight:before {
  content: "";
}

.HMIcons_equipment_yogablocks:before {
  content: "";
}

.HMIcons_equipment_weightsdumbells:before {
  content: "";
}

.HMIcons_googlefit:before {
  content: "";
}

.HMIcons_interaction_intdrag1:before {
  content: "";
}

.HMIcons_interaction_intdrag2:before {
  content: "";
}

.HMIcons_interaction_intdrag3:before {
  content: "";
}

.HMIcons_interaction_introtate:before {
  content: "";
}

.HMIcons_interaction_introtate2:before {
  content: "";
}

.HMIcons_interaction_intswipe:before {
  content: "";
}

.HMIcons_interaction_intswipeleft:before {
  content: "";
}

.HMIcons_interaction_intswiperight:before {
  content: "";
}

.HMIcons_interaction_intzoom:before {
  content: "";
}

.HMIcons_interaction_phonerotate:before {
  content: "";
}

.HMIcons_logo_android:before {
  content: "";
}

.HMIcons_logo_apple:before {
  content: "";
}

.HMIcons_logo_bch:before {
  content: "";
}

.HMIcons_logo_facebook:before {
  content: "";
}

.HMIcons_logo_facebook2:before {
  content: "";
}

.HMIcons_logo_google:before {
  content: "";
}

.HMIcons_logo_google2:before {
  content: "";
}

.HMIcons_logo_homelogo:before {
  content: "";
}

.HMIcons_logo_nikefuel:before {
  content: "";
}

.HMIcons_logo_nikeplus:before {
  content: "";
}

.HMIcons_logo_spotify:before {
  content: "";
}

.HMIcons_logo_spotify2:before {
  content: "";
}

.HMIcons_logo_twitter:before {
  content: "";
}

.HMIcons_logo_twitter2:before {
  content: "";
}

.HMIcons_logo_withingslogo:before {
  content: "";
}

.HMIcons_logo_withingslogo2:before {
  content: "";
}

.HMIcons_logo_withingslogofull:before {
  content: "";
}

.HMIcons_logo_withingslogosmall:before {
  content: "";
}

.HMIcons_logo_withingsnokialogofull:before {
  content: "";
}

.HMIcons_menu_book2:before {
  content: "";
}

.HMIcons_menu_book3:before {
  content: "";
}

.HMIcons_menu_device2:before {
  content: "";
}

.HMIcons_menu_devices3:before {
  content: "";
}

.HMIcons_menu_home2:before {
  content: "";
}

.HMIcons_menu_home3:before {
  content: "";
}

.HMIcons_menu_profile2:before {
  content: "";
}

.HMIcons_menu_profile3:before {
  content: "";
}

.HMIcons_menu_star3:before {
  content: "";
}

.HMIcons_menu_star4:before {
  content: "";
}

.HMIcons_menu_star5:before {
  content: "";
}

.HMIcons_player_forward:before {
  content: "";
}

.HMIcons_player_forward2:before {
  content: "";
}

.HMIcons_player_pause:before {
  content: "";
}

.HMIcons_player_pause2:before {
  content: "";
}

.HMIcons_player_play:before {
  content: "";
}

.HMIcons_player_play2:before {
  content: "";
}

.HMIcons_player_rewind:before {
  content: "";
}

.HMIcons_player_rewind2:before {
  content: "";
}

.HMIcons_player_skipnext:before {
  content: "";
}

.HMIcons_player_skipnext3:before {
  content: "";
}

.HMIcons_player_skipnext4:before {
  content: "";
}

.HMIcons_player_skipprevious:before {
  content: "";
}

.HMIcons_player_skipprevious3:before {
  content: "";
}

.HMIcons_player_skipprevious4:before {
  content: "";
}

.HMIcons_player_snooze:before {
  content: "";
}

.HMIcons_player_stop:before {
  content: "";
}

.HMIcons_player_stop2:before {
  content: "";
}

.HMIcons_rounded_alarmclock1:before {
  content: "";
}

.HMIcons_rounded_alarmclock2:before {
  content: "";
}

.HMIcons_rounded_baby3:before {
  content: "";
}

.HMIcons_rounded_baby4:before {
  content: "";
}

.HMIcons_rounded_baby5:before {
  content: "";
}

.HMIcons_rounded_bell3:before {
  content: "";
}

.HMIcons_rounded_bell4:before {
  content: "";
}

.HMIcons_rounded_bof1:before {
  content: "";
}

.HMIcons_rounded_bt1:before {
  content: "";
}

.HMIcons_rounded_bt2:before {
  content: "";
}

.HMIcons_rounded_bt3:before {
  content: "";
}

.HMIcons_rounded_bulletpoint:before {
  content: "";
}

.HMIcons_rounded_cup3:before {
  content: "";
}

.HMIcons_rounded_cup4:before {
  content: "";
}

.HMIcons_rounded_dnd3:before {
  content: "";
}

.HMIcons_rounded_dnd4:before {
  content: "";
}

.HMIcons_rounded_downrd:before {
  content: "";
}

.HMIcons_rounded_downrd2:before {
  content: "";
}

.HMIcons_rounded_earth:before {
  content: "";
}

.HMIcons_rounded_earth2:before {
  content: "";
}

.HMIcons_rounded_empty:before {
  content: "";
}

.HMIcons_rounded_ethernet1:before {
  content: "";
}

.HMIcons_rounded_ethernet2:before {
  content: "";
}

.HMIcons_rounded_flatrd:before {
  content: "";
}

.HMIcons_rounded_flatrd2:before {
  content: "";
}

.HMIcons_rounded_flatrd3:before {
  content: "";
}

.HMIcons_rounded_food1:before {
  content: "";
}

.HMIcons_rounded_food2:before {
  content: "";
}

.HMIcons_rounded_happy1:before {
  content: "";
}

.HMIcons_rounded_help:before {
  content: "";
}

.HMIcons_rounded_help2:before {
  content: "";
}

.HMIcons_rounded_info:before {
  content: "";
}

.HMIcons_rounded_info2:before {
  content: "";
}

.HMIcons_rounded_insights1:before {
  content: "";
}

.HMIcons_rounded_insights2:before {
  content: "";
}

.HMIcons_rounded_lightening:before {
  content: "";
}

.HMIcons_rounded_lightening2:before {
  content: "";
}

.HMIcons_rounded_location2:before {
  content: "";
}

.HMIcons_rounded_lowbat1:before {
  content: "";
}

.HMIcons_rounded_lowbat2:before {
  content: "";
}

.HMIcons_rounded_man2:before {
  content: "";
}

.HMIcons_rounded_man3:before {
  content: "";
}

.HMIcons_rounded_man4:before {
  content: "";
}

.HMIcons_rounded_mdownrd:before {
  content: "";
}

.HMIcons_rounded_mdownrd2:before {
  content: "";
}

.HMIcons_rounded_mdownrd3:before {
  content: "";
}

.HMIcons_rounded_message:before {
  content: "";
}

.HMIcons_rounded_minusrd:before {
  content: "";
}

.HMIcons_rounded_minusrd2:before {
  content: "";
}

.HMIcons_rounded_minusrd3:before {
  content: "";
}

.HMIcons_rounded_mouaip1:before {
  content: "";
}

.HMIcons_rounded_muprd:before {
  content: "";
}

.HMIcons_rounded_muprd2:before {
  content: "";
}

.HMIcons_rounded_muprd3:before {
  content: "";
}

.HMIcons_rounded_next:before {
  content: "";
}

.HMIcons_rounded_next2:before {
  content: "";
}

.HMIcons_rounded_next3:before {
  content: "";
}

.HMIcons_rounded_nok:before {
  content: "";
}

.HMIcons_rounded_nok2:before {
  content: "";
}

.HMIcons_rounded_nok3:before {
  content: "";
}

.HMIcons_rounded_ok:before {
  content: "";
}

.HMIcons_rounded_ok2:before {
  content: "";
}

.HMIcons_rounded_ok3:before {
  content: "";
}

.HMIcons_rounded_people1:before {
  content: "";
}

.HMIcons_rounded_people2:before {
  content: "";
}

.HMIcons_rounded_plusrd:before {
  content: "";
}

.HMIcons_rounded_plusrd2:before {
  content: "";
}

.HMIcons_rounded_plusrd3:before {
  content: "";
}

.HMIcons_rounded_prev:before {
  content: "";
}

.HMIcons_rounded_prev2:before {
  content: "";
}

.HMIcons_rounded_prev3:before {
  content: "";
}

.HMIcons_rounded_privacy3:before {
  content: "";
}

.HMIcons_rounded_privacy4:before {
  content: "";
}

.HMIcons_rounded_robot1:before {
  content: "";
}

.HMIcons_rounded_robot2:before {
  content: "";
}

.HMIcons_rounded_roundedheart:before {
  content: "";
}

.HMIcons_rounded_roundedheart2:before {
  content: "";
}

.HMIcons_rounded_roundedheart3:before {
  content: "";
}

.HMIcons_rounded_roundedrun:before {
  content: "";
}

.HMIcons_rounded_roundedrun2:before {
  content: "";
}

.HMIcons_rounded_roundedrun3:before {
  content: "";
}

.HMIcons_rounded_roundedwalk:before {
  content: "";
}

.HMIcons_rounded_roundedwalk2:before {
  content: "";
}

.HMIcons_rounded_roundedwalk3:before {
  content: "";
}

.HMIcons_rounded_roundmore:before {
  content: "";
}

.HMIcons_rounded_roundmore2:before {
  content: "";
}

.HMIcons_rounded_sad1:before {
  content: "";
}

.HMIcons_rounded_smallbulletpoint:before {
  content: "";
}

.HMIcons_rounded_snooze2:before {
  content: "";
}

.HMIcons_rounded_star:before {
  content: "";
}

.HMIcons_rounded_star7:before {
  content: "";
}

.HMIcons_rounded_target1:before {
  content: "";
}

.HMIcons_rounded_target2:before {
  content: "";
}

.HMIcons_rounded_uprd:before {
  content: "";
}

.HMIcons_rounded_uprd2:before {
  content: "";
}

.HMIcons_rounded_uprd3:before {
  content: "";
}

.HMIcons_rounded_usb1:before {
  content: "";
}

.HMIcons_rounded_usb2:before {
  content: "";
}

.HMIcons_rounded_warning:before {
  content: "";
}

.HMIcons_rounded_warning2:before {
  content: "";
}

.HMIcons_rounded_warning3:before {
  content: "";
}

.HMIcons_rounded_wifi1:before {
  content: "";
}

.HMIcons_rounded_wifi2:before {
  content: "";
}

.HMIcons_rounded_woa1:before {
  content: "";
}

.HMIcons_rounded_woman2:before {
  content: "";
}

.HMIcons_rounded_woman3:before {
  content: "";
}

.HMIcons_rounded_woman4:before {
  content: "";
}

.HMIcons_statusbad:before {
  content: "";
}

.HMIcons_statusgood:before {
  content: "";
}

.HMIcons_statusmoderate:before {
  content: "";
}

.HMIcons_statustrenddown:before {
  content: "";
}

.HMIcons_statustrendstable:before {
  content: "";
}

.HMIcons_statustrendup:before {
  content: "";
}

.HMIcons_statusundefined:before {
  content: "";
}

.HMIcons_stock_airplane1:before {
  content: "";
}

.HMIcons_stock_airquality:before {
  content: "";
}

.HMIcons_stock_arm:before {
  content: "";
}

.HMIcons_stock_avocado:before {
  content: "";
}

.HMIcons_stock_avocadoside:before {
  content: "";
}

.HMIcons_stock_baby1:before {
  content: "";
}

.HMIcons_stock_badges1:before {
  content: "";
}

.HMIcons_stock_bedroom:before {
  content: "";
}

.HMIcons_stock_bell:before {
  content: "";
}

.HMIcons_stock_book:before {
  content: "";
}

.HMIcons_stock_bookmark:before {
  content: "";
}

.HMIcons_stock_bookmarkfilled:before {
  content: "";
}

.HMIcons_stock_broccoli:before {
  content: "";
}

.HMIcons_stock_bzzzit:before {
  content: "";
}

.HMIcons_stock_cal:before {
  content: "";
}

.HMIcons_stock_calorie:before {
  content: "";
}

.HMIcons_stock_cam:before {
  content: "";
}

.HMIcons_stock_cam3:before {
  content: "";
}

.HMIcons_stock_cart:before {
  content: "";
}

.HMIcons_stock_checklist:before {
  content: "";
}

.HMIcons_stock_cup:before {
  content: "";
}

.HMIcons_stock_day:before {
  content: "";
}

.HMIcons_stock_device:before {
  content: "";
}

.HMIcons_stock_distance:before {
  content: "";
}

.HMIcons_stock_dnd1:before {
  content: "";
}

.HMIcons_stock_doctorcase:before {
  content: "";
}

.HMIcons_stock_dream:before {
  content: "";
}

.HMIcons_stock_endphonecall:before {
  content: "";
}

.HMIcons_stock_eye:before {
  content: "";
}

.HMIcons_stock_eye2:before {
  content: "";
}

.HMIcons_stock_eyeclose:before {
  content: "";
}

.HMIcons_stock_feather:before {
  content: "";
}

.HMIcons_stock_flash:before {
  content: "";
}

.HMIcons_stock_heart:before {
  content: "";
}

.HMIcons_stock_heart3:before {
  content: "";
}

.HMIcons_stock_home1:before {
  content: "";
}

.HMIcons_stock_hr:before {
  content: "";
}

.HMIcons_stock_humidity:before {
  content: "";
}

.HMIcons_stock_lab1:before {
  content: "";
}

.HMIcons_stock_language:before {
  content: "";
}

.HMIcons_stock_leaderboard:before {
  content: "";
}

.HMIcons_stock_light:before {
  content: "";
}

.HMIcons_stock_lightbulb:before {
  content: "";
}

.HMIcons_stock_lock:before {
  content: "";
}

.HMIcons_stock_lotus:before {
  content: "";
}

.HMIcons_stock_lungs:before {
  content: "";
}

.HMIcons_stock_magic:before {
  content: "";
}

.HMIcons_stock_mail:before {
  content: "";
}

.HMIcons_stock_male_female_sex:before {
  content: "";
}

.HMIcons_stock_man:before {
  content: "";
}

.HMIcons_stock_mappoint:before {
  content: "";
}

.HMIcons_stock_mic:before {
  content: "";
}

.HMIcons_stock_micoff:before {
  content: "";
}

.HMIcons_stock_month:before {
  content: "";
}

.HMIcons_stock_moon:before {
  content: "";
}

.HMIcons_stock_mug:before {
  content: "";
}

.HMIcons_stock_music:before {
  content: "";
}

.HMIcons_stock_neutral:before {
  content: "";
}

.HMIcons_stock_news:before {
  content: "";
}

.HMIcons_stock_nightlight:before {
  content: "";
}

.HMIcons_stock_noise:before {
  content: "";
}

.HMIcons_stock_paperclip:before {
  content: "";
}

.HMIcons_stock_pen:before {
  content: "";
}

.HMIcons_stock_phonecall:before {
  content: "";
}

.HMIcons_stock_photoalbum1:before {
  content: "";
}

.HMIcons_stock_piano:before {
  content: "";
}

.HMIcons_stock_pict:before {
  content: "";
}

.HMIcons_stock_pie:before {
  content: "";
}

.HMIcons_stock_pill:before {
  content: "";
}

.HMIcons_stock_plan1:before {
  content: "";
}

.HMIcons_stock_pressure:before {
  content: "";
}

.HMIcons_stock_privacy1:before {
  content: "";
}

.HMIcons_stock_profile:before {
  content: "";
}

.HMIcons_stock_puzzle:before {
  content: "";
}

.HMIcons_stock_quiz:before {
  content: "";
}

.HMIcons_stock_rabbit_run:before {
  content: "";
}

.HMIcons_stock_radio:before {
  content: "";
}

.HMIcons_stock_reproductivecell:before {
  content: "";
}

.HMIcons_stock_rocket:before {
  content: "";
}

.HMIcons_stock_sendandroid:before {
  content: "";
}

.HMIcons_stock_settings:before {
  content: "";
}

.HMIcons_stock_share2:before {
  content: "";
}

.HMIcons_stock_sleepingbed:before {
  content: "";
}

.HMIcons_stock_sport:before {
  content: "";
}

.HMIcons_stock_star2:before {
  content: "";
}

.HMIcons_stock_stetoscop:before {
  content: "";
}

.HMIcons_stock_sun:before {
  content: "";
}

.HMIcons_stock_sunset:before {
  content: "";
}

.HMIcons_stock_task_list_pin:before {
  content: "";
}

.HMIcons_stock_team1:before {
  content: "";
}

.HMIcons_stock_temperature:before {
  content: "";
}

.HMIcons_stock_thumbdown:before {
  content: "";
}

.HMIcons_stock_thumbup:before {
  content: "";
}

.HMIcons_stock_time_fire:before {
  content: "";
}

.HMIcons_stock_time:before {
  content: "";
}

.HMIcons_stock_tornado:before {
  content: "";
}

.HMIcons_stock_trend:before {
  content: "";
}

.HMIcons_stock_tutorial:before {
  content: "";
}

.HMIcons_stock_warmbowl:before {
  content: "";
}

.HMIcons_stock_week:before {
  content: "";
}

.HMIcons_stock_woman:before {
  content: "";
}

.HMIcons_stock_zen:before {
  content: "";
}

.HMIcons_utilitary_back:before {
  content: "";
}

.HMIcons_utilitary_backandroid:before {
  content: "";
}

.HMIcons_utilitary_battery0:before {
  content: "";
}

.HMIcons_utilitary_battery1:before {
  content: "";
}

.HMIcons_utilitary_battery2:before {
  content: "";
}

.HMIcons_utilitary_battery3:before {
  content: "";
}

.HMIcons_utilitary_battery4:before {
  content: "";
}

.HMIcons_utilitary_battery5:before {
  content: "";
}

.HMIcons_utilitary_battery6:before {
  content: "";
}

.HMIcons_utilitary_battery7:before {
  content: "";
}

.HMIcons_utilitary_battery8:before {
  content: "";
}

.HMIcons_utilitary_battery9:before {
  content: "";
}

.HMIcons_utilitary_battery10:before {
  content: "";
}

.HMIcons_utilitary_battery11:before {
  content: "";
}

.HMIcons_utilitary_cancel:before {
  content: "";
}

.HMIcons_utilitary_check:before {
  content: "";
}

.HMIcons_utilitary_close:before {
  content: "";
}

.HMIcons_utilitary_curve:before {
  content: "";
}

.HMIcons_utilitary_delete:before {
  content: "";
}

.HMIcons_utilitary_deleteround:before {
  content: "";
}

.HMIcons_utilitary_downsm:before {
  content: "";
}

.HMIcons_utilitary_edit:before {
  content: "";
}

.HMIcons_utilitary_grip:before {
  content: "";
}

.HMIcons_utilitary_histo:before {
  content: "";
}

.HMIcons_utilitary_import:before {
  content: "";
}

.HMIcons_utilitary_importround:before {
  content: "";
}

.HMIcons_utilitary_leftright:before {
  content: "";
}

.HMIcons_utilitary_leftsm:before {
  content: "";
}

.HMIcons_utilitary_lightdown:before {
  content: "";
}

.HMIcons_utilitary_lightup:before {
  content: "";
}

.HMIcons_utilitary_list:before {
  content: "";
}

.HMIcons_utilitary_location:before {
  content: "";
}

.HMIcons_utilitary_menu:before {
  content: "";
}

.HMIcons_utilitary_menu2:before {
  content: "";
}

.HMIcons_utilitary_messageround:before {
  content: "";
}

.HMIcons_utilitary_more:before {
  content: "";
}

.HMIcons_utilitary_next30:before {
  content: "";
}

.HMIcons_utilitary_nextarrow:before {
  content: "";
}

.HMIcons_utilitary_overview:before {
  content: "";
}

.HMIcons_utilitary_plus:before {
  content: "";
}

.HMIcons_utilitary_prev30:before {
  content: "";
}

.HMIcons_utilitary_rightsm:before {
  content: "";
}

.HMIcons_utilitary_search:before {
  content: "";
}

.HMIcons_utilitary_select:before {
  content: "";
}

.HMIcons_utilitary_settings3:before {
  content: "";
}

.HMIcons_utilitary_share:before {
  content: "";
}

.HMIcons_utilitary_shareround:before {
  content: "";
}

.HMIcons_utilitary_sync:before {
  content: "";
}

.HMIcons_utilitary_timeleft:before {
  content: "";
}

.HMIcons_utilitary_timeright:before {
  content: "";
}

.HMIcons_utilitary_trendbottom:before {
  content: "";
}

.HMIcons_utilitary_trenddown:before {
  content: "";
}

.HMIcons_utilitary_trendstable:before {
  content: "";
}

.HMIcons_utilitary_trendtop:before {
  content: "";
}

.HMIcons_utilitary_trendup:before {
  content: "";
}

.HMIcons_utilitary_update:before {
  content: "";
}

.HMIcons_utilitary_updown:before {
  content: "";
}

.HMIcons_utilitary_upsm:before {
  content: "";
}

.HMIcons_utilitary_videoback:before {
  content: "";
}

.HMIcons_utilitary_voldown:before {
  content: "";
}

.HMIcons_utilitary_volup:before {
  content: "";
}

.HMIcons_utilitary_wifilvl0:before {
  content: "";
}

.HMIcons_utilitary_wifilvl1:before {
  content: "";
}

.HMIcons_utilitary_wifilvl2:before {
  content: "";
}

.HMIcons_utilitary_wifilvl3:before {
  content: "";
}

.HMIcons_utilitary_wifilvl4:before {
  content: "";
}

.HMIcons_utilitary_zoom:before {
  content: "";
}

.HMIcons_utilitary_zoomout:before {
  content: "";
}

.HMIcons_circle:before {
  content: "";
}

.HMIcons_tripadvisor:before {
  content: "";
}

@font-face {
  font-display: block;
  font-family: WithingsIcons;
  font-style: normal;
  font-weight: 400;
  src: url(https://static.withings.com/content/fonts/WithingsIcons/2.9.1/WithingsIcons.eot);
  src: url(https://static.withings.com/content/fonts/WithingsIcons/2.9.1/WithingsIcons.eot#iefix) format("embedded-opentype"), url(https://static.withings.com/content/fonts/WithingsIcons/2.9.1/WithingsIcons.ttf) format("truetype"), url(https://static.withings.com/content/fonts/WithingsIcons/2.9.1/WithingsIcons.woff) format("woff"), url(https://static.withings.com/content/fonts/WithingsIcons/2.9.1/WithingsIcons.woff2) format("woff2"), url(https://static.withings.com/content/fonts/WithingsIcons/2.9.1/WithingsIcons.svg#WithingsIcons) format("svg");
}
.Wicons.witems-icon {
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: WithingsIcons !important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
}

.Wicons_activity_archery:before {
  content: "";
}

.Wicons_activity_athletics:before {
  content: "";
}

.Wicons_activity_babywearing:before {
  content: "";
}

.Wicons_activity_badminton:before {
  content: "";
}

.Wicons_activity_balancedrills:before {
  content: "";
}

.Wicons_activity_baseball:before {
  content: "";
}

.Wicons_activity_basketball:before {
  content: "";
}

.Wicons_activity_beachVolley:before {
  content: "";
}

.Wicons_activity_biathlon:before {
  content: "";
}

.Wicons_activity_bike:before {
  content: "";
}

.Wicons_activity_bmx:before {
  content: "";
}

.Wicons_activity_bocce:before {
  content: "";
}

.Wicons_activity_bodyboard:before {
  content: "";
}

.Wicons_activity_bowling:before {
  content: "";
}

.Wicons_activity_boxing:before {
  content: "";
}

.Wicons_activity_breaking:before {
  content: "";
}

.Wicons_activity_breathingexercices:before {
  content: "";
}

.Wicons_activity_canoe:before {
  content: "";
}

.Wicons_activity_chores:before {
  content: "";
}

.Wicons_activity_cleaning:before {
  content: "";
}

.Wicons_activity_climbing:before {
  content: "";
}

.Wicons_activity_cooking:before {
  content: "";
}

.Wicons_activity_cornhole:before {
  content: "";
}

.Wicons_activity_cricket:before {
  content: "";
}

.Wicons_activity_crossFit:before {
  content: "";
}

.Wicons_activity_custom:before {
  content: "";
}

.Wicons_activity_cyclingTrack:before {
  content: "";
}

.Wicons_activity_cyclingindoor:before {
  content: "";
}

.Wicons_activity_dance:before {
  content: "";
}

.Wicons_activity_diving:before {
  content: "";
}

.Wicons_activity_dodgeball:before {
  content: "";
}

.Wicons_activity_dogwalking:before {
  content: "";
}

.Wicons_activity_elliptical:before {
  content: "";
}

.Wicons_activity_fencing:before {
  content: "";
}

.Wicons_activity_fishing:before {
  content: "";
}

.Wicons_activity_fitness:before {
  content: "";
}

.Wicons_activity_flamencodancing:before {
  content: "";
}

.Wicons_activity_football:before {
  content: "";
}

.Wicons_activity_frisbee:before {
  content: "";
}

.Wicons_activity_gaming:before {
  content: "";
}

.Wicons_activity_golf:before {
  content: "";
}

.Wicons_activity_handball:before {
  content: "";
}

.Wicons_activity_hiit:before {
  content: "";
}

.Wicons_activity_hike:before {
  content: "";
}

.Wicons_activity_hiphop:before {
  content: "";
}

.Wicons_activity_hockey:before {
  content: "";
}

.Wicons_activity_horseriding:before {
  content: "";
}

.Wicons_activity_icehockey:before {
  content: "";
}

.Wicons_activity_iceskate:before {
  content: "";
}

.Wicons_activity_judo:before {
  content: "";
}

.Wicons_activity_kayaking:before {
  content: "";
}

.Wicons_activity_kitesurf:before {
  content: "";
}

.Wicons_activity_lacrosse:before {
  content: "";
}

.Wicons_activity_lasertag:before {
  content: "";
}

.Wicons_activity_martialArts:before {
  content: "";
}

.Wicons_activity_meditation:before {
  content: "";
}

.Wicons_activity_muaythai:before {
  content: "";
}

.Wicons_activity_nordicwalking:before {
  content: "";
}

.Wicons_activity_paddleboarding:before {
  content: "";
}

.Wicons_activity_padel:before {
  content: "";
}

.Wicons_activity_paintball:before {
  content: "";
}

.Wicons_activity_paragliding:before {
  content: "";
}

.Wicons_activity_parkour:before {
  content: "";
}

.Wicons_activity_pentathlon:before {
  content: "";
}

.Wicons_activity_petanque:before {
  content: "";
}

.Wicons_activity_pickleball:before {
  content: "";
}

.Wicons_activity_pilates:before {
  content: "";
}

.Wicons_activity_pingpong:before {
  content: "";
}

.Wicons_activity_publicspeaking:before {
  content: "";
}

.Wicons_activity_pushingastroller:before {
  content: "";
}

.Wicons_activity_rowing:before {
  content: "";
}

.Wicons_activity_rugby:before {
  content: "";
}

.Wicons_activity_run:before {
  content: "";
}

.Wicons_activity_run2:before {
  content: "";
}

.Wicons_activity_sailing:before {
  content: "";
}

.Wicons_activity_scubadiving:before {
  content: "";
}

.Wicons_activity_seatedCardio:before {
  content: "";
}

.Wicons_activity_seatedStrength:before {
  content: "";
}

.Wicons_activity_sexualactivity:before {
  content: "";
}

.Wicons_activity_shooting:before {
  content: "";
}

.Wicons_activity_skate:before {
  content: "";
}

.Wicons_activity_skateboard:before {
  content: "";
}

.Wicons_activity_ski:before {
  content: "";
}

.Wicons_activity_skydiving:before {
  content: "";
}

.Wicons_activity_sleep:before {
  content: "";
}

.Wicons_activity_snowboard:before {
  content: "";
}

.Wicons_activity_snowshoeing:before {
  content: "";
}

.Wicons_activity_soccer:before {
  content: "";
}

.Wicons_activity_spikeball:before {
  content: "";
}

.Wicons_activity_spinclass:before {
  content: "";
}

.Wicons_activity_squash:before {
  content: "";
}

.Wicons_activity_standingFrame:before {
  content: "";
}

.Wicons_activity_stretching:before {
  content: "";
}

.Wicons_activity_sumowrestling:before {
  content: "";
}

.Wicons_activity_surfing:before {
  content: "";
}

.Wicons_activity_swim:before {
  content: "";
}

.Wicons_activity_taekwondo:before {
  content: "";
}

.Wicons_activity_tennis:before {
  content: "";
}

.Wicons_activity_teqball:before {
  content: "";
}

.Wicons_activity_toddlerwearing:before {
  content: "";
}

.Wicons_activity_trailrunning:before {
  content: "";
}

.Wicons_activity_trampoline:before {
  content: "";
}

.Wicons_activity_triathlon:before {
  content: "";
}

.Wicons_activity_ultimate:before {
  content: "";
}

.Wicons_activity_volley:before {
  content: "";
}

.Wicons_activity_walk:before {
  content: "";
}

.Wicons_activity_walkWithCane:before {
  content: "";
}

.Wicons_activity_walkWithWalker:before {
  content: "";
}

.Wicons_activity_waterpolo:before {
  content: "";
}

.Wicons_activity_weightLifting:before {
  content: "";
}

.Wicons_activity_wheelchairPushRunningPace:before {
  content: "";
}

.Wicons_activity_wheelchairPushWalkingPace:before {
  content: "";
}

.Wicons_activity_windsurf:before {
  content: "";
}

.Wicons_activity_wrestling:before {
  content: "";
}

.Wicons_activity_yardworkgardening:before {
  content: "";
}

.Wicons_activity_yoga:before {
  content: "";
}

.Wicons_activity_zumba:before {
  content: "";
}

.Wicons_anatomical_abdomen:before {
  content: "";
}

.Wicons_anatomical_artery:before {
  content: "";
}

.Wicons_anatomical_baby:before {
  content: "";
}

.Wicons_anatomical_back:before {
  content: "";
}

.Wicons_anatomical_bioacidity:before {
  content: "";
}

.Wicons_anatomical_bone:before {
  content: "";
}

.Wicons_anatomical_breast:before {
  content: "";
}

.Wicons_anatomical_breathing:before {
  content: "";
}

.Wicons_anatomical_cervical_aqueous:before {
  content: "";
}

.Wicons_anatomical_cervical_creamy:before {
  content: "";
}

.Wicons_anatomical_cervical_eggwhite:before {
  content: "";
}

.Wicons_anatomical_cervical_nodischarge:before {
  content: "";
}

.Wicons_anatomical_cervical_spotting:before {
  content: "";
}

.Wicons_anatomical_cervical_viscous:before {
  content: "";
}

.Wicons_anatomical_chest:before {
  content: "";
}

.Wicons_anatomical_drop:before {
  content: "";
}

.Wicons_anatomical_ecg:before {
  content: "";
}

.Wicons_anatomical_eye:before {
  content: "";
}

.Wicons_anatomical_eyeClosed1:before {
  content: "";
}

.Wicons_anatomical_eyeClosed2:before {
  content: "";
}

.Wicons_anatomical_fat:before {
  content: "";
}

.Wicons_anatomical_flame:before {
  content: "";
}

.Wicons_anatomical_group:before {
  content: "";
}

.Wicons_anatomical_hand:before {
  content: "";
}

.Wicons_anatomical_head:before {
  content: "";
}

.Wicons_anatomical_heart:before {
  content: "";
}

.Wicons_anatomical_highlibido:before {
  content: "";
}

.Wicons_anatomical_hydrostatus:before {
  content: "";
}

.Wicons_anatomical_ketones:before {
  content: "";
}

.Wicons_anatomical_lowlibido:before {
  content: "";
}

.Wicons_anatomical_muscle:before {
  content: "";
}

.Wicons_anatomical_nerveHealth:before {
  content: "";
}

.Wicons_anatomical_sleepCycle:before {
  content: "";
}

.Wicons_anatomical_snoring:before {
  content: "";
}

.Wicons_anatomical_spo2:before {
  content: "";
}

.Wicons_anatomical_stomach:before {
  content: "";
}

.Wicons_anatomical_symptoms:before {
  content: "";
}

.Wicons_anatomical_symptoms_moderate:before {
  content: "";
}

.Wicons_anatomical_symptoms_severe:before {
  content: "";
}

.Wicons_anatomical_vitaminC:before {
  content: "";
}

.Wicons_category_activity:before {
  content: "";
}

.Wicons_category_body:before {
  content: "";
}

.Wicons_category_devices:before {
  content: "";
}

.Wicons_category_heart:before {
  content: "";
}

.Wicons_category_mindfulness:before {
  content: "";
}

.Wicons_category_moon:before {
  content: "";
}

.Wicons_category_nutrition:before {
  content: "";
}

.Wicons_category_respiratory:before {
  content: "";
}

.Wicons_category_sexualHealth:before {
  content: "";
}

.Wicons_category_sleep:before {
  content: "";
}

.Wicons_device_BPMConnect:before {
  content: "";
}

.Wicons_device_BPMCore:before {
  content: "";
}

.Wicons_device_beamo:before {
  content: "";
}

.Wicons_device_body:before {
  content: "";
}

.Wicons_device_bodyCardio:before {
  content: "";
}

.Wicons_device_bodyComp:before {
  content: "";
}

.Wicons_device_bodyFit:before {
  content: "";
}

.Wicons_device_bodyPlus:before {
  content: "";
}

.Wicons_device_bodyPlusType:before {
  content: "";
}

.Wicons_device_bodyScan:before {
  content: "";
}

.Wicons_device_bodyScan2:before {
  content: "";
}

.Wicons_device_bodySmart:before {
  content: "";
}

.Wicons_device_bodyType:before {
  content: "";
}

.Wicons_device_bpm_vision:before {
  content: "";
}

.Wicons_device_bpm_vision_case:before {
  content: "";
}

.Wicons_device_bpm_vision_cuff:before {
  content: "";
}

.Wicons_device_compareBPM:before {
  content: "";
}

.Wicons_device_compareScales:before {
  content: "";
}

.Wicons_device_compareWatches:before {
  content: "";
}

.Wicons_device_compare_watches:before {
  content: "";
}

.Wicons_device_datahub:before {
  content: "";
}

.Wicons_device_laptop:before {
  content: "";
}

.Wicons_device_move:before {
  content: "";
}

.Wicons_device_pulseHR:before {
  content: "";
}

.Wicons_device_scaleHandle:before {
  content: "";
}

.Wicons_device_scanwatch38:before {
  content: "";
}

.Wicons_device_scanwatch42:before {
  content: "";
}

.Wicons_device_scanwatchHorizon:before {
  content: "";
}

.Wicons_device_scanwatchType:before {
  content: "";
}

.Wicons_device_sleepAnalyzer:before {
  content: "";
}

.Wicons_device_thermo:before {
  content: "";
}

.Wicons_device_uScan:before {
  content: "";
}

.Wicons_device_uscan_cartridge:before {
  content: "";
}

.Wicons_device_uscan_station:before {
  content: "";
}

.Wicons_device_uscan_toiletclip:before {
  content: "";
}

.Wicons_device_wristband:before {
  content: "";
}

.Wicons_equipment_barBell:before {
  content: "";
}

.Wicons_equipment_bench:before {
  content: "";
}

.Wicons_equipment_blanket:before {
  content: "";
}

.Wicons_equipment_broomStick:before {
  content: "";
}

.Wicons_equipment_chair:before {
  content: "";
}

.Wicons_equipment_contraception:before {
  content: "";
}

.Wicons_equipment_gripWeight:before {
  content: "";
}

.Wicons_equipment_highTable:before {
  content: "";
}

.Wicons_equipment_jumpingRope:before {
  content: "";
}

.Wicons_equipment_mat:before {
  content: "";
}

.Wicons_equipment_nocontraception:before {
  content: "";
}

.Wicons_equipment_pullUpBar:before {
  content: "";
}

.Wicons_equipment_pullUpBarDoor:before {
  content: "";
}

.Wicons_equipment_pullUpRings:before {
  content: "";
}

.Wicons_equipment_resistanceBands:before {
  content: "";
}

.Wicons_equipment_ruler:before {
  content: "";
}

.Wicons_equipment_sportClothes:before {
  content: "";
}

.Wicons_equipment_stool:before {
  content: "";
}

.Wicons_equipment_sweatTowel:before {
  content: "";
}

.Wicons_equipment_swissBall:before {
  content: "";
}

.Wicons_equipment_toilets:before {
  content: "";
}

.Wicons_equipment_towel:before {
  content: "";
}

.Wicons_equipment_wall:before {
  content: "";
}

.Wicons_equipment_waterBottle:before {
  content: "";
}

.Wicons_equipment_weight:before {
  content: "";
}

.Wicons_equipment_weightsDumbells:before {
  content: "";
}

.Wicons_equipment_yogaBlocks:before {
  content: "";
}

.Wicons_face_happy:before {
  content: "";
}

.Wicons_face_happyModerate:before {
  content: "";
}

.Wicons_face_needsLove:before {
  content: "";
}

.Wicons_face_neutral:before {
  content: "";
}

.Wicons_face_sad:before {
  content: "";
}

.Wicons_face_sadModerate:before {
  content: "";
}

.Wicons_feature_Cardiocheckup:before {
  content: "";
}

.Wicons_feature_HRZone:before {
  content: "";
}

.Wicons_feature_QRcode:before {
  content: "";
}

.Wicons_feature_airQuality:before {
  content: "";
}

.Wicons_feature_alarmClock:before {
  content: "";
}

.Wicons_feature_appleHealth:before {
  content: "";
}

.Wicons_feature_atm:before {
  content: "";
}

.Wicons_feature_badges:before {
  content: "";
}

.Wicons_feature_battery1:before {
  content: "";
}

.Wicons_feature_battery2:before {
  content: "";
}

.Wicons_feature_battery3:before {
  content: "";
}

.Wicons_feature_battery4:before {
  content: "";
}

.Wicons_feature_battery5:before {
  content: "";
}

.Wicons_feature_battery6:before {
  content: "";
}

.Wicons_feature_beta:before {
  content: "";
}

.Wicons_feature_bezel:before {
  content: "";
}

.Wicons_feature_bluetooth:before {
  content: "";
}

.Wicons_feature_bodybalance:before {
  content: "";
}

.Wicons_feature_book:before {
  content: "";
}

.Wicons_feature_bulb:before {
  content: "";
}

.Wicons_feature_calendar:before {
  content: "";
}

.Wicons_feature_calendaradd:before {
  content: "";
}

.Wicons_feature_camera:before {
  content: "";
}

.Wicons_feature_cellular:before {
  content: "";
}

.Wicons_feature_chat:before {
  content: "";
}

.Wicons_feature_chatbot:before {
  content: "";
}

.Wicons_feature_clock:before {
  content: "";
}

.Wicons_feature_cloud:before {
  content: "";
}

.Wicons_feature_colorCodedResults:before {
  content: "";
}

.Wicons_feature_colorScreen:before {
  content: "";
}

.Wicons_feature_creditcard:before {
  content: "";
}

.Wicons_feature_data:before {
  content: "";
}

.Wicons_feature_delete:before {
  content: "";
}

.Wicons_feature_diastolicBP:before {
  content: "";
}

.Wicons_feature_distance:before {
  content: "";
}

.Wicons_feature_doNotDisturb:before {
  content: "";
}

.Wicons_feature_dollar:before {
  content: "";
}

.Wicons_feature_elevation:before {
  content: "";
}

.Wicons_feature_endPhoneCall:before {
  content: "";
}

.Wicons_feature_euro:before {
  content: "";
}

.Wicons_feature_firstAidKit:before {
  content: "";
}

.Wicons_feature_flash:before {
  content: "";
}

.Wicons_feature_gauge:before {
  content: "";
}

.Wicons_feature_glass:before {
  content: "";
}

.Wicons_feature_help:before {
  content: "";
}

.Wicons_feature_his:before {
  content: "";
}

.Wicons_feature_info:before {
  content: "";
}

.Wicons_feature_leaderboard:before {
  content: "";
}

.Wicons_feature_location:before {
  content: "";
}

.Wicons_feature_lock:before {
  content: "";
}

.Wicons_feature_luminova:before {
  content: "";
}

.Wicons_feature_mail:before {
  content: "";
}

.Wicons_feature_meal:before {
  content: "";
}

.Wicons_feature_measurementWindow:before {
  content: "";
}

.Wicons_feature_medicalReport:before {
  content: "";
}

.Wicons_feature_mic:before {
  content: "";
}

.Wicons_feature_micoff:before {
  content: "";
}

.Wicons_feature_moon:before {
  content: "";
}

.Wicons_feature_news:before {
  content: "";
}

.Wicons_feature_noflash:before {
  content: "";
}

.Wicons_feature_nostar:before {
  content: "";
}

.Wicons_feature_notification:before {
  content: "";
}

.Wicons_feature_paperclip:before {
  content: "";
}

.Wicons_feature_partnership:before {
  content: "";
}

.Wicons_feature_phonecall:before {
  content: "";
}

.Wicons_feature_photoAlbum:before {
  content: "";
}

.Wicons_feature_pill:before {
  content: "";
}

.Wicons_feature_precision:before {
  content: "";
}

.Wicons_feature_predicted:before {
  content: "";
}

.Wicons_feature_pregnancy:before {
  content: "";
}

.Wicons_feature_proBtpService:before {
  content: "";
}

.Wicons_feature_save:before {
  content: "";
}

.Wicons_feature_score:before {
  content: "";
}

.Wicons_feature_sharing_link:before {
  content: "";
}

.Wicons_feature_sharing_mutual:before {
  content: "";
}

.Wicons_feature_sharing_new:before {
  content: "";
}

.Wicons_feature_sharing_pending:before {
  content: "";
}

.Wicons_feature_sharing_to:before {
  content: "";
}

.Wicons_feature_sharing_with:before {
  content: "";
}

.Wicons_feature_shipping:before {
  content: "";
}

.Wicons_feature_shoe:before {
  content: "";
}

.Wicons_feature_spark:before {
  content: "";
}

.Wicons_feature_sparkmini:before {
  content: "";
}

.Wicons_feature_star:before {
  content: "";
}

.Wicons_feature_stethoscope:before {
  content: "";
}

.Wicons_feature_stopwatch:before {
  content: "";
}

.Wicons_feature_sun:before {
  content: "";
}

.Wicons_feature_systolicBP:before {
  content: "";
}

.Wicons_feature_televisit:before {
  content: "";
}

.Wicons_feature_temperature:before {
  content: "";
}

.Wicons_feature_thumbsdown:before {
  content: "";
}

.Wicons_feature_thumbsup:before {
  content: "";
}

.Wicons_feature_trend:before {
  content: "";
}

.Wicons_feature_trial30d:before {
  content: "";
}

.Wicons_feature_userRecognition:before {
  content: "";
}

.Wicons_feature_vitality:before {
  content: "";
}

.Wicons_feature_warranty2Y:before {
  content: "";
}

.Wicons_feature_warranty5Y:before {
  content: "";
}

.Wicons_feature_weather:before {
  content: "";
}

.Wicons_feature_wifilvl4:before {
  content: "";
}

.Wicons_feature_withingsPlus:before {
  content: "";
}

.Wicons_feature_withingsPlus-mini:before {
  content: "";
}

.Wicons_feature_withingsPlusFill-svg:before {
  content: "";
}

.Wicons_feature_withingsPlus_Bold:before {
  content: "";
}

.Wicons_feature_wow:before {
  content: "";
}

.Wicons_interaction_intzoom:before {
  content: "";
}

.Wicons_navigation_achieve:before {
  content: "";
}

.Wicons_navigation_back:before {
  content: "";
}

.Wicons_navigation_backAndroid:before {
  content: "";
}

.Wicons_navigation_basket:before {
  content: "";
}

.Wicons_navigation_bell:before {
  content: "";
}

.Wicons_navigation_bellDot:before {
  content: "";
}

.Wicons_navigation_close:before {
  content: "";
}

.Wicons_navigation_connection:before {
  content: "";
}

.Wicons_navigation_copy:before {
  content: "";
}

.Wicons_navigation_devices:before {
  content: "";
}

.Wicons_navigation_downsm:before {
  content: "";
}

.Wicons_navigation_edit:before {
  content: "";
}

.Wicons_navigation_empty:before {
  content: "";
}

.Wicons_navigation_export:before {
  content: "";
}

.Wicons_navigation_grip:before {
  content: "";
}

.Wicons_navigation_heart:before {
  content: "";
}

.Wicons_navigation_home:before {
  content: "";
}

.Wicons_navigation_inbox:before {
  content: "";
}

.Wicons_navigation_key:before {
  content: "";
}

.Wicons_navigation_leftRight:before {
  content: "";
}

.Wicons_navigation_leftsm:before {
  content: "";
}

.Wicons_navigation_list:before {
  content: "";
}

.Wicons_navigation_measure:before {
  content: "";
}

.Wicons_navigation_menu:before {
  content: "";
}

.Wicons_navigation_minus:before {
  content: "";
}

.Wicons_navigation_more:before {
  content: "";
}

.Wicons_navigation_next:before {
  content: "";
}

.Wicons_navigation_nextArrow:before {
  content: "";
}

.Wicons_navigation_playerForward:before {
  content: "";
}

.Wicons_navigation_playerPause:before {
  content: "";
}

.Wicons_navigation_playerPlay:before {
  content: "";
}

.Wicons_navigation_playerRewind:before {
  content: "";
}

.Wicons_navigation_playerSkipNext:before {
  content: "";
}

.Wicons_navigation_playerSkipPrevious:before {
  content: "";
}

.Wicons_navigation_playerStop:before {
  content: "";
}

.Wicons_navigation_plus:before {
  content: "";
}

.Wicons_navigation_profile:before {
  content: "";
}

.Wicons_navigation_rightsm:before {
  content: "";
}

.Wicons_navigation_search:before {
  content: "";
}

.Wicons_navigation_settings:before {
  content: "";
}

.Wicons_navigation_share:before {
  content: "";
}

.Wicons_navigation_sync:before {
  content: "";
}

.Wicons_navigation_upDown:before {
  content: "";
}

.Wicons_navigation_upsm:before {
  content: "";
}

.Wicons_navigation_volDown:before {
  content: "";
}

.Wicons_navigation_volUp:before {
  content: "";
}

.Wicons_navigation_wifilvl0:before {
  content: "";
}

.Wicons_navigation_wifilvl1:before {
  content: "";
}

.Wicons_navigation_wifilvl2:before {
  content: "";
}

.Wicons_navigation_wifilvl3:before {
  content: "";
}

.Wicons_navigation_wifilvl4:before {
  content: "";
}

.Wicons_navigation_zoom:before {
  content: "";
}

.Wicons_navigation_zoomOut:before {
  content: "";
}

.Wicons_rounded_bulletpoint:before {
  content: "";
}

.Wicons_status_bad:before {
  content: "";
}

.Wicons_status_good:before {
  content: "";
}

.Wicons_status_info:before {
  content: "";
}

.Wicons_status_moderate:before {
  content: "";
}

.Wicons_status_trendDown:before {
  content: "";
}

.Wicons_status_trendStable:before {
  content: "";
}

.Wicons_status_trendUp:before {
  content: "";
}

.Wicons_status_undefined:before {
  content: "";
}

.Wicons_stock_bookmark:before {
  content: "";
}

.Wicons_stock_bookmarkfilled:before {
  content: "";
}

@font-face {
  font-family: Gotham;
  font-style: normal;
  font-weight: 300;
  src: url(https://static.withings.com/content/fonts/Gotham/Gotham-Light.otf) format("opentype");
}
@font-face {
  font-family: Gotham;
  font-style: normal;
  font-weight: 400;
  src: url(https://static.withings.com/content/fonts/Gotham/Gotham-Book.otf) format("opentype");
}
@font-face {
  font-family: Gotham;
  font-style: normal;
  font-weight: 500;
  src: url(https://static.withings.com/content/fonts/Gotham/Gotham-Medium.otf) format("opentype");
}
@font-face {
  font-family: Gotham;
  font-style: normal;
  font-weight: 700;
  src: url(https://static.withings.com/content/fonts/Gotham/Gotham-Bold.otf) format("opentype");
}
@font-face {
  font-family: Gotham Rounded;
  font-style: normal;
  font-weight: 300;
  src: url(https://static.withings.com/content/fonts/Gotham-rounded/GothamRounded-Light.otf) format("opentype");
}
@font-face {
  font-family: Gotham Rounded;
  font-style: normal;
  font-weight: 400;
  src: url(https://static.withings.com/content/fonts/Gotham-rounded/GothamRounded-Book.otf) format("opentype");
}
@font-face {
  font-family: Gotham Rounded;
  font-style: normal;
  font-weight: 500;
  src: url(https://static.withings.com/content/fonts/Gotham-rounded/GothamRounded-Medium.otf) format("opentype");
}
@font-face {
  font-family: Gotham Rounded;
  font-style: normal;
  font-weight: 600;
  src: url(https://static.withings.com/content/fonts/Gotham-rounded/GothamRounded-Bold.otf) format("opentype");
}
@font-face {
  font-family: Aeonik;
  font-style: normal;
  font-weight: 400;
  src: url(https://static.withings.com/content/fonts/Aeonik/aeonik-light-webfont.eot);
  src: url(https://static.withings.com/content/fonts/Aeonik/aeonik-light-webfont.eot) format("embedded-opentype"), url(https://static.withings.com/content/fonts/Aeonik/aeonik-light-webfont.woff2) format("woff2"), url(https://static.withings.com/content/fonts/Aeonik/aeonik-light-webfont.svg) format("svg"), url(https://static.withings.com/content/fonts/Aeonik/aeonik-light-webfont.ttf) format("truetype"), url(https://static.withings.com/content/fonts/Aeonik/aeonik-light-webfont.woff) format("woff");
}
@font-face {
  font-family: Aeonik;
  font-style: italic;
  font-weight: 400;
  src: url(https://static.withings.com/content/fonts/Aeonik/aeonik-lightitalic-webfont.eot);
  src: url(https://static.withings.com/content/fonts/Aeonik/aeonik-lightitalic-webfont.eot) format("embedded-opentype"), url(https://static.withings.com/content/fonts/Aeonik/aeonik-lightitalic-webfont.woff2) format("woff2"), url(https://static.withings.com/content/fonts/Aeonik/aeonik-lightitalic-webfont.svg) format("svg"), url(https://static.withings.com/content/fonts/Aeonik/aeonik-lightitalic-webfont.ttf) format("truetype"), url(https://static.withings.com/content/fonts/Aeonik/aeonik-lightitalic-webfont.woff) format("woff");
}
@font-face {
  font-family: Aeonik;
  font-style: normal;
  font-weight: 500;
  src: url(https://static.withings.com/content/fonts/Aeonik/aeonik-regular-webfont.eot);
  src: url(https://static.withings.com/content/fonts/Aeonik/aeonik-regular-webfont.eot) format("embedded-opentype"), url(https://static.withings.com/content/fonts/Aeonik/aeonik-regular-webfont.woff2) format("woff2"), url(https://static.withings.com/content/fonts/Aeonik/aeonik-regular-webfont.svg) format("svg"), url(https://static.withings.com/content/fonts/Aeonik/aeonik-regular-webfont.ttf) format("truetype"), url(https://static.withings.com/content/fonts/Aeonik/aeonik-regular-webfont.woff) format("woff");
}
@font-face {
  font-family: Aeonik;
  font-style: italic;
  font-weight: 500;
  src: url(https://static.withings.com/content/fonts/Aeonik/aeonik-regularitalic-webfont.eot);
  src: url(https://static.withings.com/content/fonts/Aeonik/aeonik-regularitalic-webfont.eot) format("embedded-opentype"), url(https://static.withings.com/content/fonts/Aeonik/aeonik-regularitalic-webfont.woff2) format("woff2"), url(https://static.withings.com/content/fonts/Aeonik/aeonik-regularitalic-webfont.svg) format("svg"), url(https://static.withings.com/content/fonts/Aeonik/aeonik-regularitalic-webfont.ttf) format("truetype"), url(https://static.withings.com/content/fonts/Aeonik/aeonik-regularitalic-webfont.woff) format("woff");
}
@font-face {
  font-family: Aeonik;
  font-style: normal;
  font-weight: 600;
  src: url(https://static.withings.com/content/fonts/Aeonik/aeonik-medium-webfont.eot);
  src: url(https://static.withings.com/content/fonts/Aeonik/aeonik-medium-webfont.eot) format("embedded-opentype"), url(https://static.withings.com/content/fonts/Aeonik/aeonik-medium-webfont.woff2) format("woff2"), url(https://static.withings.com/content/fonts/Aeonik/aeonik-medium-webfont.svg) format("svg"), url(https://static.withings.com/content/fonts/Aeonik/aeonik-medium-webfont.ttf) format("truetype"), url(https://static.withings.com/content/fonts/Aeonik/aeonik-medium-webfont.woff) format("woff");
}
@font-face {
  font-family: Aeonik;
  font-style: italic;
  font-weight: 600;
  src: url(https://static.withings.com/content/fonts/Aeonik/aeonik-mediumitalic-webfont.eot);
  src: url(https://static.withings.com/content/fonts/Aeonik/aeonik-mediumitalic-webfont.eot) format("embedded-opentype"), url(https://static.withings.com/content/fonts/Aeonik/aeonik-mediumitalic-webfont.woff2) format("woff2"), url(https://static.withings.com/content/fonts/Aeonik/aeonik-mediumitalic-webfont.svg) format("svg"), url(https://static.withings.com/content/fonts/Aeonik/aeonik-mediumitalic-webfont.ttf) format("truetype"), url(https://static.withings.com/content/fonts/Aeonik/aeonik-mediumitalic-webfont.woff) format("woff");
}
@font-face {
  font-family: Aeonik;
  font-style: normal;
  font-weight: 700;
  src: url(https://static.withings.com/content/fonts/Aeonik/aeonik-bold-webfont.eot);
  src: url(https://static.withings.com/content/fonts/Aeonik/aeonik-bold-webfont.eot) format("embedded-opentype"), url(https://static.withings.com/content/fonts/Aeonik/aeonik-bold-webfont.woff2) format("woff2"), url(https://static.withings.com/content/fonts/Aeonik/aeonik-bold-webfont.svg) format("svg"), url(https://static.withings.com/content/fonts/Aeonik/aeonik-bold-webfont.ttf) format("truetype"), url(https://static.withings.com/content/fonts/Aeonik/aeonik-bold-webfont.woff) format("woff");
}
@font-face {
  font-family: Aeonik;
  font-style: italic;
  font-weight: 700;
  src: url(https://static.withings.com/content/fonts/Aeonik/aeonik-bolditalic-webfont.eot);
  src: url(https://static.withings.com/content/fonts/Aeonik/aeonik-bolditalic-webfont.eot) format("embedded-opentype"), url(https://static.withings.com/content/fonts/Aeonik/aeonik-bolditalic-webfont.woff2) format("woff2"), url(https://static.withings.com/content/fonts/Aeonik/aeonik-bolditalic-webfont.svg) format("svg"), url(https://static.withings.com/content/fonts/Aeonik/aeonik-bolditalic-webfont.ttf) format("truetype"), url(https://static.withings.com/content/fonts/Aeonik/aeonik-bolditalic-webfont.woff) format("woff");
}
@font-face {
  font-family: Aeonik;
  font-style: normal;
  font-weight: 800;
  src: url(https://static.withings.com/content/fonts/Aeonik/aeonik-black-webfont.eot);
  src: url(https://static.withings.com/content/fonts/Aeonik/aeonik-black-webfont.eot) format("embedded-opentype"), url(https://static.withings.com/content/fonts/Aeonik/aeonik-black-webfont.woff2) format("woff2"), url(https://static.withings.com/content/fonts/Aeonik/aeonik-black-webfont.svg) format("svg"), url(https://static.withings.com/content/fonts/Aeonik/aeonik-black-webfont.ttf) format("truetype"), url(https://static.withings.com/content/fonts/Aeonik/aeonik-black-webfont.woff) format("woff");
}
@font-face {
  font-family: Aeonik;
  font-style: italic;
  font-weight: 800;
  src: url(https://static.withings.com/content/fonts/Aeonik/aeonik-blackitalic-webfont.eot);
  src: url(https://static.withings.com/content/fonts/Aeonik/aeonik-blackitalic-webfont.eot) format("embedded-opentype"), url(https://static.withings.com/content/fonts/Aeonik/aeonik-blackitalic-webfont.woff2) format("woff2"), url(https://static.withings.com/content/fonts/Aeonik/aeonik-blackitalic-webfont.svg) format("svg"), url(https://static.withings.com/content/fonts/Aeonik/aeonik-blackitalic-webfont.ttf) format("truetype"), url(https://static.withings.com/content/fonts/Aeonik/aeonik-blackitalic-webfont.woff) format("woff");
}
@supports (--css: variables) {
  :root, [data-theme=light], [data-theme=v2-light] {
    --transition:all 0.3s ease-in-out;
    --wi-font-family:"Aeonik",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
    --wi-font-icon-family:"Wicons";
    --wi-font-light:400;
    --wi-font-regular:500;
    --wi-font-medium:600;
    --wi-font-bold:700;
    --wi-font-black:800;
    --wi-font-size-small:12px;
    --wi-font-size-medium:16px;
    --wi-font-size-large:24px;
    --wi-transparent:#ffffff00;
    --wi-white:255,255,255;
    --wi-black:0,0,0;
    --wi-core-black:#0f0f0f;
    --wi-core-blue:#6784fe;
    --wi-core-greige:#f2eeea;
    --wi-core-greige-tint:#f6f3f0;
    --wi-core-white:#fff;
    --wi-core-clinical:#8befa3;
    --wi-campaign-peach:#faece1;
    --wi-campaign-sage:#cbdfcb;
    --wi-campaign-steel:#86a5b4;
    --wi-campaign-lila:#d4daec;
    --wi-background-primary:#f7f5f3;
    --wi-background-secondary:#fff;
    --wi-background-secondary-pressed:#f2eeea;
    --wi-background-tertiary:#ddd9d5;
    --wi-background-info:#e7eeff;
    --wi-background-good:#e6f3e6;
    --wi-background-moderate:#ffedbb;
    --wi-background-high:#ffebce;
    --wi-background-bad:#ffeae6;
    --wi-background-balanced:#f8fee8;
    --wi-background-overlay:hsla(0,0%,6%,.4);
    --wi-status-bad:#cf3336;
    --wi-status-bad-icon:#fff;
    --wi-status-moderate:#fed557;
    --wi-status-moderate-icon:#0f0f0f;
    --wi-status-high:#e88900;
    --wi-status-good:#3d7d3e;
    --wi-status-good-icon:#fff;
    --wi-status-balanced:#7f9c35;
    --wi-status-info:#5168cc;
    --wi-status-info-icon:#fff;
    --wi-status-undefined:#a49f9b;
    --wi-status-undefined-icon:#0f0f0f;
    --wi-status-crisis:#fb4f4e;
    --wi-text-primary:#0f0f0f;
    --wi-text-secondary:#45413e;
    --wi-text-placeholder:#918c88;
    --wi-text-primary-info:#263369;
    --wi-text-secondary-info:#2f3e7d;
    --wi-text-primary-good:#173e18;
    --wi-text-secondary-good:#1e4b1f;
    --wi-text-primary-moderate:#433506;
    --wi-text-secondary-moderate:#514009;
    --wi-text-primary-bad:#6e0f14;
    --wi-text-secondary-bad:#83151a;
    --wi-on-action-primary:#fff;
    --wi-action-primary:#0f0f0f;
    --wi-action-primary-hover:#393633;
    --wi-action-primary-press:#45413e;
    --wi-action-primary-disabled:#c4c0bc;
    --wi-action-primary-unchecked:#726f6b;
    --wi-action-primary-good:#3d7d3e;
    --wi-action-primary-good-hover:#579c57;
    --wi-action-primary-good-press:#275b28;
    --wi-action-primary-bad:#cf3336;
    --wi-action-primary-bad-hover:#fb4f4e;
    --wi-action-primary-bad-press:#9c1d22;
    --wi-on-action-secondary:#5168cc;
    --wi-action-secondary:#e7eeff;
    --wi-action-secondary-hover:#cbd9ff;
    --wi-action-secondary-press:#aabfff;
    --wi-action-secondary-disabled:#ddd9d5;
    --wi-on-action-conversion:#fff;
    --wi-action-conversion:#5168cc;
    --wi-divider:#ddd9d5;
    --wi-divider-closeshadow-primary:#ddd9d5;
    --wi-dataviz-monochromatic-neutral-1:#aabfff;
    --wi-dataviz-monochromatic-neutral-2:#7f9bff;
    --wi-dataviz-monochromatic-neutral-3:#6784fe;
    --wi-dataviz-monochromatic-neutral-4:#5168cc;
    --wi-dataviz-monochromatic-neutral-5:#394b96;
    --wi-dataviz-monochromatic-ghost-1:#f2eeea;
    --wi-dataviz-monochromatic-ghost-2:#ddd9d5;
    --wi-dataviz-monochromatic-ghost-3:#c4c0bc;
    --wi-dataviz-monochromatic-ghost-4:#a49f9b;
    --wi-dataviz-monochromatic-ghost-5:#918c88;
    --wi-dataviz-diverging-1:#1e3b46;
    --wi-dataviz-diverging-2:#316c73;
    --wi-dataviz-diverging-3:#40b7ad;
    --wi-dataviz-diverging-4:#95e0cc;
    --wi-dataviz-diverging-5:#dbf9ec;
    --wi-dataviz-diverging-6:#f4e9f7;
    --wi-dataviz-diverging-7:#c9ace3;
    --wi-dataviz-diverging-8:#8372c2;
    --wi-dataviz-diverging-9:#3b3985;
    --wi-dataviz-diverging-10:#1b193b;
    --wi-dataviz-cycle-period:#fb4f4e;
    --wi-dataviz-cycle-period-pressed:#cf3336;
    --wi-dataviz-cycle-ovulation:#564aae;
    --wi-dataviz-cycle-ovulation-pressed:#3b3985;
    --wi-dataviz-cycle-other:#f2eeea;
    --wi-dataviz-cycle-other-pressed:#ddd9d5;
    --wi-dataviz-cycle-ovulation-gridline:#8372c2;
    --wi-dataviz-cycle-logged-period-gridline:rgba(251,79,78,.4);
    --wi-dataviz-cycle-logged-period-zone:rgba(251,79,78,.3);
    --wi-dataviz-cycle-fertility-gridline:rgba(86,74,174,.3);
    --wi-dataviz-cycle-fertility-zone:rgba(86,74,174,.1);
    --wi-dataviz-cycle-predicted-period-gridline:rgba(251,79,78,.4);
    --wi-dataviz-cycle-predicted-period-zone:rgba(251,79,78,.1);
    --wi-dataviz-gridline-default:#ddd9d5;
    --wi-dataviz-gridline-bad:#ffcfc8;
    --wi-dataviz-gridline-moderate:#fed557;
    --wi-dataviz-gridline-good:#c4e2c2;
    --wi-dataviz-gridline-info:#cbd9ff;
    --wi-dataviz-zone-bad:rgba(255,234,230,.7);
    --wi-dataviz-zone-moderate:rgba(255,237,187,.7);
    --wi-dataviz-zone-good:rgba(230,243,230,.7);
    --wi-dataviz-zone-info:rgba(231,238,255,.7);
    --wi-dataviz-zone-undefined:hsla(30,11%,85%,.6);
    --wi-category-activity-background-page:#ffedbb;
    --wi-category-activity-background-card:#ffedbb;
    --wi-category-activity-background-card-pressed:#fed557;
    --wi-category-activity-background-hero:#fed557;
    --wi-category-activity-background-insight-primary:#ffedbb;
    --wi-category-activity-background-insight-secondary:#fed557;
    --wi-category-activity-background-insight-pressed:#e7bc2c;
    --wi-category-activity-graph-selected:#fed557;
    --wi-category-activity-graph-predicted:#aa891e;
    --wi-category-activity-graph-confirmed:#624e0d;
    --wi-category-activity-icon:#876c15;
    --wi-category-activity-scoreparticle:#fed557;
    --wi-category-activity-text-primary:#514009;
    --wi-category-activity-text-secondary:#514009;
    --wi-category-body-background-page:#f4e9f7;
    --wi-category-body-background-card:#e6cdef;
    --wi-category-body-background-card-pressed:#c9ace3;
    --wi-category-body-background-hero:#c9ace3;
    --wi-category-body-background-insight-primary:#f4e9f7;
    --wi-category-body-background-insight-secondary:#e6cdef;
    --wi-category-body-background-insight-pressed:#c9ace3;
    --wi-category-body-graph-selected:#e6cdef;
    --wi-category-body-graph-predicted:#8372c2;
    --wi-category-body-graph-confirmed:#3b3985;
    --wi-category-body-icon:#564aae;
    --wi-category-body-scoreparticle:#e6cdef;
    --wi-category-body-text-primary:#29295f;
    --wi-category-body-text-secondary:#29295f;
    --wi-category-heart-background-page:#fceef2;
    --wi-category-heart-background-card:#f9dce4;
    --wi-category-heart-background-card-pressed:#f3b9ca;
    --wi-category-heart-background-hero:#f3b9ca;
    --wi-category-heart-background-insight-primary:#fceef2;
    --wi-category-heart-background-insight-secondary:#f9dce4;
    --wi-category-heart-background-insight-pressed:#f3b9ca;
    --wi-category-heart-graph-selected:#f9dce4;
    --wi-category-heart-graph-predicted:#e46287;
    --wi-category-heart-graph-confirmed:#ae1e47;
    --wi-category-heart-icon:#dc2e5f;
    --wi-category-heart-scoreparticle:#f9dce4;
    --wi-category-heart-text-primary:#8c1838;
    --wi-category-heart-text-secondary:#8c1838;
    --wi-category-mindfulness-background-page:#e2f1ef;
    --wi-category-mindfulness-background-card:#c8dde1;
    --wi-category-mindfulness-background-card-pressed:#abc5cf;
    --wi-category-mindfulness-background-hero:#abc5cf;
    --wi-category-mindfulness-background-insight-primary:#e2f1ef;
    --wi-category-mindfulness-background-insight-secondary:#c8dde1;
    --wi-category-mindfulness-background-insight-pressed:#abc5cf;
    --wi-category-mindfulness-graph-selected:#c8dde1;
    --wi-category-mindfulness-graph-predicted:#7291a1;
    --wi-category-mindfulness-graph-confirmed:#335564;
    --wi-category-mindfulness-icon:#537484;
    --wi-category-mindfulness-scoreparticle:#c8dde1;
    --wi-category-mindfulness-text-primary:#254655;
    --wi-category-mindfulness-text-secondary:#254655;
    --wi-category-nutrition-background-page:#e6f3e6;
    --wi-category-nutrition-background-card:#c4e2c2;
    --wi-category-nutrition-background-card-pressed:#9bcd99;
    --wi-category-nutrition-background-hero:#9bcd99;
    --wi-category-nutrition-background-insight-primary:#e6f3e6;
    --wi-category-nutrition-background-insight-secondary:#c4e2c2;
    --wi-category-nutrition-background-insight-pressed:#9bcd99;
    --wi-category-nutrition-graph-selected:#c4e2c2;
    --wi-category-nutrition-graph-predicted:#579c57;
    --wi-category-nutrition-graph-confirmed:#275b28;
    --wi-category-nutrition-icon:#3d7d3e;
    --wi-category-nutrition-scoreparticle:#c4e2c2;
    --wi-category-nutrition-text-primary:#1e4b1f;
    --wi-category-nutrition-text-secondary:#1e4b1f;
    --wi-category-respiratory-background-page:#dff2f7;
    --wi-category-respiratory-background-card:#b5e1ed;
    --wi-category-respiratory-background-card-pressed:#81cce1;
    --wi-category-respiratory-background-hero:#81cce1;
    --wi-category-respiratory-background-insight-primary:#dff2f7;
    --wi-category-respiratory-background-insight-secondary:#b5e1ed;
    --wi-category-respiratory-background-insight-pressed:#81cce1;
    --wi-category-respiratory-graph-selected:#b5e1ed;
    --wi-category-respiratory-graph-predicted:#399bb4;
    --wi-category-respiratory-graph-confirmed:#1c5766;
    --wi-category-respiratory-icon:#2a788c;
    --wi-category-respiratory-scoreparticle:#b5e1ed;
    --wi-category-respiratory-text-primary:#164955;
    --wi-category-respiratory-text-secondary:#164955;
    --wi-category-sexualhealth-background-page:#ffebce;
    --wi-category-sexualhealth-background-card:#ffd295;
    --wi-category-sexualhealth-background-card-pressed:#ffb14c;
    --wi-category-sexualhealth-background-hero:#ffb14c;
    --wi-category-sexualhealth-background-insight-primary:#ffebce;
    --wi-category-sexualhealth-background-insight-secondary:#ffd295;
    --wi-category-sexualhealth-background-insight-pressed:#ffb14c;
    --wi-category-sexualhealth-graph-selected:#ffd295;
    --wi-category-sexualhealth-graph-predicted:#d77700;
    --wi-category-sexualhealth-graph-confirmed:#8b3600;
    --wi-category-sexualhealth-icon:#b25500;
    --wi-category-sexualhealth-scoreparticle:#ffd295;
    --wi-category-sexualhealth-text-primary:#681b00;
    --wi-category-sexualhealth-text-secondary:#681b00;
    --wi-category-sleep-background-page:#e3e8f5;
    --wi-category-sleep-background-card:#3f4876;
    --wi-category-sleep-background-card-pressed:#32385e;
    --wi-category-sleep-background-hero:#3f4876;
    --wi-category-sleep-background-insight-primary:#e3e8f5;
    --wi-category-sleep-background-insight-secondary:#c8d1ed;
    --wi-category-sleep-background-insight-pressed:#9caadc;
    --wi-category-sleep-graph-selected:#c8d1ed;
    --wi-category-sleep-graph-predicted:#4e5a90;
    --wi-category-sleep-graph-confirmed:#32385e;
    --wi-category-sleep-icon:#3f4876;
    --wi-category-sleep-scoreparticle:#c8d1ed;
    --wi-category-sleep-text-primary:#e3e8f5;
    --wi-category-sleep-text-secondary:#262a47;
    --wi-category-symptoms-background-page:#e5d8cd;
    --wi-category-symptoms-background-card:#e5d8cd;
    --wi-category-symptoms-background-card-pressed:#ccbfb5;
    --wi-category-symptoms-icon:#766e68;
    --wi-category-symptoms-scoreparticle:#e5d8cd;
    --wi-category-symptoms-text-primary:#47413d;
    --wi-category-neutral-background-page:#f2eeea;
    --wi-category-neutral-background-card:#f2eeea;
    --wi-category-neutral-background-card-pressed:#ddd9d5;
    --wi-category-neutral-icon:#53504c;
    --wi-category-neutral-text-primary:#45413e;
    --wi-category-medication-background-page:#e7f2e7;
    --wi-category-medication-background-card:#cbdfcb;
    --wi-category-medication-background-card-pressed:#b3c6b3;
    --wi-category-medication-icon:#677267;
    --wi-category-medication-scoreparticle:#cbdfcb;
    --wi-category-medication-text-primary:#3d443d;
    --wi-sharing-background-page:#f4ebe6;
    --wi-sharing-background-card:#e4cec0;
    --wi-sharing-background-card-pressed:#d9baa6;
    --wi-healthassistant-background-message-ai-neutral:#f2eeea;
    --wi-healthassistant-background-message-ai-insight:#ffcfc8;
    --wi-healthassistant-background-message-user:#53504c;
    --wi-healthassistant-text-message-ai-neutral:#45413e;
    --wi-healthassistant-text-message-ai-insight:#83151a;
    --wi-healthassistant-text-message-user:#fff;
    --wi-healthassistant-icon-message-ai-neutral:#0f0f0f;
    --wi-healthassistant-icon-message-ai-insight:#cf3336;
  }

  [data-theme=dark], [data-theme=v2-dark] {
    --transition:all 0.3s ease-in-out;
    --wi-font-family:"Aeonik",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
    --wi-font-icon-family:"Wicons";
    --wi-font-light:400;
    --wi-font-regular:500;
    --wi-font-medium:600;
    --wi-font-bold:700;
    --wi-font-black:800;
    --wi-font-size-small:12px;
    --wi-font-size-medium:16px;
    --wi-font-size-large:24px;
    --wi-transparent:#ffffff00;
    --wi-white:255,255,255;
    --wi-black:0,0,0;
    --wi-core-black:#0f0f0f;
    --wi-core-blue:#6784fe;
    --wi-core-greige:#f2eeea;
    --wi-core-greige-tint:#f6f3f0;
    --wi-core-white:#fff;
    --wi-core-clinical:#8befa3;
    --wi-campaign-peach:#faece1;
    --wi-campaign-sage:#cbdfcb;
    --wi-campaign-steel:#86a5b4;
    --wi-campaign-lila:#d4daec;
    --wi-background-primary:#0f0f0f;
    --wi-background-secondary:#2d2b28;
    --wi-background-secondary-pressed:#45413e;
    --wi-background-tertiary:#53504c;
    --wi-background-info:#263369;
    --wi-background-good:#173e18;
    --wi-background-moderate:#433506;
    --wi-background-high:#4b2d02;
    --wi-background-bad:#6e0f14;
    --wi-background-balanced:#303c12;
    --wi-background-overlay:hsla(0,0%,6%,.4);
    --wi-status-bad:#ff756f;
    --wi-status-bad-icon:#0f0f0f;
    --wi-status-moderate:#fed557;
    --wi-status-moderate-icon:#0f0f0f;
    --wi-status-high:#ffb14c;
    --wi-status-good:#6daf6d;
    --wi-status-good-icon:#0f0f0f;
    --wi-status-balanced:#7f9c35;
    --wi-status-info:#7f9bff;
    --wi-status-info-icon:#0f0f0f;
    --wi-status-undefined:#45413e;
    --wi-status-undefined-icon:#fff;
    --wi-status-crisis:#fb4f4e;
    --wi-status-optimal:#c4e2c2;
    --wi-text-primary:#fff;
    --wi-text-secondary:#ddd9d5;
    --wi-text-placeholder:#a49f9b;
    --wi-text-primary-info:#e7eeff;
    --wi-text-secondary-info:#cbd9ff;
    --wi-text-primary-good:#e6f3e6;
    --wi-text-secondary-good:#c4e2c2;
    --wi-text-primary-moderate:#ffedbb;
    --wi-text-secondary-moderate:#fed557;
    --wi-text-primary-high:#ffebce;
    --wi-text-secondary-high:#ffd295;
    --wi-text-primary-bad:#ffeae6;
    --wi-text-secondary-bad:#ffcfc8;
    --wi-on-action-primary:#0f0f0f;
    --wi-action-primary:#fff;
    --wi-action-primary-hover:#f7f5f3;
    --wi-action-primary-press:#f2eeea;
    --wi-action-primary-disabled:#726f6b;
    --wi-action-primary-unchecked:#a49f9b;
    --wi-action-primary-good:#3d7d3e;
    --wi-action-primary-good-hover:#579c57;
    --wi-action-primary-good-press:#275b28;
    --wi-action-primary-bad:#fb4f4e;
    --wi-action-primary-bad-hover:#ff756f;
    --wi-action-primary-bad-press:#cf3336;
    --wi-on-action-secondary:#e7eeff;
    --wi-action-secondary:#263369;
    --wi-action-secondary-hover:#2f3e7d;
    --wi-action-secondary-press:#394b96;
    --wi-action-secondary-disabled:#45413e;
    --wi-on-action-conversion:#fff;
    --wi-action-conversion:#5168cc;
    --wi-divider:#45413e;
    --wi-divider-closeshadow-primary:#0f0f0f;
    --wi-dataviz-monochromatic-neutral-1:#e3e8f5;
    --wi-dataviz-monochromatic-neutral-2:#e7eeff;
    --wi-dataviz-monochromatic-neutral-3:#cbd9ff;
    --wi-dataviz-monochromatic-neutral-4:#aabfff;
    --wi-dataviz-monochromatic-neutral-5:#7f9bff;
    --wi-dataviz-monochromatic-ghost-1:#45413e;
    --wi-dataviz-monochromatic-ghost-2:#53504c;
    --wi-dataviz-monochromatic-ghost-3:#726f6b;
    --wi-dataviz-monochromatic-ghost-4:#918c88;
    --wi-dataviz-monochromatic-ghost-5:#a49f9b;
    --wi-dataviz-diverging-1:#40b7ad;
    --wi-dataviz-diverging-2:#70cfbf;
    --wi-dataviz-diverging-3:#95e0cc;
    --wi-dataviz-diverging-4:#bdefdd;
    --wi-dataviz-diverging-5:#dbf9ec;
    --wi-dataviz-diverging-6:#f4e9f7;
    --wi-dataviz-diverging-7:#e6cdef;
    --wi-dataviz-diverging-8:#c9ace3;
    --wi-dataviz-diverging-9:#987ed4;
    --wi-dataviz-diverging-10:#8372c2;
    --wi-dataviz-cycle-period:#ff756f;
    --wi-dataviz-cycle-period-pressed:#ffaca3;
    --wi-dataviz-cycle-ovulation:#8372c2;
    --wi-dataviz-cycle-ovulation-pressed:#987ed4;
    --wi-dataviz-cycle-other:#45413e;
    --wi-dataviz-cycle-other-pressed:#53504c;
    --wi-dataviz-cycle-ovulation-gridline:#c9ace3;
    --wi-dataviz-cycle-logged-period-gridline:hsla(3,100%,72%,.4);
    --wi-dataviz-cycle-logged-period-zone:hsla(3,100%,72%,.3);
    --wi-dataviz-cycle-fertility-gridline:rgba(131,114,194,.3);
    --wi-dataviz-cycle-fertility-zone:rgba(131,114,194,.1);
    --wi-dataviz-cycle-predicted-period-gridline:hsla(3,100%,72%,.4);
    --wi-dataviz-cycle-predicted-period-zone:hsla(3,100%,72%,.1);
    --wi-dataviz-gridline-default:#726f6b;
    --wi-dataviz-gridline-bad:#ff756f;
    --wi-dataviz-gridline-moderate:#876c15;
    --wi-dataviz-gridline-good:#3d7d3e;
    --wi-dataviz-gridline-info:#7f9bff;
    --wi-dataviz-zone-bad:rgba(131,21,26,.6);
    --wi-dataviz-zone-moderate:rgba(81,64,9,.6);
    --wi-dataviz-zone-good:rgba(30,75,31,.6);
    --wi-dataviz-zone-info:rgba(103,132,254,.6);
    --wi-dataviz-zone-undefined:rgba(69,65,62,.6);
    --wi-category-activity-background-page:#0f0f0f;
    --wi-category-activity-background-card:#624e0d;
    --wi-category-activity-background-card-pressed:#876c15;
    --wi-category-activity-background-hero:#433506;
    --wi-category-activity-background-insight-primary:#514009;
    --wi-category-activity-background-insight-secondary:#514009;
    --wi-category-activity-background-insight-pressed:#624e0d;
    --wi-category-activity-graph-selected:#514009;
    --wi-category-activity-graph-predicted:#aa891e;
    --wi-category-activity-graph-confirmed:#e7bc2c;
    --wi-category-activity-icon:#e7bc2c;
    --wi-category-activity-scoreparticle:#876c15;
    --wi-category-activity-text-primary:#ffedbb;
    --wi-category-activity-text-secondary:#ffedbb;
    --wi-category-body-background-page:#0f0f0f;
    --wi-category-body-background-card:#3b3985;
    --wi-category-body-background-card-pressed:#564aae;
    --wi-category-body-background-hero:#1b193b;
    --wi-category-body-background-insight-primary:#1b193b;
    --wi-category-body-background-insight-secondary:#1b193b;
    --wi-category-body-background-insight-pressed:#3b3985;
    --wi-category-body-graph-selected:#29295f;
    --wi-category-body-graph-predicted:#8372c2;
    --wi-category-body-graph-confirmed:#c9ace3;
    --wi-category-body-icon:#c9ace3;
    --wi-category-body-scoreparticle:#564aae;
    --wi-category-body-text-primary:#f4e9f7;
    --wi-category-body-text-secondary:#f4e9f7;
    --wi-category-heart-background-page:#0f0f0f;
    --wi-category-heart-background-card:#ae1e47;
    --wi-category-heart-background-card-pressed:#dc2e5f;
    --wi-category-heart-background-hero:#69122a;
    --wi-category-heart-background-insight-primary:#69122a;
    --wi-category-heart-background-insight-secondary:#69122a;
    --wi-category-heart-background-insight-pressed:#ae1e47;
    --wi-category-heart-graph-selected:#8c1838;
    --wi-category-heart-graph-predicted:#e46287;
    --wi-category-heart-graph-confirmed:#f3b9ca;
    --wi-category-heart-icon:#f3b9ca;
    --wi-category-heart-scoreparticle:#dc2e5f;
    --wi-category-heart-text-primary:#fceef2;
    --wi-category-heart-text-secondary:#fceef2;
    --wi-category-mindfulness-background-page:#0f0f0f;
    --wi-category-mindfulness-background-card:#335564;
    --wi-category-mindfulness-background-card-pressed:#537484;
    --wi-category-mindfulness-background-hero:#193a48;
    --wi-category-mindfulness-background-insight-primary:#193a48;
    --wi-category-mindfulness-background-insight-secondary:#193a48;
    --wi-category-mindfulness-background-insight-pressed:#335564;
    --wi-category-mindfulness-graph-selected:#254655;
    --wi-category-mindfulness-graph-predicted:#7291a1;
    --wi-category-mindfulness-graph-confirmed:#abc5cf;
    --wi-category-mindfulness-icon:#abc5cf;
    --wi-category-mindfulness-scoreparticle:#537484;
    --wi-category-mindfulness-text-primary:#e2f1ef;
    --wi-category-mindfulness-text-secondary:#e2f1ef;
    --wi-category-nutrition-background-page:#0f0f0f;
    --wi-category-nutrition-background-card:#275b28;
    --wi-category-nutrition-background-card-pressed:#3d7d3e;
    --wi-category-nutrition-background-hero:#173e18;
    --wi-category-nutrition-background-insight-primary:#173e18;
    --wi-category-nutrition-background-insight-secondary:#173e18;
    --wi-category-nutrition-background-insight-pressed:#275b28;
    --wi-category-nutrition-graph-selected:#1e4b1f;
    --wi-category-nutrition-graph-predicted:#579c57;
    --wi-category-nutrition-graph-confirmed:#9bcd99;
    --wi-category-nutrition-icon:#9bcd99;
    --wi-category-nutrition-scoreparticle:#3d7d3e;
    --wi-category-nutrition-text-primary:#e6f3e6;
    --wi-category-nutrition-text-secondary:#e6f3e6;
    --wi-category-respiratory-background-page:#0f0f0f;
    --wi-category-respiratory-background-card:#1c5766;
    --wi-category-respiratory-background-card-pressed:#2a788c;
    --wi-category-respiratory-background-hero:#113b46;
    --wi-category-respiratory-background-insight-primary:#113b46;
    --wi-category-respiratory-background-insight-secondary:#113b46;
    --wi-category-respiratory-background-insight-pressed:#1c5766;
    --wi-category-respiratory-graph-selected:#164955;
    --wi-category-respiratory-graph-predicted:#399bb4;
    --wi-category-respiratory-graph-confirmed:#81cce1;
    --wi-category-respiratory-icon:#81cce1;
    --wi-category-respiratory-scoreparticle:#2a788c;
    --wi-category-respiratory-text-primary:#dff2f7;
    --wi-category-respiratory-text-secondary:#dff2f7;
    --wi-category-sexualhealth-background-page:#0f0f0f;
    --wi-category-sexualhealth-background-card:#8b3600;
    --wi-category-sexualhealth-background-card-pressed:#b25500;
    --wi-category-sexualhealth-background-hero:#490600;
    --wi-category-sexualhealth-background-insight-primary:#490600;
    --wi-category-sexualhealth-background-insight-secondary:#490600;
    --wi-category-sexualhealth-background-insight-pressed:#8b3600;
    --wi-category-sexualhealth-graph-selected:#681b00;
    --wi-category-sexualhealth-graph-predicted:#d77700;
    --wi-category-sexualhealth-graph-confirmed:#ffb14c;
    --wi-category-sexualhealth-icon:#ffb14c;
    --wi-category-sexualhealth-scoreparticle:#b25500;
    --wi-category-sexualhealth-text-primary:#ffebce;
    --wi-category-sexualhealth-text-secondary:#ffebce;
    --wi-category-sleep-background-page:#0f0f0f;
    --wi-category-sleep-background-card:#3f4876;
    --wi-category-sleep-background-card-pressed:#4e5a90;
    --wi-category-sleep-background-hero:#1e2037;
    --wi-category-sleep-background-insight-primary:#1e2037;
    --wi-category-sleep-background-insight-secondary:#1e2037;
    --wi-category-sleep-background-insight-pressed:#32385e;
    --wi-category-sleep-graph-selected:#262a47;
    --wi-category-sleep-graph-predicted:#4e5a90;
    --wi-category-sleep-graph-confirmed:#9caadc;
    --wi-category-sleep-icon:#9caadc;
    --wi-category-sleep-scoreparticle:#3f4876;
    --wi-category-sleep-text-primary:#e3e8f5;
    --wi-category-sleep-text-secondary:#e3e8f5;
    --wi-category-symptoms-background-page:#0f0f0f;
    --wi-category-symptoms-background-card:#554f4b;
    --wi-category-symptoms-background-card-pressed:#766e68;
    --wi-category-symptoms-icon:#ccbfb5;
    --wi-category-symptoms-scoreparticle:#766e68;
    --wi-category-symptoms-text-primary:#faece1;
    --wi-category-neutral-background-page:#0f0f0f;
    --wi-category-neutral-background-card:#53504c;
    --wi-category-neutral-background-card-pressed:#726f6b;
    --wi-category-neutral-icon:#c4c0bc;
    --wi-category-neutral-text-primary:#f2eeea;
    --wi-category-medication-background-page:#0f0f0f;
    --wi-category-medication-background-card:#4a524a;
    --wi-category-medication-background-card-pressed:#677267;
    --wi-category-medication-icon:#b3c6b3;
    --wi-category-medication-scoreparticle:#677267;
    --wi-category-medication-text-primary:#e7f2e7;
    --wi-sharing-background-page:#291f1a;
    --wi-sharing-background-card:#3c2e27;
    --wi-sharing-background-card-pressed:#654e41;
  }

  [data-theme=v1-light] {
    --transition:all 0.3s ease-in-out;
    --wi-font-family:"Gotham",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
    --wi-font-family-rounded:"Gotham Rounded","Gotham",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
    --wi-font-icon-family:"HMIconsV1";
    --wi-font-size-small:12px;
    --wi-font-size-medium:16px;
    --wi-font-size-large:24px;
    --wi-transparent:#ffffff00;
    --wi-white:255,255,255;
    --wi-black:0,0,0;
    --wi-background-primary:#f5f6fa;
    --wi-background-secondary:#fff;
    --wi-background-tertiary:#d8dae1;
    --wi-background-info:#d1e1fb;
    --wi-background-good:#d8f7ea;
    --wi-background-moderate:#db7a00;
    --wi-background-high:#fff8cd;
    --wi-background-bad:#ffdeda;
    --wi-background-media:#e5e6ea;
    --wi-background-secondary-pressed:#e5e6ea;
    --wi-background-overlay:rgba(0,0,0,.4);
    --wi-on-action-primary:#fff;
    --wi-action-primary:#1638a6;
    --wi-action-primary-hover:#1f4ac2;
    --wi-action-primary-press:#0f298b;
    --wi-action-primary-disabled:#d8dae1;
    --wi-action-primary-unchecked:#3f424b;
    --wi-action-primary-bad:#b71926;
    --wi-action-primary-bad-hover:#d93421;
    --wi-action-primary-bad-press:#9c1018;
    --wi-action-primary-good:#07b06a;
    --wi-on-action-secondary:#1638a6;
    --wi-action-secondary:#d1e1fb;
    --wi-action-secondary-hover:#d1e1fb;
    --wi-action-secondary-press:#a5c2f8;
    --wi-action-secondary-disabled:#e5e6ea;
    --wi-text-primary:#000;
    --wi-text-secondary:#3f424b;
    --wi-text-placeholder:#bec0ca;
    --wi-text-primary-info:#05135d;
    --wi-text-secondary-info:#091c70;
    --wi-text-primary-good:#015453;
    --wi-text-secondary-good:#02665a;
    --wi-text-primary-moderate:#7a5501;
    --wi-text-secondary-moderate:#936a02;
    --wi-text-primary-high:#db7a00;
    --wi-text-secondary-high:#ffba3f;
    --wi-text-primary-bad:#68061b;
    --wi-text-secondary-bad:#7d0a1a;
    --wi-divider:#e5e6ea;
    --wi-status-bad:#d93421;
    --wi-status-moderate:#ffc907;
    --wi-status-high:#db7a00;
    --wi-status-good:#07b06a;
    --wi-status-info:#1f4ac2;
    --wi-status-undefined:#bec0ca;
    --wi-dataviz-status-neutral:#1f4ac2;
    --wi-dataviz-status-good:#07b06a;
    --wi-dataviz-status-moderate:#ffc907;
    --wi-dataviz-status-bad:#d93421;
    --wi-dataviz-status-high:#db7a00;
    --wi-dataviz-status-undefined:#bec0ca;
    --wi-dataviz-monochromatic-neutral-1:#759bec;
    --wi-dataviz-monochromatic-neutral-2:#5078da;
    --wi-dataviz-monochromatic-neutral-3:#1f4ac2;
    --wi-dataviz-monochromatic-neutral-4:#0f298b;
    --wi-dataviz-monochromatic-neutral-5:#05135d;
    --wi-dataviz-monochromatic-ghost-1:#f5f6fa;
    --wi-dataviz-monochromatic-ghost-2:#e5e6ea;
    --wi-dataviz-monochromatic-ghost-3:#d8dae1;
    --wi-dataviz-monochromatic-ghost-4:#bec0ca;
    --wi-dataviz-monochromatic-ghost-5:#a5a8b3;
    --wi-dataviz-diverging-1:#0b4359;
    --wi-dataviz-diverging-2:#1e7b86;
    --wi-dataviz-diverging-3:#3cbbb1;
    --wi-dataviz-diverging-4:#8bead1;
    --wi-dataviz-diverging-5:#d9fbec;
    --wi-dataviz-diverging-6:#f0d3fc;
    --wi-dataviz-diverging-7:#c17cef;
    --wi-dataviz-diverging-8:#7a28cb;
    --wi-dataviz-diverging-9:#461492;
    --wi-dataviz-diverging-10:#220761;
    --wi-dataviz-gridline-default:#e5e6ea;
    --wi-dataviz-gridline-neutral:#a5c2f8;
    --wi-dataviz-gridline-good:#93edad;
    --wi-dataviz-gridline-moderate:#fff09b;
    --wi-dataviz-gridline-bad:#ffc7ad;
    --wi-dataviz-zone-neutral:rgba(209,225,251,.7);
    --wi-dataviz-zone-good:rgba(216,247,234,.7);
    --wi-dataviz-zone-moderate:rgba(255,248,205,.7);
    --wi-dataviz-zone-bad:hsla(6,100%,93%,.7);
    --wi-gradient-start:#00c9ff;
    --wi-gradient-end:#3ed696;
    --wi-gradient-faded-start:#dfe6f9;
    --wi-gradient-faded-start-pressed:#c1cdf4;
    --wi-gradient-faded-end:#d9fbec;
    --wi-gradient-faded-end-pressed:#b4f8e0;
    --wi-gradient-foreground:#fff;
    --wi-category-activity-background-page:#fff2cc;
    --wi-category-activity-background-card:#fff2cc;
    --wi-category-activity-background-card-pressed:#ffe299;
    --wi-category-activity-icon:#b75f00;
    --wi-category-activity-scoreparticle:#ffe299;
    --wi-category-activity-text-primary:#934600;
    --wi-category-body-background-page:#f0d3fc;
    --wi-category-body-background-card:#f0d3fc;
    --wi-category-body-background-card-pressed:#dea9f9;
    --wi-category-body-icon:#461492;
    --wi-category-body-scoreparticle:#dea9f9;
    --wi-category-body-text-primary:#310c75;
    --wi-category-heart-background-page:#ffdeda;
    --wi-category-heart-background-card:#ffdeda;
    --wi-category-heart-background-card-pressed:#ffc7ad;
    --wi-category-heart-icon:#9c1018;
    --wi-category-heart-scoreparticle:#ffc7ad;
    --wi-category-heart-text-primary:#7d0a1a;
    --wi-category-nutrition-background-page:#d8f7ea;
    --wi-category-nutrition-background-card:#d8f7ea;
    --wi-category-nutrition-background-card-pressed:#93edad;
    --wi-category-nutrition-icon:#037e64;
    --wi-category-nutrition-scoreparticle:#93edad;
    --wi-category-nutrition-text-primary:#02665a;
    --wi-category-respiratory-background-page:#d6f9fa;
    --wi-category-respiratory-background-card:#d6f9fa;
    --wi-category-respiratory-background-card-pressed:#aeeff6;
    --wi-category-respiratory-icon:#17507b;
    --wi-category-respiratory-scoreparticle:#aeeff6;
    --wi-category-respiratory-text-primary:#0e3963;
    --wi-category-sleep-background-page:#dfe6f9;
    --wi-category-sleep-background-card:#dfe6f9;
    --wi-category-sleep-background-card-pressed:#c1cdf4;
    --wi-category-sleep-icon:#242e6c;
    --wi-category-sleep-scoreparticle:#c1cdf4;
    --wi-category-sleep-text-primary:#161e57;
    --wi-divider-primary:#e5e6ea;
  }

  [data-theme=v1-dark] {
    --transition:all 0.3s ease-in-out;
    --wi-font-family:"Gotham",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
    --wi-font-family-rounded:"Gotham Rounded","Gotham",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
    --wi-font-icon-family:"HMIconsV1";
    --wi-font-size-small:12px;
    --wi-font-size-medium:16px;
    --wi-font-size-large:24px;
    --wi-transparent:#ffffff00;
    --wi-white:255,255,255;
    --wi-black:0,0,0;
    --wi-background-primary:#000;
    --wi-background-secondary:#1c1c1e;
    --wi-background-tertiary:#000;
    --wi-background-info:#d1e1fb;
    --wi-background-good:#d8f7ea;
    --wi-background-moderate:#fff8cd;
    --wi-background-high:#db7a00;
    --wi-background-bad:#ffdeda;
    --wi-background-media:#3f424b;
    --wi-background-secondary-pressed:#3f424b;
    --wi-background-overlay:rgba(0,0,0,.4);
    --wi-on-action-primary:#000;
    --wi-action-primary:#a5c2f8;
    --wi-action-primary-hover:#d1e1fb;
    --wi-action-primary-press:#759bec;
    --wi-action-primary-disabled:#83858e;
    --wi-action-primary-unchecked:#e5e6ea;
    --wi-action-primary-bad:#d93421;
    --wi-action-primary-bad-hover:#ff7e65;
    --wi-action-primary-bad-press:#b71926;
    --wi-action-primary-good:#07b06a;
    --wi-on-action-secondary:#a5c2f8;
    --wi-action-secondary:#161e57;
    --wi-action-secondary-hover:#242e6c;
    --wi-action-secondary-press:#0d1348;
    --wi-action-secondary-disabled:#3f424b;
    --wi-text-primary:#fff;
    --wi-text-secondary:#e5e6ea;
    --wi-text-placeholder:#bec0ca;
    --wi-text-primary-info:#05135d;
    --wi-text-secondary-info:#091c70;
    --wi-text-primary-good:#015453;
    --wi-text-secondary-good:#02665a;
    --wi-text-primary-moderate:#7a5501;
    --wi-text-secondary-moderate:#936a02;
    --wi-text-primary-bad:#68061b;
    --wi-text-secondary-bad:#7d0a1a;
    --wi-divider:#3f424b;
    --wi-status-bad:#d93421;
    --wi-status-moderate:#ffc907;
    --wi-status-good:#07b06a;
    --wi-status-info:#1f4ac2;
    --wi-status-undefined:#bec0ca;
    --wi-dataviz-status-neutral:#a5c2f8;
    --wi-dataviz-status-good:#3acf82;
    --wi-dataviz-status-moderate:#ffda45;
    --wi-dataviz-status-bad:#ff7e65;
    --wi-dataviz-status-undefined:#3f424b;
    --wi-dataviz-monochromatic-neutral-1:#dfe6f9;
    --wi-dataviz-monochromatic-neutral-2:#d1e1fb;
    --wi-dataviz-monochromatic-neutral-3:#a5c2f8;
    --wi-dataviz-monochromatic-neutral-4:#759bec;
    --wi-dataviz-monochromatic-neutral-5:#5078da;
    --wi-dataviz-monochromatic-ghost-1:#3f424b;
    --wi-dataviz-monochromatic-ghost-2:#65686e;
    --wi-dataviz-monochromatic-ghost-3:#83858e;
    --wi-dataviz-monochromatic-ghost-4:#a5a8b3;
    --wi-dataviz-monochromatic-ghost-5:#bec0ca;
    --wi-dataviz-diverging-1:#0b4359;
    --wi-dataviz-diverging-2:#1e7b86;
    --wi-dataviz-diverging-3:#3cbbb1;
    --wi-dataviz-diverging-4:#8bead1;
    --wi-dataviz-diverging-5:#d9fbec;
    --wi-dataviz-diverging-6:#f0d3fc;
    --wi-dataviz-diverging-7:#c17cef;
    --wi-dataviz-diverging-8:#7a28cb;
    --wi-dataviz-diverging-9:#461492;
    --wi-dataviz-diverging-10:#220761;
    --wi-dataviz-gridline-default:#3f424b;
    --wi-dataviz-gridline-neutral:#5078da;
    --wi-dataviz-gridline-good:#3acf82;
    --wi-dataviz-gridline-moderate:#ffda45;
    --wi-dataviz-gridline-bad:#ff7e65;
    --wi-dataviz-zone-neutral:rgba(31,74,194,.6);
    --wi-dataviz-zone-good:rgba(7,176,106,.6);
    --wi-dataviz-zone-moderate:rgba(255,201,7,.6);
    --wi-dataviz-zone-bad:rgba(217,52,33,.6);
    --wi-gradient-start:#00a1cc;
    --wi-gradient-end:#32ab78;
    --wi-gradient-faded-start:#082852;
    --wi-gradient-faded-start-pressed:#0e3963;
    --wi-gradient-faded-end:#0b4359;
    --wi-gradient-faded-end-pressed:#135b6c;
    --wi-gradient-foreground:#fff;
    --wi-category-activity-background-page:#000;
    --wi-category-activity-background-card:#7a3500;
    --wi-category-activity-background-card-pressed:#934600;
    --wi-category-activity-icon:#ffce66;
    --wi-category-activity-scoreparticle:#b75f00;
    --wi-category-activity-text-primary:#fff2cc;
    --wi-category-body-background-page:#000;
    --wi-category-body-background-card:#220761;
    --wi-category-body-background-card-pressed:#310c75;
    --wi-category-body-icon:#c17cef;
    --wi-category-body-scoreparticle:#461492;
    --wi-category-body-text-primary:#f0d3fc;
    --wi-category-heart-background-page:#000;
    --wi-category-heart-background-card:#68061b;
    --wi-category-heart-background-card-pressed:#7d0a1a;
    --wi-category-heart-icon:#ffa283;
    --wi-category-heart-scoreparticle:#9c1018;
    --wi-category-heart-text-primary:#ffdeda;
    --wi-category-nutrition-background-page:#000;
    --wi-category-nutrition-background-card:#015453;
    --wi-category-nutrition-background-card-pressed:#02665a;
    --wi-category-nutrition-icon:#62e795;
    --wi-category-nutrition-scoreparticle:#037e64;
    --wi-category-nutrition-text-primary:#d8f7ea;
    --wi-category-respiratory-background-page:#000;
    --wi-category-respiratory-background-card:#082852;
    --wi-category-respiratory-background-card-pressed:#0e3963;
    --wi-category-respiratory-icon:#81d5e5;
    --wi-category-respiratory-scoreparticle:#17507b;
    --wi-category-respiratory-text-primary:#d6f9fa;
    --wi-category-sleep-background-page:#000;
    --wi-category-sleep-background-card:#0d1348;
    --wi-category-sleep-background-card-pressed:#161e57;
    --wi-category-sleep-icon:#99a8df;
    --wi-category-sleep-scoreparticle:#242e6c;
    --wi-category-sleep-text-primary:#dfe6f9;
    --wi-divider-primary:#3f424b;
  }
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.header1, .mobile-header1, body {
  font-family: var(--wi-font-family);
}

.header1, .mobile-header1 {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -1;
  line-height: 1.13;
}

[data-theme^=v2] .header1, [data-theme^=v2] .mobile-header1 {
  font-size: 2rem;
  font-weight: var(--wi-font-bold);
  letter-spacing: normal;
}

.header2, .mobile-header2 {
  font-family: var(--wi-font-family);
  font-size: 22px;
  font-weight: 500;
  line-height: 1.18;
}

[data-theme^=v2] .header2, [data-theme^=v2] .mobile-header2 {
  font-size: 1.4375rem;
  font-weight: var(--wi-font-medium);
}

.header3, .mobile-header3 {
  font-family: var(--wi-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.22;
}

[data-theme^=v2] .header3, [data-theme^=v2] .mobile-header3 {
  font-size: 1.125rem;
  font-weight: var(--wi-font-medium);
}

.header4, .mobile-header4 {
  font-family: var(--wi-font-family);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.18px;
  line-height: 1.25;
}

[data-theme^=v2] .header4, [data-theme^=v2] .mobile-header4 {
  font-size: 1rem;
  font-weight: var(--wi-font-medium);
  letter-spacing: normal;
}

.eyebrow, .mobile-eyebrow {
  font-family: var(--wi-font-family);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.5px;
  line-height: 1.33;
  text-transform: uppercase;
}

[data-theme^=v2] .eyebrow, [data-theme^=v2] .mobile-eyebrow {
  font-size: 0.75rem;
  font-weight: var(--wi-font-bold);
  letter-spacing: normal;
}

[data-theme^=v2] .desktop-header1 {
  font-family: var(--wi-font-family);
  font-size: 1.75rem;
  font-weight: var(--wi-font-bold);
  line-height: 1.13;
}

[data-theme^=v2] .desktop-header2 {
  font-family: var(--wi-font-family);
  font-size: 1.375rem;
  font-weight: var(--wi-font-medium);
  line-height: 1.18;
}

[data-theme^=v2] .desktop-header3 {
  font-family: var(--wi-font-family);
  font-size: 1.125rem;
  font-weight: var(--wi-font-medium);
  line-height: 1.22;
}

[data-theme^=v2] .desktop-header4 {
  font-family: var(--wi-font-family);
  font-size: 1rem;
  font-weight: var(--wi-font-medium);
  line-height: 1.25;
}

[data-theme^=v2] .desktop-header5 {
  font-family: var(--wi-font-family);
  font-size: 0.875rem;
  font-weight: var(--wi-font-medium);
  line-height: 1.3;
}

[data-theme^=v2] .desktop-eyebrow {
  font-family: var(--wi-font-family);
  font-size: 0.75rem;
  font-weight: var(--wi-font-bold);
  line-height: 1.33;
  text-transform: uppercase;
}

.mobile-subtitle1, .subtitle1 {
  font-family: var(--wi-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 1.18;
}

[data-theme^=v2] .mobile-subtitle1, [data-theme^=v2] .subtitle1 {
  font-size: 1.4375rem;
  font-weight: var(--wi-font-regular);
}

.body1, .mobile-body1 {
  font-family: var(--wi-font-family);
  font-size: 16px;
  font-weight: 350;
  line-height: 1.5;
}

[data-theme^=v2] .body1, [data-theme^=v2] .mobile-body1 {
  font-size: 1rem;
  font-weight: var(--wi-font-regular);
}

.body2, .mobile-body2 {
  font-family: var(--wi-font-family);
  font-size: 14px;
  font-weight: 350;
  line-height: 1.42;
}

[data-theme^=v2] .body2, [data-theme^=v2] .mobile-body2 {
  font-size: 0.875rem;
  font-weight: var(--wi-font-regular);
}

[data-theme^=v2] .desktop-body1 {
  font-size: 1rem;
  line-height: 1.5;
}

[data-theme^=v2] .desktop-body1, [data-theme^=v2] .desktop-body2 {
  font-family: var(--wi-font-family);
  font-weight: var(--wi-font-regular);
}

[data-theme^=v2] .desktop-body2 {
  font-size: 0.875rem;
  line-height: 1.42;
}

.mobile-quote1, .quote1 {
  font-family: var(--wi-font-family);
  font-size: 20px;
  font-style: italic;
  font-weight: 450;
  line-height: 1.5;
}

[data-theme^=v2] .mobile-quote1, [data-theme^=v2] .quote1 {
  font-size: 1.25rem;
  font-weight: var(--wi-font-regular);
}

.detail1, .mobile-detail1 {
  font-family: var(--wi-font-family);
  font-size: 12px;
  font-weight: 350;
  line-height: 1.33;
}

[data-theme^=v2] .detail1, [data-theme^=v2] .mobile-detail1 {
  font-size: 0.8125rem;
  font-weight: var(--wi-font-regular);
}

.detail2, .mobile-detail2 {
  font-family: var(--wi-font-family);
  font-size: 10px;
  font-weight: 500;
  line-height: 1.6;
}

[data-theme^=v2] .detail2, [data-theme^=v2] .mobile-detail2 {
  font-size: 0.6875rem;
  font-weight: var(--wi-font-regular);
}

[data-theme^=v2] .desktop-detail1 {
  font-size: 1rem;
  line-height: 1.5;
}

[data-theme^=v2] .desktop-detail1, [data-theme^=v2] .desktop-detail2 {
  font-family: var(--wi-font-family);
  font-weight: var(--wi-font-regular);
}

[data-theme^=v2] .desktop-detail2 {
  font-size: 0.875rem;
  line-height: 1.42;
}

[data-theme^=v2] .desktop-detail3 {
  font-family: var(--wi-font-family);
  font-size: 0.75rem;
  font-weight: var(--wi-font-regular);
  line-height: 1.33;
}

.button1, .mobile-button1 {
  font-family: var(--wi-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
}

[data-theme^=v2] .button1, [data-theme^=v2] .mobile-button1 {
  font-size: 1rem;
  font-weight: var(--wi-font-medium);
}

.button2, .mobile-button2 {
  font-family: var(--wi-font-family);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.33;
}

[data-theme^=v2] .button2, [data-theme^=v2] .mobile-button2 {
  font-size: 0.75rem;
  font-weight: var(--wi-font-medium);
}

[data-theme^=v2] .desktop-button1 {
  font-family: var(--wi-font-family);
  font-size: 1rem;
  font-weight: var(--wi-font-medium);
  line-height: 1.25;
}

[data-theme^=v2] .desktop-button2 {
  font-family: var(--wi-font-family);
  font-size: 0.75rem;
  font-weight: var(--wi-font-medium);
  line-height: 1.33;
}

.data1, .mobile-data1 {
  font-family: var(--wi-font-family-rounded);
  font-size: 80px;
  font-weight: 500;
  line-height: 1.22;
}

[data-theme^=v2] .data1, [data-theme^=v2] .mobile-data1 {
  font-family: var(--wi-font-family);
  font-size: 5.1875rem;
  font-weight: var(--wi-font-bold);
}

.data2, .mobile-data2 {
  font-family: var(--wi-font-family-rounded);
  font-size: 48px;
  font-weight: 500;
  line-height: 1.25;
}

[data-theme^=v2] .data2, [data-theme^=v2] .mobile-data2 {
  font-family: var(--wi-font-family);
  font-size: 2.875rem;
  font-weight: var(--wi-font-bold);
}

.data3, .mobile-data3 {
  font-family: var(--wi-font-family-rounded);
  font-size: 36px;
  font-weight: 500;
  line-height: 1.33;
}

[data-theme^=v2] .data3, [data-theme^=v2] .mobile-data3 {
  font-family: var(--wi-font-family);
  font-size: 2.25rem;
  font-weight: var(--wi-font-bold);
}

.data4, .mobile-data4 {
  font-family: var(--wi-font-family-rounded);
  font-size: 28px;
  font-weight: 500;
  line-height: 1.29;
}

[data-theme^=v2] .data4, [data-theme^=v2] .mobile-data4 {
  font-family: var(--wi-font-family);
  font-size: 1.8125rem;
  font-weight: var(--wi-font-bold);
}

.data5, .mobile-data5 {
  font-family: var(--wi-font-family-rounded);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.17;
}

[data-theme^=v2] .data5, [data-theme^=v2] .mobile-data5 {
  font-family: var(--wi-font-family);
  font-size: 1.4375rem;
  font-weight: var(--wi-font-bold);
}

.data6, .mobile-data6 {
  font-family: var(--wi-font-family-rounded);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.78;
}

[data-theme^=v2] .data6, [data-theme^=v2] .mobile-data6 {
  font-family: var(--wi-font-family);
  font-size: 1.25rem;
  font-weight: var(--wi-font-bold);
}

.data7, .mobile-data7 {
  font-family: var(--wi-font-family-rounded);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

[data-theme^=v2] .data7, [data-theme^=v2] .mobile-data7 {
  font-family: var(--wi-font-family);
  font-size: 1rem;
  font-weight: var(--wi-font-bold);
}

.dataUnit4, .mobile-dataUnit4 {
  font-family: var(--wi-font-family-rounded);
  font-size: 16px;
  font-weight: 700;
  line-height: 2;
}

[data-theme^=v2] .dataUnit4, [data-theme^=v2] .mobile-dataUnit4 {
  font-family: var(--wi-font-family);
  font-size: 1rem;
  font-weight: var(--wi-font-black);
}

[data-theme^=v2] .desktop-data1 {
  font-family: var(--wi-font-family);
  font-size: 1.75rem;
  font-weight: var(--wi-font-bold);
  line-height: 1.22;
}

[data-theme^=v2] .desktop-data2 {
  font-size: 1.5rem;
  line-height: 1.25;
}

[data-theme^=v2] .desktop-data2, [data-theme^=v2] .desktop-data3 {
  font-family: var(--wi-font-family);
  font-weight: var(--wi-font-medium);
}

[data-theme^=v2] .desktop-data3 {
  font-size: 1.25rem;
  line-height: 1.33;
}

[data-theme^=v2] .desktop-data4 {
  font-family: var(--wi-font-family);
  font-size: 1.125rem;
  font-weight: var(--wi-font-medium);
  line-height: 1.29;
}

[data-theme^=v2] .desktop-data5 {
  font-family: var(--wi-font-family);
  font-size: 1rem;
  font-weight: var(--wi-font-bold);
  line-height: 1.17;
}

[data-theme^=v2] .desktop-dataUnit {
  font-family: var(--wi-font-family);
  font-size: 0.875rem;
  font-weight: var(--wi-font-black);
  line-height: 2;
}

.smallSpan {
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.33;
  text-transform: capitalize;
}

.metricTitle, .smallSpan {
  font-family: var(--wi-font-family);
}

.metricTitle {
  font-weight: 500;
  line-height: 1.25;
}

[data-theme^=v2] .metricTitle {
  font-weight: var(--wi-font-regular);
}

.buttonPrimary, .cellLabel {
  font-family: var(--wi-font-family);
  line-height: 1.25;
}

.buttonPrimary {
  letter-spacing: 0.47px;
}

.bodyBold {
  font-family: var(--wi-font-family);
  font-weight: 600;
  line-height: 1.33;
}

[data-theme^=v2] .bodyBold {
  font-weight: var(--wi-font-bold);
}

.bodyRegular {
  font-family: var(--wi-font-family);
  line-height: 1.33;
}

[data-theme^=v2] .bodyRegular {
  font-weight: var(--wi-font-bold);
}

.bodyBullet, .buttonInline, .buttonMini {
  font-family: var(--wi-font-family);
  line-height: 1.33;
}

.buttonInline {
  font-weight: 500;
}

[data-theme^=v2] .buttonInline {
  font-weight: var(--wi-font-regular);
}

.subtextRegular {
  font-family: var(--wi-font-family);
  line-height: 1.43;
}

.buttonCaps, .error, .primary {
  font-family: var(--wi-font-family);
  line-height: 1.33;
}

.smallBold {
  font-family: var(--wi-font-family);
  font-weight: 500;
  line-height: 1.4;
}

[data-theme^=v2] .smallBold {
  font-weight: var(--wi-font-regular);
}

.graph {
  font-family: var(--wi-font-family);
  font-weight: 500;
  line-height: 1.6;
}

[data-theme^=v2] .graph {
  font-weight: var(--wi-font-regular);
}

.detailLarge {
  font-family: var(--wi-font-family);
  line-height: 1.33;
}

.upperText {
  text-transform: uppercase !important;
}

.lowerText {
  text-transform: lowercase !important;
}

.fontLight {
  font-weight: var(--wi-font-light) !important;
}

.fontRegular {
  font-weight: var(--wi-font-regular) !important;
}

.fontMedium {
  font-weight: var(--wi-font-medium) !important;
}

.fontBold {
  font-weight: var(--wi-font-bold) !important;
}

.fontBlack {
  font-weight: var(--wi-font-black) !important;
}

@-webkit-keyframes slide-in-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(150%);
    transform: translateX(150%);
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slide-in-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(150%);
    transform: translateX(150%);
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes slide-in-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slide-in-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes slide-in-top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slide-in-top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes slide-in-bottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(150%);
    transform: translateY(150%);
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slide-in-bottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(150%);
    transform: translateY(150%);
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.modals-portal {
  position: relative;
  z-index: 999;
}