@charset "UTF-8";
@media (max-width: 48em) {
  .hide-md {
    display: none !important;
  }
}
.show-md {
  display: none;
}

@media (max-width: 48em) {
  .show-md {
    display: block !important;
  }
}
@media (max-width: 80em) {
  .hide-lg {
    display: none !important;
  }
}
.show-lg {
  display: none;
}

@media (max-width: 80em) {
  .show-lg {
    display: block !important;
  }
}
@media (max-width: 90em) {
  .hide-xl {
    display: none !important;
  }
}
.show-xl {
  display: none;
}

@media (max-width: 90em) {
  .show-xl {
    display: block !important;
  }
}
/* ----- Importing all general variables ----- */
@media (max-width: 48em) {
  .hide-md {
    display: none !important;
  }
}
.show-md {
  display: none;
}

@media (max-width: 48em) {
  .show-md {
    display: block !important;
  }
}
@media (max-width: 80em) {
  .hide-lg {
    display: none !important;
  }
}
.show-lg {
  display: none;
}

@media (max-width: 80em) {
  .show-lg {
    display: block !important;
  }
}
@media (max-width: 90em) {
  .hide-xl {
    display: none !important;
  }
}
.show-xl {
  display: none;
}

@media (max-width: 90em) {
  .show-xl {
    display: block !important;
  }
}
/* ---- Import utilities to convert units ---- */
/* ----- General ----- */
/* ----- Sizes ----- */
/* ----- Buttons ----- */
/* ----- Images ----- */
/* ----- Add any override below ----- */
/*$font-sizes: (
    'nano': clamp(0.5rem, 0.625rem + 2vw, 0.75rem),
    'tiny': clamp(0.625rem, 0.75rem + 2vw, 0.875rem),
    'small': clamp(0.75rem, 0.875rem + 2vw, 1.1875rem),
    'medium': clamp(0.875rem, 1.1875rem + 2vw, 1.5rem),
    'large': clamp(1rem, 1.5rem + 2vw, 2.5rem),
    'huge': clamp(1.25rem, 1.875rem + 2vw, 3.75rem)
);*/
.font-size-nano > * {
  font-size: 0.75rem !important;
}

.font-size-tiny > * {
  font-size: 0.875rem !important;
}

.font-size-small > * {
  font-size: 1.1875rem !important;
}

.font-size-medium > * {
  font-size: 1.5rem !important;
}

.font-size-large > * {
  font-size: 2.5rem !important;
}

.font-size-huge > * {
  font-size: 3.125rem !important;
}

.color-orange {
  color: rgba(234, 122, 1, 0.8);
}
.color-green {
  color: rgba(137, 159, 46, 0.7);
}
.color-teal {
  color: rgba(2, 172, 182, 0.8);
}
.color-white {
  color: #fff !important;
}
.color-gradient {
  font-weight: 600;
  background: -webkit-linear-gradient(-45deg, rgba(234, 122, 1, 0.8) 0%, rgba(137, 159, 46, 0.7) 25%, rgba(2, 172, 182, 0.8) 93%);
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
  -webkit-background-clip: text;
}

/* ----- Background ----- */
.background-color-green {
  background-color: rgba(137, 159, 46, 0.7);
}

.background-color-teal {
  background-color: rgba(2, 172, 182, 0.8);
}

.background-color-orange {
  background-color: rgba(234, 122, 1, 0.8);
}

.bg-gradient {
  color: #fff;
  background: linear-gradient(-45deg, rgba(234, 122, 1, 0.8) 0%, rgba(137, 159, 46, 0.7) 25%, rgba(2, 172, 182, 0.8) 93%);
  animation: gradient 20s ease infinite;
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 20% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* ----- Font ----- */
/* ----- Border ----- */
/* ----- Button ----- */
/* ----- LINKS ----- */
/*Gradient underline*/
a.underline-gradient {
  padding-bottom: 5px;
  background: linear-gradient(-90deg, rgba(234, 122, 1, 0.8) 0%, rgba(137, 159, 46, 0.7) 50%, rgba(2, 172, 182, 0.8) 100%) bottom center no-repeat;
  background-size: 0px 3px;
  transition: 0.5s;
  text-decoration: none;
  cursor: pointer;
}

a.underline-gradient:hover {
  background-size: 100% 3px;
}

a.underline-gradient {
  color: #fff;
  /*background: linear-gradient(-90deg, rgba(234, 122, 1, 0.8) 0%, rgba(137, 159, 46, 0.7) 50%, rgba(2, 172, 182, 0.8) 100%) bottom center no-repeat, linear-gradient(-90deg, rgba(234, 122, 1, 0.8) 0%, rgba(137, 159, 46, 0.7) 50%, rgba(2, 172, 182, 0.8) 100%) no-repeat;
  */
  background: linear-gradient(-90deg, rgba(234, 122, 1, 0.8) 0%, rgba(137, 159, 46, 0.7) 50%, rgba(2, 172, 182, 0.8) 100%) bottom center no-repeat;
  background-size: 0px 2px;
}

a.underline-gradien:hover {
  background-size: 100% 2px;
}

/* ----- Other ----- */
*, *:before, *:after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  height: 100%;
}
html body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: "Helvetica Neue", helvetica, arial;
  font-size: 1.1875rem;
  line-height: 1.5;
  color: #444;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: antialiased !important;
}

hr {
  border: 0;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: #AFBBC5;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
}
h1 ion-icon, h2 ion-icon, h3 ion-icon, h4 ion-icon, h5 ion-icon, h6 ion-icon, p ion-icon {
  vertical-align: middle;
}

h1 {
  font-size: 2.5rem;
  line-height: 3rem;
  font-weight: 500;
  margin-bottom: 0.9375rem;
}
h1:first-child {
  margin-top: -0.3rem;
}

h2 {
  font-size: 1.5rem;
  line-height: 1.5rem 0.5rem;
  font-weight: normal;
  margin-bottom: 0.625rem;
}
h2:first-child {
  margin-top: -0.3rem;
}

h3 {
  font-size: 1.1875rem;
  font-weight: 600;
  margin-bottom: 0.3125rem;
}
h3:first-child {
  margin-top: -0.2rem;
}

p {
  font-size: 1.1875rem;
}
p:first-child {
  margin-top: -0.2rem;
}

a {
  cursor: pointer;
  text-decoration: none;
  color: #3D8CA6;
}
a:hover {
  color: #285d6e;
}
a ion-icon {
  vertical-align: middle;
}

strong {
  font-weight: 600;
}

ul, ol {
  padding: 0;
  padding-left: 1.7rem;
  margin-top: -0.3rem;
  margin: 0;
  margin-bottom: 0;
}
ul li, ol li {
  padding: 0;
  padding-bottom: 0.3125rem;
}

button, .button {
  height: 2.5rem;
  padding: 0.5625rem 1.25rem 0.625rem 1.25rem;
  font-size: 1.1875rem;
  border-radius: 5px;
  line-height: 1;
  border: 1px solid transparent;
  display: inline-block;
  cursor: pointer;
  margin: 0;
  font-family: "Helvetica Neue", helvetica;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #CDD6DD;
  color: #444;
  border-color: #CDD6DD;
}
button ion-icon, .button ion-icon {
  margin-top: -1px;
  vertical-align: middle;
  margin-right: 0.3125rem;
  font-size: 0.9375rem;
}
button:disabled, .button:disabled {
  opacity: 0.5;
  cursor: default;
}
button:not(:focus-visible):focus, .button:not(:focus-visible):focus {
  outline: none;
}
button.-active, .button.-active {
  background: #A0B0BD;
  border-color: #A0B0BD;
  color: #000;
}
button:not(:disabled):hover, .button:not(:disabled):hover {
  background-color: #cdd1d3;
  border-color: #cdd1d3;
  color: #000;
}
button.-primary, .button.-primary {
  background-color: #02acb6;
  border-color: #02acb6;
  color: #fff;
}
button.-primary:not(:disabled):hover, .button.-primary:not(:disabled):hover {
  background: #017c84;
  border-color: #017c84;
  color: #fff;
}
button.-danger, .button.-danger {
  background-color: #ad383d;
  border-color: #ad383d;
  color: #fff;
}
button.-danger:not(:disabled):hover, .button.-danger:not(:disabled):hover {
  background: #862c2f;
  border-color: #862c2f;
  color: #fff;
}
button.-dark, .button.-dark {
  background: #b7c2ca;
  border-color: #b7c2ca;
}
button.-dark:hover, .button.-dark:hover {
  border-color: #a8b6bf;
  background: #a8b6bf;
}
button.-text, .button.-text {
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: transparent;
  border-color: transparent;
}
button.-text:hover, .button.-text:hover {
  border-color: transparent;
  background: transparent;
}
button.-icon, .button.-icon {
  border-color: transparent;
  background: transparent;
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2.5rem;
  width: 2.5rem;
}
button.-icon ion-icon, .button.-icon ion-icon {
  margin-right: 0;
  font-size: 1.5625rem;
}
button.-icon:hover, .button.-icon:hover {
  border-color: transparent;
  background: transparent;
}
button.-hover-rotate:hover ion-icon, .button.-hover-rotate:hover ion-icon {
  transition: transform 0.3s;
  transform: rotate(120deg);
}
button.-small, .button.-small {
  padding: 0.375rem 0.625rem 0.4375rem 0.625rem;
  height: 2rem;
  font-size: 0.875rem;
}
button.-small ion-icon, .button.-small ion-icon {
  font-size: 1.3rem;
}
button.-small.-icon, .button.-small.-icon {
  width: 2rem;
}
button.-small.-icon ion-icon, .button.-small.-icon ion-icon {
  font-size: 1.125rem;
}

input, textarea, select {
  font-family: "Helvetica Neue", helvetica, arial;
  font-size: 1.1875rem;
  border-radius: 5px;
  border: 1px solid #AFBBC5;
  background-color: #fff;
  color: #444;
}
input::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
  font-style: italic;
  color: #686E71;
}
input::placeholder, textarea::placeholder, select::placeholder {
  font-style: italic;
  color: #686E71;
}
input:disabled, textarea:disabled, select:disabled {
  opacity: 0.4;
}

textarea, select, input:not([type=checkbox]):not([type=radio]) {
  padding: 0.5625rem 1.25rem 0.625rem 1.25rem;
  padding-left: 0.625rem;
  padding-right: 0;
}
textarea.-small, select.-small, input:not([type=checkbox]):not([type=radio]).-small {
  font-size: 0.875rem;
  padding: 0.375rem 0.625rem 0.4375rem 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0;
}

select, input:not([type=checkbox]):not([type=radio]) {
  height: 2.5rem;
}
select.-small, input:not([type=checkbox]):not([type=radio]).-small {
  height: 2rem;
}

select {
  cursor: pointer;
  padding-right: 3.125rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"><path fill="%23444" d="M98 190.06l139.78 163.12a24 24 0 0036.44 0L414 190.06c13.34-15.57 2.28-39.62-18.22-39.62h-279.6c-20.5 0-31.56 24.05-18.18 39.62z"/></svg>'), linear-gradient(-90deg, #CDD6DD 0rem, #CDD6DD 2.5rem, #fff 2.5rem, #AFBBC5 2.5rem, #AFBBC5 2.6rem, #fff 2.6rem, #fff 100%);
  background-repeat: no-repeat;
  background-position: right 1.1rem center, center right;
  background-size: 1.7rem 1.7rem, auto;
}
select:hover {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"><path fill="%23000" d="M98 190.06l139.78 163.12a24 24 0 0036.44 0L414 190.06c13.34-15.57 2.28-39.62-18.22-39.62h-279.6c-20.5 0-31.56 24.05-18.18 39.62z"/></svg>'), linear-gradient(-90deg, #cdd1d3 0rem, #cdd1d3 2.5rem, #fff 2.5rem, #AFBBC5 2.5rem, #AFBBC5 2.6rem, #fff 2.6rem, #fff 100%);
}
select.-small {
  padding-right: 2.625rem;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"><path fill="%23444" d="M98 190.06l139.78 163.12a24 24 0 0036.44 0L414 190.06c13.34-15.57 2.28-39.62-18.22-39.62h-279.6c-20.5 0-31.56 24.05-18.18 39.62z"/></svg>'), linear-gradient(-90deg, #CDD6DD 0rem, #CDD6DD 2rem, #fff 2rem, #AFBBC5 2rem, #AFBBC5 2.1rem, #fff 2.1rem, #fff 100%);
  background-position: right 0.8rem center, center right;
  background-size: 1.5rem 1.5rem, auto;
}
select.-small:hover {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"><path fill="%23000" d="M98 190.06l139.78 163.12a24 24 0 0036.44 0L414 190.06c13.34-15.57 2.28-39.62-18.22-39.62h-279.6c-20.5 0-31.56 24.05-18.18 39.62z"/></svg>'), linear-gradient(-90deg, #cdd1d3 0rem, #cdd1d3 2rem, #fff 2rem, #AFBBC5 2rem, #AFBBC5 2.1rem, #fff 2.1rem, #fff 100%);
}

input[type=number] {
  font-family: "PT Mono";
}
input[type=checkbox], input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  margin: 0;
  width: 1.5rem;
  vertical-align: middle;
  height: 1.5rem;
  margin-top: 3px;
  margin-right: 0.625rem;
  background-color: #fff;
  display: grid;
  place-content: center;
  cursor: pointer;
}
input[type=checkbox]::before, input[type=radio]::before {
  content: "";
  width: 0.9rem;
  height: 0.9rem;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #686E71;
}
input[type=checkbox]:checked::before, input[type=radio]:checked::before {
  transform: scale(1);
}
input[type=checkbox].-indeterminate:not(:checked)::before, input[type=radio].-indeterminate:not(:checked)::before {
  content: "";
  width: 0.9rem;
  height: 0.3rem;
  transform: scale(1);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #686E71;
}
input[type=radio] {
  border-radius: 3rem;
}
input[type=radio]::before {
  border-radius: 3rem;
}
input[type=checkbox] {
  border-radius: 3px;
}
input[type=checkbox]::before {
  border-radius: 2px;
}

label {
  font-size: 1.1875rem;
  display: block;
}
label.-small {
  font-size: 0.875rem;
}
label.-left-aligned {
  margin: 1px;
  height: 2.5rem;
  padding-right: 0.9375rem;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
label.-left-aligned.-small {
  height: 2rem;
  padding: 0.375rem 0.625rem 0.4375rem 0.625rem;
  padding-left: 0;
}
label:not(.-left-aligned):first-child {
  margin-top: -0.3rem;
}
label:not(:last-child) {
  margin-bottom: 0.3125rem;
}

table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
table thead th, table tbody th {
  color: #444;
  text-align: left;
  padding: 0.3125rem 0.9375rem;
  padding-bottom: 0.625rem;
  font-weight: 500;
  font-size: 1.1875rem;
}
table tbody tr {
  background: #f3f8fb;
}
table tbody tr:nth-child(even) {
  background: #F7FAFC;
}
table tbody tr.-hover:hover td:not(.-hover-disabled) {
  color: #000;
}
table tbody tr td, table tbody tr th {
  text-align: left;
  padding: 0.625rem 0.9375rem;
  border-top-width: 1px;
  border-top-style: solid;
  font-size: 1.1875rem;
  color: #444;
  border-top-color: rgba(0, 0, 0, 0.1);
}
table tbody tr td ion-icon, table tbody tr th ion-icon {
  color: #686E71;
}
table tbody tr td.-hover:hover, table tbody tr td.-hover:hover > icon ion-icon, table tbody tr th.-hover:hover, table tbody tr th.-hover:hover > icon ion-icon {
  color: #444;
}
table.-odd-rows-background tr:nth-child(odd) {
  background: #F7FAFC;
}
table.-odd-rows-background tr:nth-child(even) {
  background: #f3f8fb;
}
table.-align-right th, table.-align-right td {
  text-align: right;
}
table.-numerical td {
  font-family: "PT Mono";
}
table.-small th, table.-small td {
  font-size: 0.875rem;
}

article {
  max-width: 60rem;
}
article h2 {
  margin-top: 1.875rem;
}
article p:not(:last-child), article ul:not(:last-child) {
  margin-bottom: 0.625rem;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

.clear {
  clear: both !important;
  display: block !important;
}

.vertical-align-top {
  vertical-align: top !important;
}

.vertical-align-bottom {
  vertical-align: bottom !important;
}

.align-right {
  text-align: right !important;
}

.align-left {
  text-align: left !important;
}

.align-center {
  text-align: center !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.cursor-default {
  cursor: default !important;
}

.cursor-help {
  cursor: help !important;
}

.cursor-grab {
  cursor: grab !important;
}

.display-none {
  display: none !important;
}

.display-block {
  display: block !important;
}

.display-inline-block {
  display: inline-block !important;
}

.position-relative {
  position: relative !important;
}

.z-index-1 {
  z-index: 1;
}

.outline-none {
  outline: none !important;
}

.disabled {
  opacity: 0.5 !important;
}

.nowrap {
  white-space: nowrap !important;
}

.truncate {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.center {
  margin-left: auto !important;
  margin-right: auto !important;
}

.blur {
  filter: blur(5px) !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-auto {
  overflow: auto !important;
}

.background-brightness-high {
  background-color: #F7FAFC !important;
}

.background-brightness-medium {
  background-color: #E6EAEE !important;
}

.background-brightness-low {
  background-color: #CDD6DD !important;
}

.border-contrast-high {
  border: 1px solid #AFBBC5 !important;
}

.border-top-contrast-high {
  border-top: 1px solid #AFBBC5 !important;
}

.border-right-contrast-high {
  border-right: 1px solid #AFBBC5 !important;
}

.border-bottom-contrast-high {
  border-bottom: 1px solid #AFBBC5 !important;
}

.border-left-contrast-high {
  border-left: 1px solid #AFBBC5 !important;
}

.border-contrast-medium {
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.border-top-contrast-medium {
  border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.border-right-contrast-medium {
  border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.border-bottom-contrast-medium {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.border-left-contrast-medium {
  border-left: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.border-contrast-low {
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.border-top-contrast-low {
  border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.border-right-contrast-low {
  border-right: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.border-bottom-contrast-low {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.border-left-contrast-low {
  border-left: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.border-zero {
  border: 0 !important;
}

.border-top-zero {
  border-top: 0 !important;
}

.border-right-zero {
  border-right: 0 !important;
}

.border-bottom-zero {
  border-bottom: 0 !important;
}

.border-left-zero {
  border-left: 0 !important;
}

.border-radius {
  border-radius: 5px !important;
}

.italic {
  font-style: italic !important;
}

.lowercase {
  text-transform: lowercase !important;
}

.line-through {
  text-decoration: line-through !important;
}

.underline {
  text-decoration: underline !important;
}

.font-family-numerical {
  font-family: "PT Mono" !important;
}

.font-weight-semibold {
  font-weight: 500 !important;
}

.font-weight-bold {
  font-weight: 600 !important;
}

.font-weight-normal {
  font-weight: normal !important;
}

.font-size-nano {
  font-size: 0.75rem !important;
}

.font-size-tiny {
  font-size: 0.875rem !important;
}

.font-size-small {
  font-size: 1.1875rem !important;
}

.font-size-medium {
  font-size: 1.5rem !important;
}

.font-size-large {
  font-size: 2.5rem !important;
}

.font-size-huge {
  font-size: 3.125rem !important;
}

.font-color-link {
  color: #3D8CA6 !important;
}

.font-color-success {
  color: #5cb936 !important;
}

.font-color-danger {
  color: #eb6f52 !important;
}

.font-color-colored-background {
  color: #fff !important;
}

.font-contrast-high {
  color: #000 !important;
}

.font-contrast-medium {
  color: #444 !important;
}

.font-contrast-low {
  color: #686E71 !important;
}

.font-contrast-lowest {
  color: #999 !important;
}

.margin-zero {
  margin: 0rem !important;
}

.margin-top-zero {
  margin-top: 0rem !important;
}

.margin-right-zero {
  margin-right: 0rem !important;
}

.margin-bottom-zero {
  margin-bottom: 0rem !important;
}

.margin-left-zero {
  margin-left: 0rem !important;
}

.margin-vertical-zero {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.margin-inline-zero {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}

.margin-zero-negative {
  margin: 0rem !important;
}

.margin-top-zero-negative {
  margin-top: 0rem !important;
}

.margin-right-zero-negative {
  margin-right: 0rem !important;
}

.margin-bottom-zero-negative {
  margin-bottom: 0rem !important;
}

.margin-left-zero-negative {
  margin-left: 0rem !important;
}

.margin-nano {
  margin: 0.0625rem !important;
}

.margin-top-nano {
  margin-top: 0.0625rem !important;
}

.margin-right-nano {
  margin-right: 0.0625rem !important;
}

.margin-bottom-nano {
  margin-bottom: 0.0625rem !important;
}

.margin-left-nano {
  margin-left: 0.0625rem !important;
}

.margin-vertical-nano {
  margin-top: 0.0625rem !important;
  margin-bottom: 0.0625rem !important;
}

.margin-inline-nano {
  margin-left: 0.0625rem !important;
  margin-right: 0.0625rem !important;
}

.margin-nano-negative {
  margin: -0.0625rem !important;
}

.margin-top-nano-negative {
  margin-top: -0.0625rem !important;
}

.margin-right-nano-negative {
  margin-right: -0.0625rem !important;
}

.margin-bottom-nano-negative {
  margin-bottom: -0.0625rem !important;
}

.margin-left-nano-negative {
  margin-left: -0.0625rem !important;
}

.margin-tiny {
  margin: 0.3125rem !important;
}

.margin-top-tiny {
  margin-top: 0.3125rem !important;
}

.margin-right-tiny {
  margin-right: 0.3125rem !important;
}

.margin-bottom-tiny {
  margin-bottom: 0.3125rem !important;
}

.margin-left-tiny {
  margin-left: 0.3125rem !important;
}

.margin-vertical-tiny {
  margin-top: 0.3125rem !important;
  margin-bottom: 0.3125rem !important;
}

.margin-inline-tiny {
  margin-left: 0.3125rem !important;
  margin-right: 0.3125rem !important;
}

.margin-tiny-negative {
  margin: -0.3125rem !important;
}

.margin-top-tiny-negative {
  margin-top: -0.3125rem !important;
}

.margin-right-tiny-negative {
  margin-right: -0.3125rem !important;
}

.margin-bottom-tiny-negative {
  margin-bottom: -0.3125rem !important;
}

.margin-left-tiny-negative {
  margin-left: -0.3125rem !important;
}

.margin-small {
  margin: 0.625rem !important;
}

.margin-top-small {
  margin-top: 0.625rem !important;
}

.margin-right-small {
  margin-right: 0.625rem !important;
}

.margin-bottom-small {
  margin-bottom: 0.625rem !important;
}

.margin-left-small {
  margin-left: 0.625rem !important;
}

.margin-vertical-small {
  margin-top: 0.625rem !important;
  margin-bottom: 0.625rem !important;
}

.margin-inline-small {
  margin-left: 0.625rem !important;
  margin-right: 0.625rem !important;
}

.margin-small-negative {
  margin: -0.625rem !important;
}

.margin-top-small-negative {
  margin-top: -0.625rem !important;
}

.margin-right-small-negative {
  margin-right: -0.625rem !important;
}

.margin-bottom-small-negative {
  margin-bottom: -0.625rem !important;
}

.margin-left-small-negative {
  margin-left: -0.625rem !important;
}

.margin-medium {
  margin: 0.9375rem !important;
}

.margin-top-medium {
  margin-top: 0.9375rem !important;
}

.margin-right-medium {
  margin-right: 0.9375rem !important;
}

.margin-bottom-medium {
  margin-bottom: 0.9375rem !important;
}

.margin-left-medium {
  margin-left: 0.9375rem !important;
}

.margin-vertical-medium {
  margin-top: 0.9375rem !important;
  margin-bottom: 0.9375rem !important;
}

.margin-inline-medium {
  margin-left: 0.9375rem !important;
  margin-right: 0.9375rem !important;
}

.margin-medium-negative {
  margin: -0.9375rem !important;
}

.margin-top-medium-negative {
  margin-top: -0.9375rem !important;
}

.margin-right-medium-negative {
  margin-right: -0.9375rem !important;
}

.margin-bottom-medium-negative {
  margin-bottom: -0.9375rem !important;
}

.margin-left-medium-negative {
  margin-left: -0.9375rem !important;
}

.margin-large {
  margin: 1.875rem !important;
}

.margin-top-large {
  margin-top: 1.875rem !important;
}

.margin-right-large {
  margin-right: 1.875rem !important;
}

.margin-bottom-large {
  margin-bottom: 1.875rem !important;
}

.margin-left-large {
  margin-left: 1.875rem !important;
}

.margin-vertical-large {
  margin-top: 1.875rem !important;
  margin-bottom: 1.875rem !important;
}

.margin-inline-large {
  margin-left: 1.875rem !important;
  margin-right: 1.875rem !important;
}

.margin-large-negative {
  margin: -1.875rem !important;
}

.margin-top-large-negative {
  margin-top: -1.875rem !important;
}

.margin-right-large-negative {
  margin-right: -1.875rem !important;
}

.margin-bottom-large-negative {
  margin-bottom: -1.875rem !important;
}

.margin-left-large-negative {
  margin-left: -1.875rem !important;
}

.margin-huge {
  margin: 5rem !important;
}

.margin-top-huge {
  margin-top: 5rem !important;
}

.margin-right-huge {
  margin-right: 5rem !important;
}

.margin-bottom-huge {
  margin-bottom: 5rem !important;
}

.margin-left-huge {
  margin-left: 5rem !important;
}

.margin-vertical-huge {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.margin-inline-huge {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}

.margin-huge-negative {
  margin: -5rem !important;
}

.margin-top-huge-negative {
  margin-top: -5rem !important;
}

.margin-right-huge-negative {
  margin-right: -5rem !important;
}

.margin-bottom-huge-negative {
  margin-bottom: -5rem !important;
}

.margin-left-huge-negative {
  margin-left: -5rem !important;
}

.padding-zero {
  padding: 0rem !important;
}

.padding-top-zero {
  padding-top: 0rem !important;
}

.padding-right-zero {
  padding-right: 0rem !important;
}

.padding-bottom-zero {
  padding-bottom: 0rem !important;
}

.padding-left-zero {
  padding-left: 0rem !important;
}

.padding-vertical-zero {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.padding-inline-zero {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}

.padding-nano {
  padding: 0.0625rem !important;
}

.padding-top-nano {
  padding-top: 0.0625rem !important;
}

.padding-right-nano {
  padding-right: 0.0625rem !important;
}

.padding-bottom-nano {
  padding-bottom: 0.0625rem !important;
}

.padding-left-nano {
  padding-left: 0.0625rem !important;
}

.padding-vertical-nano {
  padding-top: 0.0625rem !important;
  padding-bottom: 0.0625rem !important;
}

.padding-inline-nano {
  padding-left: 0.0625rem !important;
  padding-right: 0.0625rem !important;
}

.padding-tiny {
  padding: 0.3125rem !important;
}

.padding-top-tiny {
  padding-top: 0.3125rem !important;
}

.padding-right-tiny {
  padding-right: 0.3125rem !important;
}

.padding-bottom-tiny {
  padding-bottom: 0.3125rem !important;
}

.padding-left-tiny {
  padding-left: 0.3125rem !important;
}

.padding-vertical-tiny {
  padding-top: 0.3125rem !important;
  padding-bottom: 0.3125rem !important;
}

.padding-inline-tiny {
  padding-left: 0.3125rem !important;
  padding-right: 0.3125rem !important;
}

.padding-small {
  padding: 0.625rem !important;
}

.padding-top-small {
  padding-top: 0.625rem !important;
}

.padding-right-small {
  padding-right: 0.625rem !important;
}

.padding-bottom-small {
  padding-bottom: 0.625rem !important;
}

.padding-left-small {
  padding-left: 0.625rem !important;
}

.padding-vertical-small {
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}

.padding-inline-small {
  padding-left: 0.625rem !important;
  padding-right: 0.625rem !important;
}

.padding-medium {
  padding: 0.9375rem !important;
}

.padding-top-medium {
  padding-top: 0.9375rem !important;
}

.padding-right-medium {
  padding-right: 0.9375rem !important;
}

.padding-bottom-medium {
  padding-bottom: 0.9375rem !important;
}

.padding-left-medium {
  padding-left: 0.9375rem !important;
}

.padding-vertical-medium {
  padding-top: 0.9375rem !important;
  padding-bottom: 0.9375rem !important;
}

.padding-inline-medium {
  padding-left: 0.9375rem !important;
  padding-right: 0.9375rem !important;
}

.padding-large {
  padding: 1.875rem !important;
}

.padding-top-large {
  padding-top: 1.875rem !important;
}

.padding-right-large {
  padding-right: 1.875rem !important;
}

.padding-bottom-large {
  padding-bottom: 1.875rem !important;
}

.padding-left-large {
  padding-left: 1.875rem !important;
}

.padding-vertical-large {
  padding-top: 1.875rem !important;
  padding-bottom: 1.875rem !important;
}

.padding-inline-large {
  padding-left: 1.875rem !important;
  padding-right: 1.875rem !important;
}

.padding-huge {
  padding: 5rem !important;
}

.padding-top-huge {
  padding-top: 5rem !important;
}

.padding-right-huge {
  padding-right: 5rem !important;
}

.padding-bottom-huge {
  padding-bottom: 5rem !important;
}

.padding-left-huge {
  padding-left: 5rem !important;
}

.padding-vertical-huge {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.padding-inline-huge {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.width-zero {
  width: 0rem !important;
}

.height-zero {
  height: 0rem !important;
}

.width-whole-minus-zero {
  width: calc(100% - 0rem) !important;
}

.height-whole-minus-zero {
  height: calc(100% - 0rem) !important;
}

.width-half-minus-zero {
  width: calc(50% - 0rem) !important;
}

.height-half-minus-zero {
  height: calc(50% - 0rem) !important;
}

.width-third-minus-zero {
  width: calc(33.333% - 0rem) !important;
}

.height-third-minus-zero {
  height: calc(33.333% - 0rem) !important;
}

.width-two-thirds-minus-zero {
  width: calc(66.666% - 0rem) !important;
}

.height-two-thirds-minus-zero {
  height: calc(66.666% - 0rem) !important;
}

.width-fourth-minus-zero {
  width: calc(25% - 0rem) !important;
}

.height-fourth-minus-zero {
  height: calc(25% - 0rem) !important;
}

.width-fifth-minus-zero {
  width: calc(20% - 0rem) !important;
}

.height-fifth-minus-zero {
  height: calc(20% - 0rem) !important;
}

.width-sixth-minus-zero {
  width: calc(16.666% - 0rem) !important;
}

.height-sixth-minus-zero {
  height: calc(16.666% - 0rem) !important;
}

.width-nano {
  width: 0.0625rem !important;
}

.height-nano {
  height: 0.0625rem !important;
}

.width-whole-minus-nano {
  width: calc(100% - 0.0625rem) !important;
}

.height-whole-minus-nano {
  height: calc(100% - 0.0625rem) !important;
}

.width-half-minus-nano {
  width: calc(50% - 0.0625rem) !important;
}

.height-half-minus-nano {
  height: calc(50% - 0.0625rem) !important;
}

.width-third-minus-nano {
  width: calc(33.333% - 0.0625rem) !important;
}

.height-third-minus-nano {
  height: calc(33.333% - 0.0625rem) !important;
}

.width-two-thirds-minus-nano {
  width: calc(66.666% - 0.0625rem) !important;
}

.height-two-thirds-minus-nano {
  height: calc(66.666% - 0.0625rem) !important;
}

.width-fourth-minus-nano {
  width: calc(25% - 0.0625rem) !important;
}

.height-fourth-minus-nano {
  height: calc(25% - 0.0625rem) !important;
}

.width-fifth-minus-nano {
  width: calc(20% - 0.0625rem) !important;
}

.height-fifth-minus-nano {
  height: calc(20% - 0.0625rem) !important;
}

.width-sixth-minus-nano {
  width: calc(16.666% - 0.0625rem) !important;
}

.height-sixth-minus-nano {
  height: calc(16.666% - 0.0625rem) !important;
}

.width-tiny {
  width: 0.3125rem !important;
}

.height-tiny {
  height: 0.3125rem !important;
}

.width-whole-minus-tiny {
  width: calc(100% - 0.3125rem) !important;
}

.height-whole-minus-tiny {
  height: calc(100% - 0.3125rem) !important;
}

.width-half-minus-tiny {
  width: calc(50% - 0.3125rem) !important;
}

.height-half-minus-tiny {
  height: calc(50% - 0.3125rem) !important;
}

.width-third-minus-tiny {
  width: calc(33.333% - 0.3125rem) !important;
}

.height-third-minus-tiny {
  height: calc(33.333% - 0.3125rem) !important;
}

.width-two-thirds-minus-tiny {
  width: calc(66.666% - 0.3125rem) !important;
}

.height-two-thirds-minus-tiny {
  height: calc(66.666% - 0.3125rem) !important;
}

.width-fourth-minus-tiny {
  width: calc(25% - 0.3125rem) !important;
}

.height-fourth-minus-tiny {
  height: calc(25% - 0.3125rem) !important;
}

.width-fifth-minus-tiny {
  width: calc(20% - 0.3125rem) !important;
}

.height-fifth-minus-tiny {
  height: calc(20% - 0.3125rem) !important;
}

.width-sixth-minus-tiny {
  width: calc(16.666% - 0.3125rem) !important;
}

.height-sixth-minus-tiny {
  height: calc(16.666% - 0.3125rem) !important;
}

.width-small {
  width: 0.625rem !important;
}

.height-small {
  height: 0.625rem !important;
}

.width-whole-minus-small {
  width: calc(100% - 0.625rem) !important;
}

.height-whole-minus-small {
  height: calc(100% - 0.625rem) !important;
}

.width-half-minus-small {
  width: calc(50% - 0.625rem) !important;
}

.height-half-minus-small {
  height: calc(50% - 0.625rem) !important;
}

.width-third-minus-small {
  width: calc(33.333% - 0.625rem) !important;
}

.height-third-minus-small {
  height: calc(33.333% - 0.625rem) !important;
}

.width-two-thirds-minus-small {
  width: calc(66.666% - 0.625rem) !important;
}

.height-two-thirds-minus-small {
  height: calc(66.666% - 0.625rem) !important;
}

.width-fourth-minus-small {
  width: calc(25% - 0.625rem) !important;
}

.height-fourth-minus-small {
  height: calc(25% - 0.625rem) !important;
}

.width-fifth-minus-small {
  width: calc(20% - 0.625rem) !important;
}

.height-fifth-minus-small {
  height: calc(20% - 0.625rem) !important;
}

.width-sixth-minus-small {
  width: calc(16.666% - 0.625rem) !important;
}

.height-sixth-minus-small {
  height: calc(16.666% - 0.625rem) !important;
}

.width-medium {
  width: 0.9375rem !important;
}

.height-medium {
  height: 0.9375rem !important;
}

.width-whole-minus-medium {
  width: calc(100% - 0.9375rem) !important;
}

.height-whole-minus-medium {
  height: calc(100% - 0.9375rem) !important;
}

.width-half-minus-medium {
  width: calc(50% - 0.9375rem) !important;
}

.height-half-minus-medium {
  height: calc(50% - 0.9375rem) !important;
}

.width-third-minus-medium {
  width: calc(33.333% - 0.9375rem) !important;
}

.height-third-minus-medium {
  height: calc(33.333% - 0.9375rem) !important;
}

.width-two-thirds-minus-medium {
  width: calc(66.666% - 0.9375rem) !important;
}

.height-two-thirds-minus-medium {
  height: calc(66.666% - 0.9375rem) !important;
}

.width-fourth-minus-medium {
  width: calc(25% - 0.9375rem) !important;
}

.height-fourth-minus-medium {
  height: calc(25% - 0.9375rem) !important;
}

.width-fifth-minus-medium {
  width: calc(20% - 0.9375rem) !important;
}

.height-fifth-minus-medium {
  height: calc(20% - 0.9375rem) !important;
}

.width-sixth-minus-medium {
  width: calc(16.666% - 0.9375rem) !important;
}

.height-sixth-minus-medium {
  height: calc(16.666% - 0.9375rem) !important;
}

.width-large {
  width: 1.875rem !important;
}

.height-large {
  height: 1.875rem !important;
}

.width-whole-minus-large {
  width: calc(100% - 1.875rem) !important;
}

.height-whole-minus-large {
  height: calc(100% - 1.875rem) !important;
}

.width-half-minus-large {
  width: calc(50% - 1.875rem) !important;
}

.height-half-minus-large {
  height: calc(50% - 1.875rem) !important;
}

.width-third-minus-large {
  width: calc(33.333% - 1.875rem) !important;
}

.height-third-minus-large {
  height: calc(33.333% - 1.875rem) !important;
}

.width-two-thirds-minus-large {
  width: calc(66.666% - 1.875rem) !important;
}

.height-two-thirds-minus-large {
  height: calc(66.666% - 1.875rem) !important;
}

.width-fourth-minus-large {
  width: calc(25% - 1.875rem) !important;
}

.height-fourth-minus-large {
  height: calc(25% - 1.875rem) !important;
}

.width-fifth-minus-large {
  width: calc(20% - 1.875rem) !important;
}

.height-fifth-minus-large {
  height: calc(20% - 1.875rem) !important;
}

.width-sixth-minus-large {
  width: calc(16.666% - 1.875rem) !important;
}

.height-sixth-minus-large {
  height: calc(16.666% - 1.875rem) !important;
}

.width-huge {
  width: 5rem !important;
}

.height-huge {
  height: 5rem !important;
}

.width-whole-minus-huge {
  width: calc(100% - 5rem) !important;
}

.height-whole-minus-huge {
  height: calc(100% - 5rem) !important;
}

.width-half-minus-huge {
  width: calc(50% - 5rem) !important;
}

.height-half-minus-huge {
  height: calc(50% - 5rem) !important;
}

.width-third-minus-huge {
  width: calc(33.333% - 5rem) !important;
}

.height-third-minus-huge {
  height: calc(33.333% - 5rem) !important;
}

.width-two-thirds-minus-huge {
  width: calc(66.666% - 5rem) !important;
}

.height-two-thirds-minus-huge {
  height: calc(66.666% - 5rem) !important;
}

.width-fourth-minus-huge {
  width: calc(25% - 5rem) !important;
}

.height-fourth-minus-huge {
  height: calc(25% - 5rem) !important;
}

.width-fifth-minus-huge {
  width: calc(20% - 5rem) !important;
}

.height-fifth-minus-huge {
  height: calc(20% - 5rem) !important;
}

.width-sixth-minus-huge {
  width: calc(16.666% - 5rem) !important;
}

.height-sixth-minus-huge {
  height: calc(16.666% - 5rem) !important;
}

.width-whole {
  width: 100% !important;
}

.height-whole {
  height: 100% !important;
}

.width-half {
  width: 50% !important;
}

.height-half {
  height: 50% !important;
}

.width-third {
  width: 33.333% !important;
}

.height-third {
  height: 33.333% !important;
}

.width-two-thirds {
  width: 66.666% !important;
}

.height-two-thirds {
  height: 66.666% !important;
}

.width-fourth {
  width: 25% !important;
}

.height-fourth {
  height: 25% !important;
}

.width-fifth {
  width: 20% !important;
}

.height-fifth {
  height: 20% !important;
}

.width-sixth {
  width: 16.666% !important;
}

.height-sixth {
  height: 16.666% !important;
}

.flex {
  display: flex !important;
}
.flex.-h-center {
  justify-content: center !important;
}
.flex.-h-spread {
  justify-content: space-between !important;
}
.flex.-h-stretch > * {
  flex-grow: 1;
}
.flex.-v-center {
  align-items: center !important;
}
.flex.-v-spread {
  align-content: space-between !important;
}
.flex.-v-stretch {
  align-content: stretch !important;
}
.flex.-h-end {
  justify-content: flex-end !important;
}
.flex.-wrap {
  flex-wrap: wrap !important;
}
.flex.-d-column {
  flex-direction: column !important;
}

.img-nano {
  max-width: 0.75rem !important;
  min-width: 0.75rem !important;
  height: auto;
}

.img-tiny {
  max-width: 2.5rem !important;
  min-width: 2.5rem !important;
  height: auto;
}

.img-small {
  max-width: 5rem !important;
  min-width: 5rem !important;
  height: auto;
}

.img-medium {
  max-width: 6.5625rem !important;
  min-width: 6.5625rem !important;
  height: auto;
}

.img-large {
  max-width: 13.125rem !important;
  min-width: 13.125rem !important;
  height: auto;
}

.img-huge {
  max-width: 25rem !important;
  min-width: 25rem !important;
  height: auto;
}

.row-list > div, .row-list > label {
  display: flex;
  align-items: center;
  position: relative;
  border-radius: 5px;
  background: #F7FAFC;
  padding: 0.625rem;
  margin-bottom: 0.0625rem;
  height: 5.2rem;
  cursor: pointer;
  overflow: hidden;
}
.row-list > div h3, .row-list > label h3 {
  font-weight: 500;
  font-size: 1.1875rem;
  margin-bottom: 0;
}
.row-list > div p, .row-list > label p {
  font-size: 0.875rem;
  color: #686E71;
  font-style: italic;
  margin-top: -0.2rem;
}
.row-list > div .status-label, .row-list > label .status-label {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 0.75rem;
  font-weight: bold;
  border-radius: 0 5px 0 5px;
  color: #fff;
  background: #02acb6;
  padding: 0.3125rem 0.625rem;
}
.row-list > div .status-label .spinner, .row-list > label .status-label .spinner {
  height: 0.9rem;
  width: 0.9rem;
  margin-right: 0.5rem;
}
.row-list > div .hover-tools, .row-list > label .hover-tools {
  position: absolute;
  display: flex;
  opacity: 0;
  height: 2rem;
  margin-right: 0.625rem;
  right: 0;
}
.row-list > div .hover-tools button, .row-list > label .hover-tools button {
  background: #CDD6DD;
}
.row-list > div .hover-tools button[name=download], .row-list > label .hover-tools button[name=download] {
  margin-top: -4px;
}
.row-list > div .hover-tools button > *, .row-list > label .hover-tools button > * {
  color: #444;
}
.row-list > div .hover-tools button:hover, .row-list > label .hover-tools button:hover {
  background: #AFBBC5;
}
.row-list > div .hover-tools button:hover > ion-icon, .row-list > label .hover-tools button:hover > ion-icon {
  color: #000;
}
.row-list > div .hover-tools:hover, .row-list > label .hover-tools:hover {
  z-index: 1;
}
.row-list > div .symbol.-icon, .row-list > div .symbol.-image, .row-list > div .symbol.-checkbox, .row-list > div .symbol.-caret, .row-list > label .symbol.-icon, .row-list > label .symbol.-image, .row-list > label .symbol.-checkbox, .row-list > label .symbol.-caret {
  width: 2rem;
  height: 2rem;
}
.row-list > div .symbol.-icon, .row-list > div .symbol.-image, .row-list > div .symbol.-caret, .row-list > label .symbol.-icon, .row-list > label .symbol.-image, .row-list > label .symbol.-caret {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2rem;
}
.row-list > div .symbol.-icon, .row-list > div .symbol.-image, .row-list > label .symbol.-icon, .row-list > label .symbol.-image {
  border-radius: 2rem;
  margin-right: 0.625rem;
}
.row-list > div .symbol.-icon ion-icon, .row-list > div .symbol.-image ion-icon, .row-list > label .symbol.-icon ion-icon, .row-list > label .symbol.-image ion-icon {
  width: 1.6rem;
  height: 1.6rem;
}
.row-list > div .symbol.-icon strong, .row-list > div .symbol.-image strong, .row-list > label .symbol.-icon strong, .row-list > label .symbol.-image strong {
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  width: 1.6rem;
  height: 1.6rem;
  text-align: center;
}
.row-list > div .symbol.-icon, .row-list > label .symbol.-icon {
  background: #999;
  border: 0.2rem solid #F7FAFC;
}
.row-list > div .symbol.-icon ion-icon, .row-list > label .symbol.-icon ion-icon {
  color: #fff;
}
.row-list > div .symbol.-icon.-inactive, .row-list > label .symbol.-icon.-inactive {
  background: #CDD6DD;
}
.row-list > div .symbol.-image img, .row-list > label .symbol.-image img {
  width: 2.4rem;
  height: 2.4rem;
}
.row-list > div .symbol.-checkbox, .row-list > label .symbol.-checkbox {
  width: 2rem;
  padding: 0.3125rem;
  margin: 0 0.3125rem;
}
.row-list > div .symbol.-caret, .row-list > label .symbol.-caret {
  width: 2.5rem;
  margin-left: -0.5rem;
}
.row-list > div .symbol.-caret ion-icon, .row-list > label .symbol.-caret ion-icon {
  color: #686E71;
}
.row-list.-button-hover > div:hover, .row-list.-button-hover > div.-hover, .row-list.-button-hover > label:hover, .row-list.-button-hover > label.-hover {
  background: #CDD6DD;
}
.row-list.-button-hover > div:hover h3, .row-list.-button-hover > div:hover p, .row-list.-button-hover > div.-hover h3, .row-list.-button-hover > div.-hover p, .row-list.-button-hover > label:hover h3, .row-list.-button-hover > label:hover p, .row-list.-button-hover > label.-hover h3, .row-list.-button-hover > label.-hover p {
  color: #000;
}
.row-list.-button-hover > div:hover .hover-tools, .row-list.-button-hover > div.-hover .hover-tools, .row-list.-button-hover > label:hover .hover-tools, .row-list.-button-hover > label.-hover .hover-tools {
  opacity: 1;
}
.row-list.-button-hover > div:hover .status-label, .row-list.-button-hover > div.-hover .status-label, .row-list.-button-hover > label:hover .status-label, .row-list.-button-hover > label.-hover .status-label {
  opacity: 0.3;
  filter: blur(5px);
}
.row-list.-subtle-hover > div:hover h3, .row-list.-subtle-hover > div:hover p, .row-list.-subtle-hover > div:hover .-caret, .row-list.-subtle-hover > div:hover .-caret ion-icon, .row-list.-subtle-hover > div.-hover h3, .row-list.-subtle-hover > div.-hover p, .row-list.-subtle-hover > div.-hover .-caret, .row-list.-subtle-hover > div.-hover .-caret ion-icon, .row-list.-subtle-hover > label:hover h3, .row-list.-subtle-hover > label:hover p, .row-list.-subtle-hover > label:hover .-caret, .row-list.-subtle-hover > label:hover .-caret ion-icon, .row-list.-subtle-hover > label.-hover h3, .row-list.-subtle-hover > label.-hover p, .row-list.-subtle-hover > label.-hover .-caret, .row-list.-subtle-hover > label.-hover .-caret ion-icon {
  color: #000;
}
.row-list.-subtle-hover > div:hover .symbol.-icon:not(.-inactive), .row-list.-subtle-hover > div.-hover .symbol.-icon:not(.-inactive), .row-list.-subtle-hover > label:hover .symbol.-icon:not(.-inactive), .row-list.-subtle-hover > label.-hover .symbol.-icon:not(.-inactive) {
  background: #444;
}
.row-list.-subtle-hover > div:hover .hover-tools, .row-list.-subtle-hover > div.-hover .hover-tools, .row-list.-subtle-hover > label:hover .hover-tools, .row-list.-subtle-hover > label.-hover .hover-tools {
  opacity: 1;
}
.row-list.-subtle-hover > div:hover .status-label, .row-list.-subtle-hover > div.-hover .status-label, .row-list.-subtle-hover > label:hover .status-label, .row-list.-subtle-hover > label.-hover .status-label {
  opacity: 0.3;
}

.card-list {
  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
  display: grid;
  gap: 0.9375rem;
  position: relative;
}
.card-list > div {
  aspect-ratio: 1;
  background: #F7FAFC;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.card-list > div > img {
  max-height: 100%;
}
.card-list > div .status-label {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 0.75rem;
  font-weight: bold;
  border-radius: 0 5px 0 5px;
  color: #F7FAFC;
  background: #02acb6;
  padding: 0.3125rem 0.625rem;
}
.card-list > div .status-label .spinner {
  height: 0.9rem;
  width: 0.9rem;
  margin-right: 0.5rem;
}
.card-list > div .hover-tools {
  position: absolute;
  display: flex;
  opacity: 0;
  height: 2rem;
  right: 0.3125rem;
  top: 0.3125rem;
}
.card-list > div .hover-tools button {
  background: #CDD6DD;
}
.card-list > div .hover-tools button[name=download] {
  margin-top: -4px;
}
.card-list > div .hover-tools button > * {
  color: #444;
}
.card-list > div .hover-tools button:hover {
  background: #AFBBC5;
}
.card-list > div .hover-tools button:hover > ion-icon {
  color: #000;
}
.card-list > div .hover-tools:hover {
  z-index: 1;
}
.card-list > div .information {
  position: absolute;
  bottom: 0;
  padding: 0.625rem;
  background: #F7FAFCee;
  width: 100%;
  border-radius: 0 0 5px 5px;
}
.card-list > div .information h3 {
  font-weight: 500;
  font-size: 1.1875rem;
  margin-bottom: 0;
}
.card-list > div .information p {
  font-size: 0.875rem;
  color: #686E71;
  font-style: italic;
  margin-top: -0.2rem;
}
.card-list.-button-hover > div:hover, .card-list.-button-hover > div.-hover {
  background: #CDD6DD;
}
.card-list.-button-hover > div:hover h3, .card-list.-button-hover > div:hover p, .card-list.-button-hover > div.-hover h3, .card-list.-button-hover > div.-hover p {
  color: #000;
}
.card-list.-button-hover > div:hover .hover-tools, .card-list.-button-hover > div.-hover .hover-tools {
  opacity: 1;
}
.card-list.-button-hover > div:hover .status-label, .card-list.-button-hover > div.-hover .status-label {
  opacity: 0.3;
  filter: blur(5px);
}
.card-list.-button-hover > div:hover > img, .card-list.-button-hover > div.-hover > img {
  opacity: 0.5;
}

@media (max-width: 48em) {
  .hide-md {
    display: none !important;
  }
}

.show-md {
  display: none;
}
@media (max-width: 48em) {
  .show-md {
    display: block !important;
  }
}

@media (max-width: 80em) {
  .hide-lg {
    display: none !important;
  }
}

.show-lg {
  display: none;
}
@media (max-width: 80em) {
  .show-lg {
    display: block !important;
  }
}

@media (max-width: 90em) {
  .hide-xl {
    display: none !important;
  }
}

.show-xl {
  display: none;
}
@media (max-width: 90em) {
  .show-xl {
    display: block !important;
  }
}

.grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  gap: 2.5rem;
  width: min(100% - 2.5rem, 75rem);
  margin-inline: auto;
}

.fb-wrapper {
  display: grid;
  grid-template-columns: 1fr min(100% - 2.5rem, 75rem) 1fr;
}
.fb-wrapper.-wide {
  grid-template-columns: 1fr min(100% - 3.75rem, 100rem) 1fr;
}
.fb-wrapper > * {
  grid-column: 2;
}

@media (min-width: 48em) {
  .columns {
    display: flex;
  }
  .columns .column.-half {
    width: 50%;
  }
  .columns .column.-third {
    width: 33.333%;
  }
  .columns .column.-two-thirds {
    width: 66.666%;
  }
  .columns .column.-fourth {
    width: 25%;
  }
}

@media (min-width: 80em) {
  .columns-wide {
    display: flex;
  }
  .columns-wide .column.-half {
    width: 50%;
  }
  .columns-wide .column.-third {
    width: 33.333%;
  }
  .columns-wide .column.-two-thirds {
    width: 66.666%;
  }
  .columns-wide .column.-fourth {
    width: 25%;
  }
}

.hero {
  margin: auto 0;
  height: min(64rem, 100vh);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.hero h1 {
  font-size: clamp(1.25rem, 1.875rem + 2vw, 3.75rem);
  line-height: 1.1;
  font-weight: 600;
  margin-bottom: 2rem;
}
.hero h2 {
  font-size: clamp(1rem, 0.75rem + 2vw, 1.875rem);
  line-height: 1.3;
  opacity: 0.8;
  font-weight: 300;
  margin-bottom: 2rem;
}
.hero a {
  font-weight: 500;
  height: 3.5rem;
  padding: 1rem 1.75rem;
}
@media (min-width: ) {
  .hero .logo {
    display: none;
  }
}

section {
  margin: clamp(3.75rem, 7.5rem + 2vh, 12.5rem) auto;
  position: relative;
}
section p, section li {
  line-height: 2;
}

.mockup-card {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  background-color: #fff;
  padding: 1.8rem 2.5rem;
  display: block;
  position: relative;
}
.mockup-card hr {
  max-width: 50%;
  background-color: #ececec;
  border: solid #ececec 1px;
  margin: 2rem auto;
}

/*** Bar graph ***/
.bar-container {
  width: 100%;
  margin-bottom: 1.25rem;
}

.bar {
  width: 100%;
  background-color: #eee;
  height: 2rem;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  padding-right: 1rem;
}

.bar-label {
  position: absolute;
  line-height: 2rem;
  margin-left: 0.5rem;
  color: #333;
}

.bar-fill {
  height: 100%;
  background-color: #dbdbdb;
  text-align: right;
  padding-right: 1rem;
  color: #333;
  line-height: 2rem;
  box-sizing: unset;
}

.bar-highlight {
  background-color: #939393;
}

[type=range] {
  border: 0px;
  -webkit-appearance: none;
  margin: 12px 0;
  width: 100%;
}
[type=range]:focus {
  outline: 0;
}
[type=range]:focus::-webkit-slider-runnable-track {
  background: white;
}
[type=range]:focus::-ms-fill-lower {
  background: #f2f2f2;
}
[type=range]:focus::-ms-fill-upper {
  background: white;
}
[type=range]::-webkit-slider-runnable-track {
  cursor: pointer;
  height: 8px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 100%;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0 0 1px rgba(13, 13, 13, 0);
  background: #f2f2f2;
  border: 2px solid #eee;
  border-radius: 5px;
}
[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0 0 1px rgba(13, 13, 13, 0);
  background: #d9d9d9;
  border: 2px solid #dbdbdb;
  border-radius: 12px;
  cursor: pointer;
  height: 24px;
  width: 24px;
  -webkit-appearance: none;
  margin-top: -10px;
}
[type=range]::-moz-range-track {
  cursor: pointer;
  height: 8px;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 100%;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0 0 1px rgba(13, 13, 13, 0);
  background: #f2f2f2;
  border: 2px solid #eee;
  border-radius: 5px;
}
[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0 0 1px rgba(13, 13, 13, 0);
  background: #d9d9d9;
  border: 2px solid #dbdbdb;
  border-radius: 12px;
  cursor: pointer;
  height: 24px;
  width: 24px;
}
[type=range]::-ms-track {
  cursor: pointer;
  height: 8px;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 100%;
  background: transparent;
  border-color: transparent;
  border-width: 12px 0;
  color: transparent;
}
[type=range]::-ms-fill-lower {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0 0 1px rgba(13, 13, 13, 0);
  background: #e5e5e5;
  border: 2px solid #eee;
  border-radius: 10px;
}
[type=range]::-ms-fill-upper {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0 0 1px rgba(13, 13, 13, 0);
  background: #f2f2f2;
  border: 2px solid #eee;
  border-radius: 10px;
}
[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0 0 1px rgba(13, 13, 13, 0);
  background: #d9d9d9;
  border: 2px solid #dbdbdb;
  border-radius: 12px;
  cursor: pointer;
  height: 24px;
  width: 24px;
  margin-top: 0;
}

.modal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal.open {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}
.modal .modal-bg {
  position: absolute;
  background-color: rgba(30, 33, 37, 0.2);
  width: 100%;
  height: 100%;
}

.modal-container {
  line-height: 1.7;
  border-radius: 5px;
  background: #fff;
  width: clamp(37.5rem, 34.375rem + 2vh, 75rem);
  margin-top: 0.3125rem;
  position: relative;
  padding: 1.875rem;
  box-shadow: 0 2px 1px #1E2125;
}

.modal-close {
  position: absolute;
  padding: 0.3125rem 0.625rem;
  box-shadow: none;
  right: 0.9375rem;
  top: 0.0625rem;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: rgb(73, 47, 47);
  background: none;
  border: 0px;
  font-weight: bold;
  cursor: pointer;
}
.modal-close:hover {
  background-color: #e6e6e6;
}

footer {
  width: 100%;
  position: relative;
}
footer:before {
  content: "";
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  background: #f47f01;
  background: -webkit-gradient(left top, right top, color-stop(0%, #f47f01), color-stop(50%, #abc63a), color-stop(100%, #02acb6));
  background: linear-gradient(to right, #f47f01 0%, #abc63a 50%, #02acb6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f47f01", endColorstr="#02acb6", GradientType=1 );
}

.notalist {
  list-style: none;
}

#agilevel-canvas {
  /* Flechas */
  /* Barra de progreso */
  /* Barra de progreso */
}
#agilevel-canvas .flecha {
  font-size: 18px; /* Ajustar tamaño de las flechas */
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin: 0 5px; /* Separación lateral */
}
#agilevel-canvas .barra {
  width: 80%;
  height: 1.4rem;
  background-color: #fff;
  border: 1px solid #ccc;
  position: relative;
  display: inline-block;
}
#agilevel-canvas .barra_corta {
  width: 50%;
  height: 1.4rem;
  background-color: #fff;
  border: 1px solid #ccc;
  position: relative;
  display: inline-block;
}
#agilevel-canvas .progreso {
  height: 100%;
  width: 50%;
  transition: width 0.3s;
  line-height: 1.4;
  font-size: 1rem;
  color: #fff;
}

/* Estilo para tablas */
table {
  width: 100%;
  border-collapse: collapse;
  background: #f9f9f9;
  font-size: 12px; /* Tamaño reducido del fuente */
}
table th, table td {
  border: none;
  background-color: transparent;
  padding: 4px; /* Reducción del padding */
  text-align: center;
  height: auto; /* Altura mínima */
}
table thead th {
  background-color: #ccc;
  font-weight: bold;
}/*# sourceMappingURL=style.css.map */